diff --git a/README.md b/README.md
index 8c2bff2..369a9bd 100644
--- a/README.md
+++ b/README.md
@@ -43,7 +43,7 @@ Add `corex` to your `mix.exs` dependencies:
 ```elixir
 def deps do
   [
-    {:corex, "~> 0.1.0-alpha.22"}
+    {:corex, "~> 0.1.0-alpha.23"}
   ]
 end
 ```
diff --git a/assets/components/angle-slider.ts b/assets/components/angle-slider.ts
new file mode 100644
index 0000000..5e3da02
--- /dev/null
+++ b/assets/components/angle-slider.ts
@@ -0,0 +1,69 @@
+import { connect, machine, type Props, type Api } from "@zag-js/angle-slider";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class AngleSlider extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="angle-slider"][data-part="root"]') ??
+      this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const hiddenInputEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="hidden-input"]'
+    );
+    if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const thumbEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="thumb"]'
+    );
+    if (thumbEl) this.spreadProps(thumbEl, this.api.getThumbProps());
+
+    const valueTextEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="value-text"]'
+    );
+    if (valueTextEl) {
+      this.spreadProps(valueTextEl, this.api.getValueTextProps());
+      const valueSpan = valueTextEl.querySelector<HTMLElement>(
+        '[data-scope="angle-slider"][data-part="value"]'
+      );
+      if (valueSpan && valueSpan.textContent !== String(this.api.value)) {
+        valueSpan.textContent = String(this.api.value);
+      }
+    }
+
+    const markerGroupEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="angle-slider"][data-part="marker-group"]'
+    );
+    if (markerGroupEl) this.spreadProps(markerGroupEl, this.api.getMarkerGroupProps());
+
+    this.el
+      .querySelectorAll<HTMLElement>('[data-scope="angle-slider"][data-part="marker"]')
+      .forEach((markerEl) => {
+        const valueStr = markerEl.dataset.value;
+        if (valueStr == null) return;
+        const value = Number(valueStr);
+        if (Number.isNaN(value)) return;
+        this.spreadProps(markerEl, this.api.getMarkerProps({ value }));
+      });
+  }
+}
diff --git a/assets/components/avatar.ts b/assets/components/avatar.ts
new file mode 100644
index 0000000..db4d37a
--- /dev/null
+++ b/assets/components/avatar.ts
@@ -0,0 +1,39 @@
+import { connect, machine, type Props, type Api } from "@zag-js/avatar";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class Avatar extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="avatar"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const imageEl = this.el.querySelector<HTMLElement>('[data-scope="avatar"][data-part="image"]');
+    if (imageEl) this.spreadProps(imageEl, this.api.getImageProps());
+
+    const fallbackEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="avatar"][data-part="fallback"]'
+    );
+    if (fallbackEl) this.spreadProps(fallbackEl, this.api.getFallbackProps());
+
+    const skeletonEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="avatar"][data-part="skeleton"]'
+    );
+    if (skeletonEl) {
+      const state = this.machine.service.state;
+      const loaded = state.matches("loaded");
+      const error = state.matches("error");
+      skeletonEl.hidden = loaded || error;
+      skeletonEl.setAttribute("data-state", loaded || error ? "hidden" : "visible");
+    }
+  }
+}
diff --git a/assets/components/carousel.ts b/assets/components/carousel.ts
new file mode 100644
index 0000000..c6821a7
--- /dev/null
+++ b/assets/components/carousel.ts
@@ -0,0 +1,73 @@
+import { connect, machine, type Props, type Api } from "@zag-js/carousel";
+import type { ItemProps, IndicatorProps } from "@zag-js/carousel";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class Carousel extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="carousel"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const itemGroupEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="item-group"]'
+    );
+    if (itemGroupEl) this.spreadProps(itemGroupEl, this.api.getItemGroupProps());
+
+    const slideCount = Number(this.el.dataset.slideCount) || 0;
+    for (let i = 0; i < slideCount; i++) {
+      const itemEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="carousel"][data-part="item"][data-index="${i}"]`
+      );
+      if (itemEl) this.spreadProps(itemEl, this.api.getItemProps({ index: i } as ItemProps));
+    }
+
+    const prevTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="prev-trigger"]'
+    );
+    if (prevTriggerEl) this.spreadProps(prevTriggerEl, this.api.getPrevTriggerProps());
+
+    const nextTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="next-trigger"]'
+    );
+    if (nextTriggerEl) this.spreadProps(nextTriggerEl, this.api.getNextTriggerProps());
+
+    const autoplayTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="autoplay-trigger"]'
+    );
+    if (autoplayTriggerEl) this.spreadProps(autoplayTriggerEl, this.api.getAutoplayTriggerProps());
+
+    const indicatorGroupEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="indicator-group"]'
+    );
+    if (indicatorGroupEl) this.spreadProps(indicatorGroupEl, this.api.getIndicatorGroupProps());
+
+    const indicatorCount = this.api.pageSnapPoints.length;
+    for (let i = 0; i < indicatorCount; i++) {
+      const indicatorEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="carousel"][data-part="indicator"][data-index="${i}"]`
+      );
+      if (indicatorEl)
+        this.spreadProps(indicatorEl, this.api.getIndicatorProps({ index: i } as IndicatorProps));
+    }
+
+    const progressTextEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="carousel"][data-part="progress-text"]'
+    );
+    if (progressTextEl) this.spreadProps(progressTextEl, this.api.getProgressTextProps());
+  }
+}
diff --git a/assets/components/combobox.ts b/assets/components/combobox.ts
index b872aed..627b105 100644
--- a/assets/components/combobox.ts
+++ b/assets/components/combobox.ts
@@ -31,7 +31,7 @@ export class Combobox extends Component<Props, Api> {
         itemToValue: (item: ComboboxItem) => item.id ?? "",
         itemToString: (item: ComboboxItem) => item.label,
         isItemDisabled: (item: ComboboxItem) => item.disabled ?? false,
-        groupBy: (item: ComboboxItem) => item.group,
+        groupBy: (item: ComboboxItem) => item.group ?? "",
       });
     }
 
diff --git a/assets/components/editable.ts b/assets/components/editable.ts
new file mode 100644
index 0000000..5bd2480
--- /dev/null
+++ b/assets/components/editable.ts
@@ -0,0 +1,53 @@
+import { connect, machine, type Props, type Api } from "@zag-js/editable";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class Editable extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="editable"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const areaEl = this.el.querySelector<HTMLElement>('[data-scope="editable"][data-part="area"]');
+    if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const inputEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+
+    const previewEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="preview"]'
+    );
+    if (previewEl) this.spreadProps(previewEl, this.api.getPreviewProps());
+
+    const editTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="edit-trigger"]'
+    );
+    if (editTriggerEl) this.spreadProps(editTriggerEl, this.api.getEditTriggerProps());
+
+    const submitTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="submit-trigger"]'
+    );
+    if (submitTriggerEl) this.spreadProps(submitTriggerEl, this.api.getSubmitTriggerProps());
+
+    const cancelTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="editable"][data-part="cancel-trigger"]'
+    );
+    if (cancelTriggerEl) this.spreadProps(cancelTriggerEl, this.api.getCancelTriggerProps());
+  }
+}
diff --git a/assets/components/floating-panel.ts b/assets/components/floating-panel.ts
new file mode 100644
index 0000000..3f57b7d
--- /dev/null
+++ b/assets/components/floating-panel.ts
@@ -0,0 +1,83 @@
+import { connect, machine, type Props, type Api } from "@zag-js/floating-panel";
+import type { ResizeTriggerProps, StageTriggerProps } from "@zag-js/floating-panel";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class FloatingPanel extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const triggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="trigger"]'
+    );
+    if (triggerEl) this.spreadProps(triggerEl, this.api.getTriggerProps());
+
+    const positionerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="positioner"]'
+    );
+    if (positionerEl) this.spreadProps(positionerEl, this.api.getPositionerProps());
+
+    const contentEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="content"]'
+    );
+    if (contentEl) this.spreadProps(contentEl, this.api.getContentProps());
+
+    const titleEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="title"]'
+    );
+    if (titleEl) this.spreadProps(titleEl, this.api.getTitleProps());
+
+    const headerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="header"]'
+    );
+    if (headerEl) this.spreadProps(headerEl, this.api.getHeaderProps());
+
+    const bodyEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="body"]'
+    );
+    if (bodyEl) this.spreadProps(bodyEl, this.api.getBodyProps());
+
+    const dragTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="drag-trigger"]'
+    );
+    if (dragTriggerEl) this.spreadProps(dragTriggerEl, this.api.getDragTriggerProps());
+
+    const resizeAxes = ["s", "w", "e", "n", "sw", "nw", "se", "ne"] as const;
+    resizeAxes.forEach((axis) => {
+      const resizeEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="floating-panel"][data-part="resize-trigger"][data-axis="${axis}"]`
+      );
+      if (resizeEl)
+        this.spreadProps(resizeEl, this.api.getResizeTriggerProps({ axis } as ResizeTriggerProps));
+    });
+
+    const closeTriggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="close-trigger"]'
+    );
+    if (closeTriggerEl) this.spreadProps(closeTriggerEl, this.api.getCloseTriggerProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="floating-panel"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const stages = ["minimized", "maximized", "default"] as const;
+    stages.forEach((stage) => {
+      const stageTriggerEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="floating-panel"][data-part="stage-trigger"][data-stage="${stage}"]`
+      );
+      if (stageTriggerEl)
+        this.spreadProps(
+          stageTriggerEl,
+          this.api.getStageTriggerProps({ stage } as StageTriggerProps)
+        );
+    });
+  }
+}
diff --git a/assets/components/listbox.ts b/assets/components/listbox.ts
new file mode 100644
index 0000000..de4edb8
--- /dev/null
+++ b/assets/components/listbox.ts
@@ -0,0 +1,143 @@
+import { connect, machine, collection, type Props, type Api } from "@zag-js/listbox";
+import type { ListCollection } from "@zag-js/collection";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+type Item = {
+  id?: string;
+  value?: string;
+  label: string;
+  disabled?: boolean;
+  group?: string;
+};
+
+export class Listbox extends Component<Props<Item>, Api> {
+  private _options: Item[] = [];
+  hasGroups: boolean = false;
+
+  constructor(el: HTMLElement | null, props: Props<Item>) {
+    super(el, props);
+    const collectionFromProps = (props as Props<Item> & { collection?: { items: Item[] } })
+      .collection;
+    this._options = collectionFromProps?.items ?? [];
+  }
+
+  get options(): Item[] {
+    return Array.isArray(this._options) ? this._options : [];
+  }
+
+  setOptions(options: Item[]) {
+    this._options = Array.isArray(options) ? options : [];
+  }
+
+  getCollection(): ListCollection<Item> {
+    const items = this.options;
+    if (this.hasGroups) {
+      return collection({
+        items,
+        itemToValue: (item) => item.id ?? item.value ?? "",
+        itemToString: (item) => item.label,
+        isItemDisabled: (item) => !!item.disabled,
+        groupBy: (item: Item) => item.group ?? "",
+      });
+    }
+    return collection({
+      items,
+      itemToValue: (item) => item.id ?? item.value ?? "",
+      itemToString: (item) => item.label,
+      isItemDisabled: (item) => !!item.disabled,
+    });
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props<Item>): VanillaMachine<any> {
+    const getCollection = this.getCollection.bind(this);
+    const collectionFromProps = (props as Props<Item> & { collection?: ListCollection<Item> })
+      .collection;
+    return new VanillaMachine(machine, {
+      ...props,
+      get collection() {
+        return collectionFromProps ?? getCollection();
+      },
+    });
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  init = (): void => {
+    this.machine.start();
+    this.render();
+    this.machine.subscribe(() => {
+      this.api = this.initApi();
+      this.render();
+    });
+  };
+
+  applyItemProps(): void {
+    const contentEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="listbox"][data-part="content"]'
+    );
+    if (!contentEl) return;
+
+    contentEl
+      .querySelectorAll<HTMLElement>('[data-scope="listbox"][data-part="item-group"]')
+      .forEach((groupEl) => {
+        const groupId = groupEl.dataset.id ?? "";
+        this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
+        const labelEl = groupEl.querySelector<HTMLElement>(
+          '[data-scope="listbox"][data-part="item-group-label"]'
+        );
+        if (labelEl) {
+          this.spreadProps(labelEl, this.api.getItemGroupLabelProps({ htmlFor: groupId }));
+        }
+      });
+
+    contentEl
+      .querySelectorAll<HTMLElement>('[data-scope="listbox"][data-part="item"]')
+      .forEach((itemEl) => {
+        const value = itemEl.dataset.value ?? "";
+        const item = this.options.find((i) => String(i.id ?? i.value ?? "") === String(value));
+        if (!item) return;
+        this.spreadProps(itemEl, this.api.getItemProps({ item }));
+        const textEl = itemEl.querySelector<HTMLElement>(
+          '[data-scope="listbox"][data-part="item-text"]'
+        );
+        if (textEl) {
+          this.spreadProps(textEl, this.api.getItemTextProps({ item }));
+        }
+        const indicatorEl = itemEl.querySelector<HTMLElement>(
+          '[data-scope="listbox"][data-part="item-indicator"]'
+        );
+        if (indicatorEl) {
+          this.spreadProps(indicatorEl, this.api.getItemIndicatorProps({ item }));
+        }
+      });
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="listbox"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>('[data-scope="listbox"][data-part="label"]');
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const valueTextEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="listbox"][data-part="value-text"]'
+    );
+    if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+
+    const inputEl = this.el.querySelector<HTMLElement>('[data-scope="listbox"][data-part="input"]');
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+
+    const contentEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="listbox"][data-part="content"]'
+    );
+    if (contentEl) {
+      this.spreadProps(contentEl, this.api.getContentProps());
+      this.applyItemProps();
+    }
+  }
+}
diff --git a/assets/components/menu.ts b/assets/components/menu.ts
index 7eef4e0..774c6d8 100644
--- a/assets/components/menu.ts
+++ b/assets/components/menu.ts
@@ -25,10 +25,6 @@ export class Menu extends Component<Props, Api> {
     this.api.setParent(parent.machine.service);
   }
 
-  /**
-   * Check if an element belongs to THIS menu instance.
-   * Uses the nearest phx-hook="Menu" ancestor to determine ownership.
-   */
   private isOwnElement(el: HTMLElement): boolean {
     const nearestHook = el.closest('[phx-hook="Menu"]');
     return nearestHook === this.el;
@@ -107,7 +103,6 @@ export class Menu extends Component<Props, Api> {
           }
         });
 
-        // Handle item groups
         const itemGroups = contentEl.querySelectorAll<HTMLElement>(
           '[data-scope="menu"][data-part="item-group"]'
         );
@@ -120,7 +115,6 @@ export class Menu extends Component<Props, Api> {
           }
         });
 
-        // Handle separators
         const separators = contentEl.querySelectorAll<HTMLElement>(
           '[data-scope="menu"][data-part="separator"]'
         );
diff --git a/assets/components/number-input.ts b/assets/components/number-input.ts
new file mode 100644
index 0000000..39e1f96
--- /dev/null
+++ b/assets/components/number-input.ts
@@ -0,0 +1,60 @@
+import { connect, machine, type Props, type Api } from "@zag-js/number-input";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class NumberInput extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="number-input"][data-part="root"]') ??
+      this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const valueTextEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="value-text"]'
+    );
+    if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+
+    const inputEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+
+    const decrementEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="decrement-trigger"]'
+    );
+    if (decrementEl) this.spreadProps(decrementEl, this.api.getDecrementTriggerProps());
+
+    const incrementEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="increment-trigger"]'
+    );
+    if (incrementEl) this.spreadProps(incrementEl, this.api.getIncrementTriggerProps());
+
+    const scrubberEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="number-input"][data-part="scrubber"]'
+    );
+    if (scrubberEl) {
+      this.spreadProps(scrubberEl, this.api.getScrubberProps());
+      scrubberEl.setAttribute("aria-label", "Scrub to adjust value");
+      scrubberEl.removeAttribute("role");
+    }
+  }
+}
diff --git a/assets/components/password-input.ts b/assets/components/password-input.ts
new file mode 100644
index 0000000..179e0c4
--- /dev/null
+++ b/assets/components/password-input.ts
@@ -0,0 +1,46 @@
+import { connect, machine, type Props, type Api } from "@zag-js/password-input";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class PasswordInput extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="password-input"][data-part="root"]') ??
+      this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="password-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="password-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const inputEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="password-input"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+
+    const triggerEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="password-input"][data-part="visibility-trigger"]'
+    );
+    if (triggerEl) this.spreadProps(triggerEl, this.api.getVisibilityTriggerProps());
+
+    const indicatorEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="password-input"][data-part="indicator"]'
+    );
+    if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+  }
+}
diff --git a/assets/components/pin-input.ts b/assets/components/pin-input.ts
new file mode 100644
index 0000000..f1d93dc
--- /dev/null
+++ b/assets/components/pin-input.ts
@@ -0,0 +1,42 @@
+import { connect, machine, type Props, type Api } from "@zag-js/pin-input";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class PinInput extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="pin-input"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="pin-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const hiddenInputEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="pin-input"][data-part="hidden-input"]'
+    );
+    if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="pin-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    this.api.items.forEach((i) => {
+      const inputEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="pin-input"][data-part="input"][data-index="${i}"]`
+      );
+      if (inputEl) this.spreadProps(inputEl, this.api.getInputProps({ index: i }));
+    });
+  }
+}
diff --git a/assets/components/radio-group.ts b/assets/components/radio-group.ts
new file mode 100644
index 0000000..8a785e2
--- /dev/null
+++ b/assets/components/radio-group.ts
@@ -0,0 +1,73 @@
+import { connect, machine, type Props, type Api } from "@zag-js/radio-group";
+import type { ItemProps } from "@zag-js/radio-group";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class RadioGroup extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="radio-group"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const labelEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="radio-group"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+
+    const indicatorEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="radio-group"][data-part="indicator"]'
+    );
+    if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+
+    this.el
+      .querySelectorAll<HTMLElement>('[data-scope="radio-group"][data-part="item"]')
+      .forEach((itemEl) => {
+        const value = itemEl.dataset.value;
+        if (value == null) return;
+        const disabled = itemEl.dataset.disabled === "true";
+        const invalid = itemEl.dataset.invalid === "true";
+        this.spreadProps(itemEl, this.api.getItemProps({ value, disabled, invalid }));
+        const textEl = itemEl.querySelector<HTMLElement>(
+          '[data-scope="radio-group"][data-part="item-text"]'
+        );
+        if (textEl)
+          this.spreadProps(
+            textEl,
+            this.api.getItemTextProps({ value, disabled, invalid } as ItemProps)
+          );
+        const controlEl = itemEl.querySelector<HTMLElement>(
+          '[data-scope="radio-group"][data-part="item-control"]'
+        );
+        if (controlEl)
+          this.spreadProps(
+            controlEl,
+            this.api.getItemControlProps({
+              value,
+              disabled,
+              invalid,
+            } as ItemProps)
+          );
+        const hiddenInputEl = itemEl.querySelector<HTMLElement>(
+          '[data-scope="radio-group"][data-part="item-hidden-input"]'
+        );
+        if (hiddenInputEl)
+          this.spreadProps(
+            hiddenInputEl,
+            this.api.getItemHiddenInputProps({
+              value,
+              disabled,
+              invalid,
+            } as ItemProps)
+          );
+      });
+  }
+}
diff --git a/assets/components/timer.ts b/assets/components/timer.ts
new file mode 100644
index 0000000..8918781
--- /dev/null
+++ b/assets/components/timer.ts
@@ -0,0 +1,67 @@
+import { connect, machine, type Props, type Api } from "@zag-js/timer";
+import type { ItemProps, ActionTriggerProps } from "@zag-js/timer";
+import { VanillaMachine, normalizeProps } from "@zag-js/vanilla";
+import { Component } from "../lib/core";
+
+export class Timer extends Component<Props, Api> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props: Props): VanillaMachine<any> {
+    return new VanillaMachine(machine, props);
+  }
+
+  initApi(): Api {
+    return connect(this.machine.service, normalizeProps);
+  }
+
+  init = (): void => {
+    this.machine.subscribe(() => {
+      (this as { api: Api }).api = this.initApi();
+      this.render();
+    });
+    this.machine.start();
+    (this as { api: Api }).api = this.initApi();
+    this.render();
+  };
+
+  render(): void {
+    const rootEl =
+      this.el.querySelector<HTMLElement>('[data-scope="timer"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+
+    const areaEl = this.el.querySelector<HTMLElement>('[data-scope="timer"][data-part="area"]');
+    if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+
+    const controlEl = this.el.querySelector<HTMLElement>(
+      '[data-scope="timer"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+
+    const timeParts = ["days", "hours", "minutes", "seconds"] as const;
+    timeParts.forEach((type) => {
+      const itemEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="timer"][data-part="item"][data-type="${type}"]`
+      );
+      if (itemEl) {
+        this.spreadProps(itemEl, this.api.getItemProps({ type } as ItemProps));
+      }
+    });
+
+    this.el
+      .querySelectorAll<HTMLElement>('[data-scope="timer"][data-part="separator"]')
+      .forEach((separatorEl) => {
+        this.spreadProps(separatorEl, this.api.getSeparatorProps());
+      });
+
+    const actions = ["start", "pause", "resume", "reset"] as const;
+    actions.forEach((action) => {
+      const triggerEl = this.el.querySelector<HTMLElement>(
+        `[data-scope="timer"][data-part="action-trigger"][data-action="${action}"]`
+      );
+      if (triggerEl)
+        this.spreadProps(
+          triggerEl,
+          this.api.getActionTriggerProps({ action } as ActionTriggerProps)
+        );
+    });
+  }
+}
diff --git a/assets/hooks/angle-slider.ts b/assets/hooks/angle-slider.ts
new file mode 100644
index 0000000..7227260
--- /dev/null
+++ b/assets/hooks/angle-slider.ts
@@ -0,0 +1,156 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { AngleSlider } from "../components/angle-slider";
+import type { Props, ValueChangeDetails } from "@zag-js/angle-slider";
+import { getString, getBoolean, getNumber } from "../lib/util";
+
+type AngleSliderHookState = {
+  angleSlider?: AngleSlider;
+  handlers?: Array<CallbackRef>;
+  onSetValue?: (event: Event) => void;
+};
+
+const AngleSliderHook: Hook<object & AngleSliderHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & AngleSliderHookState) {
+    const el = this.el;
+    const value = getNumber(el, "value");
+    const defaultValue = getNumber(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    let skipNextOnValueChange = false;
+
+    const zag = new AngleSlider(el, {
+      id: el.id,
+      ...(controlled && value !== undefined ? { value } : { defaultValue: defaultValue ?? 0 }),
+      step: getNumber(el, "step") ?? 1,
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      invalid: getBoolean(el, "invalid"),
+      name: getString(el, "name"),
+      dir: getString<"ltr" | "rtl">(el, "dir", ["ltr", "rtl"]),
+      onValueChange: (details: ValueChangeDetails) => {
+        if (skipNextOnValueChange) {
+          skipNextOnValueChange = false;
+          return;
+        }
+        if (controlled) {
+          skipNextOnValueChange = true;
+          zag.api.setValue(details.value);
+        } else {
+          const hiddenInput = el.querySelector<HTMLInputElement>(
+            '[data-scope="angle-slider"][data-part="hidden-input"]'
+          );
+          if (hiddenInput) {
+            hiddenInput.value = String(details.value);
+            hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+            hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsDegree: details.valueAsDegree,
+            id: el.id,
+          });
+        }
+        const eventNameClient = getString(el, "onValueChangeClient");
+        if (eventNameClient) {
+          el.dispatchEvent(
+            new CustomEvent(eventNameClient, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+      onValueChangeEnd: (details: ValueChangeDetails) => {
+        if (controlled) {
+          const hiddenInput = el.querySelector<HTMLInputElement>(
+            '[data-scope="angle-slider"][data-part="hidden-input"]'
+          );
+          if (hiddenInput) {
+            hiddenInput.value = String(details.value);
+            hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+            hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        }
+        const eventName = getString(el, "onValueChangeEnd");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsDegree: details.valueAsDegree,
+            id: el.id,
+          });
+        }
+        const eventNameClient = getString(el, "onValueChangeEndClient");
+        if (eventNameClient) {
+          el.dispatchEvent(
+            new CustomEvent(eventNameClient, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.angleSlider = zag;
+    this.handlers = [];
+
+    this.onSetValue = (event: Event) => {
+      const { value } = (event as CustomEvent<{ value: number }>).detail;
+      zag.api.setValue(value);
+    };
+    el.addEventListener("phx:angle-slider:set-value", this.onSetValue);
+
+    this.handlers.push(
+      this.handleEvent(
+        "angle_slider_set_value",
+        (payload: { angle_slider_id?: string; value: number }) => {
+          const targetId = payload.angle_slider_id;
+          if (targetId) {
+            const matches = el.id === targetId || el.id === `angle-slider:${targetId}`;
+            if (!matches) return;
+          }
+          zag.api.setValue(payload.value);
+        }
+      )
+    );
+
+    this.handlers.push(
+      this.handleEvent("angle_slider_value", () => {
+        this.pushEvent("angle_slider_value_response", {
+          value: zag.api.value,
+          valueAsDegree: zag.api.valueAsDegree,
+          dragging: zag.api.dragging,
+        });
+      })
+    );
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & AngleSliderHookState) {
+    const value = getNumber(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.angleSlider?.updateProps({
+      id: this.el.id,
+      ...(controlled && value !== undefined ? { value } : {}),
+      step: getNumber(this.el, "step") ?? 1,
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      invalid: getBoolean(this.el, "invalid"),
+      name: getString(this.el, "name"),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & AngleSliderHookState) {
+    if (this.onSetValue) {
+      this.el.removeEventListener("phx:angle-slider:set-value", this.onSetValue);
+    }
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.angleSlider?.destroy();
+  },
+};
+
+export { AngleSliderHook as AngleSlider };
diff --git a/assets/hooks/avatar.ts b/assets/hooks/avatar.ts
new file mode 100644
index 0000000..8750463
--- /dev/null
+++ b/assets/hooks/avatar.ts
@@ -0,0 +1,58 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { Avatar } from "../components/avatar";
+import type { Props, StatusChangeDetails } from "@zag-js/avatar";
+import { getString } from "../lib/util";
+
+type AvatarHookState = {
+  avatar?: Avatar;
+  handlers?: Array<CallbackRef>;
+};
+
+const AvatarHook: Hook<object & AvatarHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & AvatarHookState) {
+    const el = this.el;
+    const src = getString(el, "src");
+    const zag = new Avatar(el, {
+      id: el.id,
+      onStatusChange: (details: StatusChangeDetails) => {
+        const eventName = getString(el, "onStatusChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { status: details.status, id: el.id });
+        }
+        const clientName = getString(el, "onStatusChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+      ...(src !== undefined ? {} : {}),
+    } as Props);
+    zag.init();
+    this.avatar = zag;
+    if (src !== undefined) {
+      zag.api.setSrc(src);
+    }
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & AvatarHookState) {
+    const src = getString(this.el, "src");
+    if (src !== undefined && this.avatar) {
+      this.avatar.api.setSrc(src);
+    }
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & AvatarHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.avatar?.destroy();
+  },
+};
+
+export { AvatarHook as Avatar };
diff --git a/assets/hooks/carousel.ts b/assets/hooks/carousel.ts
new file mode 100644
index 0000000..337b889
--- /dev/null
+++ b/assets/hooks/carousel.ts
@@ -0,0 +1,97 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { Carousel } from "../components/carousel";
+import type { Props, PageChangeDetails } from "@zag-js/carousel";
+import { getString, getBoolean, getNumber, getDir } from "../lib/util";
+
+type CarouselHookState = {
+  carousel?: Carousel;
+  handlers?: Array<CallbackRef>;
+};
+
+const CarouselHook: Hook<object & CarouselHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & CarouselHookState) {
+    const el = this.el;
+    const page = getNumber(el, "page");
+    const defaultPage = getNumber(el, "defaultPage");
+    const controlled = getBoolean(el, "controlled");
+    const slideCount = getNumber(el, "slideCount");
+    if (slideCount == null || slideCount < 1) {
+      return;
+    }
+    const zag = new Carousel(el, {
+      id: el.id,
+      slideCount,
+      ...(controlled && page !== undefined ? { page } : { defaultPage: defaultPage ?? 0 }),
+      dir: getDir(el),
+      orientation: getString<"horizontal" | "vertical">(el, "orientation", [
+        "horizontal",
+        "vertical",
+      ]),
+      slidesPerPage: getNumber(el, "slidesPerPage") ?? 1,
+      slidesPerMove:
+        getString(el, "slidesPerMove") === "auto" ? "auto" : getNumber(el, "slidesPerMove"),
+      loop: getBoolean(el, "loop"),
+      autoplay: getBoolean(el, "autoplay")
+        ? { delay: getNumber(el, "autoplayDelay") ?? 4000 }
+        : false,
+      allowMouseDrag: getBoolean(el, "allowMouseDrag"),
+      spacing: getString(el, "spacing") ?? "0px",
+      padding: getString(el, "padding"),
+      inViewThreshold: getNumber(el, "inViewThreshold") ?? 0.6,
+      snapType: getString<"proximity" | "mandatory">(el, "snapType", ["proximity", "mandatory"]),
+      autoSize: getBoolean(el, "autoSize"),
+      onPageChange: (details: PageChangeDetails) => {
+        const eventName = getString(el, "onPageChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            page: details.page,
+            pageSnapPoint: details.pageSnapPoint,
+            id: el.id,
+          });
+        }
+        const clientName = getString(el, "onPageChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.carousel = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & CarouselHookState) {
+    const slideCount = getNumber(this.el, "slideCount");
+    if (slideCount == null || slideCount < 1) return;
+    const page = getNumber(this.el, "page");
+    const controlled = getBoolean(this.el, "controlled");
+    this.carousel?.updateProps({
+      id: this.el.id,
+      slideCount,
+      ...(controlled && page !== undefined ? { page } : {}),
+      dir: getDir(this.el),
+      orientation: getString<"horizontal" | "vertical">(this.el, "orientation", [
+        "horizontal",
+        "vertical",
+      ]),
+      slidesPerPage: getNumber(this.el, "slidesPerPage") ?? 1,
+      loop: getBoolean(this.el, "loop"),
+      allowMouseDrag: getBoolean(this.el, "allowMouseDrag"),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & CarouselHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.carousel?.destroy();
+  },
+};
+
+export { CarouselHook as Carousel };
diff --git a/assets/hooks/components.d.ts b/assets/hooks/components.d.ts
index 7235e71..ac6222f 100644
--- a/assets/hooks/components.d.ts
+++ b/assets/hooks/components.d.ts
@@ -7,6 +7,15 @@ type CorexHook = import("phoenix_live_view").Hook;
 declare module "corex/accordion" {
   export const Accordion: CorexHook;
 }
+declare module "corex/angle-slider" {
+  export const AngleSlider: CorexHook;
+}
+declare module "corex/avatar" {
+  export const Avatar: CorexHook;
+}
+declare module "corex/carousel" {
+  export const Carousel: CorexHook;
+}
 declare module "corex/checkbox" {
   export const Checkbox: CorexHook;
 }
@@ -25,9 +34,30 @@ declare module "corex/date-picker" {
 declare module "corex/dialog" {
   export const Dialog: CorexHook;
 }
+declare module "corex/editable" {
+  export const Editable: CorexHook;
+}
+declare module "corex/floating-panel" {
+  export const FloatingPanel: CorexHook;
+}
+declare module "corex/listbox" {
+  export const Listbox: CorexHook;
+}
 declare module "corex/menu" {
   export const Menu: CorexHook;
 }
+declare module "corex/number-input" {
+  export const NumberInput: CorexHook;
+}
+declare module "corex/password-input" {
+  export const PasswordInput: CorexHook;
+}
+declare module "corex/pin-input" {
+  export const PinInput: CorexHook;
+}
+declare module "corex/radio-group" {
+  export const RadioGroup: CorexHook;
+}
 declare module "corex/select" {
   export const Select: CorexHook;
 }
@@ -40,6 +70,9 @@ declare module "corex/switch" {
 declare module "corex/tabs" {
   export const Tabs: CorexHook;
 }
+declare module "corex/timer" {
+  export const Timer: CorexHook;
+}
 declare module "corex/toast" {
   export const Toast: CorexHook;
 }
diff --git a/assets/hooks/corex.ts b/assets/hooks/corex.ts
index 4a37a3f..33d914e 100644
--- a/assets/hooks/corex.ts
+++ b/assets/hooks/corex.ts
@@ -2,12 +2,12 @@ import type { Hook } from "phoenix_live_view";
 
 type HookModule = Record<string, Hook<object, HTMLElement> | undefined>;
 
-function hooks(importFn: () => Promise<HookModule>, exportName: string): Hook {
+function createLazyHook(importFn: () => Promise<HookModule>, exportName: string): Hook {
   return {
     async mounted() {
       const mod = await importFn();
       const real = mod[exportName];
-      (this as { _realHook?: Hook })._realHook = real;
+      (this as { _realHook?: Hook<object, HTMLElement> })._realHook = real;
       if (real?.mounted) return real.mounted.call(this);
     },
     updated() {
@@ -29,23 +29,40 @@ function hooks(importFn: () => Promise<HookModule>, exportName: string): Hook {
 }
 
 export const Hooks = {
-  Accordion: hooks(() => import("corex/accordion"), "Accordion"),
-  Checkbox: hooks(() => import("corex/checkbox"), "Checkbox"),
-  Clipboard: hooks(() => import("corex/clipboard"), "Clipboard"),
-  Collapsible: hooks(() => import("corex/collapsible"), "Collapsible"),
-  Combobox: hooks(() => import("corex/combobox"), "Combobox"),
-  DatePicker: hooks(() => import("corex/date-picker"), "DatePicker"),
-  Dialog: hooks(() => import("corex/dialog"), "Dialog"),
-  Menu: hooks(() => import("corex/menu"), "Menu"),
-  Select: hooks(() => import("corex/select"), "Select"),
-  SignaturePad: hooks(() => import("corex/signature-pad"), "SignaturePad"),
-  Switch: hooks(() => import("corex/switch"), "Switch"),
-  Tabs: hooks(() => import("corex/tabs"), "Tabs"),
-  Toast: hooks(() => import("corex/toast"), "Toast"),
-  ToggleGroup: hooks(() => import("corex/toggle-group"), "ToggleGroup"),
-  TreeView: hooks(() => import("corex/tree-view"), "TreeView"),
+  Accordion: createLazyHook(() => import("corex/accordion"), "Accordion"),
+  AngleSlider: createLazyHook(() => import("corex/angle-slider"), "AngleSlider"),
+  Avatar: createLazyHook(() => import("corex/avatar"), "Avatar"),
+  Carousel: createLazyHook(() => import("corex/carousel"), "Carousel"),
+  Checkbox: createLazyHook(() => import("corex/checkbox"), "Checkbox"),
+  Clipboard: createLazyHook(() => import("corex/clipboard"), "Clipboard"),
+  Collapsible: createLazyHook(() => import("corex/collapsible"), "Collapsible"),
+  Combobox: createLazyHook(() => import("corex/combobox"), "Combobox"),
+  DatePicker: createLazyHook(() => import("corex/date-picker"), "DatePicker"),
+  Dialog: createLazyHook(() => import("corex/dialog"), "Dialog"),
+  Editable: createLazyHook(() => import("corex/editable"), "Editable"),
+  FloatingPanel: createLazyHook(() => import("corex/floating-panel"), "FloatingPanel"),
+  Listbox: createLazyHook(() => import("corex/listbox"), "Listbox"),
+  Menu: createLazyHook(() => import("corex/menu"), "Menu"),
+  NumberInput: createLazyHook(() => import("corex/number-input"), "NumberInput"),
+  PasswordInput: createLazyHook(() => import("corex/password-input"), "PasswordInput"),
+  PinInput: createLazyHook(() => import("corex/pin-input"), "PinInput"),
+  RadioGroup: createLazyHook(() => import("corex/radio-group"), "RadioGroup"),
+  Select: createLazyHook(() => import("corex/select"), "Select"),
+  SignaturePad: createLazyHook(() => import("corex/signature-pad"), "SignaturePad"),
+  Switch: createLazyHook(() => import("corex/switch"), "Switch"),
+  Tabs: createLazyHook(() => import("corex/tabs"), "Tabs"),
+  Timer: createLazyHook(() => import("corex/timer"), "Timer"),
+  Toast: createLazyHook(() => import("corex/toast"), "Toast"),
+  ToggleGroup: createLazyHook(() => import("corex/toggle-group"), "ToggleGroup"),
+  TreeView: createLazyHook(() => import("corex/tree-view"), "TreeView"),
 };
 
-export { hooks };
+export function hooks<T extends keyof typeof Hooks>(
+  componentNames: readonly T[]
+): Pick<typeof Hooks, T> {
+  return Object.fromEntries(
+    componentNames.filter((name): name is T => name in Hooks).map((name) => [name, Hooks[name]])
+  ) as Pick<typeof Hooks, T>;
+}
 
 export default Hooks;
diff --git a/assets/hooks/editable.ts b/assets/hooks/editable.ts
new file mode 100644
index 0000000..813c12a
--- /dev/null
+++ b/assets/hooks/editable.ts
@@ -0,0 +1,91 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { Editable } from "../components/editable";
+import type { Props, ValueChangeDetails } from "@zag-js/editable";
+import { getString, getBoolean, getDir } from "../lib/util";
+
+type EditableHookState = {
+  editable?: Editable;
+  handlers?: Array<CallbackRef>;
+};
+
+const EditableHook: Hook<object & EditableHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & EditableHookState) {
+    const el = this.el;
+    const value = getString(el, "value");
+    const defaultValue = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const placeholder = getString(el, "placeholder");
+    const activationMode = getString(el, "activationMode") as "focus" | "dblclick" | undefined;
+    const selectOnFocus = getBoolean(el, "selectOnFocus");
+
+    const zag = new Editable(el, {
+      id: el.id,
+      ...(controlled && value !== undefined ? { value } : { defaultValue: defaultValue ?? "" }),
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      required: getBoolean(el, "required"),
+      invalid: getBoolean(el, "invalid"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      dir: getDir(el),
+      ...(placeholder !== undefined ? { placeholder } : {}),
+      ...(activationMode !== undefined ? { activationMode } : {}),
+      ...(selectOnFocus !== undefined ? { selectOnFocus } : {}),
+      ...(getBoolean(el, "controlledEdit")
+        ? { edit: getBoolean(el, "edit") }
+        : { defaultEdit: getBoolean(el, "defaultEdit") }),
+      onValueChange: (details: ValueChangeDetails) => {
+        const inputEl = el.querySelector('[data-scope="editable"][data-part="input"]') as {
+          value: string;
+          dispatchEvent: (e: Event) => boolean;
+        } | null;
+        if (inputEl) {
+          inputEl.value = details.value;
+          inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+          inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { value: details.value, id: el.id });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.editable = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & EditableHookState) {
+    const value = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.editable?.updateProps({
+      id: this.el.id,
+      ...(controlled && value !== undefined ? { value } : {}),
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      required: getBoolean(this.el, "required"),
+      invalid: getBoolean(this.el, "invalid"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & EditableHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.editable?.destroy();
+  },
+};
+
+export { EditableHook as Editable };
diff --git a/assets/hooks/floating-panel.ts b/assets/hooks/floating-panel.ts
new file mode 100644
index 0000000..e374c3d
--- /dev/null
+++ b/assets/hooks/floating-panel.ts
@@ -0,0 +1,138 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { FloatingPanel } from "../components/floating-panel";
+import type {
+  Props,
+  OpenChangeDetails,
+  PositionChangeDetails,
+  SizeChangeDetails,
+  StageChangeDetails,
+} from "@zag-js/floating-panel";
+import { getString, getBoolean, getDir } from "../lib/util";
+
+type FloatingPanelHookState = {
+  floatingPanel?: FloatingPanel;
+  handlers?: Array<CallbackRef>;
+};
+
+function parseSize(val: string | undefined): { width: number; height: number } | undefined {
+  if (!val) return undefined;
+  try {
+    const parsed = JSON.parse(val) as { width?: number; height?: number };
+    if (typeof parsed.width === "number" && typeof parsed.height === "number") {
+      return { width: parsed.width, height: parsed.height };
+    }
+  } catch {
+    //
+  }
+  return undefined;
+}
+
+function parsePoint(val: string | undefined): { x: number; y: number } | undefined {
+  if (!val) return undefined;
+  try {
+    const parsed = JSON.parse(val) as { x?: number; y?: number };
+    if (typeof parsed.x === "number" && typeof parsed.y === "number") {
+      return { x: parsed.x, y: parsed.y };
+    }
+  } catch {
+    //
+  }
+  return undefined;
+}
+
+const FloatingPanelHook: Hook<object & FloatingPanelHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & FloatingPanelHookState) {
+    const el = this.el;
+    const open = getBoolean(el, "open");
+    const defaultOpen = getBoolean(el, "defaultOpen");
+    const controlled = getBoolean(el, "controlled");
+    const size = parseSize(el.dataset.size);
+    const defaultSize = parseSize(el.dataset.defaultSize);
+    const position = parsePoint(el.dataset.position);
+    const defaultPosition = parsePoint(el.dataset.defaultPosition);
+    const zag = new FloatingPanel(el, {
+      id: el.id,
+      ...(controlled ? { open } : { defaultOpen }),
+      draggable: getBoolean(el, "draggable") !== false,
+      resizable: getBoolean(el, "resizable") !== false,
+      allowOverflow: getBoolean(el, "allowOverflow") !== false,
+      closeOnEscape: getBoolean(el, "closeOnEscape") !== false,
+      disabled: getBoolean(el, "disabled"),
+      dir: getDir(el),
+      size,
+      defaultSize,
+      position,
+      defaultPosition,
+      minSize: parseSize(el.dataset.minSize),
+      maxSize: parseSize(el.dataset.maxSize),
+      persistRect: getBoolean(el, "persistRect"),
+      gridSize: Number(el.dataset.gridSize) || 1,
+      onOpenChange: (details: OpenChangeDetails) => {
+        const eventName = getString(el, "onOpenChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { open: details.open, id: el.id });
+        }
+        const clientName = getString(el, "onOpenChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+      onPositionChange: (details: PositionChangeDetails) => {
+        const eventName = getString(el, "onPositionChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            position: details.position,
+            id: el.id,
+          });
+        }
+      },
+      onSizeChange: (details: SizeChangeDetails) => {
+        const eventName = getString(el, "onSizeChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            size: details.size,
+            id: el.id,
+          });
+        }
+      },
+      onStageChange: (details: StageChangeDetails) => {
+        const eventName = getString(el, "onStageChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            stage: details.stage,
+            id: el.id,
+          });
+        }
+      },
+    } as Props);
+    zag.init();
+    this.floatingPanel = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & FloatingPanelHookState) {
+    const open = getBoolean(this.el, "open");
+    const controlled = getBoolean(this.el, "controlled");
+    this.floatingPanel?.updateProps({
+      id: this.el.id,
+      ...(controlled ? { open } : {}),
+      disabled: getBoolean(this.el, "disabled"),
+      dir: getDir(this.el),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & FloatingPanelHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.floatingPanel?.destroy();
+  },
+};
+
+export { FloatingPanelHook as FloatingPanel };
diff --git a/assets/hooks/listbox.ts b/assets/hooks/listbox.ts
new file mode 100644
index 0000000..211b0e4
--- /dev/null
+++ b/assets/hooks/listbox.ts
@@ -0,0 +1,128 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { collection } from "@zag-js/listbox";
+import { Listbox } from "../components/listbox";
+import type { Props, ValueChangeDetails } from "@zag-js/listbox";
+import type { Direction } from "@zag-js/types";
+import { getString, getBoolean, getStringList } from "../lib/util";
+
+type ListboxItem = {
+  id?: string;
+  value?: string;
+  label: string;
+  disabled?: boolean;
+  group?: string;
+};
+
+function buildCollection(items: ListboxItem[], hasGroups: boolean) {
+  if (hasGroups) {
+    return collection({
+      items,
+      itemToValue: (item) => item.id ?? item.value ?? "",
+      itemToString: (item) => item.label,
+      isItemDisabled: (item) => !!item.disabled,
+      groupBy: (item) => item.group ?? "",
+    });
+  }
+  return collection({
+    items,
+    itemToValue: (item) => item.id ?? item.value ?? "",
+    itemToString: (item) => item.label,
+    isItemDisabled: (item) => !!item.disabled,
+  });
+}
+
+type ListboxHookState = {
+  listbox?: Listbox;
+  handlers?: Array<CallbackRef>;
+};
+
+const ListboxHook: Hook<object & ListboxHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & ListboxHookState) {
+    const el = this.el;
+    const allItems = JSON.parse(el.dataset.collection ?? "[]") as ListboxItem[];
+    const hasGroups = allItems.some((item) => item.group !== undefined);
+    const valueList = getStringList(el, "value");
+    const defaultValueList = getStringList(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new Listbox(el, {
+      id: el.id,
+      collection: buildCollection(allItems, hasGroups),
+      ...(controlled && valueList
+        ? { value: valueList }
+        : { defaultValue: defaultValueList ?? [] }),
+      disabled: getBoolean(el, "disabled"),
+      dir: getString<Direction>(el, "dir", ["ltr", "rtl"]),
+      orientation: getString<"horizontal" | "vertical">(el, "orientation", [
+        "horizontal",
+        "vertical",
+      ]),
+      loopFocus: getBoolean(el, "loopFocus"),
+      selectionMode: getString<"single" | "multiple" | "extended">(el, "selectionMode", [
+        "single",
+        "multiple",
+        "extended",
+      ]),
+      selectOnHighlight: getBoolean(el, "selectOnHighlight"),
+      deselectable: getBoolean(el, "deselectable"),
+      typeahead: getBoolean(el, "typeahead"),
+      onValueChange: (details: ValueChangeDetails<ListboxItem>) => {
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            items: details.items,
+            id: el.id,
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props<ListboxItem>);
+    zag.hasGroups = hasGroups;
+    zag.setOptions(allItems);
+    zag.init();
+
+    this.listbox = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & ListboxHookState) {
+    const newItems = JSON.parse(this.el.dataset.collection ?? "[]") as ListboxItem[];
+    const hasGroups = newItems.some((item) => item.group !== undefined);
+    const valueList = getStringList(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+
+    if (this.listbox) {
+      this.listbox.hasGroups = hasGroups;
+      this.listbox.setOptions(newItems);
+      this.listbox.updateProps({
+        collection: buildCollection(newItems, hasGroups),
+        id: this.el.id,
+        ...(controlled && valueList ? { value: valueList } : {}),
+        disabled: getBoolean(this.el, "disabled"),
+        dir: getString<Direction>(this.el, "dir", ["ltr", "rtl"]),
+        orientation: getString<"horizontal" | "vertical">(this.el, "orientation", [
+          "horizontal",
+          "vertical",
+        ]),
+      } as Partial<Props<ListboxItem>>);
+    }
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & ListboxHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.listbox?.destroy();
+  },
+};
+
+export { ListboxHook as Listbox };
diff --git a/assets/hooks/number-input.ts b/assets/hooks/number-input.ts
new file mode 100644
index 0000000..1d38dd1
--- /dev/null
+++ b/assets/hooks/number-input.ts
@@ -0,0 +1,92 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { NumberInput } from "../components/number-input";
+import type { Props, ValueChangeDetails } from "@zag-js/number-input";
+import { getString, getBoolean, getNumber } from "../lib/util";
+
+type NumberInputHookState = {
+  numberInput?: NumberInput;
+  handlers?: Array<CallbackRef>;
+};
+
+const NumberInputHook: Hook<object & NumberInputHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & NumberInputHookState) {
+    const el = this.el;
+    const valueStr = getString(el, "value");
+    const defaultValueStr = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new NumberInput(el, {
+      id: el.id,
+      ...(controlled && valueStr !== undefined
+        ? { value: valueStr }
+        : { defaultValue: defaultValueStr }),
+      min: getNumber(el, "min"),
+      max: getNumber(el, "max"),
+      step: getNumber(el, "step"),
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      allowMouseWheel: getBoolean(el, "allowMouseWheel"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      onValueChange: (details: ValueChangeDetails) => {
+        const inputEl = el.querySelector<HTMLInputElement>(
+          '[data-scope="number-input"][data-part="input"]'
+        );
+        if (inputEl) {
+          inputEl.value = details.value;
+          inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+          inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsNumber: details.valueAsNumber,
+            id: el.id,
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.numberInput = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & NumberInputHookState) {
+    const valueStr = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.numberInput?.updateProps({
+      id: this.el.id,
+      ...(controlled && valueStr !== undefined ? { value: valueStr } : {}),
+      min: getNumber(this.el, "min"),
+      max: getNumber(this.el, "max"),
+      step: getNumber(this.el, "step"),
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & NumberInputHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.numberInput?.destroy();
+  },
+};
+
+export { NumberInputHook as NumberInput };
diff --git a/assets/hooks/password-input.ts b/assets/hooks/password-input.ts
new file mode 100644
index 0000000..e9c733e
--- /dev/null
+++ b/assets/hooks/password-input.ts
@@ -0,0 +1,76 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { PasswordInput } from "../components/password-input";
+import type { Props, VisibilityChangeDetails } from "@zag-js/password-input";
+import { getString, getBoolean, getDir } from "../lib/util";
+
+type PasswordInputHookState = {
+  passwordInput?: PasswordInput;
+  handlers?: Array<CallbackRef>;
+};
+
+const PasswordInputHook: Hook<object & PasswordInputHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & PasswordInputHookState) {
+    const el = this.el;
+    const zag = new PasswordInput(el, {
+      id: el.id,
+      ...(getBoolean(el, "controlledVisible")
+        ? { visible: getBoolean(el, "visible") }
+        : { defaultVisible: getBoolean(el, "defaultVisible") }),
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      readOnly: getBoolean(el, "readOnly"),
+      required: getBoolean(el, "required"),
+      ignorePasswordManagers: getBoolean(el, "ignorePasswordManagers"),
+      name: getString(el, "name"),
+      dir: getDir(el),
+      autoComplete: getString<"current-password" | "new-password">(el, "autoComplete", [
+        "current-password",
+        "new-password",
+      ]),
+      onVisibilityChange: (details: VisibilityChangeDetails) => {
+        const eventName = getString(el, "onVisibilityChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { visible: details.visible, id: el.id });
+        }
+        const clientName = getString(el, "onVisibilityChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.passwordInput = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & PasswordInputHookState) {
+    this.passwordInput?.updateProps({
+      id: this.el.id,
+      ...(getBoolean(this.el, "controlledVisible")
+        ? { visible: getBoolean(this.el, "visible") }
+        : {}),
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      required: getBoolean(this.el, "required"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+      dir: getDir(this.el),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & PasswordInputHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.passwordInput?.destroy();
+  },
+};
+
+export { PasswordInputHook as PasswordInput };
diff --git a/assets/hooks/pin-input.ts b/assets/hooks/pin-input.ts
new file mode 100644
index 0000000..88e7a6b
--- /dev/null
+++ b/assets/hooks/pin-input.ts
@@ -0,0 +1,109 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { PinInput } from "../components/pin-input";
+import type { Props, ValueChangeDetails } from "@zag-js/pin-input";
+import type { Direction } from "@zag-js/types";
+import { getString, getBoolean, getStringList, getNumber } from "../lib/util";
+
+type PinInputHookState = {
+  pinInput?: PinInput;
+  handlers?: Array<CallbackRef>;
+};
+
+const PinInputHook: Hook<object & PinInputHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & PinInputHookState) {
+    const el = this.el;
+    const valueList = getStringList(el, "value");
+    const defaultValueList = getStringList(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new PinInput(el, {
+      id: el.id,
+      count: getNumber(el, "count") ?? 4,
+      ...(controlled && valueList
+        ? { value: valueList }
+        : { defaultValue: defaultValueList ?? [] }),
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      readOnly: getBoolean(el, "readOnly"),
+      mask: getBoolean(el, "mask"),
+      otp: getBoolean(el, "otp"),
+      blurOnComplete: getBoolean(el, "blurOnComplete"),
+      selectOnFocus: getBoolean(el, "selectOnFocus"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      dir: getString<Direction>(el, "dir", ["ltr", "rtl"]),
+      type: getString<"alphanumeric" | "numeric" | "alphabetic">(el, "type", [
+        "alphanumeric",
+        "numeric",
+        "alphabetic",
+      ]),
+      placeholder: getString(el, "placeholder"),
+      onValueChange: (details: ValueChangeDetails) => {
+        const hiddenInput = el.querySelector<HTMLInputElement>(
+          '[data-scope="pin-input"][data-part="hidden-input"]'
+        );
+        if (hiddenInput) {
+          hiddenInput.value = details.valueAsString;
+          hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+          hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsString: details.valueAsString,
+            id: el.id,
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+      onValueComplete: (details: ValueChangeDetails) => {
+        const eventName = getString(el, "onValueComplete");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsString: details.valueAsString,
+            id: el.id,
+          });
+        }
+      },
+    } as Props);
+    zag.init();
+    this.pinInput = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & PinInputHookState) {
+    const valueList = getStringList(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.pinInput?.updateProps({
+      id: this.el.id,
+      count: getNumber(this.el, "count") ?? this.pinInput?.api.count ?? 4,
+      ...(controlled && valueList ? { value: valueList } : {}),
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & PinInputHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.pinInput?.destroy();
+  },
+};
+
+export { PinInputHook as PinInput };
diff --git a/assets/hooks/radio-group.ts b/assets/hooks/radio-group.ts
new file mode 100644
index 0000000..f3a2fb8
--- /dev/null
+++ b/assets/hooks/radio-group.ts
@@ -0,0 +1,86 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { RadioGroup } from "../components/radio-group";
+import type { Props, ValueChangeDetails } from "@zag-js/radio-group";
+import type { Direction } from "@zag-js/types";
+import { getString, getBoolean } from "../lib/util";
+
+type RadioGroupHookState = {
+  radioGroup?: RadioGroup;
+  handlers?: Array<CallbackRef>;
+};
+
+const RadioGroupHook: Hook<object & RadioGroupHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & RadioGroupHookState) {
+    const el = this.el;
+    const value = getString(el, "value");
+    const defaultValue = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new RadioGroup(el, {
+      id: el.id,
+      ...(controlled && value !== undefined
+        ? { value: value ?? null }
+        : { defaultValue: defaultValue ?? null }),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      readOnly: getBoolean(el, "readOnly"),
+      dir: getString<Direction>(el, "dir", ["ltr", "rtl"]),
+      orientation: getString<"horizontal" | "vertical">(el, "orientation", [
+        "horizontal",
+        "vertical",
+      ]),
+      onValueChange: (details: ValueChangeDetails) => {
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            id: el.id,
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id },
+            })
+          );
+        }
+      },
+    } as Props);
+    zag.init();
+    this.radioGroup = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & RadioGroupHookState) {
+    const value = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.radioGroup?.updateProps({
+      id: this.el.id,
+      ...(controlled && value !== undefined ? { value: value ?? null } : {}),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      orientation: getString<"horizontal" | "vertical">(this.el, "orientation", [
+        "horizontal",
+        "vertical",
+      ]),
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & RadioGroupHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.radioGroup?.destroy();
+  },
+};
+
+export { RadioGroupHook as RadioGroup };
diff --git a/assets/hooks/timer.ts b/assets/hooks/timer.ts
new file mode 100644
index 0000000..94af14e
--- /dev/null
+++ b/assets/hooks/timer.ts
@@ -0,0 +1,64 @@
+import type { Hook } from "phoenix_live_view";
+import type { HookInterface, CallbackRef } from "phoenix_live_view/assets/js/types/view_hook";
+import { Timer } from "../components/timer";
+import type { Props, TickDetails } from "@zag-js/timer";
+import { getString, getBoolean, getNumber } from "../lib/util";
+
+type TimerHookState = {
+  timer?: Timer;
+  handlers?: Array<CallbackRef>;
+};
+
+const TimerHook: Hook<object & TimerHookState, HTMLElement> = {
+  mounted(this: object & HookInterface<HTMLElement> & TimerHookState) {
+    const el = this.el;
+    const zag = new Timer(el, {
+      id: el.id,
+      countdown: getBoolean(el, "countdown"),
+      startMs: getNumber(el, "startMs"),
+      targetMs: getNumber(el, "targetMs"),
+      autoStart: getBoolean(el, "autoStart"),
+      interval: getNumber(el, "interval") ?? 1000,
+      onTick: (details: TickDetails) => {
+        const eventName = getString(el, "onTick");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            time: details.time,
+            formattedTime: details.formattedTime,
+            id: el.id,
+          });
+        }
+      },
+      onComplete: () => {
+        const eventName = getString(el, "onComplete");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { id: el.id });
+        }
+      },
+    } as Props);
+    zag.init();
+    this.timer = zag;
+    this.handlers = [];
+  },
+
+  updated(this: object & HookInterface<HTMLElement> & TimerHookState) {
+    this.timer?.updateProps({
+      id: this.el.id,
+      countdown: getBoolean(this.el, "countdown"),
+      startMs: getNumber(this.el, "startMs"),
+      targetMs: getNumber(this.el, "targetMs"),
+      autoStart: getBoolean(this.el, "autoStart"),
+      interval: getNumber(this.el, "interval") ?? 1000,
+    } as Partial<Props>);
+  },
+
+  destroyed(this: object & HookInterface<HTMLElement> & TimerHookState) {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.timer?.destroy();
+  },
+};
+
+export { TimerHook as Timer };
diff --git a/config/config.exs b/config/config.exs
index 8970681..1416e5d 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -12,7 +12,7 @@ config :phoenix,
 
 if Mix.env() == :dev do
   corex_externals =
-    ~w(accordion checkbox clipboard collapsible combobox date-picker dialog menu select signature-pad switch tabs toast toggle-group tree-view)
+    ~w(accordion angle-slider avatar carousel checkbox clipboard collapsible combobox date-picker dialog editable floating-panel listbox menu number-input password-input pin-input radio-group select signature-pad switch tabs timer toast toggle-group tree-view)
     |> Enum.map(fn name -> "--external:corex/#{name}" end)
 
   esbuild = fn args ->
@@ -26,17 +26,28 @@ if Mix.env() == :dev do
   hooks_entries =
     ~w(
       ./hooks/accordion.ts
+      ./hooks/angle-slider.ts
+      ./hooks/avatar.ts
+      ./hooks/carousel.ts
       ./hooks/checkbox.ts
       ./hooks/clipboard.ts
       ./hooks/collapsible.ts
       ./hooks/combobox.ts
       ./hooks/date-picker.ts
       ./hooks/dialog.ts
+      ./hooks/editable.ts
+      ./hooks/floating-panel.ts
+      ./hooks/listbox.ts
       ./hooks/menu.ts
+      ./hooks/number-input.ts
+      ./hooks/password-input.ts
+      ./hooks/pin-input.ts
+      ./hooks/radio-group.ts
       ./hooks/select.ts
       ./hooks/signature-pad.ts
       ./hooks/switch.ts
       ./hooks/tabs.ts
+      ./hooks/timer.ts
       ./hooks/toast.ts
       ./hooks/toggle-group.ts
       ./hooks/tree-view.ts
diff --git a/design/components/accordion.css b/design/components/accordion.css
new file mode 100644
index 0000000..3ae7645
--- /dev/null
+++ b/design/components/accordion.css
@@ -0,0 +1,147 @@
+@import "../main.css";
+
+@layer components {
+
+  .accordion {
+    @apply ui-root;
+    width: 100%;
+    max-width: var(--container-ui);
+
+  }
+  .accordion [data-scope="accordion"][data-part="root"] {
+    @apply ui-root;
+    
+  }
+
+  .accordion [data-scope="accordion"][data-part="item"] h3 {
+    margin: 0;
+    padding: 0;
+  }
+
+  .accordion [data-scope="accordion"][data-part="item-trigger"] {
+    @apply ui-item;
+
+    border-radius: var(--radius-ui);
+    border: 1px solid var(--color-ui--border);
+  }
+
+  .accordion [data-scope="accordion"][data-part="item"] {
+    gap: var(--spacing-ui-gap);
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .accordion [data-scope="accordion"][data-part="item-text"] {
+
+    width: 100%;
+  }
+
+  .accordion [data-scope="accordion"][data-part="item"][data-state="closed"] [data-scope="accordion"][data-part="item-indicator"][data-open],
+  .accordion [data-scope="accordion"][data-part="item"][data-state="open"] [data-scope="accordion"][data-part="item-indicator"][data-closed] {
+    display: none;
+    transform: none;
+  }
+
+  .accordion [data-scope="accordion"][data-part="item"][data-state="open"] [data-scope="accordion"][data-part="item-indicator"][data-open],
+  .accordion [data-scope="accordion"][data-part="item"][data-state="closed"] [data-scope="accordion"][data-part="item-indicator"][data-closed] {
+    transform: none;
+  }
+
+  .accordion [data-scope="accordion"][data-part="item-content"] {
+    @apply ui-content;
+  }
+
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] {
+    pointer-events: none;
+    user-select: none;
+    min-width: var(--container-ui);
+
+  }
+
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] [data-scope="accordion"][data-part="item-text"]>*,
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] [data-scope="accordion"][data-part="item-indicator"]>* {
+    animation: accordion-skeleton 1.4s ease-in-out infinite;
+  }
+
+  @keyframes accordion-skeleton {
+    0% {
+      opacity: 0.6;
+    }
+
+    50% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0.6;
+    }
+  }
+
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] [data-scope="accordion"][data-part="item-text"]::before,
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] [data-scope="accordion"][data-part="item-text"]::after {
+    content: "";
+    display: block;
+    height: var(--spacing-micro);
+    background: var(--color-ui-active);
+    border-radius: var(--radius-ui);
+  }
+
+  .accordion [data-scope="accordion"][data-part="root"][data-loading] [data-scope="accordion"][data-part="item-text"]::before {
+    width: var(--spacing-ui);
+    margin-block: var(--spacing-ui-padding);
+  }
+}
+
+@utility accordion--* {
+  [data-scope="accordion"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="accordion"][data-part="item"] {
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="accordion"][data-part="item"][data-disabled] [data-scope="accordion"][data-part="item-trigger"] {
+    color: --value(--color-ui-* --muted, [color]);
+  }
+
+  [data-scope="accordion"][data-part="item-trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="accordion"][data-part="item-trigger"][data-disabled] {
+    background-color: --alpha(--value(--color-ui-*, [color]) / 60%);
+    color: --value(--color-ui-* --muted, [color]);
+  }
+
+  [data-scope="accordion"][data-part="item-trigger"][data-selected],
+  [data-scope="accordion"][data-part="item-trigger"][data-in-range],
+  [data-scope="accordion"][data-part="item-trigger"][data-highlighted],
+  [data-scope="accordion"][data-part="item-trigger"][data-state="checked"],
+  [data-scope="accordion"][data-part="item-trigger"][data-state="on"],
+  [data-scope="accordion"][data-part="item-trigger"][data-state="open"],
+  [data-scope="accordion"][data-part="item-trigger"]:hover,
+  [data-scope="accordion"][data-part="item-trigger"]:active {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="accordion"][data-part="item-trigger"][data-highlighted]:not( :hover) {
+    outline: 2px solid --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="accordion"][data-part="item-content"] {
+    padding: --value(--spacing-ui-padding-*, [length]);
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="accordion"][data-part="item-content"]>p {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+}
\ No newline at end of file
diff --git a/design/components/badge.css b/design/components/badge.css
new file mode 100644
index 0000000..b194c1f
--- /dev/null
+++ b/design/components/badge.css
@@ -0,0 +1,71 @@
+@import "../main.css";
+
+@layer components {
+  .badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    cursor: unset;
+    width: fit-content;
+    max-width: 100%;
+    font-size: calc(var(--text-ui) * 0.8);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    border-radius: var(--radius-full);
+    border: 1px solid var(--color-ui--border);
+    padding-inline: var(--spacing-mini-padding);
+    gap: var(--spacing-mini-gap);
+    height: calc(var(--spacing-ui) * 0.8);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    color: var(--color-ui--text);
+    background-color: var(--color-ui);
+
+    &:disabled,
+    &[data-disabled],
+    &[data-disabled="true"],
+    &[disabled="true"] {
+      color: var(--color-ui--muted);
+      background-color: --alpha(var(--color-ui) / 60%);
+      cursor: not-allowed;
+    }
+
+    & svg {
+      @apply ui-icon;
+
+      padding: 0;
+    }
+  }
+
+  .badge.badge--square,
+  .badge.badge--circle {
+    display: inline-flex;
+    aspect-ratio: 1 / 1;
+    justify-content: center;
+    align-items: center;
+    width: auto;
+    padding: 0;
+  }
+
+  .badge.badge--circle {
+    border-radius: var(--radius-full);
+  }
+}
+
+@utility badge--* {
+  font-size: calc(--value(--text-ui-*, [length]) * 0.8);
+  line-height: calc(--value(--text-ui-* --line-height, [length]) * 0.8);
+  height: calc(--value(--spacing-ui-*, [length]) * 0.8);
+  background-color: --value(--color-ui-*, [color]);
+  color: --value(--color-ui-* --text, [color]);
+  padding-inline: calc(--value(--spacing-mini-padding-*, [length]) * 0.8);
+  gap: calc(--value(--spacing-mini-gap-*, [length]) * 0.8);
+
+  :disabled,
+  [data-disabled] {
+    color: --value(--color-ui-* --muted, [color]);
+    background-color: --alpha(--value(--color-ui-*, [color]) / 60%);
+  }
+}
diff --git a/design/components/button.css b/design/components/button.css
new file mode 100644
index 0000000..a061e22
--- /dev/null
+++ b/design/components/button.css
@@ -0,0 +1,52 @@
+@import "../main.css";
+
+@layer components {
+  .button {
+    @apply ui-trigger;
+
+    justify-content: center;
+    appearance: none;
+  }
+
+  .button.button--square,
+  .button.button--circle {
+    display: inline-flex;
+    aspect-ratio: 1 / 1;
+    justify-content: center;
+    align-items: center;
+    width: auto;
+    padding: 0;
+  }
+
+  .button.button--circle {
+    border-radius: var(--radius-full);
+  }
+}
+
+@utility button--* {
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  min-height: --value(--spacing-ui-*, [length]);
+  background-color: --value(--color-ui-*, [color]);
+  color: --value(--color-ui-* --text, [color]);
+  padding-inline: --value(--spacing-ui-padding-*, [length]);
+  gap: --value(--spacing-ui-gap-*, [length]);
+
+  :hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  :active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+
+  :focus-visible {
+    outline-color: --value(--color-ui-* --text, [color]);
+  }
+
+  :disabled,
+  [data-disabled] {
+    color: --value(--color-ui-* --muted, [color]);
+    background-color: --alpha(--value(--color-ui-*, [color]) / 80%);
+  }
+}
diff --git a/design/components/checkbox.css b/design/components/checkbox.css
new file mode 100644
index 0000000..49990d2
--- /dev/null
+++ b/design/components/checkbox.css
@@ -0,0 +1,166 @@
+@import "../main.css";
+
+@layer components {
+  .checkbox [data-scope="checkbox"][data-part="root"] {
+    @apply ui-root;
+
+    flex-direction: row;
+    max-width: var(--container-ui);
+    align-items: center;
+    width: auto;
+    gap: var(--spacing-ui-gap);
+    position: relative;
+  }
+
+  .checkbox [data-scope="checkbox"][data-part="label"] {
+    @apply ui-label;
+    cursor: pointer;
+
+    &[data-invalid] {
+      color: var(--color-ui-alert);
+    }
+  }
+
+  .checkbox [data-scope="checkbox"][data-part="control"] {
+    height: var(--spacing-mini);
+    width: var(--spacing-mini);
+    background: var(--color-ui);
+    color: var(--color-ui--text);
+    font-weight: var(--font-weight-ui);
+    border-radius: var(--radius-ui);
+    border: 1px solid var(--color-ui--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    padding: var(--spacing-micro-padding-sm);
+
+    &[data-state="checked"],
+    &[data-state="indeterminate"] {
+      background: var(--color-ui--text);
+      color: var(--color-ui);
+      border-color: var(--color-ui--text);
+    }
+
+    &[data-state="unchecked"] {
+      background: var(--color-ui);
+      color: var(--color-ui--text);
+      border-color: var(--color-ui--border);
+    }
+
+    &:hover {
+      background-color: var(--color-ui-hover);
+    }
+
+    &:active {
+      background-color: var(--color-ui-active);
+    }
+
+    &[data-state="checked"]:hover,
+    &[data-state="indeterminate"]:hover {
+      background-color: var(--color-ui--text);
+      opacity: 0.9;
+    }
+
+    &:focus-visible,
+    &[data-focus] {
+      outline: 2px solid var(--color-ui--text);
+      outline-offset: -3px;
+    }
+
+    &:disabled,
+    &[data-disabled],
+    &[data-disabled="true"],
+    &[disabled="true"] {
+      color: var(--color-ui--muted);
+      background-color: --alpha(var(--color-ui) / 60%);
+      cursor: not-allowed;
+    }
+
+    &[data-invalid] {
+      color: var(--color-ui-alert);
+      border-color: var(--color-ui-alert);
+    }
+
+    &[data-required] {
+      color: var(--color-ui-alert);
+      border-color: var(--color-ui-alert);
+    }
+  }
+
+  .checkbox [data-scope="checkbox"][data-part="control"] .data-indeterminate {
+    display: none !important;
+  }
+
+  .checkbox [data-scope="checkbox"][data-part="control"] .data-checked {
+    display: none !important;
+  }
+
+  .checkbox
+    [data-scope="checkbox"][data-part="control"][data-state="checked"]
+    .data-checked {
+    display: block !important;
+    @apply ui-icon;
+    color: var(--color-ui-accent--text);
+    width: 100%;
+    height: 100%;
+  }
+
+  .checkbox
+    [data-scope="checkbox"][data-part="control"][data-state="indeterminate"]
+    .data-indeterminate {
+    display: block !important;
+    @apply ui-icon;
+    color: var(--color-ui-accent--text);
+    width: 100%;
+    height: 100%;
+  }
+  .checkbox [data-scope="checkbox"][data-part="error"] {
+    @apply ui-error;
+  }
+}
+
+@utility checkbox--* {
+  [data-scope="checkbox"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+  }
+
+  [data-scope="checkbox"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="checkbox"][data-part="control"] {
+    max-width: --value(--container-mini-*, [length]);
+    padding: --value(--spacing-mini-padding-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-mini-*, [length]);
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+    border-color: --value(--color-ui-* --border, [color]);
+  }
+
+  [data-scope="checkbox"][data-part="control"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  [data-scope="checkbox"][data-part="control"]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+
+  [data-scope="checkbox"][data-part="control"]:focus-visible,
+  [data-scope="checkbox"][data-part="control"][data-focus] {
+    outline-color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="checkbox"][data-part="control"]:disabled,
+  [data-scope="checkbox"][data-part="control"][data-disabled],
+  [data-scope="checkbox"][data-part="control"][data-disabled="true"],
+  [data-scope="checkbox"][data-part="control"][disabled="true"] {
+    color: var(--color-ui--muted);
+    background-color: --alpha(var(--color-ui) / 60%);
+    cursor: not-allowed;
+  }
+}
diff --git a/design/components/clipboard.css b/design/components/clipboard.css
new file mode 100644
index 0000000..eba8c2f
--- /dev/null
+++ b/design/components/clipboard.css
@@ -0,0 +1,63 @@
+@import "../main.css";
+
+@layer components {
+  .clipboard [data-scope="clipboard"][data-part="root"] {
+    @apply ui-root;
+
+    gap: var(--spacing-ui-gap);
+    max-width: var(--container-ui);
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="trigger"] {
+    @apply ui-trigger;
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="control"] {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    gap: var(--spacing-ui-gap);
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="input"] {
+    @apply ui-input;
+
+    max-width: var(--container-mini);
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="input"][data-copied] {
+    background-color: var(--color-ui-success) !important;
+    color: var(--color-ui-success--text) !important;
+    border-color: var(--color-ui-success--border) !important;
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="trigger"] .data-copy {
+    display: inline-block;
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="trigger"] .data-copied {
+    display: none !important;
+  }
+
+  .clipboard [data-scope="clipboard"][data-part="trigger"][data-copied] {
+    background-color: var(--color-ui-success);
+    color: var(--color-ui-success--text);
+    outline-color: var(--color-ui-success--text);
+  }
+
+  .clipboard
+    [data-scope="clipboard"][data-part="trigger"][data-copied]
+    .data-copy {
+    display: none !important;
+  }
+
+  .clipboard
+    [data-scope="clipboard"][data-part="trigger"][data-copied]
+    .data-copied {
+    display: inline-block !important;
+  }
+}
diff --git a/design/components/collapsible.css b/design/components/collapsible.css
new file mode 100644
index 0000000..67a1f3b
--- /dev/null
+++ b/design/components/collapsible.css
@@ -0,0 +1,120 @@
+@import "../main.css";
+
+@layer components {
+
+  .collapsible [data-scope="collapsible"][data-part="root"] {
+    @apply ui-root;
+
+    /* max-width: var(--container-ui);
+    gap: var(--spacing-ui-gap); */
+  }
+
+  .collapsible [data-scope="collapsible"][data-part="trigger"] {
+    @apply ui-trigger;
+
+    justify-content: space-between;
+    max-width: var(--container-mini);
+    place-self: flex-start;
+    width: auto;
+    box-shadow: var(--shadow-ui);
+  }
+
+  .collapsible [data-scope="collapsible"][data-part="trigger"] svg {
+    @apply ui-icon;
+  }
+
+  .collapsible
+    [data-scope="collapsible"][data-part="trigger"][data-state="closed"]
+    [data-closed] {
+    display: none;
+  }
+
+  .collapsible
+    [data-scope="collapsible"][data-part="trigger"][data-state="open"]
+    [data-open] {
+    display: none;
+  }
+
+  .collapsible
+    [data-scope="collapsible"][data-part="content"][data-state="open"] {
+    animation: slide-down 200ms ease;
+  }
+
+  .collapsible
+    [data-scope="collapsible"][data-part="content"][data-state="closed"] {
+    animation: slide-up 200ms ease;
+  }
+
+  .collapsible
+    [data-scope="collapsible"][data-part="indicator"][data-state="open"] {
+    transform: rotate(90deg);
+  }
+
+  .collapsible [data-scope="collapsible"][data-part="content"] {
+    @apply ui-content;
+  }
+
+  @keyframes slide-down {
+    from {
+      opacity: 0.01;
+      height: 0;
+    }
+
+    to {
+      opacity: 1;
+      height: var(--height);
+    }
+  }
+
+  @keyframes slide-up {
+    from {
+      opacity: 1;
+      height: var(--height);
+    }
+
+    to {
+      opacity: 0.01;
+      height: 0;
+    }
+  }
+}
+
+@utility collapsible--* {
+  [data-scope="collapsible"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+    gap: --value(--spacing-gap-ui-*, [length]);
+  }
+
+  [data-scope="collapsible"][data-part="trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="collapsible"][data-part="trigger"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  [data-scope="collapsible"][data-part="trigger"]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+
+  [data-scope="collapsible"][data-part="trigger"]:focus-visible {
+    outline-color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="collapsible"][data-part="trigger"]
+    [data-scope="collapsible"][data-part="item-indicator"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="collapsible"][data-part="content"],
+  [data-scope="collapsible"][data-part="content"] > p {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+}
diff --git a/design/components/combobox.css b/design/components/combobox.css
new file mode 100644
index 0000000..7731191
--- /dev/null
+++ b/design/components/combobox.css
@@ -0,0 +1,164 @@
+@import "../main.css";
+@import "./scrollbar.css";
+
+@layer components {
+  .combobox [data-scope="combobox"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-mini);
+    gap: var(--spacing-ui-gap);
+    width: auto;
+  }
+
+  .combobox [data-scope="combobox"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .combobox [data-scope="combobox"][data-part="control"] {
+    display: flex;
+    width: 100%;
+    position: relative;
+  }
+
+  .combobox [data-scope="combobox"][data-part="input"] {
+    @apply ui-input;
+
+    max-width: 100%;
+    width: 100%;
+    padding-inline: var(--spacing-ui-padding);
+    border-inline-end: none;
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+  }
+
+  .combobox [data-scope="combobox"][data-part="trigger"] {
+    @apply ui-trigger ui-trigger--square;
+
+    border-inline-start: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    flex-shrink: 0;
+  }
+
+  .combobox [data-scope="combobox"][data-part="clear-trigger"] {
+    @apply ui-trigger ui-trigger--square;
+
+    border-inline: none;
+    border-radius: 0;
+    flex-shrink: 0;
+  }
+
+  .combobox [data-scope="combobox"][data-part="positioner"] {
+    position: relative;
+    z-index: 50;
+  }
+
+  .combobox [data-scope="combobox"][data-part="content"] {
+    @apply ui-content scrollbar scrollbar--sm;
+
+    z-index: 50;
+    max-height: calc(var(--spacing) * 96);
+    overflow: auto;
+    padding: 0;
+    box-shadow: var(--shadow-ui);
+  }
+
+  .combobox [data-scope="combobox"][data-part="item-group"] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .combobox [data-scope="combobox"][data-part="item-group-label"] {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    text-align: start;
+    padding-inline: var(--spacing-ui-padding);
+    padding-block: var(--spacing-mini-padding-sm);
+    background-color: var(--color-root);
+    color: var(--color-root--text);
+    border-bottom: 1px solid var(--color-ui--border);
+  }
+
+  .combobox [data-scope="combobox"][data-part="item"] {
+    @apply ui-item;
+  }
+
+  .combobox [data-scope="combobox"][data-part="error"] {
+    @apply ui-error;
+  }
+}
+
+@utility combobox--* {
+  [data-scope="combobox"][data-part="root"] {
+    max-width: --value(--container-mini-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="combobox"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="combobox"][data-part="input"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    color: --value(--color-root--*, [color]);
+    border-color: --value(--color-root-* --border, [color]);
+
+    ::placeholder {
+      color: --value(--color-root--*, [color]);
+    }
+  }
+
+  [data-scope="combobox"][data-part="trigger"],
+  [data-scope="combobox"][data-part="clear-trigger"] {
+    color: --value(--color-root--*, [color]);
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    padding-inline: --value(--spacing-ui-padding-*, [length]);
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="combobox"][data-part="item"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="combobox"][data-part="item"][data-selected],
+  [data-scope="combobox"][data-part="item"][data-state="checked"] {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="combobox"][data-part="item"][data-selected]:hover,
+  [data-scope="combobox"][data-part="item"][data-state="checked"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="combobox"][data-part="item"][data-selected]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="combobox"][data-part="item"][data-highlighted]:not(:hover) {
+    outline: 2px solid --value(--color-ui-* --text, [color]);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="combobox"][data-part="item"][data-selected][data-highlighted],
+  [data-scope="combobox"][data-part="item"][data-state="checked"][data-highlighted] {
+    outline: 2px solid var(--color-ui-accent--text);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="combobox"][data-part="trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+}
diff --git a/design/components/date-picker.css b/design/components/date-picker.css
new file mode 100644
index 0000000..0134800
--- /dev/null
+++ b/design/components/date-picker.css
@@ -0,0 +1,177 @@
+@import "../main.css";
+
+@layer components {
+  
+  .date-picker [data-scope="date-picker"][data-part="root"] {
+    @apply ui-root;
+    width: var(--container-mini);
+    gap: var(--spacing-ui-gap);
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="label"] {
+    @apply ui-label;
+
+    &[data-invalid] {
+      color: var(--color-root-alert);
+    }
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="control"] {
+    display: flex;
+    flex-flow: row nowrap;
+    place-items: center;
+    padding: 0;
+    width: var(--container-mini);
+    overflow: hidden;
+    gap: var(--spacing-mini-gap);
+    justify-content: flex-start;
+    border-radius: var(--radius-ui);
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="trigger"] {
+    @apply ui-trigger;
+
+    min-height: var(--spacing-ui);
+    padding: 0;
+    aspect-ratio: 1 / 1;
+    width: auto;
+    position: relative;
+  }
+
+  
+  .date-picker [data-scope="date-picker"][data-part="input"] {
+    @apply ui-input;
+
+    width: 100%;
+    min-width: 0;
+    flex: 1 1 0%;
+  }
+
+
+
+  /* .date-picker [data-scope="date-picker"][data-part="positioner"] {
+    position: absolute;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  } */
+
+  .date-picker [data-scope="date-picker"][data-part="content"] {
+    @apply ui-content;
+
+    flex-direction: column;
+    z-index: 30;
+    padding: 0;
+    box-shadow: var(--shadow-ui);
+    max-width: fit-content;
+    gap: var(--spacing-mini-gap);
+  }
+
+  .date-picker[data-inline="true"]
+    [data-scope="date-picker"][data-part="content"] {
+    z-index: 0;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="table"] {
+    width: 100%;
+    border-collapse: collapse;
+    padding: 0;
+    margin: 0;
+    place-items: center;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="table-header"],
+  .date-picker [data-scope="date-picker"][data-part="table-header"] th {
+    border: 0;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="table-header"] th {
+    font-weight: var(--font-weight-ui);
+    padding: var(--spacing-mini-padding);
+    text-align: center;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    color: var(--color-ui--text);
+    text-transform: uppercase;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="view-control"] {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    padding-inline: var(--spacing-mini-padding);
+    padding-block: var(--spacing-mini-padding);
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="table-cell"] {
+    position: relative;
+    padding: 0;
+    border: 0;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="table-cell-trigger"] {
+    @apply ui-item;
+
+    text-align: center;
+    justify-items: center;
+    justify-content: center;
+    min-height: var(--spacing-ui-sm);
+    width: var(--spacing-ui-sm);
+    padding: var(--spacing-ui-padding);
+    aspect-ratio: 1/1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-view="month"],
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-view="year"] {
+    min-height: var(--spacing-ui-xl);
+    width: var(--spacing-ui-xl);
+  }
+
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-today]:not(
+      [data-selected]
+    ) {
+    font-weight: var(--font-weight-ui-lg);
+    text-decoration: underline;
+    text-underline-offset: var(--spacing-micro-sm);
+    position: relative;
+  }
+
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-outside-month] {
+    color: var(--color-ui--muted);
+    opacity: 0.5;
+  }
+
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-disabled] {
+    color: var(--color-ui--muted);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .date-picker
+    [data-scope="date-picker"][data-part="table-cell-trigger"][data-unavailable] {
+    text-decoration: line-through;
+    cursor: not-allowed;
+    color: var(--color-ui--muted);
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="prev-trigger"],
+  .date-picker [data-scope="date-picker"][data-part="next-trigger"] {
+    @apply ui-trigger ui-trigger--sm ui-trigger--square;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="view-trigger"] {
+    @apply ui-trigger ui-trigger--sm;
+  }
+
+  .date-picker [data-scope="date-picker"][data-part="error"] {
+    @apply ui-error;
+  }
+}
diff --git a/design/components/dialog.css b/design/components/dialog.css
new file mode 100644
index 0000000..202e30c
--- /dev/null
+++ b/design/components/dialog.css
@@ -0,0 +1,82 @@
+@import "../main.css";
+
+@layer components {
+  .dialog [data-scope="dialog"][data-part="trigger"] {
+    @apply ui-trigger;
+  }
+
+  .dialog [data-scope="dialog"][data-part="close-trigger"] {
+    @apply ui-trigger ui-trigger--circle ui-trigger--sm;
+
+    flex-shrink: 0;
+    height: fit-content;
+  }
+
+  .dialog [data-scope="dialog"][data-part="backdrop"] {
+    position: fixed;
+    inset: 0;
+    width: 100vw;
+    height: 100vh;
+    background: --alpha(var(--color-ui-accent) / 95%);
+    z-index: 10;
+  }
+
+  .dialog [data-scope="dialog"][data-part="positioner"] {
+    position: fixed;
+    inset: 0;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+  }
+
+  .dialog [data-scope="dialog"][data-part="content"] {
+    @apply ui-content;
+
+    max-width: var(--container-ui);
+    margin: var(--spacing-ui-padding);
+    padding: var(--spacing-ui-padding);
+  }
+
+
+  .dialog [data-scope="dialog"][data-part="header"] {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-ui-gap);
+  }
+
+  .dialog [data-scope="dialog"][data-part="header"] [data-scope="dialog"][data-part="title"] {
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+
+  .dialog [data-part="row"] {
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .dialog [data-scope="dialog"][data-part="title"],
+  .dialog [data-scope="dialog"][data-part="description"] {
+    margin-block: 0;
+  }
+
+  .dialog.dialog--side [data-scope="dialog"][data-part="positioner"] {
+    align-items: stretch;
+    justify-content: flex-start;
+    height: 100vh;
+  }
+
+  .dialog.dialog--side [data-scope="dialog"][data-part="content"] {
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    width: auto;
+    padding: 0;
+    margin: 0;
+    border-radius: var(--radius-none);
+  }
+}
diff --git a/design/components/icon.css b/design/components/icon.css
new file mode 100644
index 0000000..297cba1
--- /dev/null
+++ b/design/components/icon.css
@@ -0,0 +1,17 @@
+@import "../main.css";
+
+@layer components {
+  .icon {
+    @apply ui-icon;
+    font-size: 1rem; 
+
+  }
+}
+
+@utility icon--* {
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  height: --value(--spacing-ui-*, [length])!important;
+  width: --value(--spacing-ui-*, [length])!important;
+  color: --value(--color-ui-*, [color]);
+}
diff --git a/design/components/layout.css b/design/components/layout.css
new file mode 100644
index 0000000..0c2d88b
--- /dev/null
+++ b/design/components/layout.css
@@ -0,0 +1,203 @@
+@import "../main.css";
+@import "./scrollbar.css";
+
+@layer components {
+  .layout {
+    @apply scrollbar;
+
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    color: var(--color-root--text);
+    background: var(--color-root);
+    overflow-y: scroll;
+
+    scrollbar-gutter: stable both-edges;
+  }
+
+  .layout__header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    height: var(--spacing-ui-lg);
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    border-bottom: 1px solid var(--color-layer--border);
+    display: flex;
+    align-items: center;
+  }
+
+  .layout__header__content,
+  .layout__footer__content,
+  .layout__side__content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-inline: auto;
+    width: 100%;
+    padding-inline: var(--spacing-ui-padding);
+    padding-block: var(--spacing-ui-padding-sm);
+  }
+
+  .layout__footer {
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    border-bottom: 1px solid var(--color-layer--border);
+    display: flex;
+    align-items: center;
+    min-height: var(--spacing-ui-lg);
+  }
+
+  .layout__wrapper {
+    display: flex;
+    flex: 1;
+    width: 100%;
+    justify-content: center;
+    margin-inline: auto;
+    background-color: var(--color-root);
+    position: relative;
+  }
+
+  .layout__side,
+  .layout__aside {
+    @apply scrollbar scrollbar--sm;
+
+    position: sticky;
+    display: flex;
+    flex-direction: column;
+    top: calc(var(--spacing-ui-lg));
+    align-self: flex-start;
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    min-width: var(--container-micro);
+    max-width: var(--container-ui);
+    width: auto;
+    height: calc(100vh - var(--spacing-ui-lg));
+    overflow-y: scroll;
+    scrollbar-gutter: stable both-edges;
+
+  }
+
+  .layout__aside-mobile {
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    width: 100%;
+  }
+
+  .layout__main {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    width: 100%;
+    margin-inline: auto;
+    margin-block-end: var(--container-micro);
+    position: relative;
+  }
+
+  .layout__main__wrapper {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    flex: 1;
+    justify-content: flex-start;
+    align-items: center;
+  }
+
+  .layout__content {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    flex: 1;
+    justify-content: flex-start;
+    align-items: center;
+    padding: var(--spacing-ui-padding);
+    gap: var(--spacing-ui-gap);
+  }
+
+  .layout__article {
+    width: 100%;
+    min-width: 0;
+    max-width: var(--breakpoint-lg);
+    padding: var(--spacing-ui-padding);
+    color: var(--color-layer--text);
+    border-radius: var(--radius-ui);
+    margin-inline: auto;
+    justify-items: center;
+    align-items: center;
+    gap: var(--spacing-ui-gap);
+    display: flex;
+    flex-direction: column;
+  }
+
+  .layout .layout__row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-ui-gap);
+    width: auto
+
+  }
+
+  .layout .layout__section {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    justify-content: center;
+    gap: var(--spacing-ui-gap);
+    margin-block: var(--spacing-ui);
+    min-width: var(--container-ui)
+  }
+
+  .layout .layout__side,
+  .layout .layout__aside {
+    display: none;
+  }
+
+  @media (min-width: theme("breakpoint.md")) {
+    .layout .layout__side {
+      display: flex;
+    }
+  }
+
+  @media (min-width: theme("breakpoint.lg")) {
+    .layout .layout__aside {
+      display: flex;
+    }
+  }
+
+  .layout .layout__aside-mobile {
+    display: flex;
+  }
+
+  @media (min-width: theme("breakpoint.lg")) {
+    .layout .layout__aside-mobile {
+      display: none;
+    }
+  }
+
+  .layout .layout__side__mobile {
+    display: flex;
+  }
+
+  @media (min-width: theme("breakpoint.md")) {
+    .layout .layout__side__mobile {
+      display: none;
+    }
+  }
+
+  .layout--boxed {
+    .layout__header__content,
+    .layout__footer__content,
+    .layout__wrapper {
+      max-width: var(--breakpoint-xl);
+    }
+
+    .layout__article {
+      max-width: var(--breakpoint-lg);
+    }
+  }
+}
diff --git a/design/components/link.css b/design/components/link.css
new file mode 100644
index 0000000..36474b0
--- /dev/null
+++ b/design/components/link.css
@@ -0,0 +1,78 @@
+@import "../main.css";
+
+@layer components {
+  .link {
+    display: inline-flex;
+    justify-content: start;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+    color: var(--color-layer--info);
+    height: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    gap: var(--spacing-ui-gap);
+    padding-inline: var(--spacing-ui-padding);
+    border-radius: var(--radius-ui);
+    text-decoration: none;
+    max-width: fit-content;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+  }
+
+  .link::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    bottom: 0;
+    height: 1px;
+    width: 80%;
+    background-color: currentcolor;
+    transform: translateX(-50%);
+    transition: width 0.3s ease;
+  }
+
+  .link:hover::after {
+    width: 90%;
+  }
+
+  .link:focus-visible {
+    outline: 2px solid var(--color-ui--focus);
+    outline-offset: 1px;
+    box-shadow: none;
+  }
+
+  .link:focus-visible::after {
+    display: none;
+  }
+
+  .link:disabled,
+  .link[data-disabled] {
+    opacity: 0.6;
+    pointer-events: none;
+    box-shadow: none;
+  }
+
+  .link .icon,
+  .link svg,
+  .link img {
+    @apply ui-icon;
+  }
+
+  .link[aria-current="page"],
+  .link[aria-current="location"] {
+    font-weight: var(--font-weight-ui-lg);
+    pointer-events: none;
+  }
+}
+
+@utility link--* {
+  color: --value(--color-layer--*, [color]);
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  min-height: --value(--spacing-ui-*, [length]);
+  padding-inline: --value(--spacing-ui-padding-*, [length]);
+  gap: --value(--spacing-ui-gap-*, [length]);
+}
diff --git a/design/components/menu.css b/design/components/menu.css
new file mode 100644
index 0000000..5132211
--- /dev/null
+++ b/design/components/menu.css
@@ -0,0 +1,59 @@
+@import "../main.css";
+
+@layer components {
+  .menu [data-scope="menu"][data-part="content"] {
+    @apply ui-content;
+
+    border: 1px solid var(--color-ui--border);
+    z-index: 50;
+    padding: 0;
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+    box-shadow: var(--shadow-ui);
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .menu [data-scope="menu"][data-part="trigger"] {
+    @apply ui-trigger;
+
+    margin-inline-end: var(--spacing-ui-padding);
+    border: none;
+    min-width: var(--container-micro);
+  }
+
+  .menu [data-scope="menu"][data-part="context-trigger"] {
+    @apply ui-trigger;
+
+    border: 1px dashed var(--color-ui--muted);
+    cursor: context-menu;
+  }
+
+  .menu [data-scope="menu"][data-part="separator"] {
+    height: 1px;
+    width: 100%;
+    background: var(--color-ui--border);
+  }
+
+  .menu [data-scope="menu"][data-part="item-group"] {
+    display: flex;
+    flex-direction: column;
+    background-color: transparent;
+  }
+
+  .menu [data-scope="menu"][data-part="item-group-label"] {
+    @apply ui-label;
+
+    border-block-end: 1px solid var(--color-ui--border);
+    padding-inline: var(--spacing-ui-padding)
+  }
+
+  .menu [data-scope="menu"][data-part="item"],
+  .menu [data-scope="menu"][data-part="trigger-item"] {
+    @apply ui-item;
+
+    min-width: var(--container-micro);
+  }
+}
diff --git a/design/components/scrollbar.css b/design/components/scrollbar.css
new file mode 100644
index 0000000..6ea4d22
--- /dev/null
+++ b/design/components/scrollbar.css
@@ -0,0 +1,35 @@
+@import "../main.css";
+
+@utility scrollbar {
+  &::-webkit-scrollbar {
+    width: var(--spacing-micro);
+    height: var(--spacing-micro);
+  }
+
+  &::-webkit-scrollbar-track {
+    background: var(--color-ui);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--color-ui--border);
+  }
+
+  &::-webkit-scrollbar-corner {
+    background: var(--color-ui--border);
+  }
+}
+
+@utility scrollbar--* {
+  &::-webkit-scrollbar {
+    width: --value(--spacing-micro-*, [integer]);
+    height: --value(--spacing-micro-*, [integer]);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: --value(--color-ui-*, [color]);
+  }
+
+  &::-webkit-scrollbar-corner {
+    background: --value(--color-ui-*, [color]);
+  }
+}
diff --git a/design/components/select.css b/design/components/select.css
new file mode 100644
index 0000000..e7c48eb
--- /dev/null
+++ b/design/components/select.css
@@ -0,0 +1,134 @@
+@import "../main.css";
+
+@layer components {
+  .select [data-scope="select"][data-part="root"] {
+    @apply ui-root;
+    width: var(--container-mini);
+    gap: var(--spacing-ui-gap);
+  }
+
+  
+  .select [data-scope="select"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .select [data-scope="select"][data-part="control"] {
+    display: flex;
+    width: 100%;
+    position: relative;
+  }
+
+  .select [data-scope="select"][data-part="trigger"] {
+    @apply ui-trigger;
+
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .select [data-scope="select"][data-part="positioner"] {
+    position: relative;
+  }
+
+  .select [data-scope="select"][data-part="content"] {
+    @apply ui-content;
+
+    border: 1px solid var(--color-ui--border);
+    z-index: 50;
+    padding: 0;
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+    box-shadow: var(--shadow-ui);
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .select [data-scope="select"][data-part="item-group"] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .select [data-scope="select"][data-part="item-group-label"] {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    text-align: start;
+    padding-inline: var(--spacing-ui-padding);
+    padding-block: var(--spacing-mini-padding-sm);
+    background-color: var(--color-root);
+    color: var(--color-root--text);
+    border-bottom: 1px solid var(--color-ui--border);
+  }
+
+  .select [data-scope="select"][data-part="item"] {
+    @apply ui-item;
+  }
+
+  .select [data-scope="select"][data-part="item-text"] {
+    width: 100%;
+    text-align: start;
+  }
+
+  .select [data-scope="select"][data-part="error"] {
+    @apply ui-error;
+  }
+}
+
+@utility select--* {
+  [data-scope="select"][data-part="root"] {
+    width: --value(--container-*, [length]);
+  }
+
+  [data-scope="select"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="select"][data-part="trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="select"][data-part="control"] {
+    max-width: --value(--container-mini-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="select"][data-part="item"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  /* States for item */
+  [data-scope="select"][data-part="item"][data-selected],
+  [data-scope="select"][data-part="item"][data-state="checked"] {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="select"][data-part="item"][data-selected]:hover,
+  [data-scope="select"][data-part="item"][data-state="checked"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="select"][data-part="item"][data-selected]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="select"][data-part="item"][data-highlighted] {
+    outline: 2px solid --value(--color-ui-* --text, [color]);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="select"][data-part="item"][data-selected][data-highlighted],
+  [data-scope="select"][data-part="item"][data-state="checked"][data-highlighted] {
+    outline: 2px solid var(--color-ui-accent--text);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+}
diff --git a/design/components/signature-pad.css b/design/components/signature-pad.css
new file mode 100644
index 0000000..2850c51
--- /dev/null
+++ b/design/components/signature-pad.css
@@ -0,0 +1,77 @@
+@import "../main.css";
+
+@layer components {
+  [data-scope="signature-pad"][data-part="root"] {
+    @apply ui-root;
+
+    width: var(--container-mini);
+    gap: var(--spacing-ui-gap);
+  }
+
+  [data-scope="signature-pad"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  [data-scope="signature-pad"][data-part="control"] {
+    position: relative;
+    width: 100%;
+    height: calc(var(--container-mini) * 0.7);
+    background-color: var(--color-ui);
+    border-radius: var(--radius-ui);
+    border: 1px solid var(--color-ui--border);
+  }
+
+  [data-scope="signature-pad"][data-part="guide"] {
+    position: absolute;
+    bottom: var(--spacing-mini-gap);
+    left: var(--spacing-mini-gap);
+    right: var(--spacing-mini-gap);
+    border-bottom: 2px dashed var(--color-gray-800);
+  }
+
+  [data-scope="signature-pad"][data-part="segment"] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    background-color: var(--color-gray-100);
+    border-radius: var(--radius-ui);
+  }
+
+  [data-scope="signature-pad"][data-part="clear-trigger"] {
+    @apply ui-trigger ui-trigger--sm ui-trigger--circle;
+
+    position: absolute;
+    top: var(--spacing-mini-gap);
+    right: var(--spacing-mini-gap);
+  }
+
+  .signature-pad [data-part="preview"] {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: var(--container-mini);
+    padding: var(--spacing-mini-padding);
+    gap: var(--spacing-mini-gap);
+    background-color: var(--color-layer);
+
+    & img {
+      width: 100%;
+      height: var(--container-micro);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      padding: var(--spacing-mini-padding);
+      border: 1px solid var(--color-ui--border);
+      border-radius: var(--radius-ui);
+      background-color: var(--color-root);
+    }
+  }
+
+  .signature-pad [data-scope="signature-pad"][data-part="error"] {
+    @apply ui-error;
+  }
+}
diff --git a/design/components/switch.css b/design/components/switch.css
new file mode 100644
index 0000000..2ed0d02
--- /dev/null
+++ b/design/components/switch.css
@@ -0,0 +1,116 @@
+@import "../main.css";
+
+@layer components {
+  .switch [data-scope="switch"][data-part="root"] {
+    --switch-track-width: calc(calc(var(--spacing-micro) * 1.5) * 2.5);
+    --switch-track-height: calc(var(--spacing-micro) * 1.5);
+    --switch-track-diff: calc(
+      var(--switch-track-width) - var(--switch-track-height)
+    );
+    --switch-thumb-x: var(--switch-track-diff);
+
+    display: flex;
+    align-items: center;
+    position: relative;
+    width: fit-content;
+    gap: var(--spacing-ui-gap);
+  }
+
+  .switch [data-scope="switch"][data-part="control"] {
+    display: inline-flex;
+    flex-shrink: 0;
+    cursor: pointer;
+    justify-content: flex-start;
+    box-sizing: content-box;
+    border-radius: var(--radius-full);
+    border: 1px solid var(--color-ui--border);
+    padding: var(--spacing-micro-padding);
+    width: var(--switch-track-width);
+    height: var(--switch-track-height);
+    transition-property:
+      background, border-color, color, fill, stroke, opacity, box-shadow,
+      transform;
+    transition-duration: 150ms;
+    background: var(--color-ui);
+  }
+
+  .switch [data-scope="switch"][data-part="control"][data-disabled] {
+    opacity: 0.6;
+    pointer-events: none;
+    box-shadow: none;
+  }
+
+  .switch [data-scope="switch"][data-part="control"][data-invalid] {
+    border-color: var(--color-ui-alert);
+  }
+
+  .switch [data-scope="switch"][data-part="thumb"][data-invalid] {
+    background: var(--color-ui-alert);
+  }
+
+  .switch [data-scope="switch"][data-part="control"][data-state="checked"] {
+    background-color: var(--color-ui-accent);
+
+    & [data-scope="switch"][data-part="thumb"] {
+      background-color: var(--color-ui-accent--text);
+    }
+  }
+
+  .switch [data-scope="switch"][data-part="thumb"] {
+    background: var(--color-ui-accent);
+    transition-property: transform, ackground-color;
+    transition-duration: 200ms;
+    border-radius: inherit;
+    width: var(--switch-track-height);
+    height: var(--switch-track-height);
+    position: relative;
+  }
+
+  .switch [data-scope="switch"][data-part="thumb"][data-state="checked"] {
+    transform: translateX(var(--switch-thumb-x));
+    background: var(--color-ui-accent);
+  }
+
+  .switch [data-scope="switch"][data-part="label"] {
+    @apply ui-label;
+
+    cursor: pointer;
+  }
+
+  .switch--square [data-scope="switch"][data-part="control"] {
+    border-radius: var(--radius-none);
+  }
+
+  .switch [data-scope="switch"][data-part="error"] {
+    @apply ui-error;
+  }
+}
+
+@utility switch--* {
+  [data-scope="switch"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+  }
+
+  [data-scope="switch"][data-part="control"][data-state="checked"] {
+    background-color: --value(--color-ui-*, [color]);
+
+    [data-scope="switch"][data-part="thumb"] {
+      background-color: --value(--color-ui-* --text, [color]);
+    }
+  }
+
+  [data-scope="switch"][data-part="control"] {
+    --switch-track-width: calc(
+      calc(--value(--spacing-micro-*, [length]) * 1.5) * 2.5
+    );
+    --switch-track-height: calc(--value(--spacing-micro-*, [length]) * 1.5);
+    --switch-track-diff: calc(
+      var(--switch-track-width) - var(--switch-track-height)
+    );
+    --switch-thumb-x: var(--switch-track-diff);
+
+    & [data-scope="switch"][data-part="thumb"] {
+      background: --value(--color-ui-*, [color]);
+    }
+  }
+}
diff --git a/design/components/tabs.css b/design/components/tabs.css
new file mode 100644
index 0000000..86c9c3b
--- /dev/null
+++ b/design/components/tabs.css
@@ -0,0 +1,78 @@
+@import "../main.css";
+
+@layer components {
+  .tabs [data-scope="tabs"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-ui);
+  }
+
+  .tabs [data-scope="tabs"][data-part="root"][data-orientation="vertical"] {
+    flex-direction: row;
+  }
+
+  .tabs [data-scope="tabs"][data-part="root"][data-orientation="horizontal"] {
+    flex-direction: column;
+  }
+
+  .tabs [data-scope="tabs"][data-part="list"] {
+    display: inline-flex;
+    background-color: var(--color-ui--border);
+    gap: 1px;
+    width: fit-content;
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+  }
+
+  .tabs [data-scope="tabs"][data-part="list"][data-orientation="vertical"] {
+    flex-direction: column;
+    height: fit-content;
+    width: var(--container-micro);
+  }
+
+  .tabs [data-scope="tabs"][data-part="list"][data-orientation="horizontal"] {
+    flex-direction: row;
+  }
+
+  .tabs [data-scope="tabs"][data-part="content"] {
+    @apply ui-content;
+
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    padding: var(--spacing-ui-padding);
+
+    & p {
+      margin-block: 0;
+    }
+  }
+
+  .tabs [data-scope="tabs"][data-part="trigger"] {
+    @apply ui-item;
+
+    width: auto;
+  }
+}
+
+@utility tabs--* {
+  [data-scope="tabs"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="tabs"][data-part="trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+
+    &[data-selected] {
+      background-color: --value(--color-ui-*, [color]);
+      color: --value(--color-ui-* --text, [color]);
+    }
+  }
+
+  [data-scope="tabs"][data-part="content"] > p {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+}
diff --git a/design/components/toast.css b/design/components/toast.css
new file mode 100644
index 0000000..c1d5bfa
--- /dev/null
+++ b/design/components/toast.css
@@ -0,0 +1,164 @@
+@import "../main.css";
+
+@layer components {
+  .toast [data-scope="toast"][data-part="group"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-ui-gap);
+    width: var(--container-mini);
+  }
+
+  .toast [data-scope="toast"][data-part="root"] {
+    @apply ui-root;
+    max-width: var(--container-mini);
+
+    translate: var(--x) var(--y);
+    scale: var(--scale);
+    z-index: var(--z-index);
+    height: var(--height);
+    opacity: var(--opacity);
+    will-change: translate, opacity, scale;
+
+    transition:
+      translate 400ms cubic-bezier(0.21, 1.02, 0.73, 1),
+      scale 400ms cubic-bezier(0.21, 1.02, 0.73, 1),
+      opacity 400ms cubic-bezier(0.21, 1.02, 0.73, 1),
+      height 400ms cubic-bezier(0.21, 1.02, 0.73, 1),
+      box-shadow 200ms;
+
+    &[data-state="closed"] {
+      transition:
+        translate 400ms cubic-bezier(0.06, 0.71, 0.55, 1),
+        scale 400ms cubic-bezier(0.06, 0.71, 0.55, 1),
+        opacity 200ms cubic-bezier(0.06, 0.71, 0.55, 1);
+    }
+  }
+
+  .toast [data-scope="toast"][data-part="content"] {
+    @apply ui-content;
+
+    padding: 0;
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+    box-shadow: var(--shadow-ui);
+    border: 1px solid var(--color-ui--border);
+  }
+
+  .toast [data-scope="toast"][data-part="title"] {
+    @apply ui-label;
+
+    justify-content: start;
+    width: 100%;
+    background-color: var(--color-layer);
+    color: var(--color-layer--text);
+    padding-block: var(--spacing-ui-padding-sm);
+    border-block-end: 1px solid var(--color-ui--border);
+    padding-inline: var(--spacing-ui-lg);
+  }
+
+  .toast [data-scope="toast"][data-part="description"] {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    padding: var(--spacing-ui-padding);
+    min-height: var(--spacing-ui-xl);
+  }
+
+  .toast [data-scope="toast"][data-part="close-trigger"] {
+    @apply ui-trigger ui-trigger--sm ui-trigger--circle;
+
+    position: absolute;
+    min-height: var(--spacing-mini-sm);
+    right: var(--spacing-mini-gap);
+    top: var(--spacing-ui-gap-sm);
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="error"] [data-scope="toast"][data-part="title"] {
+    color: var(--color-ui-alert);
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="error"] [data-scope="toast"][data-part="progressbar"] {
+    background: linear-gradient(to left,
+        --alpha(var(--color-ui-alert) / 80%),
+        var(--color-ui-alert));
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="info"] [data-scope="toast"][data-part="title"] {
+    color: var(--color-ui-info);
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="info"] [data-scope="toast"][data-part="progressbar"] {
+    background: linear-gradient(to left,
+        --alpha(var(--color-ui-info) / 80%),
+        var(--color-ui-info));
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="success"] [data-scope="toast"][data-part="title"] {
+    color: var(--color-ui-success);
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-type="success"] [data-scope="toast"][data-part="progressbar"] {
+    background: linear-gradient(to left,
+        --alpha(var(--color-ui-success) / 80%),
+        var(--color-ui-success));
+  }
+
+  .toast [data-scope="toast"][data-part="progressbar"] {
+    height: var(--spacing-micro-sm);
+    background: linear-gradient(to left,
+        --alpha(var(--color-ui-accent) / 80%),
+        var(--color-ui-accent));
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    inset-inline: 0;
+    animation-name: shrink;
+    animation-duration: var(--duration);
+    animation-fill-mode: forwards;
+    animation-play-state: running;
+    transform-origin: left;
+
+    [data-paused] & {
+      animation-play-state: paused;
+    }
+
+    [dir="rtl"] & {
+      transform-origin: right;
+    }
+  }
+
+  .toast [data-scope="toast"][data-part="loading-spinner"] {
+    @apply ui-icon ui-icon--sm;
+
+    position: absolute;
+    min-height: var(--spacing-mini-sm);
+    left: var(--spacing-mini-gap);
+    top: var(--spacing-mini-gap-lg);
+
+    animation: spin 1s linear infinite;
+  }
+
+  .toast [data-scope="toast"][data-part="root"][data-duration-infinity="true"] [data-scope="toast"][data-part="progressbar"] {
+    display: none;
+  }
+
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes shrink {
+    from {
+      transform: scaleX(1);
+    }
+
+    to {
+      transform: scaleX(0);
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/components/toggle-group.css b/design/components/toggle-group.css
new file mode 100644
index 0000000..6f70e2a
--- /dev/null
+++ b/design/components/toggle-group.css
@@ -0,0 +1,128 @@
+@import "../main.css";
+
+@layer components {
+  .toggle-group [data-scope="toggle-group"][data-part="root"] {
+    @apply ui-root;
+
+    justify-content: center;
+    flex-direction: row;
+    width: auto;
+    gap: 1px;
+    background-color: var(--color-ui--border);
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+  }
+
+  .toggle-group [data-scope="toggle-group"][data-part="item"] {
+    @apply ui-item;
+
+    width: auto;
+    justify-content: center;
+  }
+
+  .toggle-group.toggle-group--square [data-scope="toggle-group"][data-part="root"],
+  .toggle-group.toggle-group--circle [data-scope="toggle-group"][data-part="root"],
+  .toggle-group.toggle-group--square [data-scope="toggle-group"][data-part="item"],
+  .toggle-group.toggle-group--circle [data-scope="toggle-group"][data-part="item"] {
+    display: inline-flex;
+    aspect-ratio: 1 / 1;
+    justify-content: center;
+    align-items: center;
+    width: auto;
+    padding: 0;
+  }
+
+  .toggle-group.toggle-group--circle [data-scope="toggle-group"][data-part="root"],
+  .toggle-group.toggle-group--circle [data-scope="toggle-group"][data-part="item"] {
+    border-radius: var(--radius-full);
+  }
+
+  /* .toggle-group [data-scope="toggle-group"][data-part="item"] .icon.state-on,
+  .toggle-group [data-scope="toggle-group"][data-part="item"] .icon.state-off {
+    display: none;
+  } */
+
+  .toggle-group [data-scope="toggle-group"][data-part="item"][data-state="on"] .icon.state-on {
+    display: block !important;
+  }
+
+  .toggle-group [data-scope="toggle-group"][data-part="item"][data-state="off"] .icon.state-on {
+    display: none !important;
+  }
+  .toggle-group [data-scope="toggle-group"][data-part="item"][data-state="on"] .icon.state-off {
+    display: none !important;
+  }
+
+  .toggle-group [data-scope="toggle-group"][data-part="item"][data-state="off"] .icon.state-off {
+    display: block !important;
+  }
+
+  .toggle-group.toggle-group--inverted [data-scope="toggle-group"][data-part="item"][data-state="on"] {
+    background-color: var(--color-ui);
+    color: var(--color-ui--text);
+  }
+
+  .toggle-group.toggle-group--inverted [data-scope="toggle-group"][data-part="item"][data-state="on"]:hover {
+    background-color: var(--color-ui-accent);
+    color: var(--color-ui-accent--text);
+  }
+}
+
+@utility toggle-group--* {
+  [data-scope="toggle-group"][data-part="root"] {
+    max-width: --value(--container-mini-*, [length]);
+  }
+
+  [data-scope="toggle-group"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="toggle-group"][data-part="trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="toggle-group"][data-part="control"] {
+    width: --value(--container-mini-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"][data-toggle-grouped],
+  [data-scope="toggle-group"][data-part="item"][data-state="checked"] {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"][data-toggle-grouped]:hover,
+  [data-scope="toggle-group"][data-part="item"][data-state="checked"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"][data-toggle-grouped]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"][data-highlighted] {
+    outline: 2px solid --value(--color-ui-* --text, [color]);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="toggle-group"][data-part="item"][data-toggle-grouped][data-highlighted],
+  [data-scope="toggle-group"][data-part="item"][data-state="checked"][data-highlighted] {
+    outline: 2px solid var(--color-ui-accent--text);
+    background-color: --value(--color-ui-* -hover, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+}
diff --git a/design/components/tree-view.css b/design/components/tree-view.css
new file mode 100644
index 0000000..69869df
--- /dev/null
+++ b/design/components/tree-view.css
@@ -0,0 +1,77 @@
+@import "../main.css";
+
+@layer components {
+  .tree-view [data-scope="tree-view"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-mini);
+    gap: var(--spacing-ui-gap);
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="tree"] {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: var(--spacing-ui-gap);
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="branch"] {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: var(--spacing-ui-gap-sm);
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="item"],
+  .tree-view [data-scope="tree-view"][data-part="branch-control"] {
+    @apply ui-item;
+
+    border: 1px solid var(--color-ui--border);
+    border-radius: 0 var(--radius-ui) var(--radius-ui) 0;
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="item-text"],
+  .tree-view [data-scope="tree-view"][data-part="branch-text"] {
+    width: 100%;
+    text-align: start;
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="branch-content"] {
+    margin-inline-start: var(--spacing-ui-gap);
+    gap: var(--spacing-ui-gap-sm);
+  }
+
+  .tree-view
+    [data-scope="tree-view"][data-part="branch-content"][data-state="open"] {
+    visibility: visible;
+    position: relative;
+    isolation: isolate;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .tree-view [data-scope="tree-view"][data-part="branch-label"] {
+    @apply ui-label;
+  }
+
+  .tree-view
+    [data-part="branch-content"]:not([dir="rtl"])
+    [data-part="branch-indent-guide"] {
+    position: absolute;
+    border-left: 2px solid var(--color-ui--border);
+    height: 100%;
+    left: 0;
+    pointer-events: none;
+  }
+
+  .tree-view
+    [data-part="branch-content"][dir="rtl"]
+    [data-part="branch-indent-guide"] {
+    border-right: 2px solid var(--color-ui--border);
+    right: 0;
+  }
+}
diff --git a/design/components/typo.css b/design/components/typo.css
new file mode 100644
index 0000000..2729c4b
--- /dev/null
+++ b/design/components/typo.css
@@ -0,0 +1,301 @@
+@import "../main.css";
+@import "./scrollbar.css";
+
+@layer components {
+  .typo {
+    font-family: var(--font-ui);
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    color: var(--color-root--text);
+    text-wrap: wrap;
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .typo h1 {
+    font-size: var(--text-ui-xl);
+    line-height: var(--text-ui-xl--line-height);
+    font-weight: var(--font-weight-ui-xl);
+    color: var(--color-ui--text);
+    margin-block: var(--spacing-ui-padding-xl);
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .typo h2 {
+    font-size: var(--text-ui-lg);
+    line-height: var(--text-ui-lg--line-height);
+    font-weight: var(--font-weight-ui-lg);
+    color: var(--color-ui--text);
+    margin-block: var(--spacing-ui-padding-lg);
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .typo h3 {
+    font-size: var(--text-ui-lg);
+    line-height: var(--text-ui-lg--line-height);
+    font-weight: var(--font-weight-ui-lg);
+    color: var(--color-ui--text);
+    margin-block: var(--spacing-ui-padding);
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  .typo h4 {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    color: var(--color-ui--text);
+    margin-block: var(--spacing-ui-padding-sm);
+  }
+
+  .typo p {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    color: var(--color-ui--text);
+    margin-block: var(--spacing-ui-padding-sm);
+  }
+
+  .typo small {
+    font-size: var(--text-ui-sm);
+    line-height: var(--text-ui-sm--line-height);
+    font-weight: var(--font-weight-ui-sm);
+    margin-block: var(--spacing-ui-padding-sm);
+  }
+
+  .typo mark {
+    background: var(--color-ui-success);
+    color: var(--color-ui-success--text);
+    padding: 0.1em 0.25em;
+    border-radius: 0.25em;
+  }
+
+  .typo abbr[title] {
+    border-bottom: 1px dotted var(--color-ui--border);
+    cursor: help;
+    text-decoration: none;
+  }
+
+  .typo sup,
+  .typo sub {
+    font-size: 0.75em;
+    line-height: 1;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  .typo sup {
+    top: -0.5em;
+  }
+
+  .typo sub {
+    bottom: -0.25em;
+  }
+
+  .typo kbd {
+    font-family: var(--font-mono);
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    border-radius: var(--radius-ui);
+    border: 1px solid var(--color-layer--border);
+    padding: 0.25em;
+    margin-inline: 0.25em;
+  }
+
+  .typo del {
+    text-decoration: line-through;
+    color: var(--color-ui--alert);
+  }
+
+  .typo ins {
+    text-decoration: underline;
+    color: var(--color-ui--success);
+  }
+
+  .typo b,
+  .typo strong {
+    font-weight: var(--font-weight-ui-lg);
+  }
+
+  .typo i,
+  .typo em {
+    font-style: italic;
+  }
+
+  .typo blockquote {
+    background: var(--color-layer);
+    color: var(--color-layer--text);
+    box-shadow: var(--shadow-layer);
+    font-style: italic;
+    border-end-end-radius: var(--radius-ui);
+    border-start-end-radius: var(--radius-ui);
+    border: 1px solid var(--color-layer--border);
+    border-inline-start: 4px solid var(--color-layer--info);
+    margin-block: var(--spacing-ui);
+    padding: var(--spacing-ui-padding);
+    gap: var(--spacing-ui-gap);
+    width: fit-content;
+
+    & p {
+      margin-block: 0;
+    }
+  }
+
+  .typo hr {
+    border-top: 1px solid var(--color-ui--border);
+    margin-block: 5em;
+    margin-inline: auto;
+    width: 80%;
+  }
+
+  .typo dt {
+    font-weight: var(--font-weight-ui-lg);
+    font-style: italic;
+  }
+
+  .typo figcaption {
+    font-size: var(--text-ui-sm);
+    line-height: var(--text-ui-sm--line-height);
+    color: var(--color-ui--muted);
+    margin-top: 1em;
+  }
+
+  .table-scroll {
+    margin-block: 2em;
+    width: 100%;
+    min-width: 0;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-scroll table {
+    width: 100%;
+    min-width: max-content;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    border-collapse: collapse;
+    table-layout: auto;
+  }
+
+  .table-scroll table th,
+  .table-scroll table td {
+    min-width: min-content;
+    text-align: left;
+    padding: 1em;
+    border-bottom: 1px solid var(--color-ui--border);
+  }
+
+  .table-scroll table th:not(:last-child),
+  .table-scroll table td:not(:last-child) {
+    padding-inline-end: 1.75em;
+  }
+
+  .table-scroll table a {
+    white-space: nowrap;
+  }
+
+  .table-scroll [data-clickable="row"] {
+    cursor: pointer;
+  }
+
+  .table-scroll [data-cell="action"] {
+    width: 1%;
+    min-width: max-content;
+    white-space: nowrap;
+    text-align: right;
+  }
+
+  .table-scroll [data-cell="action"] > div {
+    display: inline-flex;
+    gap: var(--spacing-ui-gap);
+    flex-shrink: 0;
+    justify-content: flex-end;
+    margin-inline-start: auto;
+  }
+
+  .table-scroll [data-cell="action"] > div > * {
+    flex-shrink: 0;
+    min-width: min-content;
+  }
+
+  .typo table {
+    display: block;
+    width: 100%;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    margin-block: 2em;
+    border-collapse: collapse;
+  }
+
+  .typo table th,
+  .typo table td {
+    text-align: left;
+    padding: 1em;
+    border-bottom: 1px solid var(--color-ui--border);
+    white-space: wrap;
+  }
+
+  .typo table a {
+    white-space: wrap;
+  }
+
+  .typo .list {
+    width: 100%;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    margin-block: 2em;
+    border-collapse: collapse;
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+  }
+
+  .typo .list li {
+    text-align: left;
+    padding: var(--spacing-ui-padding);
+    border-bottom: 1px solid var(--color-ui--border);
+    white-space: normal;
+    color: var(--color-ui--text);
+  }
+
+  .typo .list li:last-child {
+    border-bottom: none;
+  }
+
+  .typo .list li:hover {
+    background: var(--color-layer);
+  }
+
+  .typo form {
+    width: var(--container-mini);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-ui-gap-lg);
+  }
+
+  .typo pre {
+    @apply scrollbar scrollbar--sm;
+
+    font-family: var(--font-code);
+    font-size: var(--text-ui-sm);
+    line-height: var(--text-ui-sm--line-height);
+    padding: var(--spacing-ui-padding-sm);
+    background-color: var(--color-ui);
+    color: var(--color-ui--text);
+    border: 1px solid var(--color-ui--border);
+    overflow: auto;
+  }
+}
diff --git a/design/design/build.mjs b/design/design/build.mjs
new file mode 100644
index 0000000..cc6a573
--- /dev/null
+++ b/design/design/build.mjs
@@ -0,0 +1,155 @@
+import StyleDictionary from 'style-dictionary';
+import { register } from '@tokens-studio/sd-transforms';
+
+import path from 'node:path';
+import fs from 'node:fs';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const tokensBasePath = path.resolve(__dirname, "./");
+const buildPath = 'tokens/';
+
+function cleanBuildPath() {
+  if (fs.existsSync(buildPath)) {
+    fs.rmSync(buildPath, { recursive: true, force: true });
+  }
+  fs.mkdirSync(buildPath, { recursive: true });
+}
+
+function getTokenSets() {
+  const metadataPath = path.resolve(tokensBasePath, 'tokens/$metadata.json');
+  return JSON.parse(fs.readFileSync(metadataPath, 'utf-8')).tokenSetOrder;
+}
+
+function registerTransforms() {
+  register(StyleDictionary, {
+    excludeParentKeys: false,
+    platform: "css",
+    'ts/color/modifiers': { format: 'hex' }
+  });
+  
+  StyleDictionary.registerTransform({
+    type: 'name',
+    transitive: true,
+    name: 'name/kebab-no-default',
+    transform: (token, config) => {
+      const transformedName = token.path
+        .map(part => part.replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+          .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2').toLowerCase())
+        .join('-')
+        .replace(/-default$/, '');
+      return config.prefix ? `${config.prefix}--${transformedName}` : transformedName;
+    }
+  });
+}
+
+async function semantic() {
+  const sets = getTokenSets().filter(set => set.startsWith("semantic/"));
+  const promises = sets.map(set => {
+    const sd = new StyleDictionary({
+      source: [
+        `${tokensBasePath}/tokens/semantic/*.json`,
+        `${tokensBasePath}/tokens/themes/neo/light.json`
+      ],
+      preprocessors: ['tokens-studio'],
+      platforms: {
+        css: {
+          transforms: [
+            'attribute/cti',
+            'name/kebab-no-default',
+            'fontFamily/css',
+            'shadow/css/shorthand',
+            'cubicBezier/css',
+            'ts/descriptionToComment',
+            'ts/resolveMath',
+            'ts/opacity',
+            'ts/size/lineheight',
+            'ts/typography/fontWeight',
+            'ts/color/modifiers',
+            'ts/size/css/letterspacing',
+            'ts/shadow/innerShadow'
+          ],
+          buildPath,
+          files: [{
+            destination: `${set}.css`,
+            format: 'css/variables',
+            options: {
+              selector: `@theme inline`,
+              outputReferences: true
+            },
+            filter: token => token.filePath.endsWith(`${set}.json`)
+          }]
+        }
+      },
+      log: { verbosity: 'default' }
+    });
+    return sd.buildPlatform('css');
+  });
+  return Promise.all(promises);
+}
+
+async function theme() {
+  const themes = ["neo", "uno", "duo", "leo"];
+  const modes = ["light", "dark"];
+  
+  const promises = themes.flatMap(theme =>
+    modes.map(mode => {
+      const sd = new StyleDictionary({
+        source: [`${tokensBasePath}/tokens/themes/${theme}/${mode}.json`],
+        preprocessors: ['tokens-studio'],
+        platforms: {
+          css: {
+            transforms: [
+              'attribute/cti',
+              'name/kebab-no-default',
+              'fontFamily/css',
+              'shadow/css/shorthand',
+              'cubicBezier/css',
+              'ts/descriptionToComment',
+              'ts/resolveMath',
+              'ts/opacity',
+              'ts/size/lineheight',
+              'ts/typography/fontWeight',
+              'ts/color/modifiers',
+              'ts/size/css/letterspacing',
+              'ts/shadow/innerShadow'
+            ],
+            buildPath,
+            files: [{
+              destination: `themes/${theme}/${mode}.css`,
+              format: 'css/variables',
+              options: {
+                selector: `[data-theme="${theme}"][data-mode="${mode}"]`,
+                outputReferences: true
+              },
+              filter: token => token.filePath.endsWith(`themes/${theme}/${mode}.json`)
+            }]
+          }
+        },
+        log: { verbosity: 'default' }
+      });
+      return sd.buildPlatform('css');
+    })
+  );
+  
+  return Promise.all(promises);
+}
+
+async function build() {
+  try {    
+    cleanBuildPath();
+    registerTransforms();
+    
+    const promises = [
+      semantic(),
+      theme(),
+    ];
+    
+    await Promise.all(promises);
+  } catch (error) {
+    console.error('\n❌ Build failed:', error);
+    process.exit(1);
+  }
+}
+
+build();
\ No newline at end of file
diff --git a/design/design/tokens/$metadata.json b/design/design/tokens/$metadata.json
new file mode 100644
index 0000000..4f9af2e
--- /dev/null
+++ b/design/design/tokens/$metadata.json
@@ -0,0 +1,18 @@
+{
+  "tokenSetOrder": [
+    "semantic/color",
+    "semantic/dimension",
+    "semantic/border",
+    "semantic/text",
+    "semantic/font",
+    "semantic/effect",
+    "themes/neo/light",
+    "themes/neo/dark",
+    "themes/uno/light",
+    "themes/uno/dark",
+    "themes/duo/light",
+    "themes/duo/dark",
+    "themes/leo/light",
+    "themes/leo/dark"
+  ]
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/border.json b/design/design/tokens/semantic/border.json
new file mode 100644
index 0000000..4d46e0c
--- /dev/null
+++ b/design/design/tokens/semantic/border.json
@@ -0,0 +1,12 @@
+{
+  "radius": {
+    "ui": {
+      "value": "0.375rem",
+      "type": "borderRadius"
+    },
+    "full": {
+      "value": "9999px",
+      "type": "borderRadius"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/color.json b/design/design/tokens/semantic/color.json
new file mode 100644
index 0000000..83dfe25
--- /dev/null
+++ b/design/design/tokens/semantic/color.json
@@ -0,0 +1,304 @@
+{
+  "color": {
+    "root": {
+      "default": {
+        "value": "{theme.color.root.default}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.root.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.root.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.root.-muted.default}",
+          "type": "color"
+        }
+      },
+      "-accent": {
+        "default": {
+          "value": "{theme.color.root.-accent.default}",
+          "type": "color"
+        }
+      },
+      "-brand": {
+        "default": {
+          "value": "{theme.color.root.-brand.default}",
+          "type": "color"
+        }
+      },
+      "-alert": {
+        "default": {
+          "value": "{theme.color.root.-alert.default}",
+          "type": "color"
+        }
+      },
+      "-info": {
+        "default": {
+          "value": "{theme.color.root.-info.default}",
+          "type": "color"
+        }
+      },
+      "-success": {
+        "default": {
+          "value": "{theme.color.root.-success.default}",
+          "type": "color"
+        }
+      }
+    },
+    "layer": {
+      "default": {
+        "value": "{theme.color.layer.default}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.layer.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.layer.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.layer.-muted.default}",
+          "type": "color"
+        }
+      },
+      "-accent": {
+        "default": {
+          "value": "{theme.color.layer.-accent.default}",
+          "type": "color"
+        }
+      },
+      "-brand": {
+        "default": {
+          "value": "{theme.color.layer.-brand.default}",
+          "type": "color"
+        }
+      },
+      "-alert": {
+        "default": {
+          "value": "{theme.color.layer.-alert.default}",
+          "type": "color"
+        }
+      },
+      "-info": {
+        "default": {
+          "value": "{theme.color.layer.-info.default}",
+          "type": "color"
+        }
+      },
+      "-success": {
+        "default": {
+          "value": "{theme.color.layer.-success.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui": {
+      "default": {
+        "value": "{theme.color.ui.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui.-muted.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui-accent": {
+      "default": {
+        "value": "{theme.color.ui-accent.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui-accent.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui-accent.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui-accent.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui-accent.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui-accent.-muted.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui-brand": {
+      "default": {
+        "value": "{theme.color.ui-brand.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui-brand.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui-brand.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui-brand.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui-brand.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui-brand.-muted.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui-alert": {
+      "default": {
+        "value": "{theme.color.ui-alert.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui-alert.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui-alert.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui-alert.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui-alert.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui-alert.-muted.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui-info": {
+      "default": {
+        "value": "{theme.color.ui-info.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui-info.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui-info.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui-info.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui-info.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui-info.-muted.default}",
+          "type": "color"
+        }
+      }
+    },
+    "ui-success": {
+      "default": {
+        "value": "{theme.color.ui-success.default}",
+        "type": "color"
+      },
+      "hover": {
+        "value": "{theme.color.ui-success.hover}",
+        "type": "color"
+      },
+      "active": {
+        "value": "{theme.color.ui-success.active}",
+        "type": "color"
+      },
+      "-border": {
+        "default": {
+          "value": "{theme.color.ui-success.-border.default}",
+          "type": "color"
+        }
+      },
+      "-text": {
+        "default": {
+          "value": "{theme.color.ui-success.-text.default}",
+          "type": "color"
+        }
+      },
+      "-muted": {
+        "default": {
+          "value": "{theme.color.ui-success.-muted.default}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/dimension.json b/design/design/tokens/semantic/dimension.json
new file mode 100644
index 0000000..ff101a8
--- /dev/null
+++ b/design/design/tokens/semantic/dimension.json
@@ -0,0 +1,496 @@
+{
+  "spacing": {
+    "default": {
+      "value": "0.25rem",
+      "type": "dimension"
+    },
+    "ui": {
+      "default": {
+        "value": "{spacing.ui.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "calc({spacing.default} * 8)",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "calc({spacing.default} * 10)",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "calc({spacing.default} * 12)",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "calc({spacing.default} * 14)",
+        "type": "dimension"
+      },
+      "padding": {
+        "default": {
+          "value": "{spacing.ui.padding.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 3)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 4)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 5)",
+          "type": "dimension"
+        }
+      },
+      "gap": {
+        "default": {
+          "value": "{spacing.ui.gap.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 4)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 6)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 8)",
+          "type": "dimension"
+        }
+      }
+    },
+    "mini": {
+      "default": {
+        "value": "{spacing.mini.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "calc({spacing.default} * 5)",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "calc({spacing.default} * 6)",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "calc({spacing.default} * 7)",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "calc({spacing.default} * 8)",
+        "type": "dimension"
+      },
+      "padding": {
+        "default": {
+          "value": "{spacing.mini.padding.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 3)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 4)",
+          "type": "dimension"
+        }
+      },
+      "gap": {
+        "default": {
+          "value": "{spacing.mini.gap.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 3)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 4)",
+          "type": "dimension"
+        }
+      }
+    },
+    "micro": {
+      "default": {
+        "value": "{spacing.micro.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "calc({spacing.default} * 1)",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "calc({spacing.default} * 2)",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "calc({spacing.default} * 3)",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "calc({spacing.default} * 4)",
+        "type": "dimension"
+      },
+      "padding": {
+        "default": {
+          "value": "{spacing.micro.padding.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        }
+      },
+      "gap": {
+        "default": {
+          "value": "{spacing.micro.gap.md}",
+          "type": "dimension"
+        },
+        "sm": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "md": {
+          "value": "calc({spacing.default} * 1)",
+          "type": "dimension"
+        },
+        "lg": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        },
+        "xl": {
+          "value": "calc({spacing.default} * 2)",
+          "type": "dimension"
+        }
+      }
+    }
+  },
+  "container": {
+    "ui": {
+      "default": {
+        "value": "{container.ui.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "20rem",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "24rem",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "40rem",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "60rem",
+        "type": "dimension"
+      }
+    },
+    "mini": {
+      "default": {
+        "value": "{container.mini.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "12rem",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "16rem",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "20rem",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "24rem",
+        "type": "dimension"
+      }
+    },
+    "micro": {
+      "default": {
+        "value": "{container.micro.md}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "6rem",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "8rem",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "12rem",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "16rem",
+        "type": "dimension"
+      }
+    }
+  },
+  "width": {
+    "ui": {
+      "default": {
+        "value": "{container.ui.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.ui.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.ui.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.ui.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.ui.xl}",
+        "type": "dimension"
+      }
+    },
+    "mini": {
+      "default": {
+        "value": "{container.mini.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.mini.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.mini.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.mini.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.mini.xl}",
+        "type": "dimension"
+      }
+    },
+    "micro": {
+      "default": {
+        "value": "{container.micro.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.micro.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.micro.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.micro.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.micro.xl}",
+        "type": "dimension"
+      }
+    }
+  },
+  "min-width": {
+    "ui": {
+      "default": {
+        "value": "{container.ui.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.ui.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.ui.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.ui.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.ui.xl}",
+        "type": "dimension"
+      }
+    },
+    "mini": {
+      "default": {
+        "value": "{container.mini.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.mini.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.mini.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.mini.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.mini.xl}",
+        "type": "dimension"
+      }
+    },
+    "micro": {
+      "default": {
+        "value": "{container.micro.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.micro.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.micro.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.micro.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.micro.xl}",
+        "type": "dimension"
+      }
+    }
+  },
+  "max-width": {
+    "ui": {
+      "default": {
+        "value": "{container.ui.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.ui.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.ui.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.ui.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.ui.xl}",
+        "type": "dimension"
+      }
+    },
+    "mini": {
+      "default": {
+        "value": "{container.mini.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.mini.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.mini.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.mini.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.mini.xl}",
+        "type": "dimension"
+      }
+    },
+    "micro": {
+      "default": {
+        "value": "{container.micro.default}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "{container.micro.sm}",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "{container.micro.md}",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "{container.micro.lg}",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "{container.micro.xl}",
+        "type": "dimension"
+      }
+    }
+  },
+  "breakpoint": {
+    "sm": {
+      "value": "20rem",
+      "type": "dimension"
+    },
+    "md": {
+      "value": "48rem",
+      "type": "dimension"
+    },
+    "lg": {
+      "value": "64rem",
+      "type": "dimension"
+    },
+    "xl": {
+      "value": "106rem",
+      "type": "dimension"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/effect.json b/design/design/tokens/semantic/effect.json
new file mode 100644
index 0000000..1a28455
--- /dev/null
+++ b/design/design/tokens/semantic/effect.json
@@ -0,0 +1,84 @@
+{
+  "shadow": {
+    "layer": {
+      "default": {
+        "type": "shadow",
+        "value": [
+          {
+            "color": "{color.layer.-border.default}",
+            "offsetX": "0",
+            "offsetY": "1px",
+            "blur": "1px",
+            "spread": "0"
+          },
+          {
+            "color": "{color.layer.-border.default}",
+            "offsetX": "0",
+            "offsetY": "1px",
+            "blur": "1px",
+            "spread": "0"
+          }
+        ]
+      }
+    },
+    "ui": {
+      "default": {
+        "type": "shadow",
+        "value": [
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "1px",
+            "blur": "2px",
+            "spread": "0"
+          },
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "2px",
+            "blur": "4px",
+            "spread": "0"
+          }
+        ]
+      },
+      "hover": {
+        "type": "shadow",
+        "value": [
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "3px",
+            "blur": "4px",
+            "spread": "0"
+          },
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "2px",
+            "blur": "4px",
+            "spread": "0"
+          }
+        ]
+      },
+      "active": {
+        "type": "shadow",
+        "value": [
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "1px",
+            "blur": "2px",
+            "spread": "0"
+          },
+          {
+            "color": "{color.ui.-border.default}",
+            "offsetX": "0",
+            "offsetY": "1px",
+            "blur": "1px",
+            "spread": "0"
+          }
+        ]
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/font.json b/design/design/tokens/semantic/font.json
new file mode 100644
index 0000000..242aa58
--- /dev/null
+++ b/design/design/tokens/semantic/font.json
@@ -0,0 +1,44 @@
+{
+  "font": {
+    "ui": {
+      "default": {
+        "value": [
+          "system-ui",
+          "sans-serif"
+        ],
+        "type": "fontFamily"
+      }
+    },
+    "code": {
+      "value": [
+        "ui-monospace",
+        "monospace"
+      ],
+      "type": "fontFamily"
+    }
+  },
+  "font-weight": {
+    "ui": {
+      "sm": {
+        "value": 200,
+        "type": "fontWeights"
+      },
+      "default": {
+        "value": "{font-weight.ui.md}",
+        "type": "fontWeights"
+      },
+      "md": {
+        "value": 400,
+        "type": "fontWeights"
+      },
+      "lg": {
+        "value": 600,
+        "type": "fontWeights"
+      },
+      "xl": {
+        "value": 800,
+        "type": "fontWeights"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/semantic/text.json b/design/design/tokens/semantic/text.json
new file mode 100644
index 0000000..946842f
--- /dev/null
+++ b/design/design/tokens/semantic/text.json
@@ -0,0 +1,46 @@
+{
+  "text": {
+    "ui": {
+      "default": {
+        "value": "{text.ui.md}",
+        "type": "fontSizes"
+      },
+      "-line-height": {
+        "value": "{text.ui.md--line-height}",
+        "type": "dimension"
+      },
+      "sm": {
+        "value": "1rem",
+        "type": "fontSizes"
+      },
+      "sm--line-height": {
+        "value": "1.7",
+        "type": "dimension"
+      },
+      "md": {
+        "value": "1.125rem",
+        "type": "fontSizes"
+      },
+      "md--line-height": {
+        "value": "1.8",
+        "type": "dimension"
+      },
+      "lg": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "lg--line-height": {
+        "value": "1.9",
+        "type": "dimension"
+      },
+      "xl": {
+        "value": "1.8rem",
+        "type": "fontSizes"
+      },
+      "xl--line-height": {
+        "value": "2",
+        "type": "dimension"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/duo/dark.json b/design/design/tokens/themes/duo/dark.json
new file mode 100644
index 0000000..a0b1699
--- /dev/null
+++ b/design/design/tokens/themes/duo/dark.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#382f24",
+            "type": "color",
+            "description": "1.4:1 contrast against root-default (#171411)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#b9b5b1",
+            "type": "color",
+            "description": "9:1 contrast against root-default (#171411)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#9d918a",
+            "type": "color",
+            "description": "6:1 contrast against root-default (#171411)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#ae9d8f",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#171411)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#bf9881",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#171411)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e68484",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#171411)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#7ca3d1",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#171411)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#65ae8e",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#171411)"
+          }
+        },
+        "default": {
+          "value": "#171411",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#171411)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#3e3328",
+            "type": "color",
+            "description": "1.4:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#bebbb6",
+            "type": "color",
+            "description": "9:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#a2968f",
+            "type": "color",
+            "description": "6:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#b3a293",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#c39d88",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e88b8b",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#82a8d3",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#68b392",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1f1a16)"
+          }
+        },
+        "default": {
+          "value": "#1f1a16",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#1f1a16)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#41382d",
+            "type": "color",
+            "description": "1.4:1 contrast against ui-active (#26211b)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#c4c1bc",
+            "type": "color",
+            "description": "9:1 contrast against ui-active (#26211b)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#a69c94",
+            "type": "color",
+            "description": "6:1 contrast against ui-active (#26211b)"
+          }
+        },
+        "default": {
+          "value": "#15120f",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-active (#26211b)"
+        },
+        "hover": {
+          "value": "#1d1915",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-active (#26211b)"
+        },
+        "active": {
+          "value": "#26211b",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#26211b)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#a19387",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#aa998c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-accent-active (#aa998c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#261e17",
+            "type": "color",
+            "description": "6:1 contrast against ui-accent-active (#aa998c)"
+          }
+        },
+        "default": {
+          "value": "#b8a697",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#aa998c)"
+        },
+        "hover": {
+          "value": "#b1a091",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#aa998c)"
+        },
+        "active": {
+          "value": "#aa998c",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#aa998c)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#a5816c",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#b0866e)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-brand-active (#b0866e)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#120e0b",
+            "type": "color",
+            "description": "6:1 contrast against ui-brand-active (#b0866e)"
+          }
+        },
+        "default": {
+          "value": "#bc927a",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#b0866e)"
+        },
+        "hover": {
+          "value": "#b98d75",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#b0866e)"
+        },
+        "active": {
+          "value": "#b0866e",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#b0866e)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#ce6565",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#100404",
+            "type": "color",
+            "description": "6:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "default": {
+          "value": "#e47878",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#df6666)"
+        },
+        "hover": {
+          "value": "#e26f6f",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#df6666)"
+        },
+        "active": {
+          "value": "#df6666",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#df6666)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#6885a8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#010206",
+            "type": "color",
+            "description": "6:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "default": {
+          "value": "#7399c4",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "hover": {
+          "value": "#6f93bc",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "active": {
+          "value": "#6a8cb3",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#6a8cb3)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#588e76",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#000403",
+            "type": "color",
+            "description": "6:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "default": {
+          "value": "#5fa385",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#58977b)"
+        },
+        "hover": {
+          "value": "#5c9e81",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#58977b)"
+        },
+        "active": {
+          "value": "#58977b",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#58977b)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/duo/light.json b/design/design/tokens/themes/duo/light.json
new file mode 100644
index 0000000..625a8b6
--- /dev/null
+++ b/design/design/tokens/themes/duo/light.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#f3f2ef",
+            "type": "color",
+            "description": "1.05:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#544f4b",
+            "type": "color",
+            "description": "7.5:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#766c61",
+            "type": "color",
+            "description": "4.8:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#5e5348",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#6f4d3c",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#8f3838",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#3a5775",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2d5e47",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f8f6f3)"
+          }
+        },
+        "default": {
+          "value": "#f8f6f3",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#f8f6f3)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#f7f5f3",
+            "type": "color",
+            "description": "1.05:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#57524e",
+            "type": "color",
+            "description": "7.5:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#786f64",
+            "type": "color",
+            "description": "4.8:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#61564a",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#734f3f",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#943a3a",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#3c5a78",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2f614a",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fcfbfa)"
+          }
+        },
+        "default": {
+          "value": "#fcfbfa",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#fcfbfa)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#ebe7e2",
+            "type": "color",
+            "description": "1.08:1 contrast against ui-active (#f3f0ec)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#514c48",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-active (#f3f0ec)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#72685e",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-active (#f3f0ec)"
+          }
+        },
+        "default": {
+          "value": "#fcfcfb",
+          "type": "color",
+          "description": "-1.1:1 contrast against ui-active (#f3f0ec)"
+        },
+        "hover": {
+          "value": "#faf8f6",
+          "type": "color",
+          "description": "-1.05:1 contrast against ui-active (#f3f0ec)"
+        },
+        "active": {
+          "value": "#f3f0ec",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#f3f0ec)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#837567",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#7e6e60)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-accent-active (#7e6e60)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fdfdfc",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-accent-active (#7e6e60)"
+          }
+        },
+        "default": {
+          "value": "#736558",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#7e6e60)"
+        },
+        "hover": {
+          "value": "#77695b",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#7e6e60)"
+        },
+        "active": {
+          "value": "#7e6e60",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#7e6e60)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#996e59",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#966751)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-brand-active (#966751)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fffcfa",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-brand-active (#966751)"
+          }
+        },
+        "default": {
+          "value": "#875d49",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#966751)"
+        },
+        "hover": {
+          "value": "#8d614c",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#966751)"
+        },
+        "active": {
+          "value": "#966751",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#966751)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#b15353",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#feeded",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "default": {
+          "value": "#a34040",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#b24646)"
+        },
+        "hover": {
+          "value": "#a84242",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#b24646)"
+        },
+        "active": {
+          "value": "#b24646",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#b24646)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#567ba0",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fafdff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "default": {
+          "value": "#466a8d",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#4d759c)"
+        },
+        "hover": {
+          "value": "#496f94",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#4d759c)"
+        },
+        "active": {
+          "value": "#4d759c",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#4d759c)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#468467",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#f9fefc",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "default": {
+          "value": "#377257",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "hover": {
+          "value": "#3a775b",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "active": {
+          "value": "#3d7d5f",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#3d7d5f)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/leo/dark.json b/design/design/tokens/themes/leo/dark.json
new file mode 100644
index 0000000..5b58949
--- /dev/null
+++ b/design/design/tokens/themes/leo/dark.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#2b3236",
+            "type": "color",
+            "description": "1.4:1 contrast against root-default (#121517)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#b3b6b8",
+            "type": "color",
+            "description": "9:1 contrast against root-default (#121517)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#88959c",
+            "type": "color",
+            "description": "6:1 contrast against root-default (#121517)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#94a2aa",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#121517)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#7aa7b5",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#121517)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e68484",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#121517)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#7ca3d1",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#121517)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#65ae8e",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#121517)"
+          }
+        },
+        "default": {
+          "value": "#121517",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#121517)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#2f363b",
+            "type": "color",
+            "description": "1.4:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#b8bbbd",
+            "type": "color",
+            "description": "9:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#8d9aa1",
+            "type": "color",
+            "description": "6:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#99a7af",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#81abb9",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e88b8b",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#82a8d3",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#68b392",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#181c20)"
+          }
+        },
+        "default": {
+          "value": "#181c20",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#181c20)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#343b40",
+            "type": "color",
+            "description": "1.4:1 contrast against ui-active (#1e2327)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#bfc2c4",
+            "type": "color",
+            "description": "9:1 contrast against ui-active (#1e2327)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#93a0a7",
+            "type": "color",
+            "description": "6:1 contrast against ui-active (#1e2327)"
+          }
+        },
+        "default": {
+          "value": "#101315",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-active (#1e2327)"
+        },
+        "hover": {
+          "value": "#171b1e",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-active (#1e2327)"
+        },
+        "active": {
+          "value": "#1e2327",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#1e2327)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#8b979d",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#909ea5)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-accent-active (#909ea5)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#1c2023",
+            "type": "color",
+            "description": "6:1 contrast against ui-accent-active (#909ea5)"
+          }
+        },
+        "default": {
+          "value": "#9cabb3",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#909ea5)"
+        },
+        "hover": {
+          "value": "#97a6ad",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#909ea5)"
+        },
+        "active": {
+          "value": "#909ea5",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#909ea5)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#618996",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#62909f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-brand-active (#62909f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#010203",
+            "type": "color",
+            "description": "6:1 contrast against ui-brand-active (#62909f)"
+          }
+        },
+        "default": {
+          "value": "#6b9dad",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#62909f)"
+        },
+        "hover": {
+          "value": "#6797a7",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#62909f)"
+        },
+        "active": {
+          "value": "#62909f",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#62909f)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#ce6565",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#100404",
+            "type": "color",
+            "description": "6:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "default": {
+          "value": "#e47878",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#df6666)"
+        },
+        "hover": {
+          "value": "#e26f6f",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#df6666)"
+        },
+        "active": {
+          "value": "#df6666",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#df6666)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#6885a8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#010206",
+            "type": "color",
+            "description": "6:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "default": {
+          "value": "#7399c4",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "hover": {
+          "value": "#6f93bc",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "active": {
+          "value": "#6a8cb3",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#6a8cb3)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#588e76",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#000403",
+            "type": "color",
+            "description": "6:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "default": {
+          "value": "#5fa385",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#58977b)"
+        },
+        "hover": {
+          "value": "#5c9e81",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#58977b)"
+        },
+        "active": {
+          "value": "#58977b",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#58977b)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/leo/light.json b/design/design/tokens/themes/leo/light.json
new file mode 100644
index 0000000..af1a2ed
--- /dev/null
+++ b/design/design/tokens/themes/leo/light.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#f0f2f3",
+            "type": "color",
+            "description": "1.05:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#4c5154",
+            "type": "color",
+            "description": "7.5:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#627076",
+            "type": "color",
+            "description": "4.8:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#46575f",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#365a66",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#903838",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#3a5875",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2e5e48",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7f8)"
+          }
+        },
+        "default": {
+          "value": "#f5f7f8",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#f5f7f8)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#f4f6f7",
+            "type": "color",
+            "description": "1.05:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#4e5456",
+            "type": "color",
+            "description": "7.5:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#657278",
+            "type": "color",
+            "description": "4.8:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#495a62",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#375c68",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#933a3a",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#3b5a78",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2f6149",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#fbfcfd)"
+          }
+        },
+        "default": {
+          "value": "#fbfcfd",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#fbfcfd)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#e3e7e9",
+            "type": "color",
+            "description": "1.08:1 contrast against ui-active (#edf0f1)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#474d4f",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-active (#edf0f1)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#5e6b71",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-active (#edf0f1)"
+          }
+        },
+        "default": {
+          "value": "#fbfcfc",
+          "type": "color",
+          "description": "-1.1:1 contrast against ui-active (#edf0f1)"
+        },
+        "hover": {
+          "value": "#f3f6f7",
+          "type": "color",
+          "description": "-1.05:1 contrast against ui-active (#edf0f1)"
+        },
+        "active": {
+          "value": "#edf0f1",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#edf0f1)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#667b85",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#60757f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-accent-active (#60757f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fcfdfd",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-accent-active (#60757f)"
+          }
+        },
+        "default": {
+          "value": "#556a73",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#60757f)"
+        },
+        "hover": {
+          "value": "#596f78",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#60757f)"
+        },
+        "active": {
+          "value": "#60757f",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#60757f)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#517e8d",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#487887)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-brand-active (#487887)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fbfeff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-brand-active (#487887)"
+          }
+        },
+        "default": {
+          "value": "#416e7c",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#487887)"
+        },
+        "hover": {
+          "value": "#447280",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#487887)"
+        },
+        "active": {
+          "value": "#487887",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#487887)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#b15353",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#feeded",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "default": {
+          "value": "#a34040",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#b24646)"
+        },
+        "hover": {
+          "value": "#a84242",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#b24646)"
+        },
+        "active": {
+          "value": "#b24646",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#b24646)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#567ba0",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fafdff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "default": {
+          "value": "#466a8d",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#4d759c)"
+        },
+        "hover": {
+          "value": "#496f94",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#4d759c)"
+        },
+        "active": {
+          "value": "#4d759c",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#4d759c)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#468467",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#f9fefc",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "default": {
+          "value": "#377257",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "hover": {
+          "value": "#3a775b",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "active": {
+          "value": "#3d7d5f",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#3d7d5f)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/neo/dark.json b/design/design/tokens/themes/neo/dark.json
new file mode 100644
index 0000000..ab1e8b6
--- /dev/null
+++ b/design/design/tokens/themes/neo/dark.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#2e323a",
+            "type": "color",
+            "description": "1.4:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#b6b7bb",
+            "type": "color",
+            "description": "9:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#8f95a0",
+            "type": "color",
+            "description": "6:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#9ea2a6",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#8a9eed",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e78686",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#7da5d2",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#15171c)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#66b08f",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#15171c)"
+          }
+        },
+        "default": {
+          "value": "#15171c",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#15171c)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#32353d",
+            "type": "color",
+            "description": "1.4:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#babbbf",
+            "type": "color",
+            "description": "9:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#9298a4",
+            "type": "color",
+            "description": "6:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#a2a5aa",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#8ea1ed",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e88b8b",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#83a8d4",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#68b392",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#191c20)"
+          }
+        },
+        "default": {
+          "value": "#191c20",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#191c20)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#373b42",
+            "type": "color",
+            "description": "1.4:1 contrast against ui-active (#20242a)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#c2c4c7",
+            "type": "color",
+            "description": "9:1 contrast against ui-active (#20242a)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#99a0ac",
+            "type": "color",
+            "description": "6:1 contrast against ui-active (#20242a)"
+          }
+        },
+        "default": {
+          "value": "#131519",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-active (#20242a)"
+        },
+        "hover": {
+          "value": "#191c20",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-active (#20242a)"
+        },
+        "active": {
+          "value": "#20242a",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#20242a)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#a0a1a4",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#a6a9ae)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000001",
+            "type": "color",
+            "description": "9:1 contrast against ui-accent-active (#a6a9ae)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#262c37",
+            "type": "color",
+            "description": "6:1 contrast against ui-accent-active (#a6a9ae)"
+          }
+        },
+        "default": {
+          "value": "#b4b7bd",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#a6a9ae)"
+        },
+        "hover": {
+          "value": "#aeb1b6",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#a6a9ae)"
+        },
+        "active": {
+          "value": "#a6a9ae",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#a6a9ae)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#5f7ce8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#6a84e8)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-brand-active (#6a84e8)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#020308",
+            "type": "color",
+            "description": "6:1 contrast against ui-brand-active (#6a84e8)"
+          }
+        },
+        "default": {
+          "value": "#7a91ea",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#6a84e8)"
+        },
+        "hover": {
+          "value": "#738ce9",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#6a84e8)"
+        },
+        "active": {
+          "value": "#6a84e8",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#6a84e8)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#ce6565",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#100404",
+            "type": "color",
+            "description": "6:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "default": {
+          "value": "#e47878",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#df6666)"
+        },
+        "hover": {
+          "value": "#e26f6f",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#df6666)"
+        },
+        "active": {
+          "value": "#df6666",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#df6666)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#6885a8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#010206",
+            "type": "color",
+            "description": "6:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "default": {
+          "value": "#7399c4",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "hover": {
+          "value": "#6f93bc",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "active": {
+          "value": "#6a8cb3",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#6a8cb3)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#588e76",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#000403",
+            "type": "color",
+            "description": "6:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "default": {
+          "value": "#5fa385",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#58977b)"
+        },
+        "hover": {
+          "value": "#5c9e81",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#58977b)"
+        },
+        "active": {
+          "value": "#58977b",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#58977b)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/neo/light.json b/design/design/tokens/themes/neo/light.json
new file mode 100644
index 0000000..9f9768a
--- /dev/null
+++ b/design/design/tokens/themes/neo/light.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#f1f2f4",
+            "type": "color",
+            "description": "1.05:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#4e5155",
+            "type": "color",
+            "description": "7.5:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#686e7c",
+            "type": "color",
+            "description": "4.8:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#4c5663",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#314bb6",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#903838",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#3a5875",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2e5e48",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f5f7fa)"
+          }
+        },
+        "default": {
+          "value": "#f5f7fa",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#f5f7fa)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#ecedf0",
+            "type": "color",
+            "description": "1.05:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#4b4e53",
+            "type": "color",
+            "description": "7.5:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#656b78",
+            "type": "color",
+            "description": "4.8:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#4a5361",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#2f49b0",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#8b3737",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#385471",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2c5b46",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#f1f2f3)"
+          }
+        },
+        "default": {
+          "value": "#f1f2f3",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#f1f2f3)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#dbdee3",
+            "type": "color",
+            "description": "1.08:1 contrast against ui-active (#e5e6e7)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#45474c",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-active (#e5e6e7)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#5e6470",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-active (#e5e6e7)"
+          }
+        },
+        "default": {
+          "value": "#f1f2f4",
+          "type": "color",
+          "description": "-1.1:1 contrast against ui-active (#e5e6e7)"
+        },
+        "hover": {
+          "value": "#ebecee",
+          "type": "color",
+          "description": "-1.05:1 contrast against ui-active (#e5e6e7)"
+        },
+        "active": {
+          "value": "#e5e6e7",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#e5e6e7)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#5e6470",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#555f6c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-accent-active (#555f6c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#d9dde2",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-accent-active (#555f6c)"
+          }
+        },
+        "default": {
+          "value": "#4b5563",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#555f6c)"
+        },
+        "hover": {
+          "value": "#4f5967",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#555f6c)"
+        },
+        "active": {
+          "value": "#555f6c",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#555f6c)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#4766e0",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#3f5edc)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-brand-active (#3f5edc)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#ecf0ff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-brand-active (#3f5edc)"
+          }
+        },
+        "default": {
+          "value": "#3755cd",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#3f5edc)"
+        },
+        "hover": {
+          "value": "#3958d5",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#3f5edc)"
+        },
+        "active": {
+          "value": "#3f5edc",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#3f5edc)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#b15353",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#feeded",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "default": {
+          "value": "#a34040",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#b24646)"
+        },
+        "hover": {
+          "value": "#a84242",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#b24646)"
+        },
+        "active": {
+          "value": "#b24646",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#b24646)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#567ba0",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fafdff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "default": {
+          "value": "#466a8d",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#4d759c)"
+        },
+        "hover": {
+          "value": "#496f94",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#4d759c)"
+        },
+        "active": {
+          "value": "#4d759c",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#4d759c)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#468467",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#f9fefc",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "default": {
+          "value": "#377257",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "hover": {
+          "value": "#3a775b",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "active": {
+          "value": "#3d7d5f",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#3d7d5f)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/uno/dark.json b/design/design/tokens/themes/uno/dark.json
new file mode 100644
index 0000000..05a40c3
--- /dev/null
+++ b/design/design/tokens/themes/uno/dark.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#332f3d",
+            "type": "color",
+            "description": "1.4:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#b7b5bc",
+            "type": "color",
+            "description": "9:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#9791a4",
+            "type": "color",
+            "description": "6:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#a59cb4",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#a79bbd",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e68585",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#7ca3d1",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#17141c)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#65ae8e",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#17141c)"
+          }
+        },
+        "default": {
+          "value": "#17141c",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#17141c)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#373341",
+            "type": "color",
+            "description": "1.4:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#bcbac1",
+            "type": "color",
+            "description": "9:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#9b95a8",
+            "type": "color",
+            "description": "6:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#aaa1b9",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#ab9fc0",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#e88b8b",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#82a8d4",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#68b392",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#1c1a25)"
+          }
+        },
+        "default": {
+          "value": "#1c1a25",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#1c1a25)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#3c3747",
+            "type": "color",
+            "description": "1.4:1 contrast against ui-active (#23202d)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#c3c0c8",
+            "type": "color",
+            "description": "9:1 contrast against ui-active (#23202d)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#a19bad",
+            "type": "color",
+            "description": "6:1 contrast against ui-active (#23202d)"
+          }
+        },
+        "default": {
+          "value": "#131118",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-active (#23202d)"
+        },
+        "hover": {
+          "value": "#1a1721",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-active (#23202d)"
+        },
+        "active": {
+          "value": "#23202d",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#23202d)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#9891a5",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#a199af)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-accent-active (#a199af)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#211e27",
+            "type": "color",
+            "description": "6:1 contrast against ui-accent-active (#a199af)"
+          }
+        },
+        "default": {
+          "value": "#aea4bd",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#a199af)"
+        },
+        "hover": {
+          "value": "#a9a0b8",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#a199af)"
+        },
+        "active": {
+          "value": "#a199af",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#a199af)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#9081aa",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#9788b1)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-brand-active (#9788b1)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#0f0d13",
+            "type": "color",
+            "description": "6:1 contrast against ui-brand-active (#9788b1)"
+          }
+        },
+        "default": {
+          "value": "#a295b9",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#9788b1)"
+        },
+        "hover": {
+          "value": "#9d90b6",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#9788b1)"
+        },
+        "active": {
+          "value": "#9788b1",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#9788b1)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#ce6565",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#100404",
+            "type": "color",
+            "description": "6:1 contrast against ui-alert-active (#df6666)"
+          }
+        },
+        "default": {
+          "value": "#e47878",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#df6666)"
+        },
+        "hover": {
+          "value": "#e26f6f",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#df6666)"
+        },
+        "active": {
+          "value": "#df6666",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#df6666)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#6885a8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#010206",
+            "type": "color",
+            "description": "6:1 contrast against ui-info-active (#6a8cb3)"
+          }
+        },
+        "default": {
+          "value": "#7399c4",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "hover": {
+          "value": "#6f93bc",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#6a8cb3)"
+        },
+        "active": {
+          "value": "#6a8cb3",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#6a8cb3)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#588e76",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#000000",
+            "type": "color",
+            "description": "9:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#000403",
+            "type": "color",
+            "description": "6:1 contrast against ui-success-active (#58977b)"
+          }
+        },
+        "default": {
+          "value": "#5fa385",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#58977b)"
+        },
+        "hover": {
+          "value": "#5c9e81",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#58977b)"
+        },
+        "active": {
+          "value": "#58977b",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#58977b)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/tokens/themes/uno/light.json b/design/design/tokens/themes/uno/light.json
new file mode 100644
index 0000000..4c58128
--- /dev/null
+++ b/design/design/tokens/themes/uno/light.json
@@ -0,0 +1,360 @@
+{
+  "theme": {
+    "color": {
+      "root": {
+        "-border": {
+          "default": {
+            "value": "#ebe9ee",
+            "type": "color",
+            "description": "1.08:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#42404f",
+            "type": "color",
+            "description": "9:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#505d6f",
+            "type": "color",
+            "description": "6:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#594d67",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#594b75",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#8b3737",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#385471",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#2c5b45",
+            "type": "color",
+            "description": "7:1 contrast against root-default (#f3f2f5)"
+          }
+        },
+        "default": {
+          "value": "#f3f2f5",
+          "type": "color",
+          "description": "1:1 contrast against root-default (#f3f2f5)"
+        }
+      },
+      "layer": {
+        "-border": {
+          "default": {
+            "value": "#e0dee4",
+            "type": "color",
+            "description": "1.08:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#3b3948",
+            "type": "color",
+            "description": "9:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#4a5667",
+            "type": "color",
+            "description": "6:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-accent": {
+          "default": {
+            "value": "#52475e",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-brand": {
+          "default": {
+            "value": "#52456b",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-alert": {
+          "default": {
+            "value": "#803232",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-info": {
+          "default": {
+            "value": "#334e67",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "-success": {
+          "default": {
+            "value": "#285340",
+            "type": "color",
+            "description": "7:1 contrast against layer-default (#e5e6e7)"
+          }
+        },
+        "default": {
+          "value": "#e5e6e7",
+          "type": "color",
+          "description": "1:1 contrast against layer-default (#e5e6e7)"
+        }
+      },
+      "ui": {
+        "-border": {
+          "default": {
+            "value": "#d3d0d8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-active (#dbdade)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#403e4d",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-active (#dbdade)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#515d70",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-active (#dbdade)"
+          }
+        },
+        "default": {
+          "value": "#e6e5e9",
+          "type": "color",
+          "description": "-1.1:1 contrast against ui-active (#dbdade)"
+        },
+        "hover": {
+          "value": "#e2e1e5",
+          "type": "color",
+          "description": "-1.05:1 contrast against ui-active (#dbdade)"
+        },
+        "active": {
+          "value": "#dbdade",
+          "type": "color",
+          "description": "1:1 contrast against ui-active (#dbdade)"
+        }
+      },
+      "ui-accent": {
+        "-border": {
+          "default": {
+            "value": "#bdb3c8",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-accent-active (#c4bccc)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#2d2d2d",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-accent-active (#c4bccc)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#4b4a4c",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-accent-active (#c4bccc)"
+          }
+        },
+        "default": {
+          "value": "#d1cbd8",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-accent-active (#c4bccc)"
+        },
+        "hover": {
+          "value": "#ccc5d3",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-accent-active (#c4bccc)"
+        },
+        "active": {
+          "value": "#c4bccc",
+          "type": "color",
+          "description": "1:1 contrast against ui-accent-active (#c4bccc)"
+        }
+      },
+      "ui-brand": {
+        "-border": {
+          "default": {
+            "value": "#78699a",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-brand-active (#716292)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-brand-active (#716292)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#f2effe",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-brand-active (#716292)"
+          }
+        },
+        "default": {
+          "value": "#685889",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-brand-active (#716292)"
+        },
+        "hover": {
+          "value": "#6c5c8e",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-brand-active (#716292)"
+        },
+        "active": {
+          "value": "#716292",
+          "type": "color",
+          "description": "1:1 contrast against ui-brand-active (#716292)"
+        }
+      },
+      "ui-alert": {
+        "-border": {
+          "default": {
+            "value": "#b15353",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#feeded",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-alert-active (#b24646)"
+          }
+        },
+        "default": {
+          "value": "#a34040",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-alert-active (#b24646)"
+        },
+        "hover": {
+          "value": "#a84242",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-alert-active (#b24646)"
+        },
+        "active": {
+          "value": "#b24646",
+          "type": "color",
+          "description": "1:1 contrast against ui-alert-active (#b24646)"
+        }
+      },
+      "ui-info": {
+        "-border": {
+          "default": {
+            "value": "#567ba0",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#fafdff",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-info-active (#4d759c)"
+          }
+        },
+        "default": {
+          "value": "#466a8d",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-info-active (#4d759c)"
+        },
+        "hover": {
+          "value": "#496f94",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-info-active (#4d759c)"
+        },
+        "active": {
+          "value": "#4d759c",
+          "type": "color",
+          "description": "1:1 contrast against ui-info-active (#4d759c)"
+        }
+      },
+      "ui-success": {
+        "-border": {
+          "default": {
+            "value": "#468467",
+            "type": "color",
+            "description": "1.1:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-text": {
+          "default": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "7.5:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "-muted": {
+          "default": {
+            "value": "#f9fefc",
+            "type": "color",
+            "description": "4.8:1 contrast against ui-success-active (#3d7d5f)"
+          }
+        },
+        "default": {
+          "value": "#377257",
+          "type": "color",
+          "description": "-1.15:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "hover": {
+          "value": "#3a775b",
+          "type": "color",
+          "description": "-1.08:1 contrast against ui-success-active (#3d7d5f)"
+        },
+        "active": {
+          "value": "#3d7d5f",
+          "type": "color",
+          "description": "1:1 contrast against ui-success-active (#3d7d5f)"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/design/design/transform.mjs b/design/design/transform.mjs
new file mode 100644
index 0000000..1e140ed
--- /dev/null
+++ b/design/design/transform.mjs
@@ -0,0 +1,45 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'url';
+
+export const SingleToMulti = async () => {
+  const __filename = fileURLToPath(import.meta.url);
+  const __dirname = path.dirname(__filename);
+  const tokensBasePath = path.resolve(__dirname, "./");
+  const single_token = path.resolve(tokensBasePath, 'tokens/tokens.json');
+  const multi_token_path = path.resolve(tokensBasePath, 'tokens/multi');
+  
+  try {
+    const tokens = JSON.parse(await fs.promises.readFile(single_token, 'utf8'));
+    const metadata = tokens.$metadata || {};
+    const themes = tokens.$themes || {};
+    delete tokens.$metadata;
+    delete tokens.$themes;
+    
+    const writeTokensToFile = async (filePath, tokenData) => {
+      const dirName = path.dirname(filePath);
+      await fs.promises.mkdir(dirName, { recursive: true });
+      await fs.promises.writeFile(filePath, JSON.stringify(tokenData, null, 2), 'utf8');
+      console.log(`✔︎ ${path.relative(process.cwd(), filePath)}`);
+    };
+    
+    await writeTokensToFile(path.join(multi_token_path, '$metadata.json'), metadata);
+    await writeTokensToFile(path.join(multi_token_path, '$themes.json'), themes);
+    
+    if (metadata.tokenSetOrder) {
+      for (const tokenSet of metadata.tokenSetOrder) {
+        if (tokens[tokenSet]) {
+          const targetPath = path.join(multi_token_path, ...tokenSet.split('/')) + '.json';
+          await writeTokensToFile(targetPath, tokens[tokenSet]);
+        }
+      }
+    }
+    
+    console.log('✅ Tokens transformed successfully');
+    return { success: true };
+  } catch (error) {
+    console.error('❌ Token transformation failed:', error.message);
+    return { success: false, error };
+  }
+};
+
diff --git a/design/main.css b/design/main.css
new file mode 100644
index 0000000..6325335
--- /dev/null
+++ b/design/main.css
@@ -0,0 +1,3 @@
+@import "tailwindcss/utilities.css";
+@import "./tokens.css";
+@import "./utilities.css";
diff --git a/design/tokens.css b/design/tokens.css
new file mode 100644
index 0000000..f8114b4
--- /dev/null
+++ b/design/tokens.css
@@ -0,0 +1,6 @@
+@import "./tokens/semantic/color.css";
+@import "./tokens/semantic/dimension.css";
+@import "./tokens/semantic/border.css";
+@import "./tokens/semantic/text.css";
+@import "./tokens/semantic/font.css";
+@import "./tokens/semantic/effect.css";
diff --git a/design/tokens/semantic/border.css b/design/tokens/semantic/border.css
new file mode 100644
index 0000000..9045c61
--- /dev/null
+++ b/design/tokens/semantic/border.css
@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --radius-ui: 0.375rem;
+  --radius-full: 9999px;
+}
diff --git a/design/tokens/semantic/color.css b/design/tokens/semantic/color.css
new file mode 100644
index 0000000..59586a2
--- /dev/null
+++ b/design/tokens/semantic/color.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --color-root: var(--theme-color-root);
+  --color-root--border: var(--theme-color-root--border);
+  --color-root--text: var(--theme-color-root--text);
+  --color-root--muted: var(--theme-color-root--muted);
+  --color-root--accent: var(--theme-color-root--accent);
+  --color-root--brand: var(--theme-color-root--brand);
+  --color-root--alert: var(--theme-color-root--alert);
+  --color-root--info: var(--theme-color-root--info);
+  --color-root--success: var(--theme-color-root--success);
+  --color-layer: var(--theme-color-layer);
+  --color-layer--border: var(--theme-color-layer--border);
+  --color-layer--text: var(--theme-color-layer--text);
+  --color-layer--muted: var(--theme-color-layer--muted);
+  --color-layer--accent: var(--theme-color-layer--accent);
+  --color-layer--brand: var(--theme-color-layer--brand);
+  --color-layer--alert: var(--theme-color-layer--alert);
+  --color-layer--info: var(--theme-color-layer--info);
+  --color-layer--success: var(--theme-color-layer--success);
+  --color-ui: var(--theme-color-ui);
+  --color-ui-hover: var(--theme-color-ui-hover);
+  --color-ui-active: var(--theme-color-ui-active);
+  --color-ui--border: var(--theme-color-ui--border);
+  --color-ui--text: var(--theme-color-ui--text);
+  --color-ui--muted: var(--theme-color-ui--muted);
+  --color-ui-accent: var(--theme-color-ui-accent);
+  --color-ui-accent-hover: var(--theme-color-ui-accent-hover);
+  --color-ui-accent-active: var(--theme-color-ui-accent-active);
+  --color-ui-accent--border: var(--theme-color-ui-accent--border);
+  --color-ui-accent--text: var(--theme-color-ui-accent--text);
+  --color-ui-accent--muted: var(--theme-color-ui-accent--muted);
+  --color-ui-brand: var(--theme-color-ui-brand);
+  --color-ui-brand-hover: var(--theme-color-ui-brand-hover);
+  --color-ui-brand-active: var(--theme-color-ui-brand-active);
+  --color-ui-brand--border: var(--theme-color-ui-brand--border);
+  --color-ui-brand--text: var(--theme-color-ui-brand--text);
+  --color-ui-brand--muted: var(--theme-color-ui-brand--muted);
+  --color-ui-alert: var(--theme-color-ui-alert);
+  --color-ui-alert-hover: var(--theme-color-ui-alert-hover);
+  --color-ui-alert-active: var(--theme-color-ui-alert-active);
+  --color-ui-alert--border: var(--theme-color-ui-alert--border);
+  --color-ui-alert--text: var(--theme-color-ui-alert--text);
+  --color-ui-alert--muted: var(--theme-color-ui-alert--muted);
+  --color-ui-info: var(--theme-color-ui-info);
+  --color-ui-info-hover: var(--theme-color-ui-info-hover);
+  --color-ui-info-active: var(--theme-color-ui-info-active);
+  --color-ui-info--border: var(--theme-color-ui-info--border);
+  --color-ui-info--text: var(--theme-color-ui-info--text);
+  --color-ui-info--muted: var(--theme-color-ui-info--muted);
+  --color-ui-success: var(--theme-color-ui-success);
+  --color-ui-success-hover: var(--theme-color-ui-success-hover);
+  --color-ui-success-active: var(--theme-color-ui-success-active);
+  --color-ui-success--border: var(--theme-color-ui-success--border);
+  --color-ui-success--text: var(--theme-color-ui-success--text);
+  --color-ui-success--muted: var(--theme-color-ui-success--muted);
+}
diff --git a/design/tokens/semantic/dimension.css b/design/tokens/semantic/dimension.css
new file mode 100644
index 0000000..feaa064
--- /dev/null
+++ b/design/tokens/semantic/dimension.css
@@ -0,0 +1,116 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --spacing: 0.25rem;
+  --container-ui-sm: 20rem;
+  --container-ui-md: 24rem;
+  --container-ui-lg: 40rem;
+  --container-ui-xl: 60rem;
+  --container-mini-sm: 12rem;
+  --container-mini-md: 16rem;
+  --container-mini-lg: 20rem;
+  --container-mini-xl: 24rem;
+  --container-micro-sm: 6rem;
+  --container-micro-md: 8rem;
+  --container-micro-lg: 12rem;
+  --container-micro-xl: 16rem;
+  --breakpoint-sm: 20rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 106rem;
+  --spacing-ui-sm: calc(var(--spacing) * 8);
+  --spacing-ui-md: calc(var(--spacing) * 10);
+  --spacing-ui-lg: calc(var(--spacing) * 12);
+  --spacing-ui-xl: calc(var(--spacing) * 14);
+  --spacing-ui-padding-sm: calc(var(--spacing) * 2);
+  --spacing-ui-padding-md: calc(var(--spacing) * 3);
+  --spacing-ui-padding-lg: calc(var(--spacing) * 4);
+  --spacing-ui-padding-xl: calc(var(--spacing) * 5);
+  --spacing-ui-gap-sm: calc(var(--spacing) * 2);
+  --spacing-ui-gap-md: calc(var(--spacing) * 4);
+  --spacing-ui-gap-lg: calc(var(--spacing) * 6);
+  --spacing-ui-gap-xl: calc(var(--spacing) * 8);
+  --spacing-mini-sm: calc(var(--spacing) * 5);
+  --spacing-mini-md: calc(var(--spacing) * 6);
+  --spacing-mini-lg: calc(var(--spacing) * 7);
+  --spacing-mini-xl: calc(var(--spacing) * 8);
+  --spacing-mini-padding-sm: calc(var(--spacing) * 1);
+  --spacing-mini-padding-md: calc(var(--spacing) * 2);
+  --spacing-mini-padding-lg: calc(var(--spacing) * 3);
+  --spacing-mini-padding-xl: calc(var(--spacing) * 4);
+  --spacing-mini-gap-sm: calc(var(--spacing) * 1);
+  --spacing-mini-gap-md: calc(var(--spacing) * 2);
+  --spacing-mini-gap-lg: calc(var(--spacing) * 3);
+  --spacing-mini-gap-xl: calc(var(--spacing) * 4);
+  --spacing-micro-sm: calc(var(--spacing) * 1);
+  --spacing-micro-md: calc(var(--spacing) * 2);
+  --spacing-micro-lg: calc(var(--spacing) * 3);
+  --spacing-micro-xl: calc(var(--spacing) * 4);
+  --spacing-micro-padding-sm: calc(var(--spacing) * 1);
+  --spacing-micro-padding-md: calc(var(--spacing) * 1);
+  --spacing-micro-padding-lg: calc(var(--spacing) * 2);
+  --spacing-micro-padding-xl: calc(var(--spacing) * 2);
+  --spacing-micro-gap-sm: calc(var(--spacing) * 1);
+  --spacing-micro-gap-md: calc(var(--spacing) * 1);
+  --spacing-micro-gap-lg: calc(var(--spacing) * 2);
+  --spacing-micro-gap-xl: calc(var(--spacing) * 2);
+  --container-ui: var(--container-ui-md);
+  --container-mini: var(--container-mini-md);
+  --container-micro: var(--container-micro-md);
+  --width-ui-sm: var(--container-ui-sm);
+  --width-ui-md: var(--container-ui-md);
+  --width-ui-lg: var(--container-ui-lg);
+  --width-ui-xl: var(--container-ui-xl);
+  --width-mini-sm: var(--container-mini-sm);
+  --width-mini-md: var(--container-mini-md);
+  --width-mini-lg: var(--container-mini-lg);
+  --width-mini-xl: var(--container-mini-xl);
+  --width-micro-sm: var(--container-micro-sm);
+  --width-micro-md: var(--container-micro-md);
+  --width-micro-lg: var(--container-micro-lg);
+  --width-micro-xl: var(--container-micro-xl);
+  --min-width-ui-sm: var(--container-ui-sm);
+  --min-width-ui-md: var(--container-ui-md);
+  --min-width-ui-lg: var(--container-ui-lg);
+  --min-width-ui-xl: var(--container-ui-xl);
+  --min-width-mini-sm: var(--container-mini-sm);
+  --min-width-mini-md: var(--container-mini-md);
+  --min-width-mini-lg: var(--container-mini-lg);
+  --min-width-mini-xl: var(--container-mini-xl);
+  --min-width-micro-sm: var(--container-micro-sm);
+  --min-width-micro-md: var(--container-micro-md);
+  --min-width-micro-lg: var(--container-micro-lg);
+  --min-width-micro-xl: var(--container-micro-xl);
+  --max-width-ui-sm: var(--container-ui-sm);
+  --max-width-ui-md: var(--container-ui-md);
+  --max-width-ui-lg: var(--container-ui-lg);
+  --max-width-ui-xl: var(--container-ui-xl);
+  --max-width-mini-sm: var(--container-mini-sm);
+  --max-width-mini-md: var(--container-mini-md);
+  --max-width-mini-lg: var(--container-mini-lg);
+  --max-width-mini-xl: var(--container-mini-xl);
+  --max-width-micro-sm: var(--container-micro-sm);
+  --max-width-micro-md: var(--container-micro-md);
+  --max-width-micro-lg: var(--container-micro-lg);
+  --max-width-micro-xl: var(--container-micro-xl);
+  --spacing-ui: var(--spacing-ui-md);
+  --spacing-ui-padding: var(--spacing-ui-padding-md);
+  --spacing-ui-gap: var(--spacing-ui-gap-md);
+  --spacing-mini: var(--spacing-mini-md);
+  --spacing-mini-padding: var(--spacing-mini-padding-md);
+  --spacing-mini-gap: var(--spacing-mini-gap-md);
+  --spacing-micro: var(--spacing-micro-md);
+  --spacing-micro-padding: var(--spacing-micro-padding-md);
+  --spacing-micro-gap: var(--spacing-micro-gap-md);
+  --width-ui: var(--container-ui);
+  --width-mini: var(--container-mini);
+  --width-micro: var(--container-micro);
+  --min-width-ui: var(--container-ui);
+  --min-width-mini: var(--container-mini);
+  --min-width-micro: var(--container-micro);
+  --max-width-ui: var(--container-ui);
+  --max-width-mini: var(--container-mini);
+  --max-width-micro: var(--container-micro);
+}
diff --git a/design/tokens/semantic/effect.css b/design/tokens/semantic/effect.css
new file mode 100644
index 0000000..eb9ae85
--- /dev/null
+++ b/design/tokens/semantic/effect.css
@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --shadow-layer:
+    0 1px 1px 0 var(--color-layer--border),
+    0 1px 1px 0 var(--color-layer--border);
+  --shadow-ui:
+    0 1px 2px 0 var(--color-ui--border), 0 2px 4px 0 var(--color-ui--border);
+  --shadow-ui-hover:
+    0 3px 4px 0 var(--color-ui--border), 0 2px 4px 0 var(--color-ui--border);
+  --shadow-ui-active:
+    0 1px 2px 0 var(--color-ui--border), 0 1px 1px 0 var(--color-ui--border);
+}
diff --git a/design/tokens/semantic/font.css b/design/tokens/semantic/font.css
new file mode 100644
index 0000000..e85d396
--- /dev/null
+++ b/design/tokens/semantic/font.css
@@ -0,0 +1,13 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --font-ui: system-ui, sans-serif;
+  --font-code: ui-monospace, monospace;
+  --font-weight-ui-sm: 200;
+  --font-weight-ui-md: 400;
+  --font-weight-ui-lg: 600;
+  --font-weight-ui-xl: 800;
+  --font-weight-ui: var(--font-weight-ui-md);
+}
diff --git a/design/tokens/semantic/text.css b/design/tokens/semantic/text.css
new file mode 100644
index 0000000..fd189d3
--- /dev/null
+++ b/design/tokens/semantic/text.css
@@ -0,0 +1,16 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@theme inline {
+  --text-ui-sm: 1rem;
+  --text-ui-sm--line-height: 1.7;
+  --text-ui-md: 1.125rem;
+  --text-ui-md--line-height: 1.8;
+  --text-ui-lg: 1.25rem;
+  --text-ui-lg--line-height: 1.9;
+  --text-ui-xl: 1.8rem;
+  --text-ui-xl--line-height: 2;
+  --text-ui: var(--text-ui-md);
+  --text-ui--line-height: var(--text-ui-md--line-height);
+}
diff --git a/design/tokens/themes/duo/dark.css b/design/tokens/themes/duo/dark.css
new file mode 100644
index 0000000..8e7cf02
--- /dev/null
+++ b/design/tokens/themes/duo/dark.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="duo"][data-mode="dark"] {
+  --theme-color-root--border: #382f24; /** 1.4:1 contrast against root-default (#171411) */
+  --theme-color-root--text: #b9b5b1; /** 9:1 contrast against root-default (#171411) */
+  --theme-color-root--muted: #9d918a; /** 6:1 contrast against root-default (#171411) */
+  --theme-color-root--accent: #ae9d8f; /** 7:1 contrast against root-default (#171411) */
+  --theme-color-root--brand: #bf9881; /** 7:1 contrast against root-default (#171411) */
+  --theme-color-root--alert: #e68484; /** 7:1 contrast against root-default (#171411) */
+  --theme-color-root--info: #7ca3d1; /** 7:1 contrast against root-default (#171411) */
+  --theme-color-root--success: #65ae8e; /** 7:1 contrast against root-default (#171411) */
+  --theme-color-root: #171411; /** 1:1 contrast against root-default (#171411) */
+  --theme-color-layer--border: #3e3328; /** 1.4:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--text: #bebbb6; /** 9:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--muted: #a2968f; /** 6:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--accent: #b3a293; /** 7:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--brand: #c39d88; /** 7:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--alert: #e88b8b; /** 7:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--info: #82a8d3; /** 7:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer--success: #68b392; /** 7:1 contrast against layer-default (#1f1a16) */
+  --theme-color-layer: #1f1a16; /** 1:1 contrast against layer-default (#1f1a16) */
+  --theme-color-ui--border: #41382d; /** 1.4:1 contrast against ui-active (#26211b) */
+  --theme-color-ui--text: #c4c1bc; /** 9:1 contrast against ui-active (#26211b) */
+  --theme-color-ui--muted: #a69c94; /** 6:1 contrast against ui-active (#26211b) */
+  --theme-color-ui: #15120f; /** -1.15:1 contrast against ui-active (#26211b) */
+  --theme-color-ui-hover: #1d1915; /** -1.08:1 contrast against ui-active (#26211b) */
+  --theme-color-ui-active: #26211b; /** 1:1 contrast against ui-active (#26211b) */
+  --theme-color-ui-accent--border: #a19387; /** 1.1:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-accent--text: #000000; /** 9:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-accent--muted: #261e17; /** 6:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-accent: #b8a697; /** -1.15:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-accent-hover: #b1a091; /** -1.08:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-accent-active: #aa998c; /** 1:1 contrast against ui-accent-active (#aa998c) */
+  --theme-color-ui-brand--border: #a5816c; /** 1.1:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-brand--text: #000000; /** 9:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-brand--muted: #120e0b; /** 6:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-brand: #bc927a; /** -1.15:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-brand-hover: #b98d75; /** -1.08:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-brand-active: #b0866e; /** 1:1 contrast against ui-brand-active (#b0866e) */
+  --theme-color-ui-alert--border: #ce6565; /** 1.1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--text: #000000; /** 9:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--muted: #100404; /** 6:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert: #e47878; /** -1.15:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-hover: #e26f6f; /** -1.08:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-active: #df6666; /** 1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-info--border: #6885a8; /** 1.1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--text: #000000; /** 9:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--muted: #010206; /** 6:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info: #7399c4; /** -1.15:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-hover: #6f93bc; /** -1.08:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-active: #6a8cb3; /** 1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-success--border: #588e76; /** 1.1:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--text: #000000; /** 9:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--muted: #000403; /** 6:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success: #5fa385; /** -1.15:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-hover: #5c9e81; /** -1.08:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-active: #58977b; /** 1:1 contrast against ui-success-active (#58977b) */
+}
diff --git a/design/tokens/themes/duo/light.css b/design/tokens/themes/duo/light.css
new file mode 100644
index 0000000..cd86325
--- /dev/null
+++ b/design/tokens/themes/duo/light.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="duo"][data-mode="light"] {
+  --theme-color-root--border: #f3f2ef; /** 1.05:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--text: #544f4b; /** 7.5:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--muted: #766c61; /** 4.8:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--accent: #5e5348; /** 7:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--brand: #6f4d3c; /** 7:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--alert: #8f3838; /** 7:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--info: #3a5775; /** 7:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root--success: #2d5e47; /** 7:1 contrast against root-default (#f8f6f3) */
+  --theme-color-root: #f8f6f3; /** 1:1 contrast against root-default (#f8f6f3) */
+  --theme-color-layer--border: #f7f5f3; /** 1.05:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--text: #57524e; /** 7.5:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--muted: #786f64; /** 4.8:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--accent: #61564a; /** 7:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--brand: #734f3f; /** 7:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--alert: #943a3a; /** 7:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--info: #3c5a78; /** 7:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer--success: #2f614a; /** 7:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-layer: #fcfbfa; /** 1:1 contrast against layer-default (#fcfbfa) */
+  --theme-color-ui--border: #ebe7e2; /** 1.08:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui--text: #514c48; /** 7.5:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui--muted: #72685e; /** 4.8:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui: #fcfcfb; /** -1.1:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui-hover: #faf8f6; /** -1.05:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui-active: #f3f0ec; /** 1:1 contrast against ui-active (#f3f0ec) */
+  --theme-color-ui-accent--border: #837567; /** 1.1:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-accent--text: #ffffff; /** 7.5:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-accent--muted: #fdfdfc; /** 4.8:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-accent: #736558; /** -1.15:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-accent-hover: #77695b; /** -1.08:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-accent-active: #7e6e60; /** 1:1 contrast against ui-accent-active (#7e6e60) */
+  --theme-color-ui-brand--border: #996e59; /** 1.1:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-brand--text: #ffffff; /** 7.5:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-brand--muted: #fffcfa; /** 4.8:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-brand: #875d49; /** -1.15:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-brand-hover: #8d614c; /** -1.08:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-brand-active: #966751; /** 1:1 contrast against ui-brand-active (#966751) */
+  --theme-color-ui-alert--border: #b15353; /** 1.1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--text: #ffffff; /** 7.5:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--muted: #feeded; /** 4.8:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert: #a34040; /** -1.15:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-hover: #a84242; /** -1.08:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-active: #b24646; /** 1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-info--border: #567ba0; /** 1.1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--text: #ffffff; /** 7.5:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--muted: #fafdff; /** 4.8:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info: #466a8d; /** -1.15:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-hover: #496f94; /** -1.08:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-active: #4d759c; /** 1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-success--border: #468467; /** 1.1:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--text: #ffffff; /** 7.5:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--muted: #f9fefc; /** 4.8:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success: #377257; /** -1.15:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-hover: #3a775b; /** -1.08:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-active: #3d7d5f; /** 1:1 contrast against ui-success-active (#3d7d5f) */
+}
diff --git a/design/tokens/themes/leo/dark.css b/design/tokens/themes/leo/dark.css
new file mode 100644
index 0000000..67d5a75
--- /dev/null
+++ b/design/tokens/themes/leo/dark.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="leo"][data-mode="dark"] {
+  --theme-color-root--border: #2b3236; /** 1.4:1 contrast against root-default (#121517) */
+  --theme-color-root--text: #b3b6b8; /** 9:1 contrast against root-default (#121517) */
+  --theme-color-root--muted: #88959c; /** 6:1 contrast against root-default (#121517) */
+  --theme-color-root--accent: #94a2aa; /** 7:1 contrast against root-default (#121517) */
+  --theme-color-root--brand: #7aa7b5; /** 7:1 contrast against root-default (#121517) */
+  --theme-color-root--alert: #e68484; /** 7:1 contrast against root-default (#121517) */
+  --theme-color-root--info: #7ca3d1; /** 7:1 contrast against root-default (#121517) */
+  --theme-color-root--success: #65ae8e; /** 7:1 contrast against root-default (#121517) */
+  --theme-color-root: #121517; /** 1:1 contrast against root-default (#121517) */
+  --theme-color-layer--border: #2f363b; /** 1.4:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--text: #b8bbbd; /** 9:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--muted: #8d9aa1; /** 6:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--accent: #99a7af; /** 7:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--brand: #81abb9; /** 7:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--alert: #e88b8b; /** 7:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--info: #82a8d3; /** 7:1 contrast against layer-default (#181c20) */
+  --theme-color-layer--success: #68b392; /** 7:1 contrast against layer-default (#181c20) */
+  --theme-color-layer: #181c20; /** 1:1 contrast against layer-default (#181c20) */
+  --theme-color-ui--border: #343b40; /** 1.4:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui--text: #bfc2c4; /** 9:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui--muted: #93a0a7; /** 6:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui: #101315; /** -1.15:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui-hover: #171b1e; /** -1.08:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui-active: #1e2327; /** 1:1 contrast against ui-active (#1e2327) */
+  --theme-color-ui-accent--border: #8b979d; /** 1.1:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-accent--text: #000000; /** 9:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-accent--muted: #1c2023; /** 6:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-accent: #9cabb3; /** -1.15:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-accent-hover: #97a6ad; /** -1.08:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-accent-active: #909ea5; /** 1:1 contrast against ui-accent-active (#909ea5) */
+  --theme-color-ui-brand--border: #618996; /** 1.1:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-brand--text: #000000; /** 9:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-brand--muted: #010203; /** 6:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-brand: #6b9dad; /** -1.15:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-brand-hover: #6797a7; /** -1.08:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-brand-active: #62909f; /** 1:1 contrast against ui-brand-active (#62909f) */
+  --theme-color-ui-alert--border: #ce6565; /** 1.1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--text: #000000; /** 9:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--muted: #100404; /** 6:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert: #e47878; /** -1.15:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-hover: #e26f6f; /** -1.08:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-active: #df6666; /** 1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-info--border: #6885a8; /** 1.1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--text: #000000; /** 9:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--muted: #010206; /** 6:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info: #7399c4; /** -1.15:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-hover: #6f93bc; /** -1.08:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-active: #6a8cb3; /** 1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-success--border: #588e76; /** 1.1:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--text: #000000; /** 9:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--muted: #000403; /** 6:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success: #5fa385; /** -1.15:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-hover: #5c9e81; /** -1.08:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-active: #58977b; /** 1:1 contrast against ui-success-active (#58977b) */
+}
diff --git a/design/tokens/themes/leo/light.css b/design/tokens/themes/leo/light.css
new file mode 100644
index 0000000..0c9445e
--- /dev/null
+++ b/design/tokens/themes/leo/light.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="leo"][data-mode="light"] {
+  --theme-color-root--border: #f0f2f3; /** 1.05:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--text: #4c5154; /** 7.5:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--muted: #627076; /** 4.8:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--accent: #46575f; /** 7:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--brand: #365a66; /** 7:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--alert: #903838; /** 7:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--info: #3a5875; /** 7:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root--success: #2e5e48; /** 7:1 contrast against root-default (#f5f7f8) */
+  --theme-color-root: #f5f7f8; /** 1:1 contrast against root-default (#f5f7f8) */
+  --theme-color-layer--border: #f4f6f7; /** 1.05:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--text: #4e5456; /** 7.5:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--muted: #657278; /** 4.8:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--accent: #495a62; /** 7:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--brand: #375c68; /** 7:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--alert: #933a3a; /** 7:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--info: #3b5a78; /** 7:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer--success: #2f6149; /** 7:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-layer: #fbfcfd; /** 1:1 contrast against layer-default (#fbfcfd) */
+  --theme-color-ui--border: #e3e7e9; /** 1.08:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui--text: #474d4f; /** 7.5:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui--muted: #5e6b71; /** 4.8:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui: #fbfcfc; /** -1.1:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui-hover: #f3f6f7; /** -1.05:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui-active: #edf0f1; /** 1:1 contrast against ui-active (#edf0f1) */
+  --theme-color-ui-accent--border: #667b85; /** 1.1:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-accent--text: #ffffff; /** 7.5:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-accent--muted: #fcfdfd; /** 4.8:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-accent: #556a73; /** -1.15:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-accent-hover: #596f78; /** -1.08:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-accent-active: #60757f; /** 1:1 contrast against ui-accent-active (#60757f) */
+  --theme-color-ui-brand--border: #517e8d; /** 1.1:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-brand--text: #ffffff; /** 7.5:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-brand--muted: #fbfeff; /** 4.8:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-brand: #416e7c; /** -1.15:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-brand-hover: #447280; /** -1.08:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-brand-active: #487887; /** 1:1 contrast against ui-brand-active (#487887) */
+  --theme-color-ui-alert--border: #b15353; /** 1.1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--text: #ffffff; /** 7.5:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--muted: #feeded; /** 4.8:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert: #a34040; /** -1.15:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-hover: #a84242; /** -1.08:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-active: #b24646; /** 1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-info--border: #567ba0; /** 1.1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--text: #ffffff; /** 7.5:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--muted: #fafdff; /** 4.8:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info: #466a8d; /** -1.15:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-hover: #496f94; /** -1.08:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-active: #4d759c; /** 1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-success--border: #468467; /** 1.1:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--text: #ffffff; /** 7.5:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--muted: #f9fefc; /** 4.8:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success: #377257; /** -1.15:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-hover: #3a775b; /** -1.08:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-active: #3d7d5f; /** 1:1 contrast against ui-success-active (#3d7d5f) */
+}
diff --git a/design/tokens/themes/neo/dark.css b/design/tokens/themes/neo/dark.css
new file mode 100644
index 0000000..44aa654
--- /dev/null
+++ b/design/tokens/themes/neo/dark.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="neo"][data-mode="dark"] {
+  --theme-color-root--border: #2e323a; /** 1.4:1 contrast against root-default (#15171c) */
+  --theme-color-root--text: #b6b7bb; /** 9:1 contrast against root-default (#15171c) */
+  --theme-color-root--muted: #8f95a0; /** 6:1 contrast against root-default (#15171c) */
+  --theme-color-root--accent: #9ea2a6; /** 7:1 contrast against root-default (#15171c) */
+  --theme-color-root--brand: #8a9eed; /** 7:1 contrast against root-default (#15171c) */
+  --theme-color-root--alert: #e78686; /** 7:1 contrast against root-default (#15171c) */
+  --theme-color-root--info: #7da5d2; /** 7:1 contrast against root-default (#15171c) */
+  --theme-color-root--success: #66b08f; /** 7:1 contrast against root-default (#15171c) */
+  --theme-color-root: #15171c; /** 1:1 contrast against root-default (#15171c) */
+  --theme-color-layer--border: #32353d; /** 1.4:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--text: #babbbf; /** 9:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--muted: #9298a4; /** 6:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--accent: #a2a5aa; /** 7:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--brand: #8ea1ed; /** 7:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--alert: #e88b8b; /** 7:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--info: #83a8d4; /** 7:1 contrast against layer-default (#191c20) */
+  --theme-color-layer--success: #68b392; /** 7:1 contrast against layer-default (#191c20) */
+  --theme-color-layer: #191c20; /** 1:1 contrast against layer-default (#191c20) */
+  --theme-color-ui--border: #373b42; /** 1.4:1 contrast against ui-active (#20242a) */
+  --theme-color-ui--text: #c2c4c7; /** 9:1 contrast against ui-active (#20242a) */
+  --theme-color-ui--muted: #99a0ac; /** 6:1 contrast against ui-active (#20242a) */
+  --theme-color-ui: #131519; /** -1.15:1 contrast against ui-active (#20242a) */
+  --theme-color-ui-hover: #191c20; /** -1.08:1 contrast against ui-active (#20242a) */
+  --theme-color-ui-active: #20242a; /** 1:1 contrast against ui-active (#20242a) */
+  --theme-color-ui-accent--border: #a0a1a4; /** 1.1:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-accent--text: #000001; /** 9:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-accent--muted: #262c37; /** 6:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-accent: #b4b7bd; /** -1.15:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-accent-hover: #aeb1b6; /** -1.08:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-accent-active: #a6a9ae; /** 1:1 contrast against ui-accent-active (#a6a9ae) */
+  --theme-color-ui-brand--border: #5f7ce8; /** 1.1:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-brand--text: #000000; /** 9:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-brand--muted: #020308; /** 6:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-brand: #7a91ea; /** -1.15:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-brand-hover: #738ce9; /** -1.08:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-brand-active: #6a84e8; /** 1:1 contrast against ui-brand-active (#6a84e8) */
+  --theme-color-ui-alert--border: #ce6565; /** 1.1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--text: #000000; /** 9:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--muted: #100404; /** 6:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert: #e47878; /** -1.15:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-hover: #e26f6f; /** -1.08:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-active: #df6666; /** 1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-info--border: #6885a8; /** 1.1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--text: #000000; /** 9:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--muted: #010206; /** 6:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info: #7399c4; /** -1.15:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-hover: #6f93bc; /** -1.08:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-active: #6a8cb3; /** 1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-success--border: #588e76; /** 1.1:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--text: #000000; /** 9:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--muted: #000403; /** 6:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success: #5fa385; /** -1.15:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-hover: #5c9e81; /** -1.08:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-active: #58977b; /** 1:1 contrast against ui-success-active (#58977b) */
+}
diff --git a/design/tokens/themes/neo/light.css b/design/tokens/themes/neo/light.css
new file mode 100644
index 0000000..ce04dbb
--- /dev/null
+++ b/design/tokens/themes/neo/light.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="neo"][data-mode="light"] {
+  --theme-color-root--border: #f1f2f4; /** 1.05:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--text: #4e5155; /** 7.5:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--muted: #686e7c; /** 4.8:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--accent: #4c5663; /** 7:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--brand: #314bb6; /** 7:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--alert: #903838; /** 7:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--info: #3a5875; /** 7:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root--success: #2e5e48; /** 7:1 contrast against root-default (#f5f7fa) */
+  --theme-color-root: #f5f7fa; /** 1:1 contrast against root-default (#f5f7fa) */
+  --theme-color-layer--border: #ecedf0; /** 1.05:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--text: #4b4e53; /** 7.5:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--muted: #656b78; /** 4.8:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--accent: #4a5361; /** 7:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--brand: #2f49b0; /** 7:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--alert: #8b3737; /** 7:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--info: #385471; /** 7:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer--success: #2c5b46; /** 7:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-layer: #f1f2f3; /** 1:1 contrast against layer-default (#f1f2f3) */
+  --theme-color-ui--border: #dbdee3; /** 1.08:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui--text: #45474c; /** 7.5:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui--muted: #5e6470; /** 4.8:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui: #f1f2f4; /** -1.1:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui-hover: #ebecee; /** -1.05:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui-active: #e5e6e7; /** 1:1 contrast against ui-active (#e5e6e7) */
+  --theme-color-ui-accent--border: #5e6470; /** 1.1:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-accent--text: #ffffff; /** 7.5:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-accent--muted: #d9dde2; /** 4.8:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-accent: #4b5563; /** -1.15:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-accent-hover: #4f5967; /** -1.08:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-accent-active: #555f6c; /** 1:1 contrast against ui-accent-active (#555f6c) */
+  --theme-color-ui-brand--border: #4766e0; /** 1.1:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-brand--text: #ffffff; /** 7.5:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-brand--muted: #ecf0ff; /** 4.8:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-brand: #3755cd; /** -1.15:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-brand-hover: #3958d5; /** -1.08:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-brand-active: #3f5edc; /** 1:1 contrast against ui-brand-active (#3f5edc) */
+  --theme-color-ui-alert--border: #b15353; /** 1.1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--text: #ffffff; /** 7.5:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--muted: #feeded; /** 4.8:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert: #a34040; /** -1.15:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-hover: #a84242; /** -1.08:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-active: #b24646; /** 1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-info--border: #567ba0; /** 1.1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--text: #ffffff; /** 7.5:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--muted: #fafdff; /** 4.8:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info: #466a8d; /** -1.15:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-hover: #496f94; /** -1.08:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-active: #4d759c; /** 1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-success--border: #468467; /** 1.1:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--text: #ffffff; /** 7.5:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--muted: #f9fefc; /** 4.8:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success: #377257; /** -1.15:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-hover: #3a775b; /** -1.08:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-active: #3d7d5f; /** 1:1 contrast against ui-success-active (#3d7d5f) */
+}
diff --git a/design/tokens/themes/uno/dark.css b/design/tokens/themes/uno/dark.css
new file mode 100644
index 0000000..a97c03b
--- /dev/null
+++ b/design/tokens/themes/uno/dark.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="uno"][data-mode="dark"] {
+  --theme-color-root--border: #332f3d; /** 1.4:1 contrast against root-default (#17141c) */
+  --theme-color-root--text: #b7b5bc; /** 9:1 contrast against root-default (#17141c) */
+  --theme-color-root--muted: #9791a4; /** 6:1 contrast against root-default (#17141c) */
+  --theme-color-root--accent: #a59cb4; /** 7:1 contrast against root-default (#17141c) */
+  --theme-color-root--brand: #a79bbd; /** 7:1 contrast against root-default (#17141c) */
+  --theme-color-root--alert: #e68585; /** 7:1 contrast against root-default (#17141c) */
+  --theme-color-root--info: #7ca3d1; /** 7:1 contrast against root-default (#17141c) */
+  --theme-color-root--success: #65ae8e; /** 7:1 contrast against root-default (#17141c) */
+  --theme-color-root: #17141c; /** 1:1 contrast against root-default (#17141c) */
+  --theme-color-layer--border: #373341; /** 1.4:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--text: #bcbac1; /** 9:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--muted: #9b95a8; /** 6:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--accent: #aaa1b9; /** 7:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--brand: #ab9fc0; /** 7:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--alert: #e88b8b; /** 7:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--info: #82a8d4; /** 7:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer--success: #68b392; /** 7:1 contrast against layer-default (#1c1a25) */
+  --theme-color-layer: #1c1a25; /** 1:1 contrast against layer-default (#1c1a25) */
+  --theme-color-ui--border: #3c3747; /** 1.4:1 contrast against ui-active (#23202d) */
+  --theme-color-ui--text: #c3c0c8; /** 9:1 contrast against ui-active (#23202d) */
+  --theme-color-ui--muted: #a19bad; /** 6:1 contrast against ui-active (#23202d) */
+  --theme-color-ui: #131118; /** -1.15:1 contrast against ui-active (#23202d) */
+  --theme-color-ui-hover: #1a1721; /** -1.08:1 contrast against ui-active (#23202d) */
+  --theme-color-ui-active: #23202d; /** 1:1 contrast against ui-active (#23202d) */
+  --theme-color-ui-accent--border: #9891a5; /** 1.1:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-accent--text: #000000; /** 9:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-accent--muted: #211e27; /** 6:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-accent: #aea4bd; /** -1.15:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-accent-hover: #a9a0b8; /** -1.08:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-accent-active: #a199af; /** 1:1 contrast against ui-accent-active (#a199af) */
+  --theme-color-ui-brand--border: #9081aa; /** 1.1:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-brand--text: #000000; /** 9:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-brand--muted: #0f0d13; /** 6:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-brand: #a295b9; /** -1.15:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-brand-hover: #9d90b6; /** -1.08:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-brand-active: #9788b1; /** 1:1 contrast against ui-brand-active (#9788b1) */
+  --theme-color-ui-alert--border: #ce6565; /** 1.1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--text: #000000; /** 9:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert--muted: #100404; /** 6:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert: #e47878; /** -1.15:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-hover: #e26f6f; /** -1.08:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-alert-active: #df6666; /** 1:1 contrast against ui-alert-active (#df6666) */
+  --theme-color-ui-info--border: #6885a8; /** 1.1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--text: #000000; /** 9:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info--muted: #010206; /** 6:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info: #7399c4; /** -1.15:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-hover: #6f93bc; /** -1.08:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-info-active: #6a8cb3; /** 1:1 contrast against ui-info-active (#6a8cb3) */
+  --theme-color-ui-success--border: #588e76; /** 1.1:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--text: #000000; /** 9:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success--muted: #000403; /** 6:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success: #5fa385; /** -1.15:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-hover: #5c9e81; /** -1.08:1 contrast against ui-success-active (#58977b) */
+  --theme-color-ui-success-active: #58977b; /** 1:1 contrast against ui-success-active (#58977b) */
+}
diff --git a/design/tokens/themes/uno/light.css b/design/tokens/themes/uno/light.css
new file mode 100644
index 0000000..fd1b14f
--- /dev/null
+++ b/design/tokens/themes/uno/light.css
@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-theme="uno"][data-mode="light"] {
+  --theme-color-root--border: #ebe9ee; /** 1.08:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--text: #42404f; /** 9:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--muted: #505d6f; /** 6:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--accent: #594d67; /** 7:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--brand: #594b75; /** 7:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--alert: #8b3737; /** 7:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--info: #385471; /** 7:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root--success: #2c5b45; /** 7:1 contrast against root-default (#f3f2f5) */
+  --theme-color-root: #f3f2f5; /** 1:1 contrast against root-default (#f3f2f5) */
+  --theme-color-layer--border: #e0dee4; /** 1.08:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--text: #3b3948; /** 9:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--muted: #4a5667; /** 6:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--accent: #52475e; /** 7:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--brand: #52456b; /** 7:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--alert: #803232; /** 7:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--info: #334e67; /** 7:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer--success: #285340; /** 7:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-layer: #e5e6e7; /** 1:1 contrast against layer-default (#e5e6e7) */
+  --theme-color-ui--border: #d3d0d8; /** 1.1:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui--text: #403e4d; /** 7.5:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui--muted: #515d70; /** 4.8:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui: #e6e5e9; /** -1.1:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui-hover: #e2e1e5; /** -1.05:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui-active: #dbdade; /** 1:1 contrast against ui-active (#dbdade) */
+  --theme-color-ui-accent--border: #bdb3c8; /** 1.1:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-accent--text: #2d2d2d; /** 7.5:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-accent--muted: #4b4a4c; /** 4.8:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-accent: #d1cbd8; /** -1.15:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-accent-hover: #ccc5d3; /** -1.08:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-accent-active: #c4bccc; /** 1:1 contrast against ui-accent-active (#c4bccc) */
+  --theme-color-ui-brand--border: #78699a; /** 1.1:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-brand--text: #ffffff; /** 7.5:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-brand--muted: #f2effe; /** 4.8:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-brand: #685889; /** -1.15:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-brand-hover: #6c5c8e; /** -1.08:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-brand-active: #716292; /** 1:1 contrast against ui-brand-active (#716292) */
+  --theme-color-ui-alert--border: #b15353; /** 1.1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--text: #ffffff; /** 7.5:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert--muted: #feeded; /** 4.8:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert: #a34040; /** -1.15:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-hover: #a84242; /** -1.08:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-alert-active: #b24646; /** 1:1 contrast against ui-alert-active (#b24646) */
+  --theme-color-ui-info--border: #567ba0; /** 1.1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--text: #ffffff; /** 7.5:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info--muted: #fafdff; /** 4.8:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info: #466a8d; /** -1.15:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-hover: #496f94; /** -1.08:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-info-active: #4d759c; /** 1:1 contrast against ui-info-active (#4d759c) */
+  --theme-color-ui-success--border: #468467; /** 1.1:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--text: #ffffff; /** 7.5:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success--muted: #f9fefc; /** 4.8:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success: #377257; /** -1.15:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-hover: #3a775b; /** -1.08:1 contrast against ui-success-active (#3d7d5f) */
+  --theme-color-ui-success-active: #3d7d5f; /** 1:1 contrast against ui-success-active (#3d7d5f) */
+}
diff --git a/design/utilities.css b/design/utilities.css
new file mode 100644
index 0000000..dcb46f3
--- /dev/null
+++ b/design/utilities.css
@@ -0,0 +1,379 @@
+@utility ui-root {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: var(--container-ui);
+  gap: var(--spacing-ui-gap);
+
+  &[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+
+  &[data-orientation="horizontal"] {
+    flex-flow: row nowrap;
+    width: fit-content;
+  }
+}
+
+@utility ui-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  cursor: pointer;
+  width: auto;
+  font-size: var(--text-ui);
+  line-height: var(--text-ui--line-height);
+  font-weight: var(--font-weight-ui);
+  border-radius: var(--radius-ui);
+  border: 1px solid var(--color-ui--border);
+  padding-inline: var(--spacing-ui-padding);
+  gap: var(--spacing-ui-gap);
+  min-height: var(--spacing-ui);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  color: var(--color-ui--text);
+  background-color: var(--color-ui);
+  appearance: none;
+
+
+  &:hover {
+    background-color: var(--color-ui-hover);
+  }
+
+  &:active {
+    background-color: var(--color-ui-active);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-ui--text);
+    outline-offset: -4px;
+  }
+
+  &:disabled,
+  &[data-disabled],
+  &[data-disabled="true"],
+  &[disabled="true"] {
+    color: var(--color-ui--muted);
+    background-color: --alpha(var(--color-ui) / 60%);
+    cursor: not-allowed;
+  }
+
+  & .icon,
+  & svg,
+  & img {
+    @apply ui-icon;
+  }
+}
+
+@utility ui-trigger--* {
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  min-height: --value(--spacing-ui-*, [length]);
+  background-color: --value(--color-ui-*, [color]);
+  color: --value(--color-ui-* --text, [color]);
+  padding-inline: --value(--spacing-ui-padding-*, [length]);
+  gap: --value(--spacing-ui-gap-*, [length]);
+
+  &:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  &:active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+
+  &:focus-visible {
+    outline-color: --value(--color-ui-* --text, [color]);
+  }
+
+  &:disabled,
+  &[data-disabled],
+  &[data-disabled="true"],
+  &[disabled="true"] {
+    color: --value(--color-ui-* --muted, [color]);
+    background-color: --alpha(--value(--color-ui-*, [color]) / 60%);
+  }
+}
+
+@utility ui-trigger--square {
+  display: inline-flex;
+  aspect-ratio: 1 / 1;
+  justify-content: center;
+  align-items: center;
+  width: auto;
+  padding: 0;
+}
+
+@utility ui-trigger--circle {
+  display: inline-flex;
+  aspect-ratio: 1 / 1;
+  justify-content: center;
+  align-items: center;
+  width: auto;
+  padding: 0;
+  border-radius: var(--radius-full) !important;
+}
+
+@utility ui-icon {
+  display: inline-block;
+  align-items: center;
+  justify-content: center;
+  height: 0.9em !important;
+  width: 0.9em !important;
+  color: currentcolor;
+
+  [dir="rtl"] & {
+    transform: scaleX(-1);
+  }
+}
+
+@utility ui-icon--* {
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  height: --value(--spacing-ui-*, [length])!important;
+  width: --value(--spacing-ui-*, [length])!important;
+}
+
+@utility ui-content {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  padding: var(--spacing-ui-padding);
+  border-radius: var(--radius-ui);
+  border: 1px solid var(--color-layer--border);
+  background-color: var(--color-layer);
+  color: var(--color-layer--text);
+}
+
+@utility ui-label {
+  display: inline-flex;
+  align-items: start;
+  justify-content: start;
+  text-align: start;
+  width: auto;
+  font-size: var(--text-ui);
+  line-height: var(--text-ui--line-height);
+  font-weight: var(--font-weight-ui);
+  gap: var(--spacing-ui-gap);
+  color: var(--color-ui--text);
+}
+
+@utility ui-input {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+  width: auto;
+  max-width: var(--container-mini);
+  font-size: var(--text-ui);
+  line-height: var(--text-ui--line-height);
+  font-weight: var(--font-weight-ui);
+  border-radius: var(--radius-ui);
+  border: 1px solid var(--color-ui--border);
+  padding-inline: var(--spacing-ui-padding);
+  gap: var(--spacing-ui-gap);
+  min-height: var(--spacing-ui);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  color: var(--color-ui--text);
+  background-color: var(--color-ui);
+
+  &::placeholder {
+    color: var(--color-ui--muted);
+  }
+
+  &:focus,
+  &:hover {
+    background-color: var(--color-root);
+    color: var(--color-root--text);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-ui--text);
+    outline-offset: -4px;
+  }
+
+  &:focus-within {
+    outline: none;
+    border: 1px solid var(--color-ui--muted);
+  }
+
+  &:disabled,
+  &[data-disabled],
+  &[data-disabled="true"],
+  &[disabled="true"] {
+    color: var(--color-ui--muted);
+    background-color: --alpha(var(--color-ui) / 60%);
+    cursor: not-allowed;
+  }
+
+  & .icon,
+  & svg,
+  & img {
+    @apply ui-icon;
+  }
+}
+
+@utility ui-item {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  text-align: start;
+  cursor: pointer;
+  font-size: var(--text-ui);
+  line-height: var(--text-ui--line-height);
+  font-weight: var(--font-weight-ui);
+  padding-inline: var(--spacing-ui-padding);
+  gap: var(--spacing-ui-gap);
+  min-height: var(--spacing-ui);
+  background-color: var(--color-ui);
+  color: var(--color-ui--text);
+  border-radius: var(--radius-none);
+  outline-offset: calc(var(--spacing-micro-sm) * -1);
+
+  &:disabled,
+  &[data-disabled],
+  &[data-disabled="true"],
+  &[disabled="true"] {
+    color: var(--color-ui--muted);
+    background-color: --alpha(var(--color-ui) / 60%);
+    cursor: not-allowed;
+  }
+
+  &[data-selected],
+  &[data-in-range],
+  &[data-highlighted],
+  &[data-state="checked"],
+  &[data-state="on"],
+  &[data-state="open"],
+  &:hover,
+  &:active {
+    background-color: var(--color-ui-accent);
+    color: var(--color-ui-accent--text);
+  }
+  &[disabled][data-selected],
+  &[disabled][data-in-range],
+  &[disabled][data-highlighted],
+  &[disabled][data-state="checked"],
+  &[disabled][data-state="on"],
+  &[disabled][data-state="open"] {
+      background-color: --alpha(var(--color-ui-accent) / 60%);
+      color: var(--color-ui-accent--muted);
+  }
+
+  &[data-highlighted]:not(:hover) {
+    outline: 2px solid var(--color-ui--text);
+  }
+
+  & [data-part="branch-indicator"][data-state="open"],
+  & [data-part="item-indicator"][data-state="open"] {
+    transform: rotate(90deg);
+  }
+  &[dir="rtl"] [data-part="branch-indicator"],
+  &[dir="rtl"] [data-part="item-indicator"] {
+    transform: scaleX(-1);
+  }
+
+  &[dir="rtl"] [data-part="branch-indicator"][data-state="open"],
+  &[dir="rtl"] [data-part="item-indicator"][data-state="open"] {
+    transform: rotate(90deg);
+  }
+
+  & [data-part="item-indicator"] svg,
+  & [data-part="branch-indicator"] svg,
+  & svg,
+  & .indicator,
+  & [data-part="item-indicator"] .indicator,
+  & [data-part="branch-indicator"] .indicator,
+  & .icon,
+  & img {
+    @apply ui-icon;
+  }
+
+  & [data-part="item-text"] {
+    display: flex;
+    gap: var(--spacing-ui-gap);
+    width: 100%;
+    text-align: start;
+  }
+}
+
+@utility ui-item--* {
+  font-size: --value(--text-ui-*, [length]);
+  line-height: --value(--text-ui-* --line-height, [length]);
+  min-height: --value(--spacing-ui-*, [length]);
+  background-color: --value(--color-ui-*, [color]);
+  color: --value(--color-ui-* --text, [color]);
+  padding-inline: --value(--spacing-ui-padding-*, [length]);
+  gap: --value(--spacing-ui-gap-*, [length]);
+
+  &:disabled,
+  &[data-disabled],
+  &[data-disabled="true"],
+  &[disabled="true"] {
+    background-color: --alpha(--value(--color-ui-*, [color]) / 60%);
+    color: --value(--color-ui-* --muted, [color]);
+  }
+
+  &[data-selected],
+  &[data-in-range],
+  &[data-highlighted],
+  &[data-state="checked"],
+  &[data-state="on"],
+  &[data-state="open"],
+  &:hover,
+  &:active {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+    &:disabled,
+    &[data-disabled],
+    &[data-disabled="true"],
+    &[disabled="true"] {
+      background-color: --alpha(--value(--color-ui-*, [color]) / 60%);
+      color: --value(--color-ui-* --muted, [color]);
+    }
+  }
+
+  &[data-highlighted]:not(:hover) {
+    outline: 2px solid --value(--color-ui-* --border, [color]);
+  }
+}
+
+@utility ui-link {
+  display: inline-flex;
+  justify-content: start;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+  width: auto;
+  color: var(--color-layer--text);
+  height: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  gap: var(--spacing-mini-gap);
+  padding-inline: var(--spacing-mini-padding);
+  border-radius: var(--radius-ui);
+  text-decoration: none;
+  text-wrap-mode: nowrap;
+
+  &:hover {
+    color: var(--color-layer--brand);
+  }
+  
+}
+@utility ui-error {
+  display: inline-flex;
+  align-items: center;
+  justify-content: start;
+  text-align: start;
+  width: auto;
+  font-size: var(--text-ui-sm);
+  line-height: var(--text-ui-sm--line-height);
+  font-weight: var(--font-weight-ui);
+  padding-inline: var(--spacing-ui-padding-sm);
+  gap: var(--spacing-ui-gap-sm);
+  color: var(--color-root--alert);
+}
diff --git a/e2e/assets/corex/components/angle-slider.css b/e2e/assets/corex/components/angle-slider.css
new file mode 100644
index 0000000..deb2124
--- /dev/null
+++ b/e2e/assets/corex/components/angle-slider.css
@@ -0,0 +1,214 @@
+@import "../main.css";
+
+@layer components {
+  .angle-slider [data-scope="angle-slider"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-micro);
+    gap: var(--spacing-ui-gap);
+    padding: var(--spacing-ui-padding);
+    background-color: var(--color-root);
+    color: var(--color-root--text);
+    border-radius: var(--radius-ui);
+    border: 1px solid var(--color-root--border);
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="control"] {
+    --size: calc(var(--spacing-ui) * 2);
+    --thumb-size: var(--spacing-ui);
+    --thumb-indicator-size: min(var(--thumb-size), calc(var(--size) / 2));
+
+    width: var(--size);
+    height: var(--size);
+    border-radius: var(--radius-full);
+    border: 1px solid var(--color-ui--border);
+    background-color: var(--color-ui);
+    margin-inline: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+    position: relative;
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="thumb"] {
+    position: absolute;
+    inset: 0 0 0 calc(50% - 1px);
+    pointer-events: none;
+    width: var(--spacing-micro-sm);
+    color: var(--color-ui--text);
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="thumb"]:focus-visible {
+    outline: none;
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="thumb"]::before {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: var(--thumb-indicator-size);
+    width: var(--spacing-micro-sm);
+    background-color: var(--color-ui--text);
+    border-radius: var(--radius-ui);
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="thumb"]:focus-visible::before {
+    outline: 1px solid var(--color-ui--text);
+    outline-offset: 2px;
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="marker-group"] {
+    position: absolute;
+    inset: 1px;
+    border-radius: var(--radius-full);
+    pointer-events: none;
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="marker"] {
+    width: 2px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: calc(50% - 1px);
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="marker"]::before {
+    content: "";
+    position: absolute;
+    top: calc(var(--thumb-size) / 4);
+    left: 0.5px;
+    width: 1px;
+    height: calc(var(--thumb-size) / 2);
+    transform: translate(-50%, -50%);
+    background-color: var(--marker-color);
+    border-radius: 1px;
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="marker"][data-state="under-value"] {
+    --marker-color: var(--color-ui--text);
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="marker"][data-state="under-value"]::before {
+    width: 3px;
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="marker"][data-state="at-value"] {
+    display: none;
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="marker"][data-state="over-value"] {
+    --marker-color: var(--color-ui--muted);
+
+    width: var(--spacing-micro-sm);
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="value-text"] {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-ui-gap-sm);
+    width: auto;
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="value-text"]
+    [data-part="text"],
+  .angle-slider
+    [data-scope="angle-slider"][data-part="value-text"]
+    [data-part="value"] {
+    display: flex;
+    width: auto;
+    align-items: baseline;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    color: var(--color-ui--text);
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="root"][data-invalid]
+    [data-scope="angle-slider"][data-part="value-text"]
+    [data-part="text"] {
+    color: var(--color-root--alert);
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="root"][data-invalid]
+    [data-scope="angle-slider"][data-part="value-text"]
+    [data-part="value"] {
+    color: var(--color-root--alert);
+  }
+
+  .angle-slider
+    [data-scope="angle-slider"][data-part="root"][data-invalid]
+    [data-scope="angle-slider"][data-part="thumb"]::before {
+    color: var(--color-root--alert);
+  }
+
+  .angle-slider [data-scope="angle-slider"][data-part="hidden-input"] {
+    display: none;
+  }
+}
+
+@utility angle-slider--* {
+  [data-scope="angle-slider"][data-part="root"] {
+    max-width: --value(--container-micro-*, [length]);
+    gap: --value(--spacing-micro-gap-*, [length]);
+    padding: --value(--spacing-micro-padding-*, [length]);
+  }
+
+  [data-scope="angle-slider"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="angle-slider"][data-part="control"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+    border-color: --value(--color-ui-* --border, [color]);
+
+    --size: calc(--value(--spacing-ui-*, [length]) * 2);
+    --thumb-size: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="angle-slider"][data-part="thumb"]::before {
+    background-color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="angle-slider"][data-part="marker"] {
+    --marker-color: --value(--color-ui-* --muted, [color]);
+  }
+
+  [data-scope="angle-slider"][data-part="marker"][data-state="under-value"] {
+    --marker-color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="angle-slider"][data-part="marker"][data-state="over-value"] {
+    --marker-color: --value(--color-ui-* --muted, [color]);
+  }
+
+  [data-scope="angle-slider"][data-part="value-text"] [data-part="value"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="angle-slider"][data-part="value-text"] [data-part="text"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+}
diff --git a/e2e/assets/corex/components/avatar.css b/e2e/assets/corex/components/avatar.css
new file mode 100644
index 0000000..ff89902
--- /dev/null
+++ b/e2e/assets/corex/components/avatar.css
@@ -0,0 +1,90 @@
+@import "../main.css";
+
+@layer components {
+  .avatar [data-scope="avatar"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--spacing-ui);
+  }
+
+  .avatar [data-scope="avatar"][data-part="fallback"] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: start;
+    width: var(--spacing-ui);
+    aspect-ratio: 1 / 1;
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    border-radius: var(--radius-full);
+    border: 1px solid var(--color-ui--border);
+    gap: var(--spacing-ui-gap);
+    height: var(--spacing-ui);
+    color: var(--color-ui--text);
+    background-color: var(--color-ui);
+  }
+
+  .avatar [data-scope="avatar"][data-part="image"] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .avatar [data-scope="avatar"][data-part="skeleton"] {
+    display: block;
+    width: var(--spacing-ui);
+    aspect-ratio: 1 / 1;
+    border-radius: var(--radius-full);
+    background: linear-gradient(
+      90deg,
+      var(--color-ui--muted) 0%,
+      var(--color-ui--border) 50%,
+      var(--color-ui--muted) 100%
+    );
+    background-size: 200% 100%;
+    animation: avatar-skeleton-loading 1.2s ease-in-out infinite;
+  }
+
+  .avatar [data-scope="avatar"][data-part="skeleton"][data-state="hidden"] {
+    display: none;
+  }
+
+  .avatar.avatar--square [data-scope="avatar"][data-part="skeleton"] {
+    border-radius: var(--radius-ui);
+  }
+
+  .avatar.avatar--square [data-scope="avatar"][data-part="root"] {
+    border-radius: var(--radius-ui);
+  }
+
+  .avatar.avatar--square [data-scope="avatar"][data-part="fallback"] {
+    border-radius: var(--radius-ui);
+  }
+}
+
+@keyframes avatar-skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@utility avatar--* {
+  [data-scope="avatar"][data-part="root"] {
+    max-width: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="avatar"][data-part="fallback"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    width: --value(--spacing-ui-*, [length]);
+    height: --value(--spacing-ui-*, [length]);
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+    border-color: --value(--color-ui-* --border, [color]);
+  }
+}
diff --git a/e2e/assets/corex/components/carousel.css b/e2e/assets/corex/components/carousel.css
new file mode 100644
index 0000000..e6ad805
--- /dev/null
+++ b/e2e/assets/corex/components/carousel.css
@@ -0,0 +1,200 @@
+@import "../main.css";
+
+@layer components {
+  .carousel [data-scope="carousel"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-ui);
+    max-height: var(--container-ui);
+    gap: var(--spacing-ui-gap);
+    justify-content: center;
+    position: relative;
+  }
+
+  .carousel [data-scope="carousel"][data-part="control"] {
+    display: flex;
+    position: absolute;
+    flex-direction: column;
+    width: auto;
+    padding: var(--spacing-mini-padding-sm);
+    max-width: var(--container-mini);
+    overflow: hidden;
+    gap: var(--spacing-mini-gap);
+    justify-content: center;
+    border-radius: var(--radius-ui);
+
+    &[data-orientation="horizontal"] {
+      flex-direction: row;
+      bottom: var(--spacing-mini-padding);
+    }
+
+    &[data-orientation="vertical"] {
+      flex-flow: column nowrap;
+      max-height: var(--container-mini);
+      right: var(--spacing-mini-padding);
+
+      & [data-scope="carousel"][data-part="prev-trigger"],
+      & [data-scope="carousel"][data-part="next-trigger"],
+      & [data-scope="carousel"][data-part="autoplay-trigger"] {
+        transform: rotate(90deg);
+      }
+    }
+  }
+
+  .carousel [data-scope="carousel"][data-part="prev-trigger"],
+  .carousel [data-scope="carousel"][data-part="next-trigger"],
+  .carousel [data-scope="carousel"][data-part="autoplay-trigger"] {
+    @apply ui-trigger;
+
+    padding: 0;
+    aspect-ratio: 1/1;
+    gap: var(--spacing-min-gap);
+    min-height: var(--spacing-mini);
+    border: 0;
+
+    &[disabled="true"] {
+      visibility: hidden;
+    }
+  }
+
+  .carousel [data-scope="carousel"][data-part="item-group"] {
+    overflow: hidden;
+    align-self: stretch;
+    border-radius: var(--radius-ui);
+    scrollbar-width: none;
+    -webkit-scrollbar-width: none;
+    -ms-overflow-style: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  .carousel [data-scope="carousel"][data-part="item"] {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24px;
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+  }
+
+  .carousel [data-scope="carousel"][data-part="item"] img {
+    margin: 0;
+    object-fit: cover;
+    border-radius: var(--radius-ui);
+  }
+
+  .carousel
+    [data-scope="carousel"][data-part="item"][data-orientation="horizontal"]
+    img {
+    height: 100%;
+    width: 100%;
+  }
+
+  .carousel
+    [data-scope="carousel"][data-part="item"][data-orientation="vertical"]
+    img {
+    height: 100%;
+    width: 100%;
+  }
+
+  .carousel [data-scope="carousel"][data-part="indicator-group"] {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-mini-gap);
+
+    &[data-orientation="horizontal"] {
+      flex-direction: row;
+      height: auto;
+    }
+
+    &[data-orientation="vertical"] {
+      flex-direction: column;
+      height: auto;
+    }
+  }
+
+  .carousel [data-scope="carousel"][data-part="indicator"] {
+    @apply ui-trigger;
+
+    min-height: var(--spacing-micro-xl);
+    min-width: var(--spacing-micro-xl);
+    aspect-ratio: 1/1;
+    border-radius: var(--radius-full);
+    background-color: var(--color-ui);
+    padding: 0;
+    transition: background-color 0.2s ease-in-out;
+  }
+
+  .carousel [data-scope="carousel"][data-part="indicator"][data-current] {
+    background-color: var(--color-ui-accent);
+  }
+
+  .carousel
+    [data-scope="carousel"][data-part="autoplay-trigger"][data-pressed]
+    [data-play] {
+    display: none;
+  }
+
+  .carousel
+    [data-scope="carousel"][data-part="autoplay-trigger"]:not([data-pressed])
+    [data-pause] {
+    display: none;
+  }
+}
+
+@utility carousel--* {
+  [data-scope="carousel"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+    max-height: --value(--container-ui-*, [length]);
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="carousel"][data-part="control"] {
+    max-width: --value(--container-mini-*, [length]);
+    padding: --value(--spacing-mini-padding-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="carousel"][data-part="next-trigger"],
+  [data-scope="carousel"][data-part="prev-trigger"],
+  [data-scope="carousel"][data-part="autoplay-trigger"] {
+    gap: --value(--spacing-mini-gap-*, [length]);
+    min-height: --value(--spacing-mini-*, [length]);
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+    border-color: --value(--color-ui-* --border, [color]);
+  }
+
+  [data-scope="carousel"][data-part="next-trigger"]:hover,
+  [data-scope="carousel"][data-part="prev-trigger"]:hover,
+  [data-scope="carousel"][data-part="autoplay-trigger"]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  [data-scope="carousel"][data-part="next-trigger"]:active,
+  [data-scope="carousel"][data-part="prev-trigger"]:active,
+  [data-scope="carousel"][data-part="autoplay-trigger"]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+
+  [data-scope="carousel"][data-part="next-trigger"]:focus-visible,
+  [data-scope="carousel"][data-part="prev-trigger"]:focus-visible,
+  [data-scope="carousel"][data-part="autoplay-trigger"]:focus-visible {
+    outline-color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="carousel"][data-part="indicator"] {
+    min-height: --value(--spacing-micro-*, [length]);
+    min-width: --value(--spacing-micro-*, [length]);
+  }
+
+  [data-scope="carousel"][data-part="indicator"][data-current] {
+    background-color: --value(--color-ui-*, [color]);
+  }
+}
diff --git a/e2e/assets/corex/components/editable.css b/e2e/assets/corex/components/editable.css
new file mode 100644
index 0000000..e569ed1
--- /dev/null
+++ b/e2e/assets/corex/components/editable.css
@@ -0,0 +1,111 @@
+@import "../main.css";
+
+@layer components {
+  .editable [data-scope="editable"][data-part="root"] {
+    @apply ui-root;
+
+    width: 100%;
+    max-width: var(--container-ui);
+  }
+  .editable [data-scope="editable"][data-part="control"] {
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacing-mini-gap);
+    min-height: var(--spacing-ui);
+    width: 100%;
+    align-items: center;
+    justify-content: start;
+    max-width: var(--container-mini);
+
+  }
+
+  .editable [data-scope="editable"][data-part="area"] {
+    display: flex;
+    min-height: var(--spacing-ui);
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: start;
+    max-width: var(--container-mini);
+    gap: var(--spacing-mini-gap);
+  }
+
+  .editable [data-scope="editable"][data-part="input"] {
+    @apply ui-input;
+
+    flex: 1 1 auto;
+    width: 100%;
+    max-width: none;
+  }
+
+  .editable [data-scope="editable"][data-part="preview"] {
+    @apply ui-input;
+
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+    text-wrap: nowrap;
+  }
+
+  .editable [data-part="triggers"] {
+    display: inline-flex;
+    align-items: center;
+    min-height: var(--spacing-ui);
+    flex: 1 1 auto;
+    gap: var(--spacing-mini-gap);
+  }
+
+  .editable [data-scope="editable"][data-part="edit-trigger"],
+  .editable [data-scope="editable"][data-part="cancel-trigger"],
+  .editable [data-scope="editable"][data-part="submit-trigger"] {
+    @apply ui-trigger ui-trigger--square;
+  }
+
+  .editable [data-scope="editable"][data-part="cancel-trigger"] {
+    @apply ui-trigger--alert;
+  }
+
+  .editable [data-scope="editable"][data-part="submit-trigger"] {
+    @apply ui-trigger--success;
+  }
+}
+
+@utility editable--* {
+  [data-scope="editable"][data-part="root"] {
+    max-width: --value(--container-mini-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="editable"][data-part="edit-trigger"],
+  [data-scope="editable"][data-part="cancel-trigger"],
+  [data-scope="editable"][data-part="submit-trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    padding-inline: --value(--spacing-ui-padding-*, [length]);
+    gap: --value(--spacing-ui-gap-*, [length]);
+  }
+
+  [data-scope="editable"][data-part="edit-trigger"]::placeholder,
+  [data-scope="editable"][data-part="cancel-trigger"]::placeholder,
+  [data-scope="editable"][data-part="submit-trigger"]::placeholder {
+    color: --value(--color-root--*, [color]);
+  }
+
+  /* [data-scope="editable"][data-part="area"] {
+    max-height: --value(--spacing-ui-*, [length]);
+  } */
+
+  [data-scope="editable"][data-part="preview"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+    max-width: --value(--container-mini-*, [length]);
+  }
+
+  [data-scope="editable"][data-part="input"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+}
diff --git a/e2e/assets/corex/components/floating-panel.css b/e2e/assets/corex/components/floating-panel.css
new file mode 100644
index 0000000..d0cd582
--- /dev/null
+++ b/e2e/assets/corex/components/floating-panel.css
@@ -0,0 +1,139 @@
+@import "../main.css";
+@import "./scrollbar.css";
+
+@layer components {
+  .floating-panel [data-scope="floating-panel"][data-part="trigger"] {
+    @apply ui-trigger;
+  }
+
+  .floating-panel
+    [data-scope="floating-panel"][data-part="trigger"][data-state="open"]
+    [data-closed] {
+    display: none;
+  }
+
+  .floating-panel
+    [data-scope="floating-panel"][data-part="trigger"][data-state="closed"]
+    [data-open] {
+    display: none;
+  }
+
+  .floating-panel [data-part="title"] {
+    @apply ui-label;
+  }
+
+  .floating-panel [data-scope="floating-panel"][data-part="positioner"] {
+    z-index: 50;
+  }
+
+  .floating-panel
+    [data-scope="floating-panel"][data-part="positioner"]:has(
+      [data-scope="floating-panel"][data-part="content"][data-state="closed"]
+    ) {
+    display: none;
+  }
+
+  .floating-panel
+    [data-scope="floating-panel"][data-part="positioner"]:has(
+      [data-scope="floating-panel"][data-part="content"][data-topmost]
+    ) {
+    z-index: 999999;
+  }
+
+  .floating-panel [data-scope="floating-panel"][data-part="content"] {
+    display: flex;
+    flex-direction: column;
+    z-index: var(--z-index);
+    position: relative;
+    min-height: var(--spacing-ui);
+    box-shadow: var(--shadow-ui);
+
+    &[data-topmost] {
+      z-index: 999999;
+    }
+
+    &[data-behind] {
+      opacity: 0.8;
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--color-ui--text);
+      outline-offset: 0;
+      border-radius: var(--radius-ui);
+    }
+  }
+
+  .floating-panel [data-scope="floating-panel"][data-part="stage-trigger"],
+  .floating-panel [data-scope="floating-panel"][data-part="close-trigger"] {
+    @apply ui-trigger ui-trigger--square ui-trigger--sm;
+
+    min-height: var(--spacing-mini);
+  }
+
+  [data-scope="floating-panel"][data-part="body"] {
+    @apply scrollbar scrollbar--sm;
+
+    position: relative;
+    overflow: auto;
+    flex: 1 1 auto;
+    min-height: fit-content;
+    height: var(--height);
+    padding: var(--spacing-ui-padding);
+    background-color: var(--color-root);
+    border-radius: 0 0 var(--radius-ui) var(--radius-ui);
+    border: 1px solid var(--color-ui--border);
+    border-block-start: 0;
+
+    & p {
+      margin-block: 0;
+    }
+  }
+
+  [data-scope="floating-panel"][data-part="header"] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: var(--spacing-micro-padding);
+    gap: var(--spacing-mini-gap);
+  }
+
+  [data-scope="floating-panel"][data-part="drag-trigger"] {
+    background-color: var(--color-layer);
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui) var(--radius-ui) 0 0;
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  [data-scope="floating-panel"][data-part="control"] {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    gap: var(--spacing-mini-gap);
+  }
+
+  [data-scope="floating-panel"][data-part="resize-trigger"] {
+    &[data-axis="n"],
+    &[data-axis="s"] {
+      height: 6px;
+      max-width: 90%;
+    }
+
+    &[data-axis="e"],
+    &[data-axis="w"] {
+      width: 6px;
+      max-height: 90%;
+    }
+
+    &[data-axis="ne"],
+    &[data-axis="nw"],
+    &[data-axis="se"],
+    &[data-axis="sw"] {
+      width: 10px;
+      height: 10px;
+    }
+  }
+}
diff --git a/e2e/assets/corex/components/layout.css b/e2e/assets/corex/components/layout.css
index 0c2d88b..e4fc0f0 100644
--- a/e2e/assets/corex/components/layout.css
+++ b/e2e/assets/corex/components/layout.css
@@ -27,6 +27,11 @@
     align-items: center;
   }
 
+  .layout__header--compact {
+    height: auto;
+    min-height: var(--spacing-ui);
+  }
+
   .layout__header__content,
   .layout__footer__content,
   .layout__side__content {
@@ -91,6 +96,7 @@
     flex: 1;
     min-width: 0;
     width: 100%;
+    height: 100%;
     margin-inline: auto;
     margin-block-end: var(--container-micro);
     position: relative;
@@ -114,6 +120,8 @@
     align-items: center;
     padding: var(--spacing-ui-padding);
     gap: var(--spacing-ui-gap);
+    margin-block-end: var(--container-micro);
+
   }
 
   .layout__article {
diff --git a/e2e/assets/corex/components/listbox.css b/e2e/assets/corex/components/listbox.css
new file mode 100644
index 0000000..5c046b8
--- /dev/null
+++ b/e2e/assets/corex/components/listbox.css
@@ -0,0 +1,117 @@
+@import "../main.css";
+
+@layer components {
+  .listbox [data-scope="listbox"][data-part="root"] {
+    @apply ui-root;
+
+    width: var(--container-mini);
+    gap: var(--spacing-mini-gap);
+  }
+
+  .listbox [data-scope="listbox"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .listbox [data-scope="listbox"][data-part="label"][data-disabled] {
+    color: var(--color-ui--muted);
+  }
+
+  .listbox [data-scope="listbox"][data-part="item-group-label"] {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    text-align: start;
+    padding-inline: var(--spacing-ui-padding);
+    padding-block: var(--spacing-mini-padding-sm);
+    background-color: var(--color-root);
+    color: var(--color-root--text);
+    border-bottom: 1px solid var(--color-ui--border);
+  }
+
+  .listbox
+    [data-scope="listbox"][data-part="content"][data-layout="list"][data-orientation="vertical"] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .listbox
+    [data-scope="listbox"][data-part="content"][data-layout="grid"]:not(
+      :has([data-part="item-group"])
+    ) {
+    display: grid;
+    grid-template-columns: repeat(var(--column-count), 1fr);
+  }
+
+  .listbox
+    [data-scope="listbox"][data-part="content"][data-layout="grid"]
+    [data-part="item-group"] {
+    display: grid;
+    grid-template-columns: repeat(var(--column-count), 1fr);
+  }
+
+  .listbox [data-scope="listbox"][data-part="content"]:focus-visible {
+    outline: none;
+  }
+
+  .listbox [data-scope="listbox"][data-part="item-group"] {
+    display: flex;
+    flex-direction: column;
+    margin-block: var(--spacing-micro);
+  }
+
+  .listbox
+    [data-scope="listbox"][data-part="content"]:not(
+      :has([data-part="item-group"])
+    ),
+  .listbox [data-scope="listbox"][data-part="item-group"] {
+    background-color: var(--color-ui--border);
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    overflow: hidden;
+    gap: 1px;
+  }
+
+  .listbox [data-scope="listbox"][data-part="item"] {
+    @apply ui-item;
+  }
+
+  .listbox
+    [data-scope="listbox"][data-part="content"][dir="rtl"]
+    [data-scope="listbox"][data-part="item"] {
+    border-radius: 0;
+  }
+
+  [dir="rtl"] .listbox [data-scope="listbox"][data-part="item-indicator"] {
+    transform: scaleX(-1);
+  }
+}
+
+@utility listbox--* {
+  [data-scope="listbox"][data-part="root"] {
+    width: --value(--container-mini-*, [length]);
+    gap: --value(--spacing-mini-gap-*, [length]);
+  }
+
+  [data-scope="listbox"][data-part="label"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="listbox"][data-part="item"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+
+  [data-scope="listbox"][data-part="item"][data-selected] {
+    background-color: --value(--color-ui-*, [color]);
+    color: --value(--color-ui-* --text, [color]);
+  }
+
+  [data-scope="listbox"][data-part="item"][data-selected]:hover {
+    background-color: --value(--color-ui-* -hover, [color]);
+  }
+
+  [data-scope="listbox"][data-part="item"][data-selected]:active {
+    background-color: --value(--color-ui-* -active, [color]);
+  }
+}
diff --git a/e2e/assets/corex/components/number-input.css b/e2e/assets/corex/components/number-input.css
new file mode 100644
index 0000000..f12f2f7
--- /dev/null
+++ b/e2e/assets/corex/components/number-input.css
@@ -0,0 +1,68 @@
+@import "../main.css";
+
+@layer components {
+  .number-input [data-scope="number-input"][data-part="root"] {
+    @apply ui-root;
+
+    gap: var(--spacing-ui-gap);
+    max-width: var(--container-ui);
+  }
+
+  .number-input [data-scope="number-input"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .number-input [data-scope="number-input"][data-part="control"] {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: stretch;
+    position: relative;
+    margin-inline: auto;
+    max-width: var(--container-micro);
+  }
+
+  .number-input [data-scope="number-input"][data-part="scrubber"] svg {
+    transform: rotate(90deg);
+  }
+
+  .number-input [data-scope="number-input"][data-part="input"] {
+    @apply ui-input;
+
+    max-width: var(--container-micro);
+    flex: 1;
+    border-inline-end: 0;
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+  }
+
+  .number-input [data-part="trigger-group"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  .number-input [data-scope="number-input"][data-part="increment-trigger"],
+  .number-input [data-scope="number-input"][data-part="decrement-trigger"],
+  .number-input [data-scope="number-input"][data-part="scrubber"] {
+    @apply ui-trigger ui-trigger--square ui-trigger--sm;
+
+    flex: 1;
+    min-height: 0;
+    padding: 0.25rem;
+    font-size: 0.625rem;
+    line-height: 1;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    margin: 0;
+  }
+
+  .number-input [data-scope="number-input"][data-part="increment-trigger"] {
+    border-end-end-radius: 0;
+    border-block-end: 0;
+  }
+
+  .number-input [data-scope="number-input"][data-part="decrement-trigger"] {
+    border-start-end-radius: 0;
+    border-block-start: 0;
+  }
+}
diff --git a/e2e/assets/corex/components/password-input.css b/e2e/assets/corex/components/password-input.css
new file mode 100644
index 0000000..d60554a
--- /dev/null
+++ b/e2e/assets/corex/components/password-input.css
@@ -0,0 +1,54 @@
+@import "../main.css";
+
+@layer components {
+  .password-input [data-scope="password-input"][data-part="root"] {
+    @apply ui-root;
+
+    gap: var(--spacing-mini-gap);
+    max-width: var(--container-ui);
+  }
+
+  .password-input [data-scope="password-input"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .password-input [data-scope="password-input"][data-part="control"] {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: stretch;
+    position: relative;
+    margin-inline: auto;
+    max-width: var(--container-mini);
+  }
+
+  .password-input [data-scope="password-input"][data-part="input"] {
+    @apply ui-input;
+
+    max-width: var(--container-mini);
+    flex: 1;
+    border-inline-end: 0;
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+  }
+
+  .password-input
+    [data-scope="password-input"][data-part="indicator"][data-state="visible"]
+    [data-hidden] {
+    display: none;
+  }
+
+  .password-input
+    [data-scope="password-input"][data-part="indicator"][data-state="hidden"]
+    [data-visible] {
+    display: none;
+  }
+
+  .password-input
+    [data-scope="password-input"][data-part="visibility-trigger"] {
+    @apply ui-trigger ui-trigger--square;
+
+    min-width: var(--spacing-ui);
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+}
diff --git a/e2e/assets/corex/components/pin-input.css b/e2e/assets/corex/components/pin-input.css
new file mode 100644
index 0000000..fada473
--- /dev/null
+++ b/e2e/assets/corex/components/pin-input.css
@@ -0,0 +1,41 @@
+@import "../main.css";
+
+@layer components {
+  .pin-input [data-scope="pin-input"][data-part="root"] {
+    @apply ui-root;
+
+    gap: var(--spacing-ui-gap);
+    max-width: var(--container-ui);
+  }
+
+  .pin-input [data-scope="pin-input"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  .pin-input [data-scope="pin-input"][data-part="control"] {
+    display: flex;
+    flex-flow: row nowrap;
+    gap: var(--spacing-ui-gap);
+    align-items: center;
+    margin-inline: auto;
+  }
+
+  .pin-input [data-scope="pin-input"][data-part="input"] {
+    @apply ui-input;
+
+    height: var(--spacing-ui);
+    width: var(--spacing-ui);
+    flex-shrink: 0;
+    text-align: center;
+
+    &[data-complete] {
+      color: var(--color-root--success);
+      border-color: var(--color-root--success);
+    }
+
+    &[data-invalid] {
+      color: var(--color-root--alert);
+      border-color: var(--color-root--alert);
+    }
+  }
+}
diff --git a/e2e/assets/corex/components/radio-group.css b/e2e/assets/corex/components/radio-group.css
new file mode 100644
index 0000000..bedc465
--- /dev/null
+++ b/e2e/assets/corex/components/radio-group.css
@@ -0,0 +1,107 @@
+@import "../main.css";
+
+@layer components {
+  .radio-group [data-scope="radio-group"][data-part="root"] {
+    @apply ui-root;
+
+    gap: var(--spacing-ui-gap);
+    max-width: var(--container-ui);
+  }
+
+  .radio-group [data-scope="radio-group"][data-part="label"] {
+    @apply ui-label;
+  }
+
+  [data-scope="radio-group"][data-part="item"] {
+    display: inline-flex;
+    align-items: center;
+    position: relative;
+    max-width: var(--container-ui);
+    width: auto;
+    gap: var(--spacing-ui-gap);
+    margin-inline: auto;
+    cursor: pointer;
+  }
+
+  [data-scope="radio-group"][data-part="item"][data-disabled] {
+    cursor: not-allowed;
+  }
+
+  [data-scope="radio-group"][data-part="item-control"] {
+    height: var(--spacing-mini);
+    width: var(--spacing-mini);
+    background: var(--color-ui);
+    color: var(--color-ui--text);
+    font-weight: var(--font-weight-ui);
+    border-radius: var(--radius-full);
+    border: 1px solid var(--color-ui--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    padding: var(--spacing-micro-padding-sm);
+
+    &[data-state="checked"] {
+      background: var(--color-ui--text);
+      color: var(--color-ui);
+      border-color: var(--color-ui--text);
+    }
+
+    &[data-state="unchecked"] {
+      background: var(--color-ui);
+      color: var(--color-ui--text);
+      border-color: var(--color-ui--border);
+    }
+
+    &:hover {
+      background-color: var(--color-ui-hover);
+    }
+
+    &:active {
+      background-color: var(--color-ui-active);
+    }
+
+    &[data-state="checked"]:hover {
+      background-color: var(--color-ui--text);
+      opacity: 0.9;
+    }
+
+    &:focus-visible,
+    &[data-focus] {
+      outline: 2px solid var(--color-ui--text);
+      outline-offset: -3px;
+    }
+
+    &:disabled,
+    &[data-disabled],
+    &[data-disabled="true"],
+    &[disabled="true"] {
+      color: var(--color-ui--muted);
+      background-color: --alpha(var(--color-ui) / 60%);
+      cursor: not-allowed;
+    }
+
+    &[data-invalid] {
+      color: var(--color-ui-alert);
+      border-color: var(--color-ui-alert);
+    }
+
+    &[data-required] {
+      color: var(--color-ui-alert);
+      border-color: var(--color-ui-alert);
+    }
+  }
+
+  [data-scope="radio-group"][data-part="item-control"] .data-checked {
+    display: none !important;
+  }
+
+  [data-scope="radio-group"][data-part="item-control"][data-state="checked"]
+    .data-checked {
+    display: block !important;
+    @apply ui-icon;
+    color: var(--color-ui-accent--text);
+    width: 100%;
+    height: 100%;
+  }
+}
diff --git a/e2e/assets/corex/components/timer.css b/e2e/assets/corex/components/timer.css
new file mode 100644
index 0000000..af829e8
--- /dev/null
+++ b/e2e/assets/corex/components/timer.css
@@ -0,0 +1,88 @@
+@import "../main.css";
+
+@layer components {
+  .timer [data-scope="timer"][data-part="root"] {
+    @apply ui-root;
+
+    max-width: var(--container-ui);
+  }
+
+  .timer [data-scope="timer"][data-part="area"] {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .timer [data-scope="timer"][data-part="item"] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--color-ui);
+    border: 1px solid var(--color-ui--border);
+    border-radius: var(--radius-ui);
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    color: var(--color-ui--text);
+    height: 2em;
+    aspect-ratio: 1/1;
+    overflow: hidden;
+
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
+    font-variation-settings: "tnum";
+    text-align: center;
+    position: relative;
+  }
+
+  .timer [data-scope="timer"][data-part="item"]::before {
+    position: absolute;
+    left: 0;
+    right: 0;
+    content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a";
+    white-space: pre;
+    top: calc(var(--value) * -2em);
+    font-size: inherit;
+    line-height: 2;
+    text-align: center;
+    transition: top 1s cubic-bezier(1, 0, 0, 1);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+  .timer [data-scope="timer"][data-part="separator"] {
+    font-size: var(--text-ui);
+    line-height: var(--text-ui--line-height);
+    font-weight: var(--font-weight-ui);
+    padding: var(--spacing-micro-padding);
+  }
+
+  .timer [data-scope="timer"][data-part="control"] {
+    display: inline-flex;
+    width: 100%;
+    justify-content: center;
+    gap: var(--spacing-micro-gap);
+  }
+
+  .timer [data-scope="timer"][data-part="action-trigger"] {
+    @apply ui-trigger ui-trigger--square ui-trigger--sm;
+  }
+}
+
+@utility timer--* {
+  [data-scope="timer"][data-part="root"] {
+    max-width: --value(--container-ui-*, [length]);
+  }
+
+  [data-scope="timer"][data-part="item"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+  }
+
+  [data-scope="timer"][data-part="action-trigger"] {
+    font-size: --value(--text-ui-*, [length]);
+    line-height: --value(--text-ui-* --line-height, [length]);
+    min-height: --value(--spacing-ui-*, [length]);
+  }
+}
diff --git a/e2e/assets/corex/utilities.css b/e2e/assets/corex/utilities.css
index dcb46f3..5f23a5a 100644
--- a/e2e/assets/corex/utilities.css
+++ b/e2e/assets/corex/utilities.css
@@ -123,6 +123,7 @@
   height: 0.9em !important;
   width: 0.9em !important;
   color: currentcolor;
+  flex-shrink: 0;
 
   [dir="rtl"] & {
     transform: scaleX(-1);
diff --git a/e2e/assets/css/app.css b/e2e/assets/css/app.css
index 240e214..518c01b 100644
--- a/e2e/assets/css/app.css
+++ b/e2e/assets/css/app.css
@@ -1,5 +1,9 @@
 @import "tailwindcss" source(none);
+@plugin "../vendor/heroicons";
+
 @source "../css";
+@source "../corex";
+
 @source "../js";
 @source "../../lib/e2e_web";
 
@@ -28,6 +32,17 @@
 @import "../corex/components/toast.css";
 @import "../corex/components/button.css";
 @import "../corex/components/badge.css";
+@import "../corex/components/angle-slider.css";
+@import "../corex/components/avatar.css";
+@import "../corex/components/carousel.css";
+@import "../corex/components/editable.css";
+@import "../corex/components/floating-panel.css";
+@import "../corex/components/listbox.css";
+@import "../corex/components/number-input.css";
+@import "../corex/components/password-input.css";
+@import "../corex/components/pin-input.css";
+@import "../corex/components/radio-group.css";
+@import "../corex/components/timer.css";
 
 @import "./navigation.css";
 
@@ -39,7 +54,6 @@
     width: auto;
 }
 
-@plugin "../vendor/heroicons";
 
 @custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);
 @custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);
diff --git a/e2e/config/config.exs b/e2e/config/config.exs
index 56d07fc..9dd9570 100644
--- a/e2e/config/config.exs
+++ b/e2e/config/config.exs
@@ -40,8 +40,15 @@ config :e2e, E2e.Mailer, adapter: Swoosh.Adapters.Local
 config :esbuild,
   version: "0.25.4",
   e2e: [
-    args:
-      ~w(js/app.js --bundle --format=esm --splitting --target=es2022 --outdir=../priv/static/assets/js --external:/fonts/* --external:/images/* --alias:@=.),
+    args: ~w(js/app.js
+      --bundle
+      --format=esm
+      --splitting
+      --target=es2022
+      --outdir=../priv/static/assets/js
+      --external:/fonts/*
+      --external:/images/*
+      --alias:@=.),
     cd: Path.expand("../assets", __DIR__),
     env: %{"NODE_PATH" => [Path.expand("../deps", __DIR__), Mix.Project.build_path()]}
   ]
diff --git a/e2e/config/dev.exs b/e2e/config/dev.exs
index 00a3e01..29d5510 100644
--- a/e2e/config/dev.exs
+++ b/e2e/config/dev.exs
@@ -25,8 +25,8 @@ config :e2e, E2eWeb.Endpoint,
   debug_errors: true,
   secret_key_base: "JQ3bjpj3drUYoLh2G4QBZr8KpmxWvAJGLV6DZzv9mIRqOkQqhpZwtu9np9fwDeSX",
   watchers: [
-    esbuild: {Esbuild, :install_and_run, [:e2e, ~w(--sourcemap --watch)]},
-    tailwind: {Tailwind, :install_and_run, [:e2e, ~w(--watch)]}
+    esbuild: {Esbuild, :install_and_run, [:e2e, ~w(--sourcemap=inline --watch --minify)]},
+    tailwind: {Tailwind, :install_and_run, [:e2e, ~w(--watch --minify)]}
   ]
 
 # ## SSL Support
@@ -57,11 +57,8 @@ config :e2e, E2eWeb.Endpoint,
   live_reload: [
     web_console_logger: true,
     patterns: [
-      # Static assets, except user uploads
       ~r"priv/static/(?!uploads/).*\.(js|css|png|jpeg|jpg|gif|svg)$"E,
-      # Gettext translations
       ~r"priv/gettext/.*\.po$"E,
-      # Router, Controllers, LiveViews and LiveComponents
       ~r"lib/e2e_web/router\.ex$"E,
       ~r"lib/e2e_web/(controllers|live|components)/.*\.(ex|heex)$"E
     ]
diff --git a/e2e/images/apple-touch-icon-180x180.png b/e2e/images/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..13b654c
Binary files /dev/null and b/e2e/images/apple-touch-icon-180x180.png differ
diff --git a/e2e/images/avatar.png b/e2e/images/avatar.png
new file mode 100644
index 0000000..cd084b0
Binary files /dev/null and b/e2e/images/avatar.png differ
diff --git a/e2e/images/beach.jpg b/e2e/images/beach.jpg
new file mode 100644
index 0000000..3a2e18f
Binary files /dev/null and b/e2e/images/beach.jpg differ
diff --git a/e2e/images/corex-ui-og.jpg b/e2e/images/corex-ui-og.jpg
new file mode 100644
index 0000000..2a0dc6e
Binary files /dev/null and b/e2e/images/corex-ui-og.jpg differ
diff --git a/e2e/images/fall.jpg b/e2e/images/fall.jpg
new file mode 100644
index 0000000..1cbbd98
Binary files /dev/null and b/e2e/images/fall.jpg differ
diff --git a/e2e/images/favicon.ico b/e2e/images/favicon.ico
new file mode 100644
index 0000000..a263d84
Binary files /dev/null and b/e2e/images/favicon.ico differ
diff --git a/e2e/images/maskable-icon-512x512.png b/e2e/images/maskable-icon-512x512.png
new file mode 100644
index 0000000..db67fc0
Binary files /dev/null and b/e2e/images/maskable-icon-512x512.png differ
diff --git a/e2e/images/pwa-192x192.png b/e2e/images/pwa-192x192.png
new file mode 100644
index 0000000..029c1a9
Binary files /dev/null and b/e2e/images/pwa-192x192.png differ
diff --git a/e2e/images/pwa-512x512.png b/e2e/images/pwa-512x512.png
new file mode 100644
index 0000000..039fe66
Binary files /dev/null and b/e2e/images/pwa-512x512.png differ
diff --git a/e2e/images/pwa-64x64.png b/e2e/images/pwa-64x64.png
new file mode 100644
index 0000000..5e21a1b
Binary files /dev/null and b/e2e/images/pwa-64x64.png differ
diff --git a/e2e/images/sand.jpg b/e2e/images/sand.jpg
new file mode 100644
index 0000000..2732344
Binary files /dev/null and b/e2e/images/sand.jpg differ
diff --git a/e2e/images/star.jpg b/e2e/images/star.jpg
new file mode 100644
index 0000000..973d492
Binary files /dev/null and b/e2e/images/star.jpg differ
diff --git a/e2e/images/winter.jpg b/e2e/images/winter.jpg
new file mode 100644
index 0000000..4182857
Binary files /dev/null and b/e2e/images/winter.jpg differ
diff --git a/e2e/lib/e2e_web/components/layouts.ex b/e2e/lib/e2e_web/components/layouts.ex
index f18dad4..8465037 100644
--- a/e2e/lib/e2e_web/components/layouts.ex
+++ b/e2e/lib/e2e_web/components/layouts.ex
@@ -45,10 +45,14 @@ defmodule E2eWeb.Layouts do
   slot :inner_block, required: true
 
   def app(assigns) do
+    locale = assigns.locale || "en"
+
     assigns =
       assigns
-      |> assign(:menu, menu_items(assigns.locale))
-      |> assign(:form_menu, form_menu_items(assigns.locale))
+      |> assign(:menu, menu_items(locale))
+      |> assign(:form_menu, form_menu_items(locale))
+      |> assign(:prev_path, prev_next_paths(locale, assigns.current_path || "/", :prev))
+      |> assign(:next_path, prev_next_paths(locale, assigns.current_path || "/", :next))
 
     ~H"""
     <header class="layout__header">
@@ -83,28 +87,27 @@ defmodule E2eWeb.Layouts do
               </div>
               <div class="scrollbar scrollbar--sm overflow-y-auto">
                 <.tree_view
-                  id="components-menu"
+                  id="form-menu"
+                  class="tree-view navigation px-ui-padding"
                   on_selection_change="handle_menu"
-                  class="tree-view navigation px-ui-padding "
                   redirect
                   value={[@current_path |> String.split("/") |> List.last()]}
-                  items={@menu}
+                  items={@form_menu}
                 >
-                  <:label>Corex Components</:label>
+                  <:label>Phoenix Form</:label>
                   <:indicator>
                     <.icon name="hero-chevron-right" />
                   </:indicator>
                 </.tree_view>
-
                 <.tree_view
-                  id="form-menu"
-                  class="tree-view navigation px-ui-padding"
+                  id="components-menu"
                   on_selection_change="handle_menu"
+                  class="tree-view navigation px-ui-padding "
                   redirect
                   value={[@current_path |> String.split("/") |> List.last()]}
-                  items={@form_menu}
+                  items={@menu}
                 >
-                  <:label>Phoenix Form</:label>
+                  <:label>Corex Components</:label>
                   <:indicator>
                     <.icon name="hero-chevron-right" />
                   </:indicator>
@@ -135,35 +138,49 @@ defmodule E2eWeb.Layouts do
     <div class="layout__wrapper">
       <aside class="layout__side hidden lg:flex scrollbar scrollbar--sm overflow-y-auto">
         <.tree_view
-          id="components-menu-side"
-          on_selection_change="handle_menu"
+          id="form-menu-side"
           class="tree-view navigation px-ui-padding"
+          on_selection_change="handle_menu"
           redirect
           value={[@current_path |> String.split("/") |> List.last()]}
-          items={@menu}
+          items={@form_menu}
         >
-          <:label>Corex Components</:label>
+          <:label>Phoenix Form</:label>
           <:indicator>
             <.icon name="hero-chevron-right" />
           </:indicator>
         </.tree_view>
-
         <.tree_view
-          id="form-menu-side"
-          class="tree-view navigation px-ui-padding"
+          id="components-menu-side"
           on_selection_change="handle_menu"
+          class="tree-view navigation px-ui-padding"
           redirect
           value={[@current_path |> String.split("/") |> List.last()]}
-          items={@form_menu}
+          items={@menu}
         >
-          <:label>Phoenix Form</:label>
+          <:label>Corex Components</:label>
           <:indicator>
             <.icon name="hero-chevron-right" />
           </:indicator>
         </.tree_view>
       </aside>
 
-      <main class="layout__main">
+      <main class="layout__main py-ui">
+        <nav
+          :if={@prev_path || @next_path}
+          class="layout__page-nav w-full flex justify-between items-center px-ui-padding py-micro"
+        >
+          <div>
+            <.link :if={@prev_path} navigate={@prev_path} class="button button--sm gap-mini-gap">
+              <.icon name="hero-chevron-left" /> Previous
+            </.link>
+          </div>
+          <div>
+            <.link :if={@next_path} navigate={@next_path} class="button button--sm gap-mini-gap">
+              Next <.icon name="hero-chevron-right" />
+            </.link>
+          </div>
+        </nav>
         <div class="layout__content">
           <div class="layout__article">
             {render_slot(@inner_block)}
@@ -261,6 +278,49 @@ defmodule E2eWeb.Layouts do
     """
   end
 
+  defp flat_navigation_paths(locale) do
+    form_paths =
+      form_menu_items(locale)
+      |> flatten_tree_ids()
+
+    menu_paths =
+      menu_items(locale)
+      |> flatten_tree_ids()
+
+    form_paths ++ menu_paths
+  end
+
+  defp flatten_tree_ids(items) when is_list(items) do
+    Enum.flat_map(items, fn
+      %{id: id, children: []} when is_binary(id) ->
+        [id]
+
+      %{id: id, children: nil} when is_binary(id) ->
+        [id]
+
+      %{id: _id, children: children} when is_list(children) and children != [] ->
+        flatten_tree_ids(children)
+
+      _ ->
+        []
+    end)
+  end
+
+  defp prev_next_paths(locale, current_path, direction) do
+    full_path = "/#{locale}#{current_path}"
+    paths = flat_navigation_paths(locale)
+    index = Enum.find_index(paths, &(&1 == full_path))
+
+    case {direction, index} do
+      {:prev, nil} -> nil
+      {:prev, 0} -> nil
+      {:prev, i} when i > 0 -> Enum.at(paths, i - 1)
+      {:next, nil} -> nil
+      {:next, i} when i >= 0 and i < length(paths) - 1 -> Enum.at(paths, i + 1)
+      _ -> nil
+    end
+  end
+
   defp menu_items(locale) do
     Corex.Tree.new([
       [
@@ -274,6 +334,31 @@ defmodule E2eWeb.Layouts do
           [label: "Async", id: "/#{locale}/async/accordion"]
         ]
       ],
+      [
+        label: "Angle Slider",
+        id: "angle-slider",
+        children: [
+          [label: "Controller", id: "/#{locale}/angle-slider"],
+          [label: "Live", id: "/#{locale}/live/angle-slider"],
+          [label: "Controlled", id: "/#{locale}/controlled/angle-slider"]
+        ]
+      ],
+      [
+        label: "Avatar",
+        id: "avatar",
+        children: [
+          [label: "Controller", id: "/#{locale}/avatar"],
+          [label: "Live", id: "/#{locale}/live/avatar"]
+        ]
+      ],
+      [
+        label: "Carousel",
+        id: "carousel",
+        children: [
+          [label: "Controller", id: "/#{locale}/carousel"],
+          [label: "Live", id: "/#{locale}/live/carousel"]
+        ]
+      ],
       [
         label: "Checkbox",
         id: "checkbox",
@@ -322,6 +407,30 @@ defmodule E2eWeb.Layouts do
           [label: "Live", id: "/#{locale}/live/dialog"]
         ]
       ],
+      [
+        label: "Editable",
+        id: "editable",
+        children: [
+          [label: "Controller", id: "/#{locale}/editable"],
+          [label: "Live", id: "/#{locale}/live/editable"]
+        ]
+      ],
+      [
+        label: "Floating Panel",
+        id: "floating-panel",
+        children: [
+          [label: "Controller", id: "/#{locale}/floating-panel"],
+          [label: "Live", id: "/#{locale}/live/floating-panel"]
+        ]
+      ],
+      [
+        label: "Listbox",
+        id: "listbox",
+        children: [
+          [label: "Controller", id: "/#{locale}/listbox"],
+          [label: "Live", id: "/#{locale}/live/listbox"]
+        ]
+      ],
       [
         label: "Menu",
         id: "menu",
@@ -330,6 +439,38 @@ defmodule E2eWeb.Layouts do
           [label: "Live", id: "/#{locale}/live/menu"]
         ]
       ],
+      [
+        label: "Number Input",
+        id: "number-input",
+        children: [
+          [label: "Controller", id: "/#{locale}/number-input"],
+          [label: "Live", id: "/#{locale}/live/number-input"]
+        ]
+      ],
+      [
+        label: "Password Input",
+        id: "password-input",
+        children: [
+          [label: "Controller", id: "/#{locale}/password-input"],
+          [label: "Live", id: "/#{locale}/live/password-input"]
+        ]
+      ],
+      [
+        label: "Pin Input",
+        id: "pin-input",
+        children: [
+          [label: "Controller", id: "/#{locale}/pin-input"],
+          [label: "Live", id: "/#{locale}/live/pin-input"]
+        ]
+      ],
+      [
+        label: "Radio Group",
+        id: "radio-group",
+        children: [
+          [label: "Controller", id: "/#{locale}/radio-group"],
+          [label: "Live", id: "/#{locale}/live/radio-group"]
+        ]
+      ],
       [
         label: "Select",
         id: "select",
@@ -362,6 +503,14 @@ defmodule E2eWeb.Layouts do
           [label: "Live", id: "/#{locale}/live/tabs"]
         ]
       ],
+      [
+        label: "Timer",
+        id: "timer",
+        children: [
+          [label: "Controller", id: "/#{locale}/timer"],
+          [label: "Live", id: "/#{locale}/live/timer"]
+        ]
+      ],
       [
         label: "Toast",
         id: "toast",
diff --git a/e2e/lib/e2e_web/components/layouts/root.html.heex b/e2e/lib/e2e_web/components/layouts/root.html.heex
index 8a5540c..de97811 100644
--- a/e2e/lib/e2e_web/components/layouts/root.html.heex
+++ b/e2e/lib/e2e_web/components/layouts/root.html.heex
@@ -15,12 +15,48 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="csrf-token" content={get_csrf_token()} />
-    <.live_title default="E2e" suffix=" · Phoenix Framework">
+    <.live_title default="Corex" suffix=" · Elixir Phoenix Framework UI Library">
       {assigns[:page_title]}
     </.live_title>
+
+    <meta
+      name="description"
+      content="Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework"
+    />
+    <meta name="author" content="Netoum" />
+    <meta name="date" content="2026-02-16" />
+    <meta name="category" content="Components" />
+    <meta
+      name="keywords"
+      content="User Interface, Accessibility, Vanilla JS, Corex, ZagJS, Elixir, Phoenix Framework, Live View"
+    /> <meta name="theme-color" content="#F5F7FA" />
+    <link rel="icon" href={~p"/images/favicon.ico"} />
+    <link rel="apple-touch-icon" sizes="180x180" href={~p"/images/apple-touch-icon-180x180.png"} />
+    <link rel="icon" type="image/png" sizes="192x192" href={~p"/images/pwa-192x192.png"} />
+    <link rel="icon" type="image/png" sizes="512x512" href={~p"/images/pwa-512x512.png"} />
+    <link rel="mask-icon" href={~p"/images/maskable-icon-512x512.png"} color="#F5F7FA" />
+    <link rel="icon" type="image/png" sizes="64x64" href={~p"/images/pwa-64x64.png"} />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://corex.gigalixirapp.com/" />
+    <meta property="og:title" content="Corex Elixir Phoenix Framework Library" />
+    <meta
+      property="og:description"
+      content="Unstyled, accessible components for flexible and modern interfaces."
+    />
+    <meta property="og:image" content="https://corex.gigalixirapp.com/corex-ui-og.jpg" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Corex Elixir Phoenix Framework Library" />
+    <meta
+      name="twitter:description"
+      content="Unstyled, accessible components for flexible and modern interfaces."
+    />
+    <meta name="twitter:image" content="https://corex.gigalixirapp.com/corex-ui-og.jpg" />
+
     <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
+
     <script defer phx-track-static type="module" src={~p"/assets/js/app.js"}>
     </script>
+
     <script>
       (() => {
         const getSystemMode = () =>
diff --git a/e2e/lib/e2e_web/controllers/page_controller.ex b/e2e/lib/e2e_web/controllers/page_controller.ex
index 97c2261..0920eb6 100644
--- a/e2e/lib/e2e_web/controllers/page_controller.ex
+++ b/e2e/lib/e2e_web/controllers/page_controller.ex
@@ -94,4 +94,48 @@ defmodule E2eWeb.PageController do
   def tree_view_page(conn, _params) do
     render(conn, :tree_view_page)
   end
+
+  def angle_slider_page(conn, _params) do
+    render(conn, :angle_slider_page)
+  end
+
+  def avatar_page(conn, _params) do
+    render(conn, :avatar_page)
+  end
+
+  def carousel_page(conn, _params) do
+    render(conn, :carousel_page)
+  end
+
+  def editable_page(conn, _params) do
+    render(conn, :editable_page, value_text: "My custom value")
+  end
+
+  def floating_panel_page(conn, _params) do
+    render(conn, :floating_panel_page)
+  end
+
+  def listbox_page(conn, _params) do
+    render(conn, :listbox_page)
+  end
+
+  def number_input_page(conn, _params) do
+    render(conn, :number_input_page)
+  end
+
+  def password_input_page(conn, _params) do
+    render(conn, :password_input_page)
+  end
+
+  def pin_input_page(conn, _params) do
+    render(conn, :pin_input_page)
+  end
+
+  def radio_group_page(conn, _params) do
+    render(conn, :radio_group_page)
+  end
+
+  def timer_page(conn, _params) do
+    render(conn, :timer_page)
+  end
 end
diff --git a/e2e/lib/e2e_web/controllers/page_html/angle_slider_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/angle_slider_page.html.heex
new file mode 100644
index 0000000..fe1a12e
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/angle_slider_page.html.heex
@@ -0,0 +1,36 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <h1>Angle Slider</h1>
+  <h2>Controller View</h2>
+  <h3>Client Api</h3>
+  <section class="layout__section">
+    <div class="layout__row">
+      <button
+        phx-click={Corex.AngleSlider.set_value("my-angle-slider", 0)}
+        class="button button--sm"
+      >
+        Set to 0°
+      </button>
+      <button
+        phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90)}
+        class="button button--sm"
+      >
+        Set to 90°
+      </button>
+      <button
+        phx-click={Corex.AngleSlider.set_value("my-angle-slider", 180)}
+        class="button button--sm"
+      >
+        Set to 180°
+      </button>
+      <button
+        phx-click={Corex.AngleSlider.set_value("my-angle-slider", 270)}
+        class="button button--sm"
+      >
+        Set to 270°
+      </button>
+    </div>
+  </section>
+  <.angle_slider id="my-angle-slider" class="angle-slider" marker_values={[0, 90, 180, 270]}>
+    <:label>Angle</:label>
+  </.angle_slider>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/avatar_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/avatar_page.html.heex
new file mode 100644
index 0000000..44627ad
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/avatar_page.html.heex
@@ -0,0 +1,17 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Avatar</h1>
+    <h2>Controller View</h2>
+  </div>
+  <div class="layout__row gap-ui-gap">
+    <.avatar id="avatar-fallback" src="" class="avatar">
+      <:fallback>JD</:fallback>
+    </.avatar>
+    <.avatar id="avatar-cat" src={~p"/images/avatar.png"} alt="Avatar" class="avatar">
+      <:fallback>?</:fallback>
+    </.avatar>
+    <.avatar id="avatar-favicon" src={~p"/images/favicon.ico"} alt="Favicon" class="avatar">
+      <:fallback>FX</:fallback>
+    </.avatar>
+  </div>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/carousel_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/carousel_page.html.heex
new file mode 100644
index 0000000..5ab2ec8
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/carousel_page.html.heex
@@ -0,0 +1,24 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Carousel</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.carousel
+    id="my-carousel"
+    items={[
+      "/images/beach.jpg",
+      "/images/fall.jpg",
+      "/images/sand.jpg",
+      "/images/star.jpg",
+      "/images/winter.jpg"
+    ]}
+    class="carousel"
+  >
+    <:prev_trigger>
+      <.icon name="hero-arrow-left" />
+    </:prev_trigger>
+    <:next_trigger>
+      <.icon name="hero-arrow-right" />
+    </:next_trigger>
+  </.carousel>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/editable_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/editable_page.html.heex
new file mode 100644
index 0000000..63fdc71
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/editable_page.html.heex
@@ -0,0 +1,19 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Editable</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.editable
+    id="my-editable"
+    value="My custom value"
+    placeholder="Enter Value"
+    activation_mode="dblclick"
+    select_on_focus
+    class="editable"
+  >
+    <:label>Name</:label>
+    <:edit_trigger><.icon name="hero-pencil-square" class="icon" /></:edit_trigger>
+    <:submit_trigger><.icon name="hero-check" class="icon" /></:submit_trigger>
+    <:cancel_trigger><.icon name="hero-x-mark" class="icon" /></:cancel_trigger>
+  </.editable>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/floating_panel_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/floating_panel_page.html.heex
new file mode 100644
index 0000000..2ac2e39
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/floating_panel_page.html.heex
@@ -0,0 +1,28 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Floating Panel</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.floating_panel id="my-floating-panel" default_open={false} class="floating-panel">
+    <:open_trigger>Close panel</:open_trigger>
+    <:closed_trigger>Open panel</:closed_trigger>
+    <:minimize_trigger>
+      <.icon name="hero-arrow-down-left" class="icon" />
+    </:minimize_trigger>
+    <:maximize_trigger>
+      <.icon name="hero-arrows-pointing-out" class="icon" />
+    </:maximize_trigger>
+    <:default_trigger>
+      <.icon name="hero-rectangle-stack" class="icon" />
+    </:default_trigger>
+    <:close_trigger>
+      <.icon name="hero-x-mark" class="icon" />
+    </:close_trigger>
+    <:content>
+      <p>
+        Congue molestie ipsum gravida a. Sed ac eros luctus, cursus turpis
+        non, pellentesque elit. Pellentesque sagittis fermentum.
+      </p>
+    </:content>
+  </.floating_panel>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/listbox_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/listbox_page.html.heex
new file mode 100644
index 0000000..25041d0
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/listbox_page.html.heex
@@ -0,0 +1,95 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Listbox</h1>
+    <h2>Controller View</h2>
+  </div>
+  <h3>Minimal</h3>
+  <.listbox
+    id="my-listbox"
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra", disabled: true},
+      %{label: "Belgium", id: "bel"},
+      %{label: "Germany", id: "deu"},
+      %{label: "Netherlands", id: "nld"},
+      %{label: "Switzerland", id: "che"},
+      %{label: "Austria", id: "aut"}
+    ]}
+  >
+    <:label>Choose a country</:label>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+
+  <h3>Grouped</h3>
+  <.listbox
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra", group: "Europe"},
+      %{label: "Belgium", id: "bel", group: "Europe"},
+      %{label: "Germany", id: "deu", group: "Europe"},
+      %{label: "Netherlands", id: "nld", group: "Europe"},
+      %{label: "Switzerland", id: "che", group: "Europe"},
+      %{label: "Austria", id: "aut", group: "Europe"},
+      %{label: "Japan", id: "jpn", group: "Asia"},
+      %{label: "China", id: "chn", group: "Asia"},
+      %{label: "South Korea", id: "kor", group: "Asia"},
+      %{label: "Thailand", id: "tha", group: "Asia"},
+      %{label: "USA", id: "usa", group: "North America"},
+      %{label: "Canada", id: "can", group: "North America"},
+      %{label: "Mexico", id: "mex", group: "North America"}
+    ]}
+  >
+    <:label>Choose a country</:label>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+
+  <h3>Extended</h3>
+  <.listbox
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra"},
+      %{label: "Belgium", id: "bel"},
+      %{label: "Germany", id: "deu"},
+      %{label: "Netherlands", id: "nld"},
+      %{label: "Switzerland", id: "che"},
+      %{label: "Austria", id: "aut"}
+    ]}
+  >
+    <:label>
+      Country of residence
+    </:label>
+    <:item :let={%{item: entry}}>
+      <Flagpack.flag name={String.to_atom(entry.id)} />
+      {entry.label}
+    </:item>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+
+  <h3>Extended Grouped</h3>
+  <.listbox
+    class="listbox"
+    aria_label="Extended grouped countries"
+    collection={[
+      %{label: "France", id: "fra", group: "Europe"},
+      %{label: "Belgium", id: "bel", group: "Europe"},
+      %{label: "Germany", id: "deu", group: "Europe"},
+      %{label: "Japan", id: "jpn", group: "Asia"},
+      %{label: "China", id: "chn", group: "Asia"},
+      %{label: "South Korea", id: "kor", group: "Asia"}
+    ]}
+  >
+    <:item :let={%{item: entry}}>
+      <Flagpack.flag name={String.to_atom(entry.id)} />
+      {entry.label}
+    </:item>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/number_input_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/number_input_page.html.heex
new file mode 100644
index 0000000..5d05fe1
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/number_input_page.html.heex
@@ -0,0 +1,21 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Number Input</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.number_input id="my-number-input" class="number-input">
+    <:label>Quantity</:label>
+    <:decrement_trigger>
+      <.icon name="hero-chevron-down" class="icon" />
+    </:decrement_trigger>
+    <:increment_trigger>
+      <.icon name="hero-chevron-up" class="icon" />
+    </:increment_trigger>
+  </.number_input>
+  <.number_input id="scrubber-number-input" class="number-input" scrubber>
+    <:label>Enter Number</:label>
+    <:scrubber_trigger>
+      <.icon name="hero-arrows-up-down" class="icon rotate-90" />
+    </:scrubber_trigger>
+  </.number_input>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/password_input_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/password_input_page.html.heex
new file mode 100644
index 0000000..03eb14b
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/password_input_page.html.heex
@@ -0,0 +1,11 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Password Input</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.password_input id="my-password-input" class="password-input">
+    <:label>Password</:label>
+    <:visible_indicator><.icon name="hero-eye" class="icon" /></:visible_indicator>
+    <:hidden_indicator><.icon name="hero-eye-slash" class="icon" /></:hidden_indicator>
+  </.password_input>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/pin_input_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/pin_input_page.html.heex
new file mode 100644
index 0000000..c96eae3
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/pin_input_page.html.heex
@@ -0,0 +1,9 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Pin Input</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.pin_input id="my-pin-input" count={4} class="pin-input">
+    <:label>Code</:label>
+  </.pin_input>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/radio_group_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/radio_group_page.html.heex
new file mode 100644
index 0000000..2ace990
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/radio_group_page.html.heex
@@ -0,0 +1,37 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Radio Group</h1>
+    <h2>Controller View</h2>
+  </div>
+  <div>
+    <h3>Without indicator</h3>
+    <.radio_group
+      id="radio-group-plain"
+      name="choice-plain"
+      items={[
+        %{value: "a", label: "Option A"},
+        %{value: "b", label: "Option B"},
+        %{value: "c", label: "Option C"}
+      ]}
+      class="radio-group"
+    >
+      <:label>Choose one</:label>
+    </.radio_group>
+  </div>
+  <div>
+    <h3>With indicator</h3>
+    <.radio_group
+      id="radio-group-indicator"
+      name="choice-indicator"
+      items={[
+        %{value: "a", label: "Option A"},
+        %{value: "b", label: "Option B"},
+        %{value: "c", label: "Option C"}
+      ]}
+      class="radio-group"
+    >
+      <:label>Choose one</:label>
+      <:item_control><.icon name="hero-check" class="data-checked" /></:item_control>
+    </.radio_group>
+  </div>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/controllers/page_html/timer_page.html.heex b/e2e/lib/e2e_web/controllers/page_html/timer_page.html.heex
new file mode 100644
index 0000000..4bb2188
--- /dev/null
+++ b/e2e/lib/e2e_web/controllers/page_html/timer_page.html.heex
@@ -0,0 +1,12 @@
+<Layouts.app flash={@flash} locale={@locale} current_path={@current_path}>
+  <div class="layout__row">
+    <h1>Timer</h1>
+    <h2>Controller View</h2>
+  </div>
+  <.timer id="my-timer" countdown start_ms={60_000} target_ms={0} class="timer">
+    <:start_trigger><.icon name="hero-play" class="icon" /></:start_trigger>
+    <:pause_trigger><.icon name="hero-pause" class="icon" /></:pause_trigger>
+    <:resume_trigger><.icon name="hero-play" class="icon" /></:resume_trigger>
+    <:reset_trigger><.icon name="hero-arrow-path" class="icon" /></:reset_trigger>
+  </.timer>
+</Layouts.app>
diff --git a/e2e/lib/e2e_web/endpoint.ex b/e2e/lib/e2e_web/endpoint.ex
index dbbe123..045bfb1 100644
--- a/e2e/lib/e2e_web/endpoint.ex
+++ b/e2e/lib/e2e_web/endpoint.ex
@@ -18,7 +18,7 @@ defmodule E2eWeb.Endpoint do
   plug Plug.Static,
     at: "/",
     from: :e2e,
-    gzip: true,
+    gzip: not code_reloading?,
     only: E2eWeb.static_paths(),
     raise_on_missing_only: code_reloading?
 
diff --git a/e2e/lib/e2e_web/live/angle_slider_controlled_live.ex b/e2e/lib/e2e_web/live/angle_slider_controlled_live.ex
new file mode 100644
index 0000000..67e9274
--- /dev/null
+++ b/e2e/lib/e2e_web/live/angle_slider_controlled_live.ex
@@ -0,0 +1,92 @@
+defmodule E2eWeb.AngleSliderControlledLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    socket =
+      socket
+      |> assign(:angle, 90)
+
+    {:ok, socket}
+  end
+
+  def handle_event("angle_changed", %{"value" => value}, socket) do
+    {:noreply, assign(socket, :angle, value)}
+  end
+
+  def handle_event("set_value", %{"value" => value}, socket) do
+    angle =
+      case Float.parse(value) do
+        {num, _} -> num
+        :error -> 0
+      end
+
+    socket = assign(socket, :angle, angle)
+    {:noreply, Corex.AngleSlider.set_value(socket, "my-angle-slider", angle)}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Angle Slider</h1>
+        <h2>Controlled</h2>
+      </div>
+      <h3>Client Api</h3>
+      <div class="layout__row">
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 0)}
+          class="button button--sm"
+        >
+          Set to 0°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90)}
+          class="button button--sm"
+        >
+          Set to 90°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 180)}
+          class="button button--sm"
+        >
+          Set to 180°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 270)}
+          class="button button--sm"
+        >
+          Set to 270°
+        </button>
+      </div>
+      <h3>Server Api</h3>
+      <div class="layout__row">
+        <button phx-click="set_value" value="0" class="button button--sm">
+          Set to 0°
+        </button>
+        <button phx-click="set_value" value="90" class="button button--sm">
+          Set to 90°
+        </button>
+        <button phx-click="set_value" value="180" class="button button--sm">
+          Set to 180°
+        </button>
+        <button phx-click="set_value" value="270" class="button button--sm">
+          Set to 270°
+        </button>
+      </div>
+      <p class="layout__row">
+        Current value: <code>{@angle}</code>°
+      </p>
+      <.angle_slider
+        id="my-angle-slider"
+        class="angle-slider"
+        marker_values={[0, 90, 180, 270]}
+        value={@angle}
+        controlled
+        on_value_change="angle_changed"
+      >
+        <:label>Angle</:label>
+      </.angle_slider>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/angle_slider_live.ex b/e2e/lib/e2e_web/live/angle_slider_live.ex
new file mode 100644
index 0000000..882f11e
--- /dev/null
+++ b/e2e/lib/e2e_web/live/angle_slider_live.ex
@@ -0,0 +1,107 @@
+defmodule E2eWeb.AngleSliderLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    socket =
+      socket
+      |> assign(:angle_value, nil)
+      |> assign(:angle_value_as_degree, nil)
+      |> assign(:angle_dragging, nil)
+
+    {:ok, socket}
+  end
+
+  def handle_event("set_value", %{"value" => value}, socket) do
+    angle =
+      case Float.parse(value) do
+        {num, _} -> num
+        :error -> 0
+      end
+
+    {:noreply, Corex.AngleSlider.set_value(socket, "my-angle-slider", angle)}
+  end
+
+  def handle_event("get_value", _params, socket) do
+    {:noreply, push_event(socket, "angle_slider_value", %{})}
+  end
+
+  def handle_event("angle_slider_value_response", %{"value" => value} = params, socket) do
+    socket =
+      socket
+      |> assign(:angle_value, value)
+      |> assign(:angle_value_as_degree, params["valueAsDegree"])
+      |> assign(:angle_dragging, params["dragging"])
+
+    {:noreply, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Angle Slider</h1>
+        <h2>Live View</h2>
+      </div>
+      <h3>Client Api</h3>
+      <div class="layout__row">
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 0)}
+          class="button button--sm"
+        >
+          Set to 0°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90)}
+          class="button button--sm"
+        >
+          Set to 90°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 180)}
+          class="button button--sm"
+        >
+          Set to 180°
+        </button>
+        <button
+          phx-click={Corex.AngleSlider.set_value("my-angle-slider", 270)}
+          class="button button--sm"
+        >
+          Set to 270°
+        </button>
+      </div>
+      <h3>Server Api</h3>
+      <div class="layout__row">
+        <button phx-click="set_value" value="0" class="button button--sm">
+          Set to 0°
+        </button>
+        <button phx-click="set_value" value="90" class="button button--sm">
+          Set to 90°
+        </button>
+        <button phx-click="set_value" value="180" class="button button--sm">
+          Set to 180°
+        </button>
+        <button phx-click="set_value" value="270" class="button button--sm">
+          Set to 270°
+        </button>
+        <button phx-click="get_value" class="button button--sm">
+          Get current value
+        </button>
+      </div>
+      <div :if={@angle_value != nil || @angle_value_as_degree != nil} class="layout__row">
+        <p :if={@angle_value != nil}>
+          Current value: <code>{@angle_value}</code>
+        </p>
+        <p :if={@angle_value_as_degree != nil}>
+          Value as degree: <code>{@angle_value_as_degree}</code>
+        </p>
+        <p :if={@angle_dragging != nil}>
+          Dragging: <code>{inspect(@angle_dragging)}</code>
+        </p>
+      </div>
+      <.angle_slider id="my-angle-slider" class="angle-slider" marker_values={[0, 90, 180, 270]}>
+        <:label>Angle</:label>
+      </.angle_slider>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/avatar_live.ex b/e2e/lib/e2e_web/live/avatar_live.ex
new file mode 100644
index 0000000..9af0750
--- /dev/null
+++ b/e2e/lib/e2e_web/live/avatar_live.ex
@@ -0,0 +1,29 @@
+defmodule E2eWeb.AvatarLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Avatar</h1>
+        <h2>Live View</h2>
+      </div>
+      <div class="layout__row gap-ui-gap">
+        <.avatar id="avatar-fallback" src="" class="avatar">
+          <:fallback>JD</:fallback>
+        </.avatar>
+        <.avatar id="avatar-cat" src={~p"/images/avatar.png"} alt="Avatar" class="avatar">
+          <:fallback>?</:fallback>
+        </.avatar>
+        <.avatar id="avatar-favicon" src={~p"/images/favicon.ico"} alt="Favicon" class="avatar">
+          <:fallback>FX</:fallback>
+        </.avatar>
+      </div>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/carousel_live.ex b/e2e/lib/e2e_web/live/carousel_live.ex
new file mode 100644
index 0000000..6f2ff3f
--- /dev/null
+++ b/e2e/lib/e2e_web/live/carousel_live.ex
@@ -0,0 +1,54 @@
+defmodule E2eWeb.CarouselLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Carousel</h1>
+        <h2>Live View</h2>
+      </div>
+      <.carousel
+        id="my-carousel"
+        items={[
+          "/images/beach.jpg",
+          "/images/fall.jpg",
+          "/images/sand.jpg",
+          "/images/star.jpg",
+          "/images/winter.jpg"
+        ]}
+        class="carousel"
+      >
+        <:prev_trigger>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="icon"
+          >
+            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
+          </svg>
+        </:prev_trigger>
+        <:next_trigger>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="icon"
+          >
+            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
+          </svg>
+        </:next_trigger>
+      </.carousel>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/editable_live.ex b/e2e/lib/e2e_web/live/editable_live.ex
new file mode 100644
index 0000000..13a8e90
--- /dev/null
+++ b/e2e/lib/e2e_web/live/editable_live.ex
@@ -0,0 +1,31 @@
+defmodule E2eWeb.EditableLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Editable</h1>
+        <h2>Live View</h2>
+      </div>
+      <.editable
+        id="my-editable"
+        value="My custom value"
+        placeholder="Enter Value"
+        activation_mode="dblclick"
+        select_on_focus
+        class="editable"
+      >
+        <:label>Name</:label>
+        <:edit_trigger><.icon name="hero-pencil-square" class="icon" /></:edit_trigger>
+        <:submit_trigger><.icon name="hero-check" class="icon" /></:submit_trigger>
+        <:cancel_trigger><.icon name="hero-x-mark" class="icon" /></:cancel_trigger>
+      </.editable>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/floating_panel_live.ex b/e2e/lib/e2e_web/live/floating_panel_live.ex
new file mode 100644
index 0000000..58cffca
--- /dev/null
+++ b/e2e/lib/e2e_web/live/floating_panel_live.ex
@@ -0,0 +1,40 @@
+defmodule E2eWeb.FloatingPanelLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Floating Panel</h1>
+        <h2>Live View</h2>
+      </div>
+      <.floating_panel id="my-floating-panel" default_open={false} class="floating-panel">
+        <:open_trigger>Close panel</:open_trigger>
+        <:closed_trigger>Open panel</:closed_trigger>
+        <:minimize_trigger>
+          <.icon name="hero-arrow-down-left" class="icon" />
+        </:minimize_trigger>
+        <:maximize_trigger>
+          <.icon name="hero-arrows-pointing-out" class="icon" />
+        </:maximize_trigger>
+        <:default_trigger>
+          <.icon name="hero-rectangle-stack" class="icon" />
+        </:default_trigger>
+        <:close_trigger>
+          <.icon name="hero-x-mark" class="icon" />
+        </:close_trigger>
+        <:content>
+          <p>
+            Congue molestie ipsum gravida a. Sed ac eros luctus, cursus turpis
+            non, pellentesque elit. Pellentesque sagittis fermentum.
+          </p>
+        </:content>
+      </.floating_panel>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/listbox_live.ex b/e2e/lib/e2e_web/live/listbox_live.ex
new file mode 100644
index 0000000..5fa98b7
--- /dev/null
+++ b/e2e/lib/e2e_web/live/listbox_live.ex
@@ -0,0 +1,107 @@
+defmodule E2eWeb.ListboxLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Listbox</h1>
+        <h2>Live View</h2>
+      </div>
+      <h3>Minimal</h3>
+      <.listbox
+        id="my-listbox"
+        class="listbox"
+        collection={[
+          %{label: "France", id: "fra", disabled: true},
+          %{label: "Belgium", id: "bel"},
+          %{label: "Germany", id: "deu"},
+          %{label: "Netherlands", id: "nld"},
+          %{label: "Switzerland", id: "che"},
+          %{label: "Austria", id: "aut"}
+        ]}
+      >
+        <:label>Choose a country</:label>
+        <:item_indicator>
+          <.icon name="hero-check" />
+        </:item_indicator>
+      </.listbox>
+
+      <h3>Grouped</h3>
+      <.listbox
+        class="listbox"
+        collection={[
+          %{label: "France", id: "fra", group: "Europe"},
+          %{label: "Belgium", id: "bel", group: "Europe"},
+          %{label: "Germany", id: "deu", group: "Europe"},
+          %{label: "Netherlands", id: "nld", group: "Europe"},
+          %{label: "Switzerland", id: "che", group: "Europe"},
+          %{label: "Austria", id: "aut", group: "Europe"},
+          %{label: "Japan", id: "jpn", group: "Asia"},
+          %{label: "China", id: "chn", group: "Asia"},
+          %{label: "South Korea", id: "kor", group: "Asia"},
+          %{label: "Thailand", id: "tha", group: "Asia"},
+          %{label: "USA", id: "usa", group: "North America"},
+          %{label: "Canada", id: "can", group: "North America"},
+          %{label: "Mexico", id: "mex", group: "North America"}
+        ]}
+      >
+        <:label>Choose a country</:label>
+        <:item_indicator>
+          <.icon name="hero-check" />
+        </:item_indicator>
+      </.listbox>
+
+      <h3>Extended</h3>
+      <.listbox
+        class="listbox"
+        collection={[
+          %{label: "France", id: "fra"},
+          %{label: "Belgium", id: "bel"},
+          %{label: "Germany", id: "deu"},
+          %{label: "Netherlands", id: "nld"},
+          %{label: "Switzerland", id: "che"},
+          %{label: "Austria", id: "aut"}
+        ]}
+      >
+        <:label>
+          Country of residence
+        </:label>
+        <:item :let={%{item: entry}}>
+          <Flagpack.flag name={String.to_atom(entry.id)} />
+          {entry.label}
+        </:item>
+        <:item_indicator>
+          <.icon name="hero-check" />
+        </:item_indicator>
+      </.listbox>
+
+      <h3>Extended Grouped</h3>
+      <.listbox
+        class="listbox"
+        aria_label="Extended grouped countries"
+        collection={[
+          %{label: "France", id: "fra", group: "Europe"},
+          %{label: "Belgium", id: "bel", group: "Europe"},
+          %{label: "Germany", id: "deu", group: "Europe"},
+          %{label: "Japan", id: "jpn", group: "Asia"},
+          %{label: "China", id: "chn", group: "Asia"},
+          %{label: "South Korea", id: "kor", group: "Asia"}
+        ]}
+      >
+        <:item :let={%{item: entry}}>
+          <Flagpack.flag name={String.to_atom(entry.id)} />
+          {entry.label}
+        </:item>
+        <:item_indicator>
+          <.icon name="hero-check" />
+        </:item_indicator>
+      </.listbox>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/number_input_live.ex b/e2e/lib/e2e_web/live/number_input_live.ex
new file mode 100644
index 0000000..e3e05c2
--- /dev/null
+++ b/e2e/lib/e2e_web/live/number_input_live.ex
@@ -0,0 +1,33 @@
+defmodule E2eWeb.NumberInputLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Number Input</h1>
+        <h2>Live View</h2>
+      </div>
+      <.number_input id="my-number-input" class="number-input">
+        <:label>Quantity</:label>
+        <:decrement_trigger>
+          <.icon name="hero-chevron-down" class="icon" />
+        </:decrement_trigger>
+        <:increment_trigger>
+          <.icon name="hero-chevron-up" class="icon" />
+        </:increment_trigger>
+      </.number_input>
+      <.number_input id="scrubber-number-input" class="number-input" scrubber>
+        <:label>Enter Number</:label>
+        <:scrubber_trigger>
+          <.icon name="hero-chevron-up-down" class="icon rotate-90" />
+        </:scrubber_trigger>
+      </.number_input>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/password_input_live.ex b/e2e/lib/e2e_web/live/password_input_live.ex
new file mode 100644
index 0000000..14b0f90
--- /dev/null
+++ b/e2e/lib/e2e_web/live/password_input_live.ex
@@ -0,0 +1,23 @@
+defmodule E2eWeb.PasswordInputLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Password Input</h1>
+        <h2>Live View</h2>
+      </div>
+      <.password_input id="my-password-input" class="password-input">
+        <:label>Password</:label>
+        <:visible_indicator><.icon name="hero-eye" class="icon" /></:visible_indicator>
+        <:hidden_indicator><.icon name="hero-eye-slash" class="icon" /></:hidden_indicator>
+      </.password_input>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/pin_input_live.ex b/e2e/lib/e2e_web/live/pin_input_live.ex
new file mode 100644
index 0000000..c0037fb
--- /dev/null
+++ b/e2e/lib/e2e_web/live/pin_input_live.ex
@@ -0,0 +1,21 @@
+defmodule E2eWeb.PinInputLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Pin Input</h1>
+        <h2>Live View</h2>
+      </div>
+      <.pin_input id="my-pin-input" count={4} class="pin-input">
+        <:label>Code</:label>
+      </.pin_input>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/radio_group_live.ex b/e2e/lib/e2e_web/live/radio_group_live.ex
new file mode 100644
index 0000000..765119c
--- /dev/null
+++ b/e2e/lib/e2e_web/live/radio_group_live.ex
@@ -0,0 +1,49 @@
+defmodule E2eWeb.RadioGroupLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Radio Group</h1>
+        <h2>Live View</h2>
+      </div>
+      <div>
+        <h3>Without indicator</h3>
+        <.radio_group
+          id="radio-group-plain"
+          name="choice-plain"
+          items={[
+            %{value: "a", label: "Option A"},
+            %{value: "b", label: "Option B"},
+            %{value: "c", label: "Option C"}
+          ]}
+          class="radio-group"
+        >
+          <:label>Choose one</:label>
+        </.radio_group>
+      </div>
+      <div>
+        <h3>With indicator</h3>
+        <.radio_group
+          id="radio-group-indicator"
+          name="choice-indicator"
+          items={[
+            %{value: "a", label: "Option A"},
+            %{value: "b", label: "Option B"},
+            %{value: "c", label: "Option C"}
+          ]}
+          class="radio-group"
+        >
+          <:label>Choose one</:label>
+          <:item_control><.icon name="hero-check" class="data-checked" /></:item_control>
+        </.radio_group>
+      </div>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/live/timer_live.ex b/e2e/lib/e2e_web/live/timer_live.ex
new file mode 100644
index 0000000..e4e88b5
--- /dev/null
+++ b/e2e/lib/e2e_web/live/timer_live.ex
@@ -0,0 +1,24 @@
+defmodule E2eWeb.TimerLive do
+  use E2eWeb, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <Layouts.app flash={@flash} mode={@mode} locale={@locale} current_path={@current_path}>
+      <div class="layout__row">
+        <h1>Timer</h1>
+        <h2>Live View</h2>
+      </div>
+      <.timer id="my-timer" countdown start_ms={60_000} target_ms={0} class="timer">
+        <:start_trigger><.icon name="hero-play" class="icon" /></:start_trigger>
+        <:pause_trigger><.icon name="hero-pause" class="icon" /></:pause_trigger>
+        <:resume_trigger><.icon name="hero-play" class="icon" /></:resume_trigger>
+        <:reset_trigger><.icon name="hero-arrow-path" class="icon" /></:reset_trigger>
+      </.timer>
+    </Layouts.app>
+    """
+  end
+end
diff --git a/e2e/lib/e2e_web/router.ex b/e2e/lib/e2e_web/router.ex
index 6d77757..696905e 100644
--- a/e2e/lib/e2e_web/router.ex
+++ b/e2e/lib/e2e_web/router.ex
@@ -46,6 +46,18 @@ defmodule E2eWeb.Router do
       live "/live/toast", ToastLive
       live "/live/toggle-group", ToggleGroupLive
       live "/live/tree-view", TreeViewLive
+      live "/live/angle-slider", AngleSliderLive
+      live "/controlled/angle-slider", AngleSliderControlledLive
+      live "/live/avatar", AvatarLive
+      live "/live/carousel", CarouselLive
+      live "/live/editable", EditableLive
+      live "/live/floating-panel", FloatingPanelLive
+      live "/live/listbox", ListboxLive
+      live "/live/number-input", NumberInputLive
+      live "/live/password-input", PasswordInputLive
+      live "/live/pin-input", PinInputLive
+      live "/live/radio-group", RadioGroupLive
+      live "/live/timer", TimerLive
     end
 
     get "/", PageController, :home
@@ -77,6 +89,17 @@ defmodule E2eWeb.Router do
 
     get "/toggle-group", PageController, :toggle_group_page
     get "/tree-view", PageController, :tree_view_page
+    get "/angle-slider", PageController, :angle_slider_page
+    get "/avatar", PageController, :avatar_page
+    get "/carousel", PageController, :carousel_page
+    get "/editable", PageController, :editable_page
+    get "/floating-panel", PageController, :floating_panel_page
+    get "/listbox", PageController, :listbox_page
+    get "/number-input", PageController, :number_input_page
+    get "/password-input", PageController, :password_input_page
+    get "/pin-input", PageController, :pin_input_page
+    get "/radio-group", PageController, :radio_group_page
+    get "/timer", PageController, :timer_page
 
     live_session :browser, on_mount: [E2eWeb.ModeLive, E2eWeb.SharedEvents] do
       live "/admins", AdminLive.Index, :index
diff --git a/e2e/mix.exs b/e2e/mix.exs
index a7e3d41..aea39ce 100644
--- a/e2e/mix.exs
+++ b/e2e/mix.exs
@@ -67,7 +67,7 @@ defmodule E2e.MixProject do
       {:jason, "~> 1.2"},
       {:dns_cluster, "~> 0.2.0"},
       {:bandit, "~> 1.5"},
-      {:corex, "~> 0.1.0-alpha.22"},
+      {:corex, path: "../../corex"},
       {:wallaby, "~> 0.30", only: :test},
       {:a11y_audit, "~> 0.3.1", only: :test},
       {:flagpack, "~> 0.6.0"}
@@ -82,19 +82,33 @@ defmodule E2e.MixProject do
   # See the documentation for `Mix` for more info on aliases.
   defp aliases do
     [
+      compile: ["compile"],
       setup: ["deps.get", "ecto.setup", "assets.setup", "assets.build"],
       "ecto.setup": ["ecto.create", "ecto.migrate", "run priv/repo/seeds.exs"],
       "ecto.reset": ["ecto.drop", "ecto.setup"],
       test: [
-        "assets.build",
+        &clean_static_assets/1,
+        &copy_static_images/1,
+        "assets.deploy",
         "ecto.drop --quiet",
         "ecto.create --quiet",
         "ecto.migrate",
         "test"
       ],
       "assets.setup": ["tailwind.install --if-missing", "esbuild.install --if-missing"],
-      "assets.build": ["compile", "tailwind e2e", "esbuild e2e"],
+      "assets.digest.clean": ["phx.digest.clean", "--no-compile"],
+      "assets.digest.clean.all": ["phx.digest.clean", "--all", "--no-compile"],
+      "assets.build": [
+        &clean_static_assets/1,
+        &copy_static_images/1,
+        "compile",
+        "tailwind e2e",
+        "esbuild e2e"
+      ],
       "assets.deploy": [
+        &clean_static_assets/1,
+        &copy_static_images/1,
+        "compile",
         "tailwind e2e --minify",
         "esbuild e2e --minify",
         "phx.digest"
@@ -102,4 +116,21 @@ defmodule E2e.MixProject do
       precommit: ["compile --warnings-as-errors", "deps.unlock --unused", "format", "test"]
     ]
   end
+
+  defp clean_static_assets(_) do
+    static = Path.join([__DIR__, "priv", "static"])
+    File.rm_rf(Path.join(static, "assets"))
+    File.rm_rf(Path.join(static, "cache_manifest.json"))
+    File.rm_rf(Path.join(static, "images"))
+  end
+
+  defp copy_static_images(_) do
+    source = Path.join([__DIR__, "images"])
+    destination = Path.join([__DIR__, "priv", "static", "images"])
+
+    if File.exists?(source) and File.dir?(source) do
+      File.mkdir_p!(Path.dirname(destination))
+      File.cp_r!(source, destination, force: true)
+    end
+  end
 end
diff --git a/e2e/mix.lock b/e2e/mix.lock
index 32d9b3a..3598d27 100644
--- a/e2e/mix.lock
+++ b/e2e/mix.lock
@@ -3,7 +3,6 @@
   "bandit": {:hex, :bandit, "1.10.2", "d15ea32eb853b5b42b965b24221eb045462b2ba9aff9a0bda71157c06338cbff", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.18", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "27b2a61b647914b1726c2ced3601473be5f7aa6bb468564a688646a689b3ee45"},
   "cc_precompiler": {:hex, :cc_precompiler, "0.1.11", "8c844d0b9fb98a3edea067f94f616b3f6b29b959b6b3bf25fee94ffe34364768", [:mix], [{:elixir_make, "~> 0.7", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "3427232caf0835f94680e5bcf082408a70b48ad68a5f5c0b02a3bea9f3a075b9"},
   "certifi": {:hex, :certifi, "2.15.0", "0e6e882fcdaaa0a5a9f2b3db55b1394dba07e8d6d9bcad08318fb604c6839712", [:rebar3], [], "hexpm", "b147ed22ce71d72eafdad94f055165c1c182f61a2ff49df28bcc71d1d5b94a60"},
-  "corex": {:hex, :corex, "0.1.0-alpha.22", "230d48f258f9348b197d721e23d285b546c5fc4b547988d939b011128cffd00d", [:mix], [{:ecto, "~> 3.10", [hex: :ecto, repo: "hexpm", optional: false]}, {:gettext, "~> 1.0", [hex: :gettext, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.8.1", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 1.1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "dab72286c92b1f7b9316fbb37f28f2cadd32f05ce95aad3c1909a63bc37971ee"},
   "db_connection": {:hex, :db_connection, "2.9.0", "a6a97c5c958a2d7091a58a9be40caf41ab496b0701d21e1d1abff3fa27a7f371", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "17d502eacaf61829db98facf6f20808ed33da6ccf495354a41e64fe42f9c509c"},
   "decimal": {:hex, :decimal, "2.3.0", "3ad6255aa77b4a3c4f818171b12d237500e63525c2fd056699967a3e7ea20f62", [:mix], [], "hexpm", "a4d66355cb29cb47c3cf30e71329e58361cfcb37c34235ef3bf1d7bf3773aeac"},
   "dns_cluster": {:hex, :dns_cluster, "0.2.0", "aa8eb46e3bd0326bd67b84790c561733b25c5ba2fe3c7e36f28e88f384ebcb33", [:mix], [], "hexpm", "ba6f1893411c69c01b9e8e8f772062535a4cf70f3f35bcc964a324078d8c8240"},
diff --git a/e2e/priv/static/images/apple-touch-icon-180x180-480d4b1992079367b6cda44422dcbc96.png b/e2e/priv/static/images/apple-touch-icon-180x180-480d4b1992079367b6cda44422dcbc96.png
new file mode 100644
index 0000000..13b654c
Binary files /dev/null and b/e2e/priv/static/images/apple-touch-icon-180x180-480d4b1992079367b6cda44422dcbc96.png differ
diff --git a/e2e/priv/static/images/apple-touch-icon-180x180.png b/e2e/priv/static/images/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..13b654c
Binary files /dev/null and b/e2e/priv/static/images/apple-touch-icon-180x180.png differ
diff --git a/e2e/priv/static/images/avatar-bad9d852614f92cdfb9e547ffaede5ae.png b/e2e/priv/static/images/avatar-bad9d852614f92cdfb9e547ffaede5ae.png
new file mode 100644
index 0000000..cd084b0
Binary files /dev/null and b/e2e/priv/static/images/avatar-bad9d852614f92cdfb9e547ffaede5ae.png differ
diff --git a/e2e/priv/static/images/avatar.png b/e2e/priv/static/images/avatar.png
new file mode 100644
index 0000000..cd084b0
Binary files /dev/null and b/e2e/priv/static/images/avatar.png differ
diff --git a/e2e/priv/static/images/beach-53c468d9dab6f884c050d58958e6c3d2.jpg b/e2e/priv/static/images/beach-53c468d9dab6f884c050d58958e6c3d2.jpg
new file mode 100644
index 0000000..3a2e18f
Binary files /dev/null and b/e2e/priv/static/images/beach-53c468d9dab6f884c050d58958e6c3d2.jpg differ
diff --git a/e2e/priv/static/images/beach.jpg b/e2e/priv/static/images/beach.jpg
new file mode 100644
index 0000000..3a2e18f
Binary files /dev/null and b/e2e/priv/static/images/beach.jpg differ
diff --git a/e2e/priv/static/images/corex-ui-og-8952a72b82157d452a54bfc82c001011.jpg b/e2e/priv/static/images/corex-ui-og-8952a72b82157d452a54bfc82c001011.jpg
new file mode 100644
index 0000000..2a0dc6e
Binary files /dev/null and b/e2e/priv/static/images/corex-ui-og-8952a72b82157d452a54bfc82c001011.jpg differ
diff --git a/e2e/priv/static/images/corex-ui-og.jpg b/e2e/priv/static/images/corex-ui-og.jpg
new file mode 100644
index 0000000..2a0dc6e
Binary files /dev/null and b/e2e/priv/static/images/corex-ui-og.jpg differ
diff --git a/e2e/priv/static/images/fall-5f37212ea29d4300569b148c4b2eb2bc.jpg b/e2e/priv/static/images/fall-5f37212ea29d4300569b148c4b2eb2bc.jpg
new file mode 100644
index 0000000..1cbbd98
Binary files /dev/null and b/e2e/priv/static/images/fall-5f37212ea29d4300569b148c4b2eb2bc.jpg differ
diff --git a/e2e/priv/static/images/fall.jpg b/e2e/priv/static/images/fall.jpg
new file mode 100644
index 0000000..1cbbd98
Binary files /dev/null and b/e2e/priv/static/images/fall.jpg differ
diff --git a/e2e/priv/static/images/favicon-7e94605551aa8aa20243bed3756d9343.ico b/e2e/priv/static/images/favicon-7e94605551aa8aa20243bed3756d9343.ico
new file mode 100644
index 0000000..a263d84
Binary files /dev/null and b/e2e/priv/static/images/favicon-7e94605551aa8aa20243bed3756d9343.ico differ
diff --git a/e2e/priv/static/images/favicon.ico b/e2e/priv/static/images/favicon.ico
new file mode 100644
index 0000000..a263d84
Binary files /dev/null and b/e2e/priv/static/images/favicon.ico differ
diff --git a/e2e/priv/static/images/maskable-icon-512x512-1e9be444ed2d780f521ab103340c3f15.png b/e2e/priv/static/images/maskable-icon-512x512-1e9be444ed2d780f521ab103340c3f15.png
new file mode 100644
index 0000000..db67fc0
Binary files /dev/null and b/e2e/priv/static/images/maskable-icon-512x512-1e9be444ed2d780f521ab103340c3f15.png differ
diff --git a/e2e/priv/static/images/maskable-icon-512x512.png b/e2e/priv/static/images/maskable-icon-512x512.png
new file mode 100644
index 0000000..db67fc0
Binary files /dev/null and b/e2e/priv/static/images/maskable-icon-512x512.png differ
diff --git a/e2e/priv/static/images/pwa-192x192-d874e80476b7bb8610a27acd76e24c58.png b/e2e/priv/static/images/pwa-192x192-d874e80476b7bb8610a27acd76e24c58.png
new file mode 100644
index 0000000..029c1a9
Binary files /dev/null and b/e2e/priv/static/images/pwa-192x192-d874e80476b7bb8610a27acd76e24c58.png differ
diff --git a/e2e/priv/static/images/pwa-192x192.png b/e2e/priv/static/images/pwa-192x192.png
new file mode 100644
index 0000000..029c1a9
Binary files /dev/null and b/e2e/priv/static/images/pwa-192x192.png differ
diff --git a/e2e/priv/static/images/pwa-512x512-b05b19fb9e7210bcde2ed7bdfa24bc27.png b/e2e/priv/static/images/pwa-512x512-b05b19fb9e7210bcde2ed7bdfa24bc27.png
new file mode 100644
index 0000000..039fe66
Binary files /dev/null and b/e2e/priv/static/images/pwa-512x512-b05b19fb9e7210bcde2ed7bdfa24bc27.png differ
diff --git a/e2e/priv/static/images/pwa-512x512.png b/e2e/priv/static/images/pwa-512x512.png
new file mode 100644
index 0000000..039fe66
Binary files /dev/null and b/e2e/priv/static/images/pwa-512x512.png differ
diff --git a/e2e/priv/static/images/pwa-64x64-e3204a9e30605560ebcf76a7280099a0.png b/e2e/priv/static/images/pwa-64x64-e3204a9e30605560ebcf76a7280099a0.png
new file mode 100644
index 0000000..5e21a1b
Binary files /dev/null and b/e2e/priv/static/images/pwa-64x64-e3204a9e30605560ebcf76a7280099a0.png differ
diff --git a/e2e/priv/static/images/pwa-64x64.png b/e2e/priv/static/images/pwa-64x64.png
new file mode 100644
index 0000000..5e21a1b
Binary files /dev/null and b/e2e/priv/static/images/pwa-64x64.png differ
diff --git a/e2e/priv/static/images/sand-cb1e068d7c2553040ad21f38a607ef92.jpg b/e2e/priv/static/images/sand-cb1e068d7c2553040ad21f38a607ef92.jpg
new file mode 100644
index 0000000..2732344
Binary files /dev/null and b/e2e/priv/static/images/sand-cb1e068d7c2553040ad21f38a607ef92.jpg differ
diff --git a/e2e/priv/static/images/sand.jpg b/e2e/priv/static/images/sand.jpg
new file mode 100644
index 0000000..2732344
Binary files /dev/null and b/e2e/priv/static/images/sand.jpg differ
diff --git a/e2e/priv/static/images/star-1981517c7246c2e0e2de660489b98c6d.jpg b/e2e/priv/static/images/star-1981517c7246c2e0e2de660489b98c6d.jpg
new file mode 100644
index 0000000..973d492
Binary files /dev/null and b/e2e/priv/static/images/star-1981517c7246c2e0e2de660489b98c6d.jpg differ
diff --git a/e2e/priv/static/images/star.jpg b/e2e/priv/static/images/star.jpg
new file mode 100644
index 0000000..973d492
Binary files /dev/null and b/e2e/priv/static/images/star.jpg differ
diff --git a/e2e/priv/static/images/winter-e3e112f7d35ec9131ea2063c45eef8b9.jpg b/e2e/priv/static/images/winter-e3e112f7d35ec9131ea2063c45eef8b9.jpg
new file mode 100644
index 0000000..4182857
Binary files /dev/null and b/e2e/priv/static/images/winter-e3e112f7d35ec9131ea2063c45eef8b9.jpg differ
diff --git a/e2e/priv/static/images/winter.jpg b/e2e/priv/static/images/winter.jpg
new file mode 100644
index 0000000..4182857
Binary files /dev/null and b/e2e/priv/static/images/winter.jpg differ
diff --git a/e2e/test/components/angle_slider_test.exs b/e2e/test/components/angle_slider_test.exs
new file mode 100644
index 0000000..70bd652
--- /dev/null
+++ b/e2e/test/components/angle_slider_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.AngleSliderTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.AngleSliderModel, as: AngleSlider
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Angle slider has no A11y violations", %{session: session} do
+      session
+      |> AngleSlider.goto(@mode)
+      |> AngleSlider.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/avatar_test.exs b/e2e/test/components/avatar_test.exs
new file mode 100644
index 0000000..6b715cc
--- /dev/null
+++ b/e2e/test/components/avatar_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.AvatarTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.AvatarModel, as: Avatar
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Avatar has no A11y violations", %{session: session} do
+      session
+      |> Avatar.goto(@mode)
+      |> Avatar.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/carousel_test.exs b/e2e/test/components/carousel_test.exs
new file mode 100644
index 0000000..9ca908f
--- /dev/null
+++ b/e2e/test/components/carousel_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.CarouselTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.CarouselModel, as: Carousel
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Carousel has no A11y violations", %{session: session} do
+      session
+      |> Carousel.goto(@mode)
+      |> Carousel.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/editable_test.exs b/e2e/test/components/editable_test.exs
new file mode 100644
index 0000000..f929463
--- /dev/null
+++ b/e2e/test/components/editable_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.EditableTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.EditableModel, as: Editable
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Editable has no A11y violations", %{session: session} do
+      session
+      |> Editable.goto(@mode)
+      |> Editable.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/floating_panel_test.exs b/e2e/test/components/floating_panel_test.exs
new file mode 100644
index 0000000..e9eed1e
--- /dev/null
+++ b/e2e/test/components/floating_panel_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.FloatingPanelTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.FloatingPanelModel, as: FloatingPanel
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Floating panel has no A11y violations", %{session: session} do
+      session
+      |> FloatingPanel.goto(@mode)
+      |> FloatingPanel.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/listbox_test.exs b/e2e/test/components/listbox_test.exs
new file mode 100644
index 0000000..b85fdee
--- /dev/null
+++ b/e2e/test/components/listbox_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.ListboxTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.ListboxModel, as: Listbox
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Listbox has no A11y violations", %{session: session} do
+      session
+      |> Listbox.goto(@mode)
+      |> Listbox.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/number_input_test.exs b/e2e/test/components/number_input_test.exs
new file mode 100644
index 0000000..f9e9d30
--- /dev/null
+++ b/e2e/test/components/number_input_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.NumberInputTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.NumberInputModel, as: NumberInput
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Number input has no A11y violations", %{session: session} do
+      session
+      |> NumberInput.goto(@mode)
+      |> NumberInput.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/password_input_test.exs b/e2e/test/components/password_input_test.exs
new file mode 100644
index 0000000..08e63f7
--- /dev/null
+++ b/e2e/test/components/password_input_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.PasswordInputTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.PasswordInputModel, as: PasswordInput
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Password input has no A11y violations", %{session: session} do
+      session
+      |> PasswordInput.goto(@mode)
+      |> PasswordInput.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/pin_input_test.exs b/e2e/test/components/pin_input_test.exs
new file mode 100644
index 0000000..55a8996
--- /dev/null
+++ b/e2e/test/components/pin_input_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.PinInputTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.PinInputModel, as: PinInput
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Pin input has no A11y violations", %{session: session} do
+      session
+      |> PinInput.goto(@mode)
+      |> PinInput.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/radio_group_test.exs b/e2e/test/components/radio_group_test.exs
new file mode 100644
index 0000000..28a4c73
--- /dev/null
+++ b/e2e/test/components/radio_group_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.RadioGroupTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.RadioGroupModel, as: RadioGroup
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Radio group has no A11y violations", %{session: session} do
+      session
+      |> RadioGroup.goto(@mode)
+      |> RadioGroup.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/components/timer_test.exs b/e2e/test/components/timer_test.exs
new file mode 100644
index 0000000..1fe0978
--- /dev/null
+++ b/e2e/test/components/timer_test.exs
@@ -0,0 +1,16 @@
+defmodule E2eWeb.TimerTest do
+  use ExUnit.Case, async: true
+  use Wallaby.Feature
+
+  alias E2eWeb.TimerModel, as: Timer
+
+  for mode <- [:static, :live] do
+    @mode mode
+
+    feature "#{@mode} - Timer has no A11y violations", %{session: session} do
+      session
+      |> Timer.goto(@mode)
+      |> Timer.check_accessibility()
+    end
+  end
+end
diff --git a/e2e/test/support/models/angle_slider_model.ex b/e2e/test/support/models/angle_slider_model.ex
new file mode 100644
index 0000000..cec7e01
--- /dev/null
+++ b/e2e/test/support/models/angle_slider_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.AngleSliderModel do
+  use E2eWeb.Model, component: "angle-slider"
+end
diff --git a/e2e/test/support/models/avatar_model.ex b/e2e/test/support/models/avatar_model.ex
new file mode 100644
index 0000000..85f49b3
--- /dev/null
+++ b/e2e/test/support/models/avatar_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.AvatarModel do
+  use E2eWeb.Model, component: "avatar"
+end
diff --git a/e2e/test/support/models/carousel_model.ex b/e2e/test/support/models/carousel_model.ex
new file mode 100644
index 0000000..a3e4efc
--- /dev/null
+++ b/e2e/test/support/models/carousel_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.CarouselModel do
+  use E2eWeb.Model, component: "carousel"
+end
diff --git a/e2e/test/support/models/editable_model.ex b/e2e/test/support/models/editable_model.ex
new file mode 100644
index 0000000..11e9bf2
--- /dev/null
+++ b/e2e/test/support/models/editable_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.EditableModel do
+  use E2eWeb.Model, component: "editable"
+end
diff --git a/e2e/test/support/models/floating_panel_model.ex b/e2e/test/support/models/floating_panel_model.ex
new file mode 100644
index 0000000..f4447ce
--- /dev/null
+++ b/e2e/test/support/models/floating_panel_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.FloatingPanelModel do
+  use E2eWeb.Model, component: "floating-panel"
+end
diff --git a/e2e/test/support/models/listbox_model.ex b/e2e/test/support/models/listbox_model.ex
new file mode 100644
index 0000000..096fed0
--- /dev/null
+++ b/e2e/test/support/models/listbox_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.ListboxModel do
+  use E2eWeb.Model, component: "listbox"
+end
diff --git a/e2e/test/support/models/number_input_model.ex b/e2e/test/support/models/number_input_model.ex
new file mode 100644
index 0000000..599f154
--- /dev/null
+++ b/e2e/test/support/models/number_input_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.NumberInputModel do
+  use E2eWeb.Model, component: "number-input"
+end
diff --git a/e2e/test/support/models/password_input_model.ex b/e2e/test/support/models/password_input_model.ex
new file mode 100644
index 0000000..7b489a9
--- /dev/null
+++ b/e2e/test/support/models/password_input_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.PasswordInputModel do
+  use E2eWeb.Model, component: "password-input"
+end
diff --git a/e2e/test/support/models/pin_input_model.ex b/e2e/test/support/models/pin_input_model.ex
new file mode 100644
index 0000000..f441716
--- /dev/null
+++ b/e2e/test/support/models/pin_input_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.PinInputModel do
+  use E2eWeb.Model, component: "pin-input"
+end
diff --git a/e2e/test/support/models/radio_group_model.ex b/e2e/test/support/models/radio_group_model.ex
new file mode 100644
index 0000000..6969d9c
--- /dev/null
+++ b/e2e/test/support/models/radio_group_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.RadioGroupModel do
+  use E2eWeb.Model, component: "radio-group"
+end
diff --git a/e2e/test/support/models/timer_model.ex b/e2e/test/support/models/timer_model.ex
new file mode 100644
index 0000000..7ffcb34
--- /dev/null
+++ b/e2e/test/support/models/timer_model.ex
@@ -0,0 +1,3 @@
+defmodule E2eWeb.TimerModel do
+  use E2eWeb.Model, component: "timer"
+end
diff --git a/guides/installation.md b/guides/installation.md
index 244e618..98ae84a 100644
--- a/guides/installation.md
+++ b/guides/installation.md
@@ -37,7 +37,7 @@ Add `corex` to your `mix.exs` dependencies:
 ```elixir
 def deps do
   [
-    {:corex, "~> 0.1.0-alpha.22"}
+    {:corex, "~> 0.1.0-alpha.23"}
   ]
 end
 ```
@@ -62,7 +62,11 @@ config :corex,
 
 ### Import Corex Hooks
 
-In your `assets/js/app.js`, import and register the Corex hooks. Each component chunk loads when first mounted:
+In your `assets/js/app.js`, import Corex and register its hooks on the LiveSocket.
+
+Each hook uses dynamic `import()` so component JavaScript is loaded only when a DOM element with that hook is mounted. If a component never appears on a page, its chunk is never fetched. See the Performance section below for how this works and the required build configuration.
+
+To load all hooks:
 
 ```javascript
 import corex from "corex"
@@ -76,6 +80,29 @@ const liveSocket = new LiveSocket("/live", Socket, {
 })
 ```
 
+To register only the hooks you use:
+
+```javascript
+import { hooks } from "corex"
+```
+
+```javascript
+const liveSocket = new LiveSocket("/live", Socket, {
+  longPollFallbackMs: 2500,
+  params: {_csrf_token: csrfToken},
+  hooks: {...colocatedHooks, ...hooks(["Accordion", "Combobox", "Dialog"])}
+})
+```
+
+### Load app script
+
+Load your app script with `type="module"` in your root layout, for example in `root.html.heex`:
+
+```heex
+<script defer phx-track-static type="module" src={~p"/assets/js/app.js"}>
+</script>
+```
+
 ## Import Components
 
 Add `use Corex` into your `MyAppWeb` `html_helpers`
@@ -348,11 +375,11 @@ In order to use the API, you must use an id on the component
 
 ## Performance
 
-By default Phoenix esbuild is set to bundle all the JS into a single file.
+Corex hooks load component JavaScript only when a DOM element with that hook is mounted. This requires ESM format and code splitting.
 
-### 1.Enable splitting
+### 1. Build configuration (ESM and splitting)
 
-In order to enable splitting add the following `--format=esm --splitting` to your esbuild config
+Add `--format=esm` and `--splitting` to your esbuild config. ESM is required for dynamic `import()`. Splitting produces separate chunks for each component and shared code, so only the components used on a page are loaded.
 
 ```elixir
 config :esbuild,
@@ -365,19 +392,23 @@ config :esbuild,
   ]
 ```
 
-Run `mix assets.build` and see the magic happening
+### 2. Enable gzip for Plug.Static
 
-### 2.Enable gzip for Plug.Static
+Set `gzip: true` on `Plug.Static` in your endpoint so that pre-compressed `.gz` files are served when the client supports them.
 
-In your `endpoint.ex` enable gzip for developement also
+### 3. How dynamic hook loading works
 
-```elexir
-  plug Plug.Static,
-    at: "/",
-    from: :e2e,
-    gzip: true,
-    only: E2eWeb.static_paths(),
-    raise_on_missing_only: code_reloading?
-```
+1. **App start** – Corex registers small stubs (e.g. Accordion, Combobox) as LiveSocket hooks. Each stub stores a function like `() => import("corex/accordion")` but does not run it yet.
+2. **Page load** – If the page has no Corex components, no component code is loaded.
+3. **Component appears** – When LiveView renders an element with `phx-hook="Accordion"`, LiveSocket mounts that hook and calls the stub's `mounted()`.
+4. **Dynamic load** – Inside `mounted()`, the stub runs `await import("corex/accordion")`. The browser fetches and executes the accordion chunk for the first time. The stub then delegates to the real hook.
+5. **Result** – Each component's JavaScript is loaded only when a DOM element with its `phx-hook` is mounted. If a component never appears on a page, its chunk is never fetched.
+
+### 4. Compression and dev performance
+
+In development, watchers output unminified, uncompressed assets. `Plug.Static` with `gzip: true` only serves pre-existing `.gz` files; watchers do not create them. If the app feels slow in development (especially with many nested components):
+
+1. Run `mix assets.deploy` instead of `mix assets.build` before `mix phx.server` for production-like asset output (minified and compressed).
+2. Ensure `gzip: true` is set on `Plug.Static` in your endpoint.
 
-See the [Production guide](production.html) for the final build in production environnement
\ No newline at end of file
+See the [Production guide](production.html) for the final build in production.
\ No newline at end of file
diff --git a/lib/components/angle_slider.ex b/lib/components/angle_slider.ex
new file mode 100644
index 0000000..1661461
--- /dev/null
+++ b/lib/components/angle_slider.ex
@@ -0,0 +1,246 @@
+defmodule Corex.AngleSlider do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Angle Slider](https://zagjs.com/components/react/angle-slider).
+
+  ## Examples
+
+  <!-- tabs-open -->
+
+  ### Basic
+
+  ```heex
+  <.angle_slider id="angle" class="angle-slider">
+    <:label>Angle</:label>
+  </.angle_slider>
+  ```
+
+  ### With marks
+
+  ```heex
+  <.angle_slider id="angle" class="angle-slider" marker_values={[0, 90, 180, 270]}>
+    <:label>Angle</:label>
+  </.angle_slider>
+  ```
+
+  ### Controlled
+
+  In controlled mode, use `on_value_change` and `on_value_change_client` so the thumb moves
+  during drag. Use `on_value_change_end` and `on_value_change_end_client` if you only need
+  to react when the user releases.
+
+  ```elixir
+  defmodule MyAppWeb.AngleSliderLive do
+    use MyAppWeb, :live_view
+
+    def mount(_params, _session, socket) do
+      {:ok, assign(socket, :angle, 0)}
+    end
+
+    def handle_event("angle_changed", %{"value" => value}, socket) do
+      {:noreply, assign(socket, :angle, value)}
+    end
+
+    def render(assigns) do
+      ~H"""
+      <.angle_slider
+        id="angle"
+        controlled
+        value={@angle}
+        on_value_change="angle_changed"
+        marker_values={[0, 90, 180, 270]}
+        class="angle-slider">
+        <:label>Angle</:label>
+      </.angle_slider>
+      """
+    end
+  end
+  ```
+
+  ## API Control
+
+  In order to use the API, you must use an id on the component.
+
+  ***Client-side***
+
+  ```heex
+  <button phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90)}>
+    Set to 90°
+  </button>
+  ```
+
+  ***Server-side***
+
+  ```elixir
+  def handle_event("set_angle", %{"value" => value}, socket) do
+    {:noreply, Corex.AngleSlider.set_value(socket, "my-angle-slider", String.to_float(value))}
+  end
+  ```
+
+  ## Machine API
+
+  The slider API exposes the following methods:
+
+  | Method | Type | Description |
+  |--------|------|-------------|
+  | value | number | The current value of the angle slider |
+  | valueAsDegree | string | The current value as a degree string |
+  | setValue | (value: number) => void | Sets the value of the angle slider |
+  | dragging | boolean | Whether the slider is being dragged |
+
+  ## Styling
+
+  Use data attributes: `[data-scope="angle-slider"][data-part="root"]`, `control`, `thumb`, `value-text` (with `value` and `text` spans), `marker-group`, `marker`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.AngleSlider.Anatomy.{
+    Props,
+    Root,
+    Label,
+    HiddenInput,
+    Control,
+    Thumb,
+    ValueText,
+    Value,
+    Text,
+    MarkerGroup,
+    Marker
+  }
+
+  alias Corex.AngleSlider.Connect
+
+  attr(:id, :string, required: false, doc: "The id of the angle slider")
+  attr(:value, :float, default: 0.0, doc: "The value or controlled value in degrees")
+  attr(:controlled, :boolean, default: false, doc: "Whether the value is controlled")
+  attr(:step, :float, default: 1.0, doc: "Step value")
+  attr(:disabled, :boolean, default: false, doc: "Whether the slider is disabled")
+  attr(:read_only, :boolean, default: false, doc: "Whether the slider is read-only")
+  attr(:invalid, :boolean, default: false, doc: "Whether the slider is invalid")
+  attr(:name, :string, default: nil, doc: "Name for form submission")
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"], doc: "Direction")
+
+  attr(:on_value_change, :string,
+    default: nil,
+    doc: "Server event when value changes (uncontrolled)"
+  )
+
+  attr(:on_value_change_client, :string,
+    default: nil,
+    doc: "Client event when value changes (uncontrolled)"
+  )
+
+  attr(:on_value_change_end, :string,
+    default: nil,
+    doc: "Server event when value change ends (controlled)"
+  )
+
+  attr(:on_value_change_end_client, :string,
+    default: nil,
+    doc: "Client event when value change ends (controlled)"
+  )
+
+  attr(:marker_values, :list,
+    default: [],
+    doc: "List of angle values to show as markers (e.g. [0, 90, 180, 270])"
+  )
+
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+
+  def angle_slider(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "angle-slider-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="AngleSlider"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        value: @value,
+        controlled: @controlled,
+        step: @step,
+        disabled: @disabled,
+        read_only: @read_only,
+        invalid: @invalid,
+        name: @name,
+        dir: @dir,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client,
+        on_value_change_end: @on_value_change_end,
+        on_value_change_end_client: @on_value_change_end_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir, value: @value})}>
+        <div :if={@label != []} {Connect.label(%Label{id: @id, dir: @dir})}>
+          {render_slot(@label)}
+        </div>
+        <div {Connect.control(%Control{id: @id, dir: @dir})}>
+          <div {Connect.thumb(%Thumb{id: @id, dir: @dir})} />
+          <div :if={@marker_values != []} {Connect.marker_group(%MarkerGroup{id: @id, dir: @dir})}>
+            <div :for={val <- @marker_values} {Connect.marker(%Marker{id: @id, value: val, slider_value: @value})} />
+          </div>
+        </div>
+        <div {Connect.value_text(%ValueText{id: @id, dir: @dir, value: @value})}>
+          <span {Connect.value(%Value{})}><%= @value %></span>
+          <span {Connect.text(%Text{})}>°</span>
+        </div>
+        <input {Connect.hidden_input(%HiddenInput{id: @id, name: @name, value: @value, disabled: @disabled})} />
+      </div>
+    </div>
+    """
+  end
+
+  @doc type: :api
+  @doc """
+  Sets the angle slider value from client-side. Returns a `Phoenix.LiveView.JS` command.
+
+  ## Examples
+
+      <button phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90)}>
+        Set to 90°
+      </button>
+  """
+  def set_value(angle_slider_id, value) when is_binary(angle_slider_id) and is_number(value) do
+    Phoenix.LiveView.JS.dispatch("phx:angle-slider:set-value",
+      to: "##{angle_slider_id}",
+      detail: %{value: value},
+      bubbles: false
+    )
+  end
+
+  @doc type: :api
+  @doc """
+  Sets the angle slider value from server-side. Pushes a LiveView event.
+
+  ## Examples
+
+      def handle_event("set_angle", %{"value" => value}, socket) do
+        angle = String.to_float(value)
+        {:noreply, Corex.AngleSlider.set_value(socket, "my-angle-slider", angle)}
+      end
+  """
+  def set_value(socket, angle_slider_id, value)
+      when is_struct(socket, Phoenix.LiveView.Socket) and is_binary(angle_slider_id) do
+    angle =
+      if is_binary(value) do
+        case Float.parse(value) do
+          {num, _} -> num
+          :error -> 0
+        end
+      else
+        value
+      end
+
+    Phoenix.LiveView.push_event(socket, "angle_slider_set_value", %{
+      angle_slider_id: angle_slider_id,
+      value: angle
+    })
+  end
+end
diff --git a/lib/components/angle_slider/anatomy.ex b/lib/components/angle_slider/anatomy.ex
new file mode 100644
index 0000000..382aca2
--- /dev/null
+++ b/lib/components/angle_slider/anatomy.ex
@@ -0,0 +1,115 @@
+defmodule Corex.AngleSlider.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      value: 0,
+      controlled: false,
+      step: 1,
+      disabled: false,
+      read_only: false,
+      invalid: false,
+      name: nil,
+      dir: "ltr",
+      on_value_change: nil,
+      on_value_change_client: nil,
+      on_value_change_end: nil,
+      on_value_change_end_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: number(),
+            controlled: boolean(),
+            step: number(),
+            disabled: boolean(),
+            read_only: boolean(),
+            invalid: boolean(),
+            name: String.t() | nil,
+            dir: String.t(),
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil,
+            on_value_change_end: String.t() | nil,
+            on_value_change_end_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir, :value]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t(), value: number()}
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule HiddenInput do
+    @moduledoc false
+    defstruct [:id, :name, :value, :disabled]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            name: String.t() | nil,
+            value: number(),
+            disabled: boolean()
+          }
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Thumb do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule ValueText do
+    @moduledoc false
+    defstruct [:id, :dir, :value]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t(), value: number()}
+  end
+
+  defmodule Value do
+    @moduledoc false
+    defstruct []
+
+    @type t :: %__MODULE__{}
+  end
+
+  defmodule Text do
+    @moduledoc false
+    defstruct []
+
+    @type t :: %__MODULE__{}
+  end
+
+  defmodule MarkerGroup do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Marker do
+    @moduledoc false
+    defstruct [:id, :value, :slider_value]
+
+    @type t :: %__MODULE__{id: String.t(), value: number(), slider_value: number()}
+  end
+end
diff --git a/lib/components/angle_slider/connect.ex b/lib/components/angle_slider/connect.ex
new file mode 100644
index 0000000..8119103
--- /dev/null
+++ b/lib/components/angle_slider/connect.ex
@@ -0,0 +1,153 @@
+defmodule Corex.AngleSlider.Connect do
+  @moduledoc false
+  alias Corex.AngleSlider.Anatomy.{
+    Props,
+    Root,
+    Label,
+    HiddenInput,
+    Control,
+    Thumb,
+    ValueText,
+    Value,
+    Text,
+    MarkerGroup,
+    Marker
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-default-value" => if(assigns.controlled, do: nil, else: to_string(assigns.value)),
+      "data-value" => if(assigns.controlled, do: to_string(assigns.value), else: nil),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-step" => to_string(assigns.step),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-name" => assigns.name,
+      "data-dir" => assigns.dir,
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client,
+      "data-on-value-change-end" => assigns.on_value_change_end,
+      "data-on-value-change-end-client" => assigns.on_value_change_end_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    value = assigns.value
+    angle = "#{value}deg"
+
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}",
+      "style" => "--value:#{value};--angle:#{angle};"
+    }
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}:label"
+    }
+  end
+
+  @spec hidden_input(HiddenInput.t()) :: map()
+  def hidden_input(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "hidden-input",
+      "type" => "hidden",
+      "name" => assigns.name,
+      "value" => to_string(assigns.value),
+      "disabled" => data_attr(assigns.disabled),
+      "id" => "angle-slider:#{assigns.id}:input"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "control",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}:control"
+    }
+  end
+
+  @spec thumb(Thumb.t()) :: map()
+  def thumb(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "thumb",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}:thumb",
+      "style" => "rotate:var(--angle);"
+    }
+  end
+
+  @spec value_text(ValueText.t()) :: map()
+  def value_text(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "value-text",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}:value-text"
+    }
+  end
+
+  @spec value(Value.t()) :: map()
+  def value(_assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "value"
+    }
+  end
+
+  @spec text(Text.t()) :: map()
+  def text(_assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "text"
+    }
+  end
+
+  @spec marker_group(MarkerGroup.t()) :: map()
+  def marker_group(assigns) do
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "marker-group",
+      "dir" => assigns.dir,
+      "id" => "angle-slider:#{assigns.id}:marker-group"
+    }
+  end
+
+  @spec marker(Marker.t()) :: map()
+  def marker(assigns) do
+    state =
+      cond do
+        assigns.value < assigns.slider_value -> "under-value"
+        assigns.value > assigns.slider_value -> "over-value"
+        true -> "at-value"
+      end
+
+    %{
+      "data-scope" => "angle-slider",
+      "data-part" => "marker",
+      "data-value" => to_string(assigns.value),
+      "data-state" => state,
+      "id" => "angle-slider:#{assigns.id}:marker:#{assigns.value}",
+      "style" => "--marker-value:#{assigns.value};rotate:calc(var(--marker-value) * 1deg);"
+    }
+  end
+end
diff --git a/lib/components/avatar.ex b/lib/components/avatar.ex
new file mode 100644
index 0000000..228a707
--- /dev/null
+++ b/lib/components/avatar.ex
@@ -0,0 +1,85 @@
+defmodule Corex.Avatar do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Avatar](https://zagjs.com/components/react/avatar).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.avatar id="avatar" src="/me.jpg" class="avatar">
+    <:fallback>JD</:fallback>
+  </.avatar>
+  ```
+
+  ## Styling
+
+  Use data attributes: `[data-scope="avatar"][data-part="root"]`, `image`, `fallback`, `skeleton`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.Avatar.Anatomy.{Props, Root, Image, Fallback, Skeleton}
+  alias Corex.Avatar.Connect
+
+  attr(:id, :string, required: false, doc: "The id of the avatar")
+  attr(:src, :string, default: nil, doc: "Image source URL")
+  attr(:alt, :string, default: "", doc: "Alternative text for the image")
+
+  attr(:on_status_change, :string,
+    default: nil,
+    doc: "Server event when image load status changes"
+  )
+
+  attr(:on_status_change_client, :string,
+    default: nil,
+    doc: "Client event when image load status changes"
+  )
+
+  attr(:rest, :global)
+
+  slot(:fallback, required: true)
+
+  def avatar(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "avatar-#{System.unique_integer([:positive])}" end)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="Avatar"
+      data-src={@src}
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        on_status_change: @on_status_change,
+        on_status_change_client: @on_status_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id})}>
+        <span
+          :if={@src}
+          data-state="visible"
+          {Connect.skeleton(%Skeleton{id: @id})}
+        />
+        <img
+          :if={@src}
+          hidden
+          data-state="hidden"
+          alt={@alt}
+          {Connect.image(%Image{id: @id, src: @src})}
+        />
+        <span
+          data-state={if @src, do: "hidden", else: "visible"}
+          hidden={@src != nil}
+          {Connect.fallback(%Fallback{id: @id})}
+        >
+          {render_slot(@fallback)}
+        </span>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/avatar/anatomy.ex b/lib/components/avatar/anatomy.ex
new file mode 100644
index 0000000..679ed56
--- /dev/null
+++ b/lib/components/avatar/anatomy.ex
@@ -0,0 +1,48 @@
+defmodule Corex.Avatar.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      on_status_change: nil,
+      on_status_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            on_status_change: String.t() | nil,
+            on_status_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Image do
+    @moduledoc false
+    defstruct [:id, :src]
+
+    @type t :: %__MODULE__{id: String.t(), src: String.t() | nil}
+  end
+
+  defmodule Fallback do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Skeleton do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+end
diff --git a/lib/components/avatar/connect.ex b/lib/components/avatar/connect.ex
new file mode 100644
index 0000000..d4bad30
--- /dev/null
+++ b/lib/components/avatar/connect.ex
@@ -0,0 +1,53 @@
+defmodule Corex.Avatar.Connect do
+  @moduledoc false
+  alias Corex.Avatar.Anatomy.{Props, Root, Image, Fallback, Skeleton}
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-on-status-change" => assigns.on_status_change,
+      "data-on-status-change-client" => assigns.on_status_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "avatar",
+      "data-part" => "root",
+      "id" => "avatar:#{assigns.id}"
+    }
+  end
+
+  @spec image(Image.t()) :: map()
+  def image(assigns) do
+    %{
+      "data-scope" => "avatar",
+      "data-part" => "image",
+      "id" => "avatar:#{assigns.id}:image"
+    }
+    |> maybe_put("src", assigns.src)
+  end
+
+  @spec fallback(Fallback.t()) :: map()
+  def fallback(assigns) do
+    %{
+      "data-scope" => "avatar",
+      "data-part" => "fallback",
+      "id" => "avatar:#{assigns.id}:fallback"
+    }
+  end
+
+  @spec skeleton(Skeleton.t()) :: map()
+  def skeleton(assigns) do
+    %{
+      "data-scope" => "avatar",
+      "data-part" => "skeleton",
+      "id" => "avatar:#{assigns.id}:skeleton"
+    }
+  end
+
+  defp maybe_put(map, _key, nil), do: map
+  defp maybe_put(map, key, value), do: Map.put(map, key, value)
+end
diff --git a/lib/components/carousel.ex b/lib/components/carousel.ex
new file mode 100644
index 0000000..8e4da76
--- /dev/null
+++ b/lib/components/carousel.ex
@@ -0,0 +1,135 @@
+defmodule Corex.Carousel do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Carousel](https://zagjs.com/components/react/carousel).
+
+  ## Examples
+
+  ### Basic with image URLs
+
+  ```heex
+  <.carousel id="car" items={["/images/beach.jpg", "/images/fall.jpg", "/images/sand.jpg"]} class="carousel">
+    <:prev_trigger>
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /></svg>
+    </:prev_trigger>
+    <:next_trigger>
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>
+    </:next_trigger>
+  </.carousel>
+  ```
+
+  Items can be URLs (strings) or maps with `:url` and optional `:alt` keys.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="carousel"][data-part="root"]`, `control`, `item-group`, `item`, `prev-trigger`, `next-trigger`, `indicator-group`, `indicator`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.Carousel.Anatomy.{
+    Props,
+    Root,
+    Control,
+    ItemGroup,
+    Item,
+    PrevTrigger,
+    NextTrigger,
+    IndicatorGroup,
+    Indicator
+  }
+
+  alias Corex.Carousel.Connect
+
+  attr(:id, :string, required: false)
+
+  attr(:items, :list,
+    required: true,
+    doc: "List of image URLs (strings) or maps with :url and optional :alt"
+  )
+
+  attr(:page, :integer, default: 0)
+  attr(:controlled, :boolean, default: false)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:orientation, :string, default: "horizontal", values: ["horizontal", "vertical"])
+  attr(:slides_per_page, :integer, default: 1)
+  attr(:loop, :boolean, default: false)
+  attr(:allow_mouse_drag, :boolean, default: false)
+  attr(:spacing, :string, default: "0px")
+  attr(:on_page_change, :string, default: nil)
+  attr(:on_page_change_client, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:prev_trigger, required: true)
+  slot(:next_trigger, required: true)
+
+  def carousel(assigns) do
+    items = List.wrap(assigns.items)
+    slide_count = length(items)
+    slides_per_page = assigns.slides_per_page || 1
+    per_move = slides_per_page
+
+    total_pages =
+      0..max(0, slide_count - 1)
+      |> Enum.take_every(max(1, per_move))
+      |> Enum.count(fn i -> i + slides_per_page <= slide_count end)
+
+    page = assigns.page || 0
+    loop = assigns.loop || false
+    prev_disabled = !loop and page <= 0
+    next_disabled = !loop and (total_pages == 0 or page >= total_pages - 1)
+
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "carousel-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign(:items, items)
+      |> assign(:slide_count, slide_count)
+      |> assign(:prev_disabled, prev_disabled)
+      |> assign(:next_disabled, next_disabled)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="Carousel"
+      data-slide-count={@slide_count}
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        slide_count: @slide_count,
+        page: @page,
+        controlled: @controlled,
+        dir: @dir,
+        orientation: @orientation,
+        slides_per_page: @slides_per_page,
+        loop: @loop,
+        autoplay: false,
+        allow_mouse_drag: @allow_mouse_drag,
+        spacing: @spacing,
+        on_page_change: @on_page_change,
+        on_page_change_client: @on_page_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir, orientation: @orientation, slides_per_page: @slides_per_page, spacing: @spacing})}>
+        <div {Connect.item_group(%ItemGroup{id: @id, orientation: @orientation, dir: @dir})}>
+          <div :for={{item, i} <- Enum.with_index(@items)} {Connect.item(%Item{id: @id, index: i, orientation: @orientation, slide_count: @slide_count})} data-index={i}>
+            <img :if={is_binary(item)} src={item} alt="" />
+            <img :if={!is_binary(item)} src={Map.get(item, :url) || Map.get(item, "url") || ""} alt={Map.get(item, :alt) || Map.get(item, "alt") || "Slide #{i + 1}"} />
+          </div>
+        </div>
+        <div {Connect.control(%Control{id: @id, orientation: @orientation})}>
+          <button type="button" {Connect.prev_trigger(%PrevTrigger{id: @id, disabled: @prev_disabled})}>
+            <%= render_slot(@prev_trigger) %>
+          </button>
+          <div {Connect.indicator_group(%IndicatorGroup{id: @id, orientation: @orientation, dir: @dir})}>
+            <button :for={i <- 0..(@slide_count - 1)} type="button" {Connect.indicator(%Indicator{id: @id, index: i, orientation: @orientation, dir: @dir, page: @page})} data-index={i} aria-label={"Go to slide #{i + 1}"}></button>
+          </div>
+          <button type="button" {Connect.next_trigger(%NextTrigger{id: @id, disabled: @next_disabled})}>
+            <%= render_slot(@next_trigger) %>
+          </button>
+        </div>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/carousel/anatomy.ex b/lib/components/carousel/anatomy.ex
new file mode 100644
index 0000000..3445e10
--- /dev/null
+++ b/lib/components/carousel/anatomy.ex
@@ -0,0 +1,113 @@
+defmodule Corex.Carousel.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      slide_count: 0,
+      page: 0,
+      controlled: false,
+      dir: "ltr",
+      orientation: "horizontal",
+      slides_per_page: 1,
+      loop: false,
+      autoplay: false,
+      allow_mouse_drag: false,
+      spacing: "0px",
+      on_page_change: nil,
+      on_page_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            slide_count: non_neg_integer(),
+            page: non_neg_integer(),
+            controlled: boolean(),
+            dir: String.t(),
+            orientation: String.t(),
+            slides_per_page: non_neg_integer(),
+            loop: boolean(),
+            autoplay: boolean(),
+            allow_mouse_drag: boolean(),
+            spacing: String.t(),
+            on_page_change: String.t() | nil,
+            on_page_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir, :orientation, :slides_per_page, :spacing]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            dir: String.t(),
+            orientation: String.t(),
+            slides_per_page: non_neg_integer(),
+            spacing: String.t()
+          }
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id, :orientation]
+
+    @type t :: %__MODULE__{id: String.t(), orientation: String.t()}
+  end
+
+  defmodule ItemGroup do
+    @moduledoc false
+    defstruct [:id, :orientation, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), orientation: String.t(), dir: String.t()}
+  end
+
+  defmodule Item do
+    @moduledoc false
+    defstruct [:id, :index, :orientation, :slide_count]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            index: non_neg_integer(),
+            orientation: String.t(),
+            slide_count: non_neg_integer()
+          }
+  end
+
+  defmodule PrevTrigger do
+    @moduledoc false
+    defstruct [:id, :disabled]
+
+    @type t :: %__MODULE__{id: String.t(), disabled: boolean()}
+  end
+
+  defmodule NextTrigger do
+    @moduledoc false
+    defstruct [:id, :disabled]
+
+    @type t :: %__MODULE__{id: String.t(), disabled: boolean()}
+  end
+
+  defmodule IndicatorGroup do
+    @moduledoc false
+    defstruct [:id, :orientation, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), orientation: String.t(), dir: String.t()}
+  end
+
+  defmodule Indicator do
+    @moduledoc false
+    defstruct [:id, :index, :orientation, :dir, :page]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            index: non_neg_integer(),
+            orientation: String.t(),
+            dir: String.t(),
+            page: non_neg_integer()
+          }
+  end
+end
diff --git a/lib/components/carousel/connect.ex b/lib/components/carousel/connect.ex
new file mode 100644
index 0000000..96e06e5
--- /dev/null
+++ b/lib/components/carousel/connect.ex
@@ -0,0 +1,174 @@
+defmodule Corex.Carousel.Connect do
+  @moduledoc false
+  alias Corex.Carousel.Anatomy.{
+    Props,
+    Root,
+    Control,
+    ItemGroup,
+    Item,
+    PrevTrigger,
+    NextTrigger,
+    IndicatorGroup,
+    Indicator
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-slide-count" => to_string(assigns.slide_count),
+      "data-page" => if(assigns.controlled, do: to_string(assigns.page), else: nil),
+      "data-default-page" => if(assigns.controlled, do: nil, else: to_string(assigns.page)),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-dir" => assigns.dir,
+      "data-orientation" => assigns.orientation,
+      "data-slides-per-page" => to_string(assigns.slides_per_page),
+      "data-loop" => data_attr(assigns.loop),
+      "data-allow-mouse-drag" => data_attr(assigns.allow_mouse_drag),
+      "data-spacing" => assigns.spacing,
+      "data-on-page-change" => assigns.on_page_change,
+      "data-on-page-change-client" => assigns.on_page_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    slides_per_page = assigns.slides_per_page || 1
+    spacing = assigns.spacing || "0px"
+
+    slide_item_size =
+      "calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))"
+
+    style =
+      "--slides-per-page:#{slides_per_page};--slide-spacing:#{spacing};--slide-item-size:#{slide_item_size};aspect-ratio:4/3"
+
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "root",
+      "data-orientation" => assigns.orientation || "horizontal",
+      "dir" => assigns.dir,
+      "id" => "carousel:#{assigns.id}",
+      "style" => style
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "control",
+      "data-orientation" => assigns.orientation || "horizontal",
+      "id" => "carousel:#{assigns.id}:control"
+    }
+  end
+
+  @spec item_group(ItemGroup.t()) :: map()
+  def item_group(assigns) do
+    horizontal = (assigns.orientation || "horizontal") == "horizontal"
+
+    style =
+      if horizontal do
+        "display:grid;gap:var(--slide-spacing);scroll-snap-type:x mandatory;grid-auto-flow:column;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:var(--slide-item-size);overflow-x:auto"
+      else
+        "display:grid;gap:var(--slide-spacing);scroll-snap-type:y mandatory;grid-auto-flow:row;scrollbar-width:none;overscroll-behavior-y:contain;grid-auto-rows:var(--slide-item-size);overflow-y:auto"
+      end
+
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "item-group",
+      "data-orientation" => assigns.orientation || "horizontal",
+      "dir" => assigns.dir,
+      "id" => "carousel:#{assigns.id}:item-group",
+      "aria-live" => "polite",
+      "style" => style,
+      "tabindex" => "0"
+    }
+  end
+
+  @spec item(Item.t()) :: map()
+  def item(assigns) do
+    horizontal = (assigns.orientation || "horizontal") == "horizontal"
+    size_style = if horizontal, do: "max-width:100%", else: "max-height:100%"
+    slide_count = assigns.slide_count || 1
+
+    style = "flex:0 0 auto;#{size_style};scroll-snap-align:start"
+
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "item",
+      "data-index" => to_string(assigns.index),
+      "data-orientation" => assigns.orientation || "horizontal",
+      "dir" => Map.get(assigns, :dir, "ltr"),
+      "id" => "carousel:#{assigns.id}:item:#{assigns.index}",
+      "role" => "group",
+      "aria-roledescription" => "slide",
+      "aria-label" => "#{assigns.index + 1} of #{slide_count}",
+      "style" => style
+    }
+  end
+
+  @spec prev_trigger(PrevTrigger.t()) :: map()
+  def prev_trigger(assigns) do
+    base = %{
+      "data-scope" => "carousel",
+      "data-part" => "prev-trigger",
+      "type" => "button",
+      "aria-label" => "Previous slide",
+      "id" => "carousel:#{assigns.id}:prev"
+    }
+
+    if Map.get(assigns, :disabled, false) do
+      Map.put(base, "disabled", "")
+    else
+      base
+    end
+  end
+
+  @spec next_trigger(NextTrigger.t()) :: map()
+  def next_trigger(assigns) do
+    base = %{
+      "data-scope" => "carousel",
+      "data-part" => "next-trigger",
+      "type" => "button",
+      "aria-label" => "Next slide",
+      "id" => "carousel:#{assigns.id}:next"
+    }
+
+    if Map.get(assigns, :disabled, false) do
+      Map.put(base, "disabled", "")
+    else
+      base
+    end
+  end
+
+  @spec indicator_group(IndicatorGroup.t()) :: map()
+  def indicator_group(assigns) do
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "indicator-group",
+      "data-orientation" => assigns.orientation || "horizontal",
+      "dir" => assigns.dir || "ltr",
+      "id" => "carousel:#{assigns.id}:indicator-group"
+    }
+  end
+
+  @spec indicator(Indicator.t()) :: map()
+  def indicator(assigns) do
+    page = Map.get(assigns, :page, 0)
+
+    %{
+      "data-scope" => "carousel",
+      "data-part" => "indicator",
+      "data-index" => to_string(assigns.index),
+      "data-current" => data_attr(assigns.index == page),
+      "data-orientation" => assigns.orientation || "horizontal",
+      "dir" => assigns.dir || "ltr",
+      "type" => "button",
+      "id" => "carousel:#{assigns.id}:indicator:#{assigns.index}"
+    }
+  end
+end
diff --git a/lib/components/combobox/anatomy.ex b/lib/components/combobox/anatomy.ex
index 4aebe16..3b1e036 100644
--- a/lib/components/combobox/anatomy.ex
+++ b/lib/components/combobox/anatomy.ex
@@ -1,6 +1,6 @@
 defmodule Corex.Combobox.Anatomy do
   @moduledoc false
-  alias Corex.Collection
+  alias Corex.Tree
 
   defmodule Props do
     @moduledoc false
@@ -36,7 +36,7 @@ defmodule Corex.Combobox.Anatomy do
 
     @type t :: %__MODULE__{
             id: String.t(),
-            collection: list(Collection.Item.t() | map()),
+            collection: list(Tree.Item.t() | map()),
             controlled: boolean(),
             placeholder: String.t() | nil,
             value: list(String.t()),
diff --git a/lib/components/editable.ex b/lib/components/editable.ex
new file mode 100644
index 0000000..7d8162d
--- /dev/null
+++ b/lib/components/editable.ex
@@ -0,0 +1,135 @@
+defmodule Corex.Editable do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Editable](https://zagjs.com/components/react/editable).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.editable id="edit" value="Click to edit" class="editable">
+    <:label>Name</:label>
+    <:edit_trigger><.icon name="hero-pencil-square" class="icon" /></:edit_trigger>
+    <:submit_trigger><.icon name="hero-check" class="icon" /></:submit_trigger>
+    <:cancel_trigger><.icon name="hero-x-mark" class="icon" /></:cancel_trigger>
+  </.editable>
+  ```
+
+  Required slots: `:label`, `:edit_trigger`, `:submit_trigger`, `:cancel_trigger`. Preview value is managed by the component and the Editable TS hook.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="editable"][data-part="root"]`, `area`, `label`, `input`, `preview`, `edit-trigger`, `control`, `submit-trigger`, `cancel-trigger`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.Editable.Anatomy.{
+    Props,
+    Root,
+    Area,
+    Label,
+    Input,
+    Preview,
+    EditTrigger,
+    Triggers,
+    SubmitTrigger,
+    CancelTrigger
+  }
+
+  alias Corex.Editable.Connect
+
+  attr(:id, :string, required: false)
+  attr(:value, :string, default: "")
+  attr(:controlled, :boolean, default: false)
+  attr(:disabled, :boolean, default: false)
+  attr(:read_only, :boolean, default: false)
+  attr(:required, :boolean, default: false)
+  attr(:invalid, :boolean, default: false)
+  attr(:name, :string, default: nil)
+  attr(:form, :string, default: nil)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:edit, :boolean, default: false)
+  attr(:controlled_edit, :boolean, default: false)
+  attr(:default_edit, :boolean, default: false)
+  attr(:placeholder, :string, default: nil)
+  attr(:activation_mode, :string, default: nil, values: [nil, "dblclick", "focus"])
+  attr(:select_on_focus, :boolean, default: true)
+  attr(:on_value_change, :string, default: nil)
+  attr(:on_value_change_client, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:label, required: true)
+  slot(:edit_trigger, required: true)
+  slot(:submit_trigger, required: true)
+  slot(:cancel_trigger, required: true)
+
+  def editable(assigns) do
+    empty = String.trim(assigns[:value] || "") == ""
+    editing = assigns[:default_edit] || false
+    value_text = if(empty, do: assigns[:placeholder] || "", else: assigns[:value] || "")
+
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "editable-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign(:empty, empty)
+      |> assign(:editing, editing)
+      |> assign(:value_text, value_text)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="Editable"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        value: @value,
+        controlled: @controlled,
+        disabled: @disabled,
+        read_only: @read_only,
+        required: @required,
+        invalid: @invalid,
+        name: @name,
+        form: @form,
+        dir: @dir,
+        edit: @edit,
+        controlled_edit: @controlled_edit,
+        default_edit: @default_edit,
+        placeholder: @placeholder,
+        activation_mode: @activation_mode,
+        select_on_focus: @select_on_focus,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir})}>
+      <label {Connect.label(%Label{id: @id, dir: @dir})}>
+        {render_slot(@label)}
+      </label>
+        <div data-scope="editable" data-part="control">
+          <div {Connect.area(%Area{id: @id, dir: @dir, empty: @empty, editing: @editing, auto_resize: true})}>
+            <input type="text" {Connect.input(%Input{id: @id, disabled: @disabled, value: @value, placeholder: @placeholder, name: @name, form: @form, required: @required, read_only: @read_only, editing: @editing, aria_label: "editable input"})} />
+            <span {Connect.preview(%Preview{id: @id, dir: @dir, value_text: @value_text, empty: @empty, editing: @editing})}>
+              {@value_text}
+            </span>
+          </div>
+          <div {Connect.triggers(%Triggers{})}>
+            <button type="button" {Connect.edit_trigger(%EditTrigger{id: @id, dir: @dir, editing: @editing})}>
+              {render_slot(@edit_trigger)}
+            </button>
+            <button type="button" {Connect.submit_trigger(%SubmitTrigger{id: @id, dir: @dir, editing: @editing})}>
+              {render_slot(@submit_trigger)}
+            </button>
+            <button type="button" {Connect.cancel_trigger(%CancelTrigger{id: @id, dir: @dir, editing: @editing})}>
+              {render_slot(@cancel_trigger)}
+            </button>
+        </div>
+        </div>
+
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/editable/anatomy.ex b/lib/components/editable/anatomy.ex
new file mode 100644
index 0000000..97507d7
--- /dev/null
+++ b/lib/components/editable/anatomy.ex
@@ -0,0 +1,154 @@
+defmodule Corex.Editable.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      value: "",
+      controlled: false,
+      disabled: false,
+      read_only: false,
+      required: false,
+      invalid: false,
+      name: nil,
+      form: nil,
+      dir: "ltr",
+      edit: false,
+      controlled_edit: false,
+      default_edit: false,
+      placeholder: nil,
+      activation_mode: nil,
+      select_on_focus: true,
+      on_value_change: nil,
+      on_value_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t(),
+            controlled: boolean(),
+            disabled: boolean(),
+            read_only: boolean(),
+            required: boolean(),
+            invalid: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            dir: String.t(),
+            edit: boolean(),
+            controlled_edit: boolean(),
+            default_edit: boolean(),
+            placeholder: String.t() | nil,
+            activation_mode: String.t() | nil,
+            select_on_focus: boolean(),
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Area do
+    @moduledoc false
+    defstruct [:id, :dir, empty: false, editing: false, auto_resize: true]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            dir: String.t(),
+            empty: boolean(),
+            editing: boolean(),
+            auto_resize: boolean()
+          }
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Input do
+    @moduledoc false
+    defstruct [
+      :id,
+      :disabled,
+      :value,
+      :placeholder,
+      :name,
+      :form,
+      :aria_label,
+      required: false,
+      read_only: false,
+      editing: false
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            disabled: boolean(),
+            value: String.t() | nil,
+            placeholder: String.t() | nil,
+            name: String.t() | nil,
+            form: String.t() | nil,
+            aria_label: String.t() | nil,
+            required: boolean(),
+            read_only: boolean(),
+            editing: boolean()
+          }
+  end
+
+  defmodule Preview do
+    @moduledoc false
+    defstruct [:id, :dir, :value_text, empty: false, editing: false]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            dir: String.t(),
+            value_text: String.t() | nil,
+            empty: boolean(),
+            editing: boolean()
+          }
+  end
+
+  defmodule EditTrigger do
+    @moduledoc false
+    defstruct [:id, :dir, editing: false]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t(), editing: boolean()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Triggers do
+    @moduledoc false
+    defstruct []
+
+    @type t :: %__MODULE__{}
+  end
+
+  defmodule SubmitTrigger do
+    @moduledoc false
+    defstruct [:id, :dir, editing: false]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t(), editing: boolean()}
+  end
+
+  defmodule CancelTrigger do
+    @moduledoc false
+    defstruct [:id, :dir, editing: false]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t(), editing: boolean()}
+  end
+end
diff --git a/lib/components/editable/connect.ex b/lib/components/editable/connect.ex
new file mode 100644
index 0000000..cd8ae57
--- /dev/null
+++ b/lib/components/editable/connect.ex
@@ -0,0 +1,176 @@
+defmodule Corex.Editable.Connect do
+  @moduledoc false
+  alias Corex.Editable.Anatomy.{
+    Props,
+    Root,
+    Area,
+    Label,
+    Input,
+    Preview,
+    EditTrigger,
+    Control,
+    Triggers,
+    SubmitTrigger,
+    CancelTrigger
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-value" => if(assigns.controlled, do: assigns.value, else: nil),
+      "data-default-value" => if(assigns.controlled, do: nil, else: assigns.value),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-required" => data_attr(assigns.required),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-name" => assigns.name,
+      "data-form" => assigns.form,
+      "data-dir" => assigns.dir,
+      "data-edit" => if(assigns.controlled_edit, do: data_attr(assigns.edit), else: nil),
+      "data-default-edit" =>
+        if(assigns.controlled_edit, do: nil, else: data_attr(assigns.default_edit)),
+      "data-controlled-edit" => data_attr(assigns.controlled_edit),
+      "data-placeholder" => assigns.placeholder,
+      "data-activation-mode" => assigns.activation_mode,
+      "data-select-on-focus" => data_attr(assigns.select_on_focus),
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}"
+    }
+  end
+
+  @spec area(Area.t()) :: map()
+  def area(assigns) do
+    base = %{
+      "data-scope" => "editable",
+      "data-part" => "area",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:area",
+      "data-focus" => data_attr(assigns.editing),
+      "data-placeholder-shown" => data_attr(assigns.empty)
+    }
+
+    if assigns.auto_resize do
+      Map.put(base, "style", "display:inline-grid")
+    else
+      base
+    end
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:label",
+      "for" => "editable:#{assigns.id}:input"
+    }
+  end
+
+  @spec input(Input.t()) :: map()
+  def input(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "input",
+      "disabled" => data_attr(assigns.disabled),
+      "id" => "editable:#{assigns.id}:input",
+      "required" => data_attr(assigns.required),
+      "readonly" => data_attr(assigns.read_only),
+      "aria-label" => assigns.aria_label || "editable input",
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-readonly" => data_attr(assigns.read_only)
+    }
+    |> maybe_put("placeholder", assigns.placeholder)
+    |> maybe_put("name", assigns.name)
+    |> maybe_put("form", assigns.form)
+    |> maybe_put("value", assigns.value)
+    |> maybe_put("hidden", if(assigns.editing, do: nil, else: ""))
+  end
+
+  @spec preview(Preview.t()) :: map()
+  def preview(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "preview",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:preview",
+      "data-placeholder-shown" => data_attr(assigns.empty),
+      "aria-label" => "edit",
+      "tabindex" => "0",
+      "hidden" => if(assigns.editing, do: "", else: nil)
+    }
+  end
+
+  @spec edit_trigger(EditTrigger.t()) :: map()
+  def edit_trigger(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "edit-trigger",
+      "type" => "button",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:edit-trigger",
+      "aria-label" => "edit",
+      "hidden" => if(assigns.editing, do: "", else: nil)
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "control",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:control"
+    }
+  end
+
+  @spec triggers(Triggers.t()) :: map()
+  def triggers(_assigns) do
+    %{"data-scope" => "editable", "data-part" => "triggers"}
+  end
+
+  @spec submit_trigger(SubmitTrigger.t()) :: map()
+  def submit_trigger(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "submit-trigger",
+      "type" => "button",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:submit-trigger",
+      "aria-label" => "submit",
+      "hidden" => if(assigns.editing, do: nil, else: "")
+    }
+  end
+
+  @spec cancel_trigger(CancelTrigger.t()) :: map()
+  def cancel_trigger(assigns) do
+    %{
+      "data-scope" => "editable",
+      "data-part" => "cancel-trigger",
+      "type" => "button",
+      "dir" => assigns.dir,
+      "id" => "editable:#{assigns.id}:cancel-trigger",
+      "aria-label" => "cancel",
+      "hidden" => if(assigns.editing, do: nil, else: "")
+    }
+  end
+
+  defp maybe_put(map, _key, nil), do: map
+  defp maybe_put(map, key, value), do: Map.put(map, key, value)
+end
diff --git a/lib/components/floating_panel.ex b/lib/components/floating_panel.ex
new file mode 100644
index 0000000..e8e8366
--- /dev/null
+++ b/lib/components/floating_panel.ex
@@ -0,0 +1,177 @@
+defmodule Corex.FloatingPanel do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Floating Panel](https://zagjs.com/components/react/floating-panel).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.floating_panel id="my-floating-panel" default_open={false} class="floating-panel">
+    <:open_trigger>Close panel</:open_trigger>
+    <:closed_trigger>Open panel</:closed_trigger>
+    <:minimize_trigger>
+      <.icon name="hero-arrow-down-left" class="icon" />
+    </:minimize_trigger>
+    <:maximize_trigger>
+      <.icon name="hero-arrows-pointing-out" class="icon" />
+    </:maximize_trigger>
+    <:default_trigger>
+      <.icon name="hero-rectangle-stack" class="icon" />
+    </:default_trigger>
+    <:close_trigger>
+      <.icon name="hero-x-mark" class="icon" />
+    </:close_trigger>
+    <:content>
+      <p>
+        Congue molestie ipsum gravida a. Sed ac eros luctus, cursus turpis
+        non, pellentesque elit. Pellentesque sagittis fermentum.
+      </p>
+    </:content>
+  </.floating_panel>
+  ```
+
+  Required slots: `:open_trigger`, `:closed_trigger`, `:minimize_trigger`, `:maximize_trigger`, `:default_trigger`, `:close_trigger`, `:content`.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="floating-panel"][data-part="root"]`, `trigger`, `positioner`, `content`, `title`, `header`, `body`, `drag-trigger`, `resize-trigger`, `close-trigger`, `control`, `stage-trigger`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.FloatingPanel.Anatomy.{
+    Props,
+    Root,
+    Trigger,
+    Positioner,
+    Content,
+    Title,
+    Header,
+    Body,
+    DragTrigger,
+    ResizeTrigger,
+    CloseTrigger,
+    Control,
+    StageTrigger
+  }
+
+  alias Corex.FloatingPanel.Connect
+
+  @resize_axes ~w(n e w s ne se sw nw)
+  @stages ~w(minimized maximized default)
+
+  attr(:id, :string, required: false)
+  attr(:open, :boolean, default: nil)
+  attr(:default_open, :boolean, default: false)
+  attr(:controlled, :boolean, default: false)
+  attr(:draggable, :boolean, default: true)
+  attr(:resizable, :boolean, default: true)
+  attr(:allow_overflow, :boolean, default: true)
+  attr(:close_on_escape, :boolean, default: true)
+  attr(:disabled, :boolean, default: false)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:size, :map, default: nil)
+  attr(:default_size, :map, default: nil)
+  attr(:position, :map, default: nil)
+  attr(:default_position, :map, default: nil)
+  attr(:min_size, :map, default: nil)
+  attr(:max_size, :map, default: nil)
+  attr(:persist_rect, :boolean, default: false)
+  attr(:grid_size, :integer, default: 1)
+  attr(:on_open_change, :string, default: nil)
+  attr(:on_open_change_client, :string, default: nil)
+  attr(:on_position_change, :string, default: nil)
+  attr(:on_size_change, :string, default: nil)
+  attr(:on_stage_change, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:open_trigger, required: true)
+  slot(:closed_trigger, required: true)
+  slot(:minimize_trigger, required: true)
+  slot(:maximize_trigger, required: true)
+  slot(:default_trigger, required: true)
+  slot(:close_trigger, required: true)
+  slot(:content, required: true)
+
+  def floating_panel(assigns) do
+    initial_open = if assigns[:controlled], do: assigns[:open], else: assigns[:default_open]
+
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "floating-panel-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign_new(:open, fn -> false end)
+      |> assign(:initial_open, initial_open)
+      |> assign(:resize_axes, @resize_axes)
+      |> assign(:stages, @stages)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="FloatingPanel"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        open: @open,
+        default_open: @default_open,
+        controlled: @controlled,
+        draggable: @draggable,
+        resizable: @resizable,
+        allow_overflow: @allow_overflow,
+        close_on_escape: @close_on_escape,
+        disabled: @disabled,
+        dir: @dir,
+        size: @size,
+        default_size: @default_size,
+        position: @position,
+        default_position: @default_position,
+        min_size: @min_size,
+        max_size: @max_size,
+        persist_rect: @persist_rect,
+        grid_size: @grid_size,
+        on_open_change: @on_open_change,
+        on_open_change_client: @on_open_change_client,
+        on_position_change: @on_position_change,
+        on_size_change: @on_size_change,
+        on_stage_change: @on_stage_change
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir})}>
+        <button type="button" {Connect.trigger(%Trigger{id: @id, initial_open: @initial_open})}>
+          <span data-open>{render_slot(@open_trigger)}</span>
+          <span data-closed>{render_slot(@closed_trigger)}</span>
+        </button>
+        <div {Connect.positioner(%Positioner{id: @id})}>
+          <div {Connect.content(%Content{id: @id, initial_open: @initial_open})}>
+            <div {Connect.drag_trigger(%DragTrigger{id: @id})}>
+              <div {Connect.header(%Header{id: @id})}>
+                <div {Connect.title(%Title{id: @id})}>Panel</div>
+                <div {Connect.control(%Control{id: @id})}>
+                  <button type="button" {Connect.stage_trigger(%StageTrigger{id: @id, stage: "minimized"})} aria-label="Minimize window">
+                    {render_slot(@minimize_trigger)}
+                  </button>
+                  <button type="button" {Connect.stage_trigger(%StageTrigger{id: @id, stage: "maximized"})} aria-label="Maximize window">
+                    {render_slot(@maximize_trigger)}
+                  </button>
+                  <button type="button" {Connect.stage_trigger(%StageTrigger{id: @id, stage: "default"})} aria-label="Restore window">
+                    {render_slot(@default_trigger)}
+                  </button>
+                  <button type="button" {Connect.close_trigger(%CloseTrigger{id: @id})} aria-label="Close window">
+                    {render_slot(@close_trigger)}
+                  </button>
+                </div>
+              </div>
+            </div>
+            <div {Connect.body(%Body{id: @id})}>
+              {render_slot(@content)}
+            </div>
+            <div :for={axis <- @resize_axes} {Connect.resize_trigger(%ResizeTrigger{id: @id, axis: axis})} />
+          </div>
+        </div>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/floating_panel/anatomy.ex b/lib/components/floating_panel/anatomy.ex
new file mode 100644
index 0000000..c269a61
--- /dev/null
+++ b/lib/components/floating_panel/anatomy.ex
@@ -0,0 +1,144 @@
+defmodule Corex.FloatingPanel.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      :size,
+      :default_size,
+      :position,
+      :default_position,
+      :min_size,
+      :max_size,
+      open: false,
+      default_open: false,
+      controlled: false,
+      draggable: true,
+      resizable: true,
+      allow_overflow: true,
+      close_on_escape: true,
+      disabled: false,
+      dir: "ltr",
+      persist_rect: false,
+      grid_size: 1,
+      on_open_change: nil,
+      on_open_change_client: nil,
+      on_position_change: nil,
+      on_size_change: nil,
+      on_stage_change: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            open: boolean(),
+            default_open: boolean(),
+            controlled: boolean(),
+            draggable: boolean(),
+            resizable: boolean(),
+            allow_overflow: boolean(),
+            close_on_escape: boolean(),
+            disabled: boolean(),
+            dir: String.t(),
+            size: map() | nil,
+            default_size: map() | nil,
+            position: map() | nil,
+            default_position: map() | nil,
+            min_size: map() | nil,
+            max_size: map() | nil,
+            persist_rect: boolean(),
+            grid_size: number(),
+            on_open_change: String.t() | nil,
+            on_open_change_client: String.t() | nil,
+            on_position_change: String.t() | nil,
+            on_size_change: String.t() | nil,
+            on_stage_change: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Trigger do
+    @moduledoc false
+    defstruct [:id, initial_open: true]
+
+    @type t :: %__MODULE__{id: String.t(), initial_open: boolean()}
+  end
+
+  defmodule Positioner do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Content do
+    @moduledoc false
+    defstruct [:id, initial_open: true]
+
+    @type t :: %__MODULE__{id: String.t(), initial_open: boolean()}
+  end
+
+  defmodule Title do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Header do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Body do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule DragTrigger do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule ResizeTrigger do
+    @moduledoc false
+    defstruct [:id, :axis]
+
+    @type t :: %__MODULE__{id: String.t(), axis: String.t()}
+  end
+
+  defmodule CloseTrigger do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule StageTrigger do
+    @moduledoc false
+    defstruct [:id, :stage]
+
+    @type t :: %__MODULE__{id: String.t(), stage: String.t()}
+  end
+end
diff --git a/lib/components/floating_panel/connect.ex b/lib/components/floating_panel/connect.ex
new file mode 100644
index 0000000..b2b759a
--- /dev/null
+++ b/lib/components/floating_panel/connect.ex
@@ -0,0 +1,187 @@
+defmodule Corex.FloatingPanel.Connect do
+  @moduledoc false
+  alias Corex.FloatingPanel.Anatomy.{
+    Props,
+    Root,
+    Trigger,
+    Positioner,
+    Content,
+    Title,
+    Header,
+    Body,
+    DragTrigger,
+    ResizeTrigger,
+    CloseTrigger,
+    Control,
+    StageTrigger
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  defp encode_size(nil), do: nil
+
+  defp encode_size(%{width: w, height: h}) when is_number(w) and is_number(h),
+    do: Corex.Json.encode!(%{width: w, height: h})
+
+  defp encode_size(_), do: nil
+
+  defp encode_point(nil), do: nil
+
+  defp encode_point(%{x: x, y: y}) when is_number(x) and is_number(y),
+    do: Corex.Json.encode!(%{x: x, y: y})
+
+  defp encode_point(_), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-open" => data_attr(assigns.open),
+      "data-default-open" => data_attr(assigns.default_open),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-draggable" => data_attr(assigns.draggable),
+      "data-resizable" => data_attr(assigns.resizable),
+      "data-allow-overflow" => data_attr(assigns.allow_overflow),
+      "data-close-on-escape" => data_attr(assigns.close_on_escape),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-dir" => assigns.dir,
+      "data-size" => encode_size(assigns.size),
+      "data-default-size" => encode_size(assigns.default_size),
+      "data-position" => encode_point(assigns.position),
+      "data-default-position" => encode_point(assigns.default_position),
+      "data-min-size" => encode_size(assigns.min_size),
+      "data-max-size" => encode_size(assigns.max_size),
+      "data-persist-rect" => data_attr(assigns.persist_rect),
+      "data-grid-size" => to_string(assigns.grid_size),
+      "data-on-open-change" => assigns.on_open_change,
+      "data-on-open-change-client" => assigns.on_open_change_client,
+      "data-on-position-change" => assigns.on_position_change,
+      "data-on-size-change" => assigns.on_size_change,
+      "data-on-stage-change" => assigns.on_stage_change
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "floating-panel:#{assigns.id}"
+    }
+  end
+
+  @spec trigger(Trigger.t()) :: map()
+  def trigger(assigns) do
+    base = %{
+      "data-scope" => "floating-panel",
+      "data-part" => "trigger",
+      "type" => "button",
+      "id" => "floating-panel:#{assigns.id}:trigger"
+    }
+
+    Map.put(base, "data-state", if(assigns.initial_open, do: "open", else: "closed"))
+  end
+
+  @spec positioner(Positioner.t()) :: map()
+  def positioner(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "positioner",
+      "id" => "floating-panel:#{assigns.id}:positioner"
+    }
+  end
+
+  @spec content(Content.t()) :: map()
+  def content(assigns) do
+    base = %{
+      "data-scope" => "floating-panel",
+      "data-part" => "content",
+      "id" => "floating-panel:#{assigns.id}:content"
+    }
+
+    if assigns.initial_open do
+      base
+    else
+      Map.merge(base, %{"data-state" => "closed", "hidden" => ""})
+    end
+  end
+
+  @spec title(Title.t()) :: map()
+  def title(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "title",
+      "id" => "floating-panel:#{assigns.id}:title"
+    }
+  end
+
+  @spec header(Header.t()) :: map()
+  def header(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "header",
+      "id" => "floating-panel:#{assigns.id}:header"
+    }
+  end
+
+  @spec body(Body.t()) :: map()
+  def body(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "body",
+      "id" => "floating-panel:#{assigns.id}:body"
+    }
+  end
+
+  @spec drag_trigger(DragTrigger.t()) :: map()
+  def drag_trigger(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "drag-trigger",
+      "id" => "floating-panel:#{assigns.id}:drag-trigger"
+    }
+  end
+
+  @spec resize_trigger(ResizeTrigger.t()) :: map()
+  def resize_trigger(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "resize-trigger",
+      "data-axis" => assigns.axis,
+      "id" => "floating-panel:#{assigns.id}:resize:#{assigns.axis}"
+    }
+  end
+
+  @spec close_trigger(CloseTrigger.t()) :: map()
+  def close_trigger(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "close-trigger",
+      "type" => "button",
+      "id" => "floating-panel:#{assigns.id}:close"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "control",
+      "id" => "floating-panel:#{assigns.id}:control"
+    }
+  end
+
+  @spec stage_trigger(StageTrigger.t()) :: map()
+  def stage_trigger(assigns) do
+    %{
+      "data-scope" => "floating-panel",
+      "data-part" => "stage-trigger",
+      "data-stage" => assigns.stage,
+      "type" => "button",
+      "id" => "floating-panel:#{assigns.id}:stage:#{assigns.stage}"
+    }
+  end
+end
diff --git a/lib/components/listbox.ex b/lib/components/listbox.ex
new file mode 100644
index 0000000..f678849
--- /dev/null
+++ b/lib/components/listbox.ex
@@ -0,0 +1,308 @@
+defmodule Corex.Listbox do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Listbox](https://zagjs.com/components/react/listbox).
+
+  ## Examples
+
+  <!-- tabs-open -->
+
+  ### Minimal
+
+  ```heex
+  <.listbox
+    id="my-listbox"
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra", disabled: true},
+      %{label: "Belgium", id: "bel"},
+      %{label: "Germany", id: "deu"},
+      %{label: "Netherlands", id: "nld"},
+      %{label: "Switzerland", id: "che"},
+      %{label: "Austria", id: "aut"}
+    ]}
+  >
+    <:label>Choose a country</:label>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+  ```
+
+  ### Grouped
+
+  ```heex
+  <.listbox
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra", group: "Europe"},
+      %{label: "Belgium", id: "bel", group: "Europe"},
+      %{label: "Germany", id: "deu", group: "Europe"},
+      %{label: "Netherlands", id: "nld", group: "Europe"},
+      %{label: "Switzerland", id: "che", group: "Europe"},
+      %{label: "Austria", id: "aut", group: "Europe"},
+      %{label: "Japan", id: "jpn", group: "Asia"},
+      %{label: "China", id: "chn", group: "Asia"},
+      %{label: "South Korea", id: "kor", group: "Asia"},
+      %{label: "Thailand", id: "tha", group: "Asia"},
+      %{label: "USA", id: "usa", group: "North America"},
+      %{label: "Canada", id: "can", group: "North America"},
+      %{label: "Mexico", id: "mex", group: "North America"}
+    ]}
+  >
+    <:label>Choose a country</:label>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+  ```
+
+  ### Custom
+
+  This example requires the installation of [Flagpack](https://hex.pm/packages/flagpack).
+  Use the `:item` slot with `:let={%{item: entry}}` to access the entry map.
+
+  ```heex
+  <.listbox
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra"},
+      %{label: "Belgium", id: "bel"},
+      %{label: "Germany", id: "deu"},
+      %{label: "Netherlands", id: "nld"},
+      %{label: "Switzerland", id: "che"},
+      %{label: "Austria", id: "aut"}
+    ]}
+  >
+    <:label>
+      Country of residence
+    </:label>
+    <:item :let={%{item: entry}}>
+      <Flagpack.flag name={String.to_atom(entry.id)} />
+      {entry.label}
+    </:item>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+  ```
+
+  ### Custom Grouped
+
+  ```heex
+  <.listbox
+    class="listbox"
+    collection={[
+      %{label: "France", id: "fra", group: "Europe"},
+      %{label: "Belgium", id: "bel", group: "Europe"},
+      %{label: "Germany", id: "deu", group: "Europe"},
+      %{label: "Japan", id: "jpn", group: "Asia"},
+      %{label: "China", id: "chn", group: "Asia"},
+      %{label: "South Korea", id: "kor", group: "Asia"}
+    ]}
+  >
+    <:item :let={%{item: entry}}>
+      <Flagpack.flag name={String.to_atom(entry.id)} />
+      {entry.label}
+    </:item>
+    <:item_indicator>
+      <.icon name="hero-check" />
+    </:item_indicator>
+  </.listbox>
+  ```
+
+  <!-- tabs-close -->
+
+  ## Styling
+
+  Use data attributes: `[data-scope="listbox"][data-part="root"]`, `content`, `item`, `item-text`, `item-indicator`, `item-group`, `item-group-label`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.Listbox.Anatomy.{
+    Props,
+    Root,
+    Label,
+    ValueText,
+    Input,
+    Content,
+    ItemGroup,
+    ItemGroupLabel,
+    Item,
+    ItemText,
+    ItemIndicator
+  }
+
+  alias Corex.Listbox.Connect
+  import Corex.Helpers, only: [validate_value!: 1]
+
+  attr(:id, :string, required: false)
+
+  attr(:collection, :list,
+    required: true,
+    doc: "List of Corex.List.Item or maps with id/value, label, disabled, group"
+  )
+
+  attr(:value, :list, default: [], doc: "Selected value(s)")
+  attr(:controlled, :boolean, default: false)
+  attr(:disabled, :boolean, default: false)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:orientation, :string, default: "vertical", values: ["horizontal", "vertical"])
+  attr(:loop_focus, :boolean, default: false)
+  attr(:selection_mode, :string, default: "single", values: ["single", "multiple", "extended"])
+  attr(:select_on_highlight, :boolean, default: false)
+  attr(:deselectable, :boolean, default: false)
+  attr(:typeahead, :boolean, default: false)
+  attr(:on_value_change, :string, default: nil)
+  attr(:on_value_change_client, :string, default: nil)
+  attr(:aria_label, :string, default: nil, doc: "Accessible name when no label slot is provided")
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+  slot(:item, required: false)
+  slot(:item_indicator, required: false)
+
+  def listbox(assigns) do
+    items = normalize_collection(assigns.collection)
+    has_groups = Enum.any?(items, &Map.get(&1, :group))
+
+    groups =
+      if has_groups,
+        do: items |> Enum.map(& &1.group) |> Enum.uniq() |> Enum.reject(&is_nil/1),
+        else: []
+
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "listbox-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign(:value, validate_value!(assigns[:value] || []))
+      |> assign(:collection, items)
+      |> assign(:items, items)
+      |> assign(:has_groups, has_groups)
+      |> assign(:groups, groups)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="Listbox"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        collection: @collection,
+        value: @value,
+        controlled: @controlled,
+        disabled: @disabled,
+        dir: @dir,
+        orientation: @orientation,
+        loop_focus: @loop_focus,
+        selection_mode: @selection_mode,
+        select_on_highlight: @select_on_highlight,
+        deselectable: @deselectable,
+        typeahead: @typeahead,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir})}>
+        <label {Connect.label(%Label{id: @id, dir: @dir})}>
+          <%= if @label != [] do %>
+            {render_slot(@label)}
+          <% else %>
+            {@aria_label}
+          <% end %>
+        </label>
+        <span {Connect.value_text(%ValueText{id: @id})} />
+        <input type="hidden" {Connect.input(%Input{id: @id})} />
+        <div {content_attrs(@id, @dir, @orientation, @label != [] || @aria_label != nil)}>
+          <div :for={group_id <- @groups} {Connect.item_group(%ItemGroup{id: @id, group_id: group_id})}>
+            <div {Connect.item_group_label(%ItemGroupLabel{id: @id, html_for: group_id})}>{group_id}</div>
+            <div :for={entry <- Enum.filter(@items, &(&1.group == group_id))} {item_attrs(@id, entry)}>
+              <span :if={@item == []} {Connect.item_text(%ItemText{id: @id, item: entry})}>{entry[:label]}</span>
+              <%= for item_slot <- @item || [] do %>
+                <%= render_slot(item_slot, %{item: entry, value: entry_value(entry), label: entry[:label]}) %>
+              <% end %>
+              <span
+                {Connect.item_indicator(%ItemIndicator{id: @id, item: entry})}
+                hidden={!entry_selected?(entry, @value)}
+              >
+                <%= if @item_indicator != [] do %>
+                  <%= render_slot(@item_indicator) %>
+                <% end %>
+              </span>
+            </div>
+          </div>
+          <div :for={entry <- if(@has_groups, do: [], else: @items)} {item_attrs(@id, entry)}>
+            <span :if={@item == []} {Connect.item_text(%ItemText{id: @id, item: entry})}>{entry[:label]}</span>
+            <%= for item_slot <- @item || [] do %>
+              <%= render_slot(item_slot, %{item: entry, value: entry_value(entry), label: entry[:label]}) %>
+            <% end %>
+            <span
+              {Connect.item_indicator(%ItemIndicator{id: @id, item: entry})}
+              hidden={!entry_selected?(entry, @value)}
+            >
+              <%= if @item_indicator != [] do %>
+                <%= render_slot(@item_indicator) %>
+              <% end %>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
+  defp entry_value(entry) do
+    to_string(
+      Map.get(entry, :value) || Map.get(entry, :id) || Map.get(entry, "value") ||
+        Map.get(entry, "id") || ""
+    )
+  end
+
+  defp entry_selected?(entry, value_list) do
+    Enum.member?(value_list, entry_value(entry))
+  end
+
+  defp content_attrs(id, dir, orientation, has_label) do
+    Connect.content(%Content{id: id, dir: dir})
+    |> Map.put("data-layout", "list")
+    |> Map.put("data-orientation", orientation)
+    |> then(fn attrs ->
+      if has_label, do: Map.put(attrs, "aria-labelledby", "select:#{id}:label"), else: attrs
+    end)
+  end
+
+  defp item_attrs(id, entry) do
+    base = Connect.item(%Item{id: id, item: entry, value: entry_value(entry)})
+
+    if Map.get(entry, :disabled) do
+      base
+      |> Map.put("data-disabled", "")
+      |> Map.put("aria-disabled", "true")
+    else
+      base
+    end
+  end
+
+  defp normalize_collection(items) when is_list(items) do
+    Enum.map(items, fn
+      %Corex.List.Item{} = item ->
+        %{
+          id: item.id,
+          value: item.id,
+          label: item.label,
+          disabled: item.disabled,
+          group: item.group
+        }
+
+      m when is_map(m) ->
+        %{
+          id: Map.get(m, :id),
+          value: Map.get(m, :value) || Map.get(m, :id),
+          label: Map.get(m, :label),
+          disabled: !!Map.get(m, :disabled),
+          group: Map.get(m, :group)
+        }
+    end)
+  end
+end
diff --git a/lib/components/listbox/anatomy.ex b/lib/components/listbox/anatomy.ex
new file mode 100644
index 0000000..d42eacc
--- /dev/null
+++ b/lib/components/listbox/anatomy.ex
@@ -0,0 +1,112 @@
+defmodule Corex.Listbox.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      collection: [],
+      value: [],
+      controlled: false,
+      disabled: false,
+      dir: "ltr",
+      orientation: "vertical",
+      loop_focus: false,
+      selection_mode: "single",
+      select_on_highlight: false,
+      deselectable: false,
+      typeahead: false,
+      on_value_change: nil,
+      on_value_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            collection: list(map()),
+            value: list(String.t()),
+            controlled: boolean(),
+            disabled: boolean(),
+            dir: String.t(),
+            orientation: String.t(),
+            loop_focus: boolean(),
+            selection_mode: String.t(),
+            select_on_highlight: boolean(),
+            deselectable: boolean(),
+            typeahead: boolean(),
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule ValueText do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Input do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Content do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule ItemGroup do
+    @moduledoc false
+    defstruct [:id, :group_id]
+
+    @type t :: %__MODULE__{id: String.t(), group_id: String.t()}
+  end
+
+  defmodule ItemGroupLabel do
+    @moduledoc false
+    defstruct [:id, :html_for]
+
+    @type t :: %__MODULE__{id: String.t(), html_for: String.t()}
+  end
+
+  defmodule Item do
+    @moduledoc false
+    defstruct [:id, :item, :value]
+
+    @type t :: %__MODULE__{id: String.t(), item: map(), value: String.t()}
+  end
+
+  defmodule ItemText do
+    @moduledoc false
+    defstruct [:id, :item]
+
+    @type t :: %__MODULE__{id: String.t(), item: map()}
+  end
+
+  defmodule ItemIndicator do
+    @moduledoc false
+    defstruct [:id, :item]
+
+    @type t :: %__MODULE__{id: String.t(), item: map()}
+  end
+end
diff --git a/lib/components/listbox/connect.ex b/lib/components/listbox/connect.ex
new file mode 100644
index 0000000..1e2c7b6
--- /dev/null
+++ b/lib/components/listbox/connect.ex
@@ -0,0 +1,179 @@
+defmodule Corex.Listbox.Connect do
+  @moduledoc false
+  alias Corex.Listbox.Anatomy.{
+    Props,
+    Root,
+    Label,
+    ValueText,
+    Input,
+    Content,
+    ItemGroup,
+    ItemGroupLabel,
+    Item,
+    ItemText,
+    ItemIndicator
+  }
+
+  import Corex.Helpers, only: [validate_value!: 1]
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  defp encode_collection(items) when is_list(items) do
+    Enum.map(items, fn
+      %Corex.List.Item{} = item ->
+        %{
+          "id" => item.id,
+          "value" => item.id,
+          "label" => item.label,
+          "disabled" => !!item.disabled,
+          "group" => item.group
+        }
+
+      m when is_map(m) ->
+        %{
+          "id" => Map.get(m, :id) || Map.get(m, "id"),
+          "value" => Map.get(m, :value) || Map.get(m, "value") || Map.get(m, :id),
+          "label" => Map.get(m, :label) || Map.get(m, "label"),
+          "disabled" => !!Map.get(m, :disabled, false),
+          "group" => Map.get(m, :group)
+        }
+    end)
+  end
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-collection" => Corex.Json.encode!(encode_collection(assigns.collection)),
+      "data-value" =>
+        if assigns.controlled do
+          Enum.join(validate_value!(assigns.value), ",")
+        else
+          nil
+        end,
+      "data-default-value" =>
+        if assigns.controlled do
+          nil
+        else
+          Enum.join(validate_value!(assigns.value), ",")
+        end,
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-dir" => assigns.dir,
+      "data-orientation" => assigns.orientation,
+      "data-loop-focus" => data_attr(assigns.loop_focus),
+      "data-selection-mode" => assigns.selection_mode,
+      "data-select-on-highlight" => data_attr(assigns.select_on_highlight),
+      "data-deselectable" => data_attr(assigns.deselectable),
+      "data-typeahead" => data_attr(assigns.typeahead),
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "listbox:#{assigns.id}"
+    }
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "id" => "select:#{assigns.id}:label"
+    }
+  end
+
+  @spec value_text(ValueText.t()) :: map()
+  def value_text(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "value-text",
+      "id" => "listbox:#{assigns.id}:value-text"
+    }
+  end
+
+  @spec input(Input.t()) :: map()
+  def input(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "input",
+      "id" => "listbox:#{assigns.id}:input"
+    }
+  end
+
+  @spec content(Content.t()) :: map()
+  def content(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "content",
+      "dir" => assigns.dir,
+      "id" => "listbox:#{assigns.id}:content"
+    }
+  end
+
+  @spec item_group(ItemGroup.t()) :: map()
+  def item_group(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "item-group",
+      "data-id" => assigns.group_id,
+      "id" => "listbox:#{assigns.id}:item-group:#{assigns.group_id}"
+    }
+  end
+
+  @spec item_group_label(ItemGroupLabel.t()) :: map()
+  def item_group_label(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "item-group-label",
+      "id" => "listbox:#{assigns.id}:item-group-label:#{assigns.html_for}"
+    }
+  end
+
+  @spec item(Item.t()) :: map()
+  def item(assigns) do
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "item",
+      "data-value" => assigns.value,
+      "id" => "listbox:#{assigns.id}:item:#{assigns.value}"
+    }
+  end
+
+  defp item_value(item) do
+    Map.get(item, :value) || Map.get(item, "value") || Map.get(item, :id) || Map.get(item, "id") ||
+      ""
+  end
+
+  @spec item_text(ItemText.t()) :: map()
+  def item_text(assigns) do
+    val = item_value(assigns.item)
+
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "item-text",
+      "id" => "listbox:#{assigns.id}:item-text:#{val}"
+    }
+  end
+
+  @spec item_indicator(ItemIndicator.t()) :: map()
+  def item_indicator(assigns) do
+    val = item_value(assigns.item)
+
+    %{
+      "data-scope" => "listbox",
+      "data-part" => "item-indicator",
+      "id" => "listbox:#{assigns.id}:item-indicator:#{val}"
+    }
+  end
+end
diff --git a/lib/components/number_input.ex b/lib/components/number_input.ex
new file mode 100644
index 0000000..8d4e15b
--- /dev/null
+++ b/lib/components/number_input.ex
@@ -0,0 +1,142 @@
+defmodule Corex.NumberInput do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Number Input](https://zagjs.com/components/react/number-input).
+
+  ## Examples
+
+  <!-- tabs-open -->
+
+  ### Basic
+
+  ```heex
+  <.number_input id="num" class="number-input">
+    <:label>Quantity</:label>
+  </.number_input>
+  ```
+
+  ### With triggers
+
+  ```heex
+  <.number_input id="num" class="number-input">
+    <:label>Quantity</:label>
+    <:decrement_trigger><.icon name="hero-chevron-down" class="icon" /></:decrement_trigger>
+    <:increment_trigger><.icon name="hero-chevron-up" class="icon" /></:increment_trigger>
+  </.number_input>
+  ```
+
+  ### With scrubber
+
+  ```heex
+  <.number_input id="num" scrubber class="number-input">
+    <:label>Quantity</:label>
+    <:scrubber_trigger><.icon name="hero-arrows-up-down" class="icon rotate-90" /></:scrubber_trigger>
+  </.number_input>
+  ```
+
+  <!-- tabs-close -->
+
+  Optional slots `:decrement_trigger`, `:increment_trigger`, and `:scrubber_trigger` render the button content (e.g. icons). When omitted, no content is shown.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="number-input"][data-part="root"]`, `control`, `input`, `trigger-group`, `decrement-trigger`, `increment-trigger`, `scrubber`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.NumberInput.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Control,
+    Input,
+    TriggerGroup,
+    DecrementTrigger,
+    IncrementTrigger,
+    Scrubber
+  }
+
+  alias Corex.NumberInput.Connect
+
+  attr(:id, :string, required: false)
+  attr(:value, :string, default: nil)
+  attr(:default_value, :string, default: nil)
+  attr(:controlled, :boolean, default: false)
+  attr(:min, :float, default: nil)
+  attr(:max, :float, default: nil)
+  attr(:step, :float, default: 1.0)
+  attr(:disabled, :boolean, default: false)
+  attr(:read_only, :boolean, default: false)
+  attr(:invalid, :boolean, default: false)
+  attr(:required, :boolean, default: false)
+  attr(:allow_mouse_wheel, :boolean, default: false)
+  attr(:name, :string, default: nil)
+  attr(:form, :string, default: nil)
+  attr(:on_value_change, :string, default: nil)
+  attr(:on_value_change_client, :string, default: nil)
+
+  attr(:scrubber, :boolean,
+    default: false,
+    doc: "When true, show scrubber instead of increment/decrement buttons"
+  )
+
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+  slot(:decrement_trigger, required: false)
+  slot(:increment_trigger, required: false)
+  slot(:scrubber_trigger, required: false)
+
+  def number_input(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "number-input-#{System.unique_integer([:positive])}" end)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="NumberInput"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        value: @value,
+        default_value: @default_value,
+        controlled: @controlled,
+        min: @min,
+        max: @max,
+        step: @step,
+        disabled: @disabled,
+        read_only: @read_only,
+        invalid: @invalid,
+        required: @required,
+        allow_mouse_wheel: @allow_mouse_wheel,
+        name: @name,
+        form: @form,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id})}>
+        <label :if={@label != []} {Connect.label(%Label{id: @id})}>
+          {render_slot(@label)}
+        </label>
+        <div {Connect.control(%Control{id: @id})}>
+          <input type="text" inputmode="decimal" {Connect.input(%Input{id: @id, disabled: @disabled})} />
+          <div {Connect.trigger_group(%TriggerGroup{})}>
+            <button :if={!@scrubber} type="button" {Connect.increment_trigger(%IncrementTrigger{id: @id})}>
+              {render_slot(@increment_trigger)}
+            </button>
+            <button :if={!@scrubber} type="button" {Connect.decrement_trigger(%DecrementTrigger{id: @id})}>
+            {render_slot(@decrement_trigger)}
+          </button>
+            <button :if={@scrubber} type="button" {Connect.scrubber(%Scrubber{id: @id})}>
+              {render_slot(@scrubber_trigger)}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/number_input/anatomy.ex b/lib/components/number_input/anatomy.ex
new file mode 100644
index 0000000..de4f33b
--- /dev/null
+++ b/lib/components/number_input/anatomy.ex
@@ -0,0 +1,109 @@
+defmodule Corex.NumberInput.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      value: nil,
+      default_value: nil,
+      controlled: false,
+      min: nil,
+      max: nil,
+      step: 1,
+      disabled: false,
+      read_only: false,
+      invalid: false,
+      required: false,
+      allow_mouse_wheel: false,
+      name: nil,
+      form: nil,
+      on_value_change: nil,
+      on_value_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t() | nil,
+            default_value: String.t() | nil,
+            controlled: boolean(),
+            min: number() | nil,
+            max: number() | nil,
+            step: number(),
+            disabled: boolean(),
+            read_only: boolean(),
+            invalid: boolean(),
+            required: boolean(),
+            allow_mouse_wheel: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule ValueText do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Input do
+    @moduledoc false
+    defstruct [:id, :disabled]
+
+    @type t :: %__MODULE__{id: String.t(), disabled: boolean()}
+  end
+
+  defmodule TriggerGroup do
+    @moduledoc false
+    defstruct []
+
+    @type t :: %__MODULE__{}
+  end
+
+  defmodule DecrementTrigger do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule IncrementTrigger do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Scrubber do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+end
diff --git a/lib/components/number_input/connect.ex b/lib/components/number_input/connect.ex
new file mode 100644
index 0000000..ae35c52
--- /dev/null
+++ b/lib/components/number_input/connect.ex
@@ -0,0 +1,121 @@
+defmodule Corex.NumberInput.Connect do
+  @moduledoc false
+  alias Corex.NumberInput.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Control,
+    Input,
+    TriggerGroup,
+    DecrementTrigger,
+    IncrementTrigger,
+    Scrubber
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  defp num_attr(nil), do: nil
+  defp num_attr(n) when is_number(n), do: to_string(n)
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-value" => if(assigns.controlled, do: assigns.value, else: nil),
+      "data-default-value" => if(assigns.controlled, do: nil, else: assigns.default_value),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-min" => num_attr(assigns.min),
+      "data-max" => num_attr(assigns.max),
+      "data-step" => num_attr(assigns.step),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-required" => data_attr(assigns.required),
+      "data-allow-mouse-wheel" => data_attr(assigns.allow_mouse_wheel),
+      "data-name" => assigns.name,
+      "data-form" => assigns.form,
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "root",
+      "id" => "number-input:#{assigns.id}"
+    }
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "label",
+      "id" => "number-input:#{assigns.id}:label",
+      "for" => "number-input:#{assigns.id}:input"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "control",
+      "id" => "number-input:#{assigns.id}:control"
+    }
+  end
+
+  @spec trigger_group(TriggerGroup.t()) :: map()
+  def trigger_group(_assigns) do
+    %{
+      "data-part" => "trigger-group"
+    }
+  end
+
+  @spec input(Input.t()) :: map()
+  def input(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "input",
+      "disabled" => data_attr(assigns.disabled),
+      "id" => "number-input:#{assigns.id}:input"
+    }
+  end
+
+  @spec decrement_trigger(DecrementTrigger.t()) :: map()
+  def decrement_trigger(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "decrement-trigger",
+      "type" => "button",
+      "id" => "number-input:#{assigns.id}:dec",
+      "aria-label" => "Decrease value"
+    }
+  end
+
+  @spec increment_trigger(IncrementTrigger.t()) :: map()
+  def increment_trigger(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "increment-trigger",
+      "type" => "button",
+      "id" => "number-input:#{assigns.id}:inc",
+      "aria-label" => "Increase value"
+    }
+  end
+
+  @spec scrubber(Scrubber.t()) :: map()
+  def scrubber(assigns) do
+    %{
+      "data-scope" => "number-input",
+      "data-part" => "scrubber",
+      "type" => "button",
+      "id" => "number-input:#{assigns.id}:scrubber",
+      "aria-label" => "Scrub to adjust value"
+    }
+  end
+end
diff --git a/lib/components/password_input.ex b/lib/components/password_input.ex
new file mode 100644
index 0000000..f045d91
--- /dev/null
+++ b/lib/components/password_input.ex
@@ -0,0 +1,107 @@
+defmodule Corex.PasswordInput do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Password Input](https://zagjs.com/components/react/password-input).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.password_input id="pwd" class="password-input">
+    <:label>Password</:label>
+    <:visible_indicator><.icon name="hero-eye" /></:visible_indicator>
+    <:hidden_indicator><.icon name="hero-eye-slash" /></:hidden_indicator>
+  </.password_input>
+  ```
+
+  ## Styling
+
+  Use data attributes: `[data-scope="password-input"][data-part="root"]`, `label`, `control`, `input`, `visibility-trigger`, `indicator`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.PasswordInput.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Control,
+    Input,
+    VisibilityTrigger,
+    Indicator
+  }
+
+  alias Corex.PasswordInput.Connect
+
+  attr(:id, :string, required: false)
+  attr(:visible, :boolean, default: false)
+  attr(:controlled_visible, :boolean, default: false)
+  attr(:disabled, :boolean, default: false)
+  attr(:invalid, :boolean, default: false)
+  attr(:read_only, :boolean, default: false)
+  attr(:required, :boolean, default: false)
+  attr(:ignore_password_managers, :boolean, default: false)
+  attr(:name, :string, default: nil)
+  attr(:form, :string, default: nil)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+
+  attr(:auto_complete, :string,
+    default: "current-password",
+    values: ["current-password", "new-password"]
+  )
+
+  attr(:on_visibility_change, :string, default: nil)
+  attr(:on_visibility_change_client, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+  slot(:visible_indicator, required: true, doc: "Icon shown when password is visible")
+  slot(:hidden_indicator, required: true, doc: "Icon shown when password is hidden")
+
+  def password_input(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "password-input-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="PasswordInput"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        visible: @visible,
+        controlled_visible: @controlled_visible,
+        disabled: @disabled,
+        invalid: @invalid,
+        read_only: @read_only,
+        required: @required,
+        ignore_password_managers: @ignore_password_managers,
+        name: @name,
+        form: @form,
+        dir: @dir,
+        auto_complete: @auto_complete,
+        on_visibility_change: @on_visibility_change,
+        on_visibility_change_client: @on_visibility_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir})}>
+        <label :if={@label != []} {Connect.label(%Label{id: @id, dir: @dir})}>
+          {render_slot(@label)}
+        </label>
+        <div {Connect.control(%Control{id: @id, dir: @dir})}>
+          <input type="password" {Connect.input(%Input{id: @id, disabled: @disabled})} />
+          <button type="button" {Connect.visibility_trigger(%VisibilityTrigger{id: @id, dir: @dir})}>
+            <span {Connect.indicator(%Indicator{id: @id, dir: @dir})} data-state={if @visible, do: "visible", else: "hidden"}>
+              <span data-visible="" aria-hidden="true">{render_slot(@visible_indicator)}</span>
+              <span data-hidden="" aria-hidden="true">{render_slot(@hidden_indicator)}</span>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/password_input/anatomy.ex b/lib/components/password_input/anatomy.ex
new file mode 100644
index 0000000..0bf86a2
--- /dev/null
+++ b/lib/components/password_input/anatomy.ex
@@ -0,0 +1,84 @@
+defmodule Corex.PasswordInput.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      visible: false,
+      controlled_visible: false,
+      disabled: false,
+      invalid: false,
+      read_only: false,
+      required: false,
+      ignore_password_managers: false,
+      name: nil,
+      form: nil,
+      dir: "ltr",
+      auto_complete: "current-password",
+      on_visibility_change: nil,
+      on_visibility_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            visible: boolean(),
+            controlled_visible: boolean(),
+            disabled: boolean(),
+            invalid: boolean(),
+            read_only: boolean(),
+            required: boolean(),
+            ignore_password_managers: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            dir: String.t(),
+            auto_complete: String.t(),
+            on_visibility_change: String.t() | nil,
+            on_visibility_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Input do
+    @moduledoc false
+    defstruct [:id, :disabled]
+
+    @type t :: %__MODULE__{id: String.t(), disabled: boolean()}
+  end
+
+  defmodule VisibilityTrigger do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Indicator do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+end
diff --git a/lib/components/password_input/connect.ex b/lib/components/password_input/connect.ex
new file mode 100644
index 0000000..c38847e
--- /dev/null
+++ b/lib/components/password_input/connect.ex
@@ -0,0 +1,99 @@
+defmodule Corex.PasswordInput.Connect do
+  @moduledoc false
+  alias Corex.PasswordInput.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Control,
+    Input,
+    VisibilityTrigger,
+    Indicator
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-visible" => if(assigns.controlled_visible, do: data_attr(assigns.visible), else: nil),
+      "data-default-visible" =>
+        if(assigns.controlled_visible, do: nil, else: data_attr(assigns.visible)),
+      "data-controlled-visible" => data_attr(assigns.controlled_visible),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-required" => data_attr(assigns.required),
+      "data-ignore-password-managers" => data_attr(assigns.ignore_password_managers),
+      "data-name" => assigns.name,
+      "data-form" => assigns.form,
+      "data-dir" => assigns.dir,
+      "data-auto-complete" => assigns.auto_complete,
+      "data-on-visibility-change" => assigns.on_visibility_change,
+      "data-on-visibility-change-client" => assigns.on_visibility_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "password-input:#{assigns.id}"
+    }
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "for" => "p-input-#{assigns.id}-input"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "control",
+      "dir" => assigns.dir,
+      "id" => "password-input:#{assigns.id}:control"
+    }
+  end
+
+  @spec input(Input.t()) :: map()
+  def input(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "input",
+      "disabled" => data_attr(assigns.disabled),
+      "id" => "p-input-#{assigns.id}-input"
+    }
+  end
+
+  @spec visibility_trigger(VisibilityTrigger.t()) :: map()
+  def visibility_trigger(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "visibility-trigger",
+      "type" => "button",
+      "dir" => assigns.dir,
+      "aria-label" => "Toggle password visibility"
+    }
+  end
+
+  @spec indicator(Indicator.t()) :: map()
+  def indicator(assigns) do
+    %{
+      "data-scope" => "password-input",
+      "data-part" => "indicator",
+      "dir" => assigns.dir,
+      "aria-hidden" => "true"
+    }
+  end
+end
diff --git a/lib/components/pin_input.ex b/lib/components/pin_input.ex
new file mode 100644
index 0000000..ba89450
--- /dev/null
+++ b/lib/components/pin_input.ex
@@ -0,0 +1,110 @@
+defmodule Corex.PinInput do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Pin Input](https://zagjs.com/components/react/pin-input).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.pin_input id="pin" count={4} class="pin-input">
+    <:label>Code</:label>
+  </.pin_input>
+  ```
+
+  ## Styling
+
+  Use data attributes: `[data-scope="pin-input"][data-part="root"]`, `label`, `control`, `input` (per index).
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.PinInput.Anatomy.{Props, Root, Label, HiddenInput, Control, Input}
+  alias Corex.PinInput.Connect
+  import Corex.Helpers, only: [validate_value!: 1]
+
+  attr(:id, :string, required: false)
+  attr(:value, :list, default: [], doc: "Controlled value (list of single chars)")
+  attr(:default_value, :list, default: [], doc: "Uncontrolled initial value")
+  attr(:controlled, :boolean, default: false)
+  attr(:count, :integer, default: 4, doc: "Number of input boxes")
+  attr(:disabled, :boolean, default: false)
+  attr(:invalid, :boolean, default: false)
+  attr(:required, :boolean, default: false)
+  attr(:read_only, :boolean, default: false)
+  attr(:mask, :boolean, default: false)
+  attr(:otp, :boolean, default: false)
+  attr(:blur_on_complete, :boolean, default: false)
+  attr(:select_on_focus, :boolean, default: false)
+  attr(:name, :string, default: nil)
+  attr(:form, :string, default: nil)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:type, :string, default: "numeric", values: ["alphanumeric", "numeric", "alphabetic"])
+  attr(:placeholder, :string, default: "○")
+  attr(:on_value_change, :string, default: nil)
+  attr(:on_value_change_client, :string, default: nil)
+  attr(:on_value_complete, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+
+  def pin_input(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "pin-input-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign(:value, validate_value!(assigns[:value] || []))
+      |> assign(:default_value, validate_value!(assigns[:default_value] || []))
+
+    value_str = Enum.join(assigns.value, "")
+    default_value_str = Enum.join(assigns.default_value, "")
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="PinInput"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        value: @value,
+        controlled: @controlled,
+        count: @count,
+        disabled: @disabled,
+        invalid: @invalid,
+        required: @required,
+        read_only: @read_only,
+        mask: @mask,
+        otp: @otp,
+        blur_on_complete: @blur_on_complete,
+        select_on_focus: @select_on_focus,
+        name: @name,
+        form: @form,
+        dir: @dir,
+        type: @type,
+        placeholder: @placeholder,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client,
+        on_value_complete: @on_value_complete
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir})}>
+        <label :if={@label != []} {Connect.label(%Label{id: @id, dir: @dir})}>
+          {render_slot(@label)}
+        </label>
+        <input {Connect.hidden_input(%HiddenInput{id: @id, name: @name, value: if(@controlled, do: value_str, else: default_value_str)})} />
+        <div {Connect.control(%Control{id: @id, dir: @dir})}>
+          <input
+            :for={i <- 0..(@count - 1)}
+            type="text"
+            inputmode={@type}
+            maxlength="1"
+            autocomplete={if(@otp, do: "one-time-code", else: "off")}
+            {Connect.input(%Input{id: @id, index: i})}
+          />
+        </div>
+      </div>
+    </div>
+    """
+  end
+end
diff --git a/lib/components/pin_input/anatomy.ex b/lib/components/pin_input/anatomy.ex
new file mode 100644
index 0000000..941e4dd
--- /dev/null
+++ b/lib/components/pin_input/anatomy.ex
@@ -0,0 +1,89 @@
+defmodule Corex.PinInput.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      value: [],
+      controlled: false,
+      count: 4,
+      disabled: false,
+      invalid: false,
+      required: false,
+      read_only: false,
+      mask: false,
+      otp: false,
+      blur_on_complete: false,
+      select_on_focus: false,
+      name: nil,
+      form: nil,
+      dir: "ltr",
+      type: "numeric",
+      placeholder: "○",
+      on_value_change: nil,
+      on_value_change_client: nil,
+      on_value_complete: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: list(String.t()),
+            controlled: boolean(),
+            count: non_neg_integer(),
+            disabled: boolean(),
+            invalid: boolean(),
+            required: boolean(),
+            read_only: boolean(),
+            mask: boolean(),
+            otp: boolean(),
+            blur_on_complete: boolean(),
+            select_on_focus: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            dir: String.t(),
+            type: String.t(),
+            placeholder: String.t(),
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil,
+            on_value_complete: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule HiddenInput do
+    @moduledoc false
+    defstruct [:id, :name, :value]
+
+    @type t :: %__MODULE__{id: String.t(), name: String.t() | nil, value: String.t()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Input do
+    @moduledoc false
+    defstruct [:id, :index]
+
+    @type t :: %__MODULE__{id: String.t(), index: non_neg_integer()}
+  end
+end
diff --git a/lib/components/pin_input/connect.ex b/lib/components/pin_input/connect.ex
new file mode 100644
index 0000000..598e1dc
--- /dev/null
+++ b/lib/components/pin_input/connect.ex
@@ -0,0 +1,96 @@
+defmodule Corex.PinInput.Connect do
+  @moduledoc false
+  alias Corex.PinInput.Anatomy.{Props, Root, Label, HiddenInput, Control, Input}
+  import Corex.Helpers, only: [validate_value!: 1]
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    value_str =
+      if is_list(assigns.value), do: Enum.join(validate_value!(assigns.value), ","), else: ""
+
+    default_value_str = if assigns.controlled, do: nil, else: value_str
+
+    %{
+      "id" => assigns.id,
+      "data-value" => if(assigns.controlled, do: value_str, else: nil),
+      "data-default-value" => default_value_str,
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-count" => to_string(assigns.count),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-required" => data_attr(assigns.required),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-mask" => data_attr(assigns.mask),
+      "data-otp" => data_attr(assigns.otp),
+      "data-blur-on-complete" => data_attr(assigns.blur_on_complete),
+      "data-select-on-focus" => data_attr(assigns.select_on_focus),
+      "data-name" => assigns.name,
+      "data-form" => assigns.form,
+      "data-dir" => assigns.dir,
+      "data-type" => assigns.type,
+      "data-placeholder" => assigns.placeholder,
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client,
+      "data-on-value-complete" => assigns.on_value_complete
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "pin-input",
+      "data-part" => "root",
+      "dir" => assigns.dir,
+      "id" => "pin-input:#{assigns.id}"
+    }
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "pin-input",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "id" => "pin-input:#{assigns.id}:label"
+    }
+  end
+
+  @spec hidden_input(HiddenInput.t()) :: map()
+  def hidden_input(assigns) do
+    %{
+      "data-scope" => "pin-input",
+      "data-part" => "hidden-input",
+      "type" => "hidden",
+      "name" => assigns.name,
+      "value" => assigns.value,
+      "id" => "pin-input:#{assigns.id}:hidden-input"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "pin-input",
+      "data-part" => "control",
+      "dir" => assigns.dir,
+      "id" => "pin-input:#{assigns.id}:control"
+    }
+  end
+
+  @spec input(Input.t()) :: map()
+  def input(assigns) do
+    digit = assigns.index + 1
+
+    %{
+      "data-scope" => "pin-input",
+      "data-part" => "input",
+      "data-index" => to_string(assigns.index),
+      "id" => "pin-input:#{assigns.id}:input:#{assigns.index}",
+      "aria-label" => "Digit #{digit}"
+    }
+  end
+end
diff --git a/lib/components/radio_group.ex b/lib/components/radio_group.ex
new file mode 100644
index 0000000..50c3bb5
--- /dev/null
+++ b/lib/components/radio_group.ex
@@ -0,0 +1,168 @@
+defmodule Corex.RadioGroup do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Radio Group](https://zagjs.com/components/react/radio-group).
+
+  ## Examples
+
+  ### Basic (without indicator)
+
+  ```heex
+  <.radio_group id="rg" name="choice" items={[["1", "Option A"], ["2", "Option B"]]} class="radio-group">
+    <:label>Choose one</:label>
+  </.radio_group>
+  ```
+
+  ### With indicator
+
+  ```heex
+  <.radio_group id="rg" name="choice" items={[["1", "Option A"], ["2", "Option B"]]} class="radio-group">
+    <:label>Choose one</:label>
+    <:item_control><.icon name="hero-check" class="data-checked" /></:item_control>
+  </.radio_group>
+  ```
+
+  Items can be a list of `{value, label}` tuples or a list of maps with `:value`, `:label`, and optional `:disabled`, `:invalid`. Optional `:item_control` slot renders the check indicator for each item; when omitted, no indicator is shown.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="radio-group"][data-part="root"]`, `label`, `indicator`, `item`, `item-text`, `item-control`, `item-hidden-input`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.RadioGroup.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Indicator,
+    Item,
+    ItemText,
+    ItemControl,
+    ItemHiddenInput
+  }
+
+  alias Corex.RadioGroup.Connect
+
+  attr(:id, :string, required: false)
+  attr(:value, :string, default: nil)
+  attr(:default_value, :string, default: nil)
+  attr(:controlled, :boolean, default: false)
+  attr(:name, :string, default: nil)
+  attr(:form, :string, default: nil)
+  attr(:disabled, :boolean, default: false)
+  attr(:invalid, :boolean, default: false)
+  attr(:required, :boolean, default: false)
+  attr(:read_only, :boolean, default: false)
+  attr(:dir, :string, default: nil, values: [nil, "ltr", "rtl"])
+  attr(:orientation, :string, default: "vertical", values: ["horizontal", "vertical"])
+  attr(:on_value_change, :string, default: nil)
+  attr(:on_value_change_client, :string, default: nil)
+
+  attr(:items, :list,
+    required: true,
+    doc: "List of [value, label] or %{value: ..., label: ..., disabled: ..., invalid: ...}"
+  )
+
+  attr(:rest, :global)
+
+  slot(:label, required: false)
+  slot(:item_control, required: false)
+  slot(:item, required: false)
+
+  def radio_group(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "radio-group-#{System.unique_integer([:positive])}" end)
+      |> assign_new(:dir, fn -> "ltr" end)
+      |> assign(:items, normalize_items(assigns.items))
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="RadioGroup"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        value: @value,
+        controlled: @controlled,
+        name: @name,
+        form: @form,
+        disabled: @disabled,
+        invalid: @invalid,
+        required: @required,
+        read_only: @read_only,
+        dir: @dir,
+        orientation: @orientation,
+        on_value_change: @on_value_change,
+        on_value_change_client: @on_value_change_client
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id, dir: @dir, orientation: @orientation, has_label: @label != []})}>
+        <div :if={@label != []} {Connect.label(%Label{id: @id, dir: @dir})}>
+          {render_slot(@label)}
+        </div>
+        <div {Connect.indicator(%Indicator{id: @id, dir: @dir})} />
+        <label :if={@item == []} :for={entry <- @items} {Connect.item(%Item{
+          id: @id,
+          value: entry.value,
+          disabled: entry.disabled,
+          invalid: entry.invalid,
+          checked: @value == entry.value
+        })}>
+          <span {Connect.item_text(%ItemText{id: @id, value: entry.value, disabled: entry.disabled, invalid: entry.invalid})}>{entry.label}</span>
+          <div {Connect.item_control(%ItemControl{id: @id, value: entry.value, disabled: entry.disabled, invalid: entry.invalid, checked: @value == entry.value})}>
+            {render_slot(@item_control)}
+          </div>
+          <input {Connect.item_hidden_input(%ItemHiddenInput{
+            id: @id,
+            value: entry.value,
+            disabled: entry.disabled,
+            invalid: entry.invalid,
+            name: @name,
+            form: @form,
+            checked: @value == entry.value
+          })} />
+        </label>
+        <label :if={@item != []} :for={{entry, item_slot} <- Enum.zip(@items, @item || [])} {Connect.item(%Item{
+          id: @id,
+          value: entry.value,
+          disabled: entry.disabled,
+          invalid: entry.invalid,
+          checked: @value == entry.value
+        })}>
+          {render_slot(item_slot, %{
+            value: entry.value,
+            label: entry.label,
+            disabled: entry.disabled,
+            invalid: entry.invalid,
+            checked: @value == entry.value
+          })}
+        </label>
+      </div>
+    </div>
+    """
+  end
+
+  defp normalize_items(items) when is_list(items) do
+    Enum.map(items, fn
+      {value, label} ->
+        %{value: to_string(value), label: to_string(label), disabled: false, invalid: false}
+
+      [value, label] ->
+        %{value: to_string(value), label: to_string(label), disabled: false, invalid: false}
+
+      %{value: v, label: l} = m ->
+        %{
+          value: to_string(v),
+          label: to_string(l),
+          disabled: !!Map.get(m, :disabled),
+          invalid: !!Map.get(m, :invalid)
+        }
+
+      other ->
+        raise ArgumentError,
+              "radio_group items must be {value, label}, [value, label], or %{value: ..., label: ...}, got: #{inspect(other)}"
+    end)
+  end
+end
diff --git a/lib/components/radio_group/anatomy.ex b/lib/components/radio_group/anatomy.ex
new file mode 100644
index 0000000..75c29c9
--- /dev/null
+++ b/lib/components/radio_group/anatomy.ex
@@ -0,0 +1,119 @@
+defmodule Corex.RadioGroup.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      value: nil,
+      controlled: false,
+      name: nil,
+      form: nil,
+      disabled: false,
+      invalid: false,
+      required: false,
+      read_only: false,
+      dir: "ltr",
+      orientation: "vertical",
+      on_value_change: nil,
+      on_value_change_client: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t() | nil,
+            controlled: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            disabled: boolean(),
+            invalid: boolean(),
+            required: boolean(),
+            read_only: boolean(),
+            dir: String.t(),
+            orientation: String.t(),
+            on_value_change: String.t() | nil,
+            on_value_change_client: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id, :dir, :orientation, :has_label]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            dir: String.t(),
+            orientation: String.t(),
+            has_label: boolean()
+          }
+  end
+
+  defmodule Label do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Indicator do
+    @moduledoc false
+    defstruct [:id, :dir]
+
+    @type t :: %__MODULE__{id: String.t(), dir: String.t()}
+  end
+
+  defmodule Item do
+    @moduledoc false
+    defstruct [:id, :value, :disabled, :invalid, :checked]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t(),
+            disabled: boolean(),
+            invalid: boolean(),
+            checked: boolean()
+          }
+  end
+
+  defmodule ItemText do
+    @moduledoc false
+    defstruct [:id, :value, :disabled, :invalid]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t(),
+            disabled: boolean(),
+            invalid: boolean()
+          }
+  end
+
+  defmodule ItemControl do
+    @moduledoc false
+    defstruct [:id, :value, :disabled, :invalid, :checked]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t(),
+            disabled: boolean(),
+            invalid: boolean(),
+            checked: boolean()
+          }
+  end
+
+  defmodule ItemHiddenInput do
+    @moduledoc false
+    defstruct [:id, :value, :disabled, :invalid, :name, :form, :checked]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            value: String.t(),
+            disabled: boolean(),
+            invalid: boolean(),
+            name: String.t() | nil,
+            form: String.t() | nil,
+            checked: boolean()
+          }
+  end
+end
diff --git a/lib/components/radio_group/connect.ex b/lib/components/radio_group/connect.ex
new file mode 100644
index 0000000..3d47955
--- /dev/null
+++ b/lib/components/radio_group/connect.ex
@@ -0,0 +1,138 @@
+defmodule Corex.RadioGroup.Connect do
+  @moduledoc false
+  alias Corex.RadioGroup.Anatomy.{
+    Props,
+    Root,
+    Label,
+    Indicator,
+    Item,
+    ItemText,
+    ItemControl,
+    ItemHiddenInput
+  }
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-value" => if(assigns.controlled, do: assigns.value, else: nil),
+      "data-default-value" => if(assigns.controlled, do: nil, else: assigns.value),
+      "data-controlled" => data_attr(assigns.controlled),
+      "data-name" => assigns.name,
+      "data-form" => assigns.form,
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-required" => data_attr(assigns.required),
+      "data-read-only" => data_attr(assigns.read_only),
+      "data-dir" => assigns.dir,
+      "data-orientation" => assigns.orientation,
+      "data-on-value-change" => assigns.on_value_change,
+      "data-on-value-change-client" => assigns.on_value_change_client
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    base = %{
+      "data-scope" => "radio-group",
+      "data-part" => "root",
+      "role" => "radiogroup",
+      "dir" => assigns.dir,
+      "data-orientation" => assigns.orientation,
+      "id" => "radio-group:#{assigns.id}",
+      "style" => "position:relative;"
+    }
+
+    if assigns.has_label do
+      Map.put(base, "aria-labelledby", "radio-group:#{assigns.id}:label")
+    else
+      base
+    end
+  end
+
+  @spec label(Label.t()) :: map()
+  def label(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "label",
+      "dir" => assigns.dir,
+      "id" => "radio-group:#{assigns.id}:label"
+    }
+  end
+
+  @spec indicator(Indicator.t()) :: map()
+  def indicator(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "indicator",
+      "dir" => assigns.dir,
+      "id" => "radio-group:#{assigns.id}:indicator",
+      "hidden" => "",
+      "style" =>
+        "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;border:0;"
+    }
+  end
+
+  @spec item(Item.t()) :: map()
+  def item(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "item",
+      "data-value" => assigns.value,
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "data-state" => if(assigns.checked, do: "checked", else: "unchecked"),
+      "id" => "radio-group:#{assigns.id}:item:#{assigns.value}"
+    }
+  end
+
+  @spec item_text(ItemText.t()) :: map()
+  def item_text(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "item-text",
+      "data-value" => assigns.value,
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "id" => "radio-group:#{assigns.id}:item-text:#{assigns.value}"
+    }
+  end
+
+  @spec item_control(ItemControl.t()) :: map()
+  def item_control(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "item-control",
+      "aria-hidden" => "true",
+      "data-value" => assigns.value,
+      "data-state" => if(assigns.checked, do: "checked", else: "unchecked"),
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "id" => "radio-group:#{assigns.id}:item-control:#{assigns.value}"
+    }
+  end
+
+  @spec item_hidden_input(ItemHiddenInput.t()) :: map()
+  def item_hidden_input(assigns) do
+    %{
+      "data-scope" => "radio-group",
+      "data-part" => "item-hidden-input",
+      "type" => "radio",
+      "name" => assigns.name,
+      "form" => assigns.form,
+      "value" => assigns.value,
+      "checked" => data_attr(assigns.checked),
+      "disabled" => data_attr(assigns.disabled),
+      "data-value" => assigns.value,
+      "data-disabled" => data_attr(assigns.disabled),
+      "data-invalid" => data_attr(assigns.invalid),
+      "id" => "radio-group:#{assigns.id}:item-hidden-input:#{assigns.value}",
+      "style" =>
+        "border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal;"
+    }
+  end
+end
diff --git a/lib/components/select/anatomy.ex b/lib/components/select/anatomy.ex
index 9725c97..5d1d086 100644
--- a/lib/components/select/anatomy.ex
+++ b/lib/components/select/anatomy.ex
@@ -1,9 +1,10 @@
 defmodule Corex.Select.Anatomy do
   @moduledoc false
-  alias Corex.Collection
+  alias Corex.Tree
 
   defmodule Props do
     @moduledoc false
+    alias Corex.Tree
     @enforce_keys [:id]
 
     defstruct [
@@ -31,7 +32,7 @@ defmodule Corex.Select.Anatomy do
 
     @type t :: %__MODULE__{
             id: String.t(),
-            collection: list(Collection.Item.t() | map()),
+            collection: list(Tree.Item.t() | map()),
             controlled: boolean(),
             placeholder: String.t() | nil,
             value: list(String.t()),
diff --git a/lib/components/timer.ex b/lib/components/timer.ex
new file mode 100644
index 0000000..f77938c
--- /dev/null
+++ b/lib/components/timer.ex
@@ -0,0 +1,119 @@
+defmodule Corex.Timer do
+  @moduledoc ~S'''
+  Phoenix implementation of [Zag.js Timer](https://zagjs.com/components/react/timer).
+
+  ## Examples
+
+  ### Basic
+
+  ```heex
+  <.timer id="t" start_ms={60_000} class="timer">
+    <:start_trigger><.icon name="hero-play" class="icon" /></:start_trigger>
+    <:pause_trigger><.icon name="hero-pause" class="icon" /></:pause_trigger>
+    <:resume_trigger><.icon name="hero-play" class="icon" /></:resume_trigger>
+    <:reset_trigger><.icon name="hero-arrow-path" class="icon" /></:reset_trigger>
+  </.timer>
+  ```
+
+  ### Countdown
+
+  ```heex
+  <.timer id="t" countdown start_ms={90_000} target_ms={0} auto_start class="timer">
+    <:start_trigger><.icon name="hero-play" class="icon" /></:start_trigger>
+    <:pause_trigger><.icon name="hero-pause" class="icon" /></:pause_trigger>
+    <:resume_trigger><.icon name="hero-play" class="icon" /></:resume_trigger>
+    <:reset_trigger><.icon name="hero-arrow-path" class="icon" /></:reset_trigger>
+  </.timer>
+  ```
+
+  Required slots: `:start_trigger`, `:pause_trigger`, `:resume_trigger`, `:reset_trigger`.
+
+  ## Styling
+
+  Use data attributes: `[data-scope="timer"][data-part="root"]`, `area`, `item`, `separator`, `control`, `action-trigger`.
+  '''
+
+  @doc type: :component
+  use Phoenix.Component
+
+  alias Corex.Timer.Anatomy.{Props, Root, Area, Control, Item, Separator, ActionTrigger}
+  alias Corex.Timer.Connect
+
+  attr(:id, :string, required: false)
+  attr(:countdown, :boolean, default: false)
+  attr(:start_ms, :integer, default: 0)
+  attr(:target_ms, :integer, default: nil)
+  attr(:auto_start, :boolean, default: false)
+  attr(:interval, :integer, default: 1000)
+  attr(:on_tick, :string, default: nil)
+  attr(:on_complete, :string, default: nil)
+  attr(:rest, :global)
+
+  slot(:start_trigger, required: true)
+  slot(:pause_trigger, required: true)
+  slot(:resume_trigger, required: true)
+  slot(:reset_trigger, required: true)
+
+  def timer(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> "timer-#{System.unique_integer([:positive])}" end)
+      |> assign(:time_values, time_values(assigns.start_ms))
+      |> assign(:running, assigns.auto_start)
+      |> assign(:paused, false)
+
+    ~H"""
+    <div
+      id={@id}
+      phx-hook="Timer"
+      {@rest}
+      {Connect.props(%Props{
+        id: @id,
+        countdown: @countdown,
+        start_ms: @start_ms,
+        target_ms: @target_ms,
+        auto_start: @auto_start,
+        interval: @interval,
+        on_tick: @on_tick,
+        on_complete: @on_complete
+      })}
+    >
+      <div phx-update="ignore" {Connect.root(%Root{id: @id})}>
+        <div {Connect.area(%Area{id: @id})}>
+          <div {Connect.item(%Item{type: "days", value: @time_values.days})}></div>
+          <div {Connect.separator(%Separator{})}>:</div>
+          <div {Connect.item(%Item{type: "hours", value: @time_values.hours})}></div>
+          <div {Connect.separator(%Separator{})}>:</div>
+          <div {Connect.item(%Item{type: "minutes", value: @time_values.minutes})}></div>
+          <div {Connect.separator(%Separator{})}>:</div>
+          <div {Connect.item(%Item{type: "seconds", value: @time_values.seconds})}></div>
+        </div>
+        <div {Connect.control(%Control{id: @id})}>
+          <button type="button" {Connect.action_trigger(%ActionTrigger{action: "start", hidden: @running or @paused})}>
+            {render_slot(@start_trigger)}
+          </button>
+          <button type="button" {Connect.action_trigger(%ActionTrigger{action: "pause", hidden: not @running})}>
+            {render_slot(@pause_trigger)}
+          </button>
+          <button type="button" {Connect.action_trigger(%ActionTrigger{action: "resume", hidden: not @paused})}>
+            {render_slot(@resume_trigger)}
+          </button>
+          <button type="button" {Connect.action_trigger(%ActionTrigger{action: "reset", hidden: not @running and not @paused})}>
+            {render_slot(@reset_trigger)}
+          </button>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
+  defp time_values(ms) do
+    ms = max(0, ms)
+    seconds = div(rem(ms, 60_000), 1_000)
+    minutes = div(rem(ms, 3_600_000), 60_000)
+    hours = div(rem(ms, 86_400_000), 3_600_000)
+    days = div(ms, 86_400_000)
+
+    %{days: days, hours: hours, minutes: minutes, seconds: seconds}
+  end
+end
diff --git a/lib/components/timer/anatomy.ex b/lib/components/timer/anatomy.ex
new file mode 100644
index 0000000..12cf475
--- /dev/null
+++ b/lib/components/timer/anatomy.ex
@@ -0,0 +1,72 @@
+defmodule Corex.Timer.Anatomy do
+  @moduledoc false
+
+  defmodule Props do
+    @moduledoc false
+    @enforce_keys [:id]
+
+    defstruct [
+      :id,
+      countdown: false,
+      start_ms: 0,
+      target_ms: nil,
+      auto_start: false,
+      interval: 1000,
+      on_tick: nil,
+      on_complete: nil
+    ]
+
+    @type t :: %__MODULE__{
+            id: String.t(),
+            countdown: boolean(),
+            start_ms: non_neg_integer(),
+            target_ms: non_neg_integer() | nil,
+            auto_start: boolean(),
+            interval: non_neg_integer(),
+            on_tick: String.t() | nil,
+            on_complete: String.t() | nil
+          }
+  end
+
+  defmodule Root do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Area do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Control do
+    @moduledoc false
+    defstruct [:id]
+
+    @type t :: %__MODULE__{id: String.t()}
+  end
+
+  defmodule Item do
+    @moduledoc false
+    defstruct [:id, :type, :value]
+
+    @type t :: %__MODULE__{id: String.t() | nil, type: binary(), value: non_neg_integer()}
+  end
+
+  defmodule Separator do
+    @moduledoc false
+    defstruct []
+
+    @type t :: %__MODULE__{}
+  end
+
+  defmodule ActionTrigger do
+    @moduledoc false
+    defstruct [:action, hidden: false]
+
+    @type t :: %__MODULE__{action: String.t(), hidden: boolean()}
+  end
+end
diff --git a/lib/components/timer/connect.ex b/lib/components/timer/connect.ex
new file mode 100644
index 0000000..30d6468
--- /dev/null
+++ b/lib/components/timer/connect.ex
@@ -0,0 +1,93 @@
+defmodule Corex.Timer.Connect do
+  @moduledoc false
+  alias Corex.Timer.Anatomy.{Props, Root, Area, Control, Item, Separator, ActionTrigger}
+
+  defp data_attr(true), do: ""
+  defp data_attr(false), do: nil
+  defp data_attr(nil), do: nil
+
+  @spec props(Props.t()) :: map()
+  def props(assigns) do
+    %{
+      "id" => assigns.id,
+      "data-countdown" => data_attr(assigns.countdown),
+      "data-start-ms" => to_string(assigns.start_ms),
+      "data-target-ms" => if(assigns.target_ms, do: to_string(assigns.target_ms), else: nil),
+      "data-auto-start" => data_attr(assigns.auto_start),
+      "data-interval" => to_string(assigns.interval),
+      "data-on-tick" => assigns.on_tick,
+      "data-on-complete" => assigns.on_complete
+    }
+  end
+
+  @spec root(Root.t()) :: map()
+  def root(assigns) do
+    %{
+      "data-scope" => "timer",
+      "data-part" => "root",
+      "id" => "timer:#{assigns.id}"
+    }
+  end
+
+  @spec area(Area.t()) :: map()
+  def area(assigns) do
+    %{
+      "data-scope" => "timer",
+      "data-part" => "area",
+      "id" => "timer:#{assigns.id}:area"
+    }
+  end
+
+  @spec control(Control.t()) :: map()
+  def control(assigns) do
+    %{
+      "data-scope" => "timer",
+      "data-part" => "control",
+      "id" => "timer:#{assigns.id}:control"
+    }
+  end
+
+  @spec item(Item.t()) :: map()
+  def item(assigns) do
+    value = Map.get(assigns, :value, 0)
+
+    %{
+      "data-scope" => "timer",
+      "data-part" => "item",
+      "data-type" => assigns.type,
+      "style" => "--value:#{value};"
+    }
+  end
+
+  @spec separator(Separator.t()) :: map()
+  def separator(_assigns) do
+    %{
+      "data-scope" => "timer",
+      "data-part" => "separator",
+      "aria-hidden" => "true"
+    }
+  end
+
+  defp action_label("start"), do: "Start"
+  defp action_label("pause"), do: "Pause"
+  defp action_label("resume"), do: "Resume"
+  defp action_label("reset"), do: "Reset"
+  defp action_label(_), do: "Timer action"
+
+  @spec action_trigger(ActionTrigger.t()) :: map()
+  def action_trigger(assigns) do
+    base = %{
+      "data-scope" => "timer",
+      "data-part" => "action-trigger",
+      "data-action" => assigns.action,
+      "type" => "button",
+      "aria-label" => action_label(assigns.action)
+    }
+
+    if assigns.hidden do
+      Map.put(base, "hidden", "")
+    else
+      base
+    end
+  end
+end
diff --git a/lib/corex.ex b/lib/corex.ex
index 7ed7812..3e8e323 100644
--- a/lib/corex.ex
+++ b/lib/corex.ex
@@ -33,7 +33,18 @@ defmodule Corex do
     date_picker: {Corex.DatePicker, [date_picker: 1]},
     signature_pad: {Corex.SignaturePad, [signature_pad: 1]},
     menu: {Corex.Menu, [menu: 1]},
-    tree_view: {Corex.TreeView, [tree_view: 1, tree_item: 1, tree_branch: 1]}
+    tree_view: {Corex.TreeView, [tree_view: 1, tree_item: 1, tree_branch: 1]},
+    angle_slider: {Corex.AngleSlider, [angle_slider: 1]},
+    avatar: {Corex.Avatar, [avatar: 1]},
+    carousel: {Corex.Carousel, [carousel: 1]},
+    editable: {Corex.Editable, [editable: 1]},
+    floating_panel: {Corex.FloatingPanel, [floating_panel: 1]},
+    listbox: {Corex.Listbox, [listbox: 1]},
+    number_input: {Corex.NumberInput, [number_input: 1]},
+    password_input: {Corex.PasswordInput, [password_input: 1]},
+    pin_input: {Corex.PinInput, [pin_input: 1]},
+    radio_group: {Corex.RadioGroup, [radio_group: 1]},
+    timer: {Corex.Timer, [timer: 1]}
   }
 
   defmacro __using__(opts \\ []) do
diff --git a/mix.exs b/mix.exs
index cd083ff..bef873c 100644
--- a/mix.exs
+++ b/mix.exs
@@ -1,7 +1,7 @@
 defmodule Corex.MixProject do
   use Mix.Project
 
-  @version "0.1.0-alpha.22"
+  @version "0.1.0-alpha.23"
   @elixir_requirement "~> 1.15"
 
   def project do
@@ -17,7 +17,7 @@ defmodule Corex.MixProject do
         "Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework.",
       package: package(),
       source_url: "https://github.com/corex-ui/corex",
-      homepage_url: "https://corex-ui.com",
+      homepage_url: "https://corex.gigalixirapp.com/en",
       docs: &docs/0
     ]
   end
@@ -46,7 +46,10 @@ defmodule Corex.MixProject do
 
   defp aliases do
     [
+      compile: [&copy_design/1, "compile"],
       "assets.build": [
+        &clean_static_assets/1,
+        &copy_design/1,
         "esbuild module",
         "esbuild cdn",
         "esbuild cdn_min",
@@ -57,6 +60,23 @@ defmodule Corex.MixProject do
     ]
   end
 
+  defp clean_static_assets(_) do
+    static = Path.join([__DIR__, "priv", "static"])
+    design_dest = Path.join([__DIR__, "priv", "design"])
+    File.rm_rf(Path.join(static, "cache_manifest.json"))
+    File.rm_rf(design_dest)
+  end
+
+  defp copy_design(_) do
+    source = Path.join([__DIR__, "design"])
+    destination = Path.join([__DIR__, "priv", "design"])
+
+    if File.exists?(source) and File.dir?(source) do
+      File.mkdir_p!(Path.dirname(destination))
+      File.cp_r!(source, destination, force: true)
+    end
+  end
+
   defp package do
     [
       maintainers: ["Karim Semmoud"],
@@ -96,17 +116,28 @@ defmodule Corex.MixProject do
     [
       Components: [
         Corex.Accordion,
+        Corex.AngleSlider,
+        Corex.Avatar,
+        Corex.Carousel,
         Corex.Checkbox,
-        Corex.Combobox,
         Corex.Clipboard,
+        Corex.Combobox,
         Corex.Collapsible,
         Corex.DatePicker,
         Corex.Dialog,
+        Corex.Editable,
+        Corex.FloatingPanel,
+        Corex.Listbox,
         Corex.Menu,
+        Corex.NumberInput,
+        Corex.PasswordInput,
+        Corex.PinInput,
+        Corex.RadioGroup,
         Corex.Select,
         Corex.SignaturePad,
         Corex.Switch,
         Corex.Tabs,
+        Corex.Timer,
         Corex.Toast,
         Corex.ToggleGroup,
         Corex.TreeView
diff --git a/package.json b/package.json
index 3c1c3dc..3e39a63 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "corex",
-  "version": "0.1.0-alpha.22",
+  "version": "0.1.0-alpha.23",
   "description": "The official JavaScript client for the Corex Phoenix Hooks.",
   "license": "MIT",
   "module": "./priv/static/corex.mjs",
@@ -13,17 +13,28 @@
       "require": "./priv/static/corex.cjs.js"
     },
     "./accordion": "./priv/static/accordion.mjs",
+    "./angle-slider": "./priv/static/angle-slider.mjs",
+    "./avatar": "./priv/static/avatar.mjs",
+    "./carousel": "./priv/static/carousel.mjs",
     "./checkbox": "./priv/static/checkbox.mjs",
     "./clipboard": "./priv/static/clipboard.mjs",
     "./collapsible": "./priv/static/collapsible.mjs",
     "./combobox": "./priv/static/combobox.mjs",
     "./date-picker": "./priv/static/date-picker.mjs",
     "./dialog": "./priv/static/dialog.mjs",
+    "./editable": "./priv/static/editable.mjs",
+    "./floating-panel": "./priv/static/floating-panel.mjs",
+    "./listbox": "./priv/static/listbox.mjs",
     "./menu": "./priv/static/menu.mjs",
+    "./number-input": "./priv/static/number-input.mjs",
+    "./password-input": "./priv/static/password-input.mjs",
+    "./pin-input": "./priv/static/pin-input.mjs",
+    "./radio-group": "./priv/static/radio-group.mjs",
     "./select": "./priv/static/select.mjs",
     "./signature-pad": "./priv/static/signature-pad.mjs",
     "./switch": "./priv/static/switch.mjs",
     "./tabs": "./priv/static/tabs.mjs",
+    "./timer": "./priv/static/timer.mjs",
     "./toast": "./priv/static/toast.mjs",
     "./toggle-group": "./priv/static/toggle-group.mjs",
     "./tree-view": "./priv/static/tree-view.mjs"
@@ -39,7 +50,6 @@
     "priv/design/**",
     "assets/**"
   ],
-    "sideEffects": false,
   "scripts": {
     "lint": "eslint assets",
     "lint:fix": "eslint assets --fix",
@@ -52,8 +62,10 @@
     "@eslint/js": "^9.39.2",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
-    "@zag-js/accordion": "^1.33.1",
+"@zag-js/accordion": "^1.33.1",
+    "@zag-js/angle-slider": "^1.33.1",
     "@zag-js/avatar": "^1.33.1",
+    "@zag-js/carousel": "^1.33.1",
     "@zag-js/collection": "^1.33.1",
     "@zag-js/checkbox": "^1.33.1",
     "@zag-js/clipboard": "^1.33.1",
@@ -61,13 +73,20 @@
     "@zag-js/combobox": "^1.33.1",
     "@zag-js/date-picker": "^1.33.1",
     "@zag-js/dialog": "^1.33.1",
+    "@zag-js/editable": "^1.33.1",
     "@zag-js/floating-panel": "^1.33.1",
-    "@zag-js/menu": "^1.33.1", 
+    "@zag-js/listbox": "^1.33.1",
+    "@zag-js/menu": "^1.33.1",
+    "@zag-js/number-input": "^1.33.1",
+    "@zag-js/password-input": "^1.33.1",
+    "@zag-js/pin-input": "^1.33.1",
     "@zag-js/popper": "^1.33.1",
+    "@zag-js/radio-group": "^1.33.1",
     "@zag-js/select": "^1.33.1",
     "@zag-js/signature-pad": "^1.33.1",
     "@zag-js/switch": "^1.33.1",
     "@zag-js/tabs": "^1.33.1",
+    "@zag-js/timer": "^1.33.1",
     "@zag-js/toast": "^1.33.1",
     "@zag-js/toggle-group": "^1.33.1",
     "@zag-js/tree-view": "^1.33.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 341012f..2d7728f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,9 +23,15 @@ importers:
       '@zag-js/accordion':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/angle-slider':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/avatar':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/carousel':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/checkbox':
         specifier: ^1.33.1
         version: 1.33.1
@@ -47,15 +53,33 @@ importers:
       '@zag-js/dialog':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/editable':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/floating-panel':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/listbox':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/menu':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/number-input':
+        specifier: ^1.33.1
+        version: 1.33.1
+      '@zag-js/password-input':
+        specifier: ^1.33.1
+        version: 1.33.1
+      '@zag-js/pin-input':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/popper':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/radio-group':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/select':
         specifier: ^1.33.1
         version: 1.33.1
@@ -68,6 +92,9 @@ importers:
       '@zag-js/tabs':
         specifier: ^1.33.1
         version: 1.33.1
+      '@zag-js/timer':
+        specifier: ^1.33.1
+        version: 1.33.1
       '@zag-js/toast':
         specifier: ^1.33.1
         version: 1.33.1
@@ -177,6 +204,9 @@ packages:
   '@internationalized/date@3.11.0':
     resolution: {integrity: sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q==}
 
+  '@internationalized/number@3.6.5':
+    resolution: {integrity: sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g==}
+
   '@pkgr/core@0.2.9':
     resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -255,12 +285,18 @@ packages:
   '@zag-js/anatomy@1.33.1':
     resolution: {integrity: sha512-iME14VHGGEPNMakilI6qvEkv9sll4AFZHpeoMLpczesw5hmqQjjNRifDTPR+idqCb8O8PdkAPE9hyMeP+4JjtA==}
 
+  '@zag-js/angle-slider@1.33.1':
+    resolution: {integrity: sha512-Y44IND5koNWD/EMKEWJbuEnzNW9y1WsrQFFvKRsMp/m3n60hiLa8qtZHoZWm8eOZCKFlsjVJ0gueEuZp43nobA==}
+
   '@zag-js/aria-hidden@1.33.1':
     resolution: {integrity: sha512-TpRAtssDHVfra5qxigk7w1NMf/crKu615INu6GAbNNMUBWD1rPZAfxdg/xe/BAcxLy+XM5/q62dVSNvpjXzN3g==}
 
   '@zag-js/avatar@1.33.1':
     resolution: {integrity: sha512-D8HBPvIVLoty14CDx6wWfdfcalr/pf2FgJ0N7VTgExvZt8t64JWJarL75ZkIB3ROaNe4RMFdzabz1uc7BlcDyg==}
 
+  '@zag-js/carousel@1.33.1':
+    resolution: {integrity: sha512-FB72jCHhTTn0gXsWwDT/DrGMpBHQTxlKvwjEiBGkcprWVpptN0WGJR+EtX2Si/668sdH/471rew2DKA+h5k6Tw==}
+
   '@zag-js/checkbox@1.33.1':
     resolution: {integrity: sha512-3rIPXB3O7hZukyjKpRAOn+Ob7jByBmDNU7wdpS2HRv7Urv9i5jUExlwayevw/a6JHQaT7mR1dL4culTyX+fJVA==}
 
@@ -298,6 +334,9 @@ packages:
   '@zag-js/dom-query@1.33.1':
     resolution: {integrity: sha512-Iyl0D3nLvJuMkkuRy22xhj4pkzexUCDlRpCzqIrOMDKsmFka/WV9PIclZKVpMECTi9dEQmJuGTjBVaCOReLu+Q==}
 
+  '@zag-js/editable@1.33.1':
+    resolution: {integrity: sha512-uLLwopl5naET76ND+/GZDVMlXaAIwepAhmfNA+Esj4Upgtd3lpD5SNzJiVuyzZ0ewVyp2cuXHHAfNiibhkoFlA==}
+
   '@zag-js/floating-panel@1.33.1':
     resolution: {integrity: sha512-MKtFyC3xxCUmHEnugR+KMcVIX7FdHsoZfDxcKc74h+2M6FAmk6YB8lByoY9pkCR9ems/5DkHcMU9cVVJ9kiFqA==}
 
@@ -310,21 +349,39 @@ packages:
   '@zag-js/interact-outside@1.33.1':
     resolution: {integrity: sha512-XnqwYsGw0GVmjBpDziwWXKE/+KeZLgRnjEpyVr6HMATMGD+c4j6TmIbI9OGEaWliLuwvHdTclkmK4WYTaAGmiw==}
 
+  '@zag-js/listbox@1.33.1':
+    resolution: {integrity: sha512-8XT+6T82xG3BJwC7VYu/I1W8Hxyjgpke8tB1odQSWOV23pVXXPbol7wQbtoieSVeNDsZD8K12CpB40oRVrcSHA==}
+
   '@zag-js/live-region@1.33.1':
     resolution: {integrity: sha512-KbU2wUSMd01fY7dgc9WhvU2x07FxNHKSCrn+fFUnB+Qoy6iiVv0A729JDbzPUUcpBV0BFoQ3qNdBDVyBalbpaQ==}
 
   '@zag-js/menu@1.33.1':
     resolution: {integrity: sha512-QihwaFCgGcrPbJSoP73nt749/rlUANiIrCU//8WWfQTgv0NBJprBD7d3banDNlK9ZSGmvELcpyQ/fKU4cfn0GQ==}
 
+  '@zag-js/number-input@1.33.1':
+    resolution: {integrity: sha512-5YKr8uagIDGXp3hIqo4IUBGxS5WhH0xM1CQf2zimfDWvBOng+Y+MH/4Lwu9wKuyIq/J3SJqsjO+2OOF7u6ju/g==}
+
+  '@zag-js/password-input@1.33.1':
+    resolution: {integrity: sha512-pJrz50JhQLTfiatehATr40udJYggYmJ7V/7/dBKqthGpMwoaVV3bmtKFSenFGc2mMb5Rlf9KKqHO/dYB7jpNiA==}
+
+  '@zag-js/pin-input@1.33.1':
+    resolution: {integrity: sha512-q6/DRsIV6ZDKzkFmdzbcsVBm7+I7hMlrsLr/P/jH0/fYE5T9t+1m9ll5j7/5RHFJHQ1WajHpdt5ad5mfXMuxKA==}
+
   '@zag-js/popper@1.33.1':
     resolution: {integrity: sha512-DNKRh/SRXB2wcvVYK1wvcEufS4vfVXJOv23QUee761bTv4nrPNll5pZFsYEHatiCNkAmO0MRRYA2Sc6jk9nxNA==}
 
+  '@zag-js/radio-group@1.33.1':
+    resolution: {integrity: sha512-W/T8Hea3Z4mWCErm2fJc/EYabxRkKHFJStSClyllqknF3Y+b42MaKGuub1IcACO3pe6csLTkomdxy1qDLWl/dg==}
+
   '@zag-js/rect-utils@1.33.1':
     resolution: {integrity: sha512-vCIgZF/z8oeYfUhGUgRiNEfOS8on4rUXi4vtL4IvHSdAv5VxZw4ODoLhIzRGT3BwsiMfr8qJ8fmrcR2oFRFQgA==}
 
   '@zag-js/remove-scroll@1.33.1':
     resolution: {integrity: sha512-5+Mvboqlmv8EdJoixAbGrftFVWZTznsVJn40BuB/6fYQeqdsZ2vFmSmSIr7btFOPcj3BcTMo0SbWNNta3fAOrg==}
 
+  '@zag-js/scroll-snap@1.33.1':
+    resolution: {integrity: sha512-GLEb+YJj800ia2zyTFxVZomQ1cFSShazUQ/1uAxX0Lj7+aZK88cZhIn7AI0+yBXTPBS0zrZDhBPsGEDQX+Q9Fw==}
+
   '@zag-js/select@1.33.1':
     resolution: {integrity: sha512-eG+Ftdse0zvCAkXBMNZVBlM+KNvFRKHToxlxgid6wOd5QgRGwr4HaJuWaz908nBIZRYMFVvC+lLaygUVORHmGg==}
 
@@ -340,6 +397,9 @@ packages:
   '@zag-js/tabs@1.33.1':
     resolution: {integrity: sha512-Xquhso7jUch9UrG5N+5vNfR8S2bWUk6EDpBBArY0X5oPSnlzgwJcjWh98hH1QyHX3JmWZN4kAfVKUxNdQxRnVw==}
 
+  '@zag-js/timer@1.33.1':
+    resolution: {integrity: sha512-GgqntefAEQbf66aNgA6NL9Rtrrxcd0/IJVddTj1/xihCnJ8u6AOU4syG5tie0Tpc2caDAntOwlYjpEy3n2AGcA==}
+
   '@zag-js/toast@1.33.1':
     resolution: {integrity: sha512-kI2/VJcBQGgHpmuWiIDqPn8ejFEODh5YhjWbnvjGRG+x3XoPuMq6hhxXV6VWJslbZJtTmzxDcP+Xamdrf1hbZA==}
 
@@ -818,6 +878,10 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.18
 
+  '@internationalized/number@3.6.5':
+    dependencies:
+      '@swc/helpers': 0.5.18
+
   '@pkgr/core@0.2.9': {}
 
   '@swc/helpers@0.5.18':
@@ -929,6 +993,15 @@ snapshots:
 
   '@zag-js/anatomy@1.33.1': {}
 
+  '@zag-js/angle-slider@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/rect-utils': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/aria-hidden@1.33.1':
     dependencies:
       '@zag-js/dom-query': 1.33.1
@@ -941,6 +1014,15 @@ snapshots:
       '@zag-js/types': 1.33.1
       '@zag-js/utils': 1.33.1
 
+  '@zag-js/carousel@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/scroll-snap': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/checkbox@1.33.1':
     dependencies:
       '@zag-js/anatomy': 1.33.1
@@ -1026,6 +1108,15 @@ snapshots:
     dependencies:
       '@zag-js/types': 1.33.1
 
+  '@zag-js/editable@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/interact-outside': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/floating-panel@1.33.1':
     dependencies:
       '@zag-js/anatomy': 1.33.1
@@ -1050,6 +1141,16 @@ snapshots:
       '@zag-js/dom-query': 1.33.1
       '@zag-js/utils': 1.33.1
 
+  '@zag-js/listbox@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/collection': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/focus-visible': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/live-region@1.33.1': {}
 
   '@zag-js/menu@1.33.1':
@@ -1063,18 +1164,56 @@ snapshots:
       '@zag-js/types': 1.33.1
       '@zag-js/utils': 1.33.1
 
+  '@zag-js/number-input@1.33.1':
+    dependencies:
+      '@internationalized/number': 3.6.5
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
+  '@zag-js/password-input@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
+  '@zag-js/pin-input@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/popper@1.33.1':
     dependencies:
       '@floating-ui/dom': 1.7.5
       '@zag-js/dom-query': 1.33.1
       '@zag-js/utils': 1.33.1
 
+  '@zag-js/radio-group@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/focus-visible': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/rect-utils@1.33.1': {}
 
   '@zag-js/remove-scroll@1.33.1':
     dependencies:
       '@zag-js/dom-query': 1.33.1
 
+  '@zag-js/scroll-snap@1.33.1':
+    dependencies:
+      '@zag-js/dom-query': 1.33.1
+
   '@zag-js/select@1.33.1':
     dependencies:
       '@zag-js/anatomy': 1.33.1
@@ -1116,6 +1255,14 @@ snapshots:
       '@zag-js/types': 1.33.1
       '@zag-js/utils': 1.33.1
 
+  '@zag-js/timer@1.33.1':
+    dependencies:
+      '@zag-js/anatomy': 1.33.1
+      '@zag-js/core': 1.33.1
+      '@zag-js/dom-query': 1.33.1
+      '@zag-js/types': 1.33.1
+      '@zag-js/utils': 1.33.1
+
   '@zag-js/toast@1.33.1':
     dependencies:
       '@zag-js/anatomy': 1.33.1
diff --git a/priv/static/accordion.mjs b/priv/static/accordion.mjs
index c16d972..e6bd251 100644
--- a/priv/static/accordion.mjs
+++ b/priv/static/accordion.mjs
@@ -22,7 +22,7 @@ import {
   queryAll,
   remove,
   warn
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+accordion@1.33.1/node_modules/@zag-js/accordion/dist/index.mjs
 var anatomy = createAnatomy("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator");
diff --git a/priv/static/angle-slider.mjs b/priv/static/angle-slider.mjs
new file mode 100644
index 0000000..dde35ee
--- /dev/null
+++ b/priv/static/angle-slider.mjs
@@ -0,0 +1,601 @@
+import {
+  createRect,
+  getPointAngle
+} from "./chunk-BMVNROAE.mjs";
+import {
+  Component,
+  VanillaMachine,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  getBoolean,
+  getEventPoint,
+  getEventStep,
+  getNativeEvent,
+  getNumber,
+  getString,
+  isLeftClick,
+  normalizeProps,
+  raf,
+  setElementValue,
+  snapValueToStep,
+  trackPointerMove
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+angle-slider@1.33.1/node_modules/@zag-js/angle-slider/dist/index.mjs
+var anatomy = createAnatomy("angle-slider").parts(
+  "root",
+  "label",
+  "thumb",
+  "valueText",
+  "control",
+  "track",
+  "markerGroup",
+  "marker"
+);
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `angle-slider:${ctx.id}`;
+var getThumbId = (ctx) => ctx.ids?.thumb ?? `angle-slider:${ctx.id}:thumb`;
+var getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `angle-slider:${ctx.id}:input`;
+var getControlId = (ctx) => ctx.ids?.control ?? `angle-slider:${ctx.id}:control`;
+var getValueTextId = (ctx) => ctx.ids?.valueText ?? `angle-slider:${ctx.id}:value-text`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `angle-slider:${ctx.id}:label`;
+var getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));
+var getControlEl = (ctx) => ctx.getById(getControlId(ctx));
+var getThumbEl = (ctx) => ctx.getById(getThumbId(ctx));
+var MIN_VALUE = 0;
+var MAX_VALUE = 359;
+function getAngle(controlEl, point, angularOffset) {
+  const rect = createRect(controlEl.getBoundingClientRect());
+  const angle = getPointAngle(rect, point);
+  if (angularOffset != null) {
+    return angle - angularOffset;
+  }
+  return angle;
+}
+function clampAngle(degree) {
+  return Math.min(Math.max(degree, MIN_VALUE), MAX_VALUE);
+}
+function constrainAngle(degree, step) {
+  const clampedDegree = clampAngle(degree);
+  const upperStep = Math.ceil(clampedDegree / step);
+  const nearestStep = Math.round(clampedDegree / step);
+  return upperStep >= clampedDegree / step ? upperStep * step === MAX_VALUE ? MIN_VALUE : upperStep * step : nearestStep * step;
+}
+function snapAngleToStep(value, step) {
+  return snapValueToStep(value, MIN_VALUE, MAX_VALUE, step);
+}
+function connect(service, normalize) {
+  const { state, send, context, prop, computed, scope } = service;
+  const dragging = state.matches("dragging");
+  const value = context.get("value");
+  const valueAsDegree = computed("valueAsDegree");
+  const disabled = prop("disabled");
+  const invalid = prop("invalid");
+  const readOnly = prop("readOnly");
+  const interactive = computed("interactive");
+  const ariaLabel = prop("aria-label");
+  const ariaLabelledBy = prop("aria-labelledby");
+  return {
+    value,
+    valueAsDegree,
+    dragging,
+    setValue(value2) {
+      send({ type: "VALUE.SET", value: value2 });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        id: getRootId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        style: {
+          "--value": value,
+          "--angle": valueAsDegree
+        }
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        id: getLabelId(scope),
+        htmlFor: getHiddenInputId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        onClick(event) {
+          if (!interactive) return;
+          event.preventDefault();
+          getThumbEl(scope)?.focus();
+        }
+      });
+    },
+    getHiddenInputProps() {
+      return normalize.element({
+        type: "hidden",
+        value,
+        name: prop("name"),
+        id: getHiddenInputId(scope)
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        role: "presentation",
+        id: getControlId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        onPointerDown(event) {
+          if (!interactive) return;
+          if (!isLeftClick(event)) return;
+          const point = getEventPoint(event);
+          const controlEl = event.currentTarget;
+          const thumbEl = getThumbEl(scope);
+          const composedPath = getNativeEvent(event).composedPath();
+          const isOverThumb = thumbEl && composedPath.includes(thumbEl);
+          let angularOffset = null;
+          if (isOverThumb) {
+            const clickAngle = getAngle(controlEl, point);
+            angularOffset = clickAngle - value;
+          }
+          send({ type: "CONTROL.POINTER_DOWN", point, angularOffset });
+          event.stopPropagation();
+        },
+        style: {
+          touchAction: "none",
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        }
+      });
+    },
+    getThumbProps() {
+      return normalize.element({
+        ...parts.thumb.attrs,
+        id: getThumbId(scope),
+        role: "slider",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy ?? getLabelId(scope),
+        "aria-valuemax": 360,
+        "aria-valuemin": 0,
+        "aria-valuenow": value,
+        tabIndex: readOnly || interactive ? 0 : void 0,
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        onFocus() {
+          send({ type: "THUMB.FOCUS" });
+        },
+        onBlur() {
+          send({ type: "THUMB.BLUR" });
+        },
+        onKeyDown(event) {
+          if (!interactive) return;
+          const step = getEventStep(event) * prop("step");
+          switch (event.key) {
+            case "ArrowLeft":
+            case "ArrowUp":
+              event.preventDefault();
+              send({ type: "THUMB.ARROW_DEC", step });
+              break;
+            case "ArrowRight":
+            case "ArrowDown":
+              event.preventDefault();
+              send({ type: "THUMB.ARROW_INC", step });
+              break;
+            case "Home":
+              event.preventDefault();
+              send({ type: "THUMB.HOME" });
+              break;
+            case "End":
+              event.preventDefault();
+              send({ type: "THUMB.END" });
+              break;
+          }
+        },
+        style: {
+          rotate: `var(--angle)`
+        }
+      });
+    },
+    getValueTextProps() {
+      return normalize.element({
+        ...parts.valueText.attrs,
+        id: getValueTextId(scope)
+      });
+    },
+    getMarkerGroupProps() {
+      return normalize.element({
+        ...parts.markerGroup.attrs
+      });
+    },
+    getMarkerProps(props2) {
+      let markerState;
+      if (props2.value < value) {
+        markerState = "under-value";
+      } else if (props2.value > value) {
+        markerState = "over-value";
+      } else {
+        markerState = "at-value";
+      }
+      return normalize.element({
+        ...parts.marker.attrs,
+        "data-value": props2.value,
+        "data-state": markerState,
+        "data-disabled": dataAttr(disabled),
+        style: {
+          "--marker-value": props2.value,
+          rotate: `calc(var(--marker-value) * 1deg)`
+        }
+      });
+    }
+  };
+}
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      step: 1,
+      defaultValue: 0,
+      ...props2
+    };
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          prop("onValueChange")?.({ value, valueAsDegree: `${value}deg` });
+        }
+      }))
+    };
+  },
+  refs() {
+    return {
+      thumbDragOffset: null
+    };
+  },
+  computed: {
+    interactive: ({ prop }) => !(prop("disabled") || prop("readOnly")),
+    valueAsDegree: ({ context }) => `${context.get("value")}deg`
+  },
+  watch({ track, context, action }) {
+    track([() => context.get("value")], () => {
+      action(["syncInputElement"]);
+    });
+  },
+  initialState() {
+    return "idle";
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "CONTROL.POINTER_DOWN": {
+          target: "dragging",
+          actions: ["setThumbDragOffset", "setPointerValue", "focusThumb"]
+        },
+        "THUMB.FOCUS": {
+          target: "focused"
+        }
+      }
+    },
+    focused: {
+      on: {
+        "CONTROL.POINTER_DOWN": {
+          target: "dragging",
+          actions: ["setThumbDragOffset", "setPointerValue", "focusThumb"]
+        },
+        "THUMB.ARROW_DEC": {
+          actions: ["decrementValue", "invokeOnChangeEnd"]
+        },
+        "THUMB.ARROW_INC": {
+          actions: ["incrementValue", "invokeOnChangeEnd"]
+        },
+        "THUMB.HOME": {
+          actions: ["setValueToMin", "invokeOnChangeEnd"]
+        },
+        "THUMB.END": {
+          actions: ["setValueToMax", "invokeOnChangeEnd"]
+        },
+        "THUMB.BLUR": {
+          target: "idle"
+        }
+      }
+    },
+    dragging: {
+      entry: ["focusThumb"],
+      effects: ["trackPointerMove"],
+      on: {
+        "DOC.POINTER_UP": {
+          target: "focused",
+          actions: ["invokeOnChangeEnd", "clearThumbDragOffset"]
+        },
+        "DOC.POINTER_MOVE": {
+          actions: ["setPointerValue"]
+        }
+      }
+    }
+  },
+  implementations: {
+    effects: {
+      trackPointerMove({ scope, send }) {
+        return trackPointerMove(scope.getDoc(), {
+          onPointerMove(info) {
+            send({ type: "DOC.POINTER_MOVE", point: info.point });
+          },
+          onPointerUp() {
+            send({ type: "DOC.POINTER_UP" });
+          }
+        });
+      }
+    },
+    actions: {
+      syncInputElement({ scope, context }) {
+        const inputEl = getHiddenInputEl(scope);
+        setElementValue(inputEl, context.get("value").toString());
+      },
+      invokeOnChangeEnd({ context, prop, computed }) {
+        prop("onValueChangeEnd")?.({
+          value: context.get("value"),
+          valueAsDegree: computed("valueAsDegree")
+        });
+      },
+      setPointerValue({ scope, event, context, prop, refs }) {
+        const controlEl = getControlEl(scope);
+        if (!controlEl) return;
+        const angularOffset = refs.get("thumbDragOffset");
+        const deg = getAngle(controlEl, event.point, angularOffset);
+        context.set("value", constrainAngle(deg, prop("step")));
+      },
+      setValueToMin({ context }) {
+        context.set("value", MIN_VALUE);
+      },
+      setValueToMax({ context }) {
+        context.set("value", MAX_VALUE);
+      },
+      setValue({ context, event }) {
+        context.set("value", clampAngle(event.value));
+      },
+      decrementValue({ context, event, prop }) {
+        const value = snapAngleToStep(context.get("value") - event.step, event.step ?? prop("step"));
+        context.set("value", value);
+      },
+      incrementValue({ context, event, prop }) {
+        const value = snapAngleToStep(context.get("value") + event.step, event.step ?? prop("step"));
+        context.set("value", value);
+      },
+      focusThumb({ scope }) {
+        raf(() => {
+          getThumbEl(scope)?.focus({ preventScroll: true });
+        });
+      },
+      setThumbDragOffset({ refs, event }) {
+        refs.set("thumbDragOffset", event.angularOffset ?? null);
+      },
+      clearThumbDragOffset({ refs }) {
+        refs.set("thumbDragOffset", null);
+      }
+    }
+  }
+});
+var props = createProps()([
+  "aria-label",
+  "aria-labelledby",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "name",
+  "onValueChange",
+  "onValueChangeEnd",
+  "readOnly",
+  "step",
+  "value",
+  "defaultValue"
+]);
+var splitProps = createSplitProps(props);
+
+// components/angle-slider.ts
+var AngleSlider = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="angle-slider"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const hiddenInputEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="hidden-input"]'
+    );
+    if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const thumbEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="thumb"]'
+    );
+    if (thumbEl) this.spreadProps(thumbEl, this.api.getThumbProps());
+    const valueTextEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="value-text"]'
+    );
+    if (valueTextEl) {
+      this.spreadProps(valueTextEl, this.api.getValueTextProps());
+      const valueSpan = valueTextEl.querySelector(
+        '[data-scope="angle-slider"][data-part="value"]'
+      );
+      if (valueSpan && valueSpan.textContent !== String(this.api.value)) {
+        valueSpan.textContent = String(this.api.value);
+      }
+    }
+    const markerGroupEl = this.el.querySelector(
+      '[data-scope="angle-slider"][data-part="marker-group"]'
+    );
+    if (markerGroupEl) this.spreadProps(markerGroupEl, this.api.getMarkerGroupProps());
+    this.el.querySelectorAll('[data-scope="angle-slider"][data-part="marker"]').forEach((markerEl) => {
+      const valueStr = markerEl.dataset.value;
+      if (valueStr == null) return;
+      const value = Number(valueStr);
+      if (Number.isNaN(value)) return;
+      this.spreadProps(markerEl, this.api.getMarkerProps({ value }));
+    });
+  }
+};
+
+// hooks/angle-slider.ts
+var AngleSliderHook = {
+  mounted() {
+    const el = this.el;
+    const value = getNumber(el, "value");
+    const defaultValue = getNumber(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    let skipNextOnValueChange = false;
+    const zag = new AngleSlider(el, {
+      id: el.id,
+      ...controlled && value !== void 0 ? { value } : { defaultValue: defaultValue ?? 0 },
+      step: getNumber(el, "step") ?? 1,
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      invalid: getBoolean(el, "invalid"),
+      name: getString(el, "name"),
+      dir: getString(el, "dir", ["ltr", "rtl"]),
+      onValueChange: (details) => {
+        if (skipNextOnValueChange) {
+          skipNextOnValueChange = false;
+          return;
+        }
+        if (controlled) {
+          skipNextOnValueChange = true;
+          zag.api.setValue(details.value);
+        } else {
+          const hiddenInput = el.querySelector(
+            '[data-scope="angle-slider"][data-part="hidden-input"]'
+          );
+          if (hiddenInput) {
+            hiddenInput.value = String(details.value);
+            hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+            hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsDegree: details.valueAsDegree,
+            id: el.id
+          });
+        }
+        const eventNameClient = getString(el, "onValueChangeClient");
+        if (eventNameClient) {
+          el.dispatchEvent(
+            new CustomEvent(eventNameClient, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      },
+      onValueChangeEnd: (details) => {
+        if (controlled) {
+          const hiddenInput = el.querySelector(
+            '[data-scope="angle-slider"][data-part="hidden-input"]'
+          );
+          if (hiddenInput) {
+            hiddenInput.value = String(details.value);
+            hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+            hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        }
+        const eventName = getString(el, "onValueChangeEnd");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsDegree: details.valueAsDegree,
+            id: el.id
+          });
+        }
+        const eventNameClient = getString(el, "onValueChangeEndClient");
+        if (eventNameClient) {
+          el.dispatchEvent(
+            new CustomEvent(eventNameClient, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.angleSlider = zag;
+    this.handlers = [];
+    this.onSetValue = (event) => {
+      const { value: value2 } = event.detail;
+      zag.api.setValue(value2);
+    };
+    el.addEventListener("phx:angle-slider:set-value", this.onSetValue);
+    this.handlers.push(
+      this.handleEvent(
+        "angle_slider_set_value",
+        (payload) => {
+          const targetId = payload.angle_slider_id;
+          if (targetId) {
+            const matches = el.id === targetId || el.id === `angle-slider:${targetId}`;
+            if (!matches) return;
+          }
+          zag.api.setValue(payload.value);
+        }
+      )
+    );
+    this.handlers.push(
+      this.handleEvent("angle_slider_value", () => {
+        this.pushEvent("angle_slider_value_response", {
+          value: zag.api.value,
+          valueAsDegree: zag.api.valueAsDegree,
+          dragging: zag.api.dragging
+        });
+      })
+    );
+  },
+  updated() {
+    const value = getNumber(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.angleSlider?.updateProps({
+      id: this.el.id,
+      ...controlled && value !== void 0 ? { value } : {},
+      step: getNumber(this.el, "step") ?? 1,
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      invalid: getBoolean(this.el, "invalid"),
+      name: getString(this.el, "name")
+    });
+  },
+  destroyed() {
+    if (this.onSetValue) {
+      this.el.removeEventListener("phx:angle-slider:set-value", this.onSetValue);
+    }
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.angleSlider?.destroy();
+  }
+};
+export {
+  AngleSliderHook as AngleSlider
+};
diff --git a/priv/static/avatar.mjs b/priv/static/avatar.mjs
new file mode 100644
index 0000000..16aaf2b
--- /dev/null
+++ b/priv/static/avatar.mjs
@@ -0,0 +1,239 @@
+import {
+  Component,
+  VanillaMachine,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  getString,
+  normalizeProps,
+  observeAttributes,
+  observeChildren
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+avatar@1.33.1/node_modules/@zag-js/avatar/dist/index.mjs
+var anatomy = createAnatomy("avatar").parts("root", "image", "fallback");
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`;
+var getImageId = (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`;
+var getFallbackId = (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`;
+var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getImageEl = (ctx) => ctx.getById(getImageId(ctx));
+function connect(service, normalize) {
+  const { state, send, prop, scope } = service;
+  const loaded = state.matches("loaded");
+  return {
+    loaded,
+    setSrc(src) {
+      const img = getImageEl(scope);
+      img?.setAttribute("src", src);
+    },
+    setLoaded() {
+      send({ type: "img.loaded", src: "api" });
+    },
+    setError() {
+      send({ type: "img.error", src: "api" });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        id: getRootId(scope)
+      });
+    },
+    getImageProps() {
+      return normalize.img({
+        ...parts.image.attrs,
+        hidden: !loaded,
+        dir: prop("dir"),
+        id: getImageId(scope),
+        "data-state": loaded ? "visible" : "hidden",
+        onLoad() {
+          send({ type: "img.loaded", src: "element" });
+        },
+        onError() {
+          send({ type: "img.error", src: "element" });
+        }
+      });
+    },
+    getFallbackProps() {
+      return normalize.element({
+        ...parts.fallback.attrs,
+        dir: prop("dir"),
+        id: getFallbackId(scope),
+        hidden: loaded,
+        "data-state": loaded ? "hidden" : "visible"
+      });
+    }
+  };
+}
+var machine = createMachine({
+  initialState() {
+    return "loading";
+  },
+  effects: ["trackImageRemoval", "trackSrcChange"],
+  on: {
+    "src.change": {
+      target: "loading"
+    },
+    "img.unmount": {
+      target: "error"
+    }
+  },
+  states: {
+    loading: {
+      entry: ["checkImageStatus"],
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        },
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    },
+    error: {
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        }
+      }
+    },
+    loaded: {
+      on: {
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      invokeOnLoad({ prop }) {
+        prop("onStatusChange")?.({ status: "loaded" });
+      },
+      invokeOnError({ prop }) {
+        prop("onStatusChange")?.({ status: "error" });
+      },
+      checkImageStatus({ send, scope }) {
+        const imageEl = getImageEl(scope);
+        if (!imageEl?.complete) return;
+        const type = hasLoaded(imageEl) ? "img.loaded" : "img.error";
+        send({ type, src: "ssr" });
+      }
+    },
+    effects: {
+      trackImageRemoval({ send, scope }) {
+        const rootEl = getRootEl(scope);
+        return observeChildren(rootEl, {
+          callback(records) {
+            const removedNodes = Array.from(records[0].removedNodes);
+            const removed = removedNodes.find(
+              (node) => node.nodeType === Node.ELEMENT_NODE && node.matches("[data-scope=avatar][data-part=image]")
+            );
+            if (removed) {
+              send({ type: "img.unmount" });
+            }
+          }
+        });
+      },
+      trackSrcChange({ send, scope }) {
+        const imageEl = getImageEl(scope);
+        return observeAttributes(imageEl, {
+          attributes: ["src", "srcset"],
+          callback() {
+            send({ type: "src.change" });
+          }
+        });
+      }
+    }
+  }
+});
+function hasLoaded(image) {
+  return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;
+}
+var props = createProps()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+var splitProps = createSplitProps(props);
+
+// components/avatar.ts
+var Avatar = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="avatar"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const imageEl = this.el.querySelector('[data-scope="avatar"][data-part="image"]');
+    if (imageEl) this.spreadProps(imageEl, this.api.getImageProps());
+    const fallbackEl = this.el.querySelector(
+      '[data-scope="avatar"][data-part="fallback"]'
+    );
+    if (fallbackEl) this.spreadProps(fallbackEl, this.api.getFallbackProps());
+    const skeletonEl = this.el.querySelector(
+      '[data-scope="avatar"][data-part="skeleton"]'
+    );
+    if (skeletonEl) {
+      const state = this.machine.service.state;
+      const loaded = state.matches("loaded");
+      const error = state.matches("error");
+      skeletonEl.hidden = loaded || error;
+      skeletonEl.setAttribute("data-state", loaded || error ? "hidden" : "visible");
+    }
+  }
+};
+
+// hooks/avatar.ts
+var AvatarHook = {
+  mounted() {
+    const el = this.el;
+    const src = getString(el, "src");
+    const zag = new Avatar(el, {
+      id: el.id,
+      onStatusChange: (details) => {
+        const eventName = getString(el, "onStatusChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { status: details.status, id: el.id });
+        }
+        const clientName = getString(el, "onStatusChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      },
+      ...src !== void 0 ? {} : {}
+    });
+    zag.init();
+    this.avatar = zag;
+    if (src !== void 0) {
+      zag.api.setSrc(src);
+    }
+    this.handlers = [];
+  },
+  updated() {
+    const src = getString(this.el, "src");
+    if (src !== void 0 && this.avatar) {
+      this.avatar.api.setSrc(src);
+    }
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.avatar?.destroy();
+  }
+};
+export {
+  AvatarHook as Avatar
+};
diff --git a/priv/static/carousel.mjs b/priv/static/carousel.mjs
new file mode 100644
index 0000000..90616c9
--- /dev/null
+++ b/priv/static/carousel.mjs
@@ -0,0 +1,1129 @@
+import {
+  Component,
+  VanillaMachine,
+  add,
+  addDomEvent,
+  ariaAttr,
+  callAll,
+  clampValue,
+  contains,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  ensureProps,
+  getBoolean,
+  getComputedStyle as getComputedStyle2,
+  getDir,
+  getEventKey,
+  getEventTarget,
+  getNumber,
+  getString,
+  getTabbables,
+  isFocusable,
+  isLeftClick,
+  isObject,
+  nextIndex,
+  normalizeProps,
+  prevIndex,
+  queryAll,
+  raf,
+  remove,
+  resizeObserverBorderBox,
+  throttle,
+  trackPointerMove,
+  uniq
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+scroll-snap@1.33.1/node_modules/@zag-js/scroll-snap/dist/index.mjs
+var getDirection = (element) => getComputedStyle2(element).direction;
+function getScrollPadding(element) {
+  const style = getComputedStyle2(element);
+  const rect = element.getBoundingClientRect();
+  let xBeforeRaw = style.getPropertyValue("scroll-padding-left").replace("auto", "0px");
+  let yBeforeRaw = style.getPropertyValue("scroll-padding-top").replace("auto", "0px");
+  let xAfterRaw = style.getPropertyValue("scroll-padding-right").replace("auto", "0px");
+  let yAfterRaw = style.getPropertyValue("scroll-padding-bottom").replace("auto", "0px");
+  function convert(raw, size) {
+    let n = parseFloat(raw);
+    if (/%/.test(raw)) {
+      n /= 100;
+      n *= size;
+    }
+    return Number.isNaN(n) ? 0 : n;
+  }
+  let xBefore = convert(xBeforeRaw, rect.width);
+  let yBefore = convert(yBeforeRaw, rect.height);
+  let xAfter = convert(xAfterRaw, rect.width);
+  let yAfter = convert(yAfterRaw, rect.height);
+  return {
+    x: { before: xBefore, after: xAfter },
+    y: { before: yBefore, after: yAfter }
+  };
+}
+function isRectIntersecting(a, b, axis = "both") {
+  return axis === "x" && a.right >= b.left && a.left <= b.right || axis === "y" && a.bottom >= b.top && a.top <= b.bottom || axis === "both" && a.right >= b.left && a.left <= b.right && a.bottom >= b.top && a.top <= b.bottom;
+}
+function getDescendants(parent) {
+  let children = [];
+  for (const child of parent.children) {
+    children = children.concat(child, getDescendants(child));
+  }
+  return children;
+}
+function getSnapPositions(parent, subtree = false) {
+  const parentRect = parent.getBoundingClientRect();
+  const dir = getDirection(parent);
+  const isRtl = dir === "rtl";
+  const positions = {
+    x: { start: [], center: [], end: [] },
+    y: { start: [], center: [], end: [] }
+  };
+  const children = subtree ? getDescendants(parent) : parent.children;
+  for (const axis of ["x", "y"]) {
+    const orthogonalAxis = axis === "x" ? "y" : "x";
+    const axisStart = axis === "x" ? "left" : "top";
+    const axisEnd = axis === "x" ? "right" : "bottom";
+    const axisSize = axis === "x" ? "width" : "height";
+    const axisScroll = axis === "x" ? "scrollLeft" : "scrollTop";
+    const useRtlCalc = isRtl && axis === "x";
+    for (const child of children) {
+      const childRect = child.getBoundingClientRect();
+      if (!isRectIntersecting(parentRect, childRect, orthogonalAxis)) {
+        continue;
+      }
+      const childStyle = getComputedStyle2(child);
+      let [childAlignY, childAlignX] = childStyle.getPropertyValue("scroll-snap-align").split(" ");
+      if (typeof childAlignX === "undefined") {
+        childAlignX = childAlignY;
+      }
+      const childAlign = axis === "x" ? childAlignX : childAlignY;
+      let childOffsetStart;
+      let childOffsetEnd;
+      let childOffsetCenter;
+      if (useRtlCalc) {
+        const scrollOffset = Math.abs(parent[axisScroll]);
+        const rightOffset = parentRect[axisEnd] - childRect[axisEnd] + scrollOffset;
+        childOffsetStart = rightOffset;
+        childOffsetEnd = rightOffset + childRect[axisSize];
+        childOffsetCenter = rightOffset + childRect[axisSize] / 2;
+      } else {
+        childOffsetStart = childRect[axisStart] - parentRect[axisStart] + parent[axisScroll];
+        childOffsetEnd = childOffsetStart + childRect[axisSize];
+        childOffsetCenter = childOffsetStart + childRect[axisSize] / 2;
+      }
+      switch (childAlign) {
+        case "none":
+          break;
+        case "start":
+          positions[axis].start.push({ node: child, position: childOffsetStart });
+          break;
+        case "center":
+          positions[axis].center.push({ node: child, position: childOffsetCenter });
+          break;
+        case "end":
+          positions[axis].end.push({ node: child, position: childOffsetEnd });
+          break;
+      }
+    }
+  }
+  return positions;
+}
+function getScrollSnapPositions(element) {
+  const dir = getDirection(element);
+  const rect = element.getBoundingClientRect();
+  const scrollPadding = getScrollPadding(element);
+  const snapPositions = getSnapPositions(element);
+  const maxScroll = {
+    x: element.scrollWidth - element.offsetWidth,
+    y: element.scrollHeight - element.offsetHeight
+  };
+  const isRtl = dir === "rtl";
+  const usesNegativeScrollLeft = isRtl && element.scrollLeft <= 0;
+  let xPositions;
+  if (isRtl) {
+    xPositions = uniq2(
+      [
+        ...snapPositions.x.start.map((v) => v.position - scrollPadding.x.after),
+        ...snapPositions.x.center.map((v) => v.position - rect.width / 2),
+        ...snapPositions.x.end.map((v) => v.position - rect.width + scrollPadding.x.before)
+      ].map(clamp(0, maxScroll.x))
+    );
+    if (usesNegativeScrollLeft) {
+      xPositions = xPositions.map((pos) => -pos);
+    }
+  } else {
+    xPositions = uniq2(
+      [
+        ...snapPositions.x.start.map((v) => v.position - scrollPadding.x.before),
+        ...snapPositions.x.center.map((v) => v.position - rect.width / 2),
+        ...snapPositions.x.end.map((v) => v.position - rect.width + scrollPadding.x.after)
+      ].map(clamp(0, maxScroll.x))
+    );
+  }
+  return {
+    x: xPositions,
+    y: uniq2(
+      [
+        ...snapPositions.y.start.map((v) => v.position - scrollPadding.y.before),
+        ...snapPositions.y.center.map((v) => v.position - rect.height / 2),
+        ...snapPositions.y.end.map((v) => v.position - rect.height + scrollPadding.y.after)
+      ].map(clamp(0, maxScroll.y))
+    )
+  };
+}
+function findSnapPoint(parent, axis, predicate) {
+  const dir = getDirection(parent);
+  const scrollPadding = getScrollPadding(parent);
+  const snapPositions = getSnapPositions(parent);
+  const items = [...snapPositions[axis].start, ...snapPositions[axis].center, ...snapPositions[axis].end];
+  const isRtl = dir === "rtl";
+  const usesNegativeScrollLeft = isRtl && axis === "x" && parent.scrollLeft <= 0;
+  for (const item of items) {
+    if (predicate(item.node)) {
+      let position;
+      if (axis === "x" && isRtl) {
+        position = item.position - scrollPadding.x.after;
+        if (usesNegativeScrollLeft) {
+          position = -position;
+        }
+      } else {
+        position = item.position - (axis === "x" ? scrollPadding.x.before : scrollPadding.y.before);
+      }
+      return position;
+    }
+  }
+}
+var uniq2 = (arr) => [...new Set(arr)];
+var clamp = (min, max) => (value) => Math.max(min, Math.min(max, value));
+
+// ../node_modules/.pnpm/@zag-js+carousel@1.33.1/node_modules/@zag-js/carousel/dist/index.mjs
+var anatomy = createAnatomy("carousel").parts(
+  "root",
+  "itemGroup",
+  "item",
+  "control",
+  "nextTrigger",
+  "prevTrigger",
+  "indicatorGroup",
+  "indicator",
+  "autoplayTrigger",
+  "progressText"
+);
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `carousel:${ctx.id}`;
+var getItemId = (ctx, index) => ctx.ids?.item?.(index) ?? `carousel:${ctx.id}:item:${index}`;
+var getItemGroupId = (ctx) => ctx.ids?.itemGroup ?? `carousel:${ctx.id}:item-group`;
+var getNextTriggerId = (ctx) => ctx.ids?.nextTrigger ?? `carousel:${ctx.id}:next-trigger`;
+var getPrevTriggerId = (ctx) => ctx.ids?.prevTrigger ?? `carousel:${ctx.id}:prev-trigger`;
+var getIndicatorGroupId = (ctx) => ctx.ids?.indicatorGroup ?? `carousel:${ctx.id}:indicator-group`;
+var getIndicatorId = (ctx, index) => ctx.ids?.indicator?.(index) ?? `carousel:${ctx.id}:indicator:${index}`;
+var getItemGroupEl = (ctx) => ctx.getById(getItemGroupId(ctx));
+var getItemEls = (ctx) => queryAll(getItemGroupEl(ctx), `[data-part=item]`);
+var getIndicatorEl = (ctx, page) => ctx.getById(getIndicatorId(ctx, page));
+var syncTabIndex = (ctx) => {
+  const el = getItemGroupEl(ctx);
+  if (!el) return;
+  const tabbables = getTabbables(el);
+  el.setAttribute("tabindex", tabbables.length > 0 ? "-1" : "0");
+};
+function connect(service, normalize) {
+  const { state, context, computed, send, scope, prop } = service;
+  const isPlaying = state.matches("autoplay");
+  const isDragging = state.matches("dragging");
+  const canScrollNext = computed("canScrollNext");
+  const canScrollPrev = computed("canScrollPrev");
+  const horizontal = computed("isHorizontal");
+  const autoSize = prop("autoSize");
+  const pageSnapPoints = Array.from(context.get("pageSnapPoints"));
+  const page = context.get("page");
+  const slidesPerPage = prop("slidesPerPage");
+  const padding = prop("padding");
+  const translations = prop("translations");
+  return {
+    isPlaying,
+    isDragging,
+    page,
+    pageSnapPoints,
+    canScrollNext,
+    canScrollPrev,
+    getProgress() {
+      return page / pageSnapPoints.length;
+    },
+    getProgressText() {
+      const details = { page: page + 1, totalPages: pageSnapPoints.length };
+      return translations.progressText?.(details) ?? "";
+    },
+    scrollToIndex(index, instant) {
+      send({ type: "INDEX.SET", index, instant });
+    },
+    scrollTo(index, instant) {
+      send({ type: "PAGE.SET", index, instant });
+    },
+    scrollNext(instant) {
+      send({ type: "PAGE.NEXT", instant });
+    },
+    scrollPrev(instant) {
+      send({ type: "PAGE.PREV", instant });
+    },
+    play() {
+      send({ type: "AUTOPLAY.START" });
+    },
+    pause() {
+      send({ type: "AUTOPLAY.PAUSE" });
+    },
+    isInView(index) {
+      return Array.from(context.get("slidesInView")).includes(index);
+    },
+    refresh() {
+      send({ type: "SNAP.REFRESH" });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        id: getRootId(scope),
+        role: "region",
+        "aria-roledescription": "carousel",
+        "data-orientation": prop("orientation"),
+        dir: prop("dir"),
+        style: {
+          "--slides-per-page": slidesPerPage,
+          "--slide-spacing": prop("spacing"),
+          "--slide-item-size": autoSize ? "auto" : "calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))"
+        }
+      });
+    },
+    getItemGroupProps() {
+      return normalize.element({
+        ...parts.itemGroup.attrs,
+        id: getItemGroupId(scope),
+        "data-orientation": prop("orientation"),
+        "data-dragging": dataAttr(isDragging),
+        dir: prop("dir"),
+        "aria-live": isPlaying ? "off" : "polite",
+        onFocus(event) {
+          if (!contains(event.currentTarget, getEventTarget(event))) return;
+          send({ type: "VIEWPORT.FOCUS" });
+        },
+        onBlur(event) {
+          if (contains(event.currentTarget, event.relatedTarget)) return;
+          send({ type: "VIEWPORT.BLUR" });
+        },
+        onMouseDown(event) {
+          if (event.defaultPrevented) return;
+          if (!prop("allowMouseDrag")) return;
+          if (!isLeftClick(event)) return;
+          const target = getEventTarget(event);
+          if (isFocusable(target) && target !== event.currentTarget) return;
+          event.preventDefault();
+          send({ type: "DRAGGING.START" });
+        },
+        onWheel: throttle((event) => {
+          const axis = prop("orientation") === "horizontal" ? "deltaX" : "deltaY";
+          const isScrollingLeft = event[axis] < 0;
+          if (isScrollingLeft && !computed("canScrollPrev")) return;
+          const isScrollingRight = event[axis] > 0;
+          if (isScrollingRight && !computed("canScrollNext")) return;
+          send({ type: "USER.SCROLL" });
+        }, 150),
+        onTouchStart() {
+          send({ type: "USER.SCROLL" });
+        },
+        style: {
+          display: autoSize ? "flex" : "grid",
+          gap: "var(--slide-spacing)",
+          scrollSnapType: [horizontal ? "x" : "y", prop("snapType")].join(" "),
+          gridAutoFlow: horizontal ? "column" : "row",
+          scrollbarWidth: "none",
+          overscrollBehaviorX: "contain",
+          [horizontal ? "gridAutoColumns" : "gridAutoRows"]: autoSize ? void 0 : "var(--slide-item-size)",
+          [horizontal ? "scrollPaddingInline" : "scrollPaddingBlock"]: padding,
+          [horizontal ? "paddingInline" : "paddingBlock"]: padding,
+          [horizontal ? "overflowX" : "overflowY"]: "auto"
+        }
+      });
+    },
+    getItemProps(props2) {
+      const isInView = context.get("slidesInView").includes(props2.index);
+      return normalize.element({
+        ...parts.item.attrs,
+        id: getItemId(scope, props2.index),
+        dir: prop("dir"),
+        role: "group",
+        "data-index": props2.index,
+        "data-inview": dataAttr(isInView),
+        "aria-roledescription": "slide",
+        "data-orientation": prop("orientation"),
+        "aria-label": translations.item(props2.index, prop("slideCount")),
+        "aria-hidden": ariaAttr(!isInView),
+        style: {
+          flex: "0 0 auto",
+          [horizontal ? "maxWidth" : "maxHeight"]: "100%",
+          scrollSnapAlign: (() => {
+            const snapAlign = props2.snapAlign ?? "start";
+            const slidesPerMove = prop("slidesPerMove");
+            const perMove = slidesPerMove === "auto" ? Math.floor(prop("slidesPerPage")) : slidesPerMove;
+            const shouldSnap = (props2.index + perMove) % perMove === 0;
+            return shouldSnap ? snapAlign : void 0;
+          })()
+        }
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        "data-orientation": prop("orientation")
+      });
+    },
+    getPrevTriggerProps() {
+      return normalize.button({
+        ...parts.prevTrigger.attrs,
+        id: getPrevTriggerId(scope),
+        type: "button",
+        disabled: !canScrollPrev,
+        dir: prop("dir"),
+        "aria-label": translations.prevTrigger,
+        "data-orientation": prop("orientation"),
+        "aria-controls": getItemGroupId(scope),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          send({ type: "PAGE.PREV", src: "trigger" });
+        }
+      });
+    },
+    getNextTriggerProps() {
+      return normalize.button({
+        ...parts.nextTrigger.attrs,
+        dir: prop("dir"),
+        id: getNextTriggerId(scope),
+        type: "button",
+        "aria-label": translations.nextTrigger,
+        "data-orientation": prop("orientation"),
+        "aria-controls": getItemGroupId(scope),
+        disabled: !canScrollNext,
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          send({ type: "PAGE.NEXT", src: "trigger" });
+        }
+      });
+    },
+    getIndicatorGroupProps() {
+      return normalize.element({
+        ...parts.indicatorGroup.attrs,
+        dir: prop("dir"),
+        id: getIndicatorGroupId(scope),
+        "data-orientation": prop("orientation"),
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          const src = "indicator";
+          const keyMap = {
+            ArrowDown(event2) {
+              if (horizontal) return;
+              send({ type: "PAGE.NEXT", src });
+              event2.preventDefault();
+            },
+            ArrowUp(event2) {
+              if (horizontal) return;
+              send({ type: "PAGE.PREV", src });
+              event2.preventDefault();
+            },
+            ArrowRight(event2) {
+              if (!horizontal) return;
+              send({ type: "PAGE.NEXT", src });
+              event2.preventDefault();
+            },
+            ArrowLeft(event2) {
+              if (!horizontal) return;
+              send({ type: "PAGE.PREV", src });
+              event2.preventDefault();
+            },
+            Home(event2) {
+              send({ type: "PAGE.SET", index: 0, src });
+              event2.preventDefault();
+            },
+            End(event2) {
+              send({ type: "PAGE.SET", index: pageSnapPoints.length - 1, src });
+              event2.preventDefault();
+            }
+          };
+          const key = getEventKey(event, {
+            dir: prop("dir"),
+            orientation: prop("orientation")
+          });
+          const exec = keyMap[key];
+          exec?.(event);
+        }
+      });
+    },
+    getIndicatorProps(props2) {
+      return normalize.button({
+        ...parts.indicator.attrs,
+        dir: prop("dir"),
+        id: getIndicatorId(scope, props2.index),
+        type: "button",
+        "data-orientation": prop("orientation"),
+        "data-index": props2.index,
+        "data-readonly": dataAttr(props2.readOnly),
+        "data-current": dataAttr(props2.index === page),
+        "aria-label": translations.indicator(props2.index),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (props2.readOnly) return;
+          send({ type: "PAGE.SET", index: props2.index, src: "indicator" });
+        }
+      });
+    },
+    getAutoplayTriggerProps() {
+      return normalize.button({
+        ...parts.autoplayTrigger.attrs,
+        type: "button",
+        "data-orientation": prop("orientation"),
+        "data-pressed": dataAttr(isPlaying),
+        "aria-label": isPlaying ? translations.autoplayStop : translations.autoplayStart,
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          send({ type: isPlaying ? "AUTOPLAY.PAUSE" : "AUTOPLAY.START" });
+        }
+      });
+    },
+    getProgressTextProps() {
+      return normalize.element({
+        ...parts.progressText.attrs
+      });
+    }
+  };
+}
+var machine = createMachine({
+  props({ props: props2 }) {
+    ensureProps(props2, ["slideCount"], "carousel");
+    return {
+      dir: "ltr",
+      defaultPage: 0,
+      orientation: "horizontal",
+      snapType: "mandatory",
+      loop: !!props2.autoplay,
+      slidesPerPage: 1,
+      slidesPerMove: "auto",
+      spacing: "0px",
+      autoplay: false,
+      allowMouseDrag: false,
+      inViewThreshold: 0.6,
+      autoSize: false,
+      ...props2,
+      translations: {
+        nextTrigger: "Next slide",
+        prevTrigger: "Previous slide",
+        indicator: (index) => `Go to slide ${index + 1}`,
+        item: (index, count) => `${index + 1} of ${count}`,
+        autoplayStart: "Start slide rotation",
+        autoplayStop: "Stop slide rotation",
+        progressText: ({ page, totalPages }) => `${page} / ${totalPages}`,
+        ...props2.translations
+      }
+    };
+  },
+  refs() {
+    return {
+      timeoutRef: void 0
+    };
+  },
+  initialState({ prop }) {
+    return prop("autoplay") ? "autoplay" : "idle";
+  },
+  context({ prop, bindable, getContext }) {
+    return {
+      page: bindable(() => ({
+        defaultValue: prop("defaultPage"),
+        value: prop("page"),
+        onChange(page) {
+          const ctx = getContext();
+          const pageSnapPoints = ctx.get("pageSnapPoints");
+          prop("onPageChange")?.({ page, pageSnapPoint: pageSnapPoints[page] });
+        }
+      })),
+      pageSnapPoints: bindable(() => {
+        return {
+          defaultValue: prop("autoSize") ? Array.from({ length: prop("slideCount") }, (_, i) => i) : getPageSnapPoints(prop("slideCount"), prop("slidesPerMove"), prop("slidesPerPage"))
+        };
+      }),
+      slidesInView: bindable(() => ({
+        defaultValue: []
+      }))
+    };
+  },
+  computed: {
+    isRtl: ({ prop }) => prop("dir") === "rtl",
+    isHorizontal: ({ prop }) => prop("orientation") === "horizontal",
+    canScrollNext: ({ prop, context }) => prop("loop") || context.get("page") < context.get("pageSnapPoints").length - 1,
+    canScrollPrev: ({ prop, context }) => prop("loop") || context.get("page") > 0,
+    autoplayInterval: ({ prop }) => {
+      const autoplay = prop("autoplay");
+      return isObject(autoplay) ? autoplay.delay : 4e3;
+    }
+  },
+  watch({ track, action, context, prop, send }) {
+    track([() => prop("slidesPerPage"), () => prop("slidesPerMove")], () => {
+      action(["setSnapPoints"]);
+    });
+    track([() => context.get("page")], () => {
+      action(["scrollToPage", "focusIndicatorEl"]);
+    });
+    track([() => prop("orientation"), () => prop("autoSize"), () => prop("dir")], () => {
+      action(["setSnapPoints", "scrollToPage"]);
+    });
+    track([() => prop("slideCount")], () => {
+      send({ type: "SNAP.REFRESH", src: "slide.count" });
+    });
+    track([() => !!prop("autoplay")], () => {
+      send({ type: prop("autoplay") ? "AUTOPLAY.START" : "AUTOPLAY.PAUSE", src: "autoplay.prop.change" });
+    });
+  },
+  on: {
+    "PAGE.NEXT": {
+      target: "idle",
+      actions: ["clearScrollEndTimer", "setNextPage"]
+    },
+    "PAGE.PREV": {
+      target: "idle",
+      actions: ["clearScrollEndTimer", "setPrevPage"]
+    },
+    "PAGE.SET": {
+      target: "idle",
+      actions: ["clearScrollEndTimer", "setPage"]
+    },
+    "INDEX.SET": {
+      target: "idle",
+      actions: ["clearScrollEndTimer", "setMatchingPage"]
+    },
+    "SNAP.REFRESH": {
+      actions: ["setSnapPoints", "clampPage"]
+    },
+    "PAGE.SCROLL": {
+      actions: ["scrollToPage"]
+    }
+  },
+  effects: ["trackSlideMutation", "trackSlideIntersections", "trackSlideResize"],
+  entry: ["setSnapPoints", "setPage"],
+  exit: ["clearScrollEndTimer"],
+  states: {
+    idle: {
+      on: {
+        "DRAGGING.START": {
+          target: "dragging",
+          actions: ["invokeDragStart"]
+        },
+        "AUTOPLAY.START": {
+          target: "autoplay",
+          actions: ["invokeAutoplayStart"]
+        },
+        "USER.SCROLL": {
+          target: "userScroll"
+        },
+        "VIEWPORT.FOCUS": {
+          target: "focus"
+        }
+      }
+    },
+    focus: {
+      effects: ["trackKeyboardScroll"],
+      on: {
+        "VIEWPORT.BLUR": {
+          target: "idle"
+        },
+        "PAGE.NEXT": {
+          actions: ["clearScrollEndTimer", "setNextPage"]
+        },
+        "PAGE.PREV": {
+          actions: ["clearScrollEndTimer", "setPrevPage"]
+        },
+        "PAGE.SET": {
+          actions: ["clearScrollEndTimer", "setPage"]
+        },
+        "INDEX.SET": {
+          actions: ["clearScrollEndTimer", "setMatchingPage"]
+        },
+        "USER.SCROLL": {
+          target: "userScroll"
+        }
+      }
+    },
+    dragging: {
+      effects: ["trackPointerMove"],
+      entry: ["disableScrollSnap"],
+      on: {
+        DRAGGING: {
+          actions: ["scrollSlides", "invokeDragging"]
+        },
+        "DRAGGING.END": {
+          target: "idle",
+          actions: ["endDragging", "invokeDraggingEnd"]
+        }
+      }
+    },
+    userScroll: {
+      effects: ["trackScroll"],
+      on: {
+        "DRAGGING.START": {
+          target: "dragging",
+          actions: ["invokeDragStart"]
+        },
+        "SCROLL.END": [
+          {
+            guard: "isFocused",
+            target: "focus",
+            actions: ["setClosestPage"]
+          },
+          {
+            target: "idle",
+            actions: ["setClosestPage"]
+          }
+        ]
+      }
+    },
+    autoplay: {
+      effects: ["trackDocumentVisibility", "trackScroll", "autoUpdateSlide"],
+      exit: ["invokeAutoplayEnd"],
+      on: {
+        "AUTOPLAY.TICK": {
+          actions: ["setNextPage", "invokeAutoplay"]
+        },
+        "DRAGGING.START": {
+          target: "dragging",
+          actions: ["invokeDragStart"]
+        },
+        "AUTOPLAY.PAUSE": {
+          target: "idle"
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isFocused: ({ scope }) => scope.isActiveElement(getItemGroupEl(scope))
+    },
+    effects: {
+      autoUpdateSlide({ computed, send }) {
+        const id = setInterval(() => {
+          send({
+            type: computed("canScrollNext") ? "AUTOPLAY.TICK" : "AUTOPLAY.PAUSE",
+            src: "autoplay.interval"
+          });
+        }, computed("autoplayInterval"));
+        return () => clearInterval(id);
+      },
+      trackSlideMutation({ scope, send }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const win = scope.getWin();
+        const observer = new win.MutationObserver(() => {
+          send({ type: "SNAP.REFRESH", src: "slide.mutation" });
+          syncTabIndex(scope);
+        });
+        syncTabIndex(scope);
+        observer.observe(el, { childList: true, subtree: true });
+        return () => observer.disconnect();
+      },
+      trackSlideResize({ scope, send }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const exec = () => {
+          send({ type: "SNAP.REFRESH", src: "slide.resize" });
+        };
+        raf(() => {
+          exec();
+          raf(() => {
+            send({ type: "PAGE.SCROLL", instant: true });
+          });
+        });
+        const itemEls = getItemEls(scope);
+        itemEls.forEach(exec);
+        const cleanups = itemEls.map((el2) => resizeObserverBorderBox.observe(el2, exec));
+        return callAll(...cleanups);
+      },
+      trackSlideIntersections({ scope, prop, context }) {
+        const el = getItemGroupEl(scope);
+        const win = scope.getWin();
+        const observer = new win.IntersectionObserver(
+          (entries) => {
+            const slidesInView = entries.reduce((acc, entry) => {
+              const target = entry.target;
+              const index = Number(target.dataset.index ?? "-1");
+              if (index == null || Number.isNaN(index) || index === -1) return acc;
+              return entry.isIntersecting ? add(acc, index) : remove(acc, index);
+            }, context.get("slidesInView"));
+            context.set("slidesInView", uniq(slidesInView));
+          },
+          {
+            root: el,
+            threshold: prop("inViewThreshold")
+          }
+        );
+        getItemEls(scope).forEach((slide) => observer.observe(slide));
+        return () => observer.disconnect();
+      },
+      trackScroll({ send, refs, scope }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const onScroll = () => {
+          clearTimeout(refs.get("timeoutRef"));
+          refs.set("timeoutRef", void 0);
+          refs.set(
+            "timeoutRef",
+            setTimeout(() => {
+              send({ type: "SCROLL.END" });
+            }, 150)
+          );
+        };
+        return addDomEvent(el, "scroll", onScroll, { passive: true });
+      },
+      trackDocumentVisibility({ scope, send }) {
+        const doc = scope.getDoc();
+        const onVisibilityChange = () => {
+          if (doc.visibilityState === "visible") return;
+          send({ type: "AUTOPLAY.PAUSE", src: "doc.hidden" });
+        };
+        return addDomEvent(doc, "visibilitychange", onVisibilityChange);
+      },
+      trackPointerMove({ scope, send }) {
+        const doc = scope.getDoc();
+        return trackPointerMove(doc, {
+          onPointerMove({ event }) {
+            send({ type: "DRAGGING", left: -event.movementX, top: -event.movementY });
+          },
+          onPointerUp() {
+            send({ type: "DRAGGING.END" });
+          }
+        });
+      },
+      trackKeyboardScroll({ scope, send, context }) {
+        const win = scope.getWin();
+        const onKeyDown = (event) => {
+          switch (event.key) {
+            case "ArrowRight":
+              event.preventDefault();
+              send({ type: "PAGE.NEXT" });
+              break;
+            case "ArrowLeft":
+              event.preventDefault();
+              send({ type: "PAGE.PREV" });
+              break;
+            case "Home":
+              event.preventDefault();
+              send({ type: "PAGE.SET", index: 0 });
+              break;
+            case "End":
+              event.preventDefault();
+              send({ type: "PAGE.SET", index: context.get("pageSnapPoints").length - 1 });
+          }
+        };
+        return addDomEvent(win, "keydown", onKeyDown, { capture: true });
+      }
+    },
+    actions: {
+      clearScrollEndTimer({ refs }) {
+        if (refs.get("timeoutRef") == null) return;
+        clearTimeout(refs.get("timeoutRef"));
+        refs.set("timeoutRef", void 0);
+      },
+      scrollToPage({ context, event, scope, computed, flush }) {
+        const behavior = event.instant ? "instant" : "smooth";
+        const index = clampValue(event.index ?? context.get("page"), 0, context.get("pageSnapPoints").length - 1);
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const axis = computed("isHorizontal") ? "left" : "top";
+        flush(() => {
+          el.scrollTo({ [axis]: context.get("pageSnapPoints")[index], behavior });
+        });
+      },
+      setClosestPage({ context, scope, computed }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const scrollPosition = computed("isHorizontal") ? el.scrollLeft : el.scrollTop;
+        const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - scrollPosition) < 1);
+        if (page === -1) return;
+        context.set("page", page);
+      },
+      setNextPage({ context, prop, state }) {
+        const loop = state.matches("autoplay") || prop("loop");
+        const page = nextIndex(context.get("pageSnapPoints"), context.get("page"), { loop });
+        context.set("page", page);
+      },
+      setPrevPage({ context, prop, state }) {
+        const loop = state.matches("autoplay") || prop("loop");
+        const page = prevIndex(context.get("pageSnapPoints"), context.get("page"), { loop });
+        context.set("page", page);
+      },
+      setMatchingPage({ context, event, computed, scope }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const snapPoint = findSnapPoint(
+          el,
+          computed("isHorizontal") ? "x" : "y",
+          (node) => node.dataset.index === event.index.toString()
+        );
+        if (snapPoint == null) return;
+        const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - snapPoint) < 1);
+        context.set("page", page);
+      },
+      setPage({ context, event }) {
+        const page = event.index ?? context.get("page");
+        context.set("page", page);
+      },
+      clampPage({ context }) {
+        const index = clampValue(context.get("page"), 0, context.get("pageSnapPoints").length - 1);
+        context.set("page", index);
+      },
+      setSnapPoints({ context, computed, scope }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const scrollSnapPoints = getScrollSnapPositions(el);
+        context.set("pageSnapPoints", computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y);
+      },
+      disableScrollSnap({ scope }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const styles = getComputedStyle(el);
+        el.dataset.scrollSnapType = styles.getPropertyValue("scroll-snap-type");
+        el.style.setProperty("scroll-snap-type", "none");
+      },
+      scrollSlides({ scope, event }) {
+        const el = getItemGroupEl(scope);
+        el?.scrollBy({ left: event.left, top: event.top, behavior: "instant" });
+      },
+      endDragging({ scope, context, computed }) {
+        const el = getItemGroupEl(scope);
+        if (!el) return;
+        const isHorizontal = computed("isHorizontal");
+        const scrollPos = isHorizontal ? el.scrollLeft : el.scrollTop;
+        const snapPoints = context.get("pageSnapPoints");
+        const closest = snapPoints.reduce((closest2, curr) => {
+          return Math.abs(curr - scrollPos) < Math.abs(closest2 - scrollPos) ? curr : closest2;
+        }, snapPoints[0]);
+        raf(() => {
+          el.scrollTo({
+            left: isHorizontal ? closest : el.scrollLeft,
+            top: isHorizontal ? el.scrollTop : closest,
+            behavior: "smooth"
+          });
+          context.set("page", snapPoints.indexOf(closest));
+          const scrollSnapType = el.dataset.scrollSnapType;
+          if (scrollSnapType) {
+            el.style.setProperty("scroll-snap-type", scrollSnapType);
+            delete el.dataset.scrollSnapType;
+          }
+        });
+      },
+      focusIndicatorEl({ context, event, scope }) {
+        if (event.src !== "indicator") return;
+        const el = getIndicatorEl(scope, context.get("page"));
+        if (!el) return;
+        raf(() => el.focus({ preventScroll: true }));
+      },
+      invokeDragStart({ context, prop }) {
+        prop("onDragStatusChange")?.({ type: "dragging.start", isDragging: true, page: context.get("page") });
+      },
+      invokeDragging({ context, prop }) {
+        prop("onDragStatusChange")?.({ type: "dragging", isDragging: true, page: context.get("page") });
+      },
+      invokeDraggingEnd({ context, prop }) {
+        prop("onDragStatusChange")?.({ type: "dragging.end", isDragging: false, page: context.get("page") });
+      },
+      invokeAutoplay({ context, prop }) {
+        prop("onAutoplayStatusChange")?.({ type: "autoplay", isPlaying: true, page: context.get("page") });
+      },
+      invokeAutoplayStart({ context, prop }) {
+        prop("onAutoplayStatusChange")?.({ type: "autoplay.start", isPlaying: true, page: context.get("page") });
+      },
+      invokeAutoplayEnd({ context, prop }) {
+        prop("onAutoplayStatusChange")?.({ type: "autoplay.stop", isPlaying: false, page: context.get("page") });
+      }
+    }
+  }
+});
+function getPageSnapPoints(totalSlides, slidesPerMove, slidesPerPage) {
+  if (totalSlides == null || slidesPerPage <= 0) {
+    return [];
+  }
+  const snapPoints = [];
+  const perMove = slidesPerMove === "auto" ? Math.floor(slidesPerPage) : slidesPerMove;
+  if (perMove <= 0) {
+    return [];
+  }
+  for (let i = 0; i < totalSlides; i += perMove) {
+    if (i + slidesPerPage > totalSlides) break;
+    snapPoints.push(i);
+  }
+  return snapPoints;
+}
+var props = createProps()([
+  "dir",
+  "getRootNode",
+  "id",
+  "ids",
+  "loop",
+  "page",
+  "defaultPage",
+  "onPageChange",
+  "orientation",
+  "slideCount",
+  "slidesPerPage",
+  "slidesPerMove",
+  "spacing",
+  "padding",
+  "autoplay",
+  "allowMouseDrag",
+  "inViewThreshold",
+  "translations",
+  "snapType",
+  "autoSize",
+  "onDragStatusChange",
+  "onAutoplayStatusChange"
+]);
+var splitProps = createSplitProps(props);
+var indicatorProps = createProps()(["index", "readOnly"]);
+var splitIndicatorProps = createSplitProps(indicatorProps);
+var itemProps = createProps()(["index", "snapAlign"]);
+var splitItemProps = createSplitProps(itemProps);
+
+// components/carousel.ts
+var Carousel = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="carousel"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const itemGroupEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="item-group"]'
+    );
+    if (itemGroupEl) this.spreadProps(itemGroupEl, this.api.getItemGroupProps());
+    const slideCount = Number(this.el.dataset.slideCount) || 0;
+    for (let i = 0; i < slideCount; i++) {
+      const itemEl = this.el.querySelector(
+        `[data-scope="carousel"][data-part="item"][data-index="${i}"]`
+      );
+      if (itemEl) this.spreadProps(itemEl, this.api.getItemProps({ index: i }));
+    }
+    const prevTriggerEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="prev-trigger"]'
+    );
+    if (prevTriggerEl) this.spreadProps(prevTriggerEl, this.api.getPrevTriggerProps());
+    const nextTriggerEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="next-trigger"]'
+    );
+    if (nextTriggerEl) this.spreadProps(nextTriggerEl, this.api.getNextTriggerProps());
+    const autoplayTriggerEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="autoplay-trigger"]'
+    );
+    if (autoplayTriggerEl) this.spreadProps(autoplayTriggerEl, this.api.getAutoplayTriggerProps());
+    const indicatorGroupEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="indicator-group"]'
+    );
+    if (indicatorGroupEl) this.spreadProps(indicatorGroupEl, this.api.getIndicatorGroupProps());
+    const indicatorCount = this.api.pageSnapPoints.length;
+    for (let i = 0; i < indicatorCount; i++) {
+      const indicatorEl = this.el.querySelector(
+        `[data-scope="carousel"][data-part="indicator"][data-index="${i}"]`
+      );
+      if (indicatorEl)
+        this.spreadProps(indicatorEl, this.api.getIndicatorProps({ index: i }));
+    }
+    const progressTextEl = this.el.querySelector(
+      '[data-scope="carousel"][data-part="progress-text"]'
+    );
+    if (progressTextEl) this.spreadProps(progressTextEl, this.api.getProgressTextProps());
+  }
+};
+
+// hooks/carousel.ts
+var CarouselHook = {
+  mounted() {
+    const el = this.el;
+    const page = getNumber(el, "page");
+    const defaultPage = getNumber(el, "defaultPage");
+    const controlled = getBoolean(el, "controlled");
+    const slideCount = getNumber(el, "slideCount");
+    if (slideCount == null || slideCount < 1) {
+      return;
+    }
+    const zag = new Carousel(el, {
+      id: el.id,
+      slideCount,
+      ...controlled && page !== void 0 ? { page } : { defaultPage: defaultPage ?? 0 },
+      dir: getDir(el),
+      orientation: getString(el, "orientation", [
+        "horizontal",
+        "vertical"
+      ]),
+      slidesPerPage: getNumber(el, "slidesPerPage") ?? 1,
+      slidesPerMove: getString(el, "slidesPerMove") === "auto" ? "auto" : getNumber(el, "slidesPerMove"),
+      loop: getBoolean(el, "loop"),
+      autoplay: getBoolean(el, "autoplay") ? { delay: getNumber(el, "autoplayDelay") ?? 4e3 } : false,
+      allowMouseDrag: getBoolean(el, "allowMouseDrag"),
+      spacing: getString(el, "spacing") ?? "0px",
+      padding: getString(el, "padding"),
+      inViewThreshold: getNumber(el, "inViewThreshold") ?? 0.6,
+      snapType: getString(el, "snapType", ["proximity", "mandatory"]),
+      autoSize: getBoolean(el, "autoSize"),
+      onPageChange: (details) => {
+        const eventName = getString(el, "onPageChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            page: details.page,
+            pageSnapPoint: details.pageSnapPoint,
+            id: el.id
+          });
+        }
+        const clientName = getString(el, "onPageChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.carousel = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const slideCount = getNumber(this.el, "slideCount");
+    if (slideCount == null || slideCount < 1) return;
+    const page = getNumber(this.el, "page");
+    const controlled = getBoolean(this.el, "controlled");
+    this.carousel?.updateProps({
+      id: this.el.id,
+      slideCount,
+      ...controlled && page !== void 0 ? { page } : {},
+      dir: getDir(this.el),
+      orientation: getString(this.el, "orientation", [
+        "horizontal",
+        "vertical"
+      ]),
+      slidesPerPage: getNumber(this.el, "slidesPerPage") ?? 1,
+      loop: getBoolean(this.el, "loop"),
+      allowMouseDrag: getBoolean(this.el, "allowMouseDrag")
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.carousel?.destroy();
+  }
+};
+export {
+  CarouselHook as Carousel
+};
diff --git a/priv/static/checkbox.mjs b/priv/static/checkbox.mjs
index 74942be..30be8a2 100644
--- a/priv/static/checkbox.mjs
+++ b/priv/static/checkbox.mjs
@@ -1,7 +1,7 @@
 import {
   isFocusVisible,
   trackFocusVisible
-} from "./chunk-EAMC7PNF.mjs";
+} from "./chunk-TEV2GE3U.mjs";
 import {
   Component,
   VanillaMachine,
@@ -21,7 +21,7 @@ import {
   trackFormControl,
   trackPress,
   visuallyHiddenStyle
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+checkbox@1.33.1/node_modules/@zag-js/checkbox/dist/index.mjs
 var anatomy = createAnatomy("checkbox").parts("root", "label", "control", "indicator");
diff --git a/priv/static/chunk-2DWEYSRA.mjs b/priv/static/chunk-2PO3TGCF.mjs
similarity index 82%
rename from priv/static/chunk-2DWEYSRA.mjs
rename to priv/static/chunk-2PO3TGCF.mjs
index 43cc6c3..fc89379 100644
--- a/priv/static/chunk-2DWEYSRA.mjs
+++ b/priv/static/chunk-2PO3TGCF.mjs
@@ -1,8 +1,11 @@
 import {
+  chunk,
   hasProp,
   isEqual,
-  isObject
-} from "./chunk-GFGFZBBD.mjs";
+  isObject,
+  nextIndex,
+  prevIndex
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+collection@1.33.1/node_modules/@zag-js/collection/dist/index.mjs
 var __defProp = Object.defineProperty;
@@ -376,6 +379,247 @@ function move(items, indices, toIndex) {
   toIndex = Math.max(0, toIndex - indices.filter((i) => i < toIndex).length);
   return [...items.slice(0, toIndex), ...itemsToMove, ...items.slice(toIndex)];
 }
+var GridCollection = class extends ListCollection {
+  constructor(options) {
+    const { columnCount } = options;
+    super(options);
+    __publicField(this, "columnCount");
+    __publicField(this, "rows", null);
+    __publicField(this, "getRows", () => {
+      if (!this.rows) {
+        this.rows = chunk([...this.items], this.columnCount);
+      }
+      return this.rows;
+    });
+    __publicField(this, "getRowCount", () => {
+      return Math.ceil(this.items.length / this.columnCount);
+    });
+    __publicField(this, "getCellIndex", (row, column) => {
+      return row * this.columnCount + column;
+    });
+    __publicField(this, "getCell", (row, column) => {
+      return this.at(this.getCellIndex(row, column));
+    });
+    __publicField(this, "getValueCell", (value) => {
+      const index = this.indexOf(value);
+      if (index === -1) return null;
+      const row = Math.floor(index / this.columnCount);
+      const column = index % this.columnCount;
+      return { row, column };
+    });
+    __publicField(this, "getLastEnabledColumnIndex", (row) => {
+      for (let col = this.columnCount - 1; col >= 0; col--) {
+        const cell = this.getCell(row, col);
+        if (cell && !this.getItemDisabled(cell)) {
+          return col;
+        }
+      }
+      return null;
+    });
+    __publicField(this, "getFirstEnabledColumnIndex", (row) => {
+      for (let col = 0; col < this.columnCount; col++) {
+        const cell = this.getCell(row, col);
+        if (cell && !this.getItemDisabled(cell)) {
+          return col;
+        }
+      }
+      return null;
+    });
+    __publicField(this, "getPreviousRowValue", (value, loop = false) => {
+      const currentCell = this.getValueCell(value);
+      if (currentCell === null) return null;
+      const rows = this.getRows();
+      const rowCount = rows.length;
+      let prevRowIndex = currentCell.row;
+      let prevColumnIndex = currentCell.column;
+      for (let i = 1; i <= rowCount; i++) {
+        prevRowIndex = prevIndex(rows, prevRowIndex, { loop });
+        const prevRow = rows[prevRowIndex];
+        if (!prevRow) continue;
+        const prevCell = prevRow[prevColumnIndex];
+        if (!prevCell) {
+          const lastColumnIndex = this.getLastEnabledColumnIndex(prevRowIndex);
+          if (lastColumnIndex != null) {
+            prevColumnIndex = lastColumnIndex;
+          }
+        }
+        const cell = this.getCell(prevRowIndex, prevColumnIndex);
+        if (!this.getItemDisabled(cell)) {
+          return this.getItemValue(cell);
+        }
+      }
+      return this.firstValue;
+    });
+    __publicField(this, "getNextRowValue", (value, loop = false) => {
+      const currentCell = this.getValueCell(value);
+      if (currentCell === null) return null;
+      const rows = this.getRows();
+      const rowCount = rows.length;
+      let nextRowIndex = currentCell.row;
+      let nextColumnIndex = currentCell.column;
+      for (let i = 1; i <= rowCount; i++) {
+        nextRowIndex = nextIndex(rows, nextRowIndex, { loop });
+        const nextRow = rows[nextRowIndex];
+        if (!nextRow) continue;
+        const nextCell = nextRow[nextColumnIndex];
+        if (!nextCell) {
+          const lastColumnIndex = this.getLastEnabledColumnIndex(nextRowIndex);
+          if (lastColumnIndex != null) {
+            nextColumnIndex = lastColumnIndex;
+          }
+        }
+        const cell = this.getCell(nextRowIndex, nextColumnIndex);
+        if (!this.getItemDisabled(cell)) {
+          return this.getItemValue(cell);
+        }
+      }
+      return this.lastValue;
+    });
+    this.columnCount = columnCount;
+  }
+};
+function isGridCollection(v) {
+  return hasProp(v, "columnCount") && hasProp(v, "getRows");
+}
+var Selection = class _Selection extends Set {
+  constructor(values = []) {
+    super(values);
+    __publicField(this, "selectionMode", "single");
+    __publicField(this, "deselectable", true);
+    __publicField(this, "copy", () => {
+      const clone = new _Selection([...this]);
+      return this.sync(clone);
+    });
+    __publicField(this, "sync", (other) => {
+      other.selectionMode = this.selectionMode;
+      other.deselectable = this.deselectable;
+      return other;
+    });
+    __publicField(this, "isEmpty", () => {
+      return this.size === 0;
+    });
+    __publicField(this, "isSelected", (value) => {
+      if (this.selectionMode === "none" || value == null) {
+        return false;
+      }
+      return this.has(value);
+    });
+    __publicField(this, "canSelect", (collection, value) => {
+      return this.selectionMode !== "none" || !collection.getItemDisabled(collection.find(value));
+    });
+    __publicField(this, "firstSelectedValue", (collection) => {
+      let firstValue = null;
+      for (let value of this) {
+        if (!firstValue || collection.compareValue(value, firstValue) < 0) {
+          firstValue = value;
+        }
+      }
+      return firstValue;
+    });
+    __publicField(this, "lastSelectedValue", (collection) => {
+      let lastValue = null;
+      for (let value of this) {
+        if (!lastValue || collection.compareValue(value, lastValue) > 0) {
+          lastValue = value;
+        }
+      }
+      return lastValue;
+    });
+    __publicField(this, "extendSelection", (collection, anchorValue, targetValue) => {
+      if (this.selectionMode === "none") {
+        return this;
+      }
+      if (this.selectionMode === "single") {
+        return this.replaceSelection(collection, targetValue);
+      }
+      const selection = this.copy();
+      const lastSelected = Array.from(this).pop();
+      for (let key of collection.getValueRange(anchorValue, lastSelected ?? targetValue)) {
+        selection.delete(key);
+      }
+      for (let key of collection.getValueRange(targetValue, anchorValue)) {
+        if (this.canSelect(collection, key)) {
+          selection.add(key);
+        }
+      }
+      return selection;
+    });
+    __publicField(this, "toggleSelection", (collection, value) => {
+      if (this.selectionMode === "none") {
+        return this;
+      }
+      if (this.selectionMode === "single" && !this.isSelected(value)) {
+        return this.replaceSelection(collection, value);
+      }
+      const selection = this.copy();
+      if (selection.has(value)) {
+        selection.delete(value);
+      } else if (selection.canSelect(collection, value)) {
+        selection.add(value);
+      }
+      return selection;
+    });
+    __publicField(this, "replaceSelection", (collection, value) => {
+      if (this.selectionMode === "none") {
+        return this;
+      }
+      if (value == null) {
+        return this;
+      }
+      if (!this.canSelect(collection, value)) {
+        return this;
+      }
+      const selection = new _Selection([value]);
+      return this.sync(selection);
+    });
+    __publicField(this, "setSelection", (values2) => {
+      if (this.selectionMode === "none") {
+        return this;
+      }
+      let selection = new _Selection();
+      for (let value of values2) {
+        if (value != null) {
+          selection.add(value);
+          if (this.selectionMode === "single") {
+            break;
+          }
+        }
+      }
+      return this.sync(selection);
+    });
+    __publicField(this, "clearSelection", () => {
+      const selection = this.copy();
+      if (selection.deselectable && selection.size > 0) {
+        selection.clear();
+      }
+      return selection;
+    });
+    __publicField(this, "select", (collection, value, forceToggle) => {
+      if (this.selectionMode === "none") {
+        return this;
+      }
+      if (this.selectionMode === "single") {
+        if (this.isSelected(value) && this.deselectable) {
+          return this.toggleSelection(collection, value);
+        } else {
+          return this.replaceSelection(collection, value);
+        }
+      } else if (this.selectionMode === "multiple" || forceToggle) {
+        return this.toggleSelection(collection, value);
+      } else {
+        return this.replaceSelection(collection, value);
+      }
+    });
+    __publicField(this, "deselect", (value) => {
+      const selection = this.copy();
+      selection.delete(value);
+      return selection;
+    });
+    __publicField(this, "isEqual", (other) => {
+      return isEqual(Array.from(this), Array.from(other));
+    });
+  }
+};
 function access(node, indexPath, options) {
   for (let i = 0; i < indexPath.length; i++) node = options.getChildren(node, indexPath.slice(i + 1))[indexPath[i]];
   return node;
@@ -1071,5 +1315,8 @@ var fallbackMethods = {
 
 export {
   ListCollection,
+  GridCollection,
+  isGridCollection,
+  Selection,
   TreeCollection
 };
diff --git a/priv/static/chunk-BMVNROAE.mjs b/priv/static/chunk-BMVNROAE.mjs
new file mode 100644
index 0000000..199581d
--- /dev/null
+++ b/priv/static/chunk-BMVNROAE.mjs
@@ -0,0 +1,432 @@
+// ../node_modules/.pnpm/@zag-js+rect-utils@1.33.1/node_modules/@zag-js/rect-utils/dist/index.mjs
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var AffineTransform = class _AffineTransform {
+  constructor([m00, m01, m02, m10, m11, m12] = [0, 0, 0, 0, 0, 0]) {
+    __publicField(this, "m00");
+    __publicField(this, "m01");
+    __publicField(this, "m02");
+    __publicField(this, "m10");
+    __publicField(this, "m11");
+    __publicField(this, "m12");
+    __publicField(this, "rotate", (...args) => {
+      return this.prepend(_AffineTransform.rotate(...args));
+    });
+    __publicField(this, "scale", (...args) => {
+      return this.prepend(_AffineTransform.scale(...args));
+    });
+    __publicField(this, "translate", (...args) => {
+      return this.prepend(_AffineTransform.translate(...args));
+    });
+    this.m00 = m00;
+    this.m01 = m01;
+    this.m02 = m02;
+    this.m10 = m10;
+    this.m11 = m11;
+    this.m12 = m12;
+  }
+  applyTo(point) {
+    const { x, y } = point;
+    const { m00, m01, m02, m10, m11, m12 } = this;
+    return {
+      x: m00 * x + m01 * y + m02,
+      y: m10 * x + m11 * y + m12
+    };
+  }
+  prepend(other) {
+    return new _AffineTransform([
+      this.m00 * other.m00 + this.m01 * other.m10,
+      // m00
+      this.m00 * other.m01 + this.m01 * other.m11,
+      // m01
+      this.m00 * other.m02 + this.m01 * other.m12 + this.m02,
+      // m02
+      this.m10 * other.m00 + this.m11 * other.m10,
+      // m10
+      this.m10 * other.m01 + this.m11 * other.m11,
+      // m11
+      this.m10 * other.m02 + this.m11 * other.m12 + this.m12
+      // m12
+    ]);
+  }
+  append(other) {
+    return new _AffineTransform([
+      other.m00 * this.m00 + other.m01 * this.m10,
+      // m00
+      other.m00 * this.m01 + other.m01 * this.m11,
+      // m01
+      other.m00 * this.m02 + other.m01 * this.m12 + other.m02,
+      // m02
+      other.m10 * this.m00 + other.m11 * this.m10,
+      // m10
+      other.m10 * this.m01 + other.m11 * this.m11,
+      // m11
+      other.m10 * this.m02 + other.m11 * this.m12 + other.m12
+      // m12
+    ]);
+  }
+  get determinant() {
+    return this.m00 * this.m11 - this.m01 * this.m10;
+  }
+  get isInvertible() {
+    const det = this.determinant;
+    return isFinite(det) && isFinite(this.m02) && isFinite(this.m12) && det !== 0;
+  }
+  invert() {
+    const det = this.determinant;
+    return new _AffineTransform([
+      this.m11 / det,
+      // m00
+      -this.m01 / det,
+      // m01
+      (this.m01 * this.m12 - this.m11 * this.m02) / det,
+      // m02
+      -this.m10 / det,
+      // m10
+      this.m00 / det,
+      // m11
+      (this.m10 * this.m02 - this.m00 * this.m12) / det
+      // m12
+    ]);
+  }
+  get array() {
+    return [this.m00, this.m01, this.m02, this.m10, this.m11, this.m12, 0, 0, 1];
+  }
+  get float32Array() {
+    return new Float32Array(this.array);
+  }
+  // Static
+  static get identity() {
+    return new _AffineTransform([1, 0, 0, 0, 1, 0]);
+  }
+  static rotate(theta, origin) {
+    const rotation = new _AffineTransform([Math.cos(theta), -Math.sin(theta), 0, Math.sin(theta), Math.cos(theta), 0]);
+    if (origin && (origin.x !== 0 || origin.y !== 0)) {
+      return _AffineTransform.multiply(
+        _AffineTransform.translate(origin.x, origin.y),
+        rotation,
+        _AffineTransform.translate(-origin.x, -origin.y)
+      );
+    }
+    return rotation;
+  }
+  static scale(sx, sy = sx, origin = { x: 0, y: 0 }) {
+    const scale = new _AffineTransform([sx, 0, 0, 0, sy, 0]);
+    if (origin.x !== 0 || origin.y !== 0) {
+      return _AffineTransform.multiply(
+        _AffineTransform.translate(origin.x, origin.y),
+        scale,
+        _AffineTransform.translate(-origin.x, -origin.y)
+      );
+    }
+    return scale;
+  }
+  static translate(tx, ty) {
+    return new _AffineTransform([1, 0, tx, 0, 1, ty]);
+  }
+  static multiply(...[first, ...rest]) {
+    if (!first) return _AffineTransform.identity;
+    return rest.reduce((result, item) => result.prepend(item), first);
+  }
+  get a() {
+    return this.m00;
+  }
+  get b() {
+    return this.m10;
+  }
+  get c() {
+    return this.m01;
+  }
+  get d() {
+    return this.m11;
+  }
+  get tx() {
+    return this.m02;
+  }
+  get ty() {
+    return this.m12;
+  }
+  get scaleComponents() {
+    return { x: this.a, y: this.d };
+  }
+  get translationComponents() {
+    return { x: this.tx, y: this.ty };
+  }
+  get skewComponents() {
+    return { x: this.c, y: this.b };
+  }
+  toString() {
+    return `matrix(${this.a}, ${this.b}, ${this.c}, ${this.d}, ${this.tx}, ${this.ty})`;
+  }
+};
+function getPointAngle(rect, point, reference = rect.center) {
+  const x = point.x - reference.x;
+  const y = point.y - reference.y;
+  const deg = Math.atan2(x, y) * (180 / Math.PI) + 180;
+  return 360 - deg;
+}
+var clamp = (value, min3, max2) => Math.min(Math.max(value, min3), max2);
+var clampPoint = (position, size, boundaryRect) => {
+  const x = clamp(position.x, boundaryRect.x, boundaryRect.x + boundaryRect.width - size.width);
+  const y = clamp(position.y, boundaryRect.y, boundaryRect.y + boundaryRect.height - size.height);
+  return { x, y };
+};
+var defaultMinSize = {
+  width: 0,
+  height: 0
+};
+var defaultMaxSize = {
+  width: Infinity,
+  height: Infinity
+};
+var clampSize = (size, minSize = defaultMinSize, maxSize = defaultMaxSize) => {
+  return {
+    width: Math.min(Math.max(size.width, minSize.width), maxSize.width),
+    height: Math.min(Math.max(size.height, minSize.height), maxSize.height)
+  };
+};
+var createPoint = (x, y) => ({ x, y });
+var subtractPoints = (a, b) => {
+  if (!b) return a;
+  return createPoint(a.x - b.x, a.y - b.y);
+};
+var addPoints = (a, b) => createPoint(a.x + b.x, a.y + b.y);
+function createRect(r) {
+  const { x, y, width, height } = r;
+  const midX = x + width / 2;
+  const midY = y + height / 2;
+  return {
+    x,
+    y,
+    width,
+    height,
+    minX: x,
+    minY: y,
+    maxX: x + width,
+    maxY: y + height,
+    midX,
+    midY,
+    center: createPoint(midX, midY)
+  };
+}
+function getRectCorners(v) {
+  const top = createPoint(v.minX, v.minY);
+  const right = createPoint(v.maxX, v.minY);
+  const bottom = createPoint(v.maxX, v.maxY);
+  const left = createPoint(v.minX, v.maxY);
+  return { top, right, bottom, left };
+}
+var constrainRect = (rect, boundary) => {
+  const left = Math.max(boundary.x, Math.min(rect.x, boundary.x + boundary.width - rect.width));
+  const top = Math.max(boundary.y, Math.min(rect.y, boundary.y + boundary.height - rect.height));
+  return {
+    x: left,
+    y: top,
+    width: Math.min(rect.width, boundary.width),
+    height: Math.min(rect.height, boundary.height)
+  };
+};
+var isSizeEqual = (a, b) => {
+  return a.width === b?.width && a.height === b?.height;
+};
+var isPointEqual = (a, b) => {
+  return a.x === b?.x && a.y === b?.y;
+};
+var styleCache = /* @__PURE__ */ new WeakMap();
+function getCacheComputedStyle(el) {
+  if (!styleCache.has(el)) {
+    const win = el.ownerDocument.defaultView || window;
+    styleCache.set(el, win.getComputedStyle(el));
+  }
+  return styleCache.get(el);
+}
+function getElementRect(el, opts = {}) {
+  return createRect(getClientRect(el, opts));
+}
+function getClientRect(el, opts = {}) {
+  const { excludeScrollbar = false, excludeBorders = false } = opts;
+  const { x, y, width, height } = el.getBoundingClientRect();
+  const r = { x, y, width, height };
+  const style = getCacheComputedStyle(el);
+  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style;
+  const borderXWidth = sum(borderLeftWidth, borderRightWidth);
+  const borderYWidth = sum(borderTopWidth, borderBottomWidth);
+  if (excludeBorders) {
+    r.width -= borderXWidth;
+    r.height -= borderYWidth;
+    r.x += px(borderLeftWidth);
+    r.y += px(borderTopWidth);
+  }
+  if (excludeScrollbar) {
+    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth;
+    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth;
+    r.width -= scrollbarWidth;
+    r.height -= scrollbarHeight;
+  }
+  return r;
+}
+var px = (v) => parseFloat(v.replace("px", ""));
+var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+var { min, max } = Math;
+function getWindowRect(win, opts = {}) {
+  return createRect(getViewportRect(win, opts));
+}
+function getViewportRect(win, opts) {
+  const { excludeScrollbar = false } = opts;
+  const { innerWidth, innerHeight, document: doc, visualViewport } = win;
+  const width = visualViewport?.width || innerWidth;
+  const height = visualViewport?.height || innerHeight;
+  const rect = { x: 0, y: 0, width, height };
+  if (excludeScrollbar) {
+    const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
+    const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
+    rect.width -= scrollbarWidth;
+    rect.height -= scrollbarHeight;
+  }
+  return rect;
+}
+function getElementPolygon(rectValue, placement) {
+  const rect = createRect(rectValue);
+  const { top, right, left, bottom } = getRectCorners(rect);
+  const [base] = placement.split("-");
+  return {
+    top: [left, top, right, bottom],
+    right: [top, right, bottom, left],
+    bottom: [top, left, bottom, right],
+    left: [right, top, left, bottom]
+  }[base];
+}
+function isPointInPolygon(polygon, point) {
+  const { x, y } = point;
+  let c = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
+    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
+      c = !c;
+    }
+  }
+  return c;
+}
+var compassDirectionMap = {
+  n: { x: 0.5, y: 0 },
+  ne: { x: 1, y: 0 },
+  e: { x: 1, y: 0.5 },
+  se: { x: 1, y: 1 },
+  s: { x: 0.5, y: 1 },
+  sw: { x: 0, y: 1 },
+  w: { x: 0, y: 0.5 },
+  nw: { x: 0, y: 0 }
+};
+var oppositeDirectionMap = {
+  n: "s",
+  ne: "sw",
+  e: "w",
+  se: "nw",
+  s: "n",
+  sw: "ne",
+  w: "e",
+  nw: "se"
+};
+var { sign, abs, min: min2 } = Math;
+function getRectExtentPoint(rect, direction) {
+  const { minX, minY, maxX, maxY, midX, midY } = rect;
+  const x = direction.includes("w") ? minX : direction.includes("e") ? maxX : midX;
+  const y = direction.includes("n") ? minY : direction.includes("s") ? maxY : midY;
+  return { x, y };
+}
+function getOppositeDirection(direction) {
+  return oppositeDirectionMap[direction];
+}
+function resizeRect(rect, offset, direction, opts) {
+  const { scalingOriginMode, lockAspectRatio } = opts;
+  const extent = getRectExtentPoint(rect, direction);
+  const oppositeDirection = getOppositeDirection(direction);
+  const oppositeExtent = getRectExtentPoint(rect, oppositeDirection);
+  if (scalingOriginMode === "center") {
+    offset = { x: offset.x * 2, y: offset.y * 2 };
+  }
+  const newExtent = {
+    x: extent.x + offset.x,
+    y: extent.y + offset.y
+  };
+  const multiplier = {
+    x: compassDirectionMap[direction].x * 2 - 1,
+    y: compassDirectionMap[direction].y * 2 - 1
+  };
+  const newSize = {
+    width: newExtent.x - oppositeExtent.x,
+    height: newExtent.y - oppositeExtent.y
+  };
+  const scaleX = multiplier.x * newSize.width / rect.width;
+  const scaleY = multiplier.y * newSize.height / rect.height;
+  const largestMagnitude = abs(scaleX) > abs(scaleY) ? scaleX : scaleY;
+  const scale = lockAspectRatio ? { x: largestMagnitude, y: largestMagnitude } : {
+    x: extent.x === oppositeExtent.x ? 1 : scaleX,
+    y: extent.y === oppositeExtent.y ? 1 : scaleY
+  };
+  if (extent.y === oppositeExtent.y) {
+    scale.y = abs(scale.y);
+  } else if (sign(scale.y) !== sign(scaleY)) {
+    scale.y *= -1;
+  }
+  if (extent.x === oppositeExtent.x) {
+    scale.x = abs(scale.x);
+  } else if (sign(scale.x) !== sign(scaleX)) {
+    scale.x *= -1;
+  }
+  switch (scalingOriginMode) {
+    case "extent":
+      return transformRect(rect, AffineTransform.scale(scale.x, scale.y, oppositeExtent), false);
+    case "center":
+      return transformRect(
+        rect,
+        AffineTransform.scale(scale.x, scale.y, {
+          x: rect.midX,
+          y: rect.midY
+        }),
+        false
+      );
+  }
+}
+function createRectFromPoints(initialPoint, finalPoint, normalized = true) {
+  if (normalized) {
+    return {
+      x: min2(finalPoint.x, initialPoint.x),
+      y: min2(finalPoint.y, initialPoint.y),
+      width: abs(finalPoint.x - initialPoint.x),
+      height: abs(finalPoint.y - initialPoint.y)
+    };
+  }
+  return {
+    x: initialPoint.x,
+    y: initialPoint.y,
+    width: finalPoint.x - initialPoint.x,
+    height: finalPoint.y - initialPoint.y
+  };
+}
+function transformRect(rect, transform, normalized = true) {
+  const p1 = transform.applyTo({ x: rect.minX, y: rect.minY });
+  const p2 = transform.applyTo({ x: rect.maxX, y: rect.maxY });
+  return createRectFromPoints(p1, p2, normalized);
+}
+
+export {
+  getPointAngle,
+  clampPoint,
+  clampSize,
+  subtractPoints,
+  addPoints,
+  createRect,
+  constrainRect,
+  isSizeEqual,
+  isPointEqual,
+  getElementRect,
+  getWindowRect,
+  getElementPolygon,
+  isPointInPolygon,
+  resizeRect
+};
diff --git a/priv/static/chunk-BPSX7Z7Y.mjs b/priv/static/chunk-BPSX7Z7Y.mjs
deleted file mode 100644
index 73b6b56..0000000
--- a/priv/static/chunk-BPSX7Z7Y.mjs
+++ /dev/null
@@ -1,517 +0,0 @@
-import {
-  addDomEvent,
-  callAll,
-  contains,
-  getDocument,
-  getEventTarget,
-  getNearestOverflowAncestor,
-  getWindow,
-  isContextMenuEvent,
-  isControlledElement,
-  isFocusable,
-  isFunction,
-  isHTMLElement,
-  isShadowRoot,
-  isTouchDevice,
-  nextTick,
-  raf,
-  setStyle,
-  waitForElement,
-  warn
-} from "./chunk-GFGFZBBD.mjs";
-
-// ../node_modules/.pnpm/@zag-js+interact-outside@1.33.1/node_modules/@zag-js/interact-outside/dist/index.mjs
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame) cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch {
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch {
-        }
-      });
-    }
-  };
-  return frames;
-}
-function getParentWindow(win) {
-  const parent = win.frameElement != null ? win.parent : null;
-  return {
-    addEventListener: (event, listener, options) => {
-      try {
-        parent?.addEventListener(event, listener, options);
-      } catch {
-      }
-      return () => {
-        try {
-          parent?.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener: (event, listener, options) => {
-      try {
-        parent?.removeEventListener(event, listener, options);
-      } catch {
-      }
-    }
-  };
-}
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
-function isComposedPathFocusable(composedPath) {
-  for (const node of composedPath) {
-    if (isHTMLElement(node) && isFocusable(node)) return true;
-  }
-  return false;
-}
-var isPointerEvent = (event) => "clientY" in event;
-function isEventPointWithin(node, event) {
-  if (!isPointerEvent(event) || !node) return false;
-  const rect = node.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0) return false;
-  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-}
-function isPointInRect(rect, point) {
-  return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
-}
-function isEventWithinScrollbar(event, ancestor) {
-  if (!ancestor || !isPointerEvent(event)) return false;
-  const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
-  const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
-  const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
-  const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
-  const rect = {
-    x: ancestor.offsetLeft,
-    y: ancestor.offsetTop,
-    width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
-    height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
-  };
-  const point = {
-    x: event.clientX,
-    y: event.clientY
-  };
-  if (!isPointInRect(rect, point)) return false;
-  return onScrollbarY || onScrollbarX;
-}
-function trackInteractOutsideImpl(node, options) {
-  const {
-    exclude,
-    onFocusOutside,
-    onPointerDownOutside,
-    onInteractOutside,
-    defer,
-    followControlledElements = true
-  } = options;
-  if (!node) return;
-  const doc = getDocument(node);
-  const win = getWindow(node);
-  const frames = getWindowFrames(win);
-  const parentWin = getParentWindow(win);
-  function isEventOutside(event, target) {
-    if (!isHTMLElement(target)) return false;
-    if (!target.isConnected) return false;
-    if (contains(node, target)) return false;
-    if (isEventPointWithin(node, event)) return false;
-    if (followControlledElements && isControlledElement(node, target)) return false;
-    const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
-    if (triggerEl) {
-      const triggerAncestor = getNearestOverflowAncestor(triggerEl);
-      if (isEventWithinScrollbar(event, triggerAncestor)) return false;
-    }
-    const nodeAncestor = getNearestOverflowAncestor(node);
-    if (isEventWithinScrollbar(event, nodeAncestor)) return false;
-    return !exclude?.(target);
-  }
-  const pointerdownCleanups = /* @__PURE__ */ new Set();
-  const isInShadowRoot = isShadowRoot(node?.getRootNode());
-  function onPointerDown(event) {
-    function handler(clickEvent) {
-      const func = defer && !isTouchDevice() ? raf : (v) => v();
-      const evt = clickEvent ?? event;
-      const composedPath = evt?.composedPath?.() ?? [evt?.target];
-      func(() => {
-        const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-        if (!node || !isEventOutside(event, target)) return;
-        if (onPointerDownOutside || onInteractOutside) {
-          const handler2 = callAll(onPointerDownOutside, onInteractOutside);
-          node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
-        }
-        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
-          bubbles: false,
-          cancelable: true,
-          detail: {
-            originalEvent: evt,
-            contextmenu: isContextMenuEvent(evt),
-            focusable: isComposedPathFocusable(composedPath),
-            target
-          }
-        });
-      });
-    }
-    if (event.pointerType === "touch") {
-      pointerdownCleanups.forEach((fn) => fn());
-      pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
-      pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
-      pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
-    } else {
-      handler();
-    }
-  }
-  const cleanups = /* @__PURE__ */ new Set();
-  const timer = setTimeout(() => {
-    cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
-    cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-  }, 0);
-  function onFocusin(event) {
-    const func = defer ? raf : (v) => v();
-    func(() => {
-      const composedPath = event?.composedPath?.() ?? [event?.target];
-      const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-      if (!node || !isEventOutside(event, target)) return;
-      if (onFocusOutside || onInteractOutside) {
-        const handler = callAll(onFocusOutside, onInteractOutside);
-        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
-      }
-      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
-        bubbles: false,
-        cancelable: true,
-        detail: {
-          originalEvent: event,
-          contextmenu: false,
-          focusable: isFocusable(target),
-          target
-        }
-      });
-    });
-  }
-  if (!isTouchDevice()) {
-    cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
-    cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
-    cleanups.add(frames.addEventListener("focusin", onFocusin, true));
-  }
-  return () => {
-    clearTimeout(timer);
-    pointerdownCleanups.forEach((fn) => fn());
-    cleanups.forEach((fn) => fn());
-  };
-}
-function trackInteractOutside(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackInteractOutsideImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function fireCustomEvent(el, type, init) {
-  const win = el.ownerDocument.defaultView || window;
-  const event = new win.CustomEvent(type, init);
-  return el.dispatchEvent(event);
-}
-
-// ../node_modules/.pnpm/@zag-js+dismissable@1.33.1/node_modules/@zag-js/dismissable/dist/index.mjs
-function trackEscapeKeydown(node, fn) {
-  const handleKeyDown = (event) => {
-    if (event.key !== "Escape") return;
-    if (event.isComposing) return;
-    fn?.(event);
-  };
-  return addDomEvent(getDocument(node), "keydown", handleKeyDown, { capture: true });
-}
-var LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
-var layerStack = {
-  layers: [],
-  branches: [],
-  recentlyRemoved: /* @__PURE__ */ new Set(),
-  count() {
-    return this.layers.length;
-  },
-  pointerBlockingLayers() {
-    return this.layers.filter((layer) => layer.pointerBlocking);
-  },
-  topMostPointerBlockingLayer() {
-    return [...this.pointerBlockingLayers()].slice(-1)[0];
-  },
-  hasPointerBlockingLayer() {
-    return this.pointerBlockingLayers().length > 0;
-  },
-  isBelowPointerBlockingLayer(node) {
-    const index = this.indexOf(node);
-    const highestBlockingIndex = this.topMostPointerBlockingLayer() ? this.indexOf(this.topMostPointerBlockingLayer()?.node) : -1;
-    return index < highestBlockingIndex;
-  },
-  isTopMost(node) {
-    const layer = this.layers[this.count() - 1];
-    return layer?.node === node;
-  },
-  getNestedLayers(node) {
-    return Array.from(this.layers).slice(this.indexOf(node) + 1);
-  },
-  getLayersByType(type) {
-    return this.layers.filter((layer) => layer.type === type);
-  },
-  getNestedLayersByType(node, type) {
-    const index = this.indexOf(node);
-    if (index === -1) return [];
-    return this.layers.slice(index + 1).filter((layer) => layer.type === type);
-  },
-  getParentLayerOfType(node, type) {
-    const index = this.indexOf(node);
-    if (index <= 0) return void 0;
-    return this.layers.slice(0, index).reverse().find((layer) => layer.type === type);
-  },
-  countNestedLayersOfType(node, type) {
-    return this.getNestedLayersByType(node, type).length;
-  },
-  isInNestedLayer(node, target) {
-    const inNested = this.getNestedLayers(node).some((layer) => contains(layer.node, target));
-    if (inNested) return true;
-    if (this.recentlyRemoved.size > 0) return true;
-    return false;
-  },
-  isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
-  },
-  add(layer) {
-    this.layers.push(layer);
-    this.syncLayers();
-  },
-  addBranch(node) {
-    this.branches.push(node);
-  },
-  remove(node) {
-    const index = this.indexOf(node);
-    if (index < 0) return;
-    this.recentlyRemoved.add(node);
-    nextTick(() => this.recentlyRemoved.delete(node));
-    if (index < this.count() - 1) {
-      const _layers = this.getNestedLayers(node);
-      _layers.forEach((layer) => layerStack.dismiss(layer.node, node));
-    }
-    this.layers.splice(index, 1);
-    this.syncLayers();
-  },
-  removeBranch(node) {
-    const index = this.branches.indexOf(node);
-    if (index >= 0) this.branches.splice(index, 1);
-  },
-  syncLayers() {
-    this.layers.forEach((layer, index) => {
-      layer.node.style.setProperty("--layer-index", `${index}`);
-      layer.node.removeAttribute("data-nested");
-      layer.node.removeAttribute("data-has-nested");
-      const parentOfSameType = this.getParentLayerOfType(layer.node, layer.type);
-      if (parentOfSameType) {
-        layer.node.setAttribute("data-nested", layer.type);
-      }
-      const nestedCount = this.countNestedLayersOfType(layer.node, layer.type);
-      if (nestedCount > 0) {
-        layer.node.setAttribute("data-has-nested", layer.type);
-      }
-      layer.node.style.setProperty("--nested-layer-count", `${nestedCount}`);
-    });
-  },
-  indexOf(node) {
-    return this.layers.findIndex((layer) => layer.node === node);
-  },
-  dismiss(node, parent) {
-    const index = this.indexOf(node);
-    if (index === -1) return;
-    const layer = this.layers[index];
-    addListenerOnce(node, LAYER_REQUEST_DISMISS_EVENT, (event) => {
-      layer.requestDismiss?.(event);
-      if (!event.defaultPrevented) {
-        layer?.dismiss();
-      }
-    });
-    fireCustomEvent2(node, LAYER_REQUEST_DISMISS_EVENT, {
-      originalLayer: node,
-      targetLayer: parent,
-      originalIndex: index,
-      targetIndex: parent ? this.indexOf(parent) : -1
-    });
-    this.syncLayers();
-  },
-  clear() {
-    this.remove(this.layers[0].node);
-  }
-};
-function fireCustomEvent2(el, type, detail) {
-  const win = el.ownerDocument.defaultView || window;
-  const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
-  return el.dispatchEvent(event);
-}
-function addListenerOnce(el, type, callback) {
-  el.addEventListener(type, callback, { once: true });
-}
-var originalBodyPointerEvents;
-function assignPointerEventToLayers() {
-  layerStack.layers.forEach(({ node }) => {
-    node.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(node) ? "none" : "auto";
-  });
-}
-function clearPointerEvent(node) {
-  node.style.pointerEvents = "";
-}
-function disablePointerEventsOutside(node, persistentElements) {
-  const doc = getDocument(node);
-  const cleanups = [];
-  if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute("data-inert")) {
-    originalBodyPointerEvents = document.body.style.pointerEvents;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = "none";
-      doc.body.setAttribute("data-inert", "");
-    });
-  }
-  persistentElements?.forEach((el) => {
-    const [promise, abort] = waitForElement(
-      () => {
-        const node2 = el();
-        return isHTMLElement(node2) ? node2 : null;
-      },
-      { timeout: 1e3 }
-    );
-    promise.then((el2) => cleanups.push(setStyle(el2, { pointerEvents: "auto" })));
-    cleanups.push(abort);
-  });
-  return () => {
-    if (layerStack.hasPointerBlockingLayer()) return;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = originalBodyPointerEvents;
-      doc.body.removeAttribute("data-inert");
-      if (doc.body.style.length === 0) doc.body.removeAttribute("style");
-    });
-    cleanups.forEach((fn) => fn());
-  };
-}
-function trackDismissableElementImpl(node, options) {
-  const { warnOnMissingNode = true } = options;
-  if (warnOnMissingNode && !node) {
-    warn("[@zag-js/dismissable] node is `null` or `undefined`");
-    return;
-  }
-  if (!node) {
-    return;
-  }
-  const { onDismiss, onRequestDismiss, pointerBlocking, exclude: excludeContainers, debug, type = "dialog" } = options;
-  const layer = { dismiss: onDismiss, node, type, pointerBlocking, requestDismiss: onRequestDismiss };
-  layerStack.add(layer);
-  assignPointerEventToLayers();
-  function onPointerDownOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
-    if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target)) return;
-    options.onPointerDownOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onPointerDownOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onFocusOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
-    if (layerStack.isInBranch(target)) return;
-    options.onFocusOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onFocusOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onEscapeKeyDown(event) {
-    if (!layerStack.isTopMost(node)) return;
-    options.onEscapeKeyDown?.(event);
-    if (!event.defaultPrevented && onDismiss) {
-      event.preventDefault();
-      onDismiss();
-    }
-  }
-  function exclude(target) {
-    if (!node) return false;
-    const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
-    const _containers = Array.isArray(containers) ? containers : [containers];
-    const persistentElements = options.persistentElements?.map((fn) => fn()).filter(isHTMLElement);
-    if (persistentElements) _containers.push(...persistentElements);
-    return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
-  }
-  const cleanups = [
-    pointerBlocking ? disablePointerEventsOutside(node, options.persistentElements) : void 0,
-    trackEscapeKeydown(node, onEscapeKeyDown),
-    trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside, defer: options.defer })
-  ];
-  return () => {
-    layerStack.remove(node);
-    assignPointerEventToLayers();
-    clearPointerEvent(node);
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableElement(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackDismissableElementImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableBranch(nodeOrFn, options = {}) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      if (!node) {
-        warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
-        return;
-      }
-      layerStack.addBranch(node);
-      cleanups.push(() => {
-        layerStack.removeBranch(node);
-      });
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-
-export {
-  trackDismissableElement,
-  trackDismissableBranch
-};
diff --git a/priv/static/chunk-EAMC7PNF.mjs b/priv/static/chunk-EAMC7PNF.mjs
deleted file mode 100644
index 9ff17f6..0000000
--- a/priv/static/chunk-EAMC7PNF.mjs
+++ /dev/null
@@ -1,163 +0,0 @@
-import {
-  getDocument,
-  getEventTarget,
-  getWindow,
-  isMac,
-  isVirtualClick
-} from "./chunk-GFGFZBBD.mjs";
-
-// ../node_modules/.pnpm/@zag-js+focus-visible@1.33.1/node_modules/@zag-js/focus-visible/dist/index.mjs
-function isValidKey(e) {
-  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-var nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
-function isKeyboardFocusEvent(isTextInput, modality, e) {
-  const target = e ? getEventTarget(e) : null;
-  const win = getWindow(target);
-  isTextInput = isTextInput || target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target?.type) || target instanceof win.HTMLTextAreaElement || target instanceof win.HTMLElement && target.isContentEditable;
-  return !(isTextInput && modality === "keyboard" && e instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e.key));
-}
-var currentModality = null;
-var changeHandlers = /* @__PURE__ */ new Set();
-var listenerMap = /* @__PURE__ */ new Map();
-var hasEventBeforeFocus = false;
-var hasBlurredWindowRecently = false;
-var FOCUS_VISIBLE_INPUT_KEYS = {
-  Tab: true,
-  Escape: true
-};
-function triggerChangeHandlers(modality, e) {
-  for (let handler of changeHandlers) {
-    handler(modality, e);
-  }
-}
-function handleKeyboardEvent(e) {
-  hasEventBeforeFocus = true;
-  if (isValidKey(e)) {
-    currentModality = "keyboard";
-    triggerChangeHandlers("keyboard", e);
-  }
-}
-function handlePointerEvent(e) {
-  currentModality = "pointer";
-  if (e.type === "mousedown" || e.type === "pointerdown") {
-    hasEventBeforeFocus = true;
-    triggerChangeHandlers("pointer", e);
-  }
-}
-function handleClickEvent(e) {
-  if (isVirtualClick(e)) {
-    hasEventBeforeFocus = true;
-    currentModality = "virtual";
-  }
-}
-function handleFocusEvent(e) {
-  const target = getEventTarget(e);
-  if (target === getWindow(target) || target === getDocument(target)) {
-    return;
-  }
-  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
-    currentModality = "virtual";
-    triggerChangeHandlers("virtual", e);
-  }
-  hasEventBeforeFocus = false;
-  hasBlurredWindowRecently = false;
-}
-function handleWindowBlur() {
-  hasEventBeforeFocus = false;
-  hasBlurredWindowRecently = true;
-}
-function setupGlobalFocusEvents(root) {
-  if (typeof window === "undefined" || listenerMap.get(getWindow(root))) {
-    return;
-  }
-  const win = getWindow(root);
-  const doc = getDocument(root);
-  let focus = win.HTMLElement.prototype.focus;
-  function patchedFocus() {
-    currentModality = "virtual";
-    triggerChangeHandlers("virtual", null);
-    hasEventBeforeFocus = true;
-    focus.apply(this, arguments);
-  }
-  try {
-    Object.defineProperty(win.HTMLElement.prototype, "focus", {
-      configurable: true,
-      value: patchedFocus
-    });
-  } catch {
-  }
-  doc.addEventListener("keydown", handleKeyboardEvent, true);
-  doc.addEventListener("keyup", handleKeyboardEvent, true);
-  doc.addEventListener("click", handleClickEvent, true);
-  win.addEventListener("focus", handleFocusEvent, true);
-  win.addEventListener("blur", handleWindowBlur, false);
-  if (typeof win.PointerEvent !== "undefined") {
-    doc.addEventListener("pointerdown", handlePointerEvent, true);
-    doc.addEventListener("pointermove", handlePointerEvent, true);
-    doc.addEventListener("pointerup", handlePointerEvent, true);
-  } else {
-    doc.addEventListener("mousedown", handlePointerEvent, true);
-    doc.addEventListener("mousemove", handlePointerEvent, true);
-    doc.addEventListener("mouseup", handlePointerEvent, true);
-  }
-  win.addEventListener(
-    "beforeunload",
-    () => {
-      tearDownWindowFocusTracking(root);
-    },
-    { once: true }
-  );
-  listenerMap.set(win, { focus });
-}
-var tearDownWindowFocusTracking = (root, loadListener) => {
-  const win = getWindow(root);
-  const doc = getDocument(root);
-  const listenerData = listenerMap.get(win);
-  if (!listenerData) {
-    return;
-  }
-  try {
-    Object.defineProperty(win.HTMLElement.prototype, "focus", {
-      configurable: true,
-      value: listenerData.focus
-    });
-  } catch {
-  }
-  doc.removeEventListener("keydown", handleKeyboardEvent, true);
-  doc.removeEventListener("keyup", handleKeyboardEvent, true);
-  doc.removeEventListener("click", handleClickEvent, true);
-  win.removeEventListener("focus", handleFocusEvent, true);
-  win.removeEventListener("blur", handleWindowBlur, false);
-  if (typeof win.PointerEvent !== "undefined") {
-    doc.removeEventListener("pointerdown", handlePointerEvent, true);
-    doc.removeEventListener("pointermove", handlePointerEvent, true);
-    doc.removeEventListener("pointerup", handlePointerEvent, true);
-  } else {
-    doc.removeEventListener("mousedown", handlePointerEvent, true);
-    doc.removeEventListener("mousemove", handlePointerEvent, true);
-    doc.removeEventListener("mouseup", handlePointerEvent, true);
-  }
-  listenerMap.delete(win);
-};
-function isFocusVisible() {
-  return currentModality === "keyboard";
-}
-function trackFocusVisible(props = {}) {
-  const { isTextInput, autoFocus, onChange, root } = props;
-  setupGlobalFocusEvents(root);
-  onChange?.({ isFocusVisible: autoFocus || isFocusVisible(), modality: currentModality });
-  const handler = (modality, e) => {
-    if (!isKeyboardFocusEvent(!!isTextInput, modality, e)) return;
-    onChange?.({ isFocusVisible: isFocusVisible(), modality });
-  };
-  changeHandlers.add(handler);
-  return () => {
-    changeHandlers.delete(handler);
-  };
-}
-
-export {
-  isFocusVisible,
-  trackFocusVisible
-};
diff --git a/priv/static/chunk-GRHV6R4F.mjs b/priv/static/chunk-EENFWNGI.mjs
similarity index 99%
rename from priv/static/chunk-GRHV6R4F.mjs
rename to priv/static/chunk-EENFWNGI.mjs
index 020ce05..832e989 100644
--- a/priv/static/chunk-GRHV6R4F.mjs
+++ b/priv/static/chunk-EENFWNGI.mjs
@@ -6,7 +6,7 @@ import {
   isNull,
   noop,
   raf
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
diff --git a/priv/static/chunk-ER3INIAI.mjs b/priv/static/chunk-ER3INIAI.mjs
new file mode 100644
index 0000000..7ac0e66
--- /dev/null
+++ b/priv/static/chunk-ER3INIAI.mjs
@@ -0,0 +1,237 @@
+import {
+  addDomEvent,
+  callAll,
+  contains,
+  getDocument,
+  getEventTarget,
+  getNearestOverflowAncestor,
+  getWindow,
+  isContextMenuEvent,
+  isControlledElement,
+  isFocusable,
+  isHTMLElement,
+  isShadowRoot,
+  isTouchDevice,
+  raf
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+interact-outside@1.33.1/node_modules/@zag-js/interact-outside/dist/index.mjs
+function getWindowFrames(win) {
+  const frames = {
+    each(cb) {
+      for (let i = 0; i < win.frames?.length; i += 1) {
+        const frame = win.frames[i];
+        if (frame) cb(frame);
+      }
+    },
+    addEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.addEventListener(event, listener, options);
+        } catch {
+        }
+      });
+      return () => {
+        try {
+          frames.removeEventListener(event, listener, options);
+        } catch {
+        }
+      };
+    },
+    removeEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.removeEventListener(event, listener, options);
+        } catch {
+        }
+      });
+    }
+  };
+  return frames;
+}
+function getParentWindow(win) {
+  const parent = win.frameElement != null ? win.parent : null;
+  return {
+    addEventListener: (event, listener, options) => {
+      try {
+        parent?.addEventListener(event, listener, options);
+      } catch {
+      }
+      return () => {
+        try {
+          parent?.removeEventListener(event, listener, options);
+        } catch {
+        }
+      };
+    },
+    removeEventListener: (event, listener, options) => {
+      try {
+        parent?.removeEventListener(event, listener, options);
+      } catch {
+      }
+    }
+  };
+}
+var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+var FOCUS_OUTSIDE_EVENT = "focus.outside";
+function isComposedPathFocusable(composedPath) {
+  for (const node of composedPath) {
+    if (isHTMLElement(node) && isFocusable(node)) return true;
+  }
+  return false;
+}
+var isPointerEvent = (event) => "clientY" in event;
+function isEventPointWithin(node, event) {
+  if (!isPointerEvent(event) || !node) return false;
+  const rect = node.getBoundingClientRect();
+  if (rect.width === 0 || rect.height === 0) return false;
+  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+}
+function isPointInRect(rect, point) {
+  return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
+}
+function isEventWithinScrollbar(event, ancestor) {
+  if (!ancestor || !isPointerEvent(event)) return false;
+  const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
+  const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
+  const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
+  const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
+  const rect = {
+    x: ancestor.offsetLeft,
+    y: ancestor.offsetTop,
+    width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
+    height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
+  };
+  const point = {
+    x: event.clientX,
+    y: event.clientY
+  };
+  if (!isPointInRect(rect, point)) return false;
+  return onScrollbarY || onScrollbarX;
+}
+function trackInteractOutsideImpl(node, options) {
+  const {
+    exclude,
+    onFocusOutside,
+    onPointerDownOutside,
+    onInteractOutside,
+    defer,
+    followControlledElements = true
+  } = options;
+  if (!node) return;
+  const doc = getDocument(node);
+  const win = getWindow(node);
+  const frames = getWindowFrames(win);
+  const parentWin = getParentWindow(win);
+  function isEventOutside(event, target) {
+    if (!isHTMLElement(target)) return false;
+    if (!target.isConnected) return false;
+    if (contains(node, target)) return false;
+    if (isEventPointWithin(node, event)) return false;
+    if (followControlledElements && isControlledElement(node, target)) return false;
+    const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
+    if (triggerEl) {
+      const triggerAncestor = getNearestOverflowAncestor(triggerEl);
+      if (isEventWithinScrollbar(event, triggerAncestor)) return false;
+    }
+    const nodeAncestor = getNearestOverflowAncestor(node);
+    if (isEventWithinScrollbar(event, nodeAncestor)) return false;
+    return !exclude?.(target);
+  }
+  const pointerdownCleanups = /* @__PURE__ */ new Set();
+  const isInShadowRoot = isShadowRoot(node?.getRootNode());
+  function onPointerDown(event) {
+    function handler(clickEvent) {
+      const func = defer && !isTouchDevice() ? raf : (v) => v();
+      const evt = clickEvent ?? event;
+      const composedPath = evt?.composedPath?.() ?? [evt?.target];
+      func(() => {
+        const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+        if (!node || !isEventOutside(event, target)) return;
+        if (onPointerDownOutside || onInteractOutside) {
+          const handler2 = callAll(onPointerDownOutside, onInteractOutside);
+          node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
+        }
+        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
+          bubbles: false,
+          cancelable: true,
+          detail: {
+            originalEvent: evt,
+            contextmenu: isContextMenuEvent(evt),
+            focusable: isComposedPathFocusable(composedPath),
+            target
+          }
+        });
+      });
+    }
+    if (event.pointerType === "touch") {
+      pointerdownCleanups.forEach((fn) => fn());
+      pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
+      pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
+      pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
+    } else {
+      handler();
+    }
+  }
+  const cleanups = /* @__PURE__ */ new Set();
+  const timer = setTimeout(() => {
+    cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
+    cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
+    cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
+  }, 0);
+  function onFocusin(event) {
+    const func = defer ? raf : (v) => v();
+    func(() => {
+      const composedPath = event?.composedPath?.() ?? [event?.target];
+      const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+      if (!node || !isEventOutside(event, target)) return;
+      if (onFocusOutside || onInteractOutside) {
+        const handler = callAll(onFocusOutside, onInteractOutside);
+        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
+      }
+      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
+        bubbles: false,
+        cancelable: true,
+        detail: {
+          originalEvent: event,
+          contextmenu: false,
+          focusable: isFocusable(target),
+          target
+        }
+      });
+    });
+  }
+  if (!isTouchDevice()) {
+    cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
+    cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
+    cleanups.add(frames.addEventListener("focusin", onFocusin, true));
+  }
+  return () => {
+    clearTimeout(timer);
+    pointerdownCleanups.forEach((fn) => fn());
+    cleanups.forEach((fn) => fn());
+  };
+}
+function trackInteractOutside(nodeOrFn, options) {
+  const { defer } = options;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+      cleanups.push(trackInteractOutsideImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
+function fireCustomEvent(el, type, init) {
+  const win = el.ownerDocument.defaultView || window;
+  const event = new win.CustomEvent(type, init);
+  return el.dispatchEvent(event);
+}
+
+export {
+  trackInteractOutside
+};
diff --git a/priv/static/chunk-GFGFZBBD.mjs b/priv/static/chunk-IXOYOLUJ.mjs
similarity index 94%
rename from priv/static/chunk-GFGFZBBD.mjs
rename to priv/static/chunk-IXOYOLUJ.mjs
index 253edf9..388efdc 100644
--- a/priv/static/chunk-GFGFZBBD.mjs
+++ b/priv/static/chunk-IXOYOLUJ.mjs
@@ -333,6 +333,11 @@ var isMac = () => pt(/^Mac/i);
 var isSafari = () => isApple() && vn(/apple/i);
 var isFirefox = () => ua(/Firefox/i);
 var isAndroid = () => ua(/Android/i);
+function getBeforeInputValue(event) {
+  const { selectionStart, selectionEnd, value } = event.currentTarget;
+  const data = event.data;
+  return value.slice(0, selectionStart) + (data ?? "") + value.slice(selectionEnd);
+}
 function getComposedPath(event) {
   return event.composedPath?.() ?? event.nativeEvent?.composedPath?.();
 }
@@ -406,6 +411,17 @@ function getEventKey(event, options = {}) {
 function getNativeEvent(event) {
   return event.nativeEvent ?? event;
 }
+var pageKeys = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
+var arrowKeys = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
+function getEventStep(event) {
+  if (event.ctrlKey || event.metaKey) {
+    return 0.1;
+  } else {
+    const isPageKey = pageKeys.has(event.key);
+    const isSkipKey = isPageKey || event.shiftKey && arrowKeys.has(event.key);
+    return isSkipKey ? 10 : 1;
+  }
+}
 function getEventPoint(event, type = "client") {
   const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] : event;
   return { x: point[`${type}X`], y: point[`${type}Y`] };
@@ -443,6 +459,14 @@ function setElementChecked(el, checked) {
   if (checked) el.setAttribute("checked", "");
   else el.removeAttribute("checked");
 }
+function dispatchInputValueEvent(el, options) {
+  const { value, bubbles = true } = options;
+  if (!el) return;
+  const win = getWindow(el);
+  if (!(el instanceof win.HTMLInputElement)) return;
+  setElementValue(el, `${value}`);
+  el.dispatchEvent(new win.Event("input", { bubbles }));
+}
 function dispatchInputCheckedEvent(el, options) {
   const { checked, bubbles = true } = options;
   if (!el) return;
@@ -790,6 +814,32 @@ function getRelativePoint(point, element) {
   }
   return { offset, percent, getPercentValue };
 }
+function requestPointerLock(doc, fn) {
+  const body = doc.body;
+  const supported = "pointerLockElement" in doc || "mozPointerLockElement" in doc;
+  const isLocked = () => !!doc.pointerLockElement;
+  function onPointerChange() {
+    fn?.(isLocked());
+  }
+  function onPointerError(event) {
+    if (isLocked()) fn?.(false);
+    console.error("PointerLock error occurred:", event);
+    doc.exitPointerLock();
+  }
+  if (!supported) return;
+  try {
+    body.requestPointerLock();
+  } catch {
+  }
+  const cleanup = [
+    addDomEvent(doc, "pointerlockchange", onPointerChange, false),
+    addDomEvent(doc, "pointerlockerror", onPointerError, false)
+  ];
+  return () => {
+    cleanup.forEach((cleanup2) => cleanup2());
+    doc.exitPointerLock();
+  };
+}
 var state = "default";
 var userSelect = "";
 var elementMap = /* @__PURE__ */ new WeakMap();
@@ -1337,9 +1387,34 @@ function match2(key, record, ...args) {
   Error.captureStackTrace?.(error, match2);
   throw error;
 }
+function throttle(fn, wait = 0) {
+  let lastCall = 0;
+  let timeout = null;
+  return (...args) => {
+    const now = Date.now();
+    const timeSinceLastCall = now - lastCall;
+    if (timeSinceLastCall >= wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      fn(...args);
+      lastCall = now;
+    } else if (!timeout) {
+      timeout = setTimeout(() => {
+        fn(...args);
+        lastCall = Date.now();
+        timeout = null;
+      }, wait - timeSinceLastCall);
+    }
+  };
+}
 var { floor, abs, round, min, max, pow, sign } = Math;
 var isNaN = (v) => Number.isNaN(v);
 var nan = (v) => isNaN(v) ? 0 : v;
+var wrap2 = (v, vmax) => (v % vmax + vmax) % vmax;
+var isValueAtMax = (v, vmax) => nan(v) >= vmax;
+var isValueAtMin = (v, vmin) => nan(v) <= vmin;
 var isValueWithinRange = (v, vmin, vmax) => {
   const value = nan(v);
   const minCheck = vmin == null || value >= vmin;
@@ -1347,6 +1422,59 @@ var isValueWithinRange = (v, vmin, vmax) => {
   return minCheck && maxCheck;
 };
 var clampValue = (v, vmin, vmax) => min(max(nan(v), vmin), vmax);
+var roundToStepPrecision = (v, step) => {
+  let rv = v;
+  let ss = step.toString();
+  let pi = ss.indexOf(".");
+  let p = pi >= 0 ? ss.length - pi : 0;
+  if (p > 0) {
+    let pw = pow(10, p);
+    rv = round(rv * pw) / pw;
+  }
+  return rv;
+};
+var roundToDpr = (v, dpr) => typeof dpr === "number" ? floor(v * dpr + 0.5) / dpr : round(v);
+var snapValueToStep = (v, vmin, vmax, step) => {
+  const min2 = vmin != null ? Number(vmin) : 0;
+  const max2 = Number(vmax);
+  const remainder = (v - min2) % step;
+  let snapped = abs(remainder) * 2 >= step ? v + sign(remainder) * (step - abs(remainder)) : v - remainder;
+  snapped = roundToStepPrecision(snapped, step);
+  if (!isNaN(min2) && snapped < min2) {
+    snapped = min2;
+  } else if (!isNaN(max2) && snapped > max2) {
+    const stepsInRange = floor((max2 - min2) / step);
+    const largestValidStep = min2 + stepsInRange * step;
+    snapped = stepsInRange <= 0 || largestValidStep < min2 ? max2 : largestValidStep;
+  }
+  return roundToStepPrecision(snapped, step);
+};
+var setValueAtIndex = (vs, i, v) => {
+  if (vs[i] === v) return vs;
+  return [...vs.slice(0, i), v, ...vs.slice(i + 1)];
+};
+var countDecimals = (value) => {
+  if (!Number.isFinite(value)) return 0;
+  let e = 1, p = 0;
+  while (Math.round(value * e) / e !== value) {
+    e *= 10;
+    p += 1;
+  }
+  return p;
+};
+var decimalOp = (a, op, b) => {
+  let result = op === "+" ? a + b : a - b;
+  if (a % 1 !== 0 || b % 1 !== 0) {
+    const multiplier = 10 ** Math.max(countDecimals(a), countDecimals(b));
+    a = Math.round(a * multiplier);
+    b = Math.round(b * multiplier);
+    result = op === "+" ? a + b : a - b;
+    result /= multiplier;
+  }
+  return result;
+};
+var incrementValue = (v, s) => decimalOp(nan(v), "+", s);
+var decrementValue = (v, s) => decimalOp(nan(v), "-", s);
 var toPx = (v) => typeof v === "number" ? `${v}px` : v;
 function compact(obj) {
   if (!isPlainObject(obj) || obj === void 0) return obj;
@@ -1360,6 +1488,16 @@ function compact(obj) {
   }
   return filtered;
 }
+function pick(obj, keys) {
+  const filtered = {};
+  for (const key of keys) {
+    const value = obj[key];
+    if (value !== void 0) {
+      filtered[key] = value;
+    }
+  }
+  return filtered;
+}
 function splitProps(props, keys) {
   const rest = {};
   const result = {};
@@ -1436,6 +1574,17 @@ var Timer = class {
   }
 };
 _tick = /* @__PURE__ */ new WeakMap();
+function setRafInterval(fn, intervalMs) {
+  const timer = new Timer(({ now, deltaMs }) => {
+    if (deltaMs >= intervalMs) {
+      const startMs = intervalMs > 0 ? now - deltaMs % intervalMs : now;
+      timer.setStartMs(startMs);
+      fn({ startMs, deltaMs });
+    }
+  });
+  timer.start();
+  return () => timer.stop();
+}
 function setRafTimeout(fn, delayMs) {
   const timer = new Timer(({ deltaMs }) => {
     if (deltaMs >= delayMs) {
@@ -1453,6 +1602,13 @@ function warn(...a) {
     console.warn(m);
   }
 }
+function invariant(...a) {
+  const m = a.length === 1 ? a[0] : a[1];
+  const c = a.length === 2 ? a[0] : true;
+  if (c && true) {
+    throw new Error(m);
+  }
+}
 function ensure(c, m) {
   if (c == null) throw new Error(m());
 }
@@ -2383,12 +2539,15 @@ export {
   getDataUrl,
   isTouchDevice,
   isIos,
+  isApple,
   isMac,
   isSafari,
+  getBeforeInputValue,
   getEventTarget,
   isOpeningInNewTab,
   isDownloadingEvent,
   isComposingEvent,
+  isCtrlOrMetaKey,
   isPrintableKey,
   isVirtualClick,
   isLeftClick,
@@ -2396,10 +2555,12 @@ export {
   isModifierKey,
   getEventKey,
   getNativeEvent,
+  getEventStep,
   getEventPoint,
   addDomEvent,
   setElementValue,
   setElementChecked,
+  dispatchInputValueEvent,
   dispatchInputCheckedEvent,
   trackFormControl,
   getFocusables,
@@ -2418,6 +2579,7 @@ export {
   getNearestOverflowAncestor,
   scrollIntoView,
   getRelativePoint,
+  requestPointerLock,
   restoreTextSelection,
   disableTextSelection,
   trackPointerMove,
@@ -2442,7 +2604,9 @@ export {
   uniq,
   diff,
   addOrRemove,
+  nextIndex,
   next,
+  prevIndex,
   prev,
   chunk,
   partition,
@@ -2459,13 +2623,25 @@ export {
   callAll,
   uuid,
   match2 as match,
+  throttle,
+  wrap2 as wrap,
+  isValueAtMax,
+  isValueAtMin,
   isValueWithinRange,
   clampValue,
+  roundToDpr,
+  snapValueToStep,
+  setValueAtIndex,
+  incrementValue,
+  decrementValue,
   toPx,
   compact,
+  pick,
   createSplitProps,
+  setRafInterval,
   setRafTimeout,
   warn,
+  invariant,
   ensure,
   ensureProps,
   mergeProps,
@@ -2474,6 +2650,8 @@ export {
   createMachine,
   setup,
   createProps,
+  proxy,
+  subscribe,
   normalizeProps,
   VanillaMachine,
   Component,
diff --git a/priv/static/chunk-NYISECP7.mjs b/priv/static/chunk-NYISECP7.mjs
deleted file mode 100644
index a10f7da..0000000
--- a/priv/static/chunk-NYISECP7.mjs
+++ /dev/null
@@ -1,1075 +0,0 @@
-import {
-  hasProp,
-  isEqual,
-  isObject
-} from "./chunk-ZTKS6RKJ.mjs";
-
-// ../node_modules/.pnpm/@zag-js+collection@1.33.1/node_modules/@zag-js/collection/dist/index.mjs
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var fallback = {
-  itemToValue(item) {
-    if (typeof item === "string") return item;
-    if (isObject(item) && hasProp(item, "value")) return item.value;
-    return "";
-  },
-  itemToString(item) {
-    if (typeof item === "string") return item;
-    if (isObject(item) && hasProp(item, "label")) return item.label;
-    return fallback.itemToValue(item);
-  },
-  isItemDisabled(item) {
-    if (isObject(item) && hasProp(item, "disabled")) return !!item.disabled;
-    return false;
-  }
-};
-var ListCollection = class _ListCollection {
-  constructor(options) {
-    this.options = options;
-    __publicField(this, "items");
-    __publicField(this, "indexMap", null);
-    __publicField(this, "copy", (items) => {
-      return new _ListCollection({ ...this.options, items: items ?? [...this.items] });
-    });
-    __publicField(this, "isEqual", (other) => {
-      return isEqual(this.items, other.items);
-    });
-    __publicField(this, "setItems", (items) => {
-      return this.copy(items);
-    });
-    __publicField(this, "getValues", (items = this.items) => {
-      const values = [];
-      for (const item of items) {
-        const value = this.getItemValue(item);
-        if (value != null) values.push(value);
-      }
-      return values;
-    });
-    __publicField(this, "find", (value) => {
-      if (value == null) return null;
-      const index = this.indexOf(value);
-      return index !== -1 ? this.at(index) : null;
-    });
-    __publicField(this, "findMany", (values) => {
-      const result = [];
-      for (const value of values) {
-        const item = this.find(value);
-        if (item != null) result.push(item);
-      }
-      return result;
-    });
-    __publicField(this, "at", (index) => {
-      if (!this.options.groupBy && !this.options.groupSort) {
-        return this.items[index] ?? null;
-      }
-      let idx = 0;
-      const groups = this.group();
-      for (const [, items] of groups) {
-        for (const item of items) {
-          if (idx === index) return item;
-          idx++;
-        }
-      }
-      return null;
-    });
-    __publicField(this, "sortFn", (valueA, valueB) => {
-      const indexA = this.indexOf(valueA);
-      const indexB = this.indexOf(valueB);
-      return (indexA ?? 0) - (indexB ?? 0);
-    });
-    __publicField(this, "sort", (values) => {
-      return [...values].sort(this.sortFn.bind(this));
-    });
-    __publicField(this, "getItemValue", (item) => {
-      if (item == null) return null;
-      return this.options.itemToValue?.(item) ?? fallback.itemToValue(item);
-    });
-    __publicField(this, "getItemDisabled", (item) => {
-      if (item == null) return false;
-      return this.options.isItemDisabled?.(item) ?? fallback.isItemDisabled(item);
-    });
-    __publicField(this, "stringifyItem", (item) => {
-      if (item == null) return null;
-      return this.options.itemToString?.(item) ?? fallback.itemToString(item);
-    });
-    __publicField(this, "stringify", (value) => {
-      if (value == null) return null;
-      return this.stringifyItem(this.find(value));
-    });
-    __publicField(this, "stringifyItems", (items, separator = ", ") => {
-      const strs = [];
-      for (const item of items) {
-        const str = this.stringifyItem(item);
-        if (str != null) strs.push(str);
-      }
-      return strs.join(separator);
-    });
-    __publicField(this, "stringifyMany", (value, separator) => {
-      return this.stringifyItems(this.findMany(value), separator);
-    });
-    __publicField(this, "has", (value) => {
-      return this.indexOf(value) !== -1;
-    });
-    __publicField(this, "hasItem", (item) => {
-      if (item == null) return false;
-      return this.has(this.getItemValue(item));
-    });
-    __publicField(this, "group", () => {
-      const { groupBy, groupSort } = this.options;
-      if (!groupBy) return [["", [...this.items]]];
-      const groups = /* @__PURE__ */ new Map();
-      this.items.forEach((item, index) => {
-        const groupKey = groupBy(item, index);
-        if (!groups.has(groupKey)) {
-          groups.set(groupKey, []);
-        }
-        groups.get(groupKey).push(item);
-      });
-      let entries = Array.from(groups.entries());
-      if (groupSort) {
-        entries.sort(([a], [b]) => {
-          if (typeof groupSort === "function") return groupSort(a, b);
-          if (Array.isArray(groupSort)) {
-            const indexA = groupSort.indexOf(a);
-            const indexB = groupSort.indexOf(b);
-            if (indexA === -1) return 1;
-            if (indexB === -1) return -1;
-            return indexA - indexB;
-          }
-          if (groupSort === "asc") return a.localeCompare(b);
-          if (groupSort === "desc") return b.localeCompare(a);
-          return 0;
-        });
-      }
-      return entries;
-    });
-    __publicField(this, "getNextValue", (value, step = 1, clamp = false) => {
-      let index = this.indexOf(value);
-      if (index === -1) return null;
-      index = clamp ? Math.min(index + step, this.size - 1) : index + step;
-      while (index <= this.size && this.getItemDisabled(this.at(index))) index++;
-      return this.getItemValue(this.at(index));
-    });
-    __publicField(this, "getPreviousValue", (value, step = 1, clamp = false) => {
-      let index = this.indexOf(value);
-      if (index === -1) return null;
-      index = clamp ? Math.max(index - step, 0) : index - step;
-      while (index >= 0 && this.getItemDisabled(this.at(index))) index--;
-      return this.getItemValue(this.at(index));
-    });
-    __publicField(this, "indexOf", (value) => {
-      if (value == null) return -1;
-      if (!this.options.groupBy && !this.options.groupSort) {
-        return this.items.findIndex((item) => this.getItemValue(item) === value);
-      }
-      if (!this.indexMap) {
-        this.indexMap = /* @__PURE__ */ new Map();
-        let idx = 0;
-        const groups = this.group();
-        for (const [, items] of groups) {
-          for (const item of items) {
-            const itemValue = this.getItemValue(item);
-            if (itemValue != null) {
-              this.indexMap.set(itemValue, idx);
-            }
-            idx++;
-          }
-        }
-      }
-      return this.indexMap.get(value) ?? -1;
-    });
-    __publicField(this, "getByText", (text, current) => {
-      const currentIndex = current != null ? this.indexOf(current) : -1;
-      const isSingleKey = text.length === 1;
-      for (let i = 0; i < this.items.length; i++) {
-        const item = this.items[(currentIndex + i + 1) % this.items.length];
-        if (isSingleKey && this.getItemValue(item) === current) continue;
-        if (this.getItemDisabled(item)) continue;
-        if (match(this.stringifyItem(item), text)) return item;
-      }
-      return void 0;
-    });
-    __publicField(this, "search", (queryString, options2) => {
-      const { state, currentValue, timeout = 350 } = options2;
-      const search = state.keysSoFar + queryString;
-      const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-      const query = isRepeated ? search[0] : search;
-      const item = this.getByText(query, currentValue);
-      const value = this.getItemValue(item);
-      function cleanup() {
-        clearTimeout(state.timer);
-        state.timer = -1;
-      }
-      function update(value2) {
-        state.keysSoFar = value2;
-        cleanup();
-        if (value2 !== "") {
-          state.timer = +setTimeout(() => {
-            update("");
-            cleanup();
-          }, timeout);
-        }
-      }
-      update(search);
-      return value;
-    });
-    __publicField(this, "update", (value, item) => {
-      let index = this.indexOf(value);
-      if (index === -1) return this;
-      return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
-    });
-    __publicField(this, "upsert", (value, item, mode = "append") => {
-      let index = this.indexOf(value);
-      if (index === -1) {
-        const fn = mode === "append" ? this.append : this.prepend;
-        return fn(item);
-      }
-      return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
-    });
-    __publicField(this, "insert", (index, ...items) => {
-      return this.copy(insert(this.items, index, ...items));
-    });
-    __publicField(this, "insertBefore", (value, ...items) => {
-      let toIndex = this.indexOf(value);
-      if (toIndex === -1) {
-        if (this.items.length === 0) toIndex = 0;
-        else return this;
-      }
-      return this.copy(insert(this.items, toIndex, ...items));
-    });
-    __publicField(this, "insertAfter", (value, ...items) => {
-      let toIndex = this.indexOf(value);
-      if (toIndex === -1) {
-        if (this.items.length === 0) toIndex = 0;
-        else return this;
-      }
-      return this.copy(insert(this.items, toIndex + 1, ...items));
-    });
-    __publicField(this, "prepend", (...items) => {
-      return this.copy(insert(this.items, 0, ...items));
-    });
-    __publicField(this, "append", (...items) => {
-      return this.copy(insert(this.items, this.items.length, ...items));
-    });
-    __publicField(this, "filter", (fn) => {
-      const filteredItems = this.items.filter((item, index) => fn(this.stringifyItem(item), index, item));
-      return this.copy(filteredItems);
-    });
-    __publicField(this, "remove", (...itemsOrValues) => {
-      const values = itemsOrValues.map(
-        (itemOrValue) => typeof itemOrValue === "string" ? itemOrValue : this.getItemValue(itemOrValue)
-      );
-      return this.copy(
-        this.items.filter((item) => {
-          const value = this.getItemValue(item);
-          if (value == null) return false;
-          return !values.includes(value);
-        })
-      );
-    });
-    __publicField(this, "move", (value, toIndex) => {
-      const fromIndex = this.indexOf(value);
-      if (fromIndex === -1) return this;
-      return this.copy(move(this.items, [fromIndex], toIndex));
-    });
-    __publicField(this, "moveBefore", (value, ...values) => {
-      let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
-      if (toIndex === -1) return this;
-      let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a, b) => a - b);
-      return this.copy(move(this.items, indices, toIndex));
-    });
-    __publicField(this, "moveAfter", (value, ...values) => {
-      let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
-      if (toIndex === -1) return this;
-      let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a, b) => a - b);
-      return this.copy(move(this.items, indices, toIndex + 1));
-    });
-    __publicField(this, "reorder", (fromIndex, toIndex) => {
-      return this.copy(move(this.items, [fromIndex], toIndex));
-    });
-    __publicField(this, "compareValue", (a, b) => {
-      const indexA = this.indexOf(a);
-      const indexB = this.indexOf(b);
-      if (indexA < indexB) return -1;
-      if (indexA > indexB) return 1;
-      return 0;
-    });
-    __publicField(this, "range", (from, to) => {
-      let keys = [];
-      let key = from;
-      while (key != null) {
-        let item = this.find(key);
-        if (item) keys.push(key);
-        if (key === to) return keys;
-        key = this.getNextValue(key);
-      }
-      return [];
-    });
-    __publicField(this, "getValueRange", (from, to) => {
-      if (from && to) {
-        if (this.compareValue(from, to) <= 0) {
-          return this.range(from, to);
-        }
-        return this.range(to, from);
-      }
-      return [];
-    });
-    __publicField(this, "toString", () => {
-      let result = "";
-      for (const item of this.items) {
-        const value = this.getItemValue(item);
-        const label = this.stringifyItem(item);
-        const disabled = this.getItemDisabled(item);
-        const itemString = [value, label, disabled].filter(Boolean).join(":");
-        result += itemString + ",";
-      }
-      return result;
-    });
-    __publicField(this, "toJSON", () => {
-      return {
-        size: this.size,
-        first: this.firstValue,
-        last: this.lastValue
-      };
-    });
-    this.items = [...options.items];
-  }
-  /**
-   * Returns the number of items in the collection
-   */
-  get size() {
-    return this.items.length;
-  }
-  /**
-   * Returns the first value in the collection
-   */
-  get firstValue() {
-    let index = 0;
-    while (this.getItemDisabled(this.at(index))) index++;
-    return this.getItemValue(this.at(index));
-  }
-  /**
-   * Returns the last value in the collection
-   */
-  get lastValue() {
-    let index = this.size - 1;
-    while (this.getItemDisabled(this.at(index))) index--;
-    return this.getItemValue(this.at(index));
-  }
-  *[Symbol.iterator]() {
-    yield* this.items;
-  }
-};
-var match = (label, query) => {
-  return !!label?.toLowerCase().startsWith(query.toLowerCase());
-};
-function insert(items, index, ...values) {
-  return [...items.slice(0, index), ...values, ...items.slice(index)];
-}
-function move(items, indices, toIndex) {
-  indices = [...indices].sort((a, b) => a - b);
-  const itemsToMove = indices.map((i) => items[i]);
-  for (let i = indices.length - 1; i >= 0; i--) {
-    items = [...items.slice(0, indices[i]), ...items.slice(indices[i] + 1)];
-  }
-  toIndex = Math.max(0, toIndex - indices.filter((i) => i < toIndex).length);
-  return [...items.slice(0, toIndex), ...itemsToMove, ...items.slice(toIndex)];
-}
-function access(node, indexPath, options) {
-  for (let i = 0; i < indexPath.length; i++) node = options.getChildren(node, indexPath.slice(i + 1))[indexPath[i]];
-  return node;
-}
-function ancestorIndexPaths(indexPaths) {
-  const sortedPaths = sortIndexPaths(indexPaths);
-  const result = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const indexPath of sortedPaths) {
-    const key = indexPath.join();
-    if (!seen.has(key)) {
-      seen.add(key);
-      result.push(indexPath);
-    }
-  }
-  return result;
-}
-function compareIndexPaths(a, b) {
-  for (let i = 0; i < Math.min(a.length, b.length); i++) {
-    if (a[i] < b[i]) return -1;
-    if (a[i] > b[i]) return 1;
-  }
-  return a.length - b.length;
-}
-function sortIndexPaths(indexPaths) {
-  return indexPaths.sort(compareIndexPaths);
-}
-function find(node, options) {
-  let found;
-  visit(node, {
-    ...options,
-    onEnter: (child, indexPath) => {
-      if (options.predicate(child, indexPath)) {
-        found = child;
-        return "stop";
-      }
-    }
-  });
-  return found;
-}
-function findAll(node, options) {
-  const found = [];
-  visit(node, {
-    onEnter: (child, indexPath) => {
-      if (options.predicate(child, indexPath)) found.push(child);
-    },
-    getChildren: options.getChildren
-  });
-  return found;
-}
-function findIndexPath(node, options) {
-  let found;
-  visit(node, {
-    onEnter: (child, indexPath) => {
-      if (options.predicate(child, indexPath)) {
-        found = [...indexPath];
-        return "stop";
-      }
-    },
-    getChildren: options.getChildren
-  });
-  return found;
-}
-function reduce(node, options) {
-  let result = options.initialResult;
-  visit(node, {
-    ...options,
-    onEnter: (child, indexPath) => {
-      result = options.nextResult(result, child, indexPath);
-    }
-  });
-  return result;
-}
-function flatMap(node, options) {
-  return reduce(node, {
-    ...options,
-    initialResult: [],
-    nextResult: (result, child, indexPath) => {
-      result.push(...options.transform(child, indexPath));
-      return result;
-    }
-  });
-}
-function filter(node, options) {
-  const { predicate, create, getChildren } = options;
-  const filterRecursive = (node2, indexPath) => {
-    const children = getChildren(node2, indexPath);
-    const filteredChildren = [];
-    children.forEach((child, index) => {
-      const childIndexPath = [...indexPath, index];
-      const filteredChild = filterRecursive(child, childIndexPath);
-      if (filteredChild) filteredChildren.push(filteredChild);
-    });
-    const isRoot = indexPath.length === 0;
-    const nodeMatches = predicate(node2, indexPath);
-    const hasFilteredChildren = filteredChildren.length > 0;
-    if (isRoot || nodeMatches || hasFilteredChildren) {
-      return create(node2, filteredChildren, indexPath);
-    }
-    return null;
-  };
-  return filterRecursive(node, []) || create(node, [], []);
-}
-function flatten(rootNode, options) {
-  const nodes = [];
-  let idx = 0;
-  const idxMap = /* @__PURE__ */ new Map();
-  const parentMap = /* @__PURE__ */ new Map();
-  visit(rootNode, {
-    getChildren: options.getChildren,
-    onEnter: (node, indexPath) => {
-      if (!idxMap.has(node)) {
-        idxMap.set(node, idx++);
-      }
-      const children = options.getChildren(node, indexPath);
-      children.forEach((child) => {
-        if (!parentMap.has(child)) {
-          parentMap.set(child, node);
-        }
-        if (!idxMap.has(child)) {
-          idxMap.set(child, idx++);
-        }
-      });
-      const _children = children.length > 0 ? children.map((child) => idxMap.get(child)) : void 0;
-      const parent = parentMap.get(node);
-      const _parent = parent ? idxMap.get(parent) : void 0;
-      const _index = idxMap.get(node);
-      nodes.push({ ...node, _children, _parent, _index });
-    }
-  });
-  return nodes;
-}
-function insertOperation(index, nodes) {
-  return { type: "insert", index, nodes };
-}
-function removeOperation(indexes) {
-  return { type: "remove", indexes };
-}
-function replaceOperation() {
-  return { type: "replace" };
-}
-function splitIndexPath(indexPath) {
-  return [indexPath.slice(0, -1), indexPath[indexPath.length - 1]];
-}
-function getInsertionOperations(indexPath, nodes, operations = /* @__PURE__ */ new Map()) {
-  const [parentIndexPath, index] = splitIndexPath(indexPath);
-  for (let i = parentIndexPath.length - 1; i >= 0; i--) {
-    const parentKey = parentIndexPath.slice(0, i).join();
-    switch (operations.get(parentKey)?.type) {
-      case "remove":
-        continue;
-    }
-    operations.set(parentKey, replaceOperation());
-  }
-  const operation = operations.get(parentIndexPath.join());
-  switch (operation?.type) {
-    case "remove":
-      operations.set(parentIndexPath.join(), {
-        type: "removeThenInsert",
-        removeIndexes: operation.indexes,
-        insertIndex: index,
-        insertNodes: nodes
-      });
-      break;
-    default:
-      operations.set(parentIndexPath.join(), insertOperation(index, nodes));
-  }
-  return operations;
-}
-function getRemovalOperations(indexPaths) {
-  const operations = /* @__PURE__ */ new Map();
-  const indexesToRemove = /* @__PURE__ */ new Map();
-  for (const indexPath of indexPaths) {
-    const parentKey = indexPath.slice(0, -1).join();
-    const value = indexesToRemove.get(parentKey) ?? [];
-    value.push(indexPath[indexPath.length - 1]);
-    indexesToRemove.set(
-      parentKey,
-      value.sort((a, b) => a - b)
-    );
-  }
-  for (const indexPath of indexPaths) {
-    for (let i = indexPath.length - 2; i >= 0; i--) {
-      const parentKey = indexPath.slice(0, i).join();
-      if (!operations.has(parentKey)) {
-        operations.set(parentKey, replaceOperation());
-      }
-    }
-  }
-  for (const [parentKey, indexes] of indexesToRemove) {
-    operations.set(parentKey, removeOperation(indexes));
-  }
-  return operations;
-}
-function getReplaceOperations(indexPath, node) {
-  const operations = /* @__PURE__ */ new Map();
-  const [parentIndexPath, index] = splitIndexPath(indexPath);
-  for (let i = parentIndexPath.length - 1; i >= 0; i--) {
-    const parentKey = parentIndexPath.slice(0, i).join();
-    operations.set(parentKey, replaceOperation());
-  }
-  operations.set(parentIndexPath.join(), {
-    type: "removeThenInsert",
-    removeIndexes: [index],
-    insertIndex: index,
-    insertNodes: [node]
-  });
-  return operations;
-}
-function mutate(node, operations, options) {
-  return map(node, {
-    ...options,
-    getChildren: (node2, indexPath) => {
-      const key = indexPath.join();
-      const operation = operations.get(key);
-      switch (operation?.type) {
-        case "replace":
-        case "remove":
-        case "removeThenInsert":
-        case "insert":
-          return options.getChildren(node2, indexPath);
-        default:
-          return [];
-      }
-    },
-    transform: (node2, children, indexPath) => {
-      const key = indexPath.join();
-      const operation = operations.get(key);
-      switch (operation?.type) {
-        case "remove":
-          return options.create(
-            node2,
-            children.filter((_, index) => !operation.indexes.includes(index)),
-            indexPath
-          );
-        case "removeThenInsert":
-          const updatedChildren = children.filter((_, index) => !operation.removeIndexes.includes(index));
-          const adjustedIndex = operation.removeIndexes.reduce(
-            (index, removedIndex) => removedIndex < index ? index - 1 : index,
-            operation.insertIndex
-          );
-          return options.create(node2, splice(updatedChildren, adjustedIndex, 0, ...operation.insertNodes), indexPath);
-        case "insert":
-          return options.create(node2, splice(children, operation.index, 0, ...operation.nodes), indexPath);
-        case "replace":
-          return options.create(node2, children, indexPath);
-        default:
-          return node2;
-      }
-    }
-  });
-}
-function splice(array, start, deleteCount, ...items) {
-  return [...array.slice(0, start), ...items, ...array.slice(start + deleteCount)];
-}
-function map(node, options) {
-  const childrenMap = {};
-  visit(node, {
-    ...options,
-    onLeave: (child, indexPath) => {
-      const keyIndexPath = [0, ...indexPath];
-      const key = keyIndexPath.join();
-      const transformed = options.transform(child, childrenMap[key] ?? [], indexPath);
-      const parentKey = keyIndexPath.slice(0, -1).join();
-      const parentChildren = childrenMap[parentKey] ?? [];
-      parentChildren.push(transformed);
-      childrenMap[parentKey] = parentChildren;
-    }
-  });
-  return childrenMap[""][0];
-}
-function insert2(node, options) {
-  const { nodes, at } = options;
-  if (at.length === 0) throw new Error(`Can't insert nodes at the root`);
-  const state = getInsertionOperations(at, nodes);
-  return mutate(node, state, options);
-}
-function replace(node, options) {
-  if (options.at.length === 0) return options.node;
-  const operations = getReplaceOperations(options.at, options.node);
-  return mutate(node, operations, options);
-}
-function remove(node, options) {
-  if (options.indexPaths.length === 0) return node;
-  for (const indexPath of options.indexPaths) {
-    if (indexPath.length === 0) throw new Error(`Can't remove the root node`);
-  }
-  const operations = getRemovalOperations(options.indexPaths);
-  return mutate(node, operations, options);
-}
-function move2(node, options) {
-  if (options.indexPaths.length === 0) return node;
-  for (const indexPath of options.indexPaths) {
-    if (indexPath.length === 0) throw new Error(`Can't move the root node`);
-  }
-  if (options.to.length === 0) throw new Error(`Can't move nodes to the root`);
-  const _ancestorIndexPaths = ancestorIndexPaths(options.indexPaths);
-  const nodesToInsert = _ancestorIndexPaths.map((indexPath) => access(node, indexPath, options));
-  const operations = getInsertionOperations(options.to, nodesToInsert, getRemovalOperations(_ancestorIndexPaths));
-  return mutate(node, operations, options);
-}
-function visit(node, options) {
-  const { onEnter, onLeave, getChildren } = options;
-  let indexPath = [];
-  let stack = [{ node }];
-  const getIndexPath = options.reuseIndexPath ? () => indexPath : () => indexPath.slice();
-  while (stack.length > 0) {
-    let wrapper = stack[stack.length - 1];
-    if (wrapper.state === void 0) {
-      const enterResult = onEnter?.(wrapper.node, getIndexPath());
-      if (enterResult === "stop") return;
-      wrapper.state = enterResult === "skip" ? -1 : 0;
-    }
-    const children = wrapper.children || getChildren(wrapper.node, getIndexPath());
-    wrapper.children || (wrapper.children = children);
-    if (wrapper.state !== -1) {
-      if (wrapper.state < children.length) {
-        let currentIndex = wrapper.state;
-        indexPath.push(currentIndex);
-        stack.push({ node: children[currentIndex] });
-        wrapper.state = currentIndex + 1;
-        continue;
-      }
-      const leaveResult = onLeave?.(wrapper.node, getIndexPath());
-      if (leaveResult === "stop") return;
-    }
-    indexPath.pop();
-    stack.pop();
-  }
-}
-var TreeCollection = class _TreeCollection {
-  constructor(options) {
-    this.options = options;
-    __publicField(this, "rootNode");
-    __publicField(this, "isEqual", (other) => {
-      return isEqual(this.rootNode, other.rootNode);
-    });
-    __publicField(this, "getNodeChildren", (node) => {
-      return this.options.nodeToChildren?.(node) ?? fallbackMethods.nodeToChildren(node) ?? [];
-    });
-    __publicField(this, "resolveIndexPath", (valueOrIndexPath) => {
-      return typeof valueOrIndexPath === "string" ? this.getIndexPath(valueOrIndexPath) : valueOrIndexPath;
-    });
-    __publicField(this, "resolveNode", (valueOrIndexPath) => {
-      const indexPath = this.resolveIndexPath(valueOrIndexPath);
-      return indexPath ? this.at(indexPath) : void 0;
-    });
-    __publicField(this, "getNodeChildrenCount", (node) => {
-      return this.options.nodeToChildrenCount?.(node) ?? fallbackMethods.nodeToChildrenCount(node);
-    });
-    __publicField(this, "getNodeValue", (node) => {
-      return this.options.nodeToValue?.(node) ?? fallbackMethods.nodeToValue(node);
-    });
-    __publicField(this, "getNodeDisabled", (node) => {
-      return this.options.isNodeDisabled?.(node) ?? fallbackMethods.isNodeDisabled(node);
-    });
-    __publicField(this, "stringify", (value) => {
-      const node = this.findNode(value);
-      if (!node) return null;
-      return this.stringifyNode(node);
-    });
-    __publicField(this, "stringifyNode", (node) => {
-      return this.options.nodeToString?.(node) ?? fallbackMethods.nodeToString(node);
-    });
-    __publicField(this, "getFirstNode", (rootNode = this.rootNode, opts = {}) => {
-      let firstChild;
-      visit(rootNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (this.isSameNode(node, rootNode)) return;
-          if (opts.skip?.({ value: this.getNodeValue(node), node, indexPath })) return "skip";
-          if (!firstChild && indexPath.length > 0 && !this.getNodeDisabled(node)) {
-            firstChild = node;
-            return "stop";
-          }
-        }
-      });
-      return firstChild;
-    });
-    __publicField(this, "getLastNode", (rootNode = this.rootNode, opts = {}) => {
-      let lastChild;
-      visit(rootNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (this.isSameNode(node, rootNode)) return;
-          if (opts.skip?.({ value: this.getNodeValue(node), node, indexPath })) return "skip";
-          if (indexPath.length > 0 && !this.getNodeDisabled(node)) {
-            lastChild = node;
-          }
-        }
-      });
-      return lastChild;
-    });
-    __publicField(this, "at", (indexPath) => {
-      return access(this.rootNode, indexPath, {
-        getChildren: this.getNodeChildren
-      });
-    });
-    __publicField(this, "findNode", (value, rootNode = this.rootNode) => {
-      return find(rootNode, {
-        getChildren: this.getNodeChildren,
-        predicate: (node) => this.getNodeValue(node) === value
-      });
-    });
-    __publicField(this, "findNodes", (values, rootNode = this.rootNode) => {
-      const v = new Set(values.filter((v2) => v2 != null));
-      return findAll(rootNode, {
-        getChildren: this.getNodeChildren,
-        predicate: (node) => v.has(this.getNodeValue(node))
-      });
-    });
-    __publicField(this, "sort", (values) => {
-      return values.reduce((acc, value) => {
-        const indexPath = this.getIndexPath(value);
-        if (indexPath) acc.push({ value, indexPath });
-        return acc;
-      }, []).sort((a, b) => compareIndexPaths(a.indexPath, b.indexPath)).map(({ value }) => value);
-    });
-    __publicField(this, "getIndexPath", (value) => {
-      return findIndexPath(this.rootNode, {
-        getChildren: this.getNodeChildren,
-        predicate: (node) => this.getNodeValue(node) === value
-      });
-    });
-    __publicField(this, "getValue", (indexPath) => {
-      const node = this.at(indexPath);
-      return node ? this.getNodeValue(node) : void 0;
-    });
-    __publicField(this, "getValuePath", (indexPath) => {
-      if (!indexPath) return [];
-      const valuePath = [];
-      let currentPath = [...indexPath];
-      while (currentPath.length > 0) {
-        const node = this.at(currentPath);
-        if (node) valuePath.unshift(this.getNodeValue(node));
-        currentPath.pop();
-      }
-      return valuePath;
-    });
-    __publicField(this, "getDepth", (value) => {
-      const indexPath = findIndexPath(this.rootNode, {
-        getChildren: this.getNodeChildren,
-        predicate: (node) => this.getNodeValue(node) === value
-      });
-      return indexPath?.length ?? 0;
-    });
-    __publicField(this, "isSameNode", (node, other) => {
-      return this.getNodeValue(node) === this.getNodeValue(other);
-    });
-    __publicField(this, "isRootNode", (node) => {
-      return this.isSameNode(node, this.rootNode);
-    });
-    __publicField(this, "contains", (parentIndexPath, valueIndexPath) => {
-      if (!parentIndexPath || !valueIndexPath) return false;
-      return valueIndexPath.slice(0, parentIndexPath.length).every((_, i) => parentIndexPath[i] === valueIndexPath[i]);
-    });
-    __publicField(this, "getNextNode", (value, opts = {}) => {
-      let found = false;
-      let nextNode;
-      visit(this.rootNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (this.isRootNode(node)) return;
-          const nodeValue = this.getNodeValue(node);
-          if (opts.skip?.({ value: nodeValue, node, indexPath })) {
-            if (nodeValue === value) {
-              found = true;
-            }
-            return "skip";
-          }
-          if (found && !this.getNodeDisabled(node)) {
-            nextNode = node;
-            return "stop";
-          }
-          if (nodeValue === value) {
-            found = true;
-          }
-        }
-      });
-      return nextNode;
-    });
-    __publicField(this, "getPreviousNode", (value, opts = {}) => {
-      let previousNode;
-      let found = false;
-      visit(this.rootNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (this.isRootNode(node)) return;
-          const nodeValue = this.getNodeValue(node);
-          if (opts.skip?.({ value: nodeValue, node, indexPath })) {
-            return "skip";
-          }
-          if (nodeValue === value) {
-            found = true;
-            return "stop";
-          }
-          if (!this.getNodeDisabled(node)) {
-            previousNode = node;
-          }
-        }
-      });
-      return found ? previousNode : void 0;
-    });
-    __publicField(this, "getParentNodes", (valueOrIndexPath) => {
-      const indexPath = this.resolveIndexPath(valueOrIndexPath)?.slice();
-      if (!indexPath) return [];
-      const result = [];
-      while (indexPath.length > 0) {
-        indexPath.pop();
-        const parentNode = this.at(indexPath);
-        if (parentNode && !this.isRootNode(parentNode)) {
-          result.unshift(parentNode);
-        }
-      }
-      return result;
-    });
-    __publicField(this, "getDescendantNodes", (valueOrIndexPath, options2) => {
-      const parentNode = this.resolveNode(valueOrIndexPath);
-      if (!parentNode) return [];
-      const result = [];
-      visit(parentNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, nodeIndexPath) => {
-          if (nodeIndexPath.length === 0) return;
-          if (!options2?.withBranch && this.isBranchNode(node)) return;
-          result.push(node);
-        }
-      });
-      return result;
-    });
-    __publicField(this, "getDescendantValues", (valueOrIndexPath, options2) => {
-      const children = this.getDescendantNodes(valueOrIndexPath, options2);
-      return children.map((child) => this.getNodeValue(child));
-    });
-    __publicField(this, "getParentIndexPath", (indexPath) => {
-      return indexPath.slice(0, -1);
-    });
-    __publicField(this, "getParentNode", (valueOrIndexPath) => {
-      const indexPath = this.resolveIndexPath(valueOrIndexPath);
-      return indexPath ? this.at(this.getParentIndexPath(indexPath)) : void 0;
-    });
-    __publicField(this, "visit", (opts) => {
-      const { skip, ...rest } = opts;
-      visit(this.rootNode, {
-        ...rest,
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (this.isRootNode(node)) return;
-          if (skip?.({ value: this.getNodeValue(node), node, indexPath })) return "skip";
-          return rest.onEnter?.(node, indexPath);
-        }
-      });
-    });
-    __publicField(this, "getPreviousSibling", (indexPath) => {
-      const parentNode = this.getParentNode(indexPath);
-      if (!parentNode) return;
-      const siblings = this.getNodeChildren(parentNode);
-      let idx = indexPath[indexPath.length - 1];
-      while (--idx >= 0) {
-        const sibling = siblings[idx];
-        if (!this.getNodeDisabled(sibling)) return sibling;
-      }
-      return;
-    });
-    __publicField(this, "getNextSibling", (indexPath) => {
-      const parentNode = this.getParentNode(indexPath);
-      if (!parentNode) return;
-      const siblings = this.getNodeChildren(parentNode);
-      let idx = indexPath[indexPath.length - 1];
-      while (++idx < siblings.length) {
-        const sibling = siblings[idx];
-        if (!this.getNodeDisabled(sibling)) return sibling;
-      }
-      return;
-    });
-    __publicField(this, "getSiblingNodes", (indexPath) => {
-      const parentNode = this.getParentNode(indexPath);
-      return parentNode ? this.getNodeChildren(parentNode) : [];
-    });
-    __publicField(this, "getValues", (rootNode = this.rootNode) => {
-      const values = flatMap(rootNode, {
-        getChildren: this.getNodeChildren,
-        transform: (node) => [this.getNodeValue(node)]
-      });
-      return values.slice(1);
-    });
-    __publicField(this, "isValidDepth", (indexPath, depth) => {
-      if (depth == null) return true;
-      if (typeof depth === "function") return depth(indexPath.length);
-      return indexPath.length === depth;
-    });
-    __publicField(this, "isBranchNode", (node) => {
-      return this.getNodeChildren(node).length > 0 || this.getNodeChildrenCount(node) != null;
-    });
-    __publicField(this, "getBranchValues", (rootNode = this.rootNode, opts = {}) => {
-      let values = [];
-      visit(rootNode, {
-        getChildren: this.getNodeChildren,
-        onEnter: (node, indexPath) => {
-          if (indexPath.length === 0) return;
-          const nodeValue = this.getNodeValue(node);
-          if (opts.skip?.({ value: nodeValue, node, indexPath })) return "skip";
-          if (this.isBranchNode(node) && this.isValidDepth(indexPath, opts.depth)) {
-            values.push(this.getNodeValue(node));
-          }
-        }
-      });
-      return values;
-    });
-    __publicField(this, "flatten", (rootNode = this.rootNode) => {
-      return flatten(rootNode, { getChildren: this.getNodeChildren });
-    });
-    __publicField(this, "_create", (node, children) => {
-      if (this.getNodeChildren(node).length > 0 || children.length > 0) {
-        return { ...node, children };
-      }
-      return { ...node };
-    });
-    __publicField(this, "_insert", (rootNode, indexPath, nodes) => {
-      return this.copy(
-        insert2(rootNode, { at: indexPath, nodes, getChildren: this.getNodeChildren, create: this._create })
-      );
-    });
-    __publicField(this, "copy", (rootNode) => {
-      return new _TreeCollection({ ...this.options, rootNode });
-    });
-    __publicField(this, "_replace", (rootNode, indexPath, node) => {
-      return this.copy(
-        replace(rootNode, { at: indexPath, node, getChildren: this.getNodeChildren, create: this._create })
-      );
-    });
-    __publicField(this, "_move", (rootNode, indexPaths, to) => {
-      return this.copy(move2(rootNode, { indexPaths, to, getChildren: this.getNodeChildren, create: this._create }));
-    });
-    __publicField(this, "_remove", (rootNode, indexPaths) => {
-      return this.copy(remove(rootNode, { indexPaths, getChildren: this.getNodeChildren, create: this._create }));
-    });
-    __publicField(this, "replace", (indexPath, node) => {
-      return this._replace(this.rootNode, indexPath, node);
-    });
-    __publicField(this, "remove", (indexPaths) => {
-      return this._remove(this.rootNode, indexPaths);
-    });
-    __publicField(this, "insertBefore", (indexPath, nodes) => {
-      const parentNode = this.getParentNode(indexPath);
-      return parentNode ? this._insert(this.rootNode, indexPath, nodes) : void 0;
-    });
-    __publicField(this, "insertAfter", (indexPath, nodes) => {
-      const parentNode = this.getParentNode(indexPath);
-      if (!parentNode) return;
-      const nextIndex2 = [...indexPath.slice(0, -1), indexPath[indexPath.length - 1] + 1];
-      return this._insert(this.rootNode, nextIndex2, nodes);
-    });
-    __publicField(this, "move", (fromIndexPaths, toIndexPath) => {
-      return this._move(this.rootNode, fromIndexPaths, toIndexPath);
-    });
-    __publicField(this, "filter", (predicate) => {
-      const filteredRoot = filter(this.rootNode, {
-        predicate,
-        getChildren: this.getNodeChildren,
-        create: this._create
-      });
-      return this.copy(filteredRoot);
-    });
-    __publicField(this, "toJSON", () => {
-      return this.getValues(this.rootNode);
-    });
-    this.rootNode = options.rootNode;
-  }
-};
-var fallbackMethods = {
-  nodeToValue(node) {
-    if (typeof node === "string") return node;
-    if (isObject(node) && hasProp(node, "value")) return node.value;
-    return "";
-  },
-  nodeToString(node) {
-    if (typeof node === "string") return node;
-    if (isObject(node) && hasProp(node, "label")) return node.label;
-    return fallbackMethods.nodeToValue(node);
-  },
-  isNodeDisabled(node) {
-    if (isObject(node) && hasProp(node, "disabled")) return !!node.disabled;
-    return false;
-  },
-  nodeToChildren(node) {
-    return node.children;
-  },
-  nodeToChildrenCount(node) {
-    if (isObject(node) && hasProp(node, "childrenCount")) return node.childrenCount;
-  }
-};
-
-export {
-  ListCollection,
-  TreeCollection
-};
diff --git a/priv/static/chunk-GYNMIQP2.mjs b/priv/static/chunk-RR7TJIQ5.mjs
similarity index 54%
rename from priv/static/chunk-GYNMIQP2.mjs
rename to priv/static/chunk-RR7TJIQ5.mjs
index 1778365..9cafe34 100644
--- a/priv/static/chunk-GYNMIQP2.mjs
+++ b/priv/static/chunk-RR7TJIQ5.mjs
@@ -1,241 +1,19 @@
+import {
+  trackInteractOutside
+} from "./chunk-ER3INIAI.mjs";
 import {
   addDomEvent,
-  callAll,
   contains,
   getDocument,
   getEventTarget,
-  getNearestOverflowAncestor,
-  getWindow,
-  isContextMenuEvent,
-  isControlledElement,
-  isFocusable,
   isFunction,
   isHTMLElement,
-  isShadowRoot,
-  isTouchDevice,
   nextTick,
   raf,
   setStyle,
   waitForElement,
   warn
-} from "./chunk-ZTKS6RKJ.mjs";
-
-// ../node_modules/.pnpm/@zag-js+interact-outside@1.33.1/node_modules/@zag-js/interact-outside/dist/index.mjs
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame) cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch {
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch {
-        }
-      });
-    }
-  };
-  return frames;
-}
-function getParentWindow(win) {
-  const parent = win.frameElement != null ? win.parent : null;
-  return {
-    addEventListener: (event, listener, options) => {
-      try {
-        parent?.addEventListener(event, listener, options);
-      } catch {
-      }
-      return () => {
-        try {
-          parent?.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener: (event, listener, options) => {
-      try {
-        parent?.removeEventListener(event, listener, options);
-      } catch {
-      }
-    }
-  };
-}
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
-function isComposedPathFocusable(composedPath) {
-  for (const node of composedPath) {
-    if (isHTMLElement(node) && isFocusable(node)) return true;
-  }
-  return false;
-}
-var isPointerEvent = (event) => "clientY" in event;
-function isEventPointWithin(node, event) {
-  if (!isPointerEvent(event) || !node) return false;
-  const rect = node.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0) return false;
-  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-}
-function isPointInRect(rect, point) {
-  return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
-}
-function isEventWithinScrollbar(event, ancestor) {
-  if (!ancestor || !isPointerEvent(event)) return false;
-  const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
-  const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
-  const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
-  const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
-  const rect = {
-    x: ancestor.offsetLeft,
-    y: ancestor.offsetTop,
-    width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
-    height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
-  };
-  const point = {
-    x: event.clientX,
-    y: event.clientY
-  };
-  if (!isPointInRect(rect, point)) return false;
-  return onScrollbarY || onScrollbarX;
-}
-function trackInteractOutsideImpl(node, options) {
-  const {
-    exclude,
-    onFocusOutside,
-    onPointerDownOutside,
-    onInteractOutside,
-    defer,
-    followControlledElements = true
-  } = options;
-  if (!node) return;
-  const doc = getDocument(node);
-  const win = getWindow(node);
-  const frames = getWindowFrames(win);
-  const parentWin = getParentWindow(win);
-  function isEventOutside(event, target) {
-    if (!isHTMLElement(target)) return false;
-    if (!target.isConnected) return false;
-    if (contains(node, target)) return false;
-    if (isEventPointWithin(node, event)) return false;
-    if (followControlledElements && isControlledElement(node, target)) return false;
-    const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
-    if (triggerEl) {
-      const triggerAncestor = getNearestOverflowAncestor(triggerEl);
-      if (isEventWithinScrollbar(event, triggerAncestor)) return false;
-    }
-    const nodeAncestor = getNearestOverflowAncestor(node);
-    if (isEventWithinScrollbar(event, nodeAncestor)) return false;
-    return !exclude?.(target);
-  }
-  const pointerdownCleanups = /* @__PURE__ */ new Set();
-  const isInShadowRoot = isShadowRoot(node?.getRootNode());
-  function onPointerDown(event) {
-    function handler(clickEvent) {
-      const func = defer && !isTouchDevice() ? raf : (v) => v();
-      const evt = clickEvent ?? event;
-      const composedPath = evt?.composedPath?.() ?? [evt?.target];
-      func(() => {
-        const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-        if (!node || !isEventOutside(event, target)) return;
-        if (onPointerDownOutside || onInteractOutside) {
-          const handler2 = callAll(onPointerDownOutside, onInteractOutside);
-          node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
-        }
-        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
-          bubbles: false,
-          cancelable: true,
-          detail: {
-            originalEvent: evt,
-            contextmenu: isContextMenuEvent(evt),
-            focusable: isComposedPathFocusable(composedPath),
-            target
-          }
-        });
-      });
-    }
-    if (event.pointerType === "touch") {
-      pointerdownCleanups.forEach((fn) => fn());
-      pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
-      pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
-      pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
-    } else {
-      handler();
-    }
-  }
-  const cleanups = /* @__PURE__ */ new Set();
-  const timer = setTimeout(() => {
-    cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
-    cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-  }, 0);
-  function onFocusin(event) {
-    const func = defer ? raf : (v) => v();
-    func(() => {
-      const composedPath = event?.composedPath?.() ?? [event?.target];
-      const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-      if (!node || !isEventOutside(event, target)) return;
-      if (onFocusOutside || onInteractOutside) {
-        const handler = callAll(onFocusOutside, onInteractOutside);
-        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
-      }
-      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
-        bubbles: false,
-        cancelable: true,
-        detail: {
-          originalEvent: event,
-          contextmenu: false,
-          focusable: isFocusable(target),
-          target
-        }
-      });
-    });
-  }
-  if (!isTouchDevice()) {
-    cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
-    cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
-    cleanups.add(frames.addEventListener("focusin", onFocusin, true));
-  }
-  return () => {
-    clearTimeout(timer);
-    pointerdownCleanups.forEach((fn) => fn());
-    cleanups.forEach((fn) => fn());
-  };
-}
-function trackInteractOutside(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackInteractOutsideImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function fireCustomEvent(el, type, init) {
-  const win = el.ownerDocument.defaultView || window;
-  const event = new win.CustomEvent(type, init);
-  return el.dispatchEvent(event);
-}
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+dismissable@1.33.1/node_modules/@zag-js/dismissable/dist/index.mjs
 function trackEscapeKeydown(node, fn) {
@@ -352,7 +130,7 @@ var layerStack = {
         layer?.dismiss();
       }
     });
-    fireCustomEvent2(node, LAYER_REQUEST_DISMISS_EVENT, {
+    fireCustomEvent(node, LAYER_REQUEST_DISMISS_EVENT, {
       originalLayer: node,
       targetLayer: parent,
       originalIndex: index,
@@ -364,7 +142,7 @@ var layerStack = {
     this.remove(this.layers[0].node);
   }
 };
-function fireCustomEvent2(el, type, detail) {
+function fireCustomEvent(el, type, detail) {
   const win = el.ownerDocument.defaultView || window;
   const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
   return el.dispatchEvent(event);
diff --git a/priv/static/chunk-T4BCXOJK.mjs b/priv/static/chunk-T4BCXOJK.mjs
deleted file mode 100644
index 634578d..0000000
--- a/priv/static/chunk-T4BCXOJK.mjs
+++ /dev/null
@@ -1,1953 +0,0 @@
-import {
-  compact,
-  getComputedStyle as getComputedStyle2,
-  getWindow,
-  isHTMLElement,
-  isNull,
-  noop,
-  raf
-} from "./chunk-ZTKS6RKJ.mjs";
-
-// ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var sides = ["top", "right", "bottom", "left"];
-var min = Math.min;
-var max = Math.max;
-var round = Math.round;
-var floor = Math.floor;
-var createCoords = (v) => ({
-  x: v,
-  y: v
-});
-var oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-var oppositeAlignmentMap = {
-  start: "end",
-  end: "start"
-};
-function clamp(start, value, end) {
-  return max(start, min(value, end));
-}
-function evaluate(value, param) {
-  return typeof value === "function" ? value(param) : value;
-}
-function getSide(placement) {
-  return placement.split("-")[0];
-}
-function getAlignment(placement) {
-  return placement.split("-")[1];
-}
-function getOppositeAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-function getAxisLength(axis) {
-  return axis === "y" ? "height" : "width";
-}
-var yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
-function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? "y" : "x";
-}
-function getAlignmentAxis(placement) {
-  return getOppositeAxis(getSideAxis(placement));
-}
-function getAlignmentSides(placement, rects, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const alignment = getAlignment(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const length = getAxisLength(alignmentAxis);
-  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  if (rects.reference[length] > rects.floating[length]) {
-    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-  }
-  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-}
-function getExpandedPlacements(placement) {
-  const oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-}
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-}
-var lrPlacement = ["left", "right"];
-var rlPlacement = ["right", "left"];
-var tbPlacement = ["top", "bottom"];
-var btPlacement = ["bottom", "top"];
-function getSideList(side, isStart, rtl) {
-  switch (side) {
-    case "top":
-    case "bottom":
-      if (rtl) return isStart ? rlPlacement : lrPlacement;
-      return isStart ? lrPlacement : rlPlacement;
-    case "left":
-    case "right":
-      return isStart ? tbPlacement : btPlacement;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  const alignment = getAlignment(placement);
-  let list = getSideList(getSide(placement), direction === "start", rtl);
-  if (alignment) {
-    list = list.map((side) => side + "-" + alignment);
-    if (flipAlignment) {
-      list = list.concat(list.map(getOppositeAlignmentPlacement));
-    }
-  }
-  return list;
-}
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-}
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getPaddingObject(padding) {
-  return typeof padding !== "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  const {
-    x,
-    y,
-    width,
-    height
-  } = rect;
-  return {
-    width,
-    height,
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y
-  };
-}
-
-// ../node_modules/.pnpm/@floating-ui+core@1.7.4/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-  let {
-    reference,
-    floating
-  } = _ref;
-  const sideAxis = getSideAxis(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const alignLength = getAxisLength(alignmentAxis);
-  const side = getSide(placement);
-  const isVertical = sideAxis === "y";
-  const commonX = reference.x + reference.width / 2 - floating.width / 2;
-  const commonY = reference.y + reference.height / 2 - floating.height / 2;
-  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-  let coords;
-  switch (side) {
-    case "top":
-      coords = {
-        x: commonX,
-        y: reference.y - floating.height
-      };
-      break;
-    case "bottom":
-      coords = {
-        x: commonX,
-        y: reference.y + reference.height
-      };
-      break;
-    case "right":
-      coords = {
-        x: reference.x + reference.width,
-        y: commonY
-      };
-      break;
-    case "left":
-      coords = {
-        x: reference.x - floating.width,
-        y: commonY
-      };
-      break;
-    default:
-      coords = {
-        x: reference.x,
-        y: reference.y
-      };
-  }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-  }
-  return coords;
-}
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform: platform2,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = "clippingAncestors",
-    rootBoundary = "viewport",
-    elementContext = "floating",
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === "floating" ? "reference" : "floating";
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
-    element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === "floating" ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
-  const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-var computePosition = async (reference, floating, config) => {
-  const {
-    placement = "bottom",
-    strategy = "absolute",
-    middleware = [],
-    platform: platform2
-  } = config;
-  const validMiddleware = middleware.filter(Boolean);
-  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
-  let rects = await platform2.getElementRects({
-    reference,
-    floating,
-    strategy
-  });
-  let {
-    x,
-    y
-  } = computeCoordsFromPlacement(rects, placement, rtl);
-  let statefulPlacement = placement;
-  let middlewareData = {};
-  let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
-    var _platform$detectOverf;
-    const {
-      name,
-      fn
-    } = validMiddleware[i];
-    const {
-      x: nextX,
-      y: nextY,
-      data,
-      reset
-    } = await fn({
-      x,
-      y,
-      initialPlacement: placement,
-      placement: statefulPlacement,
-      strategy,
-      middlewareData,
-      rects,
-      platform: {
-        ...platform2,
-        detectOverflow: (_platform$detectOverf = platform2.detectOverflow) != null ? _platform$detectOverf : detectOverflow
-      },
-      elements: {
-        reference,
-        floating
-      }
-    });
-    x = nextX != null ? nextX : x;
-    y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
-    };
-    if (reset && resetCount <= 50) {
-      resetCount++;
-      if (typeof reset === "object") {
-        if (reset.placement) {
-          statefulPlacement = reset.placement;
-        }
-        if (reset.rects) {
-          rects = reset.rects === true ? await platform2.getElementRects({
-            reference,
-            floating,
-            strategy
-          }) : reset.rects;
-        }
-        ({
-          x,
-          y
-        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-      }
-      i = -1;
-    }
-  }
-  return {
-    x,
-    y,
-    placement: statefulPlacement,
-    strategy,
-    middlewareData
-  };
-};
-var arrow = (options) => ({
-  name: "arrow",
-  options,
-  async fn(state) {
-    const {
-      x,
-      y,
-      placement,
-      rects,
-      platform: platform2,
-      elements,
-      middlewareData
-    } = state;
-    const {
-      element,
-      padding = 0
-    } = evaluate(options, state) || {};
-    if (element == null) {
-      return {};
-    }
-    const paddingObject = getPaddingObject(padding);
-    const coords = {
-      x,
-      y
-    };
-    const axis = getAlignmentAxis(placement);
-    const length = getAxisLength(axis);
-    const arrowDimensions = await platform2.getDimensions(element);
-    const isYAxis = axis === "y";
-    const minProp = isYAxis ? "top" : "left";
-    const maxProp = isYAxis ? "bottom" : "right";
-    const clientProp = isYAxis ? "clientHeight" : "clientWidth";
-    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
-    const startDiff = coords[axis] - rects.reference[axis];
-    const arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
-    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-    if (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) {
-      clientSize = elements.floating[clientProp] || rects.floating[length];
-    }
-    const centerToReference = endDiff / 2 - startDiff / 2;
-    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
-    const minPadding = min(paddingObject[minProp], largestPossiblePadding);
-    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
-    const min$1 = minPadding;
-    const max2 = clientSize - arrowDimensions[length] - maxPadding;
-    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset3 = clamp(min$1, center, max2);
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
-    return {
-      [axis]: coords[axis] + alignmentOffset,
-      data: {
-        [axis]: offset3,
-        centerOffset: center - offset3 - alignmentOffset,
-        ...shouldAddOffset && {
-          alignmentOffset
-        }
-      },
-      reset: shouldAddOffset
-    };
-  }
-});
-var flip = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "flip",
-    options,
-    async fn(state) {
-      var _middlewareData$arrow, _middlewareData$flip;
-      const {
-        placement,
-        middlewareData,
-        rects,
-        initialPlacement,
-        platform: platform2,
-        elements
-      } = state;
-      const {
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = true,
-        fallbackPlacements: specifiedFallbackPlacements,
-        fallbackStrategy = "bestFit",
-        fallbackAxisSideDirection = "none",
-        flipAlignment = true,
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
-      const side = getSide(placement);
-      const initialSideAxis = getSideAxis(initialPlacement);
-      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-      const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
-      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
-        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-      }
-      const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
-      const overflows = [];
-      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-      if (checkMainAxis) {
-        overflows.push(overflow[side]);
-      }
-      if (checkCrossAxis) {
-        const sides2 = getAlignmentSides(placement, rects, rtl);
-        overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
-      }
-      overflowsData = [...overflowsData, {
-        placement,
-        overflows
-      }];
-      if (!overflows.every((side2) => side2 <= 0)) {
-        var _middlewareData$flip2, _overflowsData$filter;
-        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-        const nextPlacement = placements2[nextIndex];
-        if (nextPlacement) {
-          const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
-          // overflows the main axis.
-          overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
-            return {
-              data: {
-                index: nextIndex,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          }
-        }
-        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
-        if (!resetPlacement) {
-          switch (fallbackStrategy) {
-            case "bestFit": {
-              var _overflowsData$filter2;
-              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
-                if (hasFallbackAxisSideDirection) {
-                  const currentSideAxis = getSideAxis(d.placement);
-                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  currentSideAxis === "y";
-                }
-                return true;
-              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
-              if (placement2) {
-                resetPlacement = placement2;
-              }
-              break;
-            }
-            case "initialPlacement":
-              resetPlacement = initialPlacement;
-              break;
-          }
-        }
-        if (placement !== resetPlacement) {
-          return {
-            reset: {
-              placement: resetPlacement
-            }
-          };
-        }
-      }
-      return {};
-    }
-  };
-};
-function getSideOffsets(overflow, rect) {
-  return {
-    top: overflow.top - rect.height,
-    right: overflow.right - rect.width,
-    bottom: overflow.bottom - rect.height,
-    left: overflow.left - rect.width
-  };
-}
-function isAnySideFullyClipped(overflow) {
-  return sides.some((side) => overflow[side] >= 0);
-}
-var hide = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "hide",
-    options,
-    async fn(state) {
-      const {
-        rects,
-        platform: platform2
-      } = state;
-      const {
-        strategy = "referenceHidden",
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      switch (strategy) {
-        case "referenceHidden": {
-          const overflow = await platform2.detectOverflow(state, {
-            ...detectOverflowOptions,
-            elementContext: "reference"
-          });
-          const offsets = getSideOffsets(overflow, rects.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: offsets,
-              referenceHidden: isAnySideFullyClipped(offsets)
-            }
-          };
-        }
-        case "escaped": {
-          const overflow = await platform2.detectOverflow(state, {
-            ...detectOverflowOptions,
-            altBoundary: true
-          });
-          const offsets = getSideOffsets(overflow, rects.floating);
-          return {
-            data: {
-              escapedOffsets: offsets,
-              escaped: isAnySideFullyClipped(offsets)
-            }
-          };
-        }
-        default: {
-          return {};
-        }
-      }
-    }
-  };
-};
-var originSides = /* @__PURE__ */ new Set(["left", "top"]);
-async function convertValueToCoords(state, options) {
-  const {
-    placement,
-    platform: platform2,
-    elements
-  } = state;
-  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
-  const side = getSide(placement);
-  const alignment = getAlignment(placement);
-  const isVertical = getSideAxis(placement) === "y";
-  const mainAxisMulti = originSides.has(side) ? -1 : 1;
-  const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state);
-  let {
-    mainAxis,
-    crossAxis,
-    alignmentAxis
-  } = typeof rawValue === "number" ? {
-    mainAxis: rawValue,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
-  };
-  if (alignment && typeof alignmentAxis === "number") {
-    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-  }
-  return isVertical ? {
-    x: crossAxis * crossAxisMulti,
-    y: mainAxis * mainAxisMulti
-  } : {
-    x: mainAxis * mainAxisMulti,
-    y: crossAxis * crossAxisMulti
-  };
-}
-var offset = function(options) {
-  if (options === void 0) {
-    options = 0;
-  }
-  return {
-    name: "offset",
-    options,
-    async fn(state) {
-      var _middlewareData$offse, _middlewareData$arrow;
-      const {
-        x,
-        y,
-        placement,
-        middlewareData
-      } = state;
-      const diffCoords = await convertValueToCoords(state, options);
-      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
-      return {
-        x: x + diffCoords.x,
-        y: y + diffCoords.y,
-        data: {
-          ...diffCoords,
-          placement
-        }
-      };
-    }
-  };
-};
-var shift = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "shift",
-    options,
-    async fn(state) {
-      const {
-        x,
-        y,
-        placement,
-        platform: platform2
-      } = state;
-      const {
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = false,
-        limiter = {
-          fn: (_ref) => {
-            let {
-              x: x2,
-              y: y2
-            } = _ref;
-            return {
-              x: x2,
-              y: y2
-            };
-          }
-        },
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      const coords = {
-        x,
-        y
-      };
-      const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
-      const crossAxis = getSideAxis(getSide(placement));
-      const mainAxis = getOppositeAxis(crossAxis);
-      let mainAxisCoord = coords[mainAxis];
-      let crossAxisCoord = coords[crossAxis];
-      if (checkMainAxis) {
-        const minSide = mainAxis === "y" ? "top" : "left";
-        const maxSide = mainAxis === "y" ? "bottom" : "right";
-        const min2 = mainAxisCoord + overflow[minSide];
-        const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
-      }
-      if (checkCrossAxis) {
-        const minSide = crossAxis === "y" ? "top" : "left";
-        const maxSide = crossAxis === "y" ? "bottom" : "right";
-        const min2 = crossAxisCoord + overflow[minSide];
-        const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
-      }
-      const limitedCoords = limiter.fn({
-        ...state,
-        [mainAxis]: mainAxisCoord,
-        [crossAxis]: crossAxisCoord
-      });
-      return {
-        ...limitedCoords,
-        data: {
-          x: limitedCoords.x - x,
-          y: limitedCoords.y - y,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
-        }
-      };
-    }
-  };
-};
-var limitShift = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    options,
-    fn(state) {
-      const {
-        x,
-        y,
-        placement,
-        rects,
-        middlewareData
-      } = state;
-      const {
-        offset: offset3 = 0,
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = true
-      } = evaluate(options, state);
-      const coords = {
-        x,
-        y
-      };
-      const crossAxis = getSideAxis(placement);
-      const mainAxis = getOppositeAxis(crossAxis);
-      let mainAxisCoord = coords[mainAxis];
-      let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset3, state);
-      const computedOffset = typeof rawOffset === "number" ? {
-        mainAxis: rawOffset,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...rawOffset
-      };
-      if (checkMainAxis) {
-        const len = mainAxis === "y" ? "height" : "width";
-        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
-        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
-        if (mainAxisCoord < limitMin) {
-          mainAxisCoord = limitMin;
-        } else if (mainAxisCoord > limitMax) {
-          mainAxisCoord = limitMax;
-        }
-      }
-      if (checkCrossAxis) {
-        var _middlewareData$offse, _middlewareData$offse2;
-        const len = mainAxis === "y" ? "width" : "height";
-        const isOriginSide = originSides.has(getSide(placement));
-        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
-        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
-        if (crossAxisCoord < limitMin) {
-          crossAxisCoord = limitMin;
-        } else if (crossAxisCoord > limitMax) {
-          crossAxisCoord = limitMax;
-        }
-      }
-      return {
-        [mainAxis]: mainAxisCoord,
-        [crossAxis]: crossAxisCoord
-      };
-    }
-  };
-};
-var size = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "size",
-    options,
-    async fn(state) {
-      var _state$middlewareData, _state$middlewareData2;
-      const {
-        placement,
-        rects,
-        platform: platform2,
-        elements
-      } = state;
-      const {
-        apply = () => {
-        },
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
-      const side = getSide(placement);
-      const alignment = getAlignment(placement);
-      const isYAxis = getSideAxis(placement) === "y";
-      const {
-        width,
-        height
-      } = rects.floating;
-      let heightSide;
-      let widthSide;
-      if (side === "top" || side === "bottom") {
-        heightSide = side;
-        widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
-      } else {
-        widthSide = side;
-        heightSide = alignment === "end" ? "top" : "bottom";
-      }
-      const maximumClippingHeight = height - overflow.top - overflow.bottom;
-      const maximumClippingWidth = width - overflow.left - overflow.right;
-      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
-      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state.middlewareData.shift;
-      let availableHeight = overflowAvailableHeight;
-      let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
-        availableWidth = maximumClippingWidth;
-      }
-      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
-        availableHeight = maximumClippingHeight;
-      }
-      if (noShift && !alignment) {
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
-        if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
-        } else {
-          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
-        }
-      }
-      await apply({
-        ...state,
-        availableWidth,
-        availableHeight
-      });
-      const nextDimensions = await platform2.getDimensions(elements.floating);
-      if (width !== nextDimensions.width || height !== nextDimensions.height) {
-        return {
-          reset: {
-            rects: true
-          }
-        };
-      }
-      return {};
-    }
-  };
-};
-
-// ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function hasWindow() {
-  return typeof window !== "undefined";
-}
-function getNodeName(node) {
-  if (isNode(node)) {
-    return (node.nodeName || "").toLowerCase();
-  }
-  return "#document";
-}
-function getWindow2(node) {
-  var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-  var _ref;
-  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Node || value instanceof getWindow2(value).Node;
-}
-function isElement(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Element || value instanceof getWindow2(value).Element;
-}
-function isHTMLElement2(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof HTMLElement || value instanceof getWindow2(value).HTMLElement;
-}
-function isShadowRoot(value) {
-  if (!hasWindow() || typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  return value instanceof ShadowRoot || value instanceof getWindow2(value).ShadowRoot;
-}
-var invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
-function isOverflowElement(element) {
-  const {
-    overflow,
-    overflowX,
-    overflowY,
-    display
-  } = getComputedStyle3(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
-}
-var tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function isTableElement(element) {
-  return tableElements.has(getNodeName(element));
-}
-var topLayerSelectors = [":popover-open", ":modal"];
-function isTopLayer(element) {
-  return topLayerSelectors.some((selector) => {
-    try {
-      return element.matches(selector);
-    } catch (_e) {
-      return false;
-    }
-  });
-}
-var transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
-var willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
-var containValues = ["paint", "layout", "strict", "content"];
-function isContainingBlock(elementOrCss) {
-  const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle3(elementOrCss) : elementOrCss;
-  return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement2(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else if (isTopLayer(currentNode)) {
-      return null;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  return null;
-}
-function isWebKit() {
-  if (typeof CSS === "undefined" || !CSS.supports) return false;
-  return CSS.supports("-webkit-backdrop-filter", "none");
-}
-var lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function isLastTraversableNode(node) {
-  return lastTraversableNodeNames.has(getNodeName(node));
-}
-function getComputedStyle3(element) {
-  return getWindow2(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-  if (isElement(element)) {
-    return {
-      scrollLeft: element.scrollLeft,
-      scrollTop: element.scrollTop
-    };
-  }
-  return {
-    scrollLeft: element.scrollX,
-    scrollTop: element.scrollY
-  };
-}
-function getParentNode(node) {
-  if (getNodeName(node) === "html") {
-    return node;
-  }
-  const result = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    node.assignedSlot || // DOM Element detected.
-    node.parentNode || // ShadowRoot detected.
-    isShadowRoot(node) && node.host || // Fallback.
-    getDocumentElement(node)
-  );
-  return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode(node);
-  if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
-  }
-  if (isHTMLElement2(parentNode) && isOverflowElement(parentNode)) {
-    return parentNode;
-  }
-  return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-  var _node$ownerDocument2;
-  if (list === void 0) {
-    list = [];
-  }
-  if (traverseIframes === void 0) {
-    traverseIframes = true;
-  }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-  const win = getWindow2(scrollableAncestor);
-  if (isBody) {
-    const frameElement = getFrameElement(win);
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-  }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-}
-function getFrameElement(win) {
-  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-}
-
-// ../node_modules/.pnpm/@floating-ui+dom@1.7.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function getCssDimensions(element) {
-  const css = getComputedStyle3(element);
-  let width = parseFloat(css.width) || 0;
-  let height = parseFloat(css.height) || 0;
-  const hasOffset = isHTMLElement2(element);
-  const offsetWidth = hasOffset ? element.offsetWidth : width;
-  const offsetHeight = hasOffset ? element.offsetHeight : height;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-  if (shouldFallback) {
-    width = offsetWidth;
-    height = offsetHeight;
-  }
-  return {
-    width,
-    height,
-    $: shouldFallback
-  };
-}
-function unwrapElement(element) {
-  return !isElement(element) ? element.contextElement : element;
-}
-function getScale(element) {
-  const domElement = unwrapElement(element);
-  if (!isHTMLElement2(domElement)) {
-    return createCoords(1);
-  }
-  const rect = domElement.getBoundingClientRect();
-  const {
-    width,
-    height,
-    $
-  } = getCssDimensions(domElement);
-  let x = ($ ? round(rect.width) : rect.width) / width;
-  let y = ($ ? round(rect.height) : rect.height) / height;
-  if (!x || !Number.isFinite(x)) {
-    x = 1;
-  }
-  if (!y || !Number.isFinite(y)) {
-    y = 1;
-  }
-  return {
-    x,
-    y
-  };
-}
-var noOffsets = /* @__PURE__ */ createCoords(0);
-function getVisualOffsets(element) {
-  const win = getWindow2(element);
-  if (!isWebKit() || !win.visualViewport) {
-    return noOffsets;
-  }
-  return {
-    x: win.visualViewport.offsetLeft,
-    y: win.visualViewport.offsetTop
-  };
-}
-function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-  if (isFixed === void 0) {
-    isFixed = false;
-  }
-  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow2(element)) {
-    return false;
-  }
-  return isFixed;
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  const clientRect = element.getBoundingClientRect();
-  const domElement = unwrapElement(element);
-  let scale = createCoords(1);
-  if (includeScale) {
-    if (offsetParent) {
-      if (isElement(offsetParent)) {
-        scale = getScale(offsetParent);
-      }
-    } else {
-      scale = getScale(element);
-    }
-  }
-  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale.x;
-  let y = (clientRect.top + visualOffsets.y) / scale.y;
-  let width = clientRect.width / scale.x;
-  let height = clientRect.height / scale.y;
-  if (domElement) {
-    const win = getWindow2(domElement);
-    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow2(offsetParent) : offsetParent;
-    let currentWin = win;
-    let currentIFrame = getFrameElement(currentWin);
-    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-      const iframeScale = getScale(currentIFrame);
-      const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle3(currentIFrame);
-      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-      x *= iframeScale.x;
-      y *= iframeScale.y;
-      width *= iframeScale.x;
-      height *= iframeScale.y;
-      x += left;
-      y += top;
-      currentWin = getWindow2(currentIFrame);
-      currentIFrame = getFrameElement(currentWin);
-    }
-  }
-  return rectToClientRect({
-    width,
-    height,
-    x,
-    y
-  });
-}
-function getWindowScrollBarX(element, rect) {
-  const leftScroll = getNodeScroll(element).scrollLeft;
-  if (!rect) {
-    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-  }
-  return rect.left + leftScroll;
-}
-function getHTMLOffset(documentElement, scroll) {
-  const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
-  const y = htmlRect.top + scroll.scrollTop;
-  return {
-    x,
-    y
-  };
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-  let {
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  } = _ref;
-  const isFixed = strategy === "fixed";
-  const documentElement = getDocumentElement(offsetParent);
-  const topLayer = elements ? isTopLayer(elements.floating) : false;
-  if (offsetParent === documentElement || topLayer && isFixed) {
-    return rect;
-  }
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  let scale = createCoords(1);
-  const offsets = createCoords(0);
-  const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement2(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent);
-      scale = getScale(offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    }
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  return {
-    width: rect.width * scale.x,
-    height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-  };
-}
-function getClientRects(element) {
-  return Array.from(element.getClientRects());
-}
-function getDocumentRect(element) {
-  const html = getDocumentElement(element);
-  const scroll = getNodeScroll(element);
-  const body = element.ownerDocument.body;
-  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-  const y = -scroll.scrollTop;
-  if (getComputedStyle3(body).direction === "rtl") {
-    x += max(html.clientWidth, body.clientWidth) - width;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-var SCROLLBAR_MAX = 25;
-function getViewportRect(element, strategy) {
-  const win = getWindow2(element);
-  const html = getDocumentElement(element);
-  const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
-  let height = html.clientHeight;
-  let x = 0;
-  let y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    const visualViewportBased = isWebKit();
-    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  const windowScrollbarX = getWindowScrollBarX(html);
-  if (windowScrollbarX <= 0) {
-    const doc = html.ownerDocument;
-    const body = doc.body;
-    const bodyStyles = getComputedStyle(body);
-    const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
-      width -= clippingStableScrollbarWidth;
-    }
-  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
-    width += windowScrollbarX;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-var absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
-  const top = clientRect.top + element.clientTop;
-  const left = clientRect.left + element.clientLeft;
-  const scale = isHTMLElement2(element) ? getScale(element) : createCoords(1);
-  const width = element.clientWidth * scale.x;
-  const height = element.clientHeight * scale.y;
-  const x = left * scale.x;
-  const y = top * scale.y;
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-  let rect;
-  if (clippingAncestor === "viewport") {
-    rect = getViewportRect(element, strategy);
-  } else if (clippingAncestor === "document") {
-    rect = getDocumentRect(getDocumentElement(element));
-  } else if (isElement(clippingAncestor)) {
-    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-  } else {
-    const visualOffsets = getVisualOffsets(element);
-    rect = {
-      x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y,
-      width: clippingAncestor.width,
-      height: clippingAncestor.height
-    };
-  }
-  return rectToClientRect(rect);
-}
-function hasFixedPositionAncestor(element, stopNode) {
-  const parentNode = getParentNode(element);
-  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
-    return false;
-  }
-  return getComputedStyle3(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
-}
-function getClippingElementAncestors(element, cache) {
-  const cachedResult = cache.get(element);
-  if (cachedResult) {
-    return cachedResult;
-  }
-  let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
-  let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle3(element).position === "fixed";
-  let currentNode = elementIsFixed ? getParentNode(element) : element;
-  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle3(currentNode);
-    const currentNodeIsContaining = isContainingBlock(currentNode);
-    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
-      currentContainingBlockComputedStyle = null;
-    }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
-    if (shouldDropCurrentNode) {
-      result = result.filter((ancestor) => ancestor !== currentNode);
-    } else {
-      currentContainingBlockComputedStyle = computedStyle;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  cache.set(element, result);
-  return result;
-}
-function getClippingRect(_ref) {
-  let {
-    element,
-    boundary,
-    rootBoundary,
-    strategy
-  } = _ref;
-  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
-  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
-  return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
-  };
-}
-function getDimensions(element) {
-  const {
-    width,
-    height
-  } = getCssDimensions(element);
-  return {
-    width,
-    height
-  };
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const isFixed = strategy === "fixed";
-  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = createCoords(0);
-  function setLeftRTLScrollbarOffset() {
-    offsets.x = getWindowScrollBarX(documentElement);
-  }
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isOffsetParentAnElement) {
-      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      setLeftRTLScrollbarOffset();
-    }
-  }
-  if (isFixed && !isOffsetParentAnElement && documentElement) {
-    setLeftRTLScrollbarOffset();
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
-  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
-  return {
-    x,
-    y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function isStaticPositioned(element) {
-  return getComputedStyle3(element).position === "static";
-}
-function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement2(element) || getComputedStyle3(element).position === "fixed") {
-    return null;
-  }
-  if (polyfill) {
-    return polyfill(element);
-  }
-  let rawOffsetParent = element.offsetParent;
-  if (getDocumentElement(element) === rawOffsetParent) {
-    rawOffsetParent = rawOffsetParent.ownerDocument.body;
-  }
-  return rawOffsetParent;
-}
-function getOffsetParent(element, polyfill) {
-  const win = getWindow2(element);
-  if (isTopLayer(element)) {
-    return win;
-  }
-  if (!isHTMLElement2(element)) {
-    let svgOffsetParent = getParentNode(element);
-    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
-        return svgOffsetParent;
-      }
-      svgOffsetParent = getParentNode(svgOffsetParent);
-    }
-    return win;
-  }
-  let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
-    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-  }
-  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
-    return win;
-  }
-  return offsetParent || getContainingBlock(element) || win;
-}
-var getElementRects = async function(data) {
-  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-  const getDimensionsFn = this.getDimensions;
-  const floatingDimensions = await getDimensionsFn(data.floating);
-  return {
-    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: floatingDimensions.width,
-      height: floatingDimensions.height
-    }
-  };
-};
-function isRTL(element) {
-  return getComputedStyle3(element).direction === "rtl";
-}
-var platform = {
-  convertOffsetParentRelativeRectToViewportRelativeRect,
-  getDocumentElement,
-  getClippingRect,
-  getOffsetParent,
-  getElementRects,
-  getClientRects,
-  getDimensions,
-  getScale,
-  isElement,
-  isRTL
-};
-function rectsAreEqual(a, b) {
-  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
-}
-function observeMove(element, onMove) {
-  let io = null;
-  let timeoutId;
-  const root = getDocumentElement(element);
-  function cleanup() {
-    var _io;
-    clearTimeout(timeoutId);
-    (_io = io) == null || _io.disconnect();
-    io = null;
-  }
-  function refresh(skip, threshold) {
-    if (skip === void 0) {
-      skip = false;
-    }
-    if (threshold === void 0) {
-      threshold = 1;
-    }
-    cleanup();
-    const elementRectForRootMargin = element.getBoundingClientRect();
-    const {
-      left,
-      top,
-      width,
-      height
-    } = elementRectForRootMargin;
-    if (!skip) {
-      onMove();
-    }
-    if (!width || !height) {
-      return;
-    }
-    const insetTop = floor(top);
-    const insetRight = floor(root.clientWidth - (left + width));
-    const insetBottom = floor(root.clientHeight - (top + height));
-    const insetLeft = floor(left);
-    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
-    const options = {
-      rootMargin,
-      threshold: max(0, min(1, threshold)) || 1
-    };
-    let isFirstUpdate = true;
-    function handleObserve(entries) {
-      const ratio = entries[0].intersectionRatio;
-      if (ratio !== threshold) {
-        if (!isFirstUpdate) {
-          return refresh();
-        }
-        if (!ratio) {
-          timeoutId = setTimeout(() => {
-            refresh(false, 1e-7);
-          }, 1e3);
-        } else {
-          refresh(false, ratio);
-        }
-      }
-      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
-        refresh();
-      }
-      isFirstUpdate = false;
-    }
-    try {
-      io = new IntersectionObserver(handleObserve, {
-        ...options,
-        // Handle <iframe>s
-        root: root.ownerDocument
-      });
-    } catch (_e) {
-      io = new IntersectionObserver(handleObserve, options);
-    }
-    io.observe(element);
-  }
-  refresh(true);
-  return cleanup;
-}
-function autoUpdate(reference, floating, update, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    ancestorScroll = true,
-    ancestorResize = true,
-    elementResize = typeof ResizeObserver === "function",
-    layoutShift = typeof IntersectionObserver === "function",
-    animationFrame = false
-  } = options;
-  const referenceEl = unwrapElement(reference);
-  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
-  ancestors.forEach((ancestor) => {
-    ancestorScroll && ancestor.addEventListener("scroll", update, {
-      passive: true
-    });
-    ancestorResize && ancestor.addEventListener("resize", update);
-  });
-  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
-  let reobserveFrame = -1;
-  let resizeObserver = null;
-  if (elementResize) {
-    resizeObserver = new ResizeObserver((_ref) => {
-      let [firstEntry] = _ref;
-      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
-        resizeObserver.unobserve(floating);
-        cancelAnimationFrame(reobserveFrame);
-        reobserveFrame = requestAnimationFrame(() => {
-          var _resizeObserver;
-          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
-        });
-      }
-      update();
-    });
-    if (referenceEl && !animationFrame) {
-      resizeObserver.observe(referenceEl);
-    }
-    resizeObserver.observe(floating);
-  }
-  let frameId;
-  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
-  if (animationFrame) {
-    frameLoop();
-  }
-  function frameLoop() {
-    const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
-      update();
-    }
-    prevRefRect = nextRefRect;
-    frameId = requestAnimationFrame(frameLoop);
-  }
-  update();
-  return () => {
-    var _resizeObserver2;
-    ancestors.forEach((ancestor) => {
-      ancestorScroll && ancestor.removeEventListener("scroll", update);
-      ancestorResize && ancestor.removeEventListener("resize", update);
-    });
-    cleanupIo == null || cleanupIo();
-    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
-    resizeObserver = null;
-    if (animationFrame) {
-      cancelAnimationFrame(frameId);
-    }
-  };
-}
-var offset2 = offset;
-var shift2 = shift;
-var flip2 = flip;
-var size2 = size;
-var hide2 = hide;
-var arrow2 = arrow;
-var limitShift2 = limitShift;
-var computePosition2 = (reference, floating, options) => {
-  const cache = /* @__PURE__ */ new Map();
-  const mergedOptions = {
-    platform,
-    ...options
-  };
-  const platformWithCache = {
-    ...mergedOptions.platform,
-    _c: cache
-  };
-  return computePosition(reference, floating, {
-    ...mergedOptions,
-    platform: platformWithCache
-  });
-};
-
-// ../node_modules/.pnpm/@zag-js+popper@1.33.1/node_modules/@zag-js/popper/dist/index.mjs
-function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
-  if (typeof DOMRect === "function") {
-    return new DOMRect(x, y, width, height);
-  }
-  const rect = {
-    x,
-    y,
-    width,
-    height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x
-  };
-  return { ...rect, toJSON: () => rect };
-}
-function getDOMRect(anchorRect) {
-  if (!anchorRect) return createDOMRect();
-  const { x, y, width, height } = anchorRect;
-  return createDOMRect(x, y, width, height);
-}
-function getAnchorElement(anchorElement, getAnchorRect) {
-  return {
-    contextElement: isHTMLElement(anchorElement) ? anchorElement : anchorElement?.contextElement,
-    getBoundingClientRect: () => {
-      const anchor = anchorElement;
-      const anchorRect = getAnchorRect?.(anchor);
-      if (anchorRect || !anchor) {
-        return getDOMRect(anchorRect);
-      }
-      return anchor.getBoundingClientRect();
-    }
-  };
-}
-var toVar = (value) => ({ variable: value, reference: `var(${value})` });
-var cssVars = {
-  arrowSize: toVar("--arrow-size"),
-  arrowSizeHalf: toVar("--arrow-size-half"),
-  arrowBg: toVar("--arrow-background"),
-  transformOrigin: toVar("--transform-origin"),
-  arrowOffset: toVar("--arrow-offset")
-};
-var getSideAxis2 = (side) => side === "top" || side === "bottom" ? "y" : "x";
-function createTransformOriginMiddleware(opts, arrowEl) {
-  return {
-    name: "transformOrigin",
-    fn(state) {
-      const { elements, middlewareData, placement, rects, y } = state;
-      const side = placement.split("-")[0];
-      const axis = getSideAxis2(side);
-      const arrowX = middlewareData.arrow?.x || 0;
-      const arrowY = middlewareData.arrow?.y || 0;
-      const arrowWidth = arrowEl?.clientWidth || 0;
-      const arrowHeight = arrowEl?.clientHeight || 0;
-      const transformX = arrowX + arrowWidth / 2;
-      const transformY = arrowY + arrowHeight / 2;
-      const shiftY = Math.abs(middlewareData.shift?.y || 0);
-      const halfAnchorHeight = rects.reference.height / 2;
-      const arrowOffset = arrowHeight / 2;
-      const gutter = opts.offset?.mainAxis ?? opts.gutter;
-      const sideOffsetValue = typeof gutter === "number" ? gutter + arrowOffset : gutter ?? arrowOffset;
-      const isOverlappingAnchor = shiftY > sideOffsetValue;
-      const adjacentTransformOrigin = {
-        top: `${transformX}px calc(100% + ${sideOffsetValue}px)`,
-        bottom: `${transformX}px ${-sideOffsetValue}px`,
-        left: `calc(100% + ${sideOffsetValue}px) ${transformY}px`,
-        right: `${-sideOffsetValue}px ${transformY}px`
-      }[side];
-      const overlapTransformOrigin = `${transformX}px ${rects.reference.y + halfAnchorHeight - y}px`;
-      const useOverlap = Boolean(opts.overlap) && axis === "y" && isOverlappingAnchor;
-      elements.floating.style.setProperty(
-        cssVars.transformOrigin.variable,
-        useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
-      );
-      return {
-        data: {
-          transformOrigin: useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
-        }
-      };
-    }
-  };
-}
-var rectMiddleware = {
-  name: "rects",
-  fn({ rects }) {
-    return {
-      data: rects
-    };
-  }
-};
-var shiftArrowMiddleware = (arrowEl) => {
-  if (!arrowEl) return;
-  return {
-    name: "shiftArrow",
-    fn({ placement, middlewareData }) {
-      if (!middlewareData.arrow) return {};
-      const { x, y } = middlewareData.arrow;
-      const dir = placement.split("-")[0];
-      Object.assign(arrowEl.style, {
-        left: x != null ? `${x}px` : "",
-        top: y != null ? `${y}px` : "",
-        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
-      });
-      return {};
-    }
-  };
-};
-function getPlacementDetails(placement) {
-  const [side, align] = placement.split("-");
-  return { side, align, hasAlign: align != null };
-}
-var defaultOptions = {
-  strategy: "absolute",
-  placement: "bottom",
-  listeners: true,
-  gutter: 8,
-  flip: true,
-  slide: true,
-  overlap: false,
-  sameWidth: false,
-  fitViewport: false,
-  overflowPadding: 8,
-  arrowPadding: 4
-};
-function roundByDpr(win, value) {
-  const dpr = win.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-}
-function resolveBoundaryOption(boundary) {
-  if (typeof boundary === "function") return boundary();
-  if (boundary === "clipping-ancestors") return "clippingAncestors";
-  return boundary;
-}
-function getArrowMiddleware(arrowElement, doc, opts) {
-  const element = arrowElement || doc.createElement("div");
-  return arrow2({ element, padding: opts.arrowPadding });
-}
-function getOffsetMiddleware(arrowElement, opts) {
-  if (isNull(opts.offset ?? opts.gutter)) return;
-  return offset2(({ placement }) => {
-    const arrowOffset = (arrowElement?.clientHeight || 0) / 2;
-    const gutter = opts.offset?.mainAxis ?? opts.gutter;
-    const mainAxis = typeof gutter === "number" ? gutter + arrowOffset : gutter ?? arrowOffset;
-    const { hasAlign } = getPlacementDetails(placement);
-    const shift22 = !hasAlign ? opts.shift : void 0;
-    const crossAxis = opts.offset?.crossAxis ?? shift22;
-    return compact({
-      crossAxis,
-      mainAxis,
-      alignmentAxis: opts.shift
-    });
-  });
-}
-function getFlipMiddleware(opts) {
-  if (!opts.flip) return;
-  const boundary = resolveBoundaryOption(opts.boundary);
-  return flip2({
-    ...boundary ? { boundary } : void 0,
-    padding: opts.overflowPadding,
-    fallbackPlacements: opts.flip === true ? void 0 : opts.flip
-  });
-}
-function getShiftMiddleware(opts) {
-  if (!opts.slide && !opts.overlap) return;
-  const boundary = resolveBoundaryOption(opts.boundary);
-  return shift2({
-    ...boundary ? { boundary } : void 0,
-    mainAxis: opts.slide,
-    crossAxis: opts.overlap,
-    padding: opts.overflowPadding,
-    limiter: limitShift2()
-  });
-}
-function getSizeMiddleware(opts) {
-  return size2({
-    padding: opts.overflowPadding,
-    apply({ elements, rects, availableHeight, availableWidth }) {
-      const floating = elements.floating;
-      const referenceWidth = Math.round(rects.reference.width);
-      const referenceHeight = Math.round(rects.reference.height);
-      availableWidth = Math.floor(availableWidth);
-      availableHeight = Math.floor(availableHeight);
-      floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-      floating.style.setProperty("--reference-height", `${referenceHeight}px`);
-      floating.style.setProperty("--available-width", `${availableWidth}px`);
-      floating.style.setProperty("--available-height", `${availableHeight}px`);
-    }
-  });
-}
-function hideWhenDetachedMiddleware(opts) {
-  if (!opts.hideWhenDetached) return;
-  return hide2({ strategy: "referenceHidden", boundary: resolveBoundaryOption(opts.boundary) ?? "clippingAncestors" });
-}
-function getAutoUpdateOptions(opts) {
-  if (!opts) return {};
-  if (opts === true) {
-    return { ancestorResize: true, ancestorScroll: true, elementResize: true, layoutShift: true };
-  }
-  return opts;
-}
-function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
-  const anchor = opts.getAnchorElement?.() ?? referenceOrVirtual;
-  const reference = getAnchorElement(anchor, opts.getAnchorRect);
-  if (!floating || !reference) return;
-  const options = Object.assign({}, defaultOptions, opts);
-  const arrowEl = floating.querySelector("[data-part=arrow]");
-  const middleware = [
-    getOffsetMiddleware(arrowEl, options),
-    getFlipMiddleware(options),
-    getShiftMiddleware(options),
-    getArrowMiddleware(arrowEl, floating.ownerDocument, options),
-    shiftArrowMiddleware(arrowEl),
-    createTransformOriginMiddleware(
-      { gutter: options.gutter, offset: options.offset, overlap: options.overlap },
-      arrowEl
-    ),
-    getSizeMiddleware(options),
-    hideWhenDetachedMiddleware(options),
-    rectMiddleware
-  ];
-  const { placement, strategy, onComplete, onPositioned } = options;
-  const updatePosition = async () => {
-    if (!reference || !floating) return;
-    const pos = await computePosition2(reference, floating, {
-      placement,
-      middleware,
-      strategy
-    });
-    onComplete?.(pos);
-    onPositioned?.({ placed: true });
-    const win = getWindow(floating);
-    const x = roundByDpr(win, pos.x);
-    const y = roundByDpr(win, pos.y);
-    floating.style.setProperty("--x", `${x}px`);
-    floating.style.setProperty("--y", `${y}px`);
-    if (options.hideWhenDetached) {
-      const isHidden = pos.middlewareData.hide?.referenceHidden;
-      if (isHidden) {
-        floating.style.setProperty("visibility", "hidden");
-        floating.style.setProperty("pointer-events", "none");
-      } else {
-        floating.style.removeProperty("visibility");
-        floating.style.removeProperty("pointer-events");
-      }
-    }
-    const contentEl = floating.firstElementChild;
-    if (contentEl) {
-      const styles = getComputedStyle2(contentEl);
-      floating.style.setProperty("--z-index", styles.zIndex);
-    }
-  };
-  const update = async () => {
-    if (opts.updatePosition) {
-      await opts.updatePosition({ updatePosition, floatingElement: floating });
-      onPositioned?.({ placed: true });
-    } else {
-      await updatePosition();
-    }
-  };
-  const autoUpdateOptions = getAutoUpdateOptions(options.listeners);
-  const cancelAutoUpdate = options.listeners ? autoUpdate(reference, floating, update, autoUpdateOptions) : noop;
-  update();
-  return () => {
-    cancelAutoUpdate?.();
-    onPositioned?.({ placed: false });
-  };
-}
-function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
-  const { defer, ...options } = opts;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
-      const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
-      cleanups.push(getPlacementImpl(reference, floating, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-var ARROW_FLOATING_STYLE = {
-  bottom: "rotate(45deg)",
-  left: "rotate(135deg)",
-  top: "rotate(225deg)",
-  right: "rotate(315deg)"
-};
-function getPlacementStyles(options = {}) {
-  const { placement, sameWidth, fitViewport, strategy = "absolute" } = options;
-  return {
-    arrow: {
-      position: "absolute",
-      width: cssVars.arrowSize.reference,
-      height: cssVars.arrowSize.reference,
-      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
-      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
-    },
-    arrowTip: {
-      // @ts-expect-error - Fix this
-      transform: placement ? ARROW_FLOATING_STYLE[placement.split("-")[0]] : void 0,
-      background: cssVars.arrowBg.reference,
-      top: "0",
-      left: "0",
-      width: "100%",
-      height: "100%",
-      position: "absolute",
-      zIndex: "inherit"
-    },
-    floating: {
-      position: strategy,
-      isolation: "isolate",
-      minWidth: sameWidth ? void 0 : "max-content",
-      width: sameWidth ? "var(--reference-width)" : void 0,
-      maxWidth: fitViewport ? "var(--available-width)" : void 0,
-      maxHeight: fitViewport ? "var(--available-height)" : void 0,
-      pointerEvents: !placement ? "none" : void 0,
-      top: "0px",
-      left: "0px",
-      // move off-screen if placement is not defined
-      transform: placement ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
-      zIndex: "var(--z-index)"
-    }
-  };
-}
-
-export {
-  getPlacement,
-  getPlacementStyles
-};
diff --git a/priv/static/chunk-QD4Z4LOU.mjs b/priv/static/chunk-TEV2GE3U.mjs
similarity index 97%
rename from priv/static/chunk-QD4Z4LOU.mjs
rename to priv/static/chunk-TEV2GE3U.mjs
index 00e2983..0f283f5 100644
--- a/priv/static/chunk-QD4Z4LOU.mjs
+++ b/priv/static/chunk-TEV2GE3U.mjs
@@ -4,7 +4,7 @@ import {
   getWindow,
   isMac,
   isVirtualClick
-} from "./chunk-ZTKS6RKJ.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+focus-visible@1.33.1/node_modules/@zag-js/focus-visible/dist/index.mjs
 function isValidKey(e) {
@@ -140,6 +140,9 @@ var tearDownWindowFocusTracking = (root, loadListener) => {
   }
   listenerMap.delete(win);
 };
+function getInteractionModality() {
+  return currentModality;
+}
 function isFocusVisible() {
   return currentModality === "keyboard";
 }
@@ -158,6 +161,7 @@ function trackFocusVisible(props = {}) {
 }
 
 export {
+  getInteractionModality,
   isFocusVisible,
   trackFocusVisible
 };
diff --git a/priv/static/chunk-ZTKS6RKJ.mjs b/priv/static/chunk-ZTKS6RKJ.mjs
deleted file mode 100644
index aa5ba41..0000000
--- a/priv/static/chunk-ZTKS6RKJ.mjs
+++ /dev/null
@@ -1,2406 +0,0 @@
-// lib/util.ts
-var DIR_VALUES = ["ltr", "rtl"];
-function getDir(element) {
-  const fromEl = element.dataset.dir;
-  if (fromEl !== void 0 && DIR_VALUES.includes(fromEl)) {
-    return fromEl;
-  }
-  const fromDoc = document.documentElement.getAttribute("dir");
-  if (fromDoc === "ltr" || fromDoc === "rtl") return fromDoc;
-  return "ltr";
-}
-var getString = (element, attrName, validValues) => {
-  const value = element.dataset[attrName];
-  if (value !== void 0 && (!validValues || validValues.includes(value))) {
-    return value;
-  }
-  return void 0;
-};
-var getStringList = (element, attrName) => {
-  const value = element.dataset[attrName];
-  if (typeof value === "string") {
-    return value.split(",").map((v) => v.trim()).filter((v) => v.length > 0);
-  }
-  return void 0;
-};
-var getNumber = (element, attrName, validValues) => {
-  const raw = element.dataset[attrName];
-  if (raw === void 0) return void 0;
-  const parsed = Number(raw);
-  if (Number.isNaN(parsed)) return void 0;
-  if (validValues && !validValues.includes(parsed)) return 0;
-  return parsed;
-};
-var getBoolean = (element, attrName) => {
-  const dashName = attrName.replace(/([A-Z])/g, "-$1").toLowerCase();
-  return element.hasAttribute(`data-${dashName}`);
-};
-var generateId = (element, fallbackId = "element") => {
-  if (element?.id) return element.id;
-  return `${fallbackId}-${Math.random().toString(36).substring(2, 9)}`;
-};
-
-// ../node_modules/.pnpm/@zag-js+anatomy@1.33.1/node_modules/@zag-js/anatomy/dist/index.mjs
-var createAnatomy = (name, parts = []) => ({
-  parts: (...values) => {
-    if (isEmpty(parts)) {
-      return createAnatomy(name, values);
-    }
-    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
-  },
-  extendWith: (...values) => createAnatomy(name, [...parts, ...values]),
-  omit: (...values) => createAnatomy(name, parts.filter((part) => !values.includes(part))),
-  rename: (newName) => createAnatomy(newName, parts),
-  keys: () => parts,
-  build: () => [...new Set(parts)].reduce(
-    (prev, part) => Object.assign(prev, {
-      [part]: {
-        selector: [
-          `&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`,
-          `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`
-        ].join(", "),
-        attrs: { "data-scope": toKebabCase(name), "data-part": toKebabCase(part) }
-      }
-    }),
-    {}
-  )
-});
-var toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
-var isEmpty = (v) => v.length === 0;
-
-// ../node_modules/.pnpm/@zag-js+dom-query@1.33.1/node_modules/@zag-js/dom-query/dist/index.mjs
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-function setCaretToEnd(input) {
-  if (!input) return;
-  try {
-    if (input.ownerDocument.activeElement !== input) return;
-    const len = input.value.length;
-    input.setSelectionRange(len, len);
-  } catch {
-  }
-}
-var clamp = (value) => Math.max(0, Math.min(1, value));
-var wrap = (v, idx) => {
-  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
-};
-var pipe = (...fns) => (arg) => fns.reduce((acc, fn) => fn(acc), arg);
-var noop = () => void 0;
-var isObject = (v) => typeof v === "object" && v !== null;
-var MAX_Z_INDEX = 2147483647;
-var dataAttr = (guard) => guard ? "" : void 0;
-var ariaAttr = (guard) => guard ? "true" : void 0;
-var ELEMENT_NODE = 1;
-var DOCUMENT_NODE = 9;
-var DOCUMENT_FRAGMENT_NODE = 11;
-var isHTMLElement = (el) => isObject(el) && el.nodeType === ELEMENT_NODE && typeof el.nodeName === "string";
-var isDocument = (el) => isObject(el) && el.nodeType === DOCUMENT_NODE;
-var isWindow = (el) => isObject(el) && el === el.window;
-var getNodeName = (node) => {
-  if (isHTMLElement(node)) return node.localName || "";
-  return "#document";
-};
-function isRootElement(node) {
-  return ["html", "body", "#document"].includes(getNodeName(node));
-}
-var isNode = (el) => isObject(el) && el.nodeType !== void 0;
-var isShadowRoot = (el) => isNode(el) && el.nodeType === DOCUMENT_FRAGMENT_NODE && "host" in el;
-var isInputElement = (el) => isHTMLElement(el) && el.localName === "input";
-var isAnchorElement = (el) => !!el?.matches("a[href]");
-var isElementVisible = (el) => {
-  if (!isHTMLElement(el)) return false;
-  return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;
-};
-function isActiveElement(element) {
-  if (!element) return false;
-  const rootNode = element.getRootNode();
-  return getActiveElement(rootNode) === element;
-}
-var TEXTAREA_SELECT_REGEX = /(textarea|select)/;
-function isEditableElement(el) {
-  if (el == null || !isHTMLElement(el)) return false;
-  try {
-    return isInputElement(el) && el.selectionStart != null || TEXTAREA_SELECT_REGEX.test(el.localName) || el.isContentEditable || el.getAttribute("contenteditable") === "true" || el.getAttribute("contenteditable") === "";
-  } catch {
-    return false;
-  }
-}
-function contains(parent, child) {
-  if (!parent || !child) return false;
-  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false;
-  const rootNode = child.getRootNode?.();
-  if (parent === child) return true;
-  if (parent.contains(child)) return true;
-  if (rootNode && isShadowRoot(rootNode)) {
-    let next = child;
-    while (next) {
-      if (parent === next) return true;
-      next = next.parentNode || next.host;
-    }
-  }
-  return false;
-}
-function getDocument(el) {
-  if (isDocument(el)) return el;
-  if (isWindow(el)) return el.document;
-  return el?.ownerDocument ?? document;
-}
-function getDocumentElement(el) {
-  return getDocument(el).documentElement;
-}
-function getWindow(el) {
-  if (isShadowRoot(el)) return getWindow(el.host);
-  if (isDocument(el)) return el.defaultView ?? window;
-  if (isHTMLElement(el)) return el.ownerDocument?.defaultView ?? window;
-  return window;
-}
-function getActiveElement(rootNode) {
-  let activeElement = rootNode.activeElement;
-  while (activeElement?.shadowRoot) {
-    const el = activeElement.shadowRoot.activeElement;
-    if (!el || el === activeElement) break;
-    else activeElement = el;
-  }
-  return activeElement;
-}
-function getParentNode(node) {
-  if (getNodeName(node) === "html") return node;
-  const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
-  return isShadowRoot(result) ? result.host : result;
-}
-function getRootNode(node) {
-  let result;
-  try {
-    result = node.getRootNode({ composed: true });
-    if (isDocument(result) || isShadowRoot(result)) return result;
-  } catch {
-  }
-  return node.ownerDocument ?? document;
-}
-var styleCache = /* @__PURE__ */ new WeakMap();
-function getComputedStyle(el) {
-  if (!styleCache.has(el)) {
-    styleCache.set(el, getWindow(el).getComputedStyle(el));
-  }
-  return styleCache.get(el);
-}
-var INTERACTIVE_CONTAINER_ROLE = /* @__PURE__ */ new Set(["menu", "listbox", "dialog", "grid", "tree", "region"]);
-var isInteractiveContainerRole = (role) => INTERACTIVE_CONTAINER_ROLE.has(role);
-var getAriaControls = (element) => element.getAttribute("aria-controls")?.split(" ") || [];
-function isControlledElement(container, element) {
-  const visitedIds = /* @__PURE__ */ new Set();
-  const rootNode = getRootNode(container);
-  const checkElement = (searchRoot) => {
-    const controllingElements = searchRoot.querySelectorAll("[aria-controls]");
-    for (const controller of controllingElements) {
-      if (controller.getAttribute("aria-expanded") !== "true") continue;
-      const controlledIds = getAriaControls(controller);
-      for (const id of controlledIds) {
-        if (!id || visitedIds.has(id)) continue;
-        visitedIds.add(id);
-        const controlledElement = rootNode.getElementById(id);
-        if (controlledElement) {
-          const role = controlledElement.getAttribute("role");
-          const modal = controlledElement.getAttribute("aria-modal") === "true";
-          if (role && isInteractiveContainerRole(role) && !modal) {
-            if (controlledElement === element || controlledElement.contains(element)) {
-              return true;
-            }
-            if (checkElement(controlledElement)) {
-              return true;
-            }
-          }
-        }
-      }
-    }
-    return false;
-  };
-  return checkElement(container);
-}
-function findControlledElements(searchRoot, callback) {
-  const rootNode = getRootNode(searchRoot);
-  const visitedIds = /* @__PURE__ */ new Set();
-  const findRecursive = (root) => {
-    const controllingElements = root.querySelectorAll("[aria-controls]");
-    for (const controller of controllingElements) {
-      if (controller.getAttribute("aria-expanded") !== "true") continue;
-      const controlledIds = getAriaControls(controller);
-      for (const id of controlledIds) {
-        if (!id || visitedIds.has(id)) continue;
-        visitedIds.add(id);
-        const controlledElement = rootNode.getElementById(id);
-        if (controlledElement) {
-          const role = controlledElement.getAttribute("role");
-          const modal = controlledElement.getAttribute("aria-modal") === "true";
-          if (role && INTERACTIVE_CONTAINER_ROLE.has(role) && !modal) {
-            callback(controlledElement);
-            findRecursive(controlledElement);
-          }
-        }
-      }
-    }
-  };
-  findRecursive(searchRoot);
-}
-function getControlledElements(container) {
-  const controlledElements = /* @__PURE__ */ new Set();
-  findControlledElements(container, (controlledElement) => {
-    if (!container.contains(controlledElement)) {
-      controlledElements.add(controlledElement);
-    }
-  });
-  return Array.from(controlledElements);
-}
-function isInteractiveContainerElement(element) {
-  const role = element.getAttribute("role");
-  return Boolean(role && INTERACTIVE_CONTAINER_ROLE.has(role));
-}
-function isControllerElement(element) {
-  return element.hasAttribute("aria-controls") && element.getAttribute("aria-expanded") === "true";
-}
-function hasControllerElements(element) {
-  if (isControllerElement(element)) return true;
-  return Boolean(element.querySelector?.('[aria-controls][aria-expanded="true"]'));
-}
-function isControlledByExpandedController(element) {
-  if (!element.id) return false;
-  const rootNode = getRootNode(element);
-  const escapedId = CSS.escape(element.id);
-  const selector = `[aria-controls~="${escapedId}"][aria-expanded="true"], [aria-controls="${escapedId}"][aria-expanded="true"]`;
-  const controller = rootNode.querySelector(selector);
-  return Boolean(controller && isInteractiveContainerElement(element));
-}
-function getDataUrl(svg, opts) {
-  const { type, quality = 0.92, background } = opts;
-  if (!svg) throw new Error("[zag-js > getDataUrl]: Could not find the svg element");
-  const win = getWindow(svg);
-  const doc = win.document;
-  const svgBounds = svg.getBoundingClientRect();
-  const svgClone = svg.cloneNode(true);
-  if (!svgClone.hasAttribute("viewBox")) {
-    svgClone.setAttribute("viewBox", `0 0 ${svgBounds.width} ${svgBounds.height}`);
-  }
-  const serializer = new win.XMLSerializer();
-  const source = '<?xml version="1.0" standalone="no"?>\r\n' + serializer.serializeToString(svgClone);
-  const svgString = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
-  if (type === "image/svg+xml") {
-    return Promise.resolve(svgString).then((str) => {
-      svgClone.remove();
-      return str;
-    });
-  }
-  const dpr = win.devicePixelRatio || 1;
-  const canvas = doc.createElement("canvas");
-  const image = new win.Image();
-  image.src = svgString;
-  canvas.width = svgBounds.width * dpr;
-  canvas.height = svgBounds.height * dpr;
-  const context = canvas.getContext("2d");
-  if (type === "image/jpeg" || background) {
-    context.fillStyle = background || "white";
-    context.fillRect(0, 0, canvas.width, canvas.height);
-  }
-  return new Promise((resolve) => {
-    image.onload = () => {
-      context?.drawImage(image, 0, 0, canvas.width, canvas.height);
-      resolve(canvas.toDataURL(type, quality));
-      svgClone.remove();
-    };
-  });
-}
-var isDom = () => typeof document !== "undefined";
-function getPlatform() {
-  const agent = navigator.userAgentData;
-  return agent?.platform ?? navigator.platform;
-}
-function getUserAgent() {
-  const ua2 = navigator.userAgentData;
-  if (ua2 && Array.isArray(ua2.brands)) {
-    return ua2.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ");
-  }
-  return navigator.userAgent;
-}
-var pt = (v) => isDom() && v.test(getPlatform());
-var ua = (v) => isDom() && v.test(getUserAgent());
-var vn = (v) => isDom() && v.test(navigator.vendor);
-var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
-var isIPhone = () => pt(/^iPhone/i);
-var isIPad = () => pt(/^iPad/i) || isMac() && navigator.maxTouchPoints > 1;
-var isIos = () => isIPhone() || isIPad();
-var isApple = () => isMac() || isIos();
-var isMac = () => pt(/^Mac/i);
-var isSafari = () => isApple() && vn(/apple/i);
-var isFirefox = () => ua(/Firefox/i);
-var isAndroid = () => ua(/Android/i);
-function getComposedPath(event) {
-  return event.composedPath?.() ?? event.nativeEvent?.composedPath?.();
-}
-function getEventTarget(event) {
-  const composedPath = getComposedPath(event);
-  return composedPath?.[0] ?? event.target;
-}
-function isOpeningInNewTab(event) {
-  const element = event.currentTarget;
-  if (!element) return false;
-  const validElement = element.matches("a[href], button[type='submit'], input[type='submit']");
-  if (!validElement) return false;
-  const isMiddleClick = event.button === 1;
-  const isModKeyClick = isCtrlOrMetaKey(event);
-  return isMiddleClick || isModKeyClick;
-}
-function isDownloadingEvent(event) {
-  const element = event.currentTarget;
-  if (!element) return false;
-  const localName = element.localName;
-  if (!event.altKey) return false;
-  if (localName === "a") return true;
-  if (localName === "button" && element.type === "submit") return true;
-  if (localName === "input" && element.type === "submit") return true;
-  return false;
-}
-function isComposingEvent(event) {
-  return getNativeEvent(event).isComposing || event.keyCode === 229;
-}
-function isCtrlOrMetaKey(e) {
-  if (isMac()) return e.metaKey;
-  return e.ctrlKey;
-}
-function isVirtualClick(e) {
-  if (e.pointerType === "" && e.isTrusted) return true;
-  if (isAndroid() && e.pointerType) {
-    return e.type === "click" && e.buttons === 1;
-  }
-  return e.detail === 0 && !e.pointerType;
-}
-var isLeftClick = (e) => e.button === 0;
-var isContextMenuEvent = (e) => {
-  return e.button === 2 || isMac() && e.ctrlKey && e.button === 0;
-};
-var isModifierKey = (e) => e.ctrlKey || e.altKey || e.metaKey;
-var isTouchEvent = (event) => "touches" in event && event.touches.length > 0;
-var keyMap = {
-  Up: "ArrowUp",
-  Down: "ArrowDown",
-  Esc: "Escape",
-  " ": "Space",
-  ",": "Comma",
-  Left: "ArrowLeft",
-  Right: "ArrowRight"
-};
-var rtlKeyMap = {
-  ArrowLeft: "ArrowRight",
-  ArrowRight: "ArrowLeft"
-};
-function getEventKey(event, options = {}) {
-  const { dir = "ltr", orientation = "horizontal" } = options;
-  let key = event.key;
-  key = keyMap[key] ?? key;
-  const isRtl = dir === "rtl" && orientation === "horizontal";
-  if (isRtl && key in rtlKeyMap) key = rtlKeyMap[key];
-  return key;
-}
-function getNativeEvent(event) {
-  return event.nativeEvent ?? event;
-}
-function getEventPoint(event, type = "client") {
-  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] : event;
-  return { x: point[`${type}X`], y: point[`${type}Y`] };
-}
-var addDomEvent = (target, eventName, handler, options) => {
-  const node = typeof target === "function" ? target() : target;
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-};
-function getDescriptor(el, options) {
-  const { type = "HTMLInputElement", property = "value" } = options;
-  const proto = getWindow(el)[type].prototype;
-  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
-}
-function getElementType(el) {
-  if (el.localName === "input") return "HTMLInputElement";
-  if (el.localName === "textarea") return "HTMLTextAreaElement";
-  if (el.localName === "select") return "HTMLSelectElement";
-}
-function setElementValue(el, value, property = "value") {
-  if (!el) return;
-  const type = getElementType(el);
-  if (type) {
-    const descriptor = getDescriptor(el, { type, property });
-    descriptor.set?.call(el, value);
-  }
-  el.setAttribute(property, value);
-}
-function setElementChecked(el, checked) {
-  if (!el) return;
-  const descriptor = getDescriptor(el, { type: "HTMLInputElement", property: "checked" });
-  descriptor.set?.call(el, checked);
-  if (checked) el.setAttribute("checked", "");
-  else el.removeAttribute("checked");
-}
-function dispatchInputCheckedEvent(el, options) {
-  const { checked, bubbles = true } = options;
-  if (!el) return;
-  const win = getWindow(el);
-  if (!(el instanceof win.HTMLInputElement)) return;
-  setElementChecked(el, checked);
-  el.dispatchEvent(new win.Event("click", { bubbles }));
-}
-function getClosestForm(el) {
-  return isFormElement(el) ? el.form : el.closest("form");
-}
-function isFormElement(el) {
-  return el.matches("textarea, input, select, button");
-}
-function trackFormReset(el, callback) {
-  if (!el) return;
-  const form = getClosestForm(el);
-  const onReset = (e) => {
-    if (e.defaultPrevented) return;
-    callback();
-  };
-  form?.addEventListener("reset", onReset, { passive: true });
-  return () => form?.removeEventListener("reset", onReset);
-}
-function trackFieldsetDisabled(el, callback) {
-  const fieldset = el?.closest("fieldset");
-  if (!fieldset) return;
-  callback(fieldset.disabled);
-  const win = getWindow(fieldset);
-  const obs = new win.MutationObserver(() => callback(fieldset.disabled));
-  obs.observe(fieldset, {
-    attributes: true,
-    attributeFilter: ["disabled"]
-  });
-  return () => obs.disconnect();
-}
-function trackFormControl(el, options) {
-  if (!el) return;
-  const { onFieldsetDisabledChange, onFormReset } = options;
-  const cleanups = [trackFormReset(el, onFormReset), trackFieldsetDisabled(el, onFieldsetDisabledChange)];
-  return () => cleanups.forEach((cleanup) => cleanup?.());
-}
-var isFrame = (el) => isHTMLElement(el) && el.tagName === "IFRAME";
-var NATURALLY_TABBABLE_REGEX = /^(audio|video|details)$/;
-function parseTabIndex(el) {
-  const attr = el.getAttribute("tabindex");
-  if (!attr) return NaN;
-  return parseInt(attr, 10);
-}
-var hasTabIndex = (el) => !Number.isNaN(parseTabIndex(el));
-var hasNegativeTabIndex = (el) => parseTabIndex(el) < 0;
-function getShadowRootForNode(element, getShadowRoot) {
-  if (!getShadowRoot) return null;
-  if (getShadowRoot === true) {
-    return element.shadowRoot || null;
-  }
-  const result = getShadowRoot(element);
-  return (result === true ? element.shadowRoot : result) || null;
-}
-function collectElementsWithShadowDOM(elements, getShadowRoot, filterFn) {
-  const allElements = [...elements];
-  const toProcess = [...elements];
-  const processed = /* @__PURE__ */ new Set();
-  const positionMap = /* @__PURE__ */ new Map();
-  elements.forEach((el, i) => positionMap.set(el, i));
-  let processIndex = 0;
-  while (processIndex < toProcess.length) {
-    const element = toProcess[processIndex++];
-    if (!element || processed.has(element)) continue;
-    processed.add(element);
-    const shadowRoot = getShadowRootForNode(element, getShadowRoot);
-    if (shadowRoot) {
-      const shadowElements = Array.from(shadowRoot.querySelectorAll(focusableSelector)).filter(filterFn);
-      const hostIndex = positionMap.get(element);
-      if (hostIndex !== void 0) {
-        const insertPosition = hostIndex + 1;
-        allElements.splice(insertPosition, 0, ...shadowElements);
-        shadowElements.forEach((el, i) => {
-          positionMap.set(el, insertPosition + i);
-        });
-        for (let i = insertPosition + shadowElements.length; i < allElements.length; i++) {
-          positionMap.set(allElements[i], i);
-        }
-      } else {
-        const insertPosition = allElements.length;
-        allElements.push(...shadowElements);
-        shadowElements.forEach((el, i) => {
-          positionMap.set(el, insertPosition + i);
-        });
-      }
-      toProcess.push(...shadowElements);
-    }
-  }
-  return allElements;
-}
-var focusableSelector = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
-var getFocusables = (container, options = {}) => {
-  if (!container) return [];
-  const { includeContainer = false, getShadowRoot } = options;
-  const elements = Array.from(container.querySelectorAll(focusableSelector));
-  const include = includeContainer == true || includeContainer == "if-empty" && elements.length === 0;
-  if (include && isHTMLElement(container) && isFocusable(container)) {
-    elements.unshift(container);
-  }
-  const focusableElements = [];
-  for (const element of elements) {
-    if (!isFocusable(element)) continue;
-    if (isFrame(element) && element.contentDocument) {
-      const frameBody = element.contentDocument.body;
-      focusableElements.push(...getFocusables(frameBody, { getShadowRoot }));
-      continue;
-    }
-    focusableElements.push(element);
-  }
-  if (getShadowRoot) {
-    return collectElementsWithShadowDOM(focusableElements, getShadowRoot, isFocusable);
-  }
-  return focusableElements;
-};
-function isFocusable(element) {
-  if (!isHTMLElement(element) || element.closest("[inert]")) return false;
-  return element.matches(focusableSelector) && isElementVisible(element);
-}
-function getTabbables(container, options = {}) {
-  if (!container) return [];
-  const { includeContainer, getShadowRoot } = options;
-  const elements = Array.from(container.querySelectorAll(focusableSelector));
-  if (includeContainer && isTabbable(container)) {
-    elements.unshift(container);
-  }
-  const tabbableElements = [];
-  for (const element of elements) {
-    if (!isTabbable(element)) continue;
-    if (isFrame(element) && element.contentDocument) {
-      const frameBody = element.contentDocument.body;
-      tabbableElements.push(...getTabbables(frameBody, { getShadowRoot }));
-      continue;
-    }
-    tabbableElements.push(element);
-  }
-  if (getShadowRoot) {
-    const allElements = collectElementsWithShadowDOM(tabbableElements, getShadowRoot, isTabbable);
-    if (!allElements.length && includeContainer) {
-      return elements;
-    }
-    return allElements;
-  }
-  if (!tabbableElements.length && includeContainer) {
-    return elements;
-  }
-  return tabbableElements;
-}
-function isTabbable(el) {
-  if (isHTMLElement(el) && el.tabIndex > 0) return true;
-  return isFocusable(el) && !hasNegativeTabIndex(el);
-}
-function getTabbableEdges(container, options = {}) {
-  const elements = getTabbables(container, options);
-  const first2 = elements[0] || null;
-  const last2 = elements[elements.length - 1] || null;
-  return [first2, last2];
-}
-function getTabIndex(node) {
-  if (node.tabIndex < 0) {
-    if ((NATURALLY_TABBABLE_REGEX.test(node.localName) || isEditableElement(node)) && !hasTabIndex(node)) {
-      return 0;
-    }
-  }
-  return node.tabIndex;
-}
-function getInitialFocus(options) {
-  const { root, getInitialEl, filter, enabled = true } = options;
-  if (!enabled) return;
-  let node = null;
-  node || (node = typeof getInitialEl === "function" ? getInitialEl() : getInitialEl);
-  node || (node = root?.querySelector("[data-autofocus],[autofocus]"));
-  if (!node) {
-    const tabbables = getTabbables(root);
-    node = filter ? tabbables.filter(filter)[0] : tabbables[0];
-  }
-  return node || root || void 0;
-}
-function isValidTabEvent(event) {
-  const container = event.currentTarget;
-  if (!container) return false;
-  const [firstTabbable, lastTabbable] = getTabbableEdges(container);
-  if (isActiveElement(firstTabbable) && event.shiftKey) return false;
-  if (isActiveElement(lastTabbable) && !event.shiftKey) return false;
-  if (!firstTabbable && !lastTabbable) return false;
-  return true;
-}
-var AnimationFrame = class _AnimationFrame {
-  constructor() {
-    __publicField(this, "id", null);
-    __publicField(this, "fn_cleanup");
-    __publicField(this, "cleanup", () => {
-      this.cancel();
-    });
-  }
-  static create() {
-    return new _AnimationFrame();
-  }
-  request(fn) {
-    this.cancel();
-    this.id = globalThis.requestAnimationFrame(() => {
-      this.id = null;
-      this.fn_cleanup = fn?.();
-    });
-  }
-  cancel() {
-    if (this.id !== null) {
-      globalThis.cancelAnimationFrame(this.id);
-      this.id = null;
-    }
-    this.fn_cleanup?.();
-    this.fn_cleanup = void 0;
-  }
-  isActive() {
-    return this.id !== null;
-  }
-};
-function raf(fn) {
-  const frame = AnimationFrame.create();
-  frame.request(fn);
-  return frame.cleanup;
-}
-function nextTick(fn) {
-  const set = /* @__PURE__ */ new Set();
-  function raf2(fn2) {
-    const id = globalThis.requestAnimationFrame(fn2);
-    set.add(() => globalThis.cancelAnimationFrame(id));
-  }
-  raf2(() => raf2(fn));
-  return function cleanup() {
-    set.forEach((fn2) => fn2());
-  };
-}
-function queueBeforeEvent(el, type, cb) {
-  const cancelTimer = raf(() => {
-    el.removeEventListener(type, exec, true);
-    cb();
-  });
-  const exec = () => {
-    cancelTimer();
-    cb();
-  };
-  el.addEventListener(type, exec, { once: true, capture: true });
-  return cancelTimer;
-}
-function observeAttributesImpl(node, options) {
-  if (!node) return;
-  const { attributes, callback: fn } = options;
-  const win = node.ownerDocument.defaultView || window;
-  const obs = new win.MutationObserver((changes) => {
-    for (const change of changes) {
-      if (change.type === "attributes" && change.attributeName && attributes.includes(change.attributeName)) {
-        fn(change);
-      }
-    }
-  });
-  obs.observe(node, { attributes: true, attributeFilter: attributes });
-  return () => obs.disconnect();
-}
-function observeAttributes(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(observeAttributesImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function observeChildrenImpl(node, options) {
-  const { callback: fn } = options;
-  if (!node) return;
-  const win = node.ownerDocument.defaultView || window;
-  const obs = new win.MutationObserver(fn);
-  obs.observe(node, { childList: true, subtree: true });
-  return () => obs.disconnect();
-}
-function observeChildren(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(observeChildrenImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function clickIfLink(el) {
-  const click = () => {
-    const win = getWindow(el);
-    el.dispatchEvent(new win.MouseEvent("click"));
-  };
-  if (isFirefox()) {
-    queueBeforeEvent(el, "keyup", click);
-  } else {
-    queueMicrotask(click);
-  }
-}
-function getNearestOverflowAncestor(el) {
-  const parentNode = getParentNode(el);
-  if (isRootElement(parentNode)) return getDocument(parentNode).body;
-  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
-  return getNearestOverflowAncestor(parentNode);
-}
-var OVERFLOW_RE = /auto|scroll|overlay|hidden|clip/;
-var nonOverflowValues = /* @__PURE__ */ new Set(["inline", "contents"]);
-function isOverflowElement(el) {
-  const win = getWindow(el);
-  const { overflow, overflowX, overflowY, display } = win.getComputedStyle(el);
-  return OVERFLOW_RE.test(overflow + overflowY + overflowX) && !nonOverflowValues.has(display);
-}
-function isScrollable(el) {
-  return el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
-}
-function scrollIntoView(el, options) {
-  const { rootEl, ...scrollOptions } = options || {};
-  if (!el || !rootEl) return;
-  if (!isOverflowElement(rootEl) || !isScrollable(rootEl)) return;
-  el.scrollIntoView(scrollOptions);
-}
-function getRelativePoint(point, element) {
-  const { left, top, width, height } = element.getBoundingClientRect();
-  const offset = { x: point.x - left, y: point.y - top };
-  const percent = { x: clamp(offset.x / width), y: clamp(offset.y / height) };
-  function getPercentValue(options = {}) {
-    const { dir = "ltr", orientation = "horizontal", inverted } = options;
-    const invertX = typeof inverted === "object" ? inverted.x : inverted;
-    const invertY = typeof inverted === "object" ? inverted.y : inverted;
-    if (orientation === "horizontal") {
-      return dir === "rtl" || invertX ? 1 - percent.x : percent.x;
-    }
-    return invertY ? 1 - percent.y : percent.y;
-  }
-  return { offset, percent, getPercentValue };
-}
-var state = "default";
-var userSelect = "";
-var elementMap = /* @__PURE__ */ new WeakMap();
-function disableTextSelectionImpl(options = {}) {
-  const { target, doc } = options;
-  const docNode = doc ?? document;
-  const rootEl = docNode.documentElement;
-  if (isIos()) {
-    if (state === "default") {
-      userSelect = rootEl.style.webkitUserSelect;
-      rootEl.style.webkitUserSelect = "none";
-    }
-    state = "disabled";
-  } else if (target) {
-    elementMap.set(target, target.style.userSelect);
-    target.style.userSelect = "none";
-  }
-  return () => restoreTextSelection({ target, doc: docNode });
-}
-function restoreTextSelection(options = {}) {
-  const { target, doc } = options;
-  const docNode = doc ?? document;
-  const rootEl = docNode.documentElement;
-  if (isIos()) {
-    if (state !== "disabled") return;
-    state = "restoring";
-    setTimeout(() => {
-      nextTick(() => {
-        if (state === "restoring") {
-          if (rootEl.style.webkitUserSelect === "none") {
-            rootEl.style.webkitUserSelect = userSelect || "";
-          }
-          userSelect = "";
-          state = "default";
-        }
-      });
-    }, 300);
-  } else {
-    if (target && elementMap.has(target)) {
-      const prevUserSelect = elementMap.get(target);
-      if (target.style.userSelect === "none") {
-        target.style.userSelect = prevUserSelect ?? "";
-      }
-      if (target.getAttribute("style") === "") {
-        target.removeAttribute("style");
-      }
-      elementMap.delete(target);
-    }
-  }
-}
-function disableTextSelection(options = {}) {
-  const { defer, target, ...restOptions } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof target === "function" ? target() : target;
-      cleanups.push(disableTextSelectionImpl({ ...restOptions, target: node }));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackPointerMove(doc, handlers) {
-  const { onPointerMove, onPointerUp } = handlers;
-  const handleMove = (event) => {
-    const point = getEventPoint(event);
-    const distance = Math.sqrt(point.x ** 2 + point.y ** 2);
-    const moveBuffer = event.pointerType === "touch" ? 10 : 5;
-    if (distance < moveBuffer) return;
-    if (event.pointerType === "mouse" && event.buttons === 0) {
-      handleUp(event);
-      return;
-    }
-    onPointerMove({ point, event });
-  };
-  const handleUp = (event) => {
-    const point = getEventPoint(event);
-    onPointerUp({ point, event });
-  };
-  const cleanups = [
-    addDomEvent(doc, "pointermove", handleMove, false),
-    addDomEvent(doc, "pointerup", handleUp, false),
-    addDomEvent(doc, "pointercancel", handleUp, false),
-    addDomEvent(doc, "contextmenu", handleUp, false),
-    disableTextSelection({ doc })
-  ];
-  return () => {
-    cleanups.forEach((cleanup) => cleanup());
-  };
-}
-function trackPress(options) {
-  const {
-    pointerNode,
-    keyboardNode = pointerNode,
-    onPress,
-    onPressStart,
-    onPressEnd,
-    isValidKey = (e) => e.key === "Enter"
-  } = options;
-  if (!pointerNode) return noop;
-  const win = getWindow(pointerNode);
-  let removeStartListeners = noop;
-  let removeEndListeners = noop;
-  let removeAccessibleListeners = noop;
-  const getInfo = (event) => ({
-    point: getEventPoint(event),
-    event
-  });
-  function startPress(event) {
-    onPressStart?.(getInfo(event));
-  }
-  function cancelPress(event) {
-    onPressEnd?.(getInfo(event));
-  }
-  const startPointerPress = (startEvent) => {
-    removeEndListeners();
-    const endPointerPress = (endEvent) => {
-      const target = getEventTarget(endEvent);
-      if (contains(pointerNode, target)) {
-        onPress?.(getInfo(endEvent));
-      } else {
-        onPressEnd?.(getInfo(endEvent));
-      }
-    };
-    const removePointerUpListener = addDomEvent(win, "pointerup", endPointerPress, { passive: !onPress, once: true });
-    const removePointerCancelListener = addDomEvent(win, "pointercancel", cancelPress, {
-      passive: !onPressEnd,
-      once: true
-    });
-    removeEndListeners = pipe(removePointerUpListener, removePointerCancelListener);
-    if (isActiveElement(keyboardNode) && startEvent.pointerType === "mouse") {
-      startEvent.preventDefault();
-    }
-    startPress(startEvent);
-  };
-  const removePointerListener = addDomEvent(pointerNode, "pointerdown", startPointerPress, { passive: !onPressStart });
-  const removeFocusListener = addDomEvent(keyboardNode, "focus", startAccessiblePress);
-  removeStartListeners = pipe(removePointerListener, removeFocusListener);
-  function startAccessiblePress() {
-    const handleKeydown = (keydownEvent) => {
-      if (!isValidKey(keydownEvent)) return;
-      const handleKeyup = (keyupEvent) => {
-        if (!isValidKey(keyupEvent)) return;
-        const evt2 = new win.PointerEvent("pointerup");
-        const info = getInfo(evt2);
-        onPress?.(info);
-        onPressEnd?.(info);
-      };
-      removeEndListeners();
-      removeEndListeners = addDomEvent(keyboardNode, "keyup", handleKeyup);
-      const evt = new win.PointerEvent("pointerdown");
-      startPress(evt);
-    };
-    const handleBlur = () => {
-      const evt = new win.PointerEvent("pointercancel");
-      cancelPress(evt);
-    };
-    const removeKeydownListener = addDomEvent(keyboardNode, "keydown", handleKeydown);
-    const removeBlurListener = addDomEvent(keyboardNode, "blur", handleBlur);
-    removeAccessibleListeners = pipe(removeKeydownListener, removeBlurListener);
-  }
-  return () => {
-    removeStartListeners();
-    removeEndListeners();
-    removeAccessibleListeners();
-  };
-}
-function queryAll(root, selector) {
-  return Array.from(root?.querySelectorAll(selector) ?? []);
-}
-function query(root, selector) {
-  return root?.querySelector(selector) ?? null;
-}
-var defaultItemToId = (v) => v.id;
-function itemById(v, id, itemToId = defaultItemToId) {
-  return v.find((item) => itemToId(item) === id);
-}
-function indexOfId(v, id, itemToId = defaultItemToId) {
-  const item = itemById(v, id, itemToId);
-  return item ? v.indexOf(item) : -1;
-}
-function nextById(v, id, loop = true) {
-  let idx = indexOfId(v, id);
-  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1);
-  return v[idx];
-}
-function prevById(v, id, loop = true) {
-  let idx = indexOfId(v, id);
-  if (idx === -1) return loop ? v[v.length - 1] : null;
-  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1);
-  return v[idx];
-}
-function createSharedResizeObserver(options) {
-  const listeners = /* @__PURE__ */ new WeakMap();
-  let observer;
-  const entries = /* @__PURE__ */ new WeakMap();
-  const getObserver = (win) => {
-    if (observer) return observer;
-    observer = new win.ResizeObserver((observedEntries) => {
-      for (const entry of observedEntries) {
-        entries.set(entry.target, entry);
-        const elementListeners = listeners.get(entry.target);
-        if (elementListeners) {
-          for (const listener of elementListeners) {
-            listener(entry);
-          }
-        }
-      }
-    });
-    return observer;
-  };
-  const observe = (element, listener) => {
-    let elementListeners = listeners.get(element) || /* @__PURE__ */ new Set();
-    elementListeners.add(listener);
-    listeners.set(element, elementListeners);
-    const win = getWindow(element);
-    getObserver(win).observe(element, options);
-    return () => {
-      const elementListeners2 = listeners.get(element);
-      if (!elementListeners2) return;
-      elementListeners2.delete(listener);
-      if (elementListeners2.size === 0) {
-        listeners.delete(element);
-        getObserver(win).unobserve(element);
-      }
-    };
-  };
-  const unobserve = (element) => {
-    listeners.delete(element);
-    observer?.unobserve(element);
-  };
-  return {
-    observe,
-    unobserve
-  };
-}
-var resizeObserverBorderBox = /* @__PURE__ */ createSharedResizeObserver({
-  box: "border-box"
-});
-var sanitize = (str) => str.split("").map((char) => {
-  const code = char.charCodeAt(0);
-  if (code > 0 && code < 128) return char;
-  if (code >= 128 && code <= 255) return `/x${code.toString(16)}`.replace("/", "\\");
-  return "";
-}).join("").trim();
-var getValueText = (el) => {
-  return sanitize(el.dataset?.valuetext ?? el.textContent ?? "");
-};
-var match = (valueText, query2) => {
-  return valueText.trim().toLowerCase().startsWith(query2.toLowerCase());
-};
-function getByText(v, text, currentId, itemToId = defaultItemToId) {
-  const index = currentId ? indexOfId(v, currentId, itemToId) : -1;
-  let items = currentId ? wrap(v, index) : v;
-  const isSingleKey = text.length === 1;
-  if (isSingleKey) {
-    items = items.filter((item) => itemToId(item) !== currentId);
-  }
-  return items.find((item) => match(getValueText(item), text));
-}
-function setAttribute(el, attr, v) {
-  const prev = el.getAttribute(attr);
-  const exists = prev != null;
-  if (prev === v) return noop;
-  el.setAttribute(attr, v);
-  return () => {
-    if (!exists) {
-      el.removeAttribute(attr);
-    } else {
-      el.setAttribute(attr, prev);
-    }
-  };
-}
-function setStyle(el, style) {
-  if (!el) return noop;
-  const prev = Object.keys(style).reduce((acc, key) => {
-    acc[key] = el.style.getPropertyValue(key);
-    return acc;
-  }, {});
-  if (isEqual(prev, style)) return noop;
-  Object.assign(el.style, style);
-  return () => {
-    Object.assign(el.style, prev);
-    if (el.style.length === 0) {
-      el.removeAttribute("style");
-    }
-  };
-}
-function setStyleProperty(el, prop, value) {
-  if (!el) return noop;
-  const prev = el.style.getPropertyValue(prop);
-  if (prev === value) return noop;
-  el.style.setProperty(prop, value);
-  return () => {
-    el.style.setProperty(prop, prev);
-    if (el.style.length === 0) {
-      el.removeAttribute("style");
-    }
-  };
-}
-function isEqual(a, b) {
-  return Object.keys(a).every((key) => a[key] === b[key]);
-}
-function getByTypeaheadImpl(baseItems, options) {
-  const { state: state2, activeId, key, timeout = 350, itemToId } = options;
-  const search = state2.keysSoFar + key;
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const query2 = isRepeated ? search[0] : search;
-  let items = baseItems.slice();
-  const next = getByText(items, query2, activeId, itemToId);
-  function cleanup() {
-    clearTimeout(state2.timer);
-    state2.timer = -1;
-  }
-  function update(value) {
-    state2.keysSoFar = value;
-    cleanup();
-    if (value !== "") {
-      state2.timer = +setTimeout(() => {
-        update("");
-        cleanup();
-      }, timeout);
-    }
-  }
-  update(search);
-  return next;
-}
-var getByTypeahead = /* @__PURE__ */ Object.assign(getByTypeaheadImpl, {
-  defaultOptions: { keysSoFar: "", timer: -1 },
-  isValidEvent: isValidTypeaheadEvent
-});
-function isValidTypeaheadEvent(event) {
-  return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
-}
-var visuallyHiddenStyle = {
-  border: "0",
-  clip: "rect(0 0 0 0)",
-  height: "1px",
-  margin: "-1px",
-  overflow: "hidden",
-  padding: "0",
-  position: "absolute",
-  width: "1px",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-};
-function waitForPromise(promise, controller, timeout) {
-  const { signal } = controller;
-  const wrappedPromise = new Promise((resolve, reject) => {
-    const timeoutId = setTimeout(() => {
-      reject(new Error(`Timeout of ${timeout}ms exceeded`));
-    }, timeout);
-    signal.addEventListener("abort", () => {
-      clearTimeout(timeoutId);
-      reject(new Error("Promise aborted"));
-    });
-    promise.then((result) => {
-      if (!signal.aborted) {
-        clearTimeout(timeoutId);
-        resolve(result);
-      }
-    }).catch((error) => {
-      if (!signal.aborted) {
-        clearTimeout(timeoutId);
-        reject(error);
-      }
-    });
-  });
-  const abort = () => controller.abort();
-  return [wrappedPromise, abort];
-}
-function waitForElement(target, options) {
-  const { timeout, rootNode } = options;
-  const win = getWindow(rootNode);
-  const doc = getDocument(rootNode);
-  const controller = new win.AbortController();
-  return waitForPromise(
-    new Promise((resolve) => {
-      const el = target();
-      if (el) {
-        resolve(el);
-        return;
-      }
-      const observer = new win.MutationObserver(() => {
-        const el2 = target();
-        if (el2 && el2.isConnected) {
-          observer.disconnect();
-          resolve(el2);
-        }
-      });
-      observer.observe(doc.body, {
-        childList: true,
-        subtree: true
-      });
-    }),
-    controller,
-    timeout
-  );
-}
-
-// ../node_modules/.pnpm/@zag-js+utils@1.33.1/node_modules/@zag-js/utils/dist/index.mjs
-var __defProp2 = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-function toArray(v) {
-  if (v == null) return [];
-  return Array.isArray(v) ? v : [v];
-}
-var first = (v) => v[0];
-var last = (v) => v[v.length - 1];
-var has = (v, t) => v.indexOf(t) !== -1;
-var add = (v, ...items) => v.concat(items);
-var remove = (v, ...items) => v.filter((t) => !items.includes(t));
-var uniq = (v) => Array.from(new Set(v));
-var diff = (a, b) => {
-  const set = new Set(b);
-  return a.filter((t) => !set.has(t));
-};
-var addOrRemove = (v, item) => has(v, item) ? remove(v, item) : add(v, item);
-function chunk(v, size) {
-  return v.reduce((rows, value, index) => {
-    if (index % size === 0) rows.push([value]);
-    else last(rows)?.push(value);
-    return rows;
-  }, []);
-}
-function partition(arr, fn) {
-  return arr.reduce(
-    ([pass, fail], value) => {
-      if (fn(value)) pass.push(value);
-      else fail.push(value);
-      return [pass, fail];
-    },
-    [[], []]
-  );
-}
-var isArrayLike = (value) => value?.constructor.name === "Array";
-var isArrayEqual = (a, b) => {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (!isEqual2(a[i], b[i])) return false;
-  }
-  return true;
-};
-var isEqual2 = (a, b) => {
-  if (Object.is(a, b)) return true;
-  if (a == null && b != null || a != null && b == null) return false;
-  if (typeof a?.isEqual === "function" && typeof b?.isEqual === "function") {
-    return a.isEqual(b);
-  }
-  if (typeof a === "function" && typeof b === "function") {
-    return a.toString() === b.toString();
-  }
-  if (isArrayLike(a) && isArrayLike(b)) {
-    return isArrayEqual(Array.from(a), Array.from(b));
-  }
-  if (!(typeof a === "object") || !(typeof b === "object")) return false;
-  const keys = Object.keys(b ?? /* @__PURE__ */ Object.create(null));
-  const length = keys.length;
-  for (let i = 0; i < length; i++) {
-    const hasKey = Reflect.has(a, keys[i]);
-    if (!hasKey) return false;
-  }
-  for (let i = 0; i < length; i++) {
-    const key = keys[i];
-    if (!isEqual2(a[key], b[key])) return false;
-  }
-  return true;
-};
-var isArray = (v) => Array.isArray(v);
-var isBoolean = (v) => v === true || v === false;
-var isObjectLike = (v) => v != null && typeof v === "object";
-var isObject2 = (v) => isObjectLike(v) && !isArray(v);
-var isString = (v) => typeof v === "string";
-var isFunction = (v) => typeof v === "function";
-var isNull = (v) => v == null;
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-var baseGetTag = (v) => Object.prototype.toString.call(v);
-var fnToString = Function.prototype.toString;
-var objectCtorString = fnToString.call(Object);
-var isPlainObject = (v) => {
-  if (!isObjectLike(v) || baseGetTag(v) != "[object Object]" || isFrameworkElement(v)) return false;
-  const proto = Object.getPrototypeOf(v);
-  if (proto === null) return true;
-  const Ctor = hasProp(proto, "constructor") && proto.constructor;
-  return typeof Ctor == "function" && Ctor instanceof Ctor && fnToString.call(Ctor) == objectCtorString;
-};
-var isReactElement = (x) => typeof x === "object" && x !== null && "$$typeof" in x && "props" in x;
-var isVueElement = (x) => typeof x === "object" && x !== null && "__v_isVNode" in x;
-var isFrameworkElement = (x) => isReactElement(x) || isVueElement(x);
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-var identity = (v) => v();
-var noop2 = () => {
-};
-var callAll = (...fns) => (...a) => {
-  fns.forEach(function(fn) {
-    fn?.(...a);
-  });
-};
-var uuid = /* @__PURE__ */ (() => {
-  let id = 0;
-  return () => {
-    id++;
-    return id.toString(36);
-  };
-})();
-function match2(key, record, ...args) {
-  if (key in record) {
-    const fn = record[key];
-    return isFunction(fn) ? fn(...args) : fn;
-  }
-  const error = new Error(`No matching key: ${JSON.stringify(key)} in ${JSON.stringify(Object.keys(record))}`);
-  Error.captureStackTrace?.(error, match2);
-  throw error;
-}
-var { floor, abs, round, min, max, pow, sign } = Math;
-var isNaN = (v) => Number.isNaN(v);
-var nan = (v) => isNaN(v) ? 0 : v;
-var isValueWithinRange = (v, vmin, vmax) => {
-  const value = nan(v);
-  const minCheck = vmin == null || value >= vmin;
-  const maxCheck = vmax == null || value <= vmax;
-  return minCheck && maxCheck;
-};
-var clampValue = (v, vmin, vmax) => min(max(nan(v), vmin), vmax);
-var toPx = (v) => typeof v === "number" ? `${v}px` : v;
-function compact(obj) {
-  if (!isPlainObject(obj) || obj === void 0) return obj;
-  const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
-  const filtered = {};
-  for (const key of keys) {
-    const value = obj[key];
-    if (value !== void 0) {
-      filtered[key] = compact(value);
-    }
-  }
-  return filtered;
-}
-function splitProps(props, keys) {
-  const rest = {};
-  const result = {};
-  const keySet = new Set(keys);
-  const ownKeys = Reflect.ownKeys(props);
-  for (const key of ownKeys) {
-    if (keySet.has(key)) {
-      result[key] = props[key];
-    } else {
-      rest[key] = props[key];
-    }
-  }
-  return [result, rest];
-}
-var createSplitProps = (keys) => {
-  return function split(props) {
-    return splitProps(props, keys);
-  };
-};
-var currentTime = () => performance.now();
-var _tick;
-var Timer = class {
-  constructor(onTick) {
-    this.onTick = onTick;
-    __publicField2(this, "frameId", null);
-    __publicField2(this, "pausedAtMs", null);
-    __publicField2(this, "context");
-    __publicField2(this, "cancelFrame", () => {
-      if (this.frameId === null) return;
-      cancelAnimationFrame(this.frameId);
-      this.frameId = null;
-    });
-    __publicField2(this, "setStartMs", (startMs) => {
-      this.context.startMs = startMs;
-    });
-    __publicField2(this, "start", () => {
-      if (this.frameId !== null) return;
-      const now = currentTime();
-      if (this.pausedAtMs !== null) {
-        this.context.startMs += now - this.pausedAtMs;
-        this.pausedAtMs = null;
-      } else {
-        this.context.startMs = now;
-      }
-      this.frameId = requestAnimationFrame(__privateGet(this, _tick));
-    });
-    __publicField2(this, "pause", () => {
-      if (this.frameId === null) return;
-      this.cancelFrame();
-      this.pausedAtMs = currentTime();
-    });
-    __publicField2(this, "stop", () => {
-      if (this.frameId === null) return;
-      this.cancelFrame();
-      this.pausedAtMs = null;
-    });
-    __privateAdd(this, _tick, (now) => {
-      this.context.now = now;
-      this.context.deltaMs = now - this.context.startMs;
-      const shouldContinue = this.onTick(this.context);
-      if (shouldContinue === false) {
-        this.stop();
-        return;
-      }
-      this.frameId = requestAnimationFrame(__privateGet(this, _tick));
-    });
-    this.context = { now: 0, startMs: currentTime(), deltaMs: 0 };
-  }
-  get elapsedMs() {
-    if (this.pausedAtMs !== null) {
-      return this.pausedAtMs - this.context.startMs;
-    }
-    return currentTime() - this.context.startMs;
-  }
-};
-_tick = /* @__PURE__ */ new WeakMap();
-function setRafTimeout(fn, delayMs) {
-  const timer = new Timer(({ deltaMs }) => {
-    if (deltaMs >= delayMs) {
-      fn();
-      return false;
-    }
-  });
-  timer.start();
-  return () => timer.stop();
-}
-function warn(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && true) {
-    console.warn(m);
-  }
-}
-function ensure(c, m) {
-  if (c == null) throw new Error(m());
-}
-function ensureProps(props, keys, scope) {
-  let missingKeys = [];
-  for (const key of keys) {
-    if (props[key] == null) missingKeys.push(key);
-  }
-  if (missingKeys.length > 0)
-    throw new Error(`[zag-js${scope ? ` > ${scope}` : ""}] missing required props: ${missingKeys.join(", ")}`);
-}
-
-// ../node_modules/.pnpm/@zag-js+core@1.33.1/node_modules/@zag-js/core/dist/index.mjs
-function memo(getDeps, fn, opts) {
-  let deps = [];
-  let result;
-  return (depArgs) => {
-    const newDeps = getDeps(depArgs);
-    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => !isEqual2(deps[index], dep));
-    if (!depsChanged) return result;
-    deps = newDeps;
-    result = fn(newDeps, depArgs);
-    opts?.onChange?.(result);
-    return result;
-  };
-}
-function createGuards() {
-  return {
-    and: (...guards) => {
-      return function andGuard(params) {
-        return guards.every((str) => params.guard(str));
-      };
-    },
-    or: (...guards) => {
-      return function orGuard(params) {
-        return guards.some((str) => params.guard(str));
-      };
-    },
-    not: (guard) => {
-      return function notGuard(params) {
-        return !params.guard(guard);
-      };
-    }
-  };
-}
-function createMachine(config) {
-  return config;
-}
-function setup() {
-  return {
-    guards: createGuards(),
-    createMachine: (config) => {
-      return createMachine(config);
-    },
-    choose: (transitions) => {
-      return function chooseFn({ choose }) {
-        return choose(transitions)?.actions;
-      };
-    }
-  };
-}
-var MachineStatus = /* @__PURE__ */ ((MachineStatus2) => {
-  MachineStatus2["NotStarted"] = "Not Started";
-  MachineStatus2["Started"] = "Started";
-  MachineStatus2["Stopped"] = "Stopped";
-  return MachineStatus2;
-})(MachineStatus || {});
-var INIT_STATE = "__init__";
-function createScope(props) {
-  const getRootNode2 = () => props.getRootNode?.() ?? document;
-  const getDoc = () => getDocument(getRootNode2());
-  const getWin = () => getDoc().defaultView ?? window;
-  const getActiveElementFn = () => getActiveElement(getRootNode2());
-  const getById = (id) => getRootNode2().getElementById(id);
-  return {
-    ...props,
-    getRootNode: getRootNode2,
-    getDoc,
-    getWin,
-    getActiveElement: getActiveElementFn,
-    isActiveElement,
-    getById
-  };
-}
-
-// ../node_modules/.pnpm/@zag-js+types@1.33.1/node_modules/@zag-js/types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get(_target, key) {
-      if (key === "style")
-        return (props) => {
-          return fn({ style: props }).style;
-        };
-      return fn;
-    }
-  });
-}
-var createProps = () => (props) => Array.from(new Set(props));
-
-// ../node_modules/.pnpm/proxy-compare@3.0.1/node_modules/proxy-compare/dist/index.js
-var TRACK_MEMO_SYMBOL = Symbol();
-var GET_ORIGINAL_SYMBOL = Symbol();
-var getProto = Object.getPrototypeOf;
-var objectsToTrack = /* @__PURE__ */ new WeakMap();
-var isObjectToTrack = (obj) => obj && (objectsToTrack.has(obj) ? objectsToTrack.get(obj) : getProto(obj) === Object.prototype || getProto(obj) === Array.prototype);
-var getUntracked = (obj) => {
-  if (isObjectToTrack(obj)) {
-    return obj[GET_ORIGINAL_SYMBOL] || null;
-  }
-  return null;
-};
-var markToTrack = (obj, mark = true) => {
-  objectsToTrack.set(obj, mark);
-};
-
-// ../node_modules/.pnpm/@zag-js+store@1.33.1/node_modules/@zag-js/store/dist/index.mjs
-function glob() {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof self !== "undefined") return self;
-  if (typeof window !== "undefined") return window;
-  if (typeof global !== "undefined") return global;
-}
-function globalRef(key, value) {
-  const g = glob();
-  if (!g) return value();
-  g[key] || (g[key] = value());
-  return g[key];
-}
-var refSet = globalRef("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
-var isReactElement2 = (x) => typeof x === "object" && x !== null && "$$typeof" in x && "props" in x;
-var isVueElement2 = (x) => typeof x === "object" && x !== null && "__v_isVNode" in x;
-var isDOMElement = (x) => typeof x === "object" && x !== null && "nodeType" in x && typeof x.nodeName === "string";
-var isElement = (x) => isReactElement2(x) || isVueElement2(x) || isDOMElement(x);
-var isObject3 = (x) => x !== null && typeof x === "object";
-var canProxy = (x) => isObject3(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !isElement(x) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer) && !(x instanceof Promise) && !(x instanceof File) && !(x instanceof Blob) && !(x instanceof AbortController);
-var isDev = () => true;
-var proxyStateMap = globalRef("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
-var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version) => {
-  const cache = snapCache.get(target);
-  if (cache?.[0] === version) {
-    return cache[1];
-  }
-  const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
-  markToTrack(snap, true);
-  snapCache.set(target, [version, snap]);
-  Reflect.ownKeys(target).forEach((key) => {
-    const value = Reflect.get(target, key);
-    if (refSet.has(value)) {
-      markToTrack(value, false);
-      snap[key] = value;
-    } else if (proxyStateMap.has(value)) {
-      snap[key] = snapshot(value);
-    } else {
-      snap[key] = value;
-    }
-  });
-  return Object.freeze(snap);
-}, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction2 = (initialObject) => {
-  if (!isObject3(initialObject)) {
-    throw new Error("object required");
-  }
-  const found = proxyCache.get(initialObject);
-  if (found) {
-    return found;
-  }
-  let version = versionHolder[0];
-  const listeners = /* @__PURE__ */ new Set();
-  const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
-    if (version !== nextVersion) {
-      version = nextVersion;
-      listeners.forEach((listener) => listener(op, nextVersion));
-    }
-  };
-  let checkVersion = versionHolder[1];
-  const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
-    if (checkVersion !== nextCheckVersion && !listeners.size) {
-      checkVersion = nextCheckVersion;
-      propProxyStates.forEach(([propProxyState]) => {
-        const propVersion = propProxyState[1](nextCheckVersion);
-        if (propVersion > version) {
-          version = propVersion;
-        }
-      });
-    }
-    return version;
-  };
-  const createPropListener = (prop) => (op, nextVersion) => {
-    const newOp = [...op];
-    newOp[1] = [prop, ...newOp[1]];
-    notifyUpdate(newOp, nextVersion);
-  };
-  const propProxyStates = /* @__PURE__ */ new Map();
-  const addPropListener = (prop, propProxyState) => {
-    if (isDev() && propProxyStates.has(prop)) {
-      throw new Error("prop listener already exists");
-    }
-    if (listeners.size) {
-      const remove2 = propProxyState[3](createPropListener(prop));
-      propProxyStates.set(prop, [propProxyState, remove2]);
-    } else {
-      propProxyStates.set(prop, [propProxyState]);
-    }
-  };
-  const removePropListener = (prop) => {
-    const entry = propProxyStates.get(prop);
-    if (entry) {
-      propProxyStates.delete(prop);
-      entry[1]?.();
-    }
-  };
-  const addListener = (listener) => {
-    listeners.add(listener);
-    if (listeners.size === 1) {
-      propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
-        if (isDev() && prevRemove) {
-          throw new Error("remove already exists");
-        }
-        const remove2 = propProxyState[3](createPropListener(prop));
-        propProxyStates.set(prop, [propProxyState, remove2]);
-      });
-    }
-    const removeListener = () => {
-      listeners.delete(listener);
-      if (listeners.size === 0) {
-        propProxyStates.forEach(([propProxyState, remove2], prop) => {
-          if (remove2) {
-            remove2();
-            propProxyStates.set(prop, [propProxyState]);
-          }
-        });
-      }
-    };
-    return removeListener;
-  };
-  const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
-  const handler = {
-    deleteProperty(target, prop) {
-      const prevValue = Reflect.get(target, prop);
-      removePropListener(prop);
-      const deleted = Reflect.deleteProperty(target, prop);
-      if (deleted) {
-        notifyUpdate(["delete", [prop], prevValue]);
-      }
-      return deleted;
-    },
-    set(target, prop, value, receiver) {
-      const hasPrevValue = Reflect.has(target, prop);
-      const prevValue = Reflect.get(target, prop, receiver);
-      if (hasPrevValue && (objectIs(prevValue, value) || proxyCache.has(value) && objectIs(prevValue, proxyCache.get(value)))) {
-        return true;
-      }
-      removePropListener(prop);
-      if (isObject3(value)) {
-        value = getUntracked(value) || value;
-      }
-      let nextValue = value;
-      if (Object.getOwnPropertyDescriptor(target, prop)?.set) ;
-      else {
-        if (!proxyStateMap.has(value) && canProxy(value)) {
-          nextValue = proxy(value);
-        }
-        const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
-        if (childProxyState) {
-          addPropListener(prop, childProxyState);
-        }
-      }
-      Reflect.set(target, prop, nextValue, receiver);
-      notifyUpdate(["set", [prop], value, prevValue]);
-      return true;
-    }
-  };
-  const proxyObject = newProxy(baseObject, handler);
-  proxyCache.set(initialObject, proxyObject);
-  const proxyState = [baseObject, ensureVersion, createSnapshot, addListener];
-  proxyStateMap.set(proxyObject, proxyState);
-  Reflect.ownKeys(initialObject).forEach((key) => {
-    const desc = Object.getOwnPropertyDescriptor(initialObject, key);
-    if (desc.get || desc.set) {
-      Object.defineProperty(baseObject, key, desc);
-    } else {
-      proxyObject[key] = initialObject[key];
-    }
-  });
-  return proxyObject;
-}) => [
-  // public functions
-  proxyFunction2,
-  // shared state
-  proxyStateMap,
-  refSet,
-  // internal things
-  objectIs,
-  newProxy,
-  canProxy,
-  snapCache,
-  createSnapshot,
-  proxyCache,
-  versionHolder
-];
-var [proxyFunction] = buildProxyFunction();
-function proxy(initialObject = {}) {
-  return proxyFunction(initialObject);
-}
-function subscribe(proxyObject, callback, notifyInSync) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (isDev() && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  let promise;
-  const ops = [];
-  const addListener = proxyState[3];
-  let isListenerActive = false;
-  const listener = (op) => {
-    ops.push(op);
-    if (notifyInSync) {
-      callback(ops.splice(0));
-      return;
-    }
-    if (!promise) {
-      promise = Promise.resolve().then(() => {
-        promise = void 0;
-        if (isListenerActive) {
-          callback(ops.splice(0));
-        }
-      });
-    }
-  };
-  const removeListener = addListener(listener);
-  isListenerActive = true;
-  return () => {
-    isListenerActive = false;
-    removeListener();
-  };
-}
-function snapshot(proxyObject) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (isDev() && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  const [target, ensureVersion, createSnapshot] = proxyState;
-  return createSnapshot(target, ensureVersion());
-}
-
-// ../node_modules/.pnpm/@zag-js+vanilla@1.33.1/node_modules/@zag-js/vanilla/dist/index.mjs
-var __defProp3 = Object.defineProperty;
-var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField3 = (obj, key, value) => __defNormalProp3(obj, typeof key !== "symbol" ? key + "" : key, value);
-var propMap = {
-  onFocus: "onFocusin",
-  onBlur: "onFocusout",
-  onChange: "onInput",
-  onDoubleClick: "onDblclick",
-  htmlFor: "for",
-  className: "class",
-  defaultValue: "value",
-  defaultChecked: "checked"
-};
-var caseSensitiveSvgAttrs = /* @__PURE__ */ new Set(["viewBox", "preserveAspectRatio"]);
-var toStyleString = (style) => {
-  let string = "";
-  for (let key in style) {
-    const value = style[key];
-    if (value === null || value === void 0) continue;
-    if (!key.startsWith("--")) key = key.replace(/[A-Z]/g, (match3) => `-${match3.toLowerCase()}`);
-    string += `${key}:${value};`;
-  }
-  return string;
-};
-var normalizeProps = createNormalizer((props) => {
-  return Object.entries(props).reduce((acc, [key, value]) => {
-    if (value === void 0) return acc;
-    if (key in propMap) {
-      key = propMap[key];
-    }
-    if (key === "style" && typeof value === "object") {
-      acc.style = toStyleString(value);
-      return acc;
-    }
-    const normalizedKey = caseSensitiveSvgAttrs.has(key) ? key : key.toLowerCase();
-    acc[normalizedKey] = value;
-    return acc;
-  }, {});
-});
-var prevAttrsMap = /* @__PURE__ */ new WeakMap();
-var assignableProps = /* @__PURE__ */ new Set(["value", "checked", "selected"]);
-var caseSensitiveSvgAttrs2 = /* @__PURE__ */ new Set([
-  "viewBox",
-  "preserveAspectRatio",
-  "clipPath",
-  "clipRule",
-  "fillRule",
-  "strokeWidth",
-  "strokeLinecap",
-  "strokeLinejoin",
-  "strokeDasharray",
-  "strokeDashoffset",
-  "strokeMiterlimit"
-]);
-var isSvgElement = (node) => {
-  return node.tagName === "svg" || node.namespaceURI === "http://www.w3.org/2000/svg";
-};
-var getAttributeName = (node, attrName) => {
-  const shouldPreserveCase = isSvgElement(node) && caseSensitiveSvgAttrs2.has(attrName);
-  return shouldPreserveCase ? attrName : attrName.toLowerCase();
-};
-function spreadProps(node, attrs, machineId) {
-  const scopeKey = machineId || "default";
-  let machineMap = prevAttrsMap.get(node);
-  if (!machineMap) {
-    machineMap = /* @__PURE__ */ new Map();
-    prevAttrsMap.set(node, machineMap);
-  }
-  const oldAttrs = machineMap.get(scopeKey) || {};
-  const attrKeys = Object.keys(attrs);
-  const addEvt = (e, f) => {
-    node.addEventListener(e.toLowerCase(), f);
-  };
-  const remEvt = (e, f) => {
-    node.removeEventListener(e.toLowerCase(), f);
-  };
-  const onEvents = (attr) => attr.startsWith("on");
-  const others = (attr) => !attr.startsWith("on");
-  const setup2 = (attr) => addEvt(attr.substring(2), attrs[attr]);
-  const teardown = (attr) => remEvt(attr.substring(2), attrs[attr]);
-  const apply = (attrName) => {
-    const value = attrs[attrName];
-    const oldValue = oldAttrs[attrName];
-    if (value === oldValue) return;
-    if (attrName === "class") {
-      node.className = value ?? "";
-      return;
-    }
-    if (assignableProps.has(attrName)) {
-      node[attrName] = value ?? "";
-      return;
-    }
-    if (typeof value === "boolean" && !attrName.includes("aria-")) {
-      node.toggleAttribute(getAttributeName(node, attrName), value);
-      return;
-    }
-    if (attrName === "children") {
-      node.innerHTML = value;
-      return;
-    }
-    if (value != null) {
-      node.setAttribute(getAttributeName(node, attrName), value);
-      return;
-    }
-    node.removeAttribute(getAttributeName(node, attrName));
-  };
-  for (const key in oldAttrs) {
-    if (attrs[key] == null) {
-      if (key === "class") {
-        node.className = "";
-      } else if (assignableProps.has(key)) {
-        node[key] = "";
-      } else {
-        node.removeAttribute(getAttributeName(node, key));
-      }
-    }
-  }
-  const oldEvents = Object.keys(oldAttrs).filter(onEvents);
-  oldEvents.forEach((evt) => {
-    remEvt(evt.substring(2), oldAttrs[evt]);
-  });
-  attrKeys.filter(onEvents).forEach(setup2);
-  attrKeys.filter(others).forEach(apply);
-  machineMap.set(scopeKey, attrs);
-  return function cleanup() {
-    attrKeys.filter(onEvents).forEach(teardown);
-    const currentMachineMap = prevAttrsMap.get(node);
-    if (currentMachineMap) {
-      currentMachineMap.delete(scopeKey);
-      if (currentMachineMap.size === 0) {
-        prevAttrsMap.delete(node);
-      }
-    }
-  };
-}
-function bindable(props) {
-  const initial = props().value ?? props().defaultValue;
-  if (props().debug) {
-    console.log(`[bindable > ${props().debug}] initial`, initial);
-  }
-  const eq = props().isEqual ?? Object.is;
-  const store = proxy({ value: initial });
-  const controlled = () => props().value !== void 0;
-  return {
-    initial,
-    ref: store,
-    get() {
-      return controlled() ? props().value : store.value;
-    },
-    set(nextValue) {
-      const prev = store.value;
-      const next = isFunction(nextValue) ? nextValue(prev) : nextValue;
-      if (props().debug) {
-        console.log(`[bindable > ${props().debug}] setValue`, { next, prev });
-      }
-      if (!controlled()) store.value = next;
-      if (!eq(next, prev)) {
-        props().onChange?.(next, prev);
-      }
-    },
-    invoke(nextValue, prevValue) {
-      props().onChange?.(nextValue, prevValue);
-    },
-    hash(value) {
-      return props().hash?.(value) ?? String(value);
-    }
-  };
-}
-bindable.cleanup = (_fn) => {
-};
-bindable.ref = (defaultValue) => {
-  let value = defaultValue;
-  return {
-    get: () => value,
-    set: (next) => {
-      value = next;
-    }
-  };
-};
-function createRefs(refs) {
-  const ref = { current: refs };
-  return {
-    get(key) {
-      return ref.current[key];
-    },
-    set(key, value) {
-      ref.current[key] = value;
-    }
-  };
-}
-function mergeMachineProps(prev, next) {
-  if (!isPlainObject(prev) || !isPlainObject(next)) {
-    return next === void 0 ? prev : next;
-  }
-  const result = { ...prev };
-  for (const key of Object.keys(next)) {
-    const nextValue = next[key];
-    const prevValue = prev[key];
-    if (nextValue === void 0) {
-      continue;
-    }
-    if (isPlainObject(prevValue) && isPlainObject(nextValue)) {
-      result[key] = mergeMachineProps(prevValue, nextValue);
-    } else {
-      result[key] = nextValue;
-    }
-  }
-  return result;
-}
-var VanillaMachine = class {
-  constructor(machine, userProps = {}) {
-    this.machine = machine;
-    __publicField3(this, "scope");
-    __publicField3(this, "context");
-    __publicField3(this, "prop");
-    __publicField3(this, "state");
-    __publicField3(this, "refs");
-    __publicField3(this, "computed");
-    __publicField3(this, "event", { type: "" });
-    __publicField3(this, "previousEvent", { type: "" });
-    __publicField3(this, "effects", /* @__PURE__ */ new Map());
-    __publicField3(this, "transition", null);
-    __publicField3(this, "cleanups", []);
-    __publicField3(this, "subscriptions", []);
-    __publicField3(this, "userPropsRef");
-    __publicField3(this, "getEvent", () => ({
-      ...this.event,
-      current: () => this.event,
-      previous: () => this.previousEvent
-    }));
-    __publicField3(this, "getStateConfig", (state3) => {
-      return this.machine.states[state3];
-    });
-    __publicField3(this, "getState", () => ({
-      ...this.state,
-      matches: (...values) => values.includes(this.state.get()),
-      hasTag: (tag) => !!this.getStateConfig(this.state.get())?.tags?.includes(tag)
-    }));
-    __publicField3(this, "debug", (...args) => {
-      if (this.machine.debug) console.log(...args);
-    });
-    __publicField3(this, "notify", () => {
-      this.publish();
-    });
-    __publicField3(this, "send", (event) => {
-      if (this.status !== MachineStatus.Started) return;
-      queueMicrotask(() => {
-        if (!event) return;
-        this.previousEvent = this.event;
-        this.event = event;
-        this.debug("send", event);
-        let currentState = this.state.get();
-        const eventType = event.type;
-        const transitions = this.getStateConfig(currentState)?.on?.[eventType] ?? this.machine.on?.[eventType];
-        const transition = this.choose(transitions);
-        if (!transition) return;
-        this.transition = transition;
-        const target = transition.target ?? currentState;
-        this.debug("transition", transition);
-        const changed = target !== currentState;
-        if (changed) {
-          this.state.set(target);
-        } else if (transition.reenter && !changed) {
-          this.state.invoke(currentState, currentState);
-        } else {
-          this.action(transition.actions);
-        }
-      });
-    });
-    __publicField3(this, "action", (keys) => {
-      const strs = isFunction(keys) ? keys(this.getParams()) : keys;
-      if (!strs) return;
-      const fns = strs.map((s) => {
-        const fn = this.machine.implementations?.actions?.[s];
-        if (!fn) warn(`[zag-js] No implementation found for action "${JSON.stringify(s)}"`);
-        return fn;
-      });
-      for (const fn of fns) {
-        fn?.(this.getParams());
-      }
-    });
-    __publicField3(this, "guard", (str) => {
-      if (isFunction(str)) return str(this.getParams());
-      return this.machine.implementations?.guards?.[str](this.getParams());
-    });
-    __publicField3(this, "effect", (keys) => {
-      const strs = isFunction(keys) ? keys(this.getParams()) : keys;
-      if (!strs) return;
-      const fns = strs.map((s) => {
-        const fn = this.machine.implementations?.effects?.[s];
-        if (!fn) warn(`[zag-js] No implementation found for effect "${JSON.stringify(s)}"`);
-        return fn;
-      });
-      const cleanups = [];
-      for (const fn of fns) {
-        const cleanup = fn?.(this.getParams());
-        if (cleanup) cleanups.push(cleanup);
-      }
-      return () => cleanups.forEach((fn) => fn?.());
-    });
-    __publicField3(this, "choose", (transitions) => {
-      return toArray(transitions).find((t) => {
-        let result = !t.guard;
-        if (isString(t.guard)) result = !!this.guard(t.guard);
-        else if (isFunction(t.guard)) result = t.guard(this.getParams());
-        return result;
-      });
-    });
-    __publicField3(this, "subscribe", (fn) => {
-      this.subscriptions.push(fn);
-      return () => {
-        const index = this.subscriptions.indexOf(fn);
-        if (index > -1) this.subscriptions.splice(index, 1);
-      };
-    });
-    __publicField3(this, "status", MachineStatus.NotStarted);
-    __publicField3(this, "publish", () => {
-      this.callTrackers();
-      this.subscriptions.forEach((fn) => fn(this.service));
-    });
-    __publicField3(this, "trackers", []);
-    __publicField3(this, "setupTrackers", () => {
-      this.machine.watch?.(this.getParams());
-    });
-    __publicField3(this, "callTrackers", () => {
-      this.trackers.forEach(({ deps, fn }) => {
-        const next = deps.map((dep) => dep());
-        if (!isEqual2(fn.prev, next)) {
-          fn();
-          fn.prev = next;
-        }
-      });
-    });
-    __publicField3(this, "getParams", () => ({
-      state: this.getState(),
-      context: this.context,
-      event: this.getEvent(),
-      prop: this.prop,
-      send: this.send,
-      action: this.action,
-      guard: this.guard,
-      track: (deps, fn) => {
-        fn.prev = deps.map((dep) => dep());
-        this.trackers.push({ deps, fn });
-      },
-      refs: this.refs,
-      computed: this.computed,
-      flush: identity,
-      scope: this.scope,
-      choose: this.choose
-    }));
-    this.userPropsRef = { current: userProps };
-    const { id, ids, getRootNode: getRootNode2 } = runIfFn(userProps);
-    this.scope = createScope({ id, ids, getRootNode: getRootNode2 });
-    const prop = (key) => {
-      const __props = runIfFn(this.userPropsRef.current);
-      const props = machine.props?.({ props: compact(__props), scope: this.scope }) ?? __props;
-      return props[key];
-    };
-    this.prop = prop;
-    const context = machine.context?.({
-      prop,
-      bindable,
-      scope: this.scope,
-      flush(fn) {
-        queueMicrotask(fn);
-      },
-      getContext() {
-        return ctx;
-      },
-      getComputed() {
-        return computed;
-      },
-      getRefs() {
-        return refs;
-      },
-      getEvent: this.getEvent.bind(this)
-    });
-    if (context) {
-      Object.values(context).forEach((item) => {
-        const unsub = subscribe(item.ref, () => this.notify());
-        this.cleanups.push(unsub);
-      });
-    }
-    const ctx = {
-      get(key) {
-        return context?.[key].get();
-      },
-      set(key, value) {
-        context?.[key].set(value);
-      },
-      initial(key) {
-        return context?.[key].initial;
-      },
-      hash(key) {
-        const current = context?.[key].get();
-        return context?.[key].hash(current);
-      }
-    };
-    this.context = ctx;
-    const computed = (key) => {
-      return machine.computed?.[key]({
-        context: ctx,
-        event: this.getEvent(),
-        prop,
-        refs: this.refs,
-        scope: this.scope,
-        computed
-      }) ?? {};
-    };
-    this.computed = computed;
-    const refs = createRefs(machine.refs?.({ prop, context: ctx }) ?? {});
-    this.refs = refs;
-    const state2 = bindable(() => ({
-      defaultValue: machine.initialState({ prop }),
-      onChange: (nextState, prevState) => {
-        if (prevState) {
-          const exitEffects = this.effects.get(prevState);
-          exitEffects?.();
-          this.effects.delete(prevState);
-        }
-        if (prevState) {
-          this.action(this.getStateConfig(prevState)?.exit);
-        }
-        this.action(this.transition?.actions);
-        const cleanup = this.effect(this.getStateConfig(nextState)?.effects);
-        if (cleanup) this.effects.set(nextState, cleanup);
-        if (prevState === INIT_STATE) {
-          this.action(machine.entry);
-          const cleanup2 = this.effect(machine.effects);
-          if (cleanup2) this.effects.set(INIT_STATE, cleanup2);
-        }
-        this.action(this.getStateConfig(nextState)?.entry);
-      }
-    }));
-    this.state = state2;
-    this.cleanups.push(subscribe(this.state.ref, () => this.notify()));
-  }
-  updateProps(newProps) {
-    const prevSource = this.userPropsRef.current;
-    this.userPropsRef.current = () => {
-      const prev = runIfFn(prevSource);
-      const next = runIfFn(newProps);
-      return mergeMachineProps(prev, next);
-    };
-    this.notify();
-  }
-  start() {
-    this.status = MachineStatus.Started;
-    this.debug("initializing...");
-    this.state.invoke(this.state.initial, INIT_STATE);
-    this.setupTrackers();
-  }
-  stop() {
-    this.effects.forEach((fn) => fn?.());
-    this.effects.clear();
-    this.transition = null;
-    this.action(this.machine.exit);
-    this.cleanups.forEach((unsub) => unsub());
-    this.cleanups = [];
-    this.subscriptions = [];
-    this.status = MachineStatus.Stopped;
-    this.debug("unmounting...");
-  }
-  get service() {
-    return {
-      state: this.getState(),
-      send: this.send,
-      context: this.context,
-      prop: this.prop,
-      scope: this.scope,
-      refs: this.refs,
-      computed: this.computed,
-      event: this.getEvent(),
-      getStatus: () => this.status
-    };
-  }
-};
-
-// lib/core.ts
-var Component = class {
-  el;
-  doc;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  machine;
-  api;
-  constructor(el, props) {
-    if (!el) throw new Error("Root element not found");
-    this.el = el;
-    this.doc = document;
-    this.machine = this.initMachine(props);
-    this.api = this.initApi();
-  }
-  init = () => {
-    this.render();
-    this.machine.subscribe(() => {
-      this.api = this.initApi();
-      this.render();
-    });
-    this.machine.start();
-  };
-  destroy = () => {
-    this.machine.stop();
-  };
-  spreadProps = (el, props) => {
-    spreadProps(el, props, this.machine.scope.id);
-  };
-  updateProps = (props) => {
-    this.machine.updateProps(props);
-  };
-};
-
-export {
-  createAnatomy,
-  setCaretToEnd,
-  MAX_Z_INDEX,
-  dataAttr,
-  ariaAttr,
-  isHTMLElement,
-  isDocument,
-  isShadowRoot,
-  isAnchorElement,
-  isEditableElement,
-  contains,
-  getDocument,
-  getWindow,
-  getActiveElement,
-  getComputedStyle,
-  isControlledElement,
-  findControlledElements,
-  getControlledElements,
-  hasControllerElements,
-  isControlledByExpandedController,
-  getDataUrl,
-  isTouchDevice,
-  isIos,
-  isMac,
-  isSafari,
-  getEventTarget,
-  isOpeningInNewTab,
-  isDownloadingEvent,
-  isComposingEvent,
-  isVirtualClick,
-  isLeftClick,
-  isContextMenuEvent,
-  isModifierKey,
-  getEventKey,
-  getNativeEvent,
-  addDomEvent,
-  setElementValue,
-  setElementChecked,
-  dispatchInputCheckedEvent,
-  trackFormControl,
-  getFocusables,
-  isFocusable,
-  getTabbables,
-  isTabbable,
-  getTabIndex,
-  getInitialFocus,
-  isValidTabEvent,
-  AnimationFrame,
-  raf,
-  nextTick,
-  observeAttributes,
-  observeChildren,
-  clickIfLink,
-  getNearestOverflowAncestor,
-  scrollIntoView,
-  getRelativePoint,
-  restoreTextSelection,
-  disableTextSelection,
-  trackPointerMove,
-  trackPress,
-  queryAll,
-  query,
-  itemById,
-  nextById,
-  prevById,
-  resizeObserverBorderBox,
-  setAttribute,
-  setStyle,
-  setStyleProperty,
-  getByTypeahead,
-  visuallyHiddenStyle,
-  waitForElement,
-  toArray,
-  first,
-  last,
-  add,
-  remove,
-  uniq,
-  diff,
-  addOrRemove,
-  chunk,
-  partition,
-  isEqual2 as isEqual,
-  isArray,
-  isBoolean,
-  isObject2 as isObject,
-  isFunction,
-  isNull,
-  hasProp,
-  runIfFn,
-  noop2 as noop,
-  callAll,
-  uuid,
-  match2 as match,
-  isValueWithinRange,
-  clampValue,
-  toPx,
-  compact,
-  createSplitProps,
-  setRafTimeout,
-  warn,
-  ensure,
-  ensureProps,
-  memo,
-  createGuards,
-  createMachine,
-  setup,
-  createProps,
-  normalizeProps,
-  VanillaMachine,
-  Component,
-  getDir,
-  getString,
-  getStringList,
-  getNumber,
-  getBoolean,
-  generateId
-};
diff --git a/priv/static/clipboard.mjs b/priv/static/clipboard.mjs
index dabb8ce..1d67181 100644
--- a/priv/static/clipboard.mjs
+++ b/priv/static/clipboard.mjs
@@ -13,7 +13,7 @@ import {
   normalizeProps,
   setElementValue,
   setRafTimeout
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+clipboard@1.33.1/node_modules/@zag-js/clipboard/dist/index.mjs
 var anatomy = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
diff --git a/priv/static/collapsible.mjs b/priv/static/collapsible.mjs
index 37d460a..f6be962 100644
--- a/priv/static/collapsible.mjs
+++ b/priv/static/collapsible.mjs
@@ -18,7 +18,7 @@ import {
   setAttribute,
   setStyle,
   toPx
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+collapsible@1.33.1/node_modules/@zag-js/collapsible/dist/index.mjs
 var anatomy = createAnatomy("collapsible").parts("root", "trigger", "content", "indicator");
diff --git a/priv/static/combobox.mjs b/priv/static/combobox.mjs
index f934760..a9b0bc5 100644
--- a/priv/static/combobox.mjs
+++ b/priv/static/combobox.mjs
@@ -1,13 +1,14 @@
 import {
   ListCollection
-} from "./chunk-2DWEYSRA.mjs";
+} from "./chunk-2PO3TGCF.mjs";
 import {
   getPlacement,
   getPlacementStyles
-} from "./chunk-GRHV6R4F.mjs";
+} from "./chunk-EENFWNGI.mjs";
 import {
   trackDismissableElement
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   Component,
   VanillaMachine,
@@ -41,7 +42,7 @@ import {
   scrollIntoView,
   setCaretToEnd,
   setup
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+combobox@1.33.1/node_modules/@zag-js/combobox/dist/index.mjs
 var anatomy = createAnatomy("combobox").parts(
@@ -1615,7 +1616,7 @@ var Combobox = class extends Component {
         itemToValue: (item) => item.id ?? "",
         itemToString: (item) => item.label,
         isItemDisabled: (item) => item.disabled ?? false,
-        groupBy: (item) => item.group
+        groupBy: (item) => item.group ?? ""
       });
     }
     return collection({
diff --git a/priv/static/corex.cjs.js b/priv/static/corex.cjs.js
index 328dcb1..f2506e4 100644
--- a/priv/static/corex.cjs.js
+++ b/priv/static/corex.cjs.js
@@ -35,7 +35,7 @@ __export(corex_exports, {
   hooks: () => hooks
 });
 module.exports = __toCommonJS(corex_exports);
-function hooks(importFn, exportName) {
+function createLazyHook(importFn, exportName) {
   return {
     async mounted() {
       const mod = await importFn();
@@ -61,21 +61,37 @@ function hooks(importFn, exportName) {
   };
 }
 var Hooks = {
-  Accordion: hooks(() => import("corex/accordion"), "Accordion"),
-  Checkbox: hooks(() => import("corex/checkbox"), "Checkbox"),
-  Clipboard: hooks(() => import("corex/clipboard"), "Clipboard"),
-  Collapsible: hooks(() => import("corex/collapsible"), "Collapsible"),
-  Combobox: hooks(() => import("corex/combobox"), "Combobox"),
-  DatePicker: hooks(() => import("corex/date-picker"), "DatePicker"),
-  Dialog: hooks(() => import("corex/dialog"), "Dialog"),
-  Menu: hooks(() => import("corex/menu"), "Menu"),
-  Select: hooks(() => import("corex/select"), "Select"),
-  SignaturePad: hooks(() => import("corex/signature-pad"), "SignaturePad"),
-  Switch: hooks(() => import("corex/switch"), "Switch"),
-  Tabs: hooks(() => import("corex/tabs"), "Tabs"),
-  Toast: hooks(() => import("corex/toast"), "Toast"),
-  ToggleGroup: hooks(() => import("corex/toggle-group"), "ToggleGroup"),
-  TreeView: hooks(() => import("corex/tree-view"), "TreeView")
+  Accordion: createLazyHook(() => import("corex/accordion"), "Accordion"),
+  AngleSlider: createLazyHook(() => import("corex/angle-slider"), "AngleSlider"),
+  Avatar: createLazyHook(() => import("corex/avatar"), "Avatar"),
+  Carousel: createLazyHook(() => import("corex/carousel"), "Carousel"),
+  Checkbox: createLazyHook(() => import("corex/checkbox"), "Checkbox"),
+  Clipboard: createLazyHook(() => import("corex/clipboard"), "Clipboard"),
+  Collapsible: createLazyHook(() => import("corex/collapsible"), "Collapsible"),
+  Combobox: createLazyHook(() => import("corex/combobox"), "Combobox"),
+  DatePicker: createLazyHook(() => import("corex/date-picker"), "DatePicker"),
+  Dialog: createLazyHook(() => import("corex/dialog"), "Dialog"),
+  Editable: createLazyHook(() => import("corex/editable"), "Editable"),
+  FloatingPanel: createLazyHook(() => import("corex/floating-panel"), "FloatingPanel"),
+  Listbox: createLazyHook(() => import("corex/listbox"), "Listbox"),
+  Menu: createLazyHook(() => import("corex/menu"), "Menu"),
+  NumberInput: createLazyHook(() => import("corex/number-input"), "NumberInput"),
+  PasswordInput: createLazyHook(() => import("corex/password-input"), "PasswordInput"),
+  PinInput: createLazyHook(() => import("corex/pin-input"), "PinInput"),
+  RadioGroup: createLazyHook(() => import("corex/radio-group"), "RadioGroup"),
+  Select: createLazyHook(() => import("corex/select"), "Select"),
+  SignaturePad: createLazyHook(() => import("corex/signature-pad"), "SignaturePad"),
+  Switch: createLazyHook(() => import("corex/switch"), "Switch"),
+  Tabs: createLazyHook(() => import("corex/tabs"), "Tabs"),
+  Timer: createLazyHook(() => import("corex/timer"), "Timer"),
+  Toast: createLazyHook(() => import("corex/toast"), "Toast"),
+  ToggleGroup: createLazyHook(() => import("corex/toggle-group"), "ToggleGroup"),
+  TreeView: createLazyHook(() => import("corex/tree-view"), "TreeView")
 };
+function hooks(componentNames) {
+  return Object.fromEntries(
+    componentNames.filter((name) => name in Hooks).map((name) => [name, Hooks[name]])
+  );
+}
 var corex_default = Hooks;
 //# sourceMappingURL=corex.cjs.js.map
diff --git a/priv/static/corex.cjs.js.map b/priv/static/corex.cjs.js.map
index 45d0bb7..a00f9d1 100644
--- a/priv/static/corex.cjs.js.map
+++ b/priv/static/corex.cjs.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../assets/hooks/corex.ts"],
-  "sourcesContent": ["import type { Hook } from \"phoenix_live_view\";\n\ntype HookModule = Record<string, Hook<object, HTMLElement> | undefined>;\n\nfunction hooks(importFn: () => Promise<HookModule>, exportName: string): Hook {\n  return {\n    async mounted() {\n      const mod = await importFn();\n      const real = mod[exportName];\n      (this as { _realHook?: Hook })._realHook = real;\n      if (real?.mounted) return real.mounted.call(this);\n    },\n    updated() {\n      (this as { _realHook?: Hook })._realHook?.updated?.call(this);\n    },\n    destroyed() {\n      (this as { _realHook?: Hook })._realHook?.destroyed?.call(this);\n    },\n    disconnected() {\n      (this as { _realHook?: Hook })._realHook?.disconnected?.call(this);\n    },\n    reconnected() {\n      (this as { _realHook?: Hook })._realHook?.reconnected?.call(this);\n    },\n    beforeUpdate() {\n      (this as { _realHook?: Hook })._realHook?.beforeUpdate?.call(this);\n    },\n  };\n}\n\nexport const Hooks = {\n  Accordion: hooks(() => import(\"corex/accordion\"), \"Accordion\"),\n  Checkbox: hooks(() => import(\"corex/checkbox\"), \"Checkbox\"),\n  Clipboard: hooks(() => import(\"corex/clipboard\"), \"Clipboard\"),\n  Collapsible: hooks(() => import(\"corex/collapsible\"), \"Collapsible\"),\n  Combobox: hooks(() => import(\"corex/combobox\"), \"Combobox\"),\n  DatePicker: hooks(() => import(\"corex/date-picker\"), \"DatePicker\"),\n  Dialog: hooks(() => import(\"corex/dialog\"), \"Dialog\"),\n  Menu: hooks(() => import(\"corex/menu\"), \"Menu\"),\n  Select: hooks(() => import(\"corex/select\"), \"Select\"),\n  SignaturePad: hooks(() => import(\"corex/signature-pad\"), \"SignaturePad\"),\n  Switch: hooks(() => import(\"corex/switch\"), \"Switch\"),\n  Tabs: hooks(() => import(\"corex/tabs\"), \"Tabs\"),\n  Toast: hooks(() => import(\"corex/toast\"), \"Toast\"),\n  ToggleGroup: hooks(() => import(\"corex/toggle-group\"), \"ToggleGroup\"),\n  TreeView: hooks(() => import(\"corex/tree-view\"), \"TreeView\"),\n};\n\nexport { hooks };\n\nexport default Hooks;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,SAAS,MAAM,UAAqC,YAA0B;AAC5E,SAAO;AAAA,IACL,MAAM,UAAU;AACd,YAAM,MAAM,MAAM,SAAS;AAC3B,YAAM,OAAO,IAAI,UAAU;AAC3B,MAAC,KAA8B,YAAY;AAC3C,UAAI,MAAM,QAAS,QAAO,KAAK,QAAQ,KAAK,IAAI;AAAA,IAClD;AAAA,IACA,UAAU;AACR,MAAC,KAA8B,WAAW,SAAS,KAAK,IAAI;AAAA,IAC9D;AAAA,IACA,YAAY;AACV,MAAC,KAA8B,WAAW,WAAW,KAAK,IAAI;AAAA,IAChE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,IACA,cAAc;AACZ,MAAC,KAA8B,WAAW,aAAa,KAAK,IAAI;AAAA,IAClE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,EACF;AACF;AAEO,IAAM,QAAQ;AAAA,EACnB,WAAW,MAAM,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EAC7D,UAAU,MAAM,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EAC1D,WAAW,MAAM,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EAC7D,aAAa,MAAM,MAAM,OAAO,mBAAmB,GAAG,aAAa;AAAA,EACnE,UAAU,MAAM,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EAC1D,YAAY,MAAM,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EACjE,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,MAAM,MAAM,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EAC9C,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,cAAc,MAAM,MAAM,OAAO,qBAAqB,GAAG,cAAc;AAAA,EACvE,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,MAAM,MAAM,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EAC9C,OAAO,MAAM,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EACjD,aAAa,MAAM,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EACpE,UAAU,MAAM,MAAM,OAAO,iBAAiB,GAAG,UAAU;AAC7D;AAIA,IAAO,gBAAQ;",
+  "sourcesContent": ["import type { Hook } from \"phoenix_live_view\";\n\ntype HookModule = Record<string, Hook<object, HTMLElement> | undefined>;\n\nfunction createLazyHook(importFn: () => Promise<HookModule>, exportName: string): Hook {\n  return {\n    async mounted() {\n      const mod = await importFn();\n      const real = mod[exportName];\n      (this as { _realHook?: Hook<object, HTMLElement> })._realHook = real;\n      if (real?.mounted) return real.mounted.call(this);\n    },\n    updated() {\n      (this as { _realHook?: Hook })._realHook?.updated?.call(this);\n    },\n    destroyed() {\n      (this as { _realHook?: Hook })._realHook?.destroyed?.call(this);\n    },\n    disconnected() {\n      (this as { _realHook?: Hook })._realHook?.disconnected?.call(this);\n    },\n    reconnected() {\n      (this as { _realHook?: Hook })._realHook?.reconnected?.call(this);\n    },\n    beforeUpdate() {\n      (this as { _realHook?: Hook })._realHook?.beforeUpdate?.call(this);\n    },\n  };\n}\n\nexport const Hooks = {\n  Accordion: createLazyHook(() => import(\"corex/accordion\"), \"Accordion\"),\n  AngleSlider: createLazyHook(() => import(\"corex/angle-slider\"), \"AngleSlider\"),\n  Avatar: createLazyHook(() => import(\"corex/avatar\"), \"Avatar\"),\n  Carousel: createLazyHook(() => import(\"corex/carousel\"), \"Carousel\"),\n  Checkbox: createLazyHook(() => import(\"corex/checkbox\"), \"Checkbox\"),\n  Clipboard: createLazyHook(() => import(\"corex/clipboard\"), \"Clipboard\"),\n  Collapsible: createLazyHook(() => import(\"corex/collapsible\"), \"Collapsible\"),\n  Combobox: createLazyHook(() => import(\"corex/combobox\"), \"Combobox\"),\n  DatePicker: createLazyHook(() => import(\"corex/date-picker\"), \"DatePicker\"),\n  Dialog: createLazyHook(() => import(\"corex/dialog\"), \"Dialog\"),\n  Editable: createLazyHook(() => import(\"corex/editable\"), \"Editable\"),\n  FloatingPanel: createLazyHook(() => import(\"corex/floating-panel\"), \"FloatingPanel\"),\n  Listbox: createLazyHook(() => import(\"corex/listbox\"), \"Listbox\"),\n  Menu: createLazyHook(() => import(\"corex/menu\"), \"Menu\"),\n  NumberInput: createLazyHook(() => import(\"corex/number-input\"), \"NumberInput\"),\n  PasswordInput: createLazyHook(() => import(\"corex/password-input\"), \"PasswordInput\"),\n  PinInput: createLazyHook(() => import(\"corex/pin-input\"), \"PinInput\"),\n  RadioGroup: createLazyHook(() => import(\"corex/radio-group\"), \"RadioGroup\"),\n  Select: createLazyHook(() => import(\"corex/select\"), \"Select\"),\n  SignaturePad: createLazyHook(() => import(\"corex/signature-pad\"), \"SignaturePad\"),\n  Switch: createLazyHook(() => import(\"corex/switch\"), \"Switch\"),\n  Tabs: createLazyHook(() => import(\"corex/tabs\"), \"Tabs\"),\n  Timer: createLazyHook(() => import(\"corex/timer\"), \"Timer\"),\n  Toast: createLazyHook(() => import(\"corex/toast\"), \"Toast\"),\n  ToggleGroup: createLazyHook(() => import(\"corex/toggle-group\"), \"ToggleGroup\"),\n  TreeView: createLazyHook(() => import(\"corex/tree-view\"), \"TreeView\"),\n};\n\nexport function hooks<T extends keyof typeof Hooks>(\n  componentNames: readonly T[]\n): Pick<typeof Hooks, T> {\n  return Object.fromEntries(\n    componentNames.filter((name): name is T => name in Hooks).map((name) => [name, Hooks[name]])\n  ) as Pick<typeof Hooks, T>;\n}\n\nexport default Hooks;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,SAAS,eAAe,UAAqC,YAA0B;AACrF,SAAO;AAAA,IACL,MAAM,UAAU;AACd,YAAM,MAAM,MAAM,SAAS;AAC3B,YAAM,OAAO,IAAI,UAAU;AAC3B,MAAC,KAAmD,YAAY;AAChE,UAAI,MAAM,QAAS,QAAO,KAAK,QAAQ,KAAK,IAAI;AAAA,IAClD;AAAA,IACA,UAAU;AACR,MAAC,KAA8B,WAAW,SAAS,KAAK,IAAI;AAAA,IAC9D;AAAA,IACA,YAAY;AACV,MAAC,KAA8B,WAAW,WAAW,KAAK,IAAI;AAAA,IAChE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,IACA,cAAc;AACZ,MAAC,KAA8B,WAAW,aAAa,KAAK,IAAI;AAAA,IAClE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,EACF;AACF;AAEO,IAAM,QAAQ;AAAA,EACnB,WAAW,eAAe,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EACtE,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,WAAW,eAAe,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EACtE,aAAa,eAAe,MAAM,OAAO,mBAAmB,GAAG,aAAa;AAAA,EAC5E,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,YAAY,eAAe,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EAC1E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,eAAe,eAAe,MAAM,OAAO,sBAAsB,GAAG,eAAe;AAAA,EACnF,SAAS,eAAe,MAAM,OAAO,eAAe,GAAG,SAAS;AAAA,EAChE,MAAM,eAAe,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EACvD,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,eAAe,eAAe,MAAM,OAAO,sBAAsB,GAAG,eAAe;AAAA,EACnF,UAAU,eAAe,MAAM,OAAO,iBAAiB,GAAG,UAAU;AAAA,EACpE,YAAY,eAAe,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EAC1E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,cAAc,eAAe,MAAM,OAAO,qBAAqB,GAAG,cAAc;AAAA,EAChF,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,MAAM,eAAe,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EACvD,OAAO,eAAe,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EAC1D,OAAO,eAAe,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EAC1D,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,UAAU,eAAe,MAAM,OAAO,iBAAiB,GAAG,UAAU;AACtE;AAEO,SAAS,MACd,gBACuB;AACvB,SAAO,OAAO;AAAA,IACZ,eAAe,OAAO,CAAC,SAAoB,QAAQ,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC;AAAA,EAC7F;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }
diff --git a/priv/static/corex.js b/priv/static/corex.js
index 56fcbb4..91052de 100644
--- a/priv/static/corex.js
+++ b/priv/static/corex.js
@@ -107,7 +107,7 @@ var Corex = (() => {
     }, "return" in obj && method("return"), it;
   };
 
-  // ../priv/static/chunk-GFGFZBBD.mjs
+  // ../priv/static/chunk-IXOYOLUJ.mjs
   function getDir(element) {
     const fromEl = element.dataset.dir;
     if (fromEl !== void 0 && DIR_VALUES.includes(fromEl)) {
@@ -338,6 +338,11 @@ var Corex = (() => {
     }
     return navigator.userAgent;
   }
+  function getBeforeInputValue(event) {
+    const { selectionStart, selectionEnd, value } = event.currentTarget;
+    const data = event.data;
+    return value.slice(0, selectionStart) + (data != null ? data : "") + value.slice(selectionEnd);
+  }
   function getComposedPath(event) {
     var _a, _b, _c, _d;
     return (_d = (_a = event.composedPath) == null ? void 0 : _a.call(event)) != null ? _d : (_c = (_b = event.nativeEvent) == null ? void 0 : _b.composedPath) == null ? void 0 : _c.call(_b);
@@ -396,6 +401,15 @@ var Corex = (() => {
     var _a;
     return (_a = event.nativeEvent) != null ? _a : event;
   }
+  function getEventStep(event) {
+    if (event.ctrlKey || event.metaKey) {
+      return 0.1;
+    } else {
+      const isPageKey = pageKeys.has(event.key);
+      const isSkipKey = isPageKey || event.shiftKey && arrowKeys.has(event.key);
+      return isSkipKey ? 10 : 1;
+    }
+  }
   function getEventPoint(event, type = "client") {
     const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] : event;
     return { x: point[`${type}X`], y: point[`${type}Y`] };
@@ -429,6 +443,14 @@ var Corex = (() => {
     if (checked) el.setAttribute("checked", "");
     else el.removeAttribute("checked");
   }
+  function dispatchInputValueEvent(el, options) {
+    const { value, bubbles = true } = options;
+    if (!el) return;
+    const win = getWindow(el);
+    if (!(el instanceof win.HTMLInputElement)) return;
+    setElementValue(el, `${value}`);
+    el.dispatchEvent(new win.Event("input", { bubbles }));
+  }
   function dispatchInputCheckedEvent(el, options) {
     const { checked, bubbles = true } = options;
     if (!el) return;
@@ -716,6 +738,32 @@ var Corex = (() => {
     }
     return { offset: offset3, percent, getPercentValue };
   }
+  function requestPointerLock(doc, fn) {
+    const body = doc.body;
+    const supported = "pointerLockElement" in doc || "mozPointerLockElement" in doc;
+    const isLocked = () => !!doc.pointerLockElement;
+    function onPointerChange() {
+      fn == null ? void 0 : fn(isLocked());
+    }
+    function onPointerError(event) {
+      if (isLocked()) fn == null ? void 0 : fn(false);
+      console.error("PointerLock error occurred:", event);
+      doc.exitPointerLock();
+    }
+    if (!supported) return;
+    try {
+      body.requestPointerLock();
+    } catch (e2) {
+    }
+    const cleanup = [
+      addDomEvent(doc, "pointerlockchange", onPointerChange, false),
+      addDomEvent(doc, "pointerlockerror", onPointerError, false)
+    ];
+    return () => {
+      cleanup.forEach((cleanup2) => cleanup2());
+      doc.exitPointerLock();
+    };
+  }
   function disableTextSelectionImpl(options = {}) {
     const { target, doc } = options;
     const docNode = doc != null ? doc : document;
@@ -1136,6 +1184,28 @@ var Corex = (() => {
     (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, match2);
     throw error;
   }
+  function throttle(fn, wait = 0) {
+    let lastCall = 0;
+    let timeout = null;
+    return (...args) => {
+      const now = Date.now();
+      const timeSinceLastCall = now - lastCall;
+      if (timeSinceLastCall >= wait) {
+        if (timeout) {
+          clearTimeout(timeout);
+          timeout = null;
+        }
+        fn(...args);
+        lastCall = now;
+      } else if (!timeout) {
+        timeout = setTimeout(() => {
+          fn(...args);
+          lastCall = Date.now();
+          timeout = null;
+        }, wait - timeSinceLastCall);
+      }
+    };
+  }
   function compact(obj) {
     if (!isPlainObject(obj) || obj === void 0) return obj;
     const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
@@ -1148,20 +1218,41 @@ var Corex = (() => {
     }
     return filtered;
   }
-  function splitProps(props15, keys) {
+  function pick(obj, keys) {
+    const filtered = {};
+    for (const key of keys) {
+      const value = obj[key];
+      if (value !== void 0) {
+        filtered[key] = value;
+      }
+    }
+    return filtered;
+  }
+  function splitProps(props26, keys) {
     const rest = {};
     const result = {};
     const keySet = new Set(keys);
-    const ownKeys = Reflect.ownKeys(props15);
+    const ownKeys = Reflect.ownKeys(props26);
     for (const key of ownKeys) {
       if (keySet.has(key)) {
-        result[key] = props15[key];
+        result[key] = props26[key];
       } else {
-        rest[key] = props15[key];
+        rest[key] = props26[key];
       }
     }
     return [result, rest];
   }
+  function setRafInterval(fn, intervalMs) {
+    const timer = new Timer(({ now, deltaMs }) => {
+      if (deltaMs >= intervalMs) {
+        const startMs = intervalMs > 0 ? now - deltaMs % intervalMs : now;
+        timer.setStartMs(startMs);
+        fn({ startMs, deltaMs });
+      }
+    });
+    timer.start();
+    return () => timer.stop();
+  }
   function setRafTimeout(fn, delayMs) {
     const timer = new Timer(({ deltaMs }) => {
       if (deltaMs >= delayMs) {
@@ -1179,44 +1270,51 @@ var Corex = (() => {
       console.warn(m2);
     }
   }
+  function invariant(...a2) {
+    const m2 = a2.length === 1 ? a2[0] : a2[1];
+    const c2 = a2.length === 2 ? a2[0] : true;
+    if (c2 && true) {
+      throw new Error(m2);
+    }
+  }
   function ensure(c2, m2) {
     if (c2 == null) throw new Error(m2());
   }
-  function ensureProps(props15, keys, scope) {
+  function ensureProps(props26, keys, scope) {
     let missingKeys = [];
     for (const key of keys) {
-      if (props15[key] == null) missingKeys.push(key);
+      if (props26[key] == null) missingKeys.push(key);
     }
     if (missingKeys.length > 0)
       throw new Error(`[zag-js${scope ? ` > ${scope}` : ""}] missing required props: ${missingKeys.join(", ")}`);
   }
   function mergeProps(...args) {
     let result = {};
-    for (let props15 of args) {
-      if (!props15) continue;
+    for (let props26 of args) {
+      if (!props26) continue;
       for (let key in result) {
-        if (key.startsWith("on") && typeof result[key] === "function" && typeof props15[key] === "function") {
-          result[key] = callAll(props15[key], result[key]);
+        if (key.startsWith("on") && typeof result[key] === "function" && typeof props26[key] === "function") {
+          result[key] = callAll(props26[key], result[key]);
           continue;
         }
         if (key === "className" || key === "class") {
-          result[key] = clsx(result[key], props15[key]);
+          result[key] = clsx(result[key], props26[key]);
           continue;
         }
         if (key === "style") {
-          result[key] = css(result[key], props15[key]);
+          result[key] = css(result[key], props26[key]);
           continue;
         }
-        result[key] = props15[key] !== void 0 ? props15[key] : result[key];
+        result[key] = props26[key] !== void 0 ? props26[key] : result[key];
       }
-      for (let key in props15) {
+      for (let key in props26) {
         if (result[key] === void 0) {
-          result[key] = props15[key];
+          result[key] = props26[key];
         }
       }
-      const symbols = Object.getOwnPropertySymbols(props15);
+      const symbols = Object.getOwnPropertySymbols(props26);
       for (let symbol of symbols) {
-        result[symbol] = props15[symbol];
+        result[symbol] = props26[symbol];
       }
     }
     return result;
@@ -1237,14 +1335,14 @@ var Corex = (() => {
   }
   function createGuards() {
     return {
-      and: (...guards3) => {
+      and: (...guards5) => {
         return function andGuard(params) {
-          return guards3.every((str) => params.guard(str));
+          return guards5.every((str) => params.guard(str));
         };
       },
-      or: (...guards3) => {
+      or: (...guards5) => {
         return function orGuard(params) {
-          return guards3.some((str) => params.guard(str));
+          return guards5.some((str) => params.guard(str));
         };
       },
       not: (guard) => {
@@ -1264,17 +1362,17 @@ var Corex = (() => {
         return createMachine(config);
       },
       choose: (transitions) => {
-        return function chooseFn({ choose: choose2 }) {
+        return function chooseFn({ choose: choose4 }) {
           var _a;
-          return (_a = choose2(transitions)) == null ? void 0 : _a.actions;
+          return (_a = choose4(transitions)) == null ? void 0 : _a.actions;
         };
       }
     };
   }
-  function createScope(props15) {
+  function createScope(props26) {
     const getRootNode2 = () => {
       var _a, _b;
-      return (_b = (_a = props15.getRootNode) == null ? void 0 : _a.call(props15)) != null ? _b : document;
+      return (_b = (_a = props26.getRootNode) == null ? void 0 : _a.call(props26)) != null ? _b : document;
     };
     const getDoc = () => getDocument(getRootNode2());
     const getWin = () => {
@@ -1283,7 +1381,7 @@ var Corex = (() => {
     };
     const getActiveElementFn = () => getActiveElement(getRootNode2());
     const getById = (id) => getRootNode2().getElementById(id);
-    return __spreadProps(__spreadValues({}, props15), {
+    return __spreadProps(__spreadValues({}, props26), {
       getRootNode: getRootNode2,
       getDoc,
       getWin,
@@ -1296,8 +1394,8 @@ var Corex = (() => {
     return new Proxy({}, {
       get(_target, key) {
         if (key === "style")
-          return (props15) => {
-            return fn({ style: props15 }).style;
+          return (props26) => {
+            return fn({ style: props26 }).style;
           };
         return fn;
       }
@@ -1431,40 +1529,40 @@ var Corex = (() => {
       }
     };
   }
-  function bindable(props15) {
+  function bindable(props26) {
     var _a, _b;
-    const initial = (_a = props15().value) != null ? _a : props15().defaultValue;
-    if (props15().debug) {
-      console.log(`[bindable > ${props15().debug}] initial`, initial);
+    const initial = (_a = props26().value) != null ? _a : props26().defaultValue;
+    if (props26().debug) {
+      console.log(`[bindable > ${props26().debug}] initial`, initial);
     }
-    const eq = (_b = props15().isEqual) != null ? _b : Object.is;
+    const eq = (_b = props26().isEqual) != null ? _b : Object.is;
     const store = proxy({ value: initial });
-    const controlled = () => props15().value !== void 0;
+    const controlled = () => props26().value !== void 0;
     return {
       initial,
       ref: store,
       get() {
-        return controlled() ? props15().value : store.value;
+        return controlled() ? props26().value : store.value;
       },
       set(nextValue) {
         var _a2, _b2;
         const prev2 = store.value;
         const next2 = isFunction(nextValue) ? nextValue(prev2) : nextValue;
-        if (props15().debug) {
-          console.log(`[bindable > ${props15().debug}] setValue`, { next: next2, prev: prev2 });
+        if (props26().debug) {
+          console.log(`[bindable > ${props26().debug}] setValue`, { next: next2, prev: prev2 });
         }
         if (!controlled()) store.value = next2;
         if (!eq(next2, prev2)) {
-          (_b2 = (_a2 = props15()).onChange) == null ? void 0 : _b2.call(_a2, next2, prev2);
+          (_b2 = (_a2 = props26()).onChange) == null ? void 0 : _b2.call(_a2, next2, prev2);
         }
       },
       invoke(nextValue, prevValue) {
         var _a2, _b2;
-        (_b2 = (_a2 = props15()).onChange) == null ? void 0 : _b2.call(_a2, nextValue, prevValue);
+        (_b2 = (_a2 = props26()).onChange) == null ? void 0 : _b2.call(_a2, nextValue, prevValue);
       },
       hash(value) {
         var _a2, _b2, _c;
-        return (_c = (_b2 = (_a2 = props15()).hash) == null ? void 0 : _b2.call(_a2, value)) != null ? _c : String(value);
+        return (_c = (_b2 = (_a2 = props26()).hash) == null ? void 0 : _b2.call(_a2, value)) != null ? _c : String(value);
       }
     };
   }
@@ -1498,9 +1596,9 @@ var Corex = (() => {
     }
     return result;
   }
-  var DIR_VALUES, getString, getStringList, getNumber, getBoolean, generateId, createAnatomy, toKebabCase, isEmpty, __defProp2, __defNormalProp2, __publicField2, clamp, wrap, pipe, noop, isObject, MAX_Z_INDEX, dataAttr, ariaAttr, ELEMENT_NODE, DOCUMENT_NODE, DOCUMENT_FRAGMENT_NODE, isHTMLElement, isDocument, isWindow, getNodeName, isNode, isShadowRoot, isInputElement, isAnchorElement, isElementVisible, TEXTAREA_SELECT_REGEX, styleCache, INTERACTIVE_CONTAINER_ROLE, isInteractiveContainerRole, getAriaControls, isDom, pt, ua, vn, isTouchDevice, isIPhone, isIPad, isIos, isApple, isMac, isSafari, isFirefox, isAndroid, isLeftClick, isContextMenuEvent, isModifierKey, isTouchEvent, keyMap, rtlKeyMap, addDomEvent, isFrame, NATURALLY_TABBABLE_REGEX, hasTabIndex, hasNegativeTabIndex, focusableSelector, getFocusables, AnimationFrame, OVERFLOW_RE, nonOverflowValues, state, userSelect, elementMap, defaultItemToId, resizeObserverBorderBox, sanitize, getValueText, match, getByTypeahead, visuallyHiddenStyle, __defProp22, __typeError2, __defNormalProp22, __publicField22, __accessCheck, __privateGet, __privateAdd, first, last, has, add, remove, uniq, diff, addOrRemove, isArrayLike, isArrayEqual, isEqual2, isArray, isBoolean, isObjectLike, isObject2, isString, isFunction, isNull, hasProp, baseGetTag, fnToString, objectCtorString, isPlainObject, isReactElement, isVueElement, isFrameworkElement, runIfFn, cast, identity, noop2, callAll, uuid, floor, abs, round, min, max, pow, sign, isNaN2, nan, isValueWithinRange, clampValue, toPx, createSplitProps, currentTime, _tick, Timer, clsx, CSS_REGEX, serialize, css, MachineStatus, INIT_STATE, createProps, TRACK_MEMO_SYMBOL, GET_ORIGINAL_SYMBOL, getProto, objectsToTrack, isObjectToTrack, getUntracked, markToTrack, refSet, isReactElement2, isVueElement2, isDOMElement, isElement, isObject3, canProxy, isDev, proxyStateMap, buildProxyFunction, proxyFunction, __defProp3, __defNormalProp3, __publicField3, propMap, caseSensitiveSvgAttrs, toStyleString, normalizeProps, prevAttrsMap, assignableProps, caseSensitiveSvgAttrs2, isSvgElement, getAttributeName, VanillaMachine, Component;
-  var init_chunk_GFGFZBBD = __esm({
-    "../priv/static/chunk-GFGFZBBD.mjs"() {
+  var DIR_VALUES, getString, getStringList, getNumber, getBoolean, generateId, createAnatomy, toKebabCase, isEmpty, __defProp2, __defNormalProp2, __publicField2, clamp, wrap, pipe, noop, isObject, MAX_Z_INDEX, dataAttr, ariaAttr, ELEMENT_NODE, DOCUMENT_NODE, DOCUMENT_FRAGMENT_NODE, isHTMLElement, isDocument, isWindow, getNodeName, isNode, isShadowRoot, isInputElement, isAnchorElement, isElementVisible, TEXTAREA_SELECT_REGEX, styleCache, INTERACTIVE_CONTAINER_ROLE, isInteractiveContainerRole, getAriaControls, isDom, pt, ua, vn, isTouchDevice, isIPhone, isIPad, isIos, isApple, isMac, isSafari, isFirefox, isAndroid, isLeftClick, isContextMenuEvent, isModifierKey, isTouchEvent, keyMap, rtlKeyMap, pageKeys, arrowKeys, addDomEvent, isFrame, NATURALLY_TABBABLE_REGEX, hasTabIndex, hasNegativeTabIndex, focusableSelector, getFocusables, AnimationFrame, OVERFLOW_RE, nonOverflowValues, state, userSelect, elementMap, defaultItemToId, resizeObserverBorderBox, sanitize, getValueText, match, getByTypeahead, visuallyHiddenStyle, __defProp22, __typeError2, __defNormalProp22, __publicField22, __accessCheck, __privateGet, __privateAdd, first, last, has, add, remove, uniq, diff, addOrRemove, isArrayLike, isArrayEqual, isEqual2, isArray, isBoolean, isObjectLike, isObject2, isString, isFunction, isNull, hasProp, baseGetTag, fnToString, objectCtorString, isPlainObject, isReactElement, isVueElement, isFrameworkElement, runIfFn, cast, identity, noop2, callAll, uuid, floor, abs, round, min, max, pow, sign, isNaN2, nan, wrap2, isValueAtMax, isValueAtMin, isValueWithinRange, clampValue, roundToStepPrecision, roundToDpr, snapValueToStep, setValueAtIndex, countDecimals, decimalOp, incrementValue, decrementValue, toPx, createSplitProps, currentTime, _tick, Timer, clsx, CSS_REGEX, serialize, css, MachineStatus, INIT_STATE, createProps, TRACK_MEMO_SYMBOL, GET_ORIGINAL_SYMBOL, getProto, objectsToTrack, isObjectToTrack, getUntracked, markToTrack, refSet, isReactElement2, isVueElement2, isDOMElement, isElement, isObject3, canProxy, isDev, proxyStateMap, buildProxyFunction, proxyFunction, __defProp3, __defNormalProp3, __publicField3, propMap, caseSensitiveSvgAttrs, toStyleString, normalizeProps, prevAttrsMap, assignableProps, caseSensitiveSvgAttrs2, isSvgElement, getAttributeName, VanillaMachine, Component;
+  var init_chunk_IXOYOLUJ = __esm({
+    "../priv/static/chunk-IXOYOLUJ.mjs"() {
       "use strict";
       DIR_VALUES = ["ltr", "rtl"];
       getString = (element, attrName, validValues) => {
@@ -1533,18 +1631,18 @@ var Corex = (() => {
         if (element == null ? void 0 : element.id) return element.id;
         return `${fallbackId}-${Math.random().toString(36).substring(2, 9)}`;
       };
-      createAnatomy = (name, parts16 = []) => ({
+      createAnatomy = (name, parts27 = []) => ({
         parts: (...values) => {
-          if (isEmpty(parts16)) {
+          if (isEmpty(parts27)) {
             return createAnatomy(name, values);
           }
           throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
         },
-        extendWith: (...values) => createAnatomy(name, [...parts16, ...values]),
-        omit: (...values) => createAnatomy(name, parts16.filter((part) => !values.includes(part))),
-        rename: (newName) => createAnatomy(newName, parts16),
-        keys: () => parts16,
-        build: () => [...new Set(parts16)].reduce(
+        extendWith: (...values) => createAnatomy(name, [...parts27, ...values]),
+        omit: (...values) => createAnatomy(name, parts27.filter((part) => !values.includes(part))),
+        rename: (newName) => createAnatomy(newName, parts27),
+        keys: () => parts27,
+        build: () => [...new Set(parts27)].reduce(
           (prev2, part) => Object.assign(prev2, {
             [part]: {
               selector: [
@@ -1630,6 +1728,8 @@ var Corex = (() => {
         ArrowLeft: "ArrowRight",
         ArrowRight: "ArrowLeft"
       };
+      pageKeys = /* @__PURE__ */ new Set(["PageUp", "PageDown"]);
+      arrowKeys = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
       addDomEvent = (target, eventName, handler, options) => {
         const node = typeof target === "function" ? target() : target;
         node == null ? void 0 : node.addEventListener(eventName, handler, options);
@@ -1831,6 +1931,9 @@ var Corex = (() => {
       ({ floor, abs, round, min, max, pow, sign } = Math);
       isNaN2 = (v2) => Number.isNaN(v2);
       nan = (v2) => isNaN2(v2) ? 0 : v2;
+      wrap2 = (v2, vmax) => (v2 % vmax + vmax) % vmax;
+      isValueAtMax = (v2, vmax) => nan(v2) >= vmax;
+      isValueAtMin = (v2, vmin) => nan(v2) <= vmin;
       isValueWithinRange = (v2, vmin, vmax) => {
         const value = nan(v2);
         const minCheck = vmin == null || value >= vmin;
@@ -1838,10 +1941,63 @@ var Corex = (() => {
         return minCheck && maxCheck;
       };
       clampValue = (v2, vmin, vmax) => min(max(nan(v2), vmin), vmax);
+      roundToStepPrecision = (v2, step) => {
+        let rv = v2;
+        let ss = step.toString();
+        let pi = ss.indexOf(".");
+        let p2 = pi >= 0 ? ss.length - pi : 0;
+        if (p2 > 0) {
+          let pw = pow(10, p2);
+          rv = round(rv * pw) / pw;
+        }
+        return rv;
+      };
+      roundToDpr = (v2, dpr) => typeof dpr === "number" ? floor(v2 * dpr + 0.5) / dpr : round(v2);
+      snapValueToStep = (v2, vmin, vmax, step) => {
+        const min23 = vmin != null ? Number(vmin) : 0;
+        const max22 = Number(vmax);
+        const remainder = (v2 - min23) % step;
+        let snapped = abs(remainder) * 2 >= step ? v2 + sign(remainder) * (step - abs(remainder)) : v2 - remainder;
+        snapped = roundToStepPrecision(snapped, step);
+        if (!isNaN2(min23) && snapped < min23) {
+          snapped = min23;
+        } else if (!isNaN2(max22) && snapped > max22) {
+          const stepsInRange = floor((max22 - min23) / step);
+          const largestValidStep = min23 + stepsInRange * step;
+          snapped = stepsInRange <= 0 || largestValidStep < min23 ? max22 : largestValidStep;
+        }
+        return roundToStepPrecision(snapped, step);
+      };
+      setValueAtIndex = (vs, i2, v2) => {
+        if (vs[i2] === v2) return vs;
+        return [...vs.slice(0, i2), v2, ...vs.slice(i2 + 1)];
+      };
+      countDecimals = (value) => {
+        if (!Number.isFinite(value)) return 0;
+        let e2 = 1, p2 = 0;
+        while (Math.round(value * e2) / e2 !== value) {
+          e2 *= 10;
+          p2 += 1;
+        }
+        return p2;
+      };
+      decimalOp = (a2, op, b2) => {
+        let result = op === "+" ? a2 + b2 : a2 - b2;
+        if (a2 % 1 !== 0 || b2 % 1 !== 0) {
+          const multiplier = 10 ** Math.max(countDecimals(a2), countDecimals(b2));
+          a2 = Math.round(a2 * multiplier);
+          b2 = Math.round(b2 * multiplier);
+          result = op === "+" ? a2 + b2 : a2 - b2;
+          result /= multiplier;
+        }
+        return result;
+      };
+      incrementValue = (v2, s2) => decimalOp(nan(v2), "+", s2);
+      decrementValue = (v2, s2) => decimalOp(nan(v2), "-", s2);
       toPx = (v2) => typeof v2 === "number" ? `${v2}px` : v2;
       createSplitProps = (keys) => {
-        return function split(props15) {
-          return splitProps(props15, keys);
+        return function split(props26) {
+          return splitProps(props26, keys);
         };
       };
       currentTime = () => performance.now();
@@ -1929,7 +2085,7 @@ var Corex = (() => {
         return MachineStatus2;
       })(MachineStatus || {});
       INIT_STATE = "__init__";
-      createProps = () => (props15) => Array.from(new Set(props15));
+      createProps = () => (props26) => Array.from(new Set(props26));
       TRACK_MEMO_SYMBOL = Symbol();
       GET_ORIGINAL_SYMBOL = Symbol();
       getProto = Object.getPrototypeOf;
@@ -2142,8 +2298,8 @@ var Corex = (() => {
         }
         return string;
       };
-      normalizeProps = createNormalizer((props15) => {
-        return Object.entries(props15).reduce((acc, [key, value]) => {
+      normalizeProps = createNormalizer((props26) => {
+        return Object.entries(props26).reduce((acc, [key, value]) => {
           if (value === void 0) return acc;
           if (key in propMap) {
             key = propMap[key];
@@ -2191,9 +2347,9 @@ var Corex = (() => {
         };
       };
       VanillaMachine = class {
-        constructor(machine16, userProps = {}) {
+        constructor(machine27, userProps = {}) {
           var _a, _b, _c;
-          this.machine = machine16;
+          this.machine = machine27;
           __publicField3(this, "scope");
           __publicField3(this, "context");
           __publicField3(this, "prop");
@@ -2345,11 +2501,11 @@ var Corex = (() => {
           const prop = (key) => {
             var _a2, _b2;
             const __props = runIfFn(this.userPropsRef.current);
-            const props15 = (_b2 = (_a2 = machine16.props) == null ? void 0 : _a2.call(machine16, { props: compact(__props), scope: this.scope })) != null ? _b2 : __props;
-            return props15[key];
+            const props26 = (_b2 = (_a2 = machine27.props) == null ? void 0 : _a2.call(machine27, { props: compact(__props), scope: this.scope })) != null ? _b2 : __props;
+            return props26[key];
           };
           this.prop = prop;
-          const context = (_a = machine16.context) == null ? void 0 : _a.call(machine16, {
+          const context = (_a = machine27.context) == null ? void 0 : _a.call(machine27, {
             prop,
             bindable,
             scope: this.scope,
@@ -2391,7 +2547,7 @@ var Corex = (() => {
           this.context = ctx;
           const computed = (key) => {
             var _a2, _b2;
-            return (_b2 = (_a2 = machine16.computed) == null ? void 0 : _a2[key]({
+            return (_b2 = (_a2 = machine27.computed) == null ? void 0 : _a2[key]({
               context: ctx,
               event: this.getEvent(),
               prop,
@@ -2401,10 +2557,10 @@ var Corex = (() => {
             })) != null ? _b2 : {};
           };
           this.computed = computed;
-          const refs = createRefs((_c = (_b = machine16.refs) == null ? void 0 : _b.call(machine16, { prop, context: ctx })) != null ? _c : {});
+          const refs = createRefs((_c = (_b = machine27.refs) == null ? void 0 : _b.call(machine27, { prop, context: ctx })) != null ? _c : {});
           this.refs = refs;
           const state2 = bindable(() => ({
-            defaultValue: machine16.initialState({ prop }),
+            defaultValue: machine27.initialState({ prop }),
             onChange: (nextState, prevState) => {
               var _a2, _b2, _c2, _d;
               if (prevState) {
@@ -2419,8 +2575,8 @@ var Corex = (() => {
               const cleanup = this.effect((_c2 = this.getStateConfig(nextState)) == null ? void 0 : _c2.effects);
               if (cleanup) this.effects.set(nextState, cleanup);
               if (prevState === INIT_STATE) {
-                this.action(machine16.entry);
-                const cleanup2 = this.effect(machine16.effects);
+                this.action(machine27.entry);
+                const cleanup2 = this.effect(machine27.effects);
                 if (cleanup2) this.effects.set(INIT_STATE, cleanup2);
               }
               this.action((_d = this.getStateConfig(nextState)) == null ? void 0 : _d.entry);
@@ -2470,7 +2626,7 @@ var Corex = (() => {
         }
       };
       Component = class {
-        constructor(el, props15) {
+        constructor(el, props26) {
           __publicField(this, "el");
           __publicField(this, "doc");
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2487,16 +2643,16 @@ var Corex = (() => {
           __publicField(this, "destroy", () => {
             this.machine.stop();
           });
-          __publicField(this, "spreadProps", (el, props15) => {
-            spreadProps(el, props15, this.machine.scope.id);
+          __publicField(this, "spreadProps", (el, props26) => {
+            spreadProps(el, props26, this.machine.scope.id);
           });
-          __publicField(this, "updateProps", (props15) => {
-            this.machine.updateProps(props15);
+          __publicField(this, "updateProps", (props26) => {
+            this.machine.updateProps(props26);
           });
           if (!el) throw new Error("Root element not found");
           this.el = el;
           this.doc = document;
-          this.machine = this.initMachine(props15);
+          this.machine = this.initMachine(props26);
           this.api = this.initApi();
         }
       };
@@ -2520,12 +2676,12 @@ var Corex = (() => {
       }
       send({ type: "VALUE.SET", value: nextValue });
     }
-    function getItemState(props22) {
+    function getItemState(props26) {
       var _a;
       return {
-        expanded: value.includes(props22.value),
-        focused: focusedValue === props22.value,
-        disabled: Boolean((_a = props22.disabled) != null ? _a : prop("disabled"))
+        expanded: value.includes(props26.value),
+        focused: focusedValue === props26.value,
+        disabled: Boolean((_a = props26.disabled) != null ? _a : prop("disabled"))
       };
     }
     return {
@@ -2540,24 +2696,24 @@ var Corex = (() => {
           "data-orientation": prop("orientation")
         }));
       },
-      getItemProps(props22) {
-        const itemState = getItemState(props22);
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
         return normalize.element(__spreadProps(__spreadValues({}, parts.item.attrs), {
           dir: prop("dir"),
-          id: getItemId(scope, props22.value),
+          id: getItemId(scope, props26.value),
           "data-state": itemState.expanded ? "open" : "closed",
           "data-focus": dataAttr(itemState.focused),
           "data-disabled": dataAttr(itemState.disabled),
           "data-orientation": prop("orientation")
         }));
       },
-      getItemContentProps(props22) {
-        const itemState = getItemState(props22);
+      getItemContentProps(props26) {
+        const itemState = getItemState(props26);
         return normalize.element(__spreadProps(__spreadValues({}, parts.itemContent.attrs), {
           dir: prop("dir"),
           role: "region",
-          id: getItemContentId(scope, props22.value),
-          "aria-labelledby": getItemTriggerId(scope, props22.value),
+          id: getItemContentId(scope, props26.value),
+          "aria-labelledby": getItemTriggerId(scope, props26.value),
           hidden: !itemState.expanded,
           "data-state": itemState.expanded ? "open" : "closed",
           "data-disabled": dataAttr(itemState.disabled),
@@ -2565,8 +2721,8 @@ var Corex = (() => {
           "data-orientation": prop("orientation")
         }));
       },
-      getItemIndicatorProps(props22) {
-        const itemState = getItemState(props22);
+      getItemIndicatorProps(props26) {
+        const itemState = getItemState(props26);
         return normalize.element(__spreadProps(__spreadValues({}, parts.itemIndicator.attrs), {
           dir: prop("dir"),
           "aria-hidden": true,
@@ -2576,9 +2732,9 @@ var Corex = (() => {
           "data-orientation": prop("orientation")
         }));
       },
-      getItemTriggerProps(props22) {
-        const { value: value2 } = props22;
-        const itemState = getItemState(props22);
+      getItemTriggerProps(props26) {
+        const { value: value2 } = props26;
+        const itemState = getItemState(props26);
         return normalize.button(__spreadProps(__spreadValues({}, parts.itemTrigger.attrs), {
           type: "button",
           dir: prop("dir"),
@@ -2651,7 +2807,7 @@ var Corex = (() => {
   var init_accordion = __esm({
     "../priv/static/accordion.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
+      init_chunk_IXOYOLUJ();
       anatomy = createAnatomy("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator");
       parts = anatomy.build();
       getRootId = (ctx) => {
@@ -2682,13 +2838,13 @@ var Corex = (() => {
       getPrevTriggerEl = (ctx, id) => prevById(getTriggerEls(ctx), getItemTriggerId(ctx, id));
       ({ and, not } = createGuards());
       machine = createMachine({
-        props({ props: props22 }) {
+        props({ props: props26 }) {
           return __spreadValues({
             collapsible: false,
             multiple: false,
             orientation: "vertical",
             defaultValue: []
-          }, props22);
+          }, props26);
         },
         initialState() {
           return "idle";
@@ -2832,8 +2988,8 @@ var Corex = (() => {
       splitItemProps = createSplitProps(itemProps);
       Accordion = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine, props26);
         }
         initApi() {
           return connect(this.machine.service, normalizeProps);
@@ -3004,6274 +3160,8911 @@ var Corex = (() => {
     }
   });
 
-  // ../priv/static/chunk-EAMC7PNF.mjs
-  function isValidKey(e2) {
-    return !(e2.metaKey || !isMac() && e2.altKey || e2.ctrlKey || e2.key === "Control" || e2.key === "Shift" || e2.key === "Meta");
+  // ../priv/static/chunk-BMVNROAE.mjs
+  function getPointAngle(rect, point, reference = rect.center) {
+    const x2 = point.x - reference.x;
+    const y2 = point.y - reference.y;
+    const deg = Math.atan2(x2, y2) * (180 / Math.PI) + 180;
+    return 360 - deg;
   }
-  function isKeyboardFocusEvent(isTextInput, modality, e2) {
-    const target = e2 ? getEventTarget(e2) : null;
-    const win = getWindow(target);
-    isTextInput = isTextInput || target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target == null ? void 0 : target.type) || target instanceof win.HTMLTextAreaElement || target instanceof win.HTMLElement && target.isContentEditable;
-    return !(isTextInput && modality === "keyboard" && e2 instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e2.key));
+  function createRect(r2) {
+    const { x: x2, y: y2, width, height } = r2;
+    const midX = x2 + width / 2;
+    const midY = y2 + height / 2;
+    return {
+      x: x2,
+      y: y2,
+      width,
+      height,
+      minX: x2,
+      minY: y2,
+      maxX: x2 + width,
+      maxY: y2 + height,
+      midX,
+      midY,
+      center: createPoint(midX, midY)
+    };
   }
-  function triggerChangeHandlers(modality, e2) {
-    for (let handler of changeHandlers) {
-      handler(modality, e2);
-    }
+  function getRectCorners(v2) {
+    const top = createPoint(v2.minX, v2.minY);
+    const right = createPoint(v2.maxX, v2.minY);
+    const bottom = createPoint(v2.maxX, v2.maxY);
+    const left = createPoint(v2.minX, v2.maxY);
+    return { top, right, bottom, left };
   }
-  function handleKeyboardEvent(e2) {
-    hasEventBeforeFocus = true;
-    if (isValidKey(e2)) {
-      currentModality = "keyboard";
-      triggerChangeHandlers("keyboard", e2);
-    }
+  function getCacheComputedStyle(el) {
+    if (!styleCache2.has(el)) {
+      const win = el.ownerDocument.defaultView || window;
+      styleCache2.set(el, win.getComputedStyle(el));
+    }
+    return styleCache2.get(el);
+  }
+  function getElementRect(el, opts = {}) {
+    return createRect(getClientRect(el, opts));
+  }
+  function getClientRect(el, opts = {}) {
+    const { excludeScrollbar = false, excludeBorders = false } = opts;
+    const { x: x2, y: y2, width, height } = el.getBoundingClientRect();
+    const r2 = { x: x2, y: y2, width, height };
+    const style = getCacheComputedStyle(el);
+    const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style;
+    const borderXWidth = sum(borderLeftWidth, borderRightWidth);
+    const borderYWidth = sum(borderTopWidth, borderBottomWidth);
+    if (excludeBorders) {
+      r2.width -= borderXWidth;
+      r2.height -= borderYWidth;
+      r2.x += px(borderLeftWidth);
+      r2.y += px(borderTopWidth);
+    }
+    if (excludeScrollbar) {
+      const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth;
+      const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth;
+      r2.width -= scrollbarWidth;
+      r2.height -= scrollbarHeight;
+    }
+    return r2;
+  }
+  function getWindowRect(win, opts = {}) {
+    return createRect(getViewportRect(win, opts));
+  }
+  function getViewportRect(win, opts) {
+    const { excludeScrollbar = false } = opts;
+    const { innerWidth, innerHeight, document: doc, visualViewport } = win;
+    const width = (visualViewport == null ? void 0 : visualViewport.width) || innerWidth;
+    const height = (visualViewport == null ? void 0 : visualViewport.height) || innerHeight;
+    const rect = { x: 0, y: 0, width, height };
+    if (excludeScrollbar) {
+      const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
+      const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
+      rect.width -= scrollbarWidth;
+      rect.height -= scrollbarHeight;
+    }
+    return rect;
   }
-  function handlePointerEvent(e2) {
-    currentModality = "pointer";
-    if (e2.type === "mousedown" || e2.type === "pointerdown") {
-      hasEventBeforeFocus = true;
-      triggerChangeHandlers("pointer", e2);
-    }
+  function getElementPolygon(rectValue, placement) {
+    const rect = createRect(rectValue);
+    const { top, right, left, bottom } = getRectCorners(rect);
+    const [base] = placement.split("-");
+    return {
+      top: [left, top, right, bottom],
+      right: [top, right, bottom, left],
+      bottom: [top, left, bottom, right],
+      left: [right, top, left, bottom]
+    }[base];
   }
-  function handleClickEvent(e2) {
-    if (isVirtualClick(e2)) {
-      hasEventBeforeFocus = true;
-      currentModality = "virtual";
+  function isPointInPolygon(polygon, point) {
+    const { x: x2, y: y2 } = point;
+    let c2 = false;
+    for (let i2 = 0, j2 = polygon.length - 1; i2 < polygon.length; j2 = i2++) {
+      const xi = polygon[i2].x;
+      const yi = polygon[i2].y;
+      const xj = polygon[j2].x;
+      const yj = polygon[j2].y;
+      if (yi > y2 !== yj > y2 && x2 < (xj - xi) * (y2 - yi) / (yj - yi) + xi) {
+        c2 = !c2;
+      }
     }
+    return c2;
   }
-  function handleFocusEvent(e2) {
-    const target = getEventTarget(e2);
-    if (target === getWindow(target) || target === getDocument(target)) {
-      return;
-    }
-    if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
-      currentModality = "virtual";
-      triggerChangeHandlers("virtual", e2);
+  function getRectExtentPoint(rect, direction) {
+    const { minX, minY, maxX, maxY, midX, midY } = rect;
+    const x2 = direction.includes("w") ? minX : direction.includes("e") ? maxX : midX;
+    const y2 = direction.includes("n") ? minY : direction.includes("s") ? maxY : midY;
+    return { x: x2, y: y2 };
+  }
+  function getOppositeDirection(direction) {
+    return oppositeDirectionMap[direction];
+  }
+  function resizeRect(rect, offset3, direction, opts) {
+    const { scalingOriginMode, lockAspectRatio } = opts;
+    const extent = getRectExtentPoint(rect, direction);
+    const oppositeDirection = getOppositeDirection(direction);
+    const oppositeExtent = getRectExtentPoint(rect, oppositeDirection);
+    if (scalingOriginMode === "center") {
+      offset3 = { x: offset3.x * 2, y: offset3.y * 2 };
+    }
+    const newExtent = {
+      x: extent.x + offset3.x,
+      y: extent.y + offset3.y
+    };
+    const multiplier = {
+      x: compassDirectionMap[direction].x * 2 - 1,
+      y: compassDirectionMap[direction].y * 2 - 1
+    };
+    const newSize = {
+      width: newExtent.x - oppositeExtent.x,
+      height: newExtent.y - oppositeExtent.y
+    };
+    const scaleX = multiplier.x * newSize.width / rect.width;
+    const scaleY = multiplier.y * newSize.height / rect.height;
+    const largestMagnitude = abs2(scaleX) > abs2(scaleY) ? scaleX : scaleY;
+    const scale = lockAspectRatio ? { x: largestMagnitude, y: largestMagnitude } : {
+      x: extent.x === oppositeExtent.x ? 1 : scaleX,
+      y: extent.y === oppositeExtent.y ? 1 : scaleY
+    };
+    if (extent.y === oppositeExtent.y) {
+      scale.y = abs2(scale.y);
+    } else if (sign2(scale.y) !== sign2(scaleY)) {
+      scale.y *= -1;
+    }
+    if (extent.x === oppositeExtent.x) {
+      scale.x = abs2(scale.x);
+    } else if (sign2(scale.x) !== sign2(scaleX)) {
+      scale.x *= -1;
+    }
+    switch (scalingOriginMode) {
+      case "extent":
+        return transformRect(rect, AffineTransform.scale(scale.x, scale.y, oppositeExtent), false);
+      case "center":
+        return transformRect(
+          rect,
+          AffineTransform.scale(scale.x, scale.y, {
+            x: rect.midX,
+            y: rect.midY
+          }),
+          false
+        );
     }
-    hasEventBeforeFocus = false;
-    hasBlurredWindowRecently = false;
-  }
-  function handleWindowBlur() {
-    hasEventBeforeFocus = false;
-    hasBlurredWindowRecently = true;
   }
-  function setupGlobalFocusEvents(root) {
-    if (typeof window === "undefined" || listenerMap.get(getWindow(root))) {
-      return;
-    }
-    const win = getWindow(root);
-    const doc = getDocument(root);
-    let focus = win.HTMLElement.prototype.focus;
-    function patchedFocus() {
-      currentModality = "virtual";
-      triggerChangeHandlers("virtual", null);
-      hasEventBeforeFocus = true;
-      focus.apply(this, arguments);
-    }
-    try {
-      Object.defineProperty(win.HTMLElement.prototype, "focus", {
-        configurable: true,
-        value: patchedFocus
-      });
-    } catch (e2) {
-    }
-    doc.addEventListener("keydown", handleKeyboardEvent, true);
-    doc.addEventListener("keyup", handleKeyboardEvent, true);
-    doc.addEventListener("click", handleClickEvent, true);
-    win.addEventListener("focus", handleFocusEvent, true);
-    win.addEventListener("blur", handleWindowBlur, false);
-    if (typeof win.PointerEvent !== "undefined") {
-      doc.addEventListener("pointerdown", handlePointerEvent, true);
-      doc.addEventListener("pointermove", handlePointerEvent, true);
-      doc.addEventListener("pointerup", handlePointerEvent, true);
-    } else {
-      doc.addEventListener("mousedown", handlePointerEvent, true);
-      doc.addEventListener("mousemove", handlePointerEvent, true);
-      doc.addEventListener("mouseup", handlePointerEvent, true);
+  function createRectFromPoints(initialPoint, finalPoint, normalized = true) {
+    if (normalized) {
+      return {
+        x: min22(finalPoint.x, initialPoint.x),
+        y: min22(finalPoint.y, initialPoint.y),
+        width: abs2(finalPoint.x - initialPoint.x),
+        height: abs2(finalPoint.y - initialPoint.y)
+      };
     }
-    win.addEventListener(
-      "beforeunload",
-      () => {
-        tearDownWindowFocusTracking(root);
-      },
-      { once: true }
-    );
-    listenerMap.set(win, { focus });
-  }
-  function isFocusVisible() {
-    return currentModality === "keyboard";
-  }
-  function trackFocusVisible(props15 = {}) {
-    const { isTextInput, autoFocus, onChange, root } = props15;
-    setupGlobalFocusEvents(root);
-    onChange == null ? void 0 : onChange({ isFocusVisible: autoFocus || isFocusVisible(), modality: currentModality });
-    const handler = (modality, e2) => {
-      if (!isKeyboardFocusEvent(!!isTextInput, modality, e2)) return;
-      onChange == null ? void 0 : onChange({ isFocusVisible: isFocusVisible(), modality });
-    };
-    changeHandlers.add(handler);
-    return () => {
-      changeHandlers.delete(handler);
+    return {
+      x: initialPoint.x,
+      y: initialPoint.y,
+      width: finalPoint.x - initialPoint.x,
+      height: finalPoint.y - initialPoint.y
     };
   }
-  var nonTextInputTypes, currentModality, changeHandlers, listenerMap, hasEventBeforeFocus, hasBlurredWindowRecently, FOCUS_VISIBLE_INPUT_KEYS, tearDownWindowFocusTracking;
-  var init_chunk_EAMC7PNF = __esm({
-    "../priv/static/chunk-EAMC7PNF.mjs"() {
+  function transformRect(rect, transform, normalized = true) {
+    const p1 = transform.applyTo({ x: rect.minX, y: rect.minY });
+    const p2 = transform.applyTo({ x: rect.maxX, y: rect.maxY });
+    return createRectFromPoints(p1, p2, normalized);
+  }
+  var __defProp4, __defNormalProp4, __publicField4, AffineTransform, clamp2, clampPoint, defaultMinSize, defaultMaxSize, clampSize, createPoint, subtractPoints, addPoints, constrainRect, isSizeEqual, isPointEqual, styleCache2, px, sum, min2, max2, compassDirectionMap, oppositeDirectionMap, sign2, abs2, min22;
+  var init_chunk_BMVNROAE = __esm({
+    "../priv/static/chunk-BMVNROAE.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
-      currentModality = null;
-      changeHandlers = /* @__PURE__ */ new Set();
-      listenerMap = /* @__PURE__ */ new Map();
-      hasEventBeforeFocus = false;
-      hasBlurredWindowRecently = false;
-      FOCUS_VISIBLE_INPUT_KEYS = {
-        Tab: true,
-        Escape: true
-      };
-      tearDownWindowFocusTracking = (root, loadListener) => {
-        const win = getWindow(root);
-        const doc = getDocument(root);
-        const listenerData = listenerMap.get(win);
-        if (!listenerData) {
-          return;
-        }
-        try {
-          Object.defineProperty(win.HTMLElement.prototype, "focus", {
-            configurable: true,
-            value: listenerData.focus
+      __defProp4 = Object.defineProperty;
+      __defNormalProp4 = (obj, key, value) => key in obj ? __defProp4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+      __publicField4 = (obj, key, value) => __defNormalProp4(obj, typeof key !== "symbol" ? key + "" : key, value);
+      AffineTransform = class _AffineTransform {
+        constructor([m00, m01, m02, m10, m11, m12] = [0, 0, 0, 0, 0, 0]) {
+          __publicField4(this, "m00");
+          __publicField4(this, "m01");
+          __publicField4(this, "m02");
+          __publicField4(this, "m10");
+          __publicField4(this, "m11");
+          __publicField4(this, "m12");
+          __publicField4(this, "rotate", (...args) => {
+            return this.prepend(_AffineTransform.rotate(...args));
           });
-        } catch (e2) {
+          __publicField4(this, "scale", (...args) => {
+            return this.prepend(_AffineTransform.scale(...args));
+          });
+          __publicField4(this, "translate", (...args) => {
+            return this.prepend(_AffineTransform.translate(...args));
+          });
+          this.m00 = m00;
+          this.m01 = m01;
+          this.m02 = m02;
+          this.m10 = m10;
+          this.m11 = m11;
+          this.m12 = m12;
+        }
+        applyTo(point) {
+          const { x: x2, y: y2 } = point;
+          const { m00, m01, m02, m10, m11, m12 } = this;
+          return {
+            x: m00 * x2 + m01 * y2 + m02,
+            y: m10 * x2 + m11 * y2 + m12
+          };
         }
-        doc.removeEventListener("keydown", handleKeyboardEvent, true);
-        doc.removeEventListener("keyup", handleKeyboardEvent, true);
-        doc.removeEventListener("click", handleClickEvent, true);
-        win.removeEventListener("focus", handleFocusEvent, true);
-        win.removeEventListener("blur", handleWindowBlur, false);
-        if (typeof win.PointerEvent !== "undefined") {
-          doc.removeEventListener("pointerdown", handlePointerEvent, true);
-          doc.removeEventListener("pointermove", handlePointerEvent, true);
-          doc.removeEventListener("pointerup", handlePointerEvent, true);
-        } else {
-          doc.removeEventListener("mousedown", handlePointerEvent, true);
-          doc.removeEventListener("mousemove", handlePointerEvent, true);
-          doc.removeEventListener("mouseup", handlePointerEvent, true);
+        prepend(other) {
+          return new _AffineTransform([
+            this.m00 * other.m00 + this.m01 * other.m10,
+            // m00
+            this.m00 * other.m01 + this.m01 * other.m11,
+            // m01
+            this.m00 * other.m02 + this.m01 * other.m12 + this.m02,
+            // m02
+            this.m10 * other.m00 + this.m11 * other.m10,
+            // m10
+            this.m10 * other.m01 + this.m11 * other.m11,
+            // m11
+            this.m10 * other.m02 + this.m11 * other.m12 + this.m12
+            // m12
+          ]);
+        }
+        append(other) {
+          return new _AffineTransform([
+            other.m00 * this.m00 + other.m01 * this.m10,
+            // m00
+            other.m00 * this.m01 + other.m01 * this.m11,
+            // m01
+            other.m00 * this.m02 + other.m01 * this.m12 + other.m02,
+            // m02
+            other.m10 * this.m00 + other.m11 * this.m10,
+            // m10
+            other.m10 * this.m01 + other.m11 * this.m11,
+            // m11
+            other.m10 * this.m02 + other.m11 * this.m12 + other.m12
+            // m12
+          ]);
+        }
+        get determinant() {
+          return this.m00 * this.m11 - this.m01 * this.m10;
+        }
+        get isInvertible() {
+          const det = this.determinant;
+          return isFinite(det) && isFinite(this.m02) && isFinite(this.m12) && det !== 0;
+        }
+        invert() {
+          const det = this.determinant;
+          return new _AffineTransform([
+            this.m11 / det,
+            // m00
+            -this.m01 / det,
+            // m01
+            (this.m01 * this.m12 - this.m11 * this.m02) / det,
+            // m02
+            -this.m10 / det,
+            // m10
+            this.m00 / det,
+            // m11
+            (this.m10 * this.m02 - this.m00 * this.m12) / det
+            // m12
+          ]);
+        }
+        get array() {
+          return [this.m00, this.m01, this.m02, this.m10, this.m11, this.m12, 0, 0, 1];
+        }
+        get float32Array() {
+          return new Float32Array(this.array);
+        }
+        // Static
+        static get identity() {
+          return new _AffineTransform([1, 0, 0, 0, 1, 0]);
+        }
+        static rotate(theta, origin) {
+          const rotation = new _AffineTransform([Math.cos(theta), -Math.sin(theta), 0, Math.sin(theta), Math.cos(theta), 0]);
+          if (origin && (origin.x !== 0 || origin.y !== 0)) {
+            return _AffineTransform.multiply(
+              _AffineTransform.translate(origin.x, origin.y),
+              rotation,
+              _AffineTransform.translate(-origin.x, -origin.y)
+            );
+          }
+          return rotation;
+        }
+        static scale(sx, sy = sx, origin = { x: 0, y: 0 }) {
+          const scale = new _AffineTransform([sx, 0, 0, 0, sy, 0]);
+          if (origin.x !== 0 || origin.y !== 0) {
+            return _AffineTransform.multiply(
+              _AffineTransform.translate(origin.x, origin.y),
+              scale,
+              _AffineTransform.translate(-origin.x, -origin.y)
+            );
+          }
+          return scale;
+        }
+        static translate(tx, ty) {
+          return new _AffineTransform([1, 0, tx, 0, 1, ty]);
+        }
+        static multiply(...[first2, ...rest]) {
+          if (!first2) return _AffineTransform.identity;
+          return rest.reduce((result, item) => result.prepend(item), first2);
+        }
+        get a() {
+          return this.m00;
+        }
+        get b() {
+          return this.m10;
+        }
+        get c() {
+          return this.m01;
+        }
+        get d() {
+          return this.m11;
+        }
+        get tx() {
+          return this.m02;
+        }
+        get ty() {
+          return this.m12;
+        }
+        get scaleComponents() {
+          return { x: this.a, y: this.d };
+        }
+        get translationComponents() {
+          return { x: this.tx, y: this.ty };
+        }
+        get skewComponents() {
+          return { x: this.c, y: this.b };
+        }
+        toString() {
+          return `matrix(${this.a}, ${this.b}, ${this.c}, ${this.d}, ${this.tx}, ${this.ty})`;
         }
-        listenerMap.delete(win);
       };
-    }
-  });
-
-  // ../priv/static/checkbox.mjs
-  var checkbox_exports = {};
-  __export(checkbox_exports, {
-    Checkbox: () => CheckboxHook
+      clamp2 = (value, min32, max22) => Math.min(Math.max(value, min32), max22);
+      clampPoint = (position, size3, boundaryRect) => {
+        const x2 = clamp2(position.x, boundaryRect.x, boundaryRect.x + boundaryRect.width - size3.width);
+        const y2 = clamp2(position.y, boundaryRect.y, boundaryRect.y + boundaryRect.height - size3.height);
+        return { x: x2, y: y2 };
+      };
+      defaultMinSize = {
+        width: 0,
+        height: 0
+      };
+      defaultMaxSize = {
+        width: Infinity,
+        height: Infinity
+      };
+      clampSize = (size3, minSize = defaultMinSize, maxSize = defaultMaxSize) => {
+        return {
+          width: Math.min(Math.max(size3.width, minSize.width), maxSize.width),
+          height: Math.min(Math.max(size3.height, minSize.height), maxSize.height)
+        };
+      };
+      createPoint = (x2, y2) => ({ x: x2, y: y2 });
+      subtractPoints = (a2, b2) => {
+        if (!b2) return a2;
+        return createPoint(a2.x - b2.x, a2.y - b2.y);
+      };
+      addPoints = (a2, b2) => createPoint(a2.x + b2.x, a2.y + b2.y);
+      constrainRect = (rect, boundary) => {
+        const left = Math.max(boundary.x, Math.min(rect.x, boundary.x + boundary.width - rect.width));
+        const top = Math.max(boundary.y, Math.min(rect.y, boundary.y + boundary.height - rect.height));
+        return {
+          x: left,
+          y: top,
+          width: Math.min(rect.width, boundary.width),
+          height: Math.min(rect.height, boundary.height)
+        };
+      };
+      isSizeEqual = (a2, b2) => {
+        return a2.width === (b2 == null ? void 0 : b2.width) && a2.height === (b2 == null ? void 0 : b2.height);
+      };
+      isPointEqual = (a2, b2) => {
+        return a2.x === (b2 == null ? void 0 : b2.x) && a2.y === (b2 == null ? void 0 : b2.y);
+      };
+      styleCache2 = /* @__PURE__ */ new WeakMap();
+      px = (v2) => parseFloat(v2.replace("px", ""));
+      sum = (...vals) => vals.reduce((sum2, v2) => sum2 + (v2 ? px(v2) : 0), 0);
+      ({ min: min2, max: max2 } = Math);
+      compassDirectionMap = {
+        n: { x: 0.5, y: 0 },
+        ne: { x: 1, y: 0 },
+        e: { x: 1, y: 0.5 },
+        se: { x: 1, y: 1 },
+        s: { x: 0.5, y: 1 },
+        sw: { x: 0, y: 1 },
+        w: { x: 0, y: 0.5 },
+        nw: { x: 0, y: 0 }
+      };
+      oppositeDirectionMap = {
+        n: "s",
+        ne: "sw",
+        e: "w",
+        se: "nw",
+        s: "n",
+        sw: "ne",
+        w: "e",
+        nw: "se"
+      };
+      ({ sign: sign2, abs: abs2, min: min22 } = Math);
+    }
+  });
+
+  // ../priv/static/angle-slider.mjs
+  var angle_slider_exports = {};
+  __export(angle_slider_exports, {
+    AngleSlider: () => AngleSliderHook
   });
+  function getAngle(controlEl, point, angularOffset) {
+    const rect = createRect(controlEl.getBoundingClientRect());
+    const angle = getPointAngle(rect, point);
+    if (angularOffset != null) {
+      return angle - angularOffset;
+    }
+    return angle;
+  }
+  function clampAngle(degree) {
+    return Math.min(Math.max(degree, MIN_VALUE), MAX_VALUE);
+  }
+  function constrainAngle(degree, step) {
+    const clampedDegree = clampAngle(degree);
+    const upperStep = Math.ceil(clampedDegree / step);
+    const nearestStep = Math.round(clampedDegree / step);
+    return upperStep >= clampedDegree / step ? upperStep * step === MAX_VALUE ? MIN_VALUE : upperStep * step : nearestStep * step;
+  }
+  function snapAngleToStep(value, step) {
+    return snapValueToStep(value, MIN_VALUE, MAX_VALUE, step);
+  }
   function connect2(service, normalize) {
-    const { send, context, prop, computed, scope } = service;
-    const disabled = !!prop("disabled");
-    const readOnly = !!prop("readOnly");
-    const required = !!prop("required");
-    const invalid = !!prop("invalid");
-    const focused = !disabled && context.get("focused");
-    const focusVisible = !disabled && context.get("focusVisible");
-    const checked = computed("checked");
-    const indeterminate = computed("indeterminate");
-    const checkedState = context.get("checked");
-    const dataAttrs = {
-      "data-active": dataAttr(context.get("active")),
-      "data-focus": dataAttr(focused),
-      "data-focus-visible": dataAttr(focusVisible),
-      "data-readonly": dataAttr(readOnly),
-      "data-hover": dataAttr(context.get("hovered")),
-      "data-disabled": dataAttr(disabled),
-      "data-state": indeterminate ? "indeterminate" : checked ? "checked" : "unchecked",
-      "data-invalid": dataAttr(invalid),
-      "data-required": dataAttr(required)
-    };
+    const { state: state2, send, context, prop, computed, scope } = service;
+    const dragging = state2.matches("dragging");
+    const value = context.get("value");
+    const valueAsDegree = computed("valueAsDegree");
+    const disabled = prop("disabled");
+    const invalid = prop("invalid");
+    const readOnly = prop("readOnly");
+    const interactive = computed("interactive");
+    const ariaLabel = prop("aria-label");
+    const ariaLabelledBy = prop("aria-labelledby");
     return {
-      checked,
-      disabled,
-      indeterminate,
-      focused,
-      checkedState,
-      setChecked(checked2) {
-        send({ type: "CHECKED.SET", checked: checked2, isTrusted: false });
-      },
-      toggleChecked() {
-        send({ type: "CHECKED.TOGGLE", checked, isTrusted: false });
+      value,
+      valueAsDegree,
+      dragging,
+      setValue(value2) {
+        send({ type: "VALUE.SET", value: value2 });
       },
       getRootProps() {
-        return normalize.label(__spreadProps(__spreadValues(__spreadValues({}, parts2.root.attrs), dataAttrs), {
-          dir: prop("dir"),
+        return normalize.element(__spreadProps(__spreadValues({}, parts2.root.attrs), {
           id: getRootId2(scope),
-          htmlFor: getHiddenInputId(scope),
-          onPointerMove() {
-            if (disabled) return;
-            send({ type: "CONTEXT.SET", context: { hovered: true } });
-          },
-          onPointerLeave() {
-            if (disabled) return;
-            send({ type: "CONTEXT.SET", context: { hovered: false } });
-          },
-          onClick(event) {
-            const target = getEventTarget(event);
-            if (target === getHiddenInputEl(scope)) {
-              event.stopPropagation();
-            }
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly),
+          style: {
+            "--value": value,
+            "--angle": valueAsDegree
           }
         }));
       },
       getLabelProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts2.label.attrs), dataAttrs), {
-          dir: prop("dir"),
-          id: getLabelId(scope)
+        return normalize.label(__spreadProps(__spreadValues({}, parts2.label.attrs), {
+          id: getLabelId(scope),
+          htmlFor: getHiddenInputId(scope),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly),
+          onClick(event) {
+            var _a;
+            if (!interactive) return;
+            event.preventDefault();
+            (_a = getThumbEl(scope)) == null ? void 0 : _a.focus();
+          }
         }));
       },
+      getHiddenInputProps() {
+        return normalize.element({
+          type: "hidden",
+          value,
+          name: prop("name"),
+          id: getHiddenInputId(scope)
+        });
+      },
       getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts2.control.attrs), dataAttrs), {
-          dir: prop("dir"),
+        return normalize.element(__spreadProps(__spreadValues({}, parts2.control.attrs), {
+          role: "presentation",
           id: getControlId(scope),
-          "aria-hidden": true
-        }));
-      },
-      getIndicatorProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts2.indicator.attrs), dataAttrs), {
-          dir: prop("dir"),
-          hidden: !indeterminate && !checked
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly),
+          onPointerDown(event) {
+            if (!interactive) return;
+            if (!isLeftClick(event)) return;
+            const point = getEventPoint(event);
+            const controlEl = event.currentTarget;
+            const thumbEl = getThumbEl(scope);
+            const composedPath = getNativeEvent(event).composedPath();
+            const isOverThumb = thumbEl && composedPath.includes(thumbEl);
+            let angularOffset = null;
+            if (isOverThumb) {
+              const clickAngle = getAngle(controlEl, point);
+              angularOffset = clickAngle - value;
+            }
+            send({ type: "CONTROL.POINTER_DOWN", point, angularOffset });
+            event.stopPropagation();
+          },
+          style: {
+            touchAction: "none",
+            userSelect: "none",
+            WebkitUserSelect: "none"
+          }
         }));
       },
-      getHiddenInputProps() {
-        return normalize.input({
-          id: getHiddenInputId(scope),
-          type: "checkbox",
-          required: prop("required"),
-          defaultChecked: checked,
-          disabled,
-          "aria-labelledby": getLabelId(scope),
-          "aria-invalid": invalid,
-          name: prop("name"),
-          form: prop("form"),
-          value: prop("value"),
-          style: visuallyHiddenStyle,
+      getThumbProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts2.thumb.attrs), {
+          id: getThumbId(scope),
+          role: "slider",
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy != null ? ariaLabelledBy : getLabelId(scope),
+          "aria-valuemax": 360,
+          "aria-valuemin": 0,
+          "aria-valuenow": value,
+          tabIndex: readOnly || interactive ? 0 : void 0,
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly),
           onFocus() {
-            const focusVisible2 = isFocusVisible();
-            send({ type: "CONTEXT.SET", context: { focused: true, focusVisible: focusVisible2 } });
+            send({ type: "THUMB.FOCUS" });
           },
           onBlur() {
-            send({ type: "CONTEXT.SET", context: { focused: false, focusVisible: false } });
+            send({ type: "THUMB.BLUR" });
           },
-          onClick(event) {
-            if (readOnly) {
-              event.preventDefault();
-              return;
+          onKeyDown(event) {
+            if (!interactive) return;
+            const step = getEventStep(event) * prop("step");
+            switch (event.key) {
+              case "ArrowLeft":
+              case "ArrowUp":
+                event.preventDefault();
+                send({ type: "THUMB.ARROW_DEC", step });
+                break;
+              case "ArrowRight":
+              case "ArrowDown":
+                event.preventDefault();
+                send({ type: "THUMB.ARROW_INC", step });
+                break;
+              case "Home":
+                event.preventDefault();
+                send({ type: "THUMB.HOME" });
+                break;
+              case "End":
+                event.preventDefault();
+                send({ type: "THUMB.END" });
+                break;
             }
-            const checked2 = event.currentTarget.checked;
-            send({ type: "CHECKED.SET", checked: checked2, isTrusted: true });
+          },
+          style: {
+            rotate: `var(--angle)`
           }
-        });
+        }));
+      },
+      getValueTextProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts2.valueText.attrs), {
+          id: getValueTextId(scope)
+        }));
+      },
+      getMarkerGroupProps() {
+        return normalize.element(__spreadValues({}, parts2.markerGroup.attrs));
+      },
+      getMarkerProps(props26) {
+        let markerState;
+        if (props26.value < value) {
+          markerState = "under-value";
+        } else if (props26.value > value) {
+          markerState = "over-value";
+        } else {
+          markerState = "at-value";
+        }
+        return normalize.element(__spreadProps(__spreadValues({}, parts2.marker.attrs), {
+          "data-value": props26.value,
+          "data-state": markerState,
+          "data-disabled": dataAttr(disabled),
+          style: {
+            "--marker-value": props26.value,
+            rotate: `calc(var(--marker-value) * 1deg)`
+          }
+        }));
       }
     };
   }
-  function isIndeterminate(checked) {
-    return checked === "indeterminate";
-  }
-  function isChecked(checked) {
-    return isIndeterminate(checked) ? false : !!checked;
-  }
-  var anatomy2, parts2, getRootId2, getLabelId, getControlId, getHiddenInputId, getRootEl2, getHiddenInputEl, not2, machine2, props2, splitProps3, Checkbox, CheckboxHook;
-  var init_checkbox = __esm({
-    "../priv/static/checkbox.mjs"() {
+  var anatomy2, parts2, getRootId2, getThumbId, getHiddenInputId, getControlId, getValueTextId, getLabelId, getHiddenInputEl, getControlEl, getThumbEl, MIN_VALUE, MAX_VALUE, machine2, props2, splitProps3, AngleSlider, AngleSliderHook;
+  var init_angle_slider = __esm({
+    "../priv/static/angle-slider.mjs"() {
       "use strict";
-      init_chunk_EAMC7PNF();
-      init_chunk_GFGFZBBD();
-      anatomy2 = createAnatomy("checkbox").parts("root", "label", "control", "indicator");
+      init_chunk_BMVNROAE();
+      init_chunk_IXOYOLUJ();
+      anatomy2 = createAnatomy("angle-slider").parts(
+        "root",
+        "label",
+        "thumb",
+        "valueText",
+        "control",
+        "track",
+        "markerGroup",
+        "marker"
+      );
       parts2 = anatomy2.build();
       getRootId2 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `checkbox:${ctx.id}`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `angle-slider:${ctx.id}`;
       };
-      getLabelId = (ctx) => {
+      getThumbId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `checkbox:${ctx.id}:label`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.thumb) != null ? _b : `angle-slider:${ctx.id}:thumb`;
+      };
+      getHiddenInputId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `angle-slider:${ctx.id}:input`;
       };
       getControlId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `checkbox:${ctx.id}:control`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `angle-slider:${ctx.id}:control`;
       };
-      getHiddenInputId = (ctx) => {
+      getValueTextId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `checkbox:${ctx.id}:input`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.valueText) != null ? _b : `angle-slider:${ctx.id}:value-text`;
+      };
+      getLabelId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `angle-slider:${ctx.id}:label`;
       };
-      getRootEl2 = (ctx) => ctx.getById(getRootId2(ctx));
       getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));
-      ({ not: not2 } = createGuards());
+      getControlEl = (ctx) => ctx.getById(getControlId(ctx));
+      getThumbEl = (ctx) => ctx.getById(getThumbId(ctx));
+      MIN_VALUE = 0;
+      MAX_VALUE = 359;
       machine2 = createMachine({
-        props({ props: props22 }) {
-          var _a;
-          return __spreadProps(__spreadValues({
-            value: "on"
-          }, props22), {
-            defaultChecked: (_a = props22.defaultChecked) != null ? _a : false
-          });
-        },
-        initialState() {
-          return "ready";
+        props({ props: props26 }) {
+          return __spreadValues({
+            step: 1,
+            defaultValue: 0
+          }, props26);
         },
         context({ prop, bindable: bindable2 }) {
           return {
-            checked: bindable2(() => ({
-              defaultValue: prop("defaultChecked"),
-              value: prop("checked"),
-              onChange(checked) {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              onChange(value) {
                 var _a;
-                (_a = prop("onCheckedChange")) == null ? void 0 : _a({ checked });
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, valueAsDegree: `${value}deg` });
               }
-            })),
-            fieldsetDisabled: bindable2(() => ({ defaultValue: false })),
-            focusVisible: bindable2(() => ({ defaultValue: false })),
-            active: bindable2(() => ({ defaultValue: false })),
-            focused: bindable2(() => ({ defaultValue: false })),
-            hovered: bindable2(() => ({ defaultValue: false }))
+            }))
           };
         },
-        watch({ track, context, prop, action }) {
-          track([() => prop("disabled")], () => {
-            action(["removeFocusIfNeeded"]);
-          });
-          track([() => context.get("checked")], () => {
+        refs() {
+          return {
+            thumbDragOffset: null
+          };
+        },
+        computed: {
+          interactive: ({ prop }) => !(prop("disabled") || prop("readOnly")),
+          valueAsDegree: ({ context }) => `${context.get("value")}deg`
+        },
+        watch({ track, context, action }) {
+          track([() => context.get("value")], () => {
             action(["syncInputElement"]);
           });
         },
-        effects: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
+        initialState() {
+          return "idle";
+        },
         on: {
-          "CHECKED.TOGGLE": [
-            {
-              guard: not2("isTrusted"),
-              actions: ["toggleChecked", "dispatchChangeEvent"]
-            },
-            {
-              actions: ["toggleChecked"]
-            }
-          ],
-          "CHECKED.SET": [
-            {
-              guard: not2("isTrusted"),
-              actions: ["setChecked", "dispatchChangeEvent"]
-            },
-            {
-              actions: ["setChecked"]
-            }
-          ],
-          "CONTEXT.SET": {
-            actions: ["setContext"]
+          "VALUE.SET": {
+            actions: ["setValue"]
           }
         },
-        computed: {
-          indeterminate: ({ context }) => isIndeterminate(context.get("checked")),
-          checked: ({ context }) => isChecked(context.get("checked")),
-          disabled: ({ context, prop }) => !!prop("disabled") || context.get("fieldsetDisabled")
-        },
         states: {
-          ready: {}
+          idle: {
+            on: {
+              "CONTROL.POINTER_DOWN": {
+                target: "dragging",
+                actions: ["setThumbDragOffset", "setPointerValue", "focusThumb"]
+              },
+              "THUMB.FOCUS": {
+                target: "focused"
+              }
+            }
+          },
+          focused: {
+            on: {
+              "CONTROL.POINTER_DOWN": {
+                target: "dragging",
+                actions: ["setThumbDragOffset", "setPointerValue", "focusThumb"]
+              },
+              "THUMB.ARROW_DEC": {
+                actions: ["decrementValue", "invokeOnChangeEnd"]
+              },
+              "THUMB.ARROW_INC": {
+                actions: ["incrementValue", "invokeOnChangeEnd"]
+              },
+              "THUMB.HOME": {
+                actions: ["setValueToMin", "invokeOnChangeEnd"]
+              },
+              "THUMB.END": {
+                actions: ["setValueToMax", "invokeOnChangeEnd"]
+              },
+              "THUMB.BLUR": {
+                target: "idle"
+              }
+            }
+          },
+          dragging: {
+            entry: ["focusThumb"],
+            effects: ["trackPointerMove"],
+            on: {
+              "DOC.POINTER_UP": {
+                target: "focused",
+                actions: ["invokeOnChangeEnd", "clearThumbDragOffset"]
+              },
+              "DOC.POINTER_MOVE": {
+                actions: ["setPointerValue"]
+              }
+            }
+          }
         },
         implementations: {
-          guards: {
-            isTrusted: ({ event }) => !!event.isTrusted
-          },
           effects: {
-            trackPressEvent({ context, computed, scope }) {
-              if (computed("disabled")) return;
-              return trackPress({
-                pointerNode: getRootEl2(scope),
-                keyboardNode: getHiddenInputEl(scope),
-                isValidKey: (event) => event.key === " ",
-                onPress: () => context.set("active", false),
-                onPressStart: () => context.set("active", true),
-                onPressEnd: () => context.set("active", false)
-              });
-            },
-            trackFocusVisible({ computed, scope }) {
-              var _a;
-              if (computed("disabled")) return;
-              return trackFocusVisible({ root: (_a = scope.getRootNode) == null ? void 0 : _a.call(scope) });
-            },
-            trackFormControlState({ context, scope }) {
-              return trackFormControl(getHiddenInputEl(scope), {
-                onFieldsetDisabledChange(disabled) {
-                  context.set("fieldsetDisabled", disabled);
+            trackPointerMove({ scope, send }) {
+              return trackPointerMove(scope.getDoc(), {
+                onPointerMove(info) {
+                  send({ type: "DOC.POINTER_MOVE", point: info.point });
                 },
-                onFormReset() {
-                  context.set("checked", context.initial("checked"));
+                onPointerUp() {
+                  send({ type: "DOC.POINTER_UP" });
                 }
               });
             }
           },
           actions: {
-            setContext({ context, event }) {
-              for (const key in event.context) {
-                context.set(key, event.context[key]);
-              }
-            },
-            syncInputElement({ context, computed, scope }) {
+            syncInputElement({ scope, context }) {
               const inputEl = getHiddenInputEl(scope);
-              if (!inputEl) return;
-              setElementChecked(inputEl, computed("checked"));
-              inputEl.indeterminate = isIndeterminate(context.get("checked"));
+              setElementValue(inputEl, context.get("value").toString());
             },
-            removeFocusIfNeeded({ context, prop }) {
-              if (prop("disabled") && context.get("focused")) {
-                context.set("focused", false);
-                context.set("focusVisible", false);
-              }
+            invokeOnChangeEnd({ context, prop, computed }) {
+              var _a;
+              (_a = prop("onValueChangeEnd")) == null ? void 0 : _a({
+                value: context.get("value"),
+                valueAsDegree: computed("valueAsDegree")
+              });
             },
-            setChecked({ context, event }) {
-              context.set("checked", event.checked);
+            setPointerValue({ scope, event, context, prop, refs }) {
+              const controlEl = getControlEl(scope);
+              if (!controlEl) return;
+              const angularOffset = refs.get("thumbDragOffset");
+              const deg = getAngle(controlEl, event.point, angularOffset);
+              context.set("value", constrainAngle(deg, prop("step")));
             },
-            toggleChecked({ context, computed }) {
-              const checked = isIndeterminate(computed("checked")) ? true : !computed("checked");
-              context.set("checked", checked);
+            setValueToMin({ context }) {
+              context.set("value", MIN_VALUE);
             },
-            dispatchChangeEvent({ computed, scope }) {
-              queueMicrotask(() => {
-                const inputEl = getHiddenInputEl(scope);
-                dispatchInputCheckedEvent(inputEl, { checked: computed("checked") });
+            setValueToMax({ context }) {
+              context.set("value", MAX_VALUE);
+            },
+            setValue({ context, event }) {
+              context.set("value", clampAngle(event.value));
+            },
+            decrementValue({ context, event, prop }) {
+              var _a;
+              const value = snapAngleToStep(context.get("value") - event.step, (_a = event.step) != null ? _a : prop("step"));
+              context.set("value", value);
+            },
+            incrementValue({ context, event, prop }) {
+              var _a;
+              const value = snapAngleToStep(context.get("value") + event.step, (_a = event.step) != null ? _a : prop("step"));
+              context.set("value", value);
+            },
+            focusThumb({ scope }) {
+              raf(() => {
+                var _a;
+                (_a = getThumbEl(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
               });
+            },
+            setThumbDragOffset({ refs, event }) {
+              var _a;
+              refs.set("thumbDragOffset", (_a = event.angularOffset) != null ? _a : null);
+            },
+            clearThumbDragOffset({ refs }) {
+              refs.set("thumbDragOffset", null);
             }
           }
         }
       });
       props2 = createProps()([
-        "defaultChecked",
-        "checked",
+        "aria-label",
+        "aria-labelledby",
         "dir",
         "disabled",
-        "form",
         "getRootNode",
         "id",
         "ids",
         "invalid",
         "name",
-        "onCheckedChange",
+        "onValueChange",
+        "onValueChangeEnd",
         "readOnly",
-        "required",
-        "value"
+        "step",
+        "value",
+        "defaultValue"
       ]);
       splitProps3 = createSplitProps(props2);
-      Checkbox = class extends Component {
+      AngleSlider = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine2, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine2, props26);
         }
         initApi() {
           return connect2(this.machine.service, normalizeProps);
         }
         render() {
-          const rootEl = this.el.querySelector('[data-scope="checkbox"][data-part="root"]');
-          if (!rootEl) return;
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="angle-slider"][data-part="root"]')) != null ? _a : this.el;
           this.spreadProps(rootEl, this.api.getRootProps());
-          const inputEl = rootEl.querySelector(
-            ':scope > [data-scope="checkbox"][data-part="hidden-input"]'
+          const labelEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="label"]'
           );
-          if (inputEl) {
-            this.spreadProps(inputEl, this.api.getHiddenInputProps());
-          }
-          const labelEl = rootEl.querySelector(
-            ':scope > [data-scope="checkbox"][data-part="label"]'
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const hiddenInputEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="hidden-input"]'
           );
-          if (labelEl) {
-            this.spreadProps(labelEl, this.api.getLabelProps());
-          }
-          const controlEl = rootEl.querySelector(
-            ':scope > [data-scope="checkbox"][data-part="control"]'
+          if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="control"]'
           );
-          if (controlEl) {
-            this.spreadProps(controlEl, this.api.getControlProps());
-            const indicatorEl = controlEl.querySelector(
-              ':scope > [data-scope="checkbox"][data-part="indicator"]'
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const thumbEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="thumb"]'
+          );
+          if (thumbEl) this.spreadProps(thumbEl, this.api.getThumbProps());
+          const valueTextEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="value-text"]'
+          );
+          if (valueTextEl) {
+            this.spreadProps(valueTextEl, this.api.getValueTextProps());
+            const valueSpan = valueTextEl.querySelector(
+              '[data-scope="angle-slider"][data-part="value"]'
             );
-            if (indicatorEl) {
-              this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+            if (valueSpan && valueSpan.textContent !== String(this.api.value)) {
+              valueSpan.textContent = String(this.api.value);
             }
           }
+          const markerGroupEl = this.el.querySelector(
+            '[data-scope="angle-slider"][data-part="marker-group"]'
+          );
+          if (markerGroupEl) this.spreadProps(markerGroupEl, this.api.getMarkerGroupProps());
+          this.el.querySelectorAll('[data-scope="angle-slider"][data-part="marker"]').forEach((markerEl) => {
+            const valueStr = markerEl.dataset.value;
+            if (valueStr == null) return;
+            const value = Number(valueStr);
+            if (Number.isNaN(value)) return;
+            this.spreadProps(markerEl, this.api.getMarkerProps({ value }));
+          });
         }
       };
-      CheckboxHook = {
+      AngleSliderHook = {
         mounted() {
+          var _a;
           const el = this.el;
-          const pushEvent = this.pushEvent.bind(this);
-          const zagCheckbox = new Checkbox(el, __spreadProps(__spreadValues({
+          const value = getNumber(el, "value");
+          const defaultValue = getNumber(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          let skipNextOnValueChange = false;
+          const zag = new AngleSlider(el, __spreadProps(__spreadValues({
             id: el.id
-          }, getBoolean(el, "controlled") ? { checked: getBoolean(el, "checked") } : { defaultChecked: getBoolean(el, "defaultChecked") }), {
+          }, controlled && value !== void 0 ? { value } : { defaultValue: defaultValue != null ? defaultValue : 0 }), {
+            step: (_a = getNumber(el, "step")) != null ? _a : 1,
             disabled: getBoolean(el, "disabled"),
-            name: getString(el, "name"),
-            form: getString(el, "form"),
-            value: getString(el, "value"),
-            dir: getDir(el),
-            invalid: getBoolean(el, "invalid"),
-            required: getBoolean(el, "required"),
             readOnly: getBoolean(el, "readOnly"),
-            onCheckedChange: (details) => {
-              const eventName = getString(el, "onCheckedChange");
+            invalid: getBoolean(el, "invalid"),
+            name: getString(el, "name"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            onValueChange: (details) => {
+              if (skipNextOnValueChange) {
+                skipNextOnValueChange = false;
+                return;
+              }
+              if (controlled) {
+                skipNextOnValueChange = true;
+                zag.api.setValue(details.value);
+              } else {
+                const hiddenInput = el.querySelector(
+                  '[data-scope="angle-slider"][data-part="hidden-input"]'
+                );
+                if (hiddenInput) {
+                  hiddenInput.value = String(details.value);
+                  hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+                  hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+                }
+              }
+              const eventName = getString(el, "onValueChange");
               if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  checked: details.checked,
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  valueAsDegree: details.valueAsDegree,
                   id: el.id
                 });
               }
-              const eventNameClient = getString(el, "onCheckedChangeClient");
+              const eventNameClient = getString(el, "onValueChangeClient");
               if (eventNameClient) {
                 el.dispatchEvent(
                   new CustomEvent(eventNameClient, {
                     bubbles: true,
-                    detail: {
-                      value: details,
-                      id: el.id
-                    }
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
+            },
+            onValueChangeEnd: (details) => {
+              if (controlled) {
+                const hiddenInput = el.querySelector(
+                  '[data-scope="angle-slider"][data-part="hidden-input"]'
+                );
+                if (hiddenInput) {
+                  hiddenInput.value = String(details.value);
+                  hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+                  hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+                }
+              }
+              const eventName = getString(el, "onValueChangeEnd");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  valueAsDegree: details.valueAsDegree,
+                  id: el.id
+                });
+              }
+              const eventNameClient = getString(el, "onValueChangeEndClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
                   })
                 );
               }
             }
           }));
-          zagCheckbox.init();
-          this.checkbox = zagCheckbox;
-          this.onSetChecked = (event) => {
-            const { checked } = event.detail;
-            zagCheckbox.api.setChecked(checked);
-          };
-          el.addEventListener("phx:checkbox:set-checked", this.onSetChecked);
-          this.onToggleChecked = () => {
-            zagCheckbox.api.toggleChecked();
-          };
-          el.addEventListener("phx:checkbox:toggle-checked", this.onToggleChecked);
+          zag.init();
+          this.angleSlider = zag;
           this.handlers = [];
+          this.onSetValue = (event) => {
+            const { value: value2 } = event.detail;
+            zag.api.setValue(value2);
+          };
+          el.addEventListener("phx:angle-slider:set-value", this.onSetValue);
           this.handlers.push(
-            this.handleEvent("checkbox_set_checked", (payload) => {
-              const targetId = payload.id;
-              if (targetId && targetId !== el.id) return;
-              zagCheckbox.api.setChecked(payload.checked);
-            })
-          );
-          this.handlers.push(
-            this.handleEvent("checkbox_toggle_checked", (payload) => {
-              const targetId = payload.id;
-              if (targetId && targetId !== el.id) return;
-              zagCheckbox.api.toggleChecked();
-            })
-          );
-          this.handlers.push(
-            this.handleEvent("checkbox_checked", () => {
-              this.pushEvent("checkbox_checked_response", {
-                value: zagCheckbox.api.checked
-              });
-            })
-          );
-          this.handlers.push(
-            this.handleEvent("checkbox_focused", () => {
-              this.pushEvent("checkbox_focused_response", {
-                value: zagCheckbox.api.focused
-              });
-            })
+            this.handleEvent(
+              "angle_slider_set_value",
+              (payload) => {
+                const targetId = payload.angle_slider_id;
+                if (targetId) {
+                  const matches = el.id === targetId || el.id === `angle-slider:${targetId}`;
+                  if (!matches) return;
+                }
+                zag.api.setValue(payload.value);
+              }
+            )
           );
           this.handlers.push(
-            this.handleEvent("checkbox_disabled", () => {
-              this.pushEvent("checkbox_disabled_response", {
-                value: zagCheckbox.api.disabled
+            this.handleEvent("angle_slider_value", () => {
+              this.pushEvent("angle_slider_value_response", {
+                value: zag.api.value,
+                valueAsDegree: zag.api.valueAsDegree,
+                dragging: zag.api.dragging
               });
             })
           );
         },
         updated() {
-          var _a;
-          (_a = this.checkbox) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+          var _a, _b;
+          const value = getNumber(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          (_b = this.angleSlider) == null ? void 0 : _b.updateProps(__spreadProps(__spreadValues({
             id: this.el.id
-          }, getBoolean(this.el, "controlled") ? { checked: getBoolean(this.el, "checked") } : { defaultChecked: getBoolean(this.el, "defaultChecked") }), {
+          }, controlled && value !== void 0 ? { value } : {}), {
+            step: (_a = getNumber(this.el, "step")) != null ? _a : 1,
             disabled: getBoolean(this.el, "disabled"),
-            name: getString(this.el, "name"),
-            form: getString(this.el, "form"),
-            value: getString(this.el, "value"),
-            dir: getDir(this.el),
-            invalid: getBoolean(this.el, "invalid"),
-            required: getBoolean(this.el, "required"),
             readOnly: getBoolean(this.el, "readOnly"),
-            label: getString(this.el, "label")
+            invalid: getBoolean(this.el, "invalid"),
+            name: getString(this.el, "name")
           }));
         },
         destroyed() {
           var _a;
-          if (this.onSetChecked) {
-            this.el.removeEventListener("phx:checkbox:set-checked", this.onSetChecked);
-          }
-          if (this.onToggleChecked) {
-            this.el.removeEventListener("phx:checkbox:toggle-checked", this.onToggleChecked);
+          if (this.onSetValue) {
+            this.el.removeEventListener("phx:angle-slider:set-value", this.onSetValue);
           }
           if (this.handlers) {
-            for (const handler of this.handlers) {
-              this.removeHandleEvent(handler);
-            }
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-          (_a = this.checkbox) == null ? void 0 : _a.destroy();
+          (_a = this.angleSlider) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/clipboard.mjs
-  var clipboard_exports = {};
-  __export(clipboard_exports, {
-    Clipboard: () => ClipboardHook
+  // ../priv/static/avatar.mjs
+  var avatar_exports = {};
+  __export(avatar_exports, {
+    Avatar: () => AvatarHook
   });
-  function createNode(doc, text) {
-    const node = doc.createElement("pre");
-    Object.assign(node.style, {
-      width: "1px",
-      height: "1px",
-      position: "fixed",
-      top: "5px"
-    });
-    node.textContent = text;
-    return node;
-  }
-  function copyNode(node) {
-    const win = getWindow(node);
-    const selection = win.getSelection();
-    if (selection == null) {
-      return Promise.reject(new Error());
-    }
-    selection.removeAllRanges();
-    const doc = node.ownerDocument;
-    const range = doc.createRange();
-    range.selectNodeContents(node);
-    selection.addRange(range);
-    doc.execCommand("copy");
-    selection.removeAllRanges();
-    return Promise.resolve();
-  }
-  function copyText(doc, text) {
-    var _a;
-    const win = doc.defaultView || window;
-    if (((_a = win.navigator.clipboard) == null ? void 0 : _a.writeText) !== void 0) {
-      return win.navigator.clipboard.writeText(text);
-    }
-    if (!doc.body) {
-      return Promise.reject(new Error());
-    }
-    const node = createNode(doc, text);
-    doc.body.appendChild(node);
-    copyNode(node);
-    doc.body.removeChild(node);
-    return Promise.resolve();
-  }
   function connect3(service, normalize) {
-    const { state: state2, send, context, scope } = service;
-    const copied = state2.matches("copied");
+    const { state: state2, send, prop, scope } = service;
+    const loaded = state2.matches("loaded");
     return {
-      copied,
-      value: context.get("value"),
-      setValue(value) {
-        send({ type: "VALUE.SET", value });
+      loaded,
+      setSrc(src) {
+        const img = getImageEl(scope);
+        img == null ? void 0 : img.setAttribute("src", src);
       },
-      copy() {
-        send({ type: "COPY" });
+      setLoaded() {
+        send({ type: "img.loaded", src: "api" });
+      },
+      setError() {
+        send({ type: "img.error", src: "api" });
       },
       getRootProps() {
         return normalize.element(__spreadProps(__spreadValues({}, parts3.root.attrs), {
-          "data-copied": dataAttr(copied),
+          dir: prop("dir"),
           id: getRootId3(scope)
         }));
       },
-      getLabelProps() {
-        return normalize.label(__spreadProps(__spreadValues({}, parts3.label.attrs), {
-          htmlFor: getInputId(scope),
-          "data-copied": dataAttr(copied),
-          id: getLabelId2(scope)
-        }));
-      },
-      getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts3.control.attrs), {
-          "data-copied": dataAttr(copied)
-        }));
-      },
-      getInputProps() {
-        return normalize.input(__spreadProps(__spreadValues({}, parts3.input.attrs), {
-          defaultValue: context.get("value"),
-          "data-copied": dataAttr(copied),
-          readOnly: true,
-          "data-readonly": "true",
-          id: getInputId(scope),
-          onFocus(event) {
-            event.currentTarget.select();
+      getImageProps() {
+        return normalize.img(__spreadProps(__spreadValues({}, parts3.image.attrs), {
+          hidden: !loaded,
+          dir: prop("dir"),
+          id: getImageId(scope),
+          "data-state": loaded ? "visible" : "hidden",
+          onLoad() {
+            send({ type: "img.loaded", src: "element" });
           },
-          onCopy() {
-            send({ type: "INPUT.COPY" });
-          }
-        }));
-      },
-      getTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts3.trigger.attrs), {
-          type: "button",
-          "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
-          "data-copied": dataAttr(copied),
-          onClick() {
-            send({ type: "COPY" });
+          onError() {
+            send({ type: "img.error", src: "element" });
           }
         }));
       },
-      getIndicatorProps(props22) {
-        return normalize.element(__spreadProps(__spreadValues({}, parts3.indicator.attrs), {
-          hidden: props22.copied !== copied
+      getFallbackProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts3.fallback.attrs), {
+          dir: prop("dir"),
+          id: getFallbackId(scope),
+          hidden: loaded,
+          "data-state": loaded ? "hidden" : "visible"
         }));
       }
     };
   }
-  var anatomy3, parts3, getRootId3, getInputId, getLabelId2, getInputEl, writeToClipboard, machine3, props3, contextProps, indicatorProps, splitIndicatorProps, Clipboard, ClipboardHook;
-  var init_clipboard = __esm({
-    "../priv/static/clipboard.mjs"() {
+  function hasLoaded(image) {
+    return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;
+  }
+  var anatomy3, parts3, getRootId3, getImageId, getFallbackId, getRootEl2, getImageEl, machine3, props3, splitProps4, Avatar, AvatarHook;
+  var init_avatar = __esm({
+    "../priv/static/avatar.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      anatomy3 = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
+      init_chunk_IXOYOLUJ();
+      anatomy3 = createAnatomy("avatar").parts("root", "image", "fallback");
       parts3 = anatomy3.build();
       getRootId3 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `clip:${ctx.id}`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `avatar:${ctx.id}`;
       };
-      getInputId = (ctx) => {
+      getImageId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `clip:${ctx.id}:input`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.image) != null ? _b : `avatar:${ctx.id}:image`;
       };
-      getLabelId2 = (ctx) => {
+      getFallbackId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `clip:${ctx.id}:label`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.fallback) != null ? _b : `avatar:${ctx.id}:fallback`;
       };
-      getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-      writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
+      getRootEl2 = (ctx) => ctx.getById(getRootId3(ctx));
+      getImageEl = (ctx) => ctx.getById(getImageId(ctx));
       machine3 = createMachine({
-        props({ props: props22 }) {
-          return __spreadValues({
-            timeout: 3e3,
-            defaultValue: ""
-          }, props22);
-        },
         initialState() {
-          return "idle";
-        },
-        context({ prop, bindable: bindable2 }) {
-          return {
-            value: bindable2(() => ({
-              defaultValue: prop("defaultValue"),
-              value: prop("value"),
-              onChange(value) {
-                var _a;
-                (_a = prop("onValueChange")) == null ? void 0 : _a({ value });
-              }
-            }))
-          };
-        },
-        watch({ track, context, action }) {
-          track([() => context.get("value")], () => {
-            action(["syncInputElement"]);
-          });
+          return "loading";
         },
+        effects: ["trackImageRemoval", "trackSrcChange"],
         on: {
-          "VALUE.SET": {
-            actions: ["setValue"]
+          "src.change": {
+            target: "loading"
           },
-          COPY: {
-            target: "copied",
-            actions: ["copyToClipboard", "invokeOnCopy"]
+          "img.unmount": {
+            target: "error"
           }
         },
         states: {
-          idle: {
+          loading: {
+            entry: ["checkImageStatus"],
             on: {
-              "INPUT.COPY": {
-                target: "copied",
-                actions: ["invokeOnCopy"]
+              "img.loaded": {
+                target: "loaded",
+                actions: ["invokeOnLoad"]
+              },
+              "img.error": {
+                target: "error",
+                actions: ["invokeOnError"]
               }
             }
           },
-          copied: {
-            effects: ["waitForTimeout"],
+          error: {
             on: {
-              "COPY.DONE": {
-                target: "idle"
-              },
-              COPY: {
-                target: "copied",
-                actions: ["copyToClipboard", "invokeOnCopy"]
-              },
-              "INPUT.COPY": {
-                actions: ["invokeOnCopy"]
+              "img.loaded": {
+                target: "loaded",
+                actions: ["invokeOnLoad"]
+              }
+            }
+          },
+          loaded: {
+            on: {
+              "img.error": {
+                target: "error",
+                actions: ["invokeOnError"]
               }
             }
           }
         },
         implementations: {
-          effects: {
-            waitForTimeout({ prop, send }) {
-              return setRafTimeout(() => {
-                send({ type: "COPY.DONE" });
-              }, prop("timeout"));
-            }
-          },
           actions: {
-            setValue({ context, event }) {
-              context.set("value", event.value);
-            },
-            copyToClipboard({ context, scope }) {
-              writeToClipboard(scope, context.get("value"));
+            invokeOnLoad({ prop }) {
+              var _a;
+              (_a = prop("onStatusChange")) == null ? void 0 : _a({ status: "loaded" });
             },
-            invokeOnCopy({ prop }) {
+            invokeOnError({ prop }) {
               var _a;
-              (_a = prop("onStatusChange")) == null ? void 0 : _a({ copied: true });
+              (_a = prop("onStatusChange")) == null ? void 0 : _a({ status: "error" });
             },
-            syncInputElement({ context, scope }) {
-              const inputEl = getInputEl(scope);
-              if (!inputEl) return;
-              setElementValue(inputEl, context.get("value"));
+            checkImageStatus({ send, scope }) {
+              const imageEl = getImageEl(scope);
+              if (!(imageEl == null ? void 0 : imageEl.complete)) return;
+              const type = hasLoaded(imageEl) ? "img.loaded" : "img.error";
+              send({ type, src: "ssr" });
+            }
+          },
+          effects: {
+            trackImageRemoval({ send, scope }) {
+              const rootEl = getRootEl2(scope);
+              return observeChildren(rootEl, {
+                callback(records) {
+                  const removedNodes = Array.from(records[0].removedNodes);
+                  const removed = removedNodes.find(
+                    (node) => node.nodeType === Node.ELEMENT_NODE && node.matches("[data-scope=avatar][data-part=image]")
+                  );
+                  if (removed) {
+                    send({ type: "img.unmount" });
+                  }
+                }
+              });
+            },
+            trackSrcChange({ send, scope }) {
+              const imageEl = getImageEl(scope);
+              return observeAttributes(imageEl, {
+                attributes: ["src", "srcset"],
+                callback() {
+                  send({ type: "src.change" });
+                }
+              });
             }
           }
         }
       });
-      props3 = createProps()([
-        "getRootNode",
-        "id",
-        "ids",
-        "value",
-        "defaultValue",
-        "timeout",
-        "onStatusChange",
-        "onValueChange"
-      ]);
-      contextProps = createSplitProps(props3);
-      indicatorProps = createProps()(["copied"]);
-      splitIndicatorProps = createSplitProps(indicatorProps);
-      Clipboard = class extends Component {
+      props3 = createProps()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+      splitProps4 = createSplitProps(props3);
+      Avatar = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine3, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine3, props26);
         }
         initApi() {
           return connect3(this.machine.service, normalizeProps);
         }
         render() {
-          const rootEl = this.el.querySelector('[data-scope="clipboard"][data-part="root"]');
-          if (rootEl) {
-            this.spreadProps(rootEl, this.api.getRootProps());
-            const labelEl = rootEl.querySelector(
-              '[data-scope="clipboard"][data-part="label"]'
-            );
-            if (labelEl) {
-              this.spreadProps(labelEl, this.api.getLabelProps());
-            }
-            const controlEl = rootEl.querySelector(
-              '[data-scope="clipboard"][data-part="control"]'
-            );
-            if (controlEl) {
-              this.spreadProps(controlEl, this.api.getControlProps());
-              const inputEl = controlEl.querySelector(
-                '[data-scope="clipboard"][data-part="input"]'
-              );
-              if (inputEl) {
-                const inputProps2 = __spreadValues({}, this.api.getInputProps());
-                const inputAriaLabel = this.el.dataset.inputAriaLabel;
-                if (inputAriaLabel) {
-                  inputProps2["aria-label"] = inputAriaLabel;
-                }
-                this.spreadProps(inputEl, inputProps2);
-              }
-              const triggerEl = controlEl.querySelector(
-                '[data-scope="clipboard"][data-part="trigger"]'
-              );
-              if (triggerEl) {
-                const triggerProps2 = __spreadValues({}, this.api.getTriggerProps());
-                const ariaLabel = this.el.dataset.triggerAriaLabel;
-                if (ariaLabel) {
-                  triggerProps2["aria-label"] = ariaLabel;
-                }
-                this.spreadProps(triggerEl, triggerProps2);
-              }
-            }
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="avatar"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const imageEl = this.el.querySelector('[data-scope="avatar"][data-part="image"]');
+          if (imageEl) this.spreadProps(imageEl, this.api.getImageProps());
+          const fallbackEl = this.el.querySelector(
+            '[data-scope="avatar"][data-part="fallback"]'
+          );
+          if (fallbackEl) this.spreadProps(fallbackEl, this.api.getFallbackProps());
+          const skeletonEl = this.el.querySelector(
+            '[data-scope="avatar"][data-part="skeleton"]'
+          );
+          if (skeletonEl) {
+            const state2 = this.machine.service.state;
+            const loaded = state2.matches("loaded");
+            const error = state2.matches("error");
+            skeletonEl.hidden = loaded || error;
+            skeletonEl.setAttribute("data-state", loaded || error ? "hidden" : "visible");
           }
         }
       };
-      ClipboardHook = {
+      AvatarHook = {
         mounted() {
           const el = this.el;
-          const pushEvent = this.pushEvent.bind(this);
-          const liveSocket = this.liveSocket;
-          const clipboard = new Clipboard(el, __spreadProps(__spreadValues({
+          const src = getString(el, "src");
+          const zag = new Avatar(el, __spreadValues({
             id: el.id,
-            timeout: getNumber(el, "timeout")
-          }, getBoolean(el, "controlled") ? { value: getString(el, "value") } : { defaultValue: getString(el, "defaultValue") }), {
-            onValueChange: (details) => {
-              var _a;
-              const eventName = getString(el, "onValueChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  value: (_a = details.value) != null ? _a : null
-                });
-              }
-            },
             onStatusChange: (details) => {
               const eventName = getString(el, "onStatusChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  copied: details.copied
-                });
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, { status: details.status, id: el.id });
               }
-              const eventNameClient = getString(el, "onStatusChangeClient");
-              if (eventNameClient) {
+              const clientName = getString(el, "onStatusChangeClient");
+              if (clientName) {
                 el.dispatchEvent(
-                  new CustomEvent(eventNameClient, {
-                    bubbles: true
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
                   })
                 );
               }
             }
-          }));
-          clipboard.init();
-          this.clipboard = clipboard;
-          this.onCopy = () => {
-            clipboard.api.copy();
-          };
-          el.addEventListener("phx:clipboard:copy", this.onCopy);
-          this.onSetValue = (event) => {
-            const { value } = event.detail;
-            clipboard.api.setValue(value);
-          };
-          el.addEventListener("phx:clipboard:set-value", this.onSetValue);
+          }, src !== void 0 ? {} : {}));
+          zag.init();
+          this.avatar = zag;
+          if (src !== void 0) {
+            zag.api.setSrc(src);
+          }
           this.handlers = [];
-          this.handlers.push(
-            this.handleEvent("clipboard_copy", (payload) => {
-              const targetId = payload.clipboard_id;
-              if (targetId && targetId !== el.id) return;
-              clipboard.api.copy();
-            })
-          );
-          this.handlers.push(
-            this.handleEvent(
-              "clipboard_set_value",
-              (payload) => {
-                const targetId = payload.clipboard_id;
-                if (targetId && targetId !== el.id) return;
-                clipboard.api.setValue(payload.value);
-              }
-            )
-          );
-          this.handlers.push(
-            this.handleEvent("clipboard_copied", () => {
-              this.pushEvent("clipboard_copied_response", {
-                value: clipboard.api.copied
-              });
-            })
-          );
         },
         updated() {
-          var _a;
-          (_a = this.clipboard) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
-            id: this.el.id,
-            timeout: getNumber(this.el, "timeout")
-          }, getBoolean(this.el, "controlled") ? { value: getString(this.el, "value") } : { defaultValue: getString(this.el, "value") }), {
-            dir: getString(this.el, "dir", ["ltr", "rtl"])
-          }));
+          const src = getString(this.el, "src");
+          if (src !== void 0 && this.avatar) {
+            this.avatar.api.setSrc(src);
+          }
         },
         destroyed() {
           var _a;
-          if (this.onCopy) {
-            this.el.removeEventListener("phx:clipboard:copy", this.onCopy);
-          }
-          if (this.onSetValue) {
-            this.el.removeEventListener("phx:clipboard:set-value", this.onSetValue);
-          }
           if (this.handlers) {
-            for (const handler of this.handlers) {
-              this.removeHandleEvent(handler);
-            }
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-          (_a = this.clipboard) == null ? void 0 : _a.destroy();
+          (_a = this.avatar) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/collapsible.mjs
-  var collapsible_exports = {};
-  __export(collapsible_exports, {
-    Collapsible: () => CollapsibleHook
+  // ../priv/static/carousel.mjs
+  var carousel_exports = {};
+  __export(carousel_exports, {
+    Carousel: () => CarouselHook
   });
+  function getScrollPadding(element) {
+    const style = getComputedStyle2(element);
+    const rect = element.getBoundingClientRect();
+    let xBeforeRaw = style.getPropertyValue("scroll-padding-left").replace("auto", "0px");
+    let yBeforeRaw = style.getPropertyValue("scroll-padding-top").replace("auto", "0px");
+    let xAfterRaw = style.getPropertyValue("scroll-padding-right").replace("auto", "0px");
+    let yAfterRaw = style.getPropertyValue("scroll-padding-bottom").replace("auto", "0px");
+    function convert(raw, size3) {
+      let n2 = parseFloat(raw);
+      if (/%/.test(raw)) {
+        n2 /= 100;
+        n2 *= size3;
+      }
+      return Number.isNaN(n2) ? 0 : n2;
+    }
+    let xBefore = convert(xBeforeRaw, rect.width);
+    let yBefore = convert(yBeforeRaw, rect.height);
+    let xAfter = convert(xAfterRaw, rect.width);
+    let yAfter = convert(yAfterRaw, rect.height);
+    return {
+      x: { before: xBefore, after: xAfter },
+      y: { before: yBefore, after: yAfter }
+    };
+  }
+  function isRectIntersecting(a2, b2, axis = "both") {
+    return axis === "x" && a2.right >= b2.left && a2.left <= b2.right || axis === "y" && a2.bottom >= b2.top && a2.top <= b2.bottom || axis === "both" && a2.right >= b2.left && a2.left <= b2.right && a2.bottom >= b2.top && a2.top <= b2.bottom;
+  }
+  function getDescendants(parent) {
+    let children = [];
+    for (const child of parent.children) {
+      children = children.concat(child, getDescendants(child));
+    }
+    return children;
+  }
+  function getSnapPositions(parent, subtree = false) {
+    const parentRect = parent.getBoundingClientRect();
+    const dir = getDirection(parent);
+    const isRtl = dir === "rtl";
+    const positions = {
+      x: { start: [], center: [], end: [] },
+      y: { start: [], center: [], end: [] }
+    };
+    const children = subtree ? getDescendants(parent) : parent.children;
+    for (const axis of ["x", "y"]) {
+      const orthogonalAxis = axis === "x" ? "y" : "x";
+      const axisStart = axis === "x" ? "left" : "top";
+      const axisEnd = axis === "x" ? "right" : "bottom";
+      const axisSize = axis === "x" ? "width" : "height";
+      const axisScroll = axis === "x" ? "scrollLeft" : "scrollTop";
+      const useRtlCalc = isRtl && axis === "x";
+      for (const child of children) {
+        const childRect = child.getBoundingClientRect();
+        if (!isRectIntersecting(parentRect, childRect, orthogonalAxis)) {
+          continue;
+        }
+        const childStyle = getComputedStyle2(child);
+        let [childAlignY, childAlignX] = childStyle.getPropertyValue("scroll-snap-align").split(" ");
+        if (typeof childAlignX === "undefined") {
+          childAlignX = childAlignY;
+        }
+        const childAlign = axis === "x" ? childAlignX : childAlignY;
+        let childOffsetStart;
+        let childOffsetEnd;
+        let childOffsetCenter;
+        if (useRtlCalc) {
+          const scrollOffset = Math.abs(parent[axisScroll]);
+          const rightOffset = parentRect[axisEnd] - childRect[axisEnd] + scrollOffset;
+          childOffsetStart = rightOffset;
+          childOffsetEnd = rightOffset + childRect[axisSize];
+          childOffsetCenter = rightOffset + childRect[axisSize] / 2;
+        } else {
+          childOffsetStart = childRect[axisStart] - parentRect[axisStart] + parent[axisScroll];
+          childOffsetEnd = childOffsetStart + childRect[axisSize];
+          childOffsetCenter = childOffsetStart + childRect[axisSize] / 2;
+        }
+        switch (childAlign) {
+          case "none":
+            break;
+          case "start":
+            positions[axis].start.push({ node: child, position: childOffsetStart });
+            break;
+          case "center":
+            positions[axis].center.push({ node: child, position: childOffsetCenter });
+            break;
+          case "end":
+            positions[axis].end.push({ node: child, position: childOffsetEnd });
+            break;
+        }
+      }
+    }
+    return positions;
+  }
+  function getScrollSnapPositions(element) {
+    const dir = getDirection(element);
+    const rect = element.getBoundingClientRect();
+    const scrollPadding = getScrollPadding(element);
+    const snapPositions = getSnapPositions(element);
+    const maxScroll = {
+      x: element.scrollWidth - element.offsetWidth,
+      y: element.scrollHeight - element.offsetHeight
+    };
+    const isRtl = dir === "rtl";
+    const usesNegativeScrollLeft = isRtl && element.scrollLeft <= 0;
+    let xPositions;
+    if (isRtl) {
+      xPositions = uniq2(
+        [
+          ...snapPositions.x.start.map((v2) => v2.position - scrollPadding.x.after),
+          ...snapPositions.x.center.map((v2) => v2.position - rect.width / 2),
+          ...snapPositions.x.end.map((v2) => v2.position - rect.width + scrollPadding.x.before)
+        ].map(clamp3(0, maxScroll.x))
+      );
+      if (usesNegativeScrollLeft) {
+        xPositions = xPositions.map((pos) => -pos);
+      }
+    } else {
+      xPositions = uniq2(
+        [
+          ...snapPositions.x.start.map((v2) => v2.position - scrollPadding.x.before),
+          ...snapPositions.x.center.map((v2) => v2.position - rect.width / 2),
+          ...snapPositions.x.end.map((v2) => v2.position - rect.width + scrollPadding.x.after)
+        ].map(clamp3(0, maxScroll.x))
+      );
+    }
+    return {
+      x: xPositions,
+      y: uniq2(
+        [
+          ...snapPositions.y.start.map((v2) => v2.position - scrollPadding.y.before),
+          ...snapPositions.y.center.map((v2) => v2.position - rect.height / 2),
+          ...snapPositions.y.end.map((v2) => v2.position - rect.height + scrollPadding.y.after)
+        ].map(clamp3(0, maxScroll.y))
+      )
+    };
+  }
+  function findSnapPoint(parent, axis, predicate) {
+    const dir = getDirection(parent);
+    const scrollPadding = getScrollPadding(parent);
+    const snapPositions = getSnapPositions(parent);
+    const items = [...snapPositions[axis].start, ...snapPositions[axis].center, ...snapPositions[axis].end];
+    const isRtl = dir === "rtl";
+    const usesNegativeScrollLeft = isRtl && axis === "x" && parent.scrollLeft <= 0;
+    for (const item of items) {
+      if (predicate(item.node)) {
+        let position;
+        if (axis === "x" && isRtl) {
+          position = item.position - scrollPadding.x.after;
+          if (usesNegativeScrollLeft) {
+            position = -position;
+          }
+        } else {
+          position = item.position - (axis === "x" ? scrollPadding.x.before : scrollPadding.y.before);
+        }
+        return position;
+      }
+    }
+  }
   function connect4(service, normalize) {
-    const { state: state2, send, context, scope, prop } = service;
-    const visible = state2.matches("open") || state2.matches("closing");
-    const open = state2.matches("open");
-    const closed = state2.matches("closed");
-    const { width, height } = context.get("size");
-    const disabled = !!prop("disabled");
-    const collapsedHeight = prop("collapsedHeight");
-    const collapsedWidth = prop("collapsedWidth");
-    const hasCollapsedHeight = collapsedHeight != null;
-    const hasCollapsedWidth = collapsedWidth != null;
-    const hasCollapsedSize = hasCollapsedHeight || hasCollapsedWidth;
-    const skip = !context.get("initial") && open;
+    const { state: state2, context, computed, send, scope, prop } = service;
+    const isPlaying = state2.matches("autoplay");
+    const isDragging = state2.matches("dragging");
+    const canScrollNext = computed("canScrollNext");
+    const canScrollPrev = computed("canScrollPrev");
+    const horizontal = computed("isHorizontal");
+    const autoSize = prop("autoSize");
+    const pageSnapPoints = Array.from(context.get("pageSnapPoints"));
+    const page = context.get("page");
+    const slidesPerPage = prop("slidesPerPage");
+    const padding = prop("padding");
+    const translations = prop("translations");
     return {
-      disabled,
-      visible,
-      open,
-      measureSize() {
-        send({ type: "size.measure" });
+      isPlaying,
+      isDragging,
+      page,
+      pageSnapPoints,
+      canScrollNext,
+      canScrollPrev,
+      getProgress() {
+        return page / pageSnapPoints.length;
       },
-      setOpen(nextOpen) {
-        const open2 = state2.matches("open");
-        if (open2 === nextOpen) return;
-        send({ type: nextOpen ? "open" : "close" });
+      getProgressText() {
+        var _a, _b;
+        const details = { page: page + 1, totalPages: pageSnapPoints.length };
+        return (_b = (_a = translations.progressText) == null ? void 0 : _a.call(translations, details)) != null ? _b : "";
+      },
+      scrollToIndex(index, instant) {
+        send({ type: "INDEX.SET", index, instant });
+      },
+      scrollTo(index, instant) {
+        send({ type: "PAGE.SET", index, instant });
+      },
+      scrollNext(instant) {
+        send({ type: "PAGE.NEXT", instant });
+      },
+      scrollPrev(instant) {
+        send({ type: "PAGE.PREV", instant });
+      },
+      play() {
+        send({ type: "AUTOPLAY.START" });
+      },
+      pause() {
+        send({ type: "AUTOPLAY.PAUSE" });
+      },
+      isInView(index) {
+        return Array.from(context.get("slidesInView")).includes(index);
+      },
+      refresh() {
+        send({ type: "SNAP.REFRESH" });
       },
       getRootProps() {
         return normalize.element(__spreadProps(__spreadValues({}, parts4.root.attrs), {
-          "data-state": open ? "open" : "closed",
+          id: getRootId4(scope),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-orientation": prop("orientation"),
           dir: prop("dir"),
-          id: getRootId4(scope)
+          style: {
+            "--slides-per-page": slidesPerPage,
+            "--slide-spacing": prop("spacing"),
+            "--slide-item-size": autoSize ? "auto" : "calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))"
+          }
         }));
       },
-      getContentProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts4.content.attrs), {
-          id: getContentId(scope),
-          "data-collapsible": "",
-          "data-state": skip ? void 0 : open ? "open" : "closed",
-          "data-disabled": dataAttr(disabled),
-          "data-has-collapsed-size": dataAttr(hasCollapsedSize),
-          hidden: !visible && !hasCollapsedSize,
+      getItemGroupProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts4.itemGroup.attrs), {
+          id: getItemGroupId(scope),
+          "data-orientation": prop("orientation"),
+          "data-dragging": dataAttr(isDragging),
           dir: prop("dir"),
-          style: __spreadValues(__spreadValues({
-            "--height": toPx(height),
-            "--width": toPx(width),
-            "--collapsed-height": toPx(collapsedHeight),
-            "--collapsed-width": toPx(collapsedWidth)
-          }, closed && hasCollapsedHeight && {
-            overflow: "hidden",
-            minHeight: toPx(collapsedHeight),
-            maxHeight: toPx(collapsedHeight)
-          }), closed && hasCollapsedWidth && {
-            overflow: "hidden",
-            minWidth: toPx(collapsedWidth),
-            maxWidth: toPx(collapsedWidth)
-          })
+          "aria-live": isPlaying ? "off" : "polite",
+          onFocus(event) {
+            if (!contains(event.currentTarget, getEventTarget(event))) return;
+            send({ type: "VIEWPORT.FOCUS" });
+          },
+          onBlur(event) {
+            if (contains(event.currentTarget, event.relatedTarget)) return;
+            send({ type: "VIEWPORT.BLUR" });
+          },
+          onMouseDown(event) {
+            if (event.defaultPrevented) return;
+            if (!prop("allowMouseDrag")) return;
+            if (!isLeftClick(event)) return;
+            const target = getEventTarget(event);
+            if (isFocusable(target) && target !== event.currentTarget) return;
+            event.preventDefault();
+            send({ type: "DRAGGING.START" });
+          },
+          onWheel: throttle((event) => {
+            const axis = prop("orientation") === "horizontal" ? "deltaX" : "deltaY";
+            const isScrollingLeft = event[axis] < 0;
+            if (isScrollingLeft && !computed("canScrollPrev")) return;
+            const isScrollingRight = event[axis] > 0;
+            if (isScrollingRight && !computed("canScrollNext")) return;
+            send({ type: "USER.SCROLL" });
+          }, 150),
+          onTouchStart() {
+            send({ type: "USER.SCROLL" });
+          },
+          style: {
+            display: autoSize ? "flex" : "grid",
+            gap: "var(--slide-spacing)",
+            scrollSnapType: [horizontal ? "x" : "y", prop("snapType")].join(" "),
+            gridAutoFlow: horizontal ? "column" : "row",
+            scrollbarWidth: "none",
+            overscrollBehaviorX: "contain",
+            [horizontal ? "gridAutoColumns" : "gridAutoRows"]: autoSize ? void 0 : "var(--slide-item-size)",
+            [horizontal ? "scrollPaddingInline" : "scrollPaddingBlock"]: padding,
+            [horizontal ? "paddingInline" : "paddingBlock"]: padding,
+            [horizontal ? "overflowX" : "overflowY"]: "auto"
+          }
         }));
       },
-      getTriggerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts4.trigger.attrs), {
-          id: getTriggerId(scope),
+      getItemProps(props26) {
+        const isInView = context.get("slidesInView").includes(props26.index);
+        return normalize.element(__spreadProps(__spreadValues({}, parts4.item.attrs), {
+          id: getItemId2(scope, props26.index),
+          dir: prop("dir"),
+          role: "group",
+          "data-index": props26.index,
+          "data-inview": dataAttr(isInView),
+          "aria-roledescription": "slide",
+          "data-orientation": prop("orientation"),
+          "aria-label": translations.item(props26.index, prop("slideCount")),
+          "aria-hidden": ariaAttr(!isInView),
+          style: {
+            flex: "0 0 auto",
+            [horizontal ? "maxWidth" : "maxHeight"]: "100%",
+            scrollSnapAlign: (() => {
+              var _a;
+              const snapAlign = (_a = props26.snapAlign) != null ? _a : "start";
+              const slidesPerMove = prop("slidesPerMove");
+              const perMove = slidesPerMove === "auto" ? Math.floor(prop("slidesPerPage")) : slidesPerMove;
+              const shouldSnap = (props26.index + perMove) % perMove === 0;
+              return shouldSnap ? snapAlign : void 0;
+            })()
+          }
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts4.control.attrs), {
+          "data-orientation": prop("orientation")
+        }));
+      },
+      getPrevTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts4.prevTrigger.attrs), {
+          id: getPrevTriggerId(scope),
+          type: "button",
+          disabled: !canScrollPrev,
+          dir: prop("dir"),
+          "aria-label": translations.prevTrigger,
+          "data-orientation": prop("orientation"),
+          "aria-controls": getItemGroupId(scope),
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            send({ type: "PAGE.PREV", src: "trigger" });
+          }
+        }));
+      },
+      getNextTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts4.nextTrigger.attrs), {
           dir: prop("dir"),
+          id: getNextTriggerId(scope),
           type: "button",
-          "data-state": open ? "open" : "closed",
-          "data-disabled": dataAttr(disabled),
-          "aria-controls": getContentId(scope),
-          "aria-expanded": visible || false,
+          "aria-label": translations.nextTrigger,
+          "data-orientation": prop("orientation"),
+          "aria-controls": getItemGroupId(scope),
+          disabled: !canScrollNext,
           onClick(event) {
             if (event.defaultPrevented) return;
-            if (disabled) return;
-            send({ type: open ? "close" : "open" });
+            send({ type: "PAGE.NEXT", src: "trigger" });
           }
         }));
       },
-      getIndicatorProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts4.indicator.attrs), {
+      getIndicatorGroupProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts4.indicatorGroup.attrs), {
           dir: prop("dir"),
-          "data-state": open ? "open" : "closed",
-          "data-disabled": dataAttr(disabled)
+          id: getIndicatorGroupId(scope),
+          "data-orientation": prop("orientation"),
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            const src = "indicator";
+            const keyMap2 = {
+              ArrowDown(event2) {
+                if (horizontal) return;
+                send({ type: "PAGE.NEXT", src });
+                event2.preventDefault();
+              },
+              ArrowUp(event2) {
+                if (horizontal) return;
+                send({ type: "PAGE.PREV", src });
+                event2.preventDefault();
+              },
+              ArrowRight(event2) {
+                if (!horizontal) return;
+                send({ type: "PAGE.NEXT", src });
+                event2.preventDefault();
+              },
+              ArrowLeft(event2) {
+                if (!horizontal) return;
+                send({ type: "PAGE.PREV", src });
+                event2.preventDefault();
+              },
+              Home(event2) {
+                send({ type: "PAGE.SET", index: 0, src });
+                event2.preventDefault();
+              },
+              End(event2) {
+                send({ type: "PAGE.SET", index: pageSnapPoints.length - 1, src });
+                event2.preventDefault();
+              }
+            };
+            const key = getEventKey(event, {
+              dir: prop("dir"),
+              orientation: prop("orientation")
+            });
+            const exec = keyMap2[key];
+            exec == null ? void 0 : exec(event);
+          }
+        }));
+      },
+      getIndicatorProps(props26) {
+        return normalize.button(__spreadProps(__spreadValues({}, parts4.indicator.attrs), {
+          dir: prop("dir"),
+          id: getIndicatorId(scope, props26.index),
+          type: "button",
+          "data-orientation": prop("orientation"),
+          "data-index": props26.index,
+          "data-readonly": dataAttr(props26.readOnly),
+          "data-current": dataAttr(props26.index === page),
+          "aria-label": translations.indicator(props26.index),
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (props26.readOnly) return;
+            send({ type: "PAGE.SET", index: props26.index, src: "indicator" });
+          }
+        }));
+      },
+      getAutoplayTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts4.autoplayTrigger.attrs), {
+          type: "button",
+          "data-orientation": prop("orientation"),
+          "data-pressed": dataAttr(isPlaying),
+          "aria-label": isPlaying ? translations.autoplayStop : translations.autoplayStart,
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            send({ type: isPlaying ? "AUTOPLAY.PAUSE" : "AUTOPLAY.START" });
+          }
         }));
+      },
+      getProgressTextProps() {
+        return normalize.element(__spreadValues({}, parts4.progressText.attrs));
       }
     };
   }
-  var anatomy4, parts4, getRootId4, getContentId, getTriggerId, getContentEl, machine4, props4, splitProps4, Collapsible, CollapsibleHook;
-  var init_collapsible = __esm({
-    "../priv/static/collapsible.mjs"() {
+  function getPageSnapPoints(totalSlides, slidesPerMove, slidesPerPage) {
+    if (totalSlides == null || slidesPerPage <= 0) {
+      return [];
+    }
+    const snapPoints = [];
+    const perMove = slidesPerMove === "auto" ? Math.floor(slidesPerPage) : slidesPerMove;
+    if (perMove <= 0) {
+      return [];
+    }
+    for (let i2 = 0; i2 < totalSlides; i2 += perMove) {
+      if (i2 + slidesPerPage > totalSlides) break;
+      snapPoints.push(i2);
+    }
+    return snapPoints;
+  }
+  var getDirection, uniq2, clamp3, anatomy4, parts4, getRootId4, getItemId2, getItemGroupId, getNextTriggerId, getPrevTriggerId, getIndicatorGroupId, getIndicatorId, getItemGroupEl, getItemEls, getIndicatorEl, syncTabIndex, machine4, props4, splitProps5, indicatorProps, splitIndicatorProps, itemProps2, splitItemProps2, Carousel, CarouselHook;
+  var init_carousel = __esm({
+    "../priv/static/carousel.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      anatomy4 = createAnatomy("collapsible").parts("root", "trigger", "content", "indicator");
+      init_chunk_IXOYOLUJ();
+      getDirection = (element) => getComputedStyle2(element).direction;
+      uniq2 = (arr) => [...new Set(arr)];
+      clamp3 = (min4, max4) => (value) => Math.max(min4, Math.min(max4, value));
+      anatomy4 = createAnatomy("carousel").parts(
+        "root",
+        "itemGroup",
+        "item",
+        "control",
+        "nextTrigger",
+        "prevTrigger",
+        "indicatorGroup",
+        "indicator",
+        "autoplayTrigger",
+        "progressText"
+      );
       parts4 = anatomy4.build();
       getRootId4 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `collapsible:${ctx.id}`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `carousel:${ctx.id}`;
       };
-      getContentId = (ctx) => {
+      getItemId2 = (ctx, index) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, index)) != null ? _c : `carousel:${ctx.id}:item:${index}`;
+      };
+      getItemGroupId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `collapsible:${ctx.id}:content`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroup) != null ? _b : `carousel:${ctx.id}:item-group`;
       };
-      getTriggerId = (ctx) => {
+      getNextTriggerId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `collapsible:${ctx.id}:trigger`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.nextTrigger) != null ? _b : `carousel:${ctx.id}:next-trigger`;
       };
-      getContentEl = (ctx) => ctx.getById(getContentId(ctx));
-      machine4 = createMachine({
+      getPrevTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.prevTrigger) != null ? _b : `carousel:${ctx.id}:prev-trigger`;
+      };
+      getIndicatorGroupId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.indicatorGroup) != null ? _b : `carousel:${ctx.id}:indicator-group`;
+      };
+      getIndicatorId = (ctx, index) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.indicator) == null ? void 0 : _b.call(_a, index)) != null ? _c : `carousel:${ctx.id}:indicator:${index}`;
+      };
+      getItemGroupEl = (ctx) => ctx.getById(getItemGroupId(ctx));
+      getItemEls = (ctx) => queryAll(getItemGroupEl(ctx), `[data-part=item]`);
+      getIndicatorEl = (ctx, page) => ctx.getById(getIndicatorId(ctx, page));
+      syncTabIndex = (ctx) => {
+        const el = getItemGroupEl(ctx);
+        if (!el) return;
+        const tabbables = getTabbables(el);
+        el.setAttribute("tabindex", tabbables.length > 0 ? "-1" : "0");
+      };
+      machine4 = createMachine({
+        props({ props: props26 }) {
+          ensureProps(props26, ["slideCount"], "carousel");
+          return __spreadProps(__spreadValues({
+            dir: "ltr",
+            defaultPage: 0,
+            orientation: "horizontal",
+            snapType: "mandatory",
+            loop: !!props26.autoplay,
+            slidesPerPage: 1,
+            slidesPerMove: "auto",
+            spacing: "0px",
+            autoplay: false,
+            allowMouseDrag: false,
+            inViewThreshold: 0.6,
+            autoSize: false
+          }, props26), {
+            translations: __spreadValues({
+              nextTrigger: "Next slide",
+              prevTrigger: "Previous slide",
+              indicator: (index) => `Go to slide ${index + 1}`,
+              item: (index, count) => `${index + 1} of ${count}`,
+              autoplayStart: "Start slide rotation",
+              autoplayStop: "Stop slide rotation",
+              progressText: ({ page, totalPages }) => `${page} / ${totalPages}`
+            }, props26.translations)
+          });
+        },
+        refs() {
+          return {
+            timeoutRef: void 0
+          };
+        },
         initialState({ prop }) {
-          const open = prop("open") || prop("defaultOpen");
-          return open ? "open" : "closed";
+          return prop("autoplay") ? "autoplay" : "idle";
         },
-        context({ bindable: bindable2 }) {
+        context({ prop, bindable: bindable2, getContext }) {
           return {
-            size: bindable2(() => ({
-              defaultValue: { height: 0, width: 0 },
-              sync: true
+            page: bindable2(() => ({
+              defaultValue: prop("defaultPage"),
+              value: prop("page"),
+              onChange(page) {
+                var _a;
+                const ctx = getContext();
+                const pageSnapPoints = ctx.get("pageSnapPoints");
+                (_a = prop("onPageChange")) == null ? void 0 : _a({ page, pageSnapPoint: pageSnapPoints[page] });
+              }
             })),
-            initial: bindable2(() => ({
-              defaultValue: false
+            pageSnapPoints: bindable2(() => {
+              return {
+                defaultValue: prop("autoSize") ? Array.from({ length: prop("slideCount") }, (_2, i2) => i2) : getPageSnapPoints(prop("slideCount"), prop("slidesPerMove"), prop("slidesPerPage"))
+              };
+            }),
+            slidesInView: bindable2(() => ({
+              defaultValue: []
             }))
           };
         },
-        refs() {
-          return {
-            cleanup: void 0,
-            stylesRef: void 0
-          };
+        computed: {
+          isRtl: ({ prop }) => prop("dir") === "rtl",
+          isHorizontal: ({ prop }) => prop("orientation") === "horizontal",
+          canScrollNext: ({ prop, context }) => prop("loop") || context.get("page") < context.get("pageSnapPoints").length - 1,
+          canScrollPrev: ({ prop, context }) => prop("loop") || context.get("page") > 0,
+          autoplayInterval: ({ prop }) => {
+            const autoplay = prop("autoplay");
+            return isObject2(autoplay) ? autoplay.delay : 4e3;
+          }
         },
-        watch({ track, prop, action }) {
-          track([() => prop("open")], () => {
-            action(["setInitial", "computeSize", "toggleVisibility"]);
+        watch({ track, action, context, prop, send }) {
+          track([() => prop("slidesPerPage"), () => prop("slidesPerMove")], () => {
+            action(["setSnapPoints"]);
+          });
+          track([() => context.get("page")], () => {
+            action(["scrollToPage", "focusIndicatorEl"]);
+          });
+          track([() => prop("orientation"), () => prop("autoSize"), () => prop("dir")], () => {
+            action(["setSnapPoints", "scrollToPage"]);
+          });
+          track([() => prop("slideCount")], () => {
+            send({ type: "SNAP.REFRESH", src: "slide.count" });
+          });
+          track([() => !!prop("autoplay")], () => {
+            send({ type: prop("autoplay") ? "AUTOPLAY.START" : "AUTOPLAY.PAUSE", src: "autoplay.prop.change" });
           });
         },
-        exit: ["cleanupNode"],
+        on: {
+          "PAGE.NEXT": {
+            target: "idle",
+            actions: ["clearScrollEndTimer", "setNextPage"]
+          },
+          "PAGE.PREV": {
+            target: "idle",
+            actions: ["clearScrollEndTimer", "setPrevPage"]
+          },
+          "PAGE.SET": {
+            target: "idle",
+            actions: ["clearScrollEndTimer", "setPage"]
+          },
+          "INDEX.SET": {
+            target: "idle",
+            actions: ["clearScrollEndTimer", "setMatchingPage"]
+          },
+          "SNAP.REFRESH": {
+            actions: ["setSnapPoints", "clampPage"]
+          },
+          "PAGE.SCROLL": {
+            actions: ["scrollToPage"]
+          }
+        },
+        effects: ["trackSlideMutation", "trackSlideIntersections", "trackSlideResize"],
+        entry: ["setSnapPoints", "setPage"],
+        exit: ["clearScrollEndTimer"],
         states: {
-          closed: {
-            effects: ["trackTabbableElements"],
+          idle: {
             on: {
-              "controlled.open": {
-                target: "open"
+              "DRAGGING.START": {
+                target: "dragging",
+                actions: ["invokeDragStart"]
               },
-              open: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["setInitial", "computeSize", "invokeOnOpen"]
-                }
-              ]
+              "AUTOPLAY.START": {
+                target: "autoplay",
+                actions: ["invokeAutoplayStart"]
+              },
+              "USER.SCROLL": {
+                target: "userScroll"
+              },
+              "VIEWPORT.FOCUS": {
+                target: "focus"
+              }
             }
           },
-          closing: {
-            effects: ["trackExitAnimation"],
+          focus: {
+            effects: ["trackKeyboardScroll"],
             on: {
-              "controlled.close": {
-                target: "closed"
+              "VIEWPORT.BLUR": {
+                target: "idle"
               },
-              "controlled.open": {
-                target: "open"
+              "PAGE.NEXT": {
+                actions: ["clearScrollEndTimer", "setNextPage"]
               },
-              open: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["setInitial", "invokeOnOpen"]
-                }
-              ],
-              close: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnExitComplete"]
-                },
-                {
-                  target: "closed",
-                  actions: ["setInitial", "computeSize", "invokeOnExitComplete"]
-                }
-              ],
-              "animation.end": {
-                target: "closed",
-                actions: ["invokeOnExitComplete", "clearInitial"]
+              "PAGE.PREV": {
+                actions: ["clearScrollEndTimer", "setPrevPage"]
+              },
+              "PAGE.SET": {
+                actions: ["clearScrollEndTimer", "setPage"]
+              },
+              "INDEX.SET": {
+                actions: ["clearScrollEndTimer", "setMatchingPage"]
+              },
+              "USER.SCROLL": {
+                target: "userScroll"
               }
             }
           },
-          open: {
-            effects: ["trackEnterAnimation"],
+          dragging: {
+            effects: ["trackPointerMove"],
+            entry: ["disableScrollSnap"],
             on: {
-              "controlled.close": {
-                target: "closing"
+              DRAGGING: {
+                actions: ["scrollSlides", "invokeDragging"]
               },
-              close: [
+              "DRAGGING.END": {
+                target: "idle",
+                actions: ["endDragging", "invokeDraggingEnd"]
+              }
+            }
+          },
+          userScroll: {
+            effects: ["trackScroll"],
+            on: {
+              "DRAGGING.START": {
+                target: "dragging",
+                actions: ["invokeDragStart"]
+              },
+              "SCROLL.END": [
                 {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
+                  guard: "isFocused",
+                  target: "focus",
+                  actions: ["setClosestPage"]
                 },
                 {
-                  target: "closing",
-                  actions: ["setInitial", "computeSize", "invokeOnClose"]
+                  target: "idle",
+                  actions: ["setClosestPage"]
                 }
-              ],
-              "size.measure": {
-                actions: ["measureSize"]
+              ]
+            }
+          },
+          autoplay: {
+            effects: ["trackDocumentVisibility", "trackScroll", "autoUpdateSlide"],
+            exit: ["invokeAutoplayEnd"],
+            on: {
+              "AUTOPLAY.TICK": {
+                actions: ["setNextPage", "invokeAutoplay"]
               },
-              "animation.end": {
-                actions: ["clearInitial"]
+              "DRAGGING.START": {
+                target: "dragging",
+                actions: ["invokeDragStart"]
+              },
+              "AUTOPLAY.PAUSE": {
+                target: "idle"
               }
             }
           }
         },
         implementations: {
           guards: {
-            isOpenControlled: ({ prop }) => prop("open") != void 0
+            isFocused: ({ scope }) => scope.isActiveElement(getItemGroupEl(scope))
           },
           effects: {
-            trackEnterAnimation: ({ send, scope }) => {
-              let cleanup;
-              const rafCleanup = raf(() => {
-                const contentEl = getContentEl(scope);
-                if (!contentEl) return;
-                const animationName = getComputedStyle2(contentEl).animationName;
-                const hasNoAnimation = !animationName || animationName === "none";
-                if (hasNoAnimation) {
-                  send({ type: "animation.end" });
-                  return;
-                }
-                const onEnd = (event) => {
-                  const target = getEventTarget(event);
-                  if (target === contentEl) {
-                    send({ type: "animation.end" });
-                  }
-                };
-                contentEl.addEventListener("animationend", onEnd);
-                cleanup = () => {
-                  contentEl.removeEventListener("animationend", onEnd);
-                };
+            autoUpdateSlide({ computed, send }) {
+              const id = setInterval(() => {
+                send({
+                  type: computed("canScrollNext") ? "AUTOPLAY.TICK" : "AUTOPLAY.PAUSE",
+                  src: "autoplay.interval"
+                });
+              }, computed("autoplayInterval"));
+              return () => clearInterval(id);
+            },
+            trackSlideMutation({ scope, send }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const win = scope.getWin();
+              const observer = new win.MutationObserver(() => {
+                send({ type: "SNAP.REFRESH", src: "slide.mutation" });
+                syncTabIndex(scope);
               });
-              return () => {
-                rafCleanup();
-                cleanup == null ? void 0 : cleanup();
-              };
+              syncTabIndex(scope);
+              observer.observe(el, { childList: true, subtree: true });
+              return () => observer.disconnect();
             },
-            trackExitAnimation: ({ send, scope }) => {
-              let cleanup;
-              const rafCleanup = raf(() => {
-                const contentEl = getContentEl(scope);
-                if (!contentEl) return;
-                const animationName = getComputedStyle2(contentEl).animationName;
-                const hasNoAnimation = !animationName || animationName === "none";
-                if (hasNoAnimation) {
-                  send({ type: "animation.end" });
-                  return;
-                }
-                const onEnd = (event) => {
-                  const target = getEventTarget(event);
-                  if (target === contentEl) {
-                    send({ type: "animation.end" });
-                  }
-                };
-                contentEl.addEventListener("animationend", onEnd);
-                const restoreStyles = setStyle(contentEl, {
-                  animationFillMode: "forwards"
+            trackSlideResize({ scope, send }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const exec = () => {
+                send({ type: "SNAP.REFRESH", src: "slide.resize" });
+              };
+              raf(() => {
+                exec();
+                raf(() => {
+                  send({ type: "PAGE.SCROLL", instant: true });
                 });
-                cleanup = () => {
-                  contentEl.removeEventListener("animationend", onEnd);
-                  nextTick(() => restoreStyles());
-                };
               });
-              return () => {
-                rafCleanup();
-                cleanup == null ? void 0 : cleanup();
+              const itemEls = getItemEls(scope);
+              itemEls.forEach(exec);
+              const cleanups = itemEls.map((el2) => resizeObserverBorderBox.observe(el2, exec));
+              return callAll(...cleanups);
+            },
+            trackSlideIntersections({ scope, prop, context }) {
+              const el = getItemGroupEl(scope);
+              const win = scope.getWin();
+              const observer = new win.IntersectionObserver(
+                (entries) => {
+                  const slidesInView = entries.reduce((acc, entry) => {
+                    var _a;
+                    const target = entry.target;
+                    const index = Number((_a = target.dataset.index) != null ? _a : "-1");
+                    if (index == null || Number.isNaN(index) || index === -1) return acc;
+                    return entry.isIntersecting ? add(acc, index) : remove(acc, index);
+                  }, context.get("slidesInView"));
+                  context.set("slidesInView", uniq(slidesInView));
+                },
+                {
+                  root: el,
+                  threshold: prop("inViewThreshold")
+                }
+              );
+              getItemEls(scope).forEach((slide) => observer.observe(slide));
+              return () => observer.disconnect();
+            },
+            trackScroll({ send, refs, scope }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const onScroll = () => {
+                clearTimeout(refs.get("timeoutRef"));
+                refs.set("timeoutRef", void 0);
+                refs.set(
+                  "timeoutRef",
+                  setTimeout(() => {
+                    send({ type: "SCROLL.END" });
+                  }, 150)
+                );
               };
+              return addDomEvent(el, "scroll", onScroll, { passive: true });
             },
-            trackTabbableElements: ({ scope, prop }) => {
-              if (!prop("collapsedHeight") && !prop("collapsedWidth")) return;
-              const contentEl = getContentEl(scope);
-              if (!contentEl) return;
-              const applyInertToTabbables = () => {
-                const tabbables = getTabbables(contentEl);
-                const restoreAttrs = tabbables.map((tabbable) => setAttribute(tabbable, "inert", ""));
-                return () => {
-                  restoreAttrs.forEach((attr) => attr());
-                };
+            trackDocumentVisibility({ scope, send }) {
+              const doc = scope.getDoc();
+              const onVisibilityChange = () => {
+                if (doc.visibilityState === "visible") return;
+                send({ type: "AUTOPLAY.PAUSE", src: "doc.hidden" });
               };
-              let restoreInert = applyInertToTabbables();
-              const observerCleanup = observeChildren(contentEl, {
-                callback() {
-                  restoreInert();
-                  restoreInert = applyInertToTabbables();
+              return addDomEvent(doc, "visibilitychange", onVisibilityChange);
+            },
+            trackPointerMove({ scope, send }) {
+              const doc = scope.getDoc();
+              return trackPointerMove(doc, {
+                onPointerMove({ event }) {
+                  send({ type: "DRAGGING", left: -event.movementX, top: -event.movementY });
+                },
+                onPointerUp() {
+                  send({ type: "DRAGGING.END" });
                 }
               });
-              return () => {
-                restoreInert();
-                observerCleanup();
+            },
+            trackKeyboardScroll({ scope, send, context }) {
+              const win = scope.getWin();
+              const onKeyDown = (event) => {
+                switch (event.key) {
+                  case "ArrowRight":
+                    event.preventDefault();
+                    send({ type: "PAGE.NEXT" });
+                    break;
+                  case "ArrowLeft":
+                    event.preventDefault();
+                    send({ type: "PAGE.PREV" });
+                    break;
+                  case "Home":
+                    event.preventDefault();
+                    send({ type: "PAGE.SET", index: 0 });
+                    break;
+                  case "End":
+                    event.preventDefault();
+                    send({ type: "PAGE.SET", index: context.get("pageSnapPoints").length - 1 });
+                }
               };
+              return addDomEvent(win, "keydown", onKeyDown, { capture: true });
             }
           },
           actions: {
-            setInitial: ({ context, flush }) => {
+            clearScrollEndTimer({ refs }) {
+              if (refs.get("timeoutRef") == null) return;
+              clearTimeout(refs.get("timeoutRef"));
+              refs.set("timeoutRef", void 0);
+            },
+            scrollToPage({ context, event, scope, computed, flush }) {
+              var _a;
+              const behavior = event.instant ? "instant" : "smooth";
+              const index = clampValue((_a = event.index) != null ? _a : context.get("page"), 0, context.get("pageSnapPoints").length - 1);
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const axis = computed("isHorizontal") ? "left" : "top";
               flush(() => {
-                context.set("initial", true);
+                el.scrollTo({ [axis]: context.get("pageSnapPoints")[index], behavior });
               });
             },
-            clearInitial: ({ context }) => {
-              context.set("initial", false);
+            setClosestPage({ context, scope, computed }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const scrollPosition = computed("isHorizontal") ? el.scrollLeft : el.scrollTop;
+              const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - scrollPosition) < 1);
+              if (page === -1) return;
+              context.set("page", page);
+            },
+            setNextPage({ context, prop, state: state2 }) {
+              const loop = state2.matches("autoplay") || prop("loop");
+              const page = nextIndex(context.get("pageSnapPoints"), context.get("page"), { loop });
+              context.set("page", page);
+            },
+            setPrevPage({ context, prop, state: state2 }) {
+              const loop = state2.matches("autoplay") || prop("loop");
+              const page = prevIndex(context.get("pageSnapPoints"), context.get("page"), { loop });
+              context.set("page", page);
+            },
+            setMatchingPage({ context, event, computed, scope }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const snapPoint = findSnapPoint(
+                el,
+                computed("isHorizontal") ? "x" : "y",
+                (node) => node.dataset.index === event.index.toString()
+              );
+              if (snapPoint == null) return;
+              const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - snapPoint) < 1);
+              context.set("page", page);
             },
-            cleanupNode: ({ refs }) => {
-              refs.set("stylesRef", null);
+            setPage({ context, event }) {
+              var _a;
+              const page = (_a = event.index) != null ? _a : context.get("page");
+              context.set("page", page);
+            },
+            clampPage({ context }) {
+              const index = clampValue(context.get("page"), 0, context.get("pageSnapPoints").length - 1);
+              context.set("page", index);
+            },
+            setSnapPoints({ context, computed, scope }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const scrollSnapPoints = getScrollSnapPositions(el);
+              context.set("pageSnapPoints", computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y);
+            },
+            disableScrollSnap({ scope }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const styles = getComputedStyle(el);
+              el.dataset.scrollSnapType = styles.getPropertyValue("scroll-snap-type");
+              el.style.setProperty("scroll-snap-type", "none");
+            },
+            scrollSlides({ scope, event }) {
+              const el = getItemGroupEl(scope);
+              el == null ? void 0 : el.scrollBy({ left: event.left, top: event.top, behavior: "instant" });
+            },
+            endDragging({ scope, context, computed }) {
+              const el = getItemGroupEl(scope);
+              if (!el) return;
+              const isHorizontal = computed("isHorizontal");
+              const scrollPos = isHorizontal ? el.scrollLeft : el.scrollTop;
+              const snapPoints = context.get("pageSnapPoints");
+              const closest = snapPoints.reduce((closest2, curr) => {
+                return Math.abs(curr - scrollPos) < Math.abs(closest2 - scrollPos) ? curr : closest2;
+              }, snapPoints[0]);
+              raf(() => {
+                el.scrollTo({
+                  left: isHorizontal ? closest : el.scrollLeft,
+                  top: isHorizontal ? el.scrollTop : closest,
+                  behavior: "smooth"
+                });
+                context.set("page", snapPoints.indexOf(closest));
+                const scrollSnapType = el.dataset.scrollSnapType;
+                if (scrollSnapType) {
+                  el.style.setProperty("scroll-snap-type", scrollSnapType);
+                  delete el.dataset.scrollSnapType;
+                }
+              });
             },
-            measureSize: ({ context, scope }) => {
-              const contentEl = getContentEl(scope);
-              if (!contentEl) return;
-              const { height, width } = contentEl.getBoundingClientRect();
-              context.set("size", { height, width });
+            focusIndicatorEl({ context, event, scope }) {
+              if (event.src !== "indicator") return;
+              const el = getIndicatorEl(scope, context.get("page"));
+              if (!el) return;
+              raf(() => el.focus({ preventScroll: true }));
             },
-            computeSize: ({ refs, scope, context }) => {
+            invokeDragStart({ context, prop }) {
               var _a;
-              (_a = refs.get("cleanup")) == null ? void 0 : _a();
-              const rafCleanup = raf(() => {
-                const contentEl = getContentEl(scope);
-                if (!contentEl) return;
-                const hidden = contentEl.hidden;
-                contentEl.style.animationName = "none";
-                contentEl.style.animationDuration = "0s";
-                contentEl.hidden = false;
-                const rect = contentEl.getBoundingClientRect();
-                context.set("size", { height: rect.height, width: rect.width });
-                if (context.get("initial")) {
-                  contentEl.style.animationName = "";
-                  contentEl.style.animationDuration = "";
-                }
-                contentEl.hidden = hidden;
-              });
-              refs.set("cleanup", rafCleanup);
+              (_a = prop("onDragStatusChange")) == null ? void 0 : _a({ type: "dragging.start", isDragging: true, page: context.get("page") });
             },
-            invokeOnOpen: ({ prop }) => {
+            invokeDragging({ context, prop }) {
               var _a;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
+              (_a = prop("onDragStatusChange")) == null ? void 0 : _a({ type: "dragging", isDragging: true, page: context.get("page") });
             },
-            invokeOnClose: ({ prop }) => {
+            invokeDraggingEnd({ context, prop }) {
               var _a;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+              (_a = prop("onDragStatusChange")) == null ? void 0 : _a({ type: "dragging.end", isDragging: false, page: context.get("page") });
             },
-            invokeOnExitComplete: ({ prop }) => {
+            invokeAutoplay({ context, prop }) {
               var _a;
-              (_a = prop("onExitComplete")) == null ? void 0 : _a();
+              (_a = prop("onAutoplayStatusChange")) == null ? void 0 : _a({ type: "autoplay", isPlaying: true, page: context.get("page") });
             },
-            toggleVisibility: ({ prop, send }) => {
-              send({ type: prop("open") ? "controlled.open" : "controlled.close" });
+            invokeAutoplayStart({ context, prop }) {
+              var _a;
+              (_a = prop("onAutoplayStatusChange")) == null ? void 0 : _a({ type: "autoplay.start", isPlaying: true, page: context.get("page") });
+            },
+            invokeAutoplayEnd({ context, prop }) {
+              var _a;
+              (_a = prop("onAutoplayStatusChange")) == null ? void 0 : _a({ type: "autoplay.stop", isPlaying: false, page: context.get("page") });
             }
           }
         }
       });
       props4 = createProps()([
         "dir",
-        "disabled",
         "getRootNode",
         "id",
         "ids",
-        "collapsedHeight",
-        "collapsedWidth",
-        "onExitComplete",
-        "onOpenChange",
-        "defaultOpen",
-        "open"
+        "loop",
+        "page",
+        "defaultPage",
+        "onPageChange",
+        "orientation",
+        "slideCount",
+        "slidesPerPage",
+        "slidesPerMove",
+        "spacing",
+        "padding",
+        "autoplay",
+        "allowMouseDrag",
+        "inViewThreshold",
+        "translations",
+        "snapType",
+        "autoSize",
+        "onDragStatusChange",
+        "onAutoplayStatusChange"
       ]);
-      splitProps4 = createSplitProps(props4);
-      Collapsible = class extends Component {
+      splitProps5 = createSplitProps(props4);
+      indicatorProps = createProps()(["index", "readOnly"]);
+      splitIndicatorProps = createSplitProps(indicatorProps);
+      itemProps2 = createProps()(["index", "snapAlign"]);
+      splitItemProps2 = createSplitProps(itemProps2);
+      Carousel = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine4, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine4, props26);
         }
         initApi() {
           return connect4(this.machine.service, normalizeProps);
         }
         render() {
-          const rootEl = this.el.querySelector(
-            '[data-scope="collapsible"][data-part="root"]'
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="carousel"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="control"]'
           );
-          if (rootEl) {
-            this.spreadProps(rootEl, this.api.getRootProps());
-            const triggerEl = rootEl.querySelector(
-              '[data-scope="collapsible"][data-part="trigger"]'
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const itemGroupEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="item-group"]'
+          );
+          if (itemGroupEl) this.spreadProps(itemGroupEl, this.api.getItemGroupProps());
+          const slideCount = Number(this.el.dataset.slideCount) || 0;
+          for (let i2 = 0; i2 < slideCount; i2++) {
+            const itemEl = this.el.querySelector(
+              `[data-scope="carousel"][data-part="item"][data-index="${i2}"]`
             );
-            if (triggerEl) {
-              this.spreadProps(triggerEl, this.api.getTriggerProps());
-            }
-            const contentEl = rootEl.querySelector(
-              '[data-scope="collapsible"][data-part="content"]'
+            if (itemEl) this.spreadProps(itemEl, this.api.getItemProps({ index: i2 }));
+          }
+          const prevTriggerEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="prev-trigger"]'
+          );
+          if (prevTriggerEl) this.spreadProps(prevTriggerEl, this.api.getPrevTriggerProps());
+          const nextTriggerEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="next-trigger"]'
+          );
+          if (nextTriggerEl) this.spreadProps(nextTriggerEl, this.api.getNextTriggerProps());
+          const autoplayTriggerEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="autoplay-trigger"]'
+          );
+          if (autoplayTriggerEl) this.spreadProps(autoplayTriggerEl, this.api.getAutoplayTriggerProps());
+          const indicatorGroupEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="indicator-group"]'
+          );
+          if (indicatorGroupEl) this.spreadProps(indicatorGroupEl, this.api.getIndicatorGroupProps());
+          const indicatorCount = this.api.pageSnapPoints.length;
+          for (let i2 = 0; i2 < indicatorCount; i2++) {
+            const indicatorEl = this.el.querySelector(
+              `[data-scope="carousel"][data-part="indicator"][data-index="${i2}"]`
             );
-            if (contentEl) {
-              this.spreadProps(contentEl, this.api.getContentProps());
-            }
+            if (indicatorEl)
+              this.spreadProps(indicatorEl, this.api.getIndicatorProps({ index: i2 }));
           }
+          const progressTextEl = this.el.querySelector(
+            '[data-scope="carousel"][data-part="progress-text"]'
+          );
+          if (progressTextEl) this.spreadProps(progressTextEl, this.api.getProgressTextProps());
         }
       };
-      CollapsibleHook = {
+      CarouselHook = {
         mounted() {
+          var _a, _b, _c, _d;
           const el = this.el;
-          const pushEvent = this.pushEvent.bind(this);
-          const collapsible = new Collapsible(el, __spreadProps(__spreadValues({
-            id: el.id
-          }, getBoolean(el, "controlled") ? { open: getBoolean(el, "open") } : { defaultOpen: getBoolean(el, "defaultOpen") }), {
-            disabled: getBoolean(el, "disabled"),
-            dir: getString(el, "dir", ["ltr", "rtl"]),
-            onOpenChange: (details) => {
-              const eventName = getString(el, "onOpenChange");
-              if (eventName && this.liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  open: details.open
+          const page = getNumber(el, "page");
+          const defaultPage = getNumber(el, "defaultPage");
+          const controlled = getBoolean(el, "controlled");
+          const slideCount = getNumber(el, "slideCount");
+          if (slideCount == null || slideCount < 1) {
+            return;
+          }
+          const zag = new Carousel(el, __spreadProps(__spreadValues({
+            id: el.id,
+            slideCount
+          }, controlled && page !== void 0 ? { page } : { defaultPage: defaultPage != null ? defaultPage : 0 }), {
+            dir: getDir(el),
+            orientation: getString(el, "orientation", [
+              "horizontal",
+              "vertical"
+            ]),
+            slidesPerPage: (_a = getNumber(el, "slidesPerPage")) != null ? _a : 1,
+            slidesPerMove: getString(el, "slidesPerMove") === "auto" ? "auto" : getNumber(el, "slidesPerMove"),
+            loop: getBoolean(el, "loop"),
+            autoplay: getBoolean(el, "autoplay") ? { delay: (_b = getNumber(el, "autoplayDelay")) != null ? _b : 4e3 } : false,
+            allowMouseDrag: getBoolean(el, "allowMouseDrag"),
+            spacing: (_c = getString(el, "spacing")) != null ? _c : "0px",
+            padding: getString(el, "padding"),
+            inViewThreshold: (_d = getNumber(el, "inViewThreshold")) != null ? _d : 0.6,
+            snapType: getString(el, "snapType", ["proximity", "mandatory"]),
+            autoSize: getBoolean(el, "autoSize"),
+            onPageChange: (details) => {
+              const eventName = getString(el, "onPageChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  page: details.page,
+                  pageSnapPoint: details.pageSnapPoint,
+                  id: el.id
                 });
               }
-              const eventNameClient = getString(el, "onOpenChangeClient");
-              if (eventNameClient) {
+              const clientName = getString(el, "onPageChangeClient");
+              if (clientName) {
                 el.dispatchEvent(
-                  new CustomEvent(eventNameClient, {
+                  new CustomEvent(clientName, {
                     bubbles: true,
-                    detail: {
-                      id: el.id,
-                      open: details.open
-                    }
+                    detail: { value: details, id: el.id }
                   })
                 );
               }
             }
           }));
-          collapsible.init();
-          this.collapsible = collapsible;
-          this.onSetOpen = (event) => {
-            const { open } = event.detail;
-            collapsible.api.setOpen(open);
-          };
-          el.addEventListener("phx:collapsible:set-open", this.onSetOpen);
+          zag.init();
+          this.carousel = zag;
           this.handlers = [];
-          this.handlers.push(
-            this.handleEvent(
-              "collapsible_set_open",
-              (payload) => {
-                const targetId = payload.collapsible_id;
-                if (targetId && targetId !== el.id) return;
-                collapsible.api.setOpen(payload.open);
-              }
-            )
-          );
-          this.handlers.push(
-            this.handleEvent("collapsible_open", () => {
-              this.pushEvent("collapsible_open_response", {
-                value: collapsible.api.open
-              });
-            })
-          );
         },
         updated() {
-          var _a;
-          (_a = this.collapsible) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
-            id: this.el.id
-          }, getBoolean(this.el, "controlled") ? { open: getBoolean(this.el, "open") } : { defaultOpen: getBoolean(this.el, "defaultOpen") }), {
-            disabled: getBoolean(this.el, "disabled"),
-            dir: getString(this.el, "dir", ["ltr", "rtl"])
+          var _a, _b;
+          const slideCount = getNumber(this.el, "slideCount");
+          if (slideCount == null || slideCount < 1) return;
+          const page = getNumber(this.el, "page");
+          const controlled = getBoolean(this.el, "controlled");
+          (_b = this.carousel) == null ? void 0 : _b.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id,
+            slideCount
+          }, controlled && page !== void 0 ? { page } : {}), {
+            dir: getDir(this.el),
+            orientation: getString(this.el, "orientation", [
+              "horizontal",
+              "vertical"
+            ]),
+            slidesPerPage: (_a = getNumber(this.el, "slidesPerPage")) != null ? _a : 1,
+            loop: getBoolean(this.el, "loop"),
+            allowMouseDrag: getBoolean(this.el, "allowMouseDrag")
           }));
         },
         destroyed() {
           var _a;
-          if (this.onSetOpen) {
-            this.el.removeEventListener("phx:collapsible:set-open", this.onSetOpen);
-          }
           if (this.handlers) {
-            for (const handler of this.handlers) {
-              this.removeHandleEvent(handler);
-            }
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-          (_a = this.collapsible) == null ? void 0 : _a.destroy();
+          (_a = this.carousel) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/chunk-2DWEYSRA.mjs
-  function insert(items, index, ...values) {
-    return [...items.slice(0, index), ...values, ...items.slice(index)];
+  // ../priv/static/chunk-TEV2GE3U.mjs
+  function isValidKey(e2) {
+    return !(e2.metaKey || !isMac() && e2.altKey || e2.ctrlKey || e2.key === "Control" || e2.key === "Shift" || e2.key === "Meta");
   }
-  function move(items, indices, toIndex) {
-    indices = [...indices].sort((a2, b2) => a2 - b2);
-    const itemsToMove = indices.map((i2) => items[i2]);
-    for (let i2 = indices.length - 1; i2 >= 0; i2--) {
-      items = [...items.slice(0, indices[i2]), ...items.slice(indices[i2] + 1)];
+  function isKeyboardFocusEvent(isTextInput, modality, e2) {
+    const target = e2 ? getEventTarget(e2) : null;
+    const win = getWindow(target);
+    isTextInput = isTextInput || target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target == null ? void 0 : target.type) || target instanceof win.HTMLTextAreaElement || target instanceof win.HTMLElement && target.isContentEditable;
+    return !(isTextInput && modality === "keyboard" && e2 instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e2.key));
+  }
+  function triggerChangeHandlers(modality, e2) {
+    for (let handler of changeHandlers) {
+      handler(modality, e2);
     }
-    toIndex = Math.max(0, toIndex - indices.filter((i2) => i2 < toIndex).length);
-    return [...items.slice(0, toIndex), ...itemsToMove, ...items.slice(toIndex)];
   }
-  function access(node, indexPath, options) {
-    for (let i2 = 0; i2 < indexPath.length; i2++) node = options.getChildren(node, indexPath.slice(i2 + 1))[indexPath[i2]];
-    return node;
+  function handleKeyboardEvent(e2) {
+    hasEventBeforeFocus = true;
+    if (isValidKey(e2)) {
+      currentModality = "keyboard";
+      triggerChangeHandlers("keyboard", e2);
+    }
   }
-  function ancestorIndexPaths(indexPaths) {
-    const sortedPaths = sortIndexPaths(indexPaths);
-    const result = [];
-    const seen = /* @__PURE__ */ new Set();
-    for (const indexPath of sortedPaths) {
-      const key = indexPath.join();
-      if (!seen.has(key)) {
-        seen.add(key);
-        result.push(indexPath);
-      }
+  function handlePointerEvent(e2) {
+    currentModality = "pointer";
+    if (e2.type === "mousedown" || e2.type === "pointerdown") {
+      hasEventBeforeFocus = true;
+      triggerChangeHandlers("pointer", e2);
     }
-    return result;
   }
-  function compareIndexPaths(a2, b2) {
-    for (let i2 = 0; i2 < Math.min(a2.length, b2.length); i2++) {
-      if (a2[i2] < b2[i2]) return -1;
-      if (a2[i2] > b2[i2]) return 1;
+  function handleClickEvent(e2) {
+    if (isVirtualClick(e2)) {
+      hasEventBeforeFocus = true;
+      currentModality = "virtual";
     }
-    return a2.length - b2.length;
   }
-  function sortIndexPaths(indexPaths) {
-    return indexPaths.sort(compareIndexPaths);
+  function handleFocusEvent(e2) {
+    const target = getEventTarget(e2);
+    if (target === getWindow(target) || target === getDocument(target)) {
+      return;
+    }
+    if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
+      currentModality = "virtual";
+      triggerChangeHandlers("virtual", e2);
+    }
+    hasEventBeforeFocus = false;
+    hasBlurredWindowRecently = false;
   }
-  function find(node, options) {
-    let found;
-    visit(node, __spreadProps(__spreadValues({}, options), {
-      onEnter: (child, indexPath) => {
-        if (options.predicate(child, indexPath)) {
-          found = child;
-          return "stop";
-        }
-      }
-    }));
-    return found;
+  function handleWindowBlur() {
+    hasEventBeforeFocus = false;
+    hasBlurredWindowRecently = true;
   }
-  function findAll(node, options) {
-    const found = [];
-    visit(node, {
-      onEnter: (child, indexPath) => {
-        if (options.predicate(child, indexPath)) found.push(child);
+  function setupGlobalFocusEvents(root) {
+    if (typeof window === "undefined" || listenerMap.get(getWindow(root))) {
+      return;
+    }
+    const win = getWindow(root);
+    const doc = getDocument(root);
+    let focus = win.HTMLElement.prototype.focus;
+    function patchedFocus() {
+      currentModality = "virtual";
+      triggerChangeHandlers("virtual", null);
+      hasEventBeforeFocus = true;
+      focus.apply(this, arguments);
+    }
+    try {
+      Object.defineProperty(win.HTMLElement.prototype, "focus", {
+        configurable: true,
+        value: patchedFocus
+      });
+    } catch (e2) {
+    }
+    doc.addEventListener("keydown", handleKeyboardEvent, true);
+    doc.addEventListener("keyup", handleKeyboardEvent, true);
+    doc.addEventListener("click", handleClickEvent, true);
+    win.addEventListener("focus", handleFocusEvent, true);
+    win.addEventListener("blur", handleWindowBlur, false);
+    if (typeof win.PointerEvent !== "undefined") {
+      doc.addEventListener("pointerdown", handlePointerEvent, true);
+      doc.addEventListener("pointermove", handlePointerEvent, true);
+      doc.addEventListener("pointerup", handlePointerEvent, true);
+    } else {
+      doc.addEventListener("mousedown", handlePointerEvent, true);
+      doc.addEventListener("mousemove", handlePointerEvent, true);
+      doc.addEventListener("mouseup", handlePointerEvent, true);
+    }
+    win.addEventListener(
+      "beforeunload",
+      () => {
+        tearDownWindowFocusTracking(root);
       },
-      getChildren: options.getChildren
-    });
-    return found;
-  }
-  function findIndexPath(node, options) {
-    let found;
-    visit(node, {
-      onEnter: (child, indexPath) => {
-        if (options.predicate(child, indexPath)) {
-          found = [...indexPath];
-          return "stop";
-        }
-      },
-      getChildren: options.getChildren
-    });
-    return found;
+      { once: true }
+    );
+    listenerMap.set(win, { focus });
   }
-  function reduce(node, options) {
-    let result = options.initialResult;
-    visit(node, __spreadProps(__spreadValues({}, options), {
-      onEnter: (child, indexPath) => {
-        result = options.nextResult(result, child, indexPath);
-      }
-    }));
-    return result;
+  function getInteractionModality() {
+    return currentModality;
   }
-  function flatMap(node, options) {
-    return reduce(node, __spreadProps(__spreadValues({}, options), {
-      initialResult: [],
-      nextResult: (result, child, indexPath) => {
-        result.push(...options.transform(child, indexPath));
-        return result;
-      }
-    }));
+  function isFocusVisible() {
+    return currentModality === "keyboard";
   }
-  function filter(node, options) {
-    const { predicate, create, getChildren } = options;
-    const filterRecursive = (node2, indexPath) => {
-      const children = getChildren(node2, indexPath);
-      const filteredChildren = [];
-      children.forEach((child, index) => {
-        const childIndexPath = [...indexPath, index];
-        const filteredChild = filterRecursive(child, childIndexPath);
-        if (filteredChild) filteredChildren.push(filteredChild);
-      });
-      const isRoot = indexPath.length === 0;
-      const nodeMatches = predicate(node2, indexPath);
-      const hasFilteredChildren = filteredChildren.length > 0;
-      if (isRoot || nodeMatches || hasFilteredChildren) {
-        return create(node2, filteredChildren, indexPath);
-      }
-      return null;
+  function trackFocusVisible(props26 = {}) {
+    const { isTextInput, autoFocus, onChange, root } = props26;
+    setupGlobalFocusEvents(root);
+    onChange == null ? void 0 : onChange({ isFocusVisible: autoFocus || isFocusVisible(), modality: currentModality });
+    const handler = (modality, e2) => {
+      if (!isKeyboardFocusEvent(!!isTextInput, modality, e2)) return;
+      onChange == null ? void 0 : onChange({ isFocusVisible: isFocusVisible(), modality });
+    };
+    changeHandlers.add(handler);
+    return () => {
+      changeHandlers.delete(handler);
     };
-    return filterRecursive(node, []) || create(node, [], []);
   }
-  function flatten(rootNode, options) {
-    const nodes = [];
-    let idx = 0;
-    const idxMap = /* @__PURE__ */ new Map();
-    const parentMap = /* @__PURE__ */ new Map();
-    visit(rootNode, {
-      getChildren: options.getChildren,
-      onEnter: (node, indexPath) => {
-        if (!idxMap.has(node)) {
-          idxMap.set(node, idx++);
+  var nonTextInputTypes, currentModality, changeHandlers, listenerMap, hasEventBeforeFocus, hasBlurredWindowRecently, FOCUS_VISIBLE_INPUT_KEYS, tearDownWindowFocusTracking;
+  var init_chunk_TEV2GE3U = __esm({
+    "../priv/static/chunk-TEV2GE3U.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
+      currentModality = null;
+      changeHandlers = /* @__PURE__ */ new Set();
+      listenerMap = /* @__PURE__ */ new Map();
+      hasEventBeforeFocus = false;
+      hasBlurredWindowRecently = false;
+      FOCUS_VISIBLE_INPUT_KEYS = {
+        Tab: true,
+        Escape: true
+      };
+      tearDownWindowFocusTracking = (root, loadListener) => {
+        const win = getWindow(root);
+        const doc = getDocument(root);
+        const listenerData = listenerMap.get(win);
+        if (!listenerData) {
+          return;
         }
-        const children = options.getChildren(node, indexPath);
-        children.forEach((child) => {
-          if (!parentMap.has(child)) {
-            parentMap.set(child, node);
+        try {
+          Object.defineProperty(win.HTMLElement.prototype, "focus", {
+            configurable: true,
+            value: listenerData.focus
+          });
+        } catch (e2) {
+        }
+        doc.removeEventListener("keydown", handleKeyboardEvent, true);
+        doc.removeEventListener("keyup", handleKeyboardEvent, true);
+        doc.removeEventListener("click", handleClickEvent, true);
+        win.removeEventListener("focus", handleFocusEvent, true);
+        win.removeEventListener("blur", handleWindowBlur, false);
+        if (typeof win.PointerEvent !== "undefined") {
+          doc.removeEventListener("pointerdown", handlePointerEvent, true);
+          doc.removeEventListener("pointermove", handlePointerEvent, true);
+          doc.removeEventListener("pointerup", handlePointerEvent, true);
+        } else {
+          doc.removeEventListener("mousedown", handlePointerEvent, true);
+          doc.removeEventListener("mousemove", handlePointerEvent, true);
+          doc.removeEventListener("mouseup", handlePointerEvent, true);
+        }
+        listenerMap.delete(win);
+      };
+    }
+  });
+
+  // ../priv/static/checkbox.mjs
+  var checkbox_exports = {};
+  __export(checkbox_exports, {
+    Checkbox: () => CheckboxHook
+  });
+  function connect5(service, normalize) {
+    const { send, context, prop, computed, scope } = service;
+    const disabled = !!prop("disabled");
+    const readOnly = !!prop("readOnly");
+    const required = !!prop("required");
+    const invalid = !!prop("invalid");
+    const focused = !disabled && context.get("focused");
+    const focusVisible = !disabled && context.get("focusVisible");
+    const checked = computed("checked");
+    const indeterminate = computed("indeterminate");
+    const checkedState = context.get("checked");
+    const dataAttrs = {
+      "data-active": dataAttr(context.get("active")),
+      "data-focus": dataAttr(focused),
+      "data-focus-visible": dataAttr(focusVisible),
+      "data-readonly": dataAttr(readOnly),
+      "data-hover": dataAttr(context.get("hovered")),
+      "data-disabled": dataAttr(disabled),
+      "data-state": indeterminate ? "indeterminate" : checked ? "checked" : "unchecked",
+      "data-invalid": dataAttr(invalid),
+      "data-required": dataAttr(required)
+    };
+    return {
+      checked,
+      disabled,
+      indeterminate,
+      focused,
+      checkedState,
+      setChecked(checked2) {
+        send({ type: "CHECKED.SET", checked: checked2, isTrusted: false });
+      },
+      toggleChecked() {
+        send({ type: "CHECKED.TOGGLE", checked, isTrusted: false });
+      },
+      getRootProps() {
+        return normalize.label(__spreadProps(__spreadValues(__spreadValues({}, parts5.root.attrs), dataAttrs), {
+          dir: prop("dir"),
+          id: getRootId5(scope),
+          htmlFor: getHiddenInputId2(scope),
+          onPointerMove() {
+            if (disabled) return;
+            send({ type: "CONTEXT.SET", context: { hovered: true } });
+          },
+          onPointerLeave() {
+            if (disabled) return;
+            send({ type: "CONTEXT.SET", context: { hovered: false } });
+          },
+          onClick(event) {
+            const target = getEventTarget(event);
+            if (target === getHiddenInputEl2(scope)) {
+              event.stopPropagation();
+            }
           }
-          if (!idxMap.has(child)) {
-            idxMap.set(child, idx++);
+        }));
+      },
+      getLabelProps() {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts5.label.attrs), dataAttrs), {
+          dir: prop("dir"),
+          id: getLabelId2(scope)
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts5.control.attrs), dataAttrs), {
+          dir: prop("dir"),
+          id: getControlId2(scope),
+          "aria-hidden": true
+        }));
+      },
+      getIndicatorProps() {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts5.indicator.attrs), dataAttrs), {
+          dir: prop("dir"),
+          hidden: !indeterminate && !checked
+        }));
+      },
+      getHiddenInputProps() {
+        return normalize.input({
+          id: getHiddenInputId2(scope),
+          type: "checkbox",
+          required: prop("required"),
+          defaultChecked: checked,
+          disabled,
+          "aria-labelledby": getLabelId2(scope),
+          "aria-invalid": invalid,
+          name: prop("name"),
+          form: prop("form"),
+          value: prop("value"),
+          style: visuallyHiddenStyle,
+          onFocus() {
+            const focusVisible2 = isFocusVisible();
+            send({ type: "CONTEXT.SET", context: { focused: true, focusVisible: focusVisible2 } });
+          },
+          onBlur() {
+            send({ type: "CONTEXT.SET", context: { focused: false, focusVisible: false } });
+          },
+          onClick(event) {
+            if (readOnly) {
+              event.preventDefault();
+              return;
+            }
+            const checked2 = event.currentTarget.checked;
+            send({ type: "CHECKED.SET", checked: checked2, isTrusted: true });
           }
         });
-        const _children = children.length > 0 ? children.map((child) => idxMap.get(child)) : void 0;
-        const parent = parentMap.get(node);
-        const _parent = parent ? idxMap.get(parent) : void 0;
-        const _index = idxMap.get(node);
-        nodes.push(__spreadProps(__spreadValues({}, node), { _children, _parent, _index }));
       }
-    });
-    return nodes;
-  }
-  function insertOperation(index, nodes) {
-    return { type: "insert", index, nodes };
-  }
-  function removeOperation(indexes) {
-    return { type: "remove", indexes };
+    };
   }
-  function replaceOperation() {
-    return { type: "replace" };
+  function isIndeterminate(checked) {
+    return checked === "indeterminate";
   }
-  function splitIndexPath(indexPath) {
-    return [indexPath.slice(0, -1), indexPath[indexPath.length - 1]];
+  function isChecked(checked) {
+    return isIndeterminate(checked) ? false : !!checked;
   }
-  function getInsertionOperations(indexPath, nodes, operations = /* @__PURE__ */ new Map()) {
-    var _a;
-    const [parentIndexPath, index] = splitIndexPath(indexPath);
-    for (let i2 = parentIndexPath.length - 1; i2 >= 0; i2--) {
-      const parentKey = parentIndexPath.slice(0, i2).join();
-      switch ((_a = operations.get(parentKey)) == null ? void 0 : _a.type) {
-        case "remove":
-          continue;
-      }
-      operations.set(parentKey, replaceOperation());
-    }
-    const operation = operations.get(parentIndexPath.join());
-    switch (operation == null ? void 0 : operation.type) {
-      case "remove":
-        operations.set(parentIndexPath.join(), {
-          type: "removeThenInsert",
-          removeIndexes: operation.indexes,
-          insertIndex: index,
-          insertNodes: nodes
-        });
-        break;
-      default:
-        operations.set(parentIndexPath.join(), insertOperation(index, nodes));
-    }
-    return operations;
-  }
-  function getRemovalOperations(indexPaths) {
-    var _a;
-    const operations = /* @__PURE__ */ new Map();
-    const indexesToRemove = /* @__PURE__ */ new Map();
-    for (const indexPath of indexPaths) {
-      const parentKey = indexPath.slice(0, -1).join();
-      const value = (_a = indexesToRemove.get(parentKey)) != null ? _a : [];
-      value.push(indexPath[indexPath.length - 1]);
-      indexesToRemove.set(
-        parentKey,
-        value.sort((a2, b2) => a2 - b2)
-      );
-    }
-    for (const indexPath of indexPaths) {
-      for (let i2 = indexPath.length - 2; i2 >= 0; i2--) {
-        const parentKey = indexPath.slice(0, i2).join();
-        if (!operations.has(parentKey)) {
-          operations.set(parentKey, replaceOperation());
-        }
-      }
-    }
-    for (const [parentKey, indexes] of indexesToRemove) {
-      operations.set(parentKey, removeOperation(indexes));
-    }
-    return operations;
-  }
-  function getReplaceOperations(indexPath, node) {
-    const operations = /* @__PURE__ */ new Map();
-    const [parentIndexPath, index] = splitIndexPath(indexPath);
-    for (let i2 = parentIndexPath.length - 1; i2 >= 0; i2--) {
-      const parentKey = parentIndexPath.slice(0, i2).join();
-      operations.set(parentKey, replaceOperation());
-    }
-    operations.set(parentIndexPath.join(), {
-      type: "removeThenInsert",
-      removeIndexes: [index],
-      insertIndex: index,
-      insertNodes: [node]
-    });
-    return operations;
-  }
-  function mutate(node, operations, options) {
-    return map(node, __spreadProps(__spreadValues({}, options), {
-      getChildren: (node2, indexPath) => {
-        const key = indexPath.join();
-        const operation = operations.get(key);
-        switch (operation == null ? void 0 : operation.type) {
-          case "replace":
-          case "remove":
-          case "removeThenInsert":
-          case "insert":
-            return options.getChildren(node2, indexPath);
-          default:
-            return [];
-        }
-      },
-      transform: (node2, children, indexPath) => {
-        const key = indexPath.join();
-        const operation = operations.get(key);
-        switch (operation == null ? void 0 : operation.type) {
-          case "remove":
-            return options.create(
-              node2,
-              children.filter((_2, index) => !operation.indexes.includes(index)),
-              indexPath
-            );
-          case "removeThenInsert":
-            const updatedChildren = children.filter((_2, index) => !operation.removeIndexes.includes(index));
-            const adjustedIndex = operation.removeIndexes.reduce(
-              (index, removedIndex) => removedIndex < index ? index - 1 : index,
-              operation.insertIndex
-            );
-            return options.create(node2, splice(updatedChildren, adjustedIndex, 0, ...operation.insertNodes), indexPath);
-          case "insert":
-            return options.create(node2, splice(children, operation.index, 0, ...operation.nodes), indexPath);
-          case "replace":
-            return options.create(node2, children, indexPath);
-          default:
-            return node2;
-        }
-      }
-    }));
-  }
-  function splice(array, start, deleteCount, ...items) {
-    return [...array.slice(0, start), ...items, ...array.slice(start + deleteCount)];
-  }
-  function map(node, options) {
-    const childrenMap = {};
-    visit(node, __spreadProps(__spreadValues({}, options), {
-      onLeave: (child, indexPath) => {
-        var _a, _b;
-        const keyIndexPath = [0, ...indexPath];
-        const key = keyIndexPath.join();
-        const transformed = options.transform(child, (_a = childrenMap[key]) != null ? _a : [], indexPath);
-        const parentKey = keyIndexPath.slice(0, -1).join();
-        const parentChildren = (_b = childrenMap[parentKey]) != null ? _b : [];
-        parentChildren.push(transformed);
-        childrenMap[parentKey] = parentChildren;
-      }
-    }));
-    return childrenMap[""][0];
-  }
-  function insert2(node, options) {
-    const { nodes, at } = options;
-    if (at.length === 0) throw new Error(`Can't insert nodes at the root`);
-    const state2 = getInsertionOperations(at, nodes);
-    return mutate(node, state2, options);
-  }
-  function replace(node, options) {
-    if (options.at.length === 0) return options.node;
-    const operations = getReplaceOperations(options.at, options.node);
-    return mutate(node, operations, options);
-  }
-  function remove2(node, options) {
-    if (options.indexPaths.length === 0) return node;
-    for (const indexPath of options.indexPaths) {
-      if (indexPath.length === 0) throw new Error(`Can't remove the root node`);
-    }
-    const operations = getRemovalOperations(options.indexPaths);
-    return mutate(node, operations, options);
-  }
-  function move2(node, options) {
-    if (options.indexPaths.length === 0) return node;
-    for (const indexPath of options.indexPaths) {
-      if (indexPath.length === 0) throw new Error(`Can't move the root node`);
-    }
-    if (options.to.length === 0) throw new Error(`Can't move nodes to the root`);
-    const _ancestorIndexPaths = ancestorIndexPaths(options.indexPaths);
-    const nodesToInsert = _ancestorIndexPaths.map((indexPath) => access(node, indexPath, options));
-    const operations = getInsertionOperations(options.to, nodesToInsert, getRemovalOperations(_ancestorIndexPaths));
-    return mutate(node, operations, options);
-  }
-  function visit(node, options) {
-    const { onEnter, onLeave, getChildren } = options;
-    let indexPath = [];
-    let stack = [{ node }];
-    const getIndexPath = options.reuseIndexPath ? () => indexPath : () => indexPath.slice();
-    while (stack.length > 0) {
-      let wrapper = stack[stack.length - 1];
-      if (wrapper.state === void 0) {
-        const enterResult = onEnter == null ? void 0 : onEnter(wrapper.node, getIndexPath());
-        if (enterResult === "stop") return;
-        wrapper.state = enterResult === "skip" ? -1 : 0;
-      }
-      const children = wrapper.children || getChildren(wrapper.node, getIndexPath());
-      wrapper.children || (wrapper.children = children);
-      if (wrapper.state !== -1) {
-        if (wrapper.state < children.length) {
-          let currentIndex = wrapper.state;
-          indexPath.push(currentIndex);
-          stack.push({ node: children[currentIndex] });
-          wrapper.state = currentIndex + 1;
-          continue;
-        }
-        const leaveResult = onLeave == null ? void 0 : onLeave(wrapper.node, getIndexPath());
-        if (leaveResult === "stop") return;
-      }
-      indexPath.pop();
-      stack.pop();
-    }
-  }
-  var __defProp4, __defNormalProp4, __publicField4, fallback, ListCollection, match3, TreeCollection, fallbackMethods;
-  var init_chunk_2DWEYSRA = __esm({
-    "../priv/static/chunk-2DWEYSRA.mjs"() {
+  var anatomy5, parts5, getRootId5, getLabelId2, getControlId2, getHiddenInputId2, getRootEl3, getHiddenInputEl2, not2, machine5, props5, splitProps6, Checkbox, CheckboxHook;
+  var init_checkbox = __esm({
+    "../priv/static/checkbox.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      __defProp4 = Object.defineProperty;
-      __defNormalProp4 = (obj, key, value) => key in obj ? __defProp4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-      __publicField4 = (obj, key, value) => __defNormalProp4(obj, typeof key !== "symbol" ? key + "" : key, value);
-      fallback = {
-        itemToValue(item) {
-          if (typeof item === "string") return item;
-          if (isObject2(item) && hasProp(item, "value")) return item.value;
-          return "";
-        },
-        itemToString(item) {
-          if (typeof item === "string") return item;
-          if (isObject2(item) && hasProp(item, "label")) return item.label;
-          return fallback.itemToValue(item);
-        },
-        isItemDisabled(item) {
-          if (isObject2(item) && hasProp(item, "disabled")) return !!item.disabled;
-          return false;
-        }
+      init_chunk_TEV2GE3U();
+      init_chunk_IXOYOLUJ();
+      anatomy5 = createAnatomy("checkbox").parts("root", "label", "control", "indicator");
+      parts5 = anatomy5.build();
+      getRootId5 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `checkbox:${ctx.id}`;
       };
-      ListCollection = class _ListCollection {
-        constructor(options) {
-          this.options = options;
-          __publicField4(this, "items");
-          __publicField4(this, "indexMap", null);
-          __publicField4(this, "copy", (items) => {
-            return new _ListCollection(__spreadProps(__spreadValues({}, this.options), { items: items != null ? items : [...this.items] }));
-          });
-          __publicField4(this, "isEqual", (other) => {
-            return isEqual2(this.items, other.items);
+      getLabelId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `checkbox:${ctx.id}:label`;
+      };
+      getControlId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `checkbox:${ctx.id}:control`;
+      };
+      getHiddenInputId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `checkbox:${ctx.id}:input`;
+      };
+      getRootEl3 = (ctx) => ctx.getById(getRootId5(ctx));
+      getHiddenInputEl2 = (ctx) => ctx.getById(getHiddenInputId2(ctx));
+      ({ not: not2 } = createGuards());
+      machine5 = createMachine({
+        props({ props: props26 }) {
+          var _a;
+          return __spreadProps(__spreadValues({
+            value: "on"
+          }, props26), {
+            defaultChecked: (_a = props26.defaultChecked) != null ? _a : false
           });
-          __publicField4(this, "setItems", (items) => {
-            return this.copy(items);
+        },
+        initialState() {
+          return "ready";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            checked: bindable2(() => ({
+              defaultValue: prop("defaultChecked"),
+              value: prop("checked"),
+              onChange(checked) {
+                var _a;
+                (_a = prop("onCheckedChange")) == null ? void 0 : _a({ checked });
+              }
+            })),
+            fieldsetDisabled: bindable2(() => ({ defaultValue: false })),
+            focusVisible: bindable2(() => ({ defaultValue: false })),
+            active: bindable2(() => ({ defaultValue: false })),
+            focused: bindable2(() => ({ defaultValue: false })),
+            hovered: bindable2(() => ({ defaultValue: false }))
+          };
+        },
+        watch({ track, context, prop, action }) {
+          track([() => prop("disabled")], () => {
+            action(["removeFocusIfNeeded"]);
           });
-          __publicField4(this, "getValues", (items = this.items) => {
-            const values = [];
-            for (const item of items) {
-              const value = this.getItemValue(item);
-              if (value != null) values.push(value);
-            }
-            return values;
+          track([() => context.get("checked")], () => {
+            action(["syncInputElement"]);
           });
-          __publicField4(this, "find", (value) => {
-            if (value == null) return null;
-            const index = this.indexOf(value);
-            return index !== -1 ? this.at(index) : null;
-          });
-          __publicField4(this, "findMany", (values) => {
-            const result = [];
-            for (const value of values) {
-              const item = this.find(value);
-              if (item != null) result.push(item);
-            }
-            return result;
-          });
-          __publicField4(this, "at", (index) => {
-            var _a;
-            if (!this.options.groupBy && !this.options.groupSort) {
-              return (_a = this.items[index]) != null ? _a : null;
-            }
-            let idx = 0;
-            const groups = this.group();
-            for (const [, items] of groups) {
-              for (const item of items) {
-                if (idx === index) return item;
-                idx++;
-              }
+        },
+        effects: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
+        on: {
+          "CHECKED.TOGGLE": [
+            {
+              guard: not2("isTrusted"),
+              actions: ["toggleChecked", "dispatchChangeEvent"]
+            },
+            {
+              actions: ["toggleChecked"]
             }
-            return null;
-          });
-          __publicField4(this, "sortFn", (valueA, valueB) => {
-            const indexA = this.indexOf(valueA);
-            const indexB = this.indexOf(valueB);
-            return (indexA != null ? indexA : 0) - (indexB != null ? indexB : 0);
-          });
-          __publicField4(this, "sort", (values) => {
-            return [...values].sort(this.sortFn.bind(this));
-          });
-          __publicField4(this, "getItemValue", (item) => {
-            var _a, _b, _c;
-            if (item == null) return null;
-            return (_c = (_b = (_a = this.options).itemToValue) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.itemToValue(item);
-          });
-          __publicField4(this, "getItemDisabled", (item) => {
-            var _a, _b, _c;
-            if (item == null) return false;
-            return (_c = (_b = (_a = this.options).isItemDisabled) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.isItemDisabled(item);
-          });
-          __publicField4(this, "stringifyItem", (item) => {
-            var _a, _b, _c;
-            if (item == null) return null;
-            return (_c = (_b = (_a = this.options).itemToString) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.itemToString(item);
-          });
-          __publicField4(this, "stringify", (value) => {
-            if (value == null) return null;
-            return this.stringifyItem(this.find(value));
-          });
-          __publicField4(this, "stringifyItems", (items, separator = ", ") => {
-            const strs = [];
-            for (const item of items) {
-              const str = this.stringifyItem(item);
-              if (str != null) strs.push(str);
+          ],
+          "CHECKED.SET": [
+            {
+              guard: not2("isTrusted"),
+              actions: ["setChecked", "dispatchChangeEvent"]
+            },
+            {
+              actions: ["setChecked"]
             }
-            return strs.join(separator);
-          });
-          __publicField4(this, "stringifyMany", (value, separator) => {
-            return this.stringifyItems(this.findMany(value), separator);
-          });
-          __publicField4(this, "has", (value) => {
-            return this.indexOf(value) !== -1;
-          });
-          __publicField4(this, "hasItem", (item) => {
-            if (item == null) return false;
-            return this.has(this.getItemValue(item));
-          });
-          __publicField4(this, "group", () => {
-            const { groupBy, groupSort } = this.options;
-            if (!groupBy) return [["", [...this.items]]];
-            const groups = /* @__PURE__ */ new Map();
-            this.items.forEach((item, index) => {
-              const groupKey = groupBy(item, index);
-              if (!groups.has(groupKey)) {
-                groups.set(groupKey, []);
-              }
-              groups.get(groupKey).push(item);
-            });
-            let entries = Array.from(groups.entries());
-            if (groupSort) {
-              entries.sort(([a2], [b2]) => {
-                if (typeof groupSort === "function") return groupSort(a2, b2);
-                if (Array.isArray(groupSort)) {
-                  const indexA = groupSort.indexOf(a2);
-                  const indexB = groupSort.indexOf(b2);
-                  if (indexA === -1) return 1;
-                  if (indexB === -1) return -1;
-                  return indexA - indexB;
+          ],
+          "CONTEXT.SET": {
+            actions: ["setContext"]
+          }
+        },
+        computed: {
+          indeterminate: ({ context }) => isIndeterminate(context.get("checked")),
+          checked: ({ context }) => isChecked(context.get("checked")),
+          disabled: ({ context, prop }) => !!prop("disabled") || context.get("fieldsetDisabled")
+        },
+        states: {
+          ready: {}
+        },
+        implementations: {
+          guards: {
+            isTrusted: ({ event }) => !!event.isTrusted
+          },
+          effects: {
+            trackPressEvent({ context, computed, scope }) {
+              if (computed("disabled")) return;
+              return trackPress({
+                pointerNode: getRootEl3(scope),
+                keyboardNode: getHiddenInputEl2(scope),
+                isValidKey: (event) => event.key === " ",
+                onPress: () => context.set("active", false),
+                onPressStart: () => context.set("active", true),
+                onPressEnd: () => context.set("active", false)
+              });
+            },
+            trackFocusVisible({ computed, scope }) {
+              var _a;
+              if (computed("disabled")) return;
+              return trackFocusVisible({ root: (_a = scope.getRootNode) == null ? void 0 : _a.call(scope) });
+            },
+            trackFormControlState({ context, scope }) {
+              return trackFormControl(getHiddenInputEl2(scope), {
+                onFieldsetDisabledChange(disabled) {
+                  context.set("fieldsetDisabled", disabled);
+                },
+                onFormReset() {
+                  context.set("checked", context.initial("checked"));
                 }
-                if (groupSort === "asc") return a2.localeCompare(b2);
-                if (groupSort === "desc") return b2.localeCompare(a2);
-                return 0;
               });
             }
-            return entries;
-          });
-          __publicField4(this, "getNextValue", (value, step = 1, clamp3 = false) => {
-            let index = this.indexOf(value);
-            if (index === -1) return null;
-            index = clamp3 ? Math.min(index + step, this.size - 1) : index + step;
-            while (index <= this.size && this.getItemDisabled(this.at(index))) index++;
-            return this.getItemValue(this.at(index));
-          });
-          __publicField4(this, "getPreviousValue", (value, step = 1, clamp3 = false) => {
-            let index = this.indexOf(value);
-            if (index === -1) return null;
-            index = clamp3 ? Math.max(index - step, 0) : index - step;
-            while (index >= 0 && this.getItemDisabled(this.at(index))) index--;
-            return this.getItemValue(this.at(index));
-          });
-          __publicField4(this, "indexOf", (value) => {
-            var _a;
-            if (value == null) return -1;
-            if (!this.options.groupBy && !this.options.groupSort) {
-              return this.items.findIndex((item) => this.getItemValue(item) === value);
-            }
-            if (!this.indexMap) {
-              this.indexMap = /* @__PURE__ */ new Map();
-              let idx = 0;
-              const groups = this.group();
-              for (const [, items] of groups) {
-                for (const item of items) {
-                  const itemValue = this.getItemValue(item);
-                  if (itemValue != null) {
-                    this.indexMap.set(itemValue, idx);
-                  }
-                  idx++;
-                }
+          },
+          actions: {
+            setContext({ context, event }) {
+              for (const key in event.context) {
+                context.set(key, event.context[key]);
               }
-            }
-            return (_a = this.indexMap.get(value)) != null ? _a : -1;
-          });
-          __publicField4(this, "getByText", (text, current) => {
-            const currentIndex = current != null ? this.indexOf(current) : -1;
-            const isSingleKey = text.length === 1;
-            for (let i2 = 0; i2 < this.items.length; i2++) {
-              const item = this.items[(currentIndex + i2 + 1) % this.items.length];
-              if (isSingleKey && this.getItemValue(item) === current) continue;
-              if (this.getItemDisabled(item)) continue;
-              if (match3(this.stringifyItem(item), text)) return item;
-            }
-            return void 0;
-          });
-          __publicField4(this, "search", (queryString, options2) => {
-            const { state: state2, currentValue, timeout = 350 } = options2;
-            const search = state2.keysSoFar + queryString;
-            const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-            const query2 = isRepeated ? search[0] : search;
-            const item = this.getByText(query2, currentValue);
-            const value = this.getItemValue(item);
-            function cleanup() {
-              clearTimeout(state2.timer);
-              state2.timer = -1;
-            }
-            function update(value2) {
-              state2.keysSoFar = value2;
-              cleanup();
-              if (value2 !== "") {
-                state2.timer = +setTimeout(() => {
-                  update("");
-                  cleanup();
-                }, timeout);
+            },
+            syncInputElement({ context, computed, scope }) {
+              const inputEl = getHiddenInputEl2(scope);
+              if (!inputEl) return;
+              setElementChecked(inputEl, computed("checked"));
+              inputEl.indeterminate = isIndeterminate(context.get("checked"));
+            },
+            removeFocusIfNeeded({ context, prop }) {
+              if (prop("disabled") && context.get("focused")) {
+                context.set("focused", false);
+                context.set("focusVisible", false);
               }
+            },
+            setChecked({ context, event }) {
+              context.set("checked", event.checked);
+            },
+            toggleChecked({ context, computed }) {
+              const checked = isIndeterminate(computed("checked")) ? true : !computed("checked");
+              context.set("checked", checked);
+            },
+            dispatchChangeEvent({ computed, scope }) {
+              queueMicrotask(() => {
+                const inputEl = getHiddenInputEl2(scope);
+                dispatchInputCheckedEvent(inputEl, { checked: computed("checked") });
+              });
             }
-            update(search);
-            return value;
-          });
-          __publicField4(this, "update", (value, item) => {
-            let index = this.indexOf(value);
-            if (index === -1) return this;
-            return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
-          });
-          __publicField4(this, "upsert", (value, item, mode = "append") => {
-            let index = this.indexOf(value);
-            if (index === -1) {
-              const fn = mode === "append" ? this.append : this.prepend;
-              return fn(item);
-            }
-            return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
-          });
-          __publicField4(this, "insert", (index, ...items) => {
-            return this.copy(insert(this.items, index, ...items));
-          });
-          __publicField4(this, "insertBefore", (value, ...items) => {
-            let toIndex = this.indexOf(value);
-            if (toIndex === -1) {
-              if (this.items.length === 0) toIndex = 0;
-              else return this;
-            }
-            return this.copy(insert(this.items, toIndex, ...items));
-          });
-          __publicField4(this, "insertAfter", (value, ...items) => {
-            let toIndex = this.indexOf(value);
-            if (toIndex === -1) {
-              if (this.items.length === 0) toIndex = 0;
-              else return this;
-            }
-            return this.copy(insert(this.items, toIndex + 1, ...items));
-          });
-          __publicField4(this, "prepend", (...items) => {
-            return this.copy(insert(this.items, 0, ...items));
-          });
-          __publicField4(this, "append", (...items) => {
-            return this.copy(insert(this.items, this.items.length, ...items));
-          });
-          __publicField4(this, "filter", (fn) => {
-            const filteredItems = this.items.filter((item, index) => fn(this.stringifyItem(item), index, item));
-            return this.copy(filteredItems);
-          });
-          __publicField4(this, "remove", (...itemsOrValues) => {
-            const values = itemsOrValues.map(
-              (itemOrValue) => typeof itemOrValue === "string" ? itemOrValue : this.getItemValue(itemOrValue)
-            );
-            return this.copy(
-              this.items.filter((item) => {
-                const value = this.getItemValue(item);
-                if (value == null) return false;
-                return !values.includes(value);
-              })
-            );
-          });
-          __publicField4(this, "move", (value, toIndex) => {
-            const fromIndex = this.indexOf(value);
-            if (fromIndex === -1) return this;
-            return this.copy(move(this.items, [fromIndex], toIndex));
-          });
-          __publicField4(this, "moveBefore", (value, ...values) => {
-            let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
-            if (toIndex === -1) return this;
-            let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a2, b2) => a2 - b2);
-            return this.copy(move(this.items, indices, toIndex));
-          });
-          __publicField4(this, "moveAfter", (value, ...values) => {
-            let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
-            if (toIndex === -1) return this;
-            let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a2, b2) => a2 - b2);
-            return this.copy(move(this.items, indices, toIndex + 1));
-          });
-          __publicField4(this, "reorder", (fromIndex, toIndex) => {
-            return this.copy(move(this.items, [fromIndex], toIndex));
-          });
-          __publicField4(this, "compareValue", (a2, b2) => {
-            const indexA = this.indexOf(a2);
-            const indexB = this.indexOf(b2);
-            if (indexA < indexB) return -1;
-            if (indexA > indexB) return 1;
-            return 0;
-          });
-          __publicField4(this, "range", (from, to) => {
-            let keys = [];
-            let key = from;
-            while (key != null) {
-              let item = this.find(key);
-              if (item) keys.push(key);
-              if (key === to) return keys;
-              key = this.getNextValue(key);
-            }
-            return [];
-          });
-          __publicField4(this, "getValueRange", (from, to) => {
-            if (from && to) {
-              if (this.compareValue(from, to) <= 0) {
-                return this.range(from, to);
-              }
-              return this.range(to, from);
-            }
-            return [];
-          });
-          __publicField4(this, "toString", () => {
-            let result = "";
-            for (const item of this.items) {
-              const value = this.getItemValue(item);
-              const label = this.stringifyItem(item);
-              const disabled = this.getItemDisabled(item);
-              const itemString = [value, label, disabled].filter(Boolean).join(":");
-              result += itemString + ",";
-            }
-            return result;
-          });
-          __publicField4(this, "toJSON", () => {
-            return {
-              size: this.size,
-              first: this.firstValue,
-              last: this.lastValue
-            };
-          });
-          this.items = [...options.items];
-        }
-        /**
-         * Returns the number of items in the collection
-         */
-        get size() {
-          return this.items.length;
+          }
         }
-        /**
-         * Returns the first value in the collection
-         */
-        get firstValue() {
-          let index = 0;
-          while (this.getItemDisabled(this.at(index))) index++;
-          return this.getItemValue(this.at(index));
+      });
+      props5 = createProps()([
+        "defaultChecked",
+        "checked",
+        "dir",
+        "disabled",
+        "form",
+        "getRootNode",
+        "id",
+        "ids",
+        "invalid",
+        "name",
+        "onCheckedChange",
+        "readOnly",
+        "required",
+        "value"
+      ]);
+      splitProps6 = createSplitProps(props5);
+      Checkbox = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine5, props26);
         }
-        /**
-         * Returns the last value in the collection
-         */
-        get lastValue() {
-          let index = this.size - 1;
-          while (this.getItemDisabled(this.at(index))) index--;
-          return this.getItemValue(this.at(index));
+        initApi() {
+          return connect5(this.machine.service, normalizeProps);
         }
-        *[Symbol.iterator]() {
-          yield* __yieldStar(this.items);
+        render() {
+          const rootEl = this.el.querySelector('[data-scope="checkbox"][data-part="root"]');
+          if (!rootEl) return;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const inputEl = rootEl.querySelector(
+            ':scope > [data-scope="checkbox"][data-part="hidden-input"]'
+          );
+          if (inputEl) {
+            this.spreadProps(inputEl, this.api.getHiddenInputProps());
+          }
+          const labelEl = rootEl.querySelector(
+            ':scope > [data-scope="checkbox"][data-part="label"]'
+          );
+          if (labelEl) {
+            this.spreadProps(labelEl, this.api.getLabelProps());
+          }
+          const controlEl = rootEl.querySelector(
+            ':scope > [data-scope="checkbox"][data-part="control"]'
+          );
+          if (controlEl) {
+            this.spreadProps(controlEl, this.api.getControlProps());
+            const indicatorEl = controlEl.querySelector(
+              ':scope > [data-scope="checkbox"][data-part="indicator"]'
+            );
+            if (indicatorEl) {
+              this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+            }
+          }
         }
       };
-      match3 = (label, query2) => {
-        return !!(label == null ? void 0 : label.toLowerCase().startsWith(query2.toLowerCase()));
-      };
-      TreeCollection = class _TreeCollection {
-        constructor(options) {
-          this.options = options;
-          __publicField4(this, "rootNode");
-          __publicField4(this, "isEqual", (other) => {
-            return isEqual2(this.rootNode, other.rootNode);
-          });
-          __publicField4(this, "getNodeChildren", (node) => {
-            var _a, _b, _c, _d;
-            return (_d = (_c = (_b = (_a = this.options).nodeToChildren) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToChildren(node)) != null ? _d : [];
-          });
-          __publicField4(this, "resolveIndexPath", (valueOrIndexPath) => {
-            return typeof valueOrIndexPath === "string" ? this.getIndexPath(valueOrIndexPath) : valueOrIndexPath;
-          });
-          __publicField4(this, "resolveNode", (valueOrIndexPath) => {
-            const indexPath = this.resolveIndexPath(valueOrIndexPath);
-            return indexPath ? this.at(indexPath) : void 0;
-          });
-          __publicField4(this, "getNodeChildrenCount", (node) => {
-            var _a, _b, _c;
-            return (_c = (_b = (_a = this.options).nodeToChildrenCount) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToChildrenCount(node);
-          });
-          __publicField4(this, "getNodeValue", (node) => {
-            var _a, _b, _c;
-            return (_c = (_b = (_a = this.options).nodeToValue) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToValue(node);
-          });
-          __publicField4(this, "getNodeDisabled", (node) => {
-            var _a, _b, _c;
-            return (_c = (_b = (_a = this.options).isNodeDisabled) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.isNodeDisabled(node);
-          });
-          __publicField4(this, "stringify", (value) => {
-            const node = this.findNode(value);
-            if (!node) return null;
-            return this.stringifyNode(node);
-          });
-          __publicField4(this, "stringifyNode", (node) => {
-            var _a, _b, _c;
-            return (_c = (_b = (_a = this.options).nodeToString) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToString(node);
-          });
-          __publicField4(this, "getFirstNode", (rootNode = this.rootNode, opts = {}) => {
-            let firstChild;
-            visit(rootNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a;
-                if (this.isSameNode(node, rootNode)) return;
-                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: this.getNodeValue(node), node, indexPath })) return "skip";
-                if (!firstChild && indexPath.length > 0 && !this.getNodeDisabled(node)) {
-                  firstChild = node;
-                  return "stop";
-                }
+      CheckboxHook = {
+        mounted() {
+          const el = this.el;
+          const pushEvent = this.pushEvent.bind(this);
+          const zagCheckbox = new Checkbox(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, getBoolean(el, "controlled") ? { checked: getBoolean(el, "checked") } : { defaultChecked: getBoolean(el, "defaultChecked") }), {
+            disabled: getBoolean(el, "disabled"),
+            name: getString(el, "name"),
+            form: getString(el, "form"),
+            value: getString(el, "value"),
+            dir: getDir(el),
+            invalid: getBoolean(el, "invalid"),
+            required: getBoolean(el, "required"),
+            readOnly: getBoolean(el, "readOnly"),
+            onCheckedChange: (details) => {
+              const eventName = getString(el, "onCheckedChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  checked: details.checked,
+                  id: el.id
+                });
               }
-            });
-            return firstChild;
-          });
-          __publicField4(this, "getLastNode", (rootNode = this.rootNode, opts = {}) => {
-            let lastChild;
-            visit(rootNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a;
-                if (this.isSameNode(node, rootNode)) return;
-                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: this.getNodeValue(node), node, indexPath })) return "skip";
-                if (indexPath.length > 0 && !this.getNodeDisabled(node)) {
-                  lastChild = node;
-                }
+              const eventNameClient = getString(el, "onCheckedChangeClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true,
+                    detail: {
+                      value: details,
+                      id: el.id
+                    }
+                  })
+                );
               }
-            });
-            return lastChild;
-          });
-          __publicField4(this, "at", (indexPath) => {
-            return access(this.rootNode, indexPath, {
-              getChildren: this.getNodeChildren
-            });
-          });
-          __publicField4(this, "findNode", (value, rootNode = this.rootNode) => {
-            return find(rootNode, {
-              getChildren: this.getNodeChildren,
-              predicate: (node) => this.getNodeValue(node) === value
-            });
-          });
-          __publicField4(this, "findNodes", (values, rootNode = this.rootNode) => {
-            const v2 = new Set(values.filter((v22) => v22 != null));
-            return findAll(rootNode, {
-              getChildren: this.getNodeChildren,
-              predicate: (node) => v2.has(this.getNodeValue(node))
-            });
-          });
-          __publicField4(this, "sort", (values) => {
-            return values.reduce((acc, value) => {
-              const indexPath = this.getIndexPath(value);
-              if (indexPath) acc.push({ value, indexPath });
-              return acc;
-            }, []).sort((a2, b2) => compareIndexPaths(a2.indexPath, b2.indexPath)).map(({ value }) => value);
-          });
-          __publicField4(this, "getIndexPath", (value) => {
-            return findIndexPath(this.rootNode, {
-              getChildren: this.getNodeChildren,
-              predicate: (node) => this.getNodeValue(node) === value
-            });
-          });
-          __publicField4(this, "getValue", (indexPath) => {
-            const node = this.at(indexPath);
-            return node ? this.getNodeValue(node) : void 0;
-          });
-          __publicField4(this, "getValuePath", (indexPath) => {
-            if (!indexPath) return [];
-            const valuePath = [];
-            let currentPath = [...indexPath];
-            while (currentPath.length > 0) {
-              const node = this.at(currentPath);
-              if (node) valuePath.unshift(this.getNodeValue(node));
-              currentPath.pop();
-            }
-            return valuePath;
-          });
-          __publicField4(this, "getDepth", (value) => {
-            var _a;
-            const indexPath = findIndexPath(this.rootNode, {
-              getChildren: this.getNodeChildren,
-              predicate: (node) => this.getNodeValue(node) === value
-            });
-            return (_a = indexPath == null ? void 0 : indexPath.length) != null ? _a : 0;
-          });
-          __publicField4(this, "isSameNode", (node, other) => {
-            return this.getNodeValue(node) === this.getNodeValue(other);
-          });
-          __publicField4(this, "isRootNode", (node) => {
-            return this.isSameNode(node, this.rootNode);
-          });
-          __publicField4(this, "contains", (parentIndexPath, valueIndexPath) => {
-            if (!parentIndexPath || !valueIndexPath) return false;
-            return valueIndexPath.slice(0, parentIndexPath.length).every((_2, i2) => parentIndexPath[i2] === valueIndexPath[i2]);
-          });
-          __publicField4(this, "getNextNode", (value, opts = {}) => {
-            let found = false;
-            let nextNode;
-            visit(this.rootNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a;
-                if (this.isRootNode(node)) return;
-                const nodeValue = this.getNodeValue(node);
-                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) {
-                  if (nodeValue === value) {
-                    found = true;
-                  }
-                  return "skip";
-                }
-                if (found && !this.getNodeDisabled(node)) {
-                  nextNode = node;
-                  return "stop";
-                }
-                if (nodeValue === value) {
-                  found = true;
-                }
-              }
-            });
-            return nextNode;
-          });
-          __publicField4(this, "getPreviousNode", (value, opts = {}) => {
-            let previousNode;
-            let found = false;
-            visit(this.rootNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a;
-                if (this.isRootNode(node)) return;
-                const nodeValue = this.getNodeValue(node);
-                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) {
-                  return "skip";
-                }
-                if (nodeValue === value) {
-                  found = true;
-                  return "stop";
-                }
-                if (!this.getNodeDisabled(node)) {
-                  previousNode = node;
-                }
-              }
-            });
-            return found ? previousNode : void 0;
-          });
-          __publicField4(this, "getParentNodes", (valueOrIndexPath) => {
-            var _a;
-            const indexPath = (_a = this.resolveIndexPath(valueOrIndexPath)) == null ? void 0 : _a.slice();
-            if (!indexPath) return [];
-            const result = [];
-            while (indexPath.length > 0) {
-              indexPath.pop();
-              const parentNode = this.at(indexPath);
-              if (parentNode && !this.isRootNode(parentNode)) {
-                result.unshift(parentNode);
-              }
-            }
-            return result;
-          });
-          __publicField4(this, "getDescendantNodes", (valueOrIndexPath, options2) => {
-            const parentNode = this.resolveNode(valueOrIndexPath);
-            if (!parentNode) return [];
-            const result = [];
-            visit(parentNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, nodeIndexPath) => {
-                if (nodeIndexPath.length === 0) return;
-                if (!(options2 == null ? void 0 : options2.withBranch) && this.isBranchNode(node)) return;
-                result.push(node);
-              }
-            });
-            return result;
-          });
-          __publicField4(this, "getDescendantValues", (valueOrIndexPath, options2) => {
-            const children = this.getDescendantNodes(valueOrIndexPath, options2);
-            return children.map((child) => this.getNodeValue(child));
-          });
-          __publicField4(this, "getParentIndexPath", (indexPath) => {
-            return indexPath.slice(0, -1);
-          });
-          __publicField4(this, "getParentNode", (valueOrIndexPath) => {
-            const indexPath = this.resolveIndexPath(valueOrIndexPath);
-            return indexPath ? this.at(this.getParentIndexPath(indexPath)) : void 0;
-          });
-          __publicField4(this, "visit", (opts) => {
-            const _a = opts, { skip } = _a, rest = __objRest(_a, ["skip"]);
-            visit(this.rootNode, __spreadProps(__spreadValues({}, rest), {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a2;
-                if (this.isRootNode(node)) return;
-                if (skip == null ? void 0 : skip({ value: this.getNodeValue(node), node, indexPath })) return "skip";
-                return (_a2 = rest.onEnter) == null ? void 0 : _a2.call(rest, node, indexPath);
-              }
-            }));
-          });
-          __publicField4(this, "getPreviousSibling", (indexPath) => {
-            const parentNode = this.getParentNode(indexPath);
-            if (!parentNode) return;
-            const siblings = this.getNodeChildren(parentNode);
-            let idx = indexPath[indexPath.length - 1];
-            while (--idx >= 0) {
-              const sibling = siblings[idx];
-              if (!this.getNodeDisabled(sibling)) return sibling;
             }
-            return;
-          });
-          __publicField4(this, "getNextSibling", (indexPath) => {
-            const parentNode = this.getParentNode(indexPath);
-            if (!parentNode) return;
-            const siblings = this.getNodeChildren(parentNode);
-            let idx = indexPath[indexPath.length - 1];
-            while (++idx < siblings.length) {
-              const sibling = siblings[idx];
-              if (!this.getNodeDisabled(sibling)) return sibling;
+          }));
+          zagCheckbox.init();
+          this.checkbox = zagCheckbox;
+          this.onSetChecked = (event) => {
+            const { checked } = event.detail;
+            zagCheckbox.api.setChecked(checked);
+          };
+          el.addEventListener("phx:checkbox:set-checked", this.onSetChecked);
+          this.onToggleChecked = () => {
+            zagCheckbox.api.toggleChecked();
+          };
+          el.addEventListener("phx:checkbox:toggle-checked", this.onToggleChecked);
+          this.handlers = [];
+          this.handlers.push(
+            this.handleEvent("checkbox_set_checked", (payload) => {
+              const targetId = payload.id;
+              if (targetId && targetId !== el.id) return;
+              zagCheckbox.api.setChecked(payload.checked);
+            })
+          );
+          this.handlers.push(
+            this.handleEvent("checkbox_toggle_checked", (payload) => {
+              const targetId = payload.id;
+              if (targetId && targetId !== el.id) return;
+              zagCheckbox.api.toggleChecked();
+            })
+          );
+          this.handlers.push(
+            this.handleEvent("checkbox_checked", () => {
+              this.pushEvent("checkbox_checked_response", {
+                value: zagCheckbox.api.checked
+              });
+            })
+          );
+          this.handlers.push(
+            this.handleEvent("checkbox_focused", () => {
+              this.pushEvent("checkbox_focused_response", {
+                value: zagCheckbox.api.focused
+              });
+            })
+          );
+          this.handlers.push(
+            this.handleEvent("checkbox_disabled", () => {
+              this.pushEvent("checkbox_disabled_response", {
+                value: zagCheckbox.api.disabled
+              });
+            })
+          );
+        },
+        updated() {
+          var _a;
+          (_a = this.checkbox) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, getBoolean(this.el, "controlled") ? { checked: getBoolean(this.el, "checked") } : { defaultChecked: getBoolean(this.el, "defaultChecked") }), {
+            disabled: getBoolean(this.el, "disabled"),
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form"),
+            value: getString(this.el, "value"),
+            dir: getDir(this.el),
+            invalid: getBoolean(this.el, "invalid"),
+            required: getBoolean(this.el, "required"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            label: getString(this.el, "label")
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.onSetChecked) {
+            this.el.removeEventListener("phx:checkbox:set-checked", this.onSetChecked);
+          }
+          if (this.onToggleChecked) {
+            this.el.removeEventListener("phx:checkbox:toggle-checked", this.onToggleChecked);
+          }
+          if (this.handlers) {
+            for (const handler of this.handlers) {
+              this.removeHandleEvent(handler);
             }
-            return;
-          });
-          __publicField4(this, "getSiblingNodes", (indexPath) => {
-            const parentNode = this.getParentNode(indexPath);
-            return parentNode ? this.getNodeChildren(parentNode) : [];
-          });
-          __publicField4(this, "getValues", (rootNode = this.rootNode) => {
-            const values = flatMap(rootNode, {
-              getChildren: this.getNodeChildren,
-              transform: (node) => [this.getNodeValue(node)]
-            });
-            return values.slice(1);
-          });
-          __publicField4(this, "isValidDepth", (indexPath, depth) => {
-            if (depth == null) return true;
-            if (typeof depth === "function") return depth(indexPath.length);
-            return indexPath.length === depth;
-          });
-          __publicField4(this, "isBranchNode", (node) => {
-            return this.getNodeChildren(node).length > 0 || this.getNodeChildrenCount(node) != null;
-          });
-          __publicField4(this, "getBranchValues", (rootNode = this.rootNode, opts = {}) => {
-            let values = [];
-            visit(rootNode, {
-              getChildren: this.getNodeChildren,
-              onEnter: (node, indexPath) => {
-                var _a;
-                if (indexPath.length === 0) return;
-                const nodeValue = this.getNodeValue(node);
-                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) return "skip";
-                if (this.isBranchNode(node) && this.isValidDepth(indexPath, opts.depth)) {
-                  values.push(this.getNodeValue(node));
-                }
-              }
-            });
-            return values;
-          });
-          __publicField4(this, "flatten", (rootNode = this.rootNode) => {
-            return flatten(rootNode, { getChildren: this.getNodeChildren });
-          });
-          __publicField4(this, "_create", (node, children) => {
-            if (this.getNodeChildren(node).length > 0 || children.length > 0) {
-              return __spreadProps(__spreadValues({}, node), { children });
-            }
-            return __spreadValues({}, node);
-          });
-          __publicField4(this, "_insert", (rootNode, indexPath, nodes) => {
-            return this.copy(
-              insert2(rootNode, { at: indexPath, nodes, getChildren: this.getNodeChildren, create: this._create })
-            );
-          });
-          __publicField4(this, "copy", (rootNode) => {
-            return new _TreeCollection(__spreadProps(__spreadValues({}, this.options), { rootNode }));
-          });
-          __publicField4(this, "_replace", (rootNode, indexPath, node) => {
-            return this.copy(
-              replace(rootNode, { at: indexPath, node, getChildren: this.getNodeChildren, create: this._create })
-            );
-          });
-          __publicField4(this, "_move", (rootNode, indexPaths, to) => {
-            return this.copy(move2(rootNode, { indexPaths, to, getChildren: this.getNodeChildren, create: this._create }));
-          });
-          __publicField4(this, "_remove", (rootNode, indexPaths) => {
-            return this.copy(remove2(rootNode, { indexPaths, getChildren: this.getNodeChildren, create: this._create }));
-          });
-          __publicField4(this, "replace", (indexPath, node) => {
-            return this._replace(this.rootNode, indexPath, node);
-          });
-          __publicField4(this, "remove", (indexPaths) => {
-            return this._remove(this.rootNode, indexPaths);
-          });
-          __publicField4(this, "insertBefore", (indexPath, nodes) => {
-            const parentNode = this.getParentNode(indexPath);
-            return parentNode ? this._insert(this.rootNode, indexPath, nodes) : void 0;
-          });
-          __publicField4(this, "insertAfter", (indexPath, nodes) => {
-            const parentNode = this.getParentNode(indexPath);
-            if (!parentNode) return;
-            const nextIndex2 = [...indexPath.slice(0, -1), indexPath[indexPath.length - 1] + 1];
-            return this._insert(this.rootNode, nextIndex2, nodes);
-          });
-          __publicField4(this, "move", (fromIndexPaths, toIndexPath) => {
-            return this._move(this.rootNode, fromIndexPaths, toIndexPath);
-          });
-          __publicField4(this, "filter", (predicate) => {
-            const filteredRoot = filter(this.rootNode, {
-              predicate,
-              getChildren: this.getNodeChildren,
-              create: this._create
-            });
-            return this.copy(filteredRoot);
-          });
-          __publicField4(this, "toJSON", () => {
-            return this.getValues(this.rootNode);
-          });
-          this.rootNode = options.rootNode;
-        }
-      };
-      fallbackMethods = {
-        nodeToValue(node) {
-          if (typeof node === "string") return node;
-          if (isObject2(node) && hasProp(node, "value")) return node.value;
-          return "";
-        },
-        nodeToString(node) {
-          if (typeof node === "string") return node;
-          if (isObject2(node) && hasProp(node, "label")) return node.label;
-          return fallbackMethods.nodeToValue(node);
-        },
-        isNodeDisabled(node) {
-          if (isObject2(node) && hasProp(node, "disabled")) return !!node.disabled;
-          return false;
-        },
-        nodeToChildren(node) {
-          return node.children;
-        },
-        nodeToChildrenCount(node) {
-          if (isObject2(node) && hasProp(node, "childrenCount")) return node.childrenCount;
+          }
+          (_a = this.checkbox) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/chunk-GRHV6R4F.mjs
-  function clamp2(start, value, end) {
-    return max2(start, min2(value, end));
-  }
-  function evaluate(value, param) {
-    return typeof value === "function" ? value(param) : value;
-  }
-  function getSide(placement) {
-    return placement.split("-")[0];
-  }
-  function getAlignment(placement) {
-    return placement.split("-")[1];
-  }
-  function getOppositeAxis(axis) {
-    return axis === "x" ? "y" : "x";
-  }
-  function getAxisLength(axis) {
-    return axis === "y" ? "height" : "width";
-  }
-  function getSideAxis(placement) {
-    return yAxisSides.has(getSide(placement)) ? "y" : "x";
-  }
-  function getAlignmentAxis(placement) {
-    return getOppositeAxis(getSideAxis(placement));
+  // ../priv/static/clipboard.mjs
+  var clipboard_exports = {};
+  __export(clipboard_exports, {
+    Clipboard: () => ClipboardHook
+  });
+  function createNode(doc, text) {
+    const node = doc.createElement("pre");
+    Object.assign(node.style, {
+      width: "1px",
+      height: "1px",
+      position: "fixed",
+      top: "5px"
+    });
+    node.textContent = text;
+    return node;
   }
-  function getAlignmentSides(placement, rects, rtl) {
-    if (rtl === void 0) {
-      rtl = false;
-    }
-    const alignment = getAlignment(placement);
-    const alignmentAxis = getAlignmentAxis(placement);
-    const length = getAxisLength(alignmentAxis);
-    let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-    if (rects.reference[length] > rects.floating[length]) {
-      mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  function copyNode(node) {
+    const win = getWindow(node);
+    const selection = win.getSelection();
+    if (selection == null) {
+      return Promise.reject(new Error());
     }
-    return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-  }
-  function getExpandedPlacements(placement) {
-    const oppositePlacement = getOppositePlacement(placement);
-    return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-  }
-  function getOppositeAlignmentPlacement(placement) {
-    return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+    selection.removeAllRanges();
+    const doc = node.ownerDocument;
+    const range = doc.createRange();
+    range.selectNodeContents(node);
+    selection.addRange(range);
+    doc.execCommand("copy");
+    selection.removeAllRanges();
+    return Promise.resolve();
   }
-  function getSideList(side, isStart, rtl) {
-    switch (side) {
-      case "top":
-      case "bottom":
-        if (rtl) return isStart ? rlPlacement : lrPlacement;
-        return isStart ? lrPlacement : rlPlacement;
-      case "left":
-      case "right":
-        return isStart ? tbPlacement : btPlacement;
-      default:
-        return [];
+  function copyText(doc, text) {
+    var _a;
+    const win = doc.defaultView || window;
+    if (((_a = win.navigator.clipboard) == null ? void 0 : _a.writeText) !== void 0) {
+      return win.navigator.clipboard.writeText(text);
     }
-  }
-  function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-    const alignment = getAlignment(placement);
-    let list = getSideList(getSide(placement), direction === "start", rtl);
-    if (alignment) {
-      list = list.map((side) => side + "-" + alignment);
-      if (flipAlignment) {
-        list = list.concat(list.map(getOppositeAlignmentPlacement));
-      }
+    if (!doc.body) {
+      return Promise.reject(new Error());
     }
-    return list;
-  }
-  function getOppositePlacement(placement) {
-    return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-  }
-  function expandPaddingObject(padding) {
-    return __spreadValues({
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }, padding);
-  }
-  function getPaddingObject(padding) {
-    return typeof padding !== "number" ? expandPaddingObject(padding) : {
-      top: padding,
-      right: padding,
-      bottom: padding,
-      left: padding
-    };
+    const node = createNode(doc, text);
+    doc.body.appendChild(node);
+    copyNode(node);
+    doc.body.removeChild(node);
+    return Promise.resolve();
   }
-  function rectToClientRect(rect) {
-    const {
-      x: x2,
-      y: y2,
-      width,
-      height
-    } = rect;
+  function connect6(service, normalize) {
+    const { state: state2, send, context, scope } = service;
+    const copied = state2.matches("copied");
     return {
-      width,
-      height,
-      top: y2,
-      left: x2,
-      right: x2 + width,
-      bottom: y2 + height,
-      x: x2,
-      y: y2
+      copied,
+      value: context.get("value"),
+      setValue(value) {
+        send({ type: "VALUE.SET", value });
+      },
+      copy() {
+        send({ type: "COPY" });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts6.root.attrs), {
+          "data-copied": dataAttr(copied),
+          id: getRootId6(scope)
+        }));
+      },
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts6.label.attrs), {
+          htmlFor: getInputId(scope),
+          "data-copied": dataAttr(copied),
+          id: getLabelId3(scope)
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts6.control.attrs), {
+          "data-copied": dataAttr(copied)
+        }));
+      },
+      getInputProps() {
+        return normalize.input(__spreadProps(__spreadValues({}, parts6.input.attrs), {
+          defaultValue: context.get("value"),
+          "data-copied": dataAttr(copied),
+          readOnly: true,
+          "data-readonly": "true",
+          id: getInputId(scope),
+          onFocus(event) {
+            event.currentTarget.select();
+          },
+          onCopy() {
+            send({ type: "INPUT.COPY" });
+          }
+        }));
+      },
+      getTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts6.trigger.attrs), {
+          type: "button",
+          "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
+          "data-copied": dataAttr(copied),
+          onClick() {
+            send({ type: "COPY" });
+          }
+        }));
+      },
+      getIndicatorProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({}, parts6.indicator.attrs), {
+          hidden: props26.copied !== copied
+        }));
+      }
     };
   }
-  function computeCoordsFromPlacement(_ref, placement, rtl) {
-    let {
-      reference,
-      floating
-    } = _ref;
-    const sideAxis = getSideAxis(placement);
-    const alignmentAxis = getAlignmentAxis(placement);
-    const alignLength = getAxisLength(alignmentAxis);
-    const side = getSide(placement);
-    const isVertical = sideAxis === "y";
-    const commonX = reference.x + reference.width / 2 - floating.width / 2;
-    const commonY = reference.y + reference.height / 2 - floating.height / 2;
-    const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-    let coords;
-    switch (side) {
-      case "top":
-        coords = {
-          x: commonX,
-          y: reference.y - floating.height
-        };
-        break;
-      case "bottom":
-        coords = {
-          x: commonX,
-          y: reference.y + reference.height
-        };
-        break;
-      case "right":
-        coords = {
-          x: reference.x + reference.width,
-          y: commonY
-        };
-        break;
-      case "left":
-        coords = {
-          x: reference.x - floating.width,
-          y: commonY
-        };
-        break;
-      default:
-        coords = {
-          x: reference.x,
-          y: reference.y
-        };
-    }
-    switch (getAlignment(placement)) {
-      case "start":
-        coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-        break;
-      case "end":
-        coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-        break;
-    }
-    return coords;
-  }
-  function detectOverflow(state2, options) {
-    return __async(this, null, function* () {
-      var _await$platform$isEle;
-      if (options === void 0) {
-        options = {};
-      }
-      const {
-        x: x2,
-        y: y2,
-        platform: platform2,
-        rects,
-        elements,
-        strategy
-      } = state2;
-      const {
-        boundary = "clippingAncestors",
-        rootBoundary = "viewport",
-        elementContext = "floating",
-        altBoundary = false,
-        padding = 0
-      } = evaluate(options, state2);
-      const paddingObject = getPaddingObject(padding);
-      const altContext = elementContext === "floating" ? "reference" : "floating";
-      const element = elements[altBoundary ? altContext : elementContext];
-      const clippingClientRect = rectToClientRect(yield platform2.getClippingRect({
-        element: ((_await$platform$isEle = yield platform2.isElement == null ? void 0 : platform2.isElement(element)) != null ? _await$platform$isEle : true) ? element : element.contextElement || (yield platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
-        boundary,
-        rootBoundary,
-        strategy
-      }));
-      const rect = elementContext === "floating" ? {
-        x: x2,
-        y: y2,
-        width: rects.floating.width,
-        height: rects.floating.height
-      } : rects.reference;
-      const offsetParent = yield platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating);
-      const offsetScale = (yield platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? (yield platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
-        x: 1,
-        y: 1
-      } : {
-        x: 1,
-        y: 1
-      };
-      const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? yield platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-        elements,
-        rect,
-        offsetParent,
-        strategy
-      }) : rect);
-      return {
-        top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-        bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-        left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-        right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  var anatomy6, parts6, getRootId6, getInputId, getLabelId3, getInputEl, writeToClipboard, machine6, props6, contextProps, indicatorProps2, splitIndicatorProps2, Clipboard, ClipboardHook;
+  var init_clipboard = __esm({
+    "../priv/static/clipboard.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      anatomy6 = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
+      parts6 = anatomy6.build();
+      getRootId6 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `clip:${ctx.id}`;
       };
-    });
-  }
-  function getSideOffsets(overflow, rect) {
-    return {
-      top: overflow.top - rect.height,
-      right: overflow.right - rect.width,
-      bottom: overflow.bottom - rect.height,
-      left: overflow.left - rect.width
-    };
-  }
-  function isAnySideFullyClipped(overflow) {
-    return sides.some((side) => overflow[side] >= 0);
-  }
-  function convertValueToCoords(state2, options) {
-    return __async(this, null, function* () {
-      const {
-        placement,
-        platform: platform2,
-        elements
-      } = state2;
-      const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
-      const side = getSide(placement);
-      const alignment = getAlignment(placement);
-      const isVertical = getSideAxis(placement) === "y";
-      const mainAxisMulti = originSides.has(side) ? -1 : 1;
-      const crossAxisMulti = rtl && isVertical ? -1 : 1;
-      const rawValue = evaluate(options, state2);
-      let {
-        mainAxis,
-        crossAxis,
-        alignmentAxis
-      } = typeof rawValue === "number" ? {
-        mainAxis: rawValue,
-        crossAxis: 0,
-        alignmentAxis: null
-      } : {
-        mainAxis: rawValue.mainAxis || 0,
-        crossAxis: rawValue.crossAxis || 0,
-        alignmentAxis: rawValue.alignmentAxis
+      getInputId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `clip:${ctx.id}:input`;
       };
-      if (alignment && typeof alignmentAxis === "number") {
-        crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-      }
-      return isVertical ? {
-        x: crossAxis * crossAxisMulti,
-        y: mainAxis * mainAxisMulti
-      } : {
-        x: mainAxis * mainAxisMulti,
-        y: crossAxis * crossAxisMulti
+      getLabelId3 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `clip:${ctx.id}:label`;
       };
-    });
-  }
-  function hasWindow() {
-    return typeof window !== "undefined";
-  }
-  function getNodeName2(node) {
-    if (isNode2(node)) {
-      return (node.nodeName || "").toLowerCase();
-    }
-    return "#document";
-  }
-  function getWindow2(node) {
-    var _node$ownerDocument;
-    return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-  }
-  function getDocumentElement2(node) {
-    var _ref;
-    return (_ref = (isNode2(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-  }
-  function isNode2(value) {
-    if (!hasWindow()) {
-      return false;
-    }
-    return value instanceof Node || value instanceof getWindow2(value).Node;
-  }
-  function isElement2(value) {
-    if (!hasWindow()) {
-      return false;
-    }
-    return value instanceof Element || value instanceof getWindow2(value).Element;
-  }
-  function isHTMLElement2(value) {
-    if (!hasWindow()) {
-      return false;
-    }
-    return value instanceof HTMLElement || value instanceof getWindow2(value).HTMLElement;
-  }
-  function isShadowRoot2(value) {
-    if (!hasWindow() || typeof ShadowRoot === "undefined") {
-      return false;
-    }
-    return value instanceof ShadowRoot || value instanceof getWindow2(value).ShadowRoot;
-  }
-  function isOverflowElement2(element) {
-    const {
-      overflow,
-      overflowX,
-      overflowY,
-      display
-    } = getComputedStyle3(element);
-    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
-  }
-  function isTableElement(element) {
-    return tableElements.has(getNodeName2(element));
-  }
-  function isTopLayer(element) {
-    return topLayerSelectors.some((selector) => {
-      try {
-        return element.matches(selector);
-      } catch (_e) {
-        return false;
-      }
-    });
-  }
-  function isContainingBlock(elementOrCss) {
-    const webkit = isWebKit();
-    const css2 = isElement2(elementOrCss) ? getComputedStyle3(elementOrCss) : elementOrCss;
-    return transformProperties.some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || willChangeValues.some((value) => (css2.willChange || "").includes(value)) || containValues.some((value) => (css2.contain || "").includes(value));
-  }
-  function getContainingBlock(element) {
-    let currentNode = getParentNode2(element);
-    while (isHTMLElement2(currentNode) && !isLastTraversableNode(currentNode)) {
-      if (isContainingBlock(currentNode)) {
-        return currentNode;
-      } else if (isTopLayer(currentNode)) {
-        return null;
-      }
-      currentNode = getParentNode2(currentNode);
-    }
-    return null;
-  }
-  function isWebKit() {
-    if (typeof CSS === "undefined" || !CSS.supports) return false;
-    return CSS.supports("-webkit-backdrop-filter", "none");
-  }
-  function isLastTraversableNode(node) {
-    return lastTraversableNodeNames.has(getNodeName2(node));
-  }
-  function getComputedStyle3(element) {
-    return getWindow2(element).getComputedStyle(element);
-  }
-  function getNodeScroll(element) {
-    if (isElement2(element)) {
-      return {
-        scrollLeft: element.scrollLeft,
-        scrollTop: element.scrollTop
+      getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+      writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
+      machine6 = createMachine({
+        props({ props: props26 }) {
+          return __spreadValues({
+            timeout: 3e3,
+            defaultValue: ""
+          }, props26);
+        },
+        initialState() {
+          return "idle";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              onChange(value) {
+                var _a;
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value });
+              }
+            }))
+          };
+        },
+        watch({ track, context, action }) {
+          track([() => context.get("value")], () => {
+            action(["syncInputElement"]);
+          });
+        },
+        on: {
+          "VALUE.SET": {
+            actions: ["setValue"]
+          },
+          COPY: {
+            target: "copied",
+            actions: ["copyToClipboard", "invokeOnCopy"]
+          }
+        },
+        states: {
+          idle: {
+            on: {
+              "INPUT.COPY": {
+                target: "copied",
+                actions: ["invokeOnCopy"]
+              }
+            }
+          },
+          copied: {
+            effects: ["waitForTimeout"],
+            on: {
+              "COPY.DONE": {
+                target: "idle"
+              },
+              COPY: {
+                target: "copied",
+                actions: ["copyToClipboard", "invokeOnCopy"]
+              },
+              "INPUT.COPY": {
+                actions: ["invokeOnCopy"]
+              }
+            }
+          }
+        },
+        implementations: {
+          effects: {
+            waitForTimeout({ prop, send }) {
+              return setRafTimeout(() => {
+                send({ type: "COPY.DONE" });
+              }, prop("timeout"));
+            }
+          },
+          actions: {
+            setValue({ context, event }) {
+              context.set("value", event.value);
+            },
+            copyToClipboard({ context, scope }) {
+              writeToClipboard(scope, context.get("value"));
+            },
+            invokeOnCopy({ prop }) {
+              var _a;
+              (_a = prop("onStatusChange")) == null ? void 0 : _a({ copied: true });
+            },
+            syncInputElement({ context, scope }) {
+              const inputEl = getInputEl(scope);
+              if (!inputEl) return;
+              setElementValue(inputEl, context.get("value"));
+            }
+          }
+        }
+      });
+      props6 = createProps()([
+        "getRootNode",
+        "id",
+        "ids",
+        "value",
+        "defaultValue",
+        "timeout",
+        "onStatusChange",
+        "onValueChange"
+      ]);
+      contextProps = createSplitProps(props6);
+      indicatorProps2 = createProps()(["copied"]);
+      splitIndicatorProps2 = createSplitProps(indicatorProps2);
+      Clipboard = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine6, props26);
+        }
+        initApi() {
+          return connect6(this.machine.service, normalizeProps);
+        }
+        render() {
+          const rootEl = this.el.querySelector('[data-scope="clipboard"][data-part="root"]');
+          if (rootEl) {
+            this.spreadProps(rootEl, this.api.getRootProps());
+            const labelEl = rootEl.querySelector(
+              '[data-scope="clipboard"][data-part="label"]'
+            );
+            if (labelEl) {
+              this.spreadProps(labelEl, this.api.getLabelProps());
+            }
+            const controlEl = rootEl.querySelector(
+              '[data-scope="clipboard"][data-part="control"]'
+            );
+            if (controlEl) {
+              this.spreadProps(controlEl, this.api.getControlProps());
+              const inputEl = controlEl.querySelector(
+                '[data-scope="clipboard"][data-part="input"]'
+              );
+              if (inputEl) {
+                const inputProps2 = __spreadValues({}, this.api.getInputProps());
+                const inputAriaLabel = this.el.dataset.inputAriaLabel;
+                if (inputAriaLabel) {
+                  inputProps2["aria-label"] = inputAriaLabel;
+                }
+                this.spreadProps(inputEl, inputProps2);
+              }
+              const triggerEl = controlEl.querySelector(
+                '[data-scope="clipboard"][data-part="trigger"]'
+              );
+              if (triggerEl) {
+                const triggerProps2 = __spreadValues({}, this.api.getTriggerProps());
+                const ariaLabel = this.el.dataset.triggerAriaLabel;
+                if (ariaLabel) {
+                  triggerProps2["aria-label"] = ariaLabel;
+                }
+                this.spreadProps(triggerEl, triggerProps2);
+              }
+            }
+          }
+        }
+      };
+      ClipboardHook = {
+        mounted() {
+          const el = this.el;
+          const pushEvent = this.pushEvent.bind(this);
+          const liveSocket = this.liveSocket;
+          const clipboard = new Clipboard(el, __spreadProps(__spreadValues({
+            id: el.id,
+            timeout: getNumber(el, "timeout")
+          }, getBoolean(el, "controlled") ? { value: getString(el, "value") } : { defaultValue: getString(el, "defaultValue") }), {
+            onValueChange: (details) => {
+              var _a;
+              const eventName = getString(el, "onValueChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  value: (_a = details.value) != null ? _a : null
+                });
+              }
+            },
+            onStatusChange: (details) => {
+              const eventName = getString(el, "onStatusChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  copied: details.copied
+                });
+              }
+              const eventNameClient = getString(el, "onStatusChangeClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true
+                  })
+                );
+              }
+            }
+          }));
+          clipboard.init();
+          this.clipboard = clipboard;
+          this.onCopy = () => {
+            clipboard.api.copy();
+          };
+          el.addEventListener("phx:clipboard:copy", this.onCopy);
+          this.onSetValue = (event) => {
+            const { value } = event.detail;
+            clipboard.api.setValue(value);
+          };
+          el.addEventListener("phx:clipboard:set-value", this.onSetValue);
+          this.handlers = [];
+          this.handlers.push(
+            this.handleEvent("clipboard_copy", (payload) => {
+              const targetId = payload.clipboard_id;
+              if (targetId && targetId !== el.id) return;
+              clipboard.api.copy();
+            })
+          );
+          this.handlers.push(
+            this.handleEvent(
+              "clipboard_set_value",
+              (payload) => {
+                const targetId = payload.clipboard_id;
+                if (targetId && targetId !== el.id) return;
+                clipboard.api.setValue(payload.value);
+              }
+            )
+          );
+          this.handlers.push(
+            this.handleEvent("clipboard_copied", () => {
+              this.pushEvent("clipboard_copied_response", {
+                value: clipboard.api.copied
+              });
+            })
+          );
+        },
+        updated() {
+          var _a;
+          (_a = this.clipboard) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id,
+            timeout: getNumber(this.el, "timeout")
+          }, getBoolean(this.el, "controlled") ? { value: getString(this.el, "value") } : { defaultValue: getString(this.el, "value") }), {
+            dir: getString(this.el, "dir", ["ltr", "rtl"])
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.onCopy) {
+            this.el.removeEventListener("phx:clipboard:copy", this.onCopy);
+          }
+          if (this.onSetValue) {
+            this.el.removeEventListener("phx:clipboard:set-value", this.onSetValue);
+          }
+          if (this.handlers) {
+            for (const handler of this.handlers) {
+              this.removeHandleEvent(handler);
+            }
+          }
+          (_a = this.clipboard) == null ? void 0 : _a.destroy();
+        }
       };
     }
+  });
+
+  // ../priv/static/collapsible.mjs
+  var collapsible_exports = {};
+  __export(collapsible_exports, {
+    Collapsible: () => CollapsibleHook
+  });
+  function connect7(service, normalize) {
+    const { state: state2, send, context, scope, prop } = service;
+    const visible = state2.matches("open") || state2.matches("closing");
+    const open = state2.matches("open");
+    const closed = state2.matches("closed");
+    const { width, height } = context.get("size");
+    const disabled = !!prop("disabled");
+    const collapsedHeight = prop("collapsedHeight");
+    const collapsedWidth = prop("collapsedWidth");
+    const hasCollapsedHeight = collapsedHeight != null;
+    const hasCollapsedWidth = collapsedWidth != null;
+    const hasCollapsedSize = hasCollapsedHeight || hasCollapsedWidth;
+    const skip = !context.get("initial") && open;
     return {
-      scrollLeft: element.scrollX,
-      scrollTop: element.scrollY
-    };
-  }
-  function getParentNode2(node) {
-    if (getNodeName2(node) === "html") {
-      return node;
-    }
-    const result = (
-      // Step into the shadow DOM of the parent of a slotted node.
-      node.assignedSlot || // DOM Element detected.
-      node.parentNode || // ShadowRoot detected.
-      isShadowRoot2(node) && node.host || // Fallback.
-      getDocumentElement2(node)
-    );
-    return isShadowRoot2(result) ? result.host : result;
-  }
-  function getNearestOverflowAncestor2(node) {
-    const parentNode = getParentNode2(node);
-    if (isLastTraversableNode(parentNode)) {
-      return node.ownerDocument ? node.ownerDocument.body : node.body;
-    }
-    if (isHTMLElement2(parentNode) && isOverflowElement2(parentNode)) {
-      return parentNode;
-    }
-    return getNearestOverflowAncestor2(parentNode);
-  }
-  function getOverflowAncestors(node, list, traverseIframes) {
-    var _node$ownerDocument2;
-    if (list === void 0) {
-      list = [];
-    }
-    if (traverseIframes === void 0) {
-      traverseIframes = true;
-    }
-    const scrollableAncestor = getNearestOverflowAncestor2(node);
-    const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-    const win = getWindow2(scrollableAncestor);
-    if (isBody) {
-      const frameElement = getFrameElement(win);
-      return list.concat(win, win.visualViewport || [], isOverflowElement2(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-    }
-    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-  }
-  function getFrameElement(win) {
-    return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-  }
-  function getCssDimensions(element) {
-    const css2 = getComputedStyle3(element);
-    let width = parseFloat(css2.width) || 0;
-    let height = parseFloat(css2.height) || 0;
-    const hasOffset = isHTMLElement2(element);
-    const offsetWidth = hasOffset ? element.offsetWidth : width;
-    const offsetHeight = hasOffset ? element.offsetHeight : height;
-    const shouldFallback = round2(width) !== offsetWidth || round2(height) !== offsetHeight;
-    if (shouldFallback) {
-      width = offsetWidth;
-      height = offsetHeight;
-    }
-    return {
-      width,
-      height,
-      $: shouldFallback
-    };
-  }
-  function unwrapElement(element) {
-    return !isElement2(element) ? element.contextElement : element;
-  }
-  function getScale(element) {
-    const domElement = unwrapElement(element);
-    if (!isHTMLElement2(domElement)) {
-      return createCoords(1);
-    }
-    const rect = domElement.getBoundingClientRect();
-    const {
-      width,
-      height,
-      $
-    } = getCssDimensions(domElement);
-    let x2 = ($ ? round2(rect.width) : rect.width) / width;
-    let y2 = ($ ? round2(rect.height) : rect.height) / height;
-    if (!x2 || !Number.isFinite(x2)) {
-      x2 = 1;
-    }
-    if (!y2 || !Number.isFinite(y2)) {
-      y2 = 1;
-    }
-    return {
-      x: x2,
-      y: y2
-    };
-  }
-  function getVisualOffsets(element) {
-    const win = getWindow2(element);
-    if (!isWebKit() || !win.visualViewport) {
-      return noOffsets;
-    }
-    return {
-      x: win.visualViewport.offsetLeft,
-      y: win.visualViewport.offsetTop
-    };
-  }
-  function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-    if (isFixed === void 0) {
-      isFixed = false;
-    }
-    if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow2(element)) {
-      return false;
-    }
-    return isFixed;
-  }
-  function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-    if (includeScale === void 0) {
-      includeScale = false;
-    }
-    if (isFixedStrategy === void 0) {
-      isFixedStrategy = false;
-    }
-    const clientRect = element.getBoundingClientRect();
-    const domElement = unwrapElement(element);
-    let scale = createCoords(1);
-    if (includeScale) {
-      if (offsetParent) {
-        if (isElement2(offsetParent)) {
-          scale = getScale(offsetParent);
-        }
-      } else {
-        scale = getScale(element);
-      }
-    }
-    const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-    let x2 = (clientRect.left + visualOffsets.x) / scale.x;
-    let y2 = (clientRect.top + visualOffsets.y) / scale.y;
-    let width = clientRect.width / scale.x;
-    let height = clientRect.height / scale.y;
-    if (domElement) {
-      const win = getWindow2(domElement);
-      const offsetWin = offsetParent && isElement2(offsetParent) ? getWindow2(offsetParent) : offsetParent;
-      let currentWin = win;
-      let currentIFrame = getFrameElement(currentWin);
-      while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-        const iframeScale = getScale(currentIFrame);
-        const iframeRect = currentIFrame.getBoundingClientRect();
-        const css2 = getComputedStyle3(currentIFrame);
-        const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css2.paddingLeft)) * iframeScale.x;
-        const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css2.paddingTop)) * iframeScale.y;
-        x2 *= iframeScale.x;
-        y2 *= iframeScale.y;
-        width *= iframeScale.x;
-        height *= iframeScale.y;
-        x2 += left;
-        y2 += top;
-        currentWin = getWindow2(currentIFrame);
-        currentIFrame = getFrameElement(currentWin);
+      disabled,
+      visible,
+      open,
+      measureSize() {
+        send({ type: "size.measure" });
+      },
+      setOpen(nextOpen) {
+        const open2 = state2.matches("open");
+        if (open2 === nextOpen) return;
+        send({ type: nextOpen ? "open" : "close" });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts7.root.attrs), {
+          "data-state": open ? "open" : "closed",
+          dir: prop("dir"),
+          id: getRootId7(scope)
+        }));
+      },
+      getContentProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts7.content.attrs), {
+          id: getContentId(scope),
+          "data-collapsible": "",
+          "data-state": skip ? void 0 : open ? "open" : "closed",
+          "data-disabled": dataAttr(disabled),
+          "data-has-collapsed-size": dataAttr(hasCollapsedSize),
+          hidden: !visible && !hasCollapsedSize,
+          dir: prop("dir"),
+          style: __spreadValues(__spreadValues({
+            "--height": toPx(height),
+            "--width": toPx(width),
+            "--collapsed-height": toPx(collapsedHeight),
+            "--collapsed-width": toPx(collapsedWidth)
+          }, closed && hasCollapsedHeight && {
+            overflow: "hidden",
+            minHeight: toPx(collapsedHeight),
+            maxHeight: toPx(collapsedHeight)
+          }), closed && hasCollapsedWidth && {
+            overflow: "hidden",
+            minWidth: toPx(collapsedWidth),
+            maxWidth: toPx(collapsedWidth)
+          })
+        }));
+      },
+      getTriggerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts7.trigger.attrs), {
+          id: getTriggerId(scope),
+          dir: prop("dir"),
+          type: "button",
+          "data-state": open ? "open" : "closed",
+          "data-disabled": dataAttr(disabled),
+          "aria-controls": getContentId(scope),
+          "aria-expanded": visible || false,
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (disabled) return;
+            send({ type: open ? "close" : "open" });
+          }
+        }));
+      },
+      getIndicatorProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts7.indicator.attrs), {
+          dir: prop("dir"),
+          "data-state": open ? "open" : "closed",
+          "data-disabled": dataAttr(disabled)
+        }));
       }
-    }
-    return rectToClientRect({
-      width,
-      height,
-      x: x2,
-      y: y2
-    });
-  }
-  function getWindowScrollBarX(element, rect) {
-    const leftScroll = getNodeScroll(element).scrollLeft;
-    if (!rect) {
-      return getBoundingClientRect(getDocumentElement2(element)).left + leftScroll;
-    }
-    return rect.left + leftScroll;
-  }
-  function getHTMLOffset(documentElement, scroll) {
-    const htmlRect = documentElement.getBoundingClientRect();
-    const x2 = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
-    const y2 = htmlRect.top + scroll.scrollTop;
-    return {
-      x: x2,
-      y: y2
     };
   }
-  function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-    let {
-      elements,
-      rect,
-      offsetParent,
-      strategy
-    } = _ref;
-    const isFixed = strategy === "fixed";
-    const documentElement = getDocumentElement2(offsetParent);
-    const topLayer = elements ? isTopLayer(elements.floating) : false;
-    if (offsetParent === documentElement || topLayer && isFixed) {
-      return rect;
-    }
-    let scroll = {
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-    let scale = createCoords(1);
-    const offsets = createCoords(0);
-    const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-      if (getNodeName2(offsetParent) !== "body" || isOverflowElement2(documentElement)) {
-        scroll = getNodeScroll(offsetParent);
-      }
-      if (isHTMLElement2(offsetParent)) {
-        const offsetRect = getBoundingClientRect(offsetParent);
-        scale = getScale(offsetParent);
-        offsets.x = offsetRect.x + offsetParent.clientLeft;
-        offsets.y = offsetRect.y + offsetParent.clientTop;
-      }
-    }
-    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-    return {
-      width: rect.width * scale.x,
-      height: rect.height * scale.y,
-      x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-      y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-    };
-  }
-  function getClientRects(element) {
-    return Array.from(element.getClientRects());
-  }
-  function getDocumentRect(element) {
-    const html = getDocumentElement2(element);
-    const scroll = getNodeScroll(element);
-    const body = element.ownerDocument.body;
-    const width = max2(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-    const height = max2(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-    let x2 = -scroll.scrollLeft + getWindowScrollBarX(element);
-    const y2 = -scroll.scrollTop;
-    if (getComputedStyle3(body).direction === "rtl") {
-      x2 += max2(html.clientWidth, body.clientWidth) - width;
-    }
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getViewportRect(element, strategy) {
-    const win = getWindow2(element);
-    const html = getDocumentElement2(element);
-    const visualViewport = win.visualViewport;
-    let width = html.clientWidth;
-    let height = html.clientHeight;
-    let x2 = 0;
-    let y2 = 0;
-    if (visualViewport) {
-      width = visualViewport.width;
-      height = visualViewport.height;
-      const visualViewportBased = isWebKit();
-      if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-        x2 = visualViewport.offsetLeft;
-        y2 = visualViewport.offsetTop;
-      }
-    }
-    const windowScrollbarX = getWindowScrollBarX(html);
-    if (windowScrollbarX <= 0) {
-      const doc = html.ownerDocument;
-      const body = doc.body;
-      const bodyStyles = getComputedStyle(body);
-      const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-      const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-      if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
-        width -= clippingStableScrollbarWidth;
-      }
-    } else if (windowScrollbarX <= SCROLLBAR_MAX) {
-      width += windowScrollbarX;
-    }
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getInnerBoundingClientRect(element, strategy) {
-    const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
-    const top = clientRect.top + element.clientTop;
-    const left = clientRect.left + element.clientLeft;
-    const scale = isHTMLElement2(element) ? getScale(element) : createCoords(1);
-    const width = element.clientWidth * scale.x;
-    const height = element.clientHeight * scale.y;
-    const x2 = left * scale.x;
-    const y2 = top * scale.y;
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-    let rect;
-    if (clippingAncestor === "viewport") {
-      rect = getViewportRect(element, strategy);
-    } else if (clippingAncestor === "document") {
-      rect = getDocumentRect(getDocumentElement2(element));
-    } else if (isElement2(clippingAncestor)) {
-      rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-    } else {
-      const visualOffsets = getVisualOffsets(element);
-      rect = {
-        x: clippingAncestor.x - visualOffsets.x,
-        y: clippingAncestor.y - visualOffsets.y,
-        width: clippingAncestor.width,
-        height: clippingAncestor.height
+  var anatomy7, parts7, getRootId7, getContentId, getTriggerId, getContentEl, machine7, props7, splitProps7, Collapsible, CollapsibleHook;
+  var init_collapsible = __esm({
+    "../priv/static/collapsible.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      anatomy7 = createAnatomy("collapsible").parts("root", "trigger", "content", "indicator");
+      parts7 = anatomy7.build();
+      getRootId7 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `collapsible:${ctx.id}`;
       };
-    }
-    return rectToClientRect(rect);
-  }
-  function hasFixedPositionAncestor(element, stopNode) {
-    const parentNode = getParentNode2(element);
-    if (parentNode === stopNode || !isElement2(parentNode) || isLastTraversableNode(parentNode)) {
-      return false;
-    }
-    return getComputedStyle3(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
-  }
-  function getClippingElementAncestors(element, cache) {
-    const cachedResult = cache.get(element);
-    if (cachedResult) {
-      return cachedResult;
-    }
-    let result = getOverflowAncestors(element, [], false).filter((el) => isElement2(el) && getNodeName2(el) !== "body");
-    let currentContainingBlockComputedStyle = null;
-    const elementIsFixed = getComputedStyle3(element).position === "fixed";
-    let currentNode = elementIsFixed ? getParentNode2(element) : element;
-    while (isElement2(currentNode) && !isLastTraversableNode(currentNode)) {
-      const computedStyle = getComputedStyle3(currentNode);
-      const currentNodeIsContaining = isContainingBlock(currentNode);
-      if (!currentNodeIsContaining && computedStyle.position === "fixed") {
-        currentContainingBlockComputedStyle = null;
-      }
-      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement2(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
-      if (shouldDropCurrentNode) {
-        result = result.filter((ancestor) => ancestor !== currentNode);
-      } else {
-        currentContainingBlockComputedStyle = computedStyle;
-      }
-      currentNode = getParentNode2(currentNode);
-    }
-    cache.set(element, result);
-    return result;
-  }
-  function getClippingRect(_ref) {
-    let {
-      element,
-      boundary,
-      rootBoundary,
-      strategy
-    } = _ref;
-    const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
-    const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-    const firstClippingAncestor = clippingAncestors[0];
-    const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-      const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-      accRect.top = max2(rect.top, accRect.top);
-      accRect.right = min2(rect.right, accRect.right);
-      accRect.bottom = min2(rect.bottom, accRect.bottom);
-      accRect.left = max2(rect.left, accRect.left);
-      return accRect;
-    }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
-    return {
-      width: clippingRect.right - clippingRect.left,
-      height: clippingRect.bottom - clippingRect.top,
-      x: clippingRect.left,
-      y: clippingRect.top
-    };
-  }
-  function getDimensions(element) {
-    const {
-      width,
-      height
-    } = getCssDimensions(element);
-    return {
-      width,
-      height
-    };
-  }
-  function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-    const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-    const documentElement = getDocumentElement2(offsetParent);
-    const isFixed = strategy === "fixed";
-    const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-    let scroll = {
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-    const offsets = createCoords(0);
-    function setLeftRTLScrollbarOffset() {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
-    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-      if (getNodeName2(offsetParent) !== "body" || isOverflowElement2(documentElement)) {
-        scroll = getNodeScroll(offsetParent);
-      }
-      if (isOffsetParentAnElement) {
-        const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-        offsets.x = offsetRect.x + offsetParent.clientLeft;
-        offsets.y = offsetRect.y + offsetParent.clientTop;
-      } else if (documentElement) {
-        setLeftRTLScrollbarOffset();
-      }
-    }
-    if (isFixed && !isOffsetParentAnElement && documentElement) {
-      setLeftRTLScrollbarOffset();
-    }
-    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-    const x2 = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
-    const y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
-    return {
-      x: x2,
-      y: y2,
-      width: rect.width,
-      height: rect.height
-    };
-  }
-  function isStaticPositioned(element) {
-    return getComputedStyle3(element).position === "static";
-  }
-  function getTrueOffsetParent(element, polyfill) {
-    if (!isHTMLElement2(element) || getComputedStyle3(element).position === "fixed") {
-      return null;
-    }
-    if (polyfill) {
-      return polyfill(element);
-    }
-    let rawOffsetParent = element.offsetParent;
-    if (getDocumentElement2(element) === rawOffsetParent) {
-      rawOffsetParent = rawOffsetParent.ownerDocument.body;
-    }
-    return rawOffsetParent;
-  }
-  function getOffsetParent(element, polyfill) {
-    const win = getWindow2(element);
-    if (isTopLayer(element)) {
-      return win;
-    }
-    if (!isHTMLElement2(element)) {
-      let svgOffsetParent = getParentNode2(element);
-      while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-        if (isElement2(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
-          return svgOffsetParent;
-        }
-        svgOffsetParent = getParentNode2(svgOffsetParent);
-      }
-      return win;
-    }
-    let offsetParent = getTrueOffsetParent(element, polyfill);
-    while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
-      offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-    }
-    if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
-      return win;
-    }
-    return offsetParent || getContainingBlock(element) || win;
-  }
-  function isRTL(element) {
-    return getComputedStyle3(element).direction === "rtl";
-  }
-  function rectsAreEqual(a2, b2) {
-    return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
-  }
-  function observeMove(element, onMove) {
-    let io = null;
-    let timeoutId;
-    const root = getDocumentElement2(element);
-    function cleanup() {
-      var _io;
-      clearTimeout(timeoutId);
-      (_io = io) == null || _io.disconnect();
-      io = null;
-    }
-    function refresh(skip, threshold) {
-      if (skip === void 0) {
-        skip = false;
-      }
-      if (threshold === void 0) {
-        threshold = 1;
-      }
-      cleanup();
-      const elementRectForRootMargin = element.getBoundingClientRect();
-      const {
-        left,
-        top,
-        width,
-        height
-      } = elementRectForRootMargin;
-      if (!skip) {
-        onMove();
-      }
-      if (!width || !height) {
-        return;
-      }
-      const insetTop = floor2(top);
-      const insetRight = floor2(root.clientWidth - (left + width));
-      const insetBottom = floor2(root.clientHeight - (top + height));
-      const insetLeft = floor2(left);
-      const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
-      const options = {
-        rootMargin,
-        threshold: max2(0, min2(1, threshold)) || 1
+      getContentId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `collapsible:${ctx.id}:content`;
       };
-      let isFirstUpdate = true;
-      function handleObserve(entries) {
-        const ratio = entries[0].intersectionRatio;
-        if (ratio !== threshold) {
-          if (!isFirstUpdate) {
-            return refresh();
-          }
-          if (!ratio) {
-            timeoutId = setTimeout(() => {
-              refresh(false, 1e-7);
-            }, 1e3);
-          } else {
-            refresh(false, ratio);
-          }
-        }
-        if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
-          refresh();
-        }
-        isFirstUpdate = false;
-      }
-      try {
-        io = new IntersectionObserver(handleObserve, __spreadProps(__spreadValues({}, options), {
-          // Handle <iframe>s
-          root: root.ownerDocument
-        }));
-      } catch (_e) {
-        io = new IntersectionObserver(handleObserve, options);
-      }
-      io.observe(element);
-    }
-    refresh(true);
-    return cleanup;
-  }
-  function autoUpdate(reference, floating, update, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    const {
-      ancestorScroll = true,
-      ancestorResize = true,
-      elementResize = typeof ResizeObserver === "function",
-      layoutShift = typeof IntersectionObserver === "function",
-      animationFrame = false
-    } = options;
-    const referenceEl = unwrapElement(reference);
-    const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
-    ancestors.forEach((ancestor) => {
-      ancestorScroll && ancestor.addEventListener("scroll", update, {
-        passive: true
-      });
-      ancestorResize && ancestor.addEventListener("resize", update);
-    });
-    const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
-    let reobserveFrame = -1;
-    let resizeObserver = null;
-    if (elementResize) {
-      resizeObserver = new ResizeObserver((_ref) => {
-        let [firstEntry] = _ref;
-        if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
-          resizeObserver.unobserve(floating);
-          cancelAnimationFrame(reobserveFrame);
-          reobserveFrame = requestAnimationFrame(() => {
-            var _resizeObserver;
-            (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+      getTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `collapsible:${ctx.id}:trigger`;
+      };
+      getContentEl = (ctx) => ctx.getById(getContentId(ctx));
+      machine7 = createMachine({
+        initialState({ prop }) {
+          const open = prop("open") || prop("defaultOpen");
+          return open ? "open" : "closed";
+        },
+        context({ bindable: bindable2 }) {
+          return {
+            size: bindable2(() => ({
+              defaultValue: { height: 0, width: 0 },
+              sync: true
+            })),
+            initial: bindable2(() => ({
+              defaultValue: false
+            }))
+          };
+        },
+        refs() {
+          return {
+            cleanup: void 0,
+            stylesRef: void 0
+          };
+        },
+        watch({ track, prop, action }) {
+          track([() => prop("open")], () => {
+            action(["setInitial", "computeSize", "toggleVisibility"]);
           });
-        }
-        update();
-      });
-      if (referenceEl && !animationFrame) {
-        resizeObserver.observe(referenceEl);
-      }
-      resizeObserver.observe(floating);
-    }
-    let frameId;
-    let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
-    if (animationFrame) {
-      frameLoop();
-    }
-    function frameLoop() {
-      const nextRefRect = getBoundingClientRect(reference);
-      if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
-        update();
-      }
-      prevRefRect = nextRefRect;
-      frameId = requestAnimationFrame(frameLoop);
-    }
-    update();
-    return () => {
-      var _resizeObserver2;
-      ancestors.forEach((ancestor) => {
-        ancestorScroll && ancestor.removeEventListener("scroll", update);
-        ancestorResize && ancestor.removeEventListener("resize", update);
-      });
-      cleanupIo == null || cleanupIo();
-      (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
-      resizeObserver = null;
-      if (animationFrame) {
-        cancelAnimationFrame(frameId);
-      }
-    };
-  }
-  function createDOMRect(x2 = 0, y2 = 0, width = 0, height = 0) {
-    if (typeof DOMRect === "function") {
-      return new DOMRect(x2, y2, width, height);
-    }
-    const rect = {
-      x: x2,
-      y: y2,
-      width,
-      height,
-      top: y2,
-      right: x2 + width,
-      bottom: y2 + height,
-      left: x2
-    };
-    return __spreadProps(__spreadValues({}, rect), { toJSON: () => rect });
-  }
-  function getDOMRect(anchorRect) {
-    if (!anchorRect) return createDOMRect();
-    const { x: x2, y: y2, width, height } = anchorRect;
-    return createDOMRect(x2, y2, width, height);
-  }
-  function getAnchorElement(anchorElement, getAnchorRect) {
-    return {
-      contextElement: isHTMLElement(anchorElement) ? anchorElement : anchorElement == null ? void 0 : anchorElement.contextElement,
-      getBoundingClientRect: () => {
-        const anchor = anchorElement;
-        const anchorRect = getAnchorRect == null ? void 0 : getAnchorRect(anchor);
-        if (anchorRect || !anchor) {
-          return getDOMRect(anchorRect);
-        }
-        return anchor.getBoundingClientRect();
-      }
-    };
-  }
-  function createTransformOriginMiddleware(opts, arrowEl) {
-    return {
-      name: "transformOrigin",
-      fn(state2) {
-        var _a, _b, _c, _d, _e;
-        const { elements, middlewareData, placement, rects, y: y2 } = state2;
-        const side = placement.split("-")[0];
-        const axis = getSideAxis2(side);
-        const arrowX = ((_a = middlewareData.arrow) == null ? void 0 : _a.x) || 0;
-        const arrowY = ((_b = middlewareData.arrow) == null ? void 0 : _b.y) || 0;
-        const arrowWidth = (arrowEl == null ? void 0 : arrowEl.clientWidth) || 0;
-        const arrowHeight = (arrowEl == null ? void 0 : arrowEl.clientHeight) || 0;
-        const transformX = arrowX + arrowWidth / 2;
-        const transformY = arrowY + arrowHeight / 2;
-        const shiftY = Math.abs(((_c = middlewareData.shift) == null ? void 0 : _c.y) || 0);
-        const halfAnchorHeight = rects.reference.height / 2;
-        const arrowOffset = arrowHeight / 2;
-        const gutter = (_e = (_d = opts.offset) == null ? void 0 : _d.mainAxis) != null ? _e : opts.gutter;
-        const sideOffsetValue = typeof gutter === "number" ? gutter + arrowOffset : gutter != null ? gutter : arrowOffset;
-        const isOverlappingAnchor = shiftY > sideOffsetValue;
-        const adjacentTransformOrigin = {
-          top: `${transformX}px calc(100% + ${sideOffsetValue}px)`,
-          bottom: `${transformX}px ${-sideOffsetValue}px`,
-          left: `calc(100% + ${sideOffsetValue}px) ${transformY}px`,
-          right: `${-sideOffsetValue}px ${transformY}px`
-        }[side];
-        const overlapTransformOrigin = `${transformX}px ${rects.reference.y + halfAnchorHeight - y2}px`;
-        const useOverlap = Boolean(opts.overlap) && axis === "y" && isOverlappingAnchor;
-        elements.floating.style.setProperty(
-          cssVars.transformOrigin.variable,
-          useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
-        );
-        return {
-          data: {
-            transformOrigin: useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
+        },
+        exit: ["cleanupNode"],
+        states: {
+          closed: {
+            effects: ["trackTabbableElements"],
+            on: {
+              "controlled.open": {
+                target: "open"
+              },
+              open: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["setInitial", "computeSize", "invokeOnOpen"]
+                }
+              ]
+            }
+          },
+          closing: {
+            effects: ["trackExitAnimation"],
+            on: {
+              "controlled.close": {
+                target: "closed"
+              },
+              "controlled.open": {
+                target: "open"
+              },
+              open: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["setInitial", "invokeOnOpen"]
+                }
+              ],
+              close: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnExitComplete"]
+                },
+                {
+                  target: "closed",
+                  actions: ["setInitial", "computeSize", "invokeOnExitComplete"]
+                }
+              ],
+              "animation.end": {
+                target: "closed",
+                actions: ["invokeOnExitComplete", "clearInitial"]
+              }
+            }
+          },
+          open: {
+            effects: ["trackEnterAnimation"],
+            on: {
+              "controlled.close": {
+                target: "closing"
+              },
+              close: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closing",
+                  actions: ["setInitial", "computeSize", "invokeOnClose"]
+                }
+              ],
+              "size.measure": {
+                actions: ["measureSize"]
+              },
+              "animation.end": {
+                actions: ["clearInitial"]
+              }
+            }
           }
-        };
-      }
-    };
-  }
-  function getPlacementDetails(placement) {
-    const [side, align] = placement.split("-");
-    return { side, align, hasAlign: align != null };
-  }
-  function getPlacementSide(placement) {
-    return placement.split("-")[0];
-  }
-  function roundByDpr(win, value) {
-    const dpr = win.devicePixelRatio || 1;
-    return Math.round(value * dpr) / dpr;
-  }
-  function resolveBoundaryOption(boundary) {
-    if (typeof boundary === "function") return boundary();
-    if (boundary === "clipping-ancestors") return "clippingAncestors";
-    return boundary;
-  }
-  function getArrowMiddleware(arrowElement, doc, opts) {
-    const element = arrowElement || doc.createElement("div");
-    return arrow2({ element, padding: opts.arrowPadding });
-  }
-  function getOffsetMiddleware(arrowElement, opts) {
-    var _a;
-    if (isNull((_a = opts.offset) != null ? _a : opts.gutter)) return;
-    return offset2(({ placement }) => {
-      var _a2, _b, _c, _d;
-      const arrowOffset = ((arrowElement == null ? void 0 : arrowElement.clientHeight) || 0) / 2;
-      const gutter = (_b = (_a2 = opts.offset) == null ? void 0 : _a2.mainAxis) != null ? _b : opts.gutter;
-      const mainAxis = typeof gutter === "number" ? gutter + arrowOffset : gutter != null ? gutter : arrowOffset;
-      const { hasAlign } = getPlacementDetails(placement);
-      const shift22 = !hasAlign ? opts.shift : void 0;
-      const crossAxis = (_d = (_c = opts.offset) == null ? void 0 : _c.crossAxis) != null ? _d : shift22;
-      return compact({
-        crossAxis,
-        mainAxis,
-        alignmentAxis: opts.shift
-      });
-    });
-  }
-  function getFlipMiddleware(opts) {
-    if (!opts.flip) return;
-    const boundary = resolveBoundaryOption(opts.boundary);
-    return flip2(__spreadProps(__spreadValues({}, boundary ? { boundary } : void 0), {
-      padding: opts.overflowPadding,
-      fallbackPlacements: opts.flip === true ? void 0 : opts.flip
-    }));
-  }
-  function getShiftMiddleware(opts) {
-    if (!opts.slide && !opts.overlap) return;
-    const boundary = resolveBoundaryOption(opts.boundary);
-    return shift2(__spreadProps(__spreadValues({}, boundary ? { boundary } : void 0), {
-      mainAxis: opts.slide,
-      crossAxis: opts.overlap,
-      padding: opts.overflowPadding,
-      limiter: limitShift2()
-    }));
-  }
-  function getSizeMiddleware(opts) {
-    return size2({
-      padding: opts.overflowPadding,
-      apply({ elements, rects, availableHeight, availableWidth }) {
-        const floating = elements.floating;
-        const referenceWidth = Math.round(rects.reference.width);
-        const referenceHeight = Math.round(rects.reference.height);
-        availableWidth = Math.floor(availableWidth);
-        availableHeight = Math.floor(availableHeight);
-        floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-        floating.style.setProperty("--reference-height", `${referenceHeight}px`);
-        floating.style.setProperty("--available-width", `${availableWidth}px`);
-        floating.style.setProperty("--available-height", `${availableHeight}px`);
-      }
-    });
-  }
-  function hideWhenDetachedMiddleware(opts) {
-    var _a;
-    if (!opts.hideWhenDetached) return;
-    return hide2({ strategy: "referenceHidden", boundary: (_a = resolveBoundaryOption(opts.boundary)) != null ? _a : "clippingAncestors" });
-  }
-  function getAutoUpdateOptions(opts) {
-    if (!opts) return {};
-    if (opts === true) {
-      return { ancestorResize: true, ancestorScroll: true, elementResize: true, layoutShift: true };
-    }
-    return opts;
-  }
-  function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
-    var _a, _b;
-    const anchor = (_b = (_a = opts.getAnchorElement) == null ? void 0 : _a.call(opts)) != null ? _b : referenceOrVirtual;
-    const reference = getAnchorElement(anchor, opts.getAnchorRect);
-    if (!floating || !reference) return;
-    const options = Object.assign({}, defaultOptions, opts);
-    const arrowEl = floating.querySelector("[data-part=arrow]");
-    const middleware = [
-      getOffsetMiddleware(arrowEl, options),
-      getFlipMiddleware(options),
-      getShiftMiddleware(options),
-      getArrowMiddleware(arrowEl, floating.ownerDocument, options),
-      shiftArrowMiddleware(arrowEl),
-      createTransformOriginMiddleware(
-        { gutter: options.gutter, offset: options.offset, overlap: options.overlap },
-        arrowEl
-      ),
-      getSizeMiddleware(options),
-      hideWhenDetachedMiddleware(options),
-      rectMiddleware
-    ];
-    const { placement, strategy, onComplete, onPositioned } = options;
-    const updatePosition = () => __async(null, null, function* () {
-      var _a2;
-      if (!reference || !floating) return;
-      const pos = yield computePosition2(reference, floating, {
-        placement,
-        middleware,
-        strategy
-      });
-      onComplete == null ? void 0 : onComplete(pos);
-      onPositioned == null ? void 0 : onPositioned({ placed: true });
-      const win = getWindow(floating);
-      const x2 = roundByDpr(win, pos.x);
-      const y2 = roundByDpr(win, pos.y);
-      floating.style.setProperty("--x", `${x2}px`);
-      floating.style.setProperty("--y", `${y2}px`);
-      if (options.hideWhenDetached) {
-        const isHidden = (_a2 = pos.middlewareData.hide) == null ? void 0 : _a2.referenceHidden;
-        if (isHidden) {
-          floating.style.setProperty("visibility", "hidden");
-          floating.style.setProperty("pointer-events", "none");
-        } else {
-          floating.style.removeProperty("visibility");
-          floating.style.removeProperty("pointer-events");
-        }
-      }
-      const contentEl = floating.firstElementChild;
-      if (contentEl) {
-        const styles = getComputedStyle2(contentEl);
-        floating.style.setProperty("--z-index", styles.zIndex);
-      }
-    });
-    const update = () => __async(null, null, function* () {
-      if (opts.updatePosition) {
-        yield opts.updatePosition({ updatePosition, floatingElement: floating });
-        onPositioned == null ? void 0 : onPositioned({ placed: true });
-      } else {
-        yield updatePosition();
-      }
-    });
-    const autoUpdateOptions = getAutoUpdateOptions(options.listeners);
-    const cancelAutoUpdate = options.listeners ? autoUpdate(reference, floating, update, autoUpdateOptions) : noop2;
-    update();
-    return () => {
-      cancelAutoUpdate == null ? void 0 : cancelAutoUpdate();
-      onPositioned == null ? void 0 : onPositioned({ placed: false });
-    };
-  }
-  function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
-    const _a = opts, { defer } = _a, options = __objRest(_a, ["defer"]);
-    const func = defer ? raf : (v2) => v2();
-    const cleanups = [];
-    cleanups.push(
-      func(() => {
-        const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
-        const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
-        cleanups.push(getPlacementImpl(reference, floating, options));
-      })
-    );
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
-  }
-  function getPlacementStyles(options = {}) {
-    const { placement, sameWidth, fitViewport, strategy = "absolute" } = options;
-    return {
-      arrow: {
-        position: "absolute",
-        width: cssVars.arrowSize.reference,
-        height: cssVars.arrowSize.reference,
-        [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
-        [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
-      },
-      arrowTip: {
-        // @ts-expect-error - Fix this
-        transform: placement ? ARROW_FLOATING_STYLE[placement.split("-")[0]] : void 0,
-        background: cssVars.arrowBg.reference,
-        top: "0",
-        left: "0",
-        width: "100%",
-        height: "100%",
-        position: "absolute",
-        zIndex: "inherit"
-      },
-      floating: {
-        position: strategy,
-        isolation: "isolate",
-        minWidth: sameWidth ? void 0 : "max-content",
-        width: sameWidth ? "var(--reference-width)" : void 0,
-        maxWidth: fitViewport ? "var(--available-width)" : void 0,
-        maxHeight: fitViewport ? "var(--available-height)" : void 0,
-        pointerEvents: !placement ? "none" : void 0,
-        top: "0px",
-        left: "0px",
-        // move off-screen if placement is not defined
-        transform: placement ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
-        zIndex: "var(--z-index)"
-      }
-    };
-  }
-  var sides, min2, max2, round2, floor2, createCoords, oppositeSideMap, oppositeAlignmentMap, yAxisSides, lrPlacement, rlPlacement, tbPlacement, btPlacement, computePosition, arrow, flip, hide, originSides, offset, shift, limitShift, size, invalidOverflowDisplayValues, tableElements, topLayerSelectors, transformProperties, willChangeValues, containValues, lastTraversableNodeNames, noOffsets, SCROLLBAR_MAX, absoluteOrFixed, getElementRects, platform, offset2, shift2, flip2, size2, hide2, arrow2, limitShift2, computePosition2, toVar, cssVars, getSideAxis2, rectMiddleware, shiftArrowMiddleware, defaultOptions, ARROW_FLOATING_STYLE;
-  var init_chunk_GRHV6R4F = __esm({
-    "../priv/static/chunk-GRHV6R4F.mjs"() {
-      "use strict";
-      init_chunk_GFGFZBBD();
-      sides = ["top", "right", "bottom", "left"];
-      min2 = Math.min;
-      max2 = Math.max;
-      round2 = Math.round;
-      floor2 = Math.floor;
-      createCoords = (v2) => ({
-        x: v2,
-        y: v2
+        },
+        implementations: {
+          guards: {
+            isOpenControlled: ({ prop }) => prop("open") != void 0
+          },
+          effects: {
+            trackEnterAnimation: ({ send, scope }) => {
+              let cleanup;
+              const rafCleanup = raf(() => {
+                const contentEl = getContentEl(scope);
+                if (!contentEl) return;
+                const animationName = getComputedStyle2(contentEl).animationName;
+                const hasNoAnimation = !animationName || animationName === "none";
+                if (hasNoAnimation) {
+                  send({ type: "animation.end" });
+                  return;
+                }
+                const onEnd = (event) => {
+                  const target = getEventTarget(event);
+                  if (target === contentEl) {
+                    send({ type: "animation.end" });
+                  }
+                };
+                contentEl.addEventListener("animationend", onEnd);
+                cleanup = () => {
+                  contentEl.removeEventListener("animationend", onEnd);
+                };
+              });
+              return () => {
+                rafCleanup();
+                cleanup == null ? void 0 : cleanup();
+              };
+            },
+            trackExitAnimation: ({ send, scope }) => {
+              let cleanup;
+              const rafCleanup = raf(() => {
+                const contentEl = getContentEl(scope);
+                if (!contentEl) return;
+                const animationName = getComputedStyle2(contentEl).animationName;
+                const hasNoAnimation = !animationName || animationName === "none";
+                if (hasNoAnimation) {
+                  send({ type: "animation.end" });
+                  return;
+                }
+                const onEnd = (event) => {
+                  const target = getEventTarget(event);
+                  if (target === contentEl) {
+                    send({ type: "animation.end" });
+                  }
+                };
+                contentEl.addEventListener("animationend", onEnd);
+                const restoreStyles = setStyle(contentEl, {
+                  animationFillMode: "forwards"
+                });
+                cleanup = () => {
+                  contentEl.removeEventListener("animationend", onEnd);
+                  nextTick(() => restoreStyles());
+                };
+              });
+              return () => {
+                rafCleanup();
+                cleanup == null ? void 0 : cleanup();
+              };
+            },
+            trackTabbableElements: ({ scope, prop }) => {
+              if (!prop("collapsedHeight") && !prop("collapsedWidth")) return;
+              const contentEl = getContentEl(scope);
+              if (!contentEl) return;
+              const applyInertToTabbables = () => {
+                const tabbables = getTabbables(contentEl);
+                const restoreAttrs = tabbables.map((tabbable) => setAttribute(tabbable, "inert", ""));
+                return () => {
+                  restoreAttrs.forEach((attr) => attr());
+                };
+              };
+              let restoreInert = applyInertToTabbables();
+              const observerCleanup = observeChildren(contentEl, {
+                callback() {
+                  restoreInert();
+                  restoreInert = applyInertToTabbables();
+                }
+              });
+              return () => {
+                restoreInert();
+                observerCleanup();
+              };
+            }
+          },
+          actions: {
+            setInitial: ({ context, flush }) => {
+              flush(() => {
+                context.set("initial", true);
+              });
+            },
+            clearInitial: ({ context }) => {
+              context.set("initial", false);
+            },
+            cleanupNode: ({ refs }) => {
+              refs.set("stylesRef", null);
+            },
+            measureSize: ({ context, scope }) => {
+              const contentEl = getContentEl(scope);
+              if (!contentEl) return;
+              const { height, width } = contentEl.getBoundingClientRect();
+              context.set("size", { height, width });
+            },
+            computeSize: ({ refs, scope, context }) => {
+              var _a;
+              (_a = refs.get("cleanup")) == null ? void 0 : _a();
+              const rafCleanup = raf(() => {
+                const contentEl = getContentEl(scope);
+                if (!contentEl) return;
+                const hidden = contentEl.hidden;
+                contentEl.style.animationName = "none";
+                contentEl.style.animationDuration = "0s";
+                contentEl.hidden = false;
+                const rect = contentEl.getBoundingClientRect();
+                context.set("size", { height: rect.height, width: rect.width });
+                if (context.get("initial")) {
+                  contentEl.style.animationName = "";
+                  contentEl.style.animationDuration = "";
+                }
+                contentEl.hidden = hidden;
+              });
+              refs.set("cleanup", rafCleanup);
+            },
+            invokeOnOpen: ({ prop }) => {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
+            },
+            invokeOnClose: ({ prop }) => {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+            },
+            invokeOnExitComplete: ({ prop }) => {
+              var _a;
+              (_a = prop("onExitComplete")) == null ? void 0 : _a();
+            },
+            toggleVisibility: ({ prop, send }) => {
+              send({ type: prop("open") ? "controlled.open" : "controlled.close" });
+            }
+          }
+        }
       });
-      oppositeSideMap = {
-        left: "right",
-        right: "left",
-        bottom: "top",
-        top: "bottom"
-      };
-      oppositeAlignmentMap = {
-        start: "end",
-        end: "start"
+      props7 = createProps()([
+        "dir",
+        "disabled",
+        "getRootNode",
+        "id",
+        "ids",
+        "collapsedHeight",
+        "collapsedWidth",
+        "onExitComplete",
+        "onOpenChange",
+        "defaultOpen",
+        "open"
+      ]);
+      splitProps7 = createSplitProps(props7);
+      Collapsible = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine7, props26);
+        }
+        initApi() {
+          return connect7(this.machine.service, normalizeProps);
+        }
+        render() {
+          const rootEl = this.el.querySelector(
+            '[data-scope="collapsible"][data-part="root"]'
+          );
+          if (rootEl) {
+            this.spreadProps(rootEl, this.api.getRootProps());
+            const triggerEl = rootEl.querySelector(
+              '[data-scope="collapsible"][data-part="trigger"]'
+            );
+            if (triggerEl) {
+              this.spreadProps(triggerEl, this.api.getTriggerProps());
+            }
+            const contentEl = rootEl.querySelector(
+              '[data-scope="collapsible"][data-part="content"]'
+            );
+            if (contentEl) {
+              this.spreadProps(contentEl, this.api.getContentProps());
+            }
+          }
+        }
       };
-      yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
-      lrPlacement = ["left", "right"];
-      rlPlacement = ["right", "left"];
-      tbPlacement = ["top", "bottom"];
-      btPlacement = ["bottom", "top"];
-      computePosition = (reference, floating, config) => __async(null, null, function* () {
-        const {
-          placement = "bottom",
-          strategy = "absolute",
-          middleware = [],
-          platform: platform2
-        } = config;
-        const validMiddleware = middleware.filter(Boolean);
-        const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(floating);
-        let rects = yield platform2.getElementRects({
-          reference,
-          floating,
-          strategy
-        });
-        let {
-          x: x2,
-          y: y2
-        } = computeCoordsFromPlacement(rects, placement, rtl);
-        let statefulPlacement = placement;
-        let middlewareData = {};
-        let resetCount = 0;
-        for (let i2 = 0; i2 < validMiddleware.length; i2++) {
-          var _platform$detectOverf;
-          const {
-            name,
-            fn
-          } = validMiddleware[i2];
-          const {
-            x: nextX,
-            y: nextY,
-            data,
-            reset
-          } = yield fn({
-            x: x2,
-            y: y2,
-            initialPlacement: placement,
-            placement: statefulPlacement,
-            strategy,
-            middlewareData,
-            rects,
-            platform: __spreadProps(__spreadValues({}, platform2), {
-              detectOverflow: (_platform$detectOverf = platform2.detectOverflow) != null ? _platform$detectOverf : detectOverflow
-            }),
-            elements: {
-              reference,
-              floating
-            }
-          });
-          x2 = nextX != null ? nextX : x2;
-          y2 = nextY != null ? nextY : y2;
-          middlewareData = __spreadProps(__spreadValues({}, middlewareData), {
-            [name]: __spreadValues(__spreadValues({}, middlewareData[name]), data)
-          });
-          if (reset && resetCount <= 50) {
-            resetCount++;
-            if (typeof reset === "object") {
-              if (reset.placement) {
-                statefulPlacement = reset.placement;
+      CollapsibleHook = {
+        mounted() {
+          const el = this.el;
+          const pushEvent = this.pushEvent.bind(this);
+          const collapsible = new Collapsible(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, getBoolean(el, "controlled") ? { open: getBoolean(el, "open") } : { defaultOpen: getBoolean(el, "defaultOpen") }), {
+            disabled: getBoolean(el, "disabled"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            onOpenChange: (details) => {
+              const eventName = getString(el, "onOpenChange");
+              if (eventName && this.liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  open: details.open
+                });
               }
-              if (reset.rects) {
-                rects = reset.rects === true ? yield platform2.getElementRects({
-                  reference,
-                  floating,
-                  strategy
-                }) : reset.rects;
+              const eventNameClient = getString(el, "onOpenChangeClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true,
+                    detail: {
+                      id: el.id,
+                      open: details.open
+                    }
+                  })
+                );
               }
-              ({
-                x: x2,
-                y: y2
-              } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
             }
-            i2 = -1;
+          }));
+          collapsible.init();
+          this.collapsible = collapsible;
+          this.onSetOpen = (event) => {
+            const { open } = event.detail;
+            collapsible.api.setOpen(open);
+          };
+          el.addEventListener("phx:collapsible:set-open", this.onSetOpen);
+          this.handlers = [];
+          this.handlers.push(
+            this.handleEvent(
+              "collapsible_set_open",
+              (payload) => {
+                const targetId = payload.collapsible_id;
+                if (targetId && targetId !== el.id) return;
+                collapsible.api.setOpen(payload.open);
+              }
+            )
+          );
+          this.handlers.push(
+            this.handleEvent("collapsible_open", () => {
+              this.pushEvent("collapsible_open_response", {
+                value: collapsible.api.open
+              });
+            })
+          );
+        },
+        updated() {
+          var _a;
+          (_a = this.collapsible) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, getBoolean(this.el, "controlled") ? { open: getBoolean(this.el, "open") } : { defaultOpen: getBoolean(this.el, "defaultOpen") }), {
+            disabled: getBoolean(this.el, "disabled"),
+            dir: getString(this.el, "dir", ["ltr", "rtl"])
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.onSetOpen) {
+            this.el.removeEventListener("phx:collapsible:set-open", this.onSetOpen);
           }
-        }
-        return {
-          x: x2,
-          y: y2,
-          placement: statefulPlacement,
-          strategy,
-          middlewareData
-        };
-      });
-      arrow = (options) => ({
-        name: "arrow",
-        options,
-        fn(state2) {
-          return __async(this, null, function* () {
-            const {
-              x: x2,
-              y: y2,
-              placement,
-              rects,
-              platform: platform2,
-              elements,
-              middlewareData
-            } = state2;
-            const {
-              element,
-              padding = 0
-            } = evaluate(options, state2) || {};
-            if (element == null) {
-              return {};
-            }
-            const paddingObject = getPaddingObject(padding);
-            const coords = {
-              x: x2,
-              y: y2
-            };
-            const axis = getAlignmentAxis(placement);
-            const length = getAxisLength(axis);
-            const arrowDimensions = yield platform2.getDimensions(element);
-            const isYAxis = axis === "y";
-            const minProp = isYAxis ? "top" : "left";
-            const maxProp = isYAxis ? "bottom" : "right";
-            const clientProp = isYAxis ? "clientHeight" : "clientWidth";
-            const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
-            const startDiff = coords[axis] - rects.reference[axis];
-            const arrowOffsetParent = yield platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element);
-            let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-            if (!clientSize || !(yield platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) {
-              clientSize = elements.floating[clientProp] || rects.floating[length];
+          if (this.handlers) {
+            for (const handler of this.handlers) {
+              this.removeHandleEvent(handler);
             }
-            const centerToReference = endDiff / 2 - startDiff / 2;
-            const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
-            const minPadding = min2(paddingObject[minProp], largestPossiblePadding);
-            const maxPadding = min2(paddingObject[maxProp], largestPossiblePadding);
-            const min$1 = minPadding;
-            const max22 = clientSize - arrowDimensions[length] - maxPadding;
-            const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-            const offset3 = clamp2(min$1, center, max22);
-            const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-            const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max22 : 0;
-            return {
-              [axis]: coords[axis] + alignmentOffset,
-              data: __spreadValues({
-                [axis]: offset3,
-                centerOffset: center - offset3 - alignmentOffset
-              }, shouldAddOffset && {
-                alignmentOffset
-              }),
-              reset: shouldAddOffset
-            };
-          });
+          }
+          (_a = this.collapsible) == null ? void 0 : _a.destroy();
         }
-      });
-      flip = function(options) {
-        if (options === void 0) {
-          options = {};
+      };
+    }
+  });
+
+  // ../priv/static/chunk-2PO3TGCF.mjs
+  function insert(items, index, ...values) {
+    return [...items.slice(0, index), ...values, ...items.slice(index)];
+  }
+  function move(items, indices, toIndex) {
+    indices = [...indices].sort((a2, b2) => a2 - b2);
+    const itemsToMove = indices.map((i2) => items[i2]);
+    for (let i2 = indices.length - 1; i2 >= 0; i2--) {
+      items = [...items.slice(0, indices[i2]), ...items.slice(indices[i2] + 1)];
+    }
+    toIndex = Math.max(0, toIndex - indices.filter((i2) => i2 < toIndex).length);
+    return [...items.slice(0, toIndex), ...itemsToMove, ...items.slice(toIndex)];
+  }
+  function isGridCollection(v2) {
+    return hasProp(v2, "columnCount") && hasProp(v2, "getRows");
+  }
+  function access(node, indexPath, options) {
+    for (let i2 = 0; i2 < indexPath.length; i2++) node = options.getChildren(node, indexPath.slice(i2 + 1))[indexPath[i2]];
+    return node;
+  }
+  function ancestorIndexPaths(indexPaths) {
+    const sortedPaths = sortIndexPaths(indexPaths);
+    const result = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const indexPath of sortedPaths) {
+      const key = indexPath.join();
+      if (!seen.has(key)) {
+        seen.add(key);
+        result.push(indexPath);
+      }
+    }
+    return result;
+  }
+  function compareIndexPaths(a2, b2) {
+    for (let i2 = 0; i2 < Math.min(a2.length, b2.length); i2++) {
+      if (a2[i2] < b2[i2]) return -1;
+      if (a2[i2] > b2[i2]) return 1;
+    }
+    return a2.length - b2.length;
+  }
+  function sortIndexPaths(indexPaths) {
+    return indexPaths.sort(compareIndexPaths);
+  }
+  function find(node, options) {
+    let found;
+    visit(node, __spreadProps(__spreadValues({}, options), {
+      onEnter: (child, indexPath) => {
+        if (options.predicate(child, indexPath)) {
+          found = child;
+          return "stop";
         }
-        return {
-          name: "flip",
-          options,
-          fn(state2) {
-            return __async(this, null, function* () {
-              var _middlewareData$arrow, _middlewareData$flip;
-              const {
-                placement,
-                middlewareData,
-                rects,
-                initialPlacement,
-                platform: platform2,
-                elements
-              } = state2;
-              const _a2 = evaluate(options, state2), {
-                mainAxis: checkMainAxis = true,
-                crossAxis: checkCrossAxis = true,
-                fallbackPlacements: specifiedFallbackPlacements,
-                fallbackStrategy = "bestFit",
-                fallbackAxisSideDirection = "none",
-                flipAlignment = true
-              } = _a2, detectOverflowOptions = __objRest(_a2, [
-                "mainAxis",
-                "crossAxis",
-                "fallbackPlacements",
-                "fallbackStrategy",
-                "fallbackAxisSideDirection",
-                "flipAlignment"
-              ]);
-              if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-                return {};
-              }
-              const side = getSide(placement);
-              const initialSideAxis = getSideAxis(initialPlacement);
-              const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-              const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
-              const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-              const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-              if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
-                fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-              }
-              const placements2 = [initialPlacement, ...fallbackPlacements];
-              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
-              const overflows = [];
-              let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-              if (checkMainAxis) {
-                overflows.push(overflow[side]);
-              }
-              if (checkCrossAxis) {
-                const sides2 = getAlignmentSides(placement, rects, rtl);
-                overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
-              }
-              overflowsData = [...overflowsData, {
-                placement,
-                overflows
-              }];
-              if (!overflows.every((side2) => side2 <= 0)) {
-                var _middlewareData$flip2, _overflowsData$filter;
-                const nextIndex2 = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-                const nextPlacement = placements2[nextIndex2];
-                if (nextPlacement) {
-                  const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-                  if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
-                  // overflows the main axis.
-                  overflowsData.every((d2) => getSideAxis(d2.placement) === initialSideAxis ? d2.overflows[0] > 0 : true)) {
-                    return {
-                      data: {
-                        index: nextIndex2,
-                        overflows: overflowsData
-                      },
-                      reset: {
-                        placement: nextPlacement
-                      }
-                    };
-                  }
-                }
-                let resetPlacement = (_overflowsData$filter = overflowsData.filter((d2) => d2.overflows[0] <= 0).sort((a2, b2) => a2.overflows[1] - b2.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
-                if (!resetPlacement) {
-                  switch (fallbackStrategy) {
-                    case "bestFit": {
-                      var _overflowsData$filter2;
-                      const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
-                        if (hasFallbackAxisSideDirection) {
-                          const currentSideAxis = getSideAxis(d2.placement);
-                          return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
-                          // reading directions favoring greater width.
-                          currentSideAxis === "y";
-                        }
-                        return true;
-                      }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
-                      if (placement2) {
-                        resetPlacement = placement2;
-                      }
-                      break;
-                    }
-                    case "initialPlacement":
-                      resetPlacement = initialPlacement;
-                      break;
-                  }
-                }
-                if (placement !== resetPlacement) {
-                  return {
-                    reset: {
-                      placement: resetPlacement
-                    }
-                  };
-                }
-              }
-              return {};
-            });
-          }
-        };
-      };
-      hide = function(options) {
-        if (options === void 0) {
-          options = {};
+      }
+    }));
+    return found;
+  }
+  function findAll(node, options) {
+    const found = [];
+    visit(node, {
+      onEnter: (child, indexPath) => {
+        if (options.predicate(child, indexPath)) found.push(child);
+      },
+      getChildren: options.getChildren
+    });
+    return found;
+  }
+  function findIndexPath(node, options) {
+    let found;
+    visit(node, {
+      onEnter: (child, indexPath) => {
+        if (options.predicate(child, indexPath)) {
+          found = [...indexPath];
+          return "stop";
         }
-        return {
-          name: "hide",
-          options,
-          fn(state2) {
-            return __async(this, null, function* () {
-              const {
-                rects,
-                platform: platform2
-              } = state2;
-              const _a2 = evaluate(options, state2), {
-                strategy = "referenceHidden"
-              } = _a2, detectOverflowOptions = __objRest(_a2, [
-                "strategy"
-              ]);
-              switch (strategy) {
-                case "referenceHidden": {
-                  const overflow = yield platform2.detectOverflow(state2, __spreadProps(__spreadValues({}, detectOverflowOptions), {
-                    elementContext: "reference"
-                  }));
-                  const offsets = getSideOffsets(overflow, rects.reference);
-                  return {
-                    data: {
-                      referenceHiddenOffsets: offsets,
-                      referenceHidden: isAnySideFullyClipped(offsets)
-                    }
-                  };
-                }
-                case "escaped": {
-                  const overflow = yield platform2.detectOverflow(state2, __spreadProps(__spreadValues({}, detectOverflowOptions), {
-                    altBoundary: true
-                  }));
-                  const offsets = getSideOffsets(overflow, rects.floating);
-                  return {
-                    data: {
-                      escapedOffsets: offsets,
-                      escaped: isAnySideFullyClipped(offsets)
-                    }
-                  };
-                }
-                default: {
-                  return {};
-                }
-              }
-            });
-          }
-        };
-      };
-      originSides = /* @__PURE__ */ new Set(["left", "top"]);
-      offset = function(options) {
-        if (options === void 0) {
-          options = 0;
+      },
+      getChildren: options.getChildren
+    });
+    return found;
+  }
+  function reduce(node, options) {
+    let result = options.initialResult;
+    visit(node, __spreadProps(__spreadValues({}, options), {
+      onEnter: (child, indexPath) => {
+        result = options.nextResult(result, child, indexPath);
+      }
+    }));
+    return result;
+  }
+  function flatMap(node, options) {
+    return reduce(node, __spreadProps(__spreadValues({}, options), {
+      initialResult: [],
+      nextResult: (result, child, indexPath) => {
+        result.push(...options.transform(child, indexPath));
+        return result;
+      }
+    }));
+  }
+  function filter(node, options) {
+    const { predicate, create, getChildren } = options;
+    const filterRecursive = (node2, indexPath) => {
+      const children = getChildren(node2, indexPath);
+      const filteredChildren = [];
+      children.forEach((child, index) => {
+        const childIndexPath = [...indexPath, index];
+        const filteredChild = filterRecursive(child, childIndexPath);
+        if (filteredChild) filteredChildren.push(filteredChild);
+      });
+      const isRoot = indexPath.length === 0;
+      const nodeMatches = predicate(node2, indexPath);
+      const hasFilteredChildren = filteredChildren.length > 0;
+      if (isRoot || nodeMatches || hasFilteredChildren) {
+        return create(node2, filteredChildren, indexPath);
+      }
+      return null;
+    };
+    return filterRecursive(node, []) || create(node, [], []);
+  }
+  function flatten(rootNode, options) {
+    const nodes = [];
+    let idx = 0;
+    const idxMap = /* @__PURE__ */ new Map();
+    const parentMap = /* @__PURE__ */ new Map();
+    visit(rootNode, {
+      getChildren: options.getChildren,
+      onEnter: (node, indexPath) => {
+        if (!idxMap.has(node)) {
+          idxMap.set(node, idx++);
         }
-        return {
-          name: "offset",
-          options,
-          fn(state2) {
-            return __async(this, null, function* () {
-              var _middlewareData$offse, _middlewareData$arrow;
-              const {
-                x: x2,
-                y: y2,
-                placement,
-                middlewareData
-              } = state2;
-              const diffCoords = yield convertValueToCoords(state2, options);
-              if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-                return {};
-              }
-              return {
-                x: x2 + diffCoords.x,
-                y: y2 + diffCoords.y,
-                data: __spreadProps(__spreadValues({}, diffCoords), {
-                  placement
-                })
-              };
-            });
+        const children = options.getChildren(node, indexPath);
+        children.forEach((child) => {
+          if (!parentMap.has(child)) {
+            parentMap.set(child, node);
           }
-        };
-      };
-      shift = function(options) {
-        if (options === void 0) {
-          options = {};
-        }
-        return {
-          name: "shift",
-          options,
-          fn(state2) {
-            return __async(this, null, function* () {
-              const {
-                x: x2,
-                y: y2,
-                placement,
-                platform: platform2
-              } = state2;
-              const _a2 = evaluate(options, state2), {
-                mainAxis: checkMainAxis = true,
-                crossAxis: checkCrossAxis = false,
-                limiter = {
-                  fn: (_ref) => {
-                    let {
-                      x: x22,
-                      y: y22
-                    } = _ref;
-                    return {
-                      x: x22,
-                      y: y22
-                    };
-                  }
-                }
-              } = _a2, detectOverflowOptions = __objRest(_a2, [
-                "mainAxis",
-                "crossAxis",
-                "limiter"
-              ]);
-              const coords = {
-                x: x2,
-                y: y2
-              };
-              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
-              const crossAxis = getSideAxis(getSide(placement));
-              const mainAxis = getOppositeAxis(crossAxis);
-              let mainAxisCoord = coords[mainAxis];
-              let crossAxisCoord = coords[crossAxis];
-              if (checkMainAxis) {
-                const minSide = mainAxis === "y" ? "top" : "left";
-                const maxSide = mainAxis === "y" ? "bottom" : "right";
-                const min23 = mainAxisCoord + overflow[minSide];
-                const max22 = mainAxisCoord - overflow[maxSide];
-                mainAxisCoord = clamp2(min23, mainAxisCoord, max22);
-              }
-              if (checkCrossAxis) {
-                const minSide = crossAxis === "y" ? "top" : "left";
-                const maxSide = crossAxis === "y" ? "bottom" : "right";
-                const min23 = crossAxisCoord + overflow[minSide];
-                const max22 = crossAxisCoord - overflow[maxSide];
-                crossAxisCoord = clamp2(min23, crossAxisCoord, max22);
-              }
-              const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, state2), {
-                [mainAxis]: mainAxisCoord,
-                [crossAxis]: crossAxisCoord
-              }));
-              return __spreadProps(__spreadValues({}, limitedCoords), {
-                data: {
-                  x: limitedCoords.x - x2,
-                  y: limitedCoords.y - y2,
-                  enabled: {
-                    [mainAxis]: checkMainAxis,
-                    [crossAxis]: checkCrossAxis
-                  }
-                }
-              });
-            });
+          if (!idxMap.has(child)) {
+            idxMap.set(child, idx++);
           }
-        };
-      };
-      limitShift = function(options) {
-        if (options === void 0) {
-          options = {};
+        });
+        const _children = children.length > 0 ? children.map((child) => idxMap.get(child)) : void 0;
+        const parent = parentMap.get(node);
+        const _parent = parent ? idxMap.get(parent) : void 0;
+        const _index = idxMap.get(node);
+        nodes.push(__spreadProps(__spreadValues({}, node), { _children, _parent, _index }));
+      }
+    });
+    return nodes;
+  }
+  function insertOperation(index, nodes) {
+    return { type: "insert", index, nodes };
+  }
+  function removeOperation(indexes) {
+    return { type: "remove", indexes };
+  }
+  function replaceOperation() {
+    return { type: "replace" };
+  }
+  function splitIndexPath(indexPath) {
+    return [indexPath.slice(0, -1), indexPath[indexPath.length - 1]];
+  }
+  function getInsertionOperations(indexPath, nodes, operations = /* @__PURE__ */ new Map()) {
+    var _a;
+    const [parentIndexPath, index] = splitIndexPath(indexPath);
+    for (let i2 = parentIndexPath.length - 1; i2 >= 0; i2--) {
+      const parentKey = parentIndexPath.slice(0, i2).join();
+      switch ((_a = operations.get(parentKey)) == null ? void 0 : _a.type) {
+        case "remove":
+          continue;
+      }
+      operations.set(parentKey, replaceOperation());
+    }
+    const operation = operations.get(parentIndexPath.join());
+    switch (operation == null ? void 0 : operation.type) {
+      case "remove":
+        operations.set(parentIndexPath.join(), {
+          type: "removeThenInsert",
+          removeIndexes: operation.indexes,
+          insertIndex: index,
+          insertNodes: nodes
+        });
+        break;
+      default:
+        operations.set(parentIndexPath.join(), insertOperation(index, nodes));
+    }
+    return operations;
+  }
+  function getRemovalOperations(indexPaths) {
+    var _a;
+    const operations = /* @__PURE__ */ new Map();
+    const indexesToRemove = /* @__PURE__ */ new Map();
+    for (const indexPath of indexPaths) {
+      const parentKey = indexPath.slice(0, -1).join();
+      const value = (_a = indexesToRemove.get(parentKey)) != null ? _a : [];
+      value.push(indexPath[indexPath.length - 1]);
+      indexesToRemove.set(
+        parentKey,
+        value.sort((a2, b2) => a2 - b2)
+      );
+    }
+    for (const indexPath of indexPaths) {
+      for (let i2 = indexPath.length - 2; i2 >= 0; i2--) {
+        const parentKey = indexPath.slice(0, i2).join();
+        if (!operations.has(parentKey)) {
+          operations.set(parentKey, replaceOperation());
         }
-        return {
-          options,
-          fn(state2) {
-            const {
-              x: x2,
-              y: y2,
-              placement,
-              rects,
-              middlewareData
-            } = state2;
-            const {
-              offset: offset3 = 0,
-              mainAxis: checkMainAxis = true,
-              crossAxis: checkCrossAxis = true
-            } = evaluate(options, state2);
-            const coords = {
-              x: x2,
-              y: y2
-            };
-            const crossAxis = getSideAxis(placement);
-            const mainAxis = getOppositeAxis(crossAxis);
-            let mainAxisCoord = coords[mainAxis];
-            let crossAxisCoord = coords[crossAxis];
-            const rawOffset = evaluate(offset3, state2);
-            const computedOffset = typeof rawOffset === "number" ? {
-              mainAxis: rawOffset,
-              crossAxis: 0
-            } : __spreadValues({
-              mainAxis: 0,
-              crossAxis: 0
-            }, rawOffset);
-            if (checkMainAxis) {
-              const len = mainAxis === "y" ? "height" : "width";
-              const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
-              const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
-              if (mainAxisCoord < limitMin) {
-                mainAxisCoord = limitMin;
-              } else if (mainAxisCoord > limitMax) {
-                mainAxisCoord = limitMax;
-              }
-            }
-            if (checkCrossAxis) {
-              var _middlewareData$offse, _middlewareData$offse2;
-              const len = mainAxis === "y" ? "width" : "height";
-              const isOriginSide = originSides.has(getSide(placement));
-              const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
-              const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
-              if (crossAxisCoord < limitMin) {
-                crossAxisCoord = limitMin;
-              } else if (crossAxisCoord > limitMax) {
-                crossAxisCoord = limitMax;
-              }
-            }
-            return {
-              [mainAxis]: mainAxisCoord,
-              [crossAxis]: crossAxisCoord
-            };
-          }
-        };
-      };
-      size = function(options) {
-        if (options === void 0) {
-          options = {};
+      }
+    }
+    for (const [parentKey, indexes] of indexesToRemove) {
+      operations.set(parentKey, removeOperation(indexes));
+    }
+    return operations;
+  }
+  function getReplaceOperations(indexPath, node) {
+    const operations = /* @__PURE__ */ new Map();
+    const [parentIndexPath, index] = splitIndexPath(indexPath);
+    for (let i2 = parentIndexPath.length - 1; i2 >= 0; i2--) {
+      const parentKey = parentIndexPath.slice(0, i2).join();
+      operations.set(parentKey, replaceOperation());
+    }
+    operations.set(parentIndexPath.join(), {
+      type: "removeThenInsert",
+      removeIndexes: [index],
+      insertIndex: index,
+      insertNodes: [node]
+    });
+    return operations;
+  }
+  function mutate(node, operations, options) {
+    return map(node, __spreadProps(__spreadValues({}, options), {
+      getChildren: (node2, indexPath) => {
+        const key = indexPath.join();
+        const operation = operations.get(key);
+        switch (operation == null ? void 0 : operation.type) {
+          case "replace":
+          case "remove":
+          case "removeThenInsert":
+          case "insert":
+            return options.getChildren(node2, indexPath);
+          default:
+            return [];
         }
-        return {
-          name: "size",
-          options,
-          fn(state2) {
-            return __async(this, null, function* () {
-              var _state$middlewareData, _state$middlewareData2;
-              const {
-                placement,
-                rects,
-                platform: platform2,
-                elements
-              } = state2;
-              const _a2 = evaluate(options, state2), {
-                apply = () => {
-                }
-              } = _a2, detectOverflowOptions = __objRest(_a2, [
-                "apply"
-              ]);
-              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
-              const side = getSide(placement);
-              const alignment = getAlignment(placement);
-              const isYAxis = getSideAxis(placement) === "y";
-              const {
-                width,
-                height
-              } = rects.floating;
-              let heightSide;
-              let widthSide;
-              if (side === "top" || side === "bottom") {
-                heightSide = side;
-                widthSide = alignment === ((yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
-              } else {
-                widthSide = side;
-                heightSide = alignment === "end" ? "top" : "bottom";
-              }
-              const maximumClippingHeight = height - overflow.top - overflow.bottom;
-              const maximumClippingWidth = width - overflow.left - overflow.right;
-              const overflowAvailableHeight = min2(height - overflow[heightSide], maximumClippingHeight);
-              const overflowAvailableWidth = min2(width - overflow[widthSide], maximumClippingWidth);
-              const noShift = !state2.middlewareData.shift;
-              let availableHeight = overflowAvailableHeight;
-              let availableWidth = overflowAvailableWidth;
-              if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
-                availableWidth = maximumClippingWidth;
-              }
-              if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
-                availableHeight = maximumClippingHeight;
-              }
-              if (noShift && !alignment) {
-                const xMin = max2(overflow.left, 0);
-                const xMax = max2(overflow.right, 0);
-                const yMin = max2(overflow.top, 0);
-                const yMax = max2(overflow.bottom, 0);
-                if (isYAxis) {
-                  availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max2(overflow.left, overflow.right));
-                } else {
-                  availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max2(overflow.top, overflow.bottom));
-                }
-              }
-              yield apply(__spreadProps(__spreadValues({}, state2), {
-                availableWidth,
-                availableHeight
-              }));
-              const nextDimensions = yield platform2.getDimensions(elements.floating);
-              if (width !== nextDimensions.width || height !== nextDimensions.height) {
-                return {
-                  reset: {
-                    rects: true
-                  }
-                };
-              }
-              return {};
-            });
-          }
-        };
-      };
-      invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
-      tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
-      topLayerSelectors = [":popover-open", ":modal"];
-      transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
-      willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
-      containValues = ["paint", "layout", "strict", "content"];
-      lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-      noOffsets = /* @__PURE__ */ createCoords(0);
-      SCROLLBAR_MAX = 25;
-      absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-      getElementRects = function(data) {
-        return __async(this, null, function* () {
-          const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-          const getDimensionsFn = this.getDimensions;
-          const floatingDimensions = yield getDimensionsFn(data.floating);
-          return {
-            reference: getRectRelativeToOffsetParent(data.reference, yield getOffsetParentFn(data.floating), data.strategy),
-            floating: {
-              x: 0,
-              y: 0,
-              width: floatingDimensions.width,
-              height: floatingDimensions.height
-            }
-          };
-        });
-      };
-      platform = {
-        convertOffsetParentRelativeRectToViewportRelativeRect,
-        getDocumentElement: getDocumentElement2,
-        getClippingRect,
-        getOffsetParent,
-        getElementRects,
-        getClientRects,
-        getDimensions,
-        getScale,
-        isElement: isElement2,
-        isRTL
-      };
-      offset2 = offset;
-      shift2 = shift;
-      flip2 = flip;
-      size2 = size;
-      hide2 = hide;
-      arrow2 = arrow;
-      limitShift2 = limitShift;
-      computePosition2 = (reference, floating, options) => {
-        const cache = /* @__PURE__ */ new Map();
-        const mergedOptions = __spreadValues({
-          platform
-        }, options);
-        const platformWithCache = __spreadProps(__spreadValues({}, mergedOptions.platform), {
-          _c: cache
-        });
-        return computePosition(reference, floating, __spreadProps(__spreadValues({}, mergedOptions), {
-          platform: platformWithCache
-        }));
-      };
-      toVar = (value) => ({ variable: value, reference: `var(${value})` });
-      cssVars = {
-        arrowSize: toVar("--arrow-size"),
-        arrowSizeHalf: toVar("--arrow-size-half"),
-        arrowBg: toVar("--arrow-background"),
-        transformOrigin: toVar("--transform-origin"),
-        arrowOffset: toVar("--arrow-offset")
-      };
-      getSideAxis2 = (side) => side === "top" || side === "bottom" ? "y" : "x";
-      rectMiddleware = {
-        name: "rects",
-        fn({ rects }) {
-          return {
-            data: rects
-          };
-        }
-      };
-      shiftArrowMiddleware = (arrowEl) => {
-        if (!arrowEl) return;
-        return {
-          name: "shiftArrow",
-          fn({ placement, middlewareData }) {
-            if (!middlewareData.arrow) return {};
-            const { x: x2, y: y2 } = middlewareData.arrow;
-            const dir = placement.split("-")[0];
-            Object.assign(arrowEl.style, {
-              left: x2 != null ? `${x2}px` : "",
-              top: y2 != null ? `${y2}px` : "",
-              [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
-            });
-            return {};
-          }
-        };
-      };
-      defaultOptions = {
-        strategy: "absolute",
-        placement: "bottom",
-        listeners: true,
-        gutter: 8,
-        flip: true,
-        slide: true,
-        overlap: false,
-        sameWidth: false,
-        fitViewport: false,
-        overflowPadding: 8,
-        arrowPadding: 4
-      };
-      ARROW_FLOATING_STYLE = {
-        bottom: "rotate(45deg)",
-        left: "rotate(135deg)",
-        top: "rotate(225deg)",
-        right: "rotate(315deg)"
-      };
-    }
-  });
-
-  // ../priv/static/chunk-BPSX7Z7Y.mjs
-  function getWindowFrames(win) {
-    const frames = {
-      each(cb) {
-        var _a;
-        for (let i2 = 0; i2 < ((_a = win.frames) == null ? void 0 : _a.length); i2 += 1) {
-          const frame = win.frames[i2];
-          if (frame) cb(frame);
-        }
-      },
-      addEventListener(event, listener, options) {
-        frames.each((frame) => {
-          try {
-            frame.document.addEventListener(event, listener, options);
-          } catch (e2) {
-          }
-        });
-        return () => {
-          try {
-            frames.removeEventListener(event, listener, options);
-          } catch (e2) {
-          }
-        };
-      },
-      removeEventListener(event, listener, options) {
-        frames.each((frame) => {
-          try {
-            frame.document.removeEventListener(event, listener, options);
-          } catch (e2) {
-          }
-        });
-      }
-    };
-    return frames;
-  }
-  function getParentWindow(win) {
-    const parent = win.frameElement != null ? win.parent : null;
-    return {
-      addEventListener: (event, listener, options) => {
-        try {
-          parent == null ? void 0 : parent.addEventListener(event, listener, options);
-        } catch (e2) {
-        }
-        return () => {
-          try {
-            parent == null ? void 0 : parent.removeEventListener(event, listener, options);
-          } catch (e2) {
-          }
-        };
       },
-      removeEventListener: (event, listener, options) => {
-        try {
-          parent == null ? void 0 : parent.removeEventListener(event, listener, options);
-        } catch (e2) {
+      transform: (node2, children, indexPath) => {
+        const key = indexPath.join();
+        const operation = operations.get(key);
+        switch (operation == null ? void 0 : operation.type) {
+          case "remove":
+            return options.create(
+              node2,
+              children.filter((_2, index) => !operation.indexes.includes(index)),
+              indexPath
+            );
+          case "removeThenInsert":
+            const updatedChildren = children.filter((_2, index) => !operation.removeIndexes.includes(index));
+            const adjustedIndex = operation.removeIndexes.reduce(
+              (index, removedIndex) => removedIndex < index ? index - 1 : index,
+              operation.insertIndex
+            );
+            return options.create(node2, splice(updatedChildren, adjustedIndex, 0, ...operation.insertNodes), indexPath);
+          case "insert":
+            return options.create(node2, splice(children, operation.index, 0, ...operation.nodes), indexPath);
+          case "replace":
+            return options.create(node2, children, indexPath);
+          default:
+            return node2;
         }
       }
-    };
+    }));
   }
-  function isComposedPathFocusable(composedPath) {
-    for (const node of composedPath) {
-      if (isHTMLElement(node) && isFocusable(node)) return true;
-    }
-    return false;
-  }
-  function isEventPointWithin(node, event) {
-    if (!isPointerEvent(event) || !node) return false;
-    const rect = node.getBoundingClientRect();
-    if (rect.width === 0 || rect.height === 0) return false;
-    return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-  }
-  function isPointInRect(rect, point) {
-    return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
-  }
-  function isEventWithinScrollbar(event, ancestor) {
-    if (!ancestor || !isPointerEvent(event)) return false;
-    const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
-    const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
-    const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
-    const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
-    const rect = {
-      x: ancestor.offsetLeft,
-      y: ancestor.offsetTop,
-      width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
-      height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
-    };
-    const point = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    if (!isPointInRect(rect, point)) return false;
-    return onScrollbarY || onScrollbarX;
+  function splice(array, start, deleteCount, ...items) {
+    return [...array.slice(0, start), ...items, ...array.slice(start + deleteCount)];
   }
-  function trackInteractOutsideImpl(node, options) {
-    const {
-      exclude,
-      onFocusOutside,
-      onPointerDownOutside,
-      onInteractOutside,
-      defer,
-      followControlledElements = true
-    } = options;
-    if (!node) return;
-    const doc = getDocument(node);
-    const win = getWindow(node);
-    const frames = getWindowFrames(win);
-    const parentWin = getParentWindow(win);
-    function isEventOutside(event, target) {
-      if (!isHTMLElement(target)) return false;
-      if (!target.isConnected) return false;
-      if (contains(node, target)) return false;
-      if (isEventPointWithin(node, event)) return false;
-      if (followControlledElements && isControlledElement(node, target)) return false;
-      const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
-      if (triggerEl) {
-        const triggerAncestor = getNearestOverflowAncestor(triggerEl);
-        if (isEventWithinScrollbar(event, triggerAncestor)) return false;
-      }
-      const nodeAncestor = getNearestOverflowAncestor(node);
-      if (isEventWithinScrollbar(event, nodeAncestor)) return false;
-      return !(exclude == null ? void 0 : exclude(target));
-    }
-    const pointerdownCleanups = /* @__PURE__ */ new Set();
-    const isInShadowRoot = isShadowRoot(node == null ? void 0 : node.getRootNode());
-    function onPointerDown(event) {
-      function handler(clickEvent) {
+  function map(node, options) {
+    const childrenMap = {};
+    visit(node, __spreadProps(__spreadValues({}, options), {
+      onLeave: (child, indexPath) => {
         var _a, _b;
-        const func = defer && !isTouchDevice() ? raf : (v2) => v2();
-        const evt = clickEvent != null ? clickEvent : event;
-        const composedPath = (_b = (_a = evt == null ? void 0 : evt.composedPath) == null ? void 0 : _a.call(evt)) != null ? _b : [evt == null ? void 0 : evt.target];
-        func(() => {
-          const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-          if (!node || !isEventOutside(event, target)) return;
-          if (onPointerDownOutside || onInteractOutside) {
-            const handler2 = callAll(onPointerDownOutside, onInteractOutside);
-            node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
-          }
-          fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
-            bubbles: false,
-            cancelable: true,
-            detail: {
-              originalEvent: evt,
-              contextmenu: isContextMenuEvent(evt),
-              focusable: isComposedPathFocusable(composedPath),
-              target
-            }
-          });
-        });
-      }
-      if (event.pointerType === "touch") {
-        pointerdownCleanups.forEach((fn) => fn());
-        pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
-        pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
-        pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
-      } else {
-        handler();
+        const keyIndexPath = [0, ...indexPath];
+        const key = keyIndexPath.join();
+        const transformed = options.transform(child, (_a = childrenMap[key]) != null ? _a : [], indexPath);
+        const parentKey = keyIndexPath.slice(0, -1).join();
+        const parentChildren = (_b = childrenMap[parentKey]) != null ? _b : [];
+        parentChildren.push(transformed);
+        childrenMap[parentKey] = parentChildren;
       }
-    }
-    const cleanups = /* @__PURE__ */ new Set();
-    const timer = setTimeout(() => {
-      cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
-      cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
-      cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-    }, 0);
-    function onFocusin(event) {
-      const func = defer ? raf : (v2) => v2();
-      func(() => {
-        var _a, _b;
-        const composedPath = (_b = (_a = event == null ? void 0 : event.composedPath) == null ? void 0 : _a.call(event)) != null ? _b : [event == null ? void 0 : event.target];
-        const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
-        if (!node || !isEventOutside(event, target)) return;
-        if (onFocusOutside || onInteractOutside) {
-          const handler = callAll(onFocusOutside, onInteractOutside);
-          node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
-        }
-        fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
-          bubbles: false,
-          cancelable: true,
-          detail: {
-            originalEvent: event,
-            contextmenu: false,
-            focusable: isFocusable(target),
-            target
-          }
-        });
-      });
-    }
-    if (!isTouchDevice()) {
-      cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
-      cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
-      cleanups.add(frames.addEventListener("focusin", onFocusin, true));
-    }
-    return () => {
-      clearTimeout(timer);
-      pointerdownCleanups.forEach((fn) => fn());
-      cleanups.forEach((fn) => fn());
-    };
-  }
-  function trackInteractOutside(nodeOrFn, options) {
-    const { defer } = options;
-    const func = defer ? raf : (v2) => v2();
-    const cleanups = [];
-    cleanups.push(
-      func(() => {
-        const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-        cleanups.push(trackInteractOutsideImpl(node, options));
-      })
-    );
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
-  }
-  function fireCustomEvent(el, type, init) {
-    const win = el.ownerDocument.defaultView || window;
-    const event = new win.CustomEvent(type, init);
-    return el.dispatchEvent(event);
-  }
-  function trackEscapeKeydown(node, fn) {
-    const handleKeyDown = (event) => {
-      if (event.key !== "Escape") return;
-      if (event.isComposing) return;
-      fn == null ? void 0 : fn(event);
-    };
-    return addDomEvent(getDocument(node), "keydown", handleKeyDown, { capture: true });
-  }
-  function fireCustomEvent2(el, type, detail) {
-    const win = el.ownerDocument.defaultView || window;
-    const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
-    return el.dispatchEvent(event);
-  }
-  function addListenerOnce(el, type, callback) {
-    el.addEventListener(type, callback, { once: true });
+    }));
+    return childrenMap[""][0];
   }
-  function assignPointerEventToLayers() {
-    layerStack.layers.forEach(({ node }) => {
-      node.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(node) ? "none" : "auto";
-    });
+  function insert2(node, options) {
+    const { nodes, at } = options;
+    if (at.length === 0) throw new Error(`Can't insert nodes at the root`);
+    const state2 = getInsertionOperations(at, nodes);
+    return mutate(node, state2, options);
   }
-  function clearPointerEvent(node) {
-    node.style.pointerEvents = "";
+  function replace(node, options) {
+    if (options.at.length === 0) return options.node;
+    const operations = getReplaceOperations(options.at, options.node);
+    return mutate(node, operations, options);
   }
-  function disablePointerEventsOutside(node, persistentElements) {
-    const doc = getDocument(node);
-    const cleanups = [];
-    if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute("data-inert")) {
-      originalBodyPointerEvents = document.body.style.pointerEvents;
-      queueMicrotask(() => {
-        doc.body.style.pointerEvents = "none";
-        doc.body.setAttribute("data-inert", "");
-      });
+  function remove2(node, options) {
+    if (options.indexPaths.length === 0) return node;
+    for (const indexPath of options.indexPaths) {
+      if (indexPath.length === 0) throw new Error(`Can't remove the root node`);
     }
-    persistentElements == null ? void 0 : persistentElements.forEach((el) => {
-      const [promise, abort] = waitForElement(
-        () => {
-          const node2 = el();
-          return isHTMLElement(node2) ? node2 : null;
-        },
-        { timeout: 1e3 }
-      );
-      promise.then((el2) => cleanups.push(setStyle(el2, { pointerEvents: "auto" })));
-      cleanups.push(abort);
-    });
-    return () => {
-      if (layerStack.hasPointerBlockingLayer()) return;
-      queueMicrotask(() => {
-        doc.body.style.pointerEvents = originalBodyPointerEvents;
-        doc.body.removeAttribute("data-inert");
-        if (doc.body.style.length === 0) doc.body.removeAttribute("style");
-      });
-      cleanups.forEach((fn) => fn());
-    };
+    const operations = getRemovalOperations(options.indexPaths);
+    return mutate(node, operations, options);
   }
-  function trackDismissableElementImpl(node, options) {
-    const { warnOnMissingNode = true } = options;
-    if (warnOnMissingNode && !node) {
-      warn("[@zag-js/dismissable] node is `null` or `undefined`");
-      return;
-    }
-    if (!node) {
-      return;
+  function move2(node, options) {
+    if (options.indexPaths.length === 0) return node;
+    for (const indexPath of options.indexPaths) {
+      if (indexPath.length === 0) throw new Error(`Can't move the root node`);
     }
-    const { onDismiss, onRequestDismiss, pointerBlocking, exclude: excludeContainers, debug, type = "dialog" } = options;
-    const layer = { dismiss: onDismiss, node, type, pointerBlocking, requestDismiss: onRequestDismiss };
-    layerStack.add(layer);
-    assignPointerEventToLayers();
-    function onPointerDownOutside(event) {
-      var _a, _b;
-      const target = getEventTarget(event.detail.originalEvent);
-      if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target)) return;
-      (_a = options.onPointerDownOutside) == null ? void 0 : _a.call(options, event);
-      (_b = options.onInteractOutside) == null ? void 0 : _b.call(options, event);
-      if (event.defaultPrevented) return;
-      if (debug) {
-        console.log("onPointerDownOutside:", event.detail.originalEvent);
-      }
-      onDismiss == null ? void 0 : onDismiss();
-    }
-    function onFocusOutside(event) {
-      var _a, _b;
-      const target = getEventTarget(event.detail.originalEvent);
-      if (layerStack.isInBranch(target)) return;
-      (_a = options.onFocusOutside) == null ? void 0 : _a.call(options, event);
-      (_b = options.onInteractOutside) == null ? void 0 : _b.call(options, event);
-      if (event.defaultPrevented) return;
-      if (debug) {
-        console.log("onFocusOutside:", event.detail.originalEvent);
+    if (options.to.length === 0) throw new Error(`Can't move nodes to the root`);
+    const _ancestorIndexPaths = ancestorIndexPaths(options.indexPaths);
+    const nodesToInsert = _ancestorIndexPaths.map((indexPath) => access(node, indexPath, options));
+    const operations = getInsertionOperations(options.to, nodesToInsert, getRemovalOperations(_ancestorIndexPaths));
+    return mutate(node, operations, options);
+  }
+  function visit(node, options) {
+    const { onEnter, onLeave, getChildren } = options;
+    let indexPath = [];
+    let stack = [{ node }];
+    const getIndexPath = options.reuseIndexPath ? () => indexPath : () => indexPath.slice();
+    while (stack.length > 0) {
+      let wrapper = stack[stack.length - 1];
+      if (wrapper.state === void 0) {
+        const enterResult = onEnter == null ? void 0 : onEnter(wrapper.node, getIndexPath());
+        if (enterResult === "stop") return;
+        wrapper.state = enterResult === "skip" ? -1 : 0;
       }
-      onDismiss == null ? void 0 : onDismiss();
-    }
-    function onEscapeKeyDown(event) {
-      var _a;
-      if (!layerStack.isTopMost(node)) return;
-      (_a = options.onEscapeKeyDown) == null ? void 0 : _a.call(options, event);
-      if (!event.defaultPrevented && onDismiss) {
-        event.preventDefault();
-        onDismiss();
+      const children = wrapper.children || getChildren(wrapper.node, getIndexPath());
+      wrapper.children || (wrapper.children = children);
+      if (wrapper.state !== -1) {
+        if (wrapper.state < children.length) {
+          let currentIndex = wrapper.state;
+          indexPath.push(currentIndex);
+          stack.push({ node: children[currentIndex] });
+          wrapper.state = currentIndex + 1;
+          continue;
+        }
+        const leaveResult = onLeave == null ? void 0 : onLeave(wrapper.node, getIndexPath());
+        if (leaveResult === "stop") return;
       }
+      indexPath.pop();
+      stack.pop();
     }
-    function exclude(target) {
-      var _a;
-      if (!node) return false;
-      const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
-      const _containers = Array.isArray(containers) ? containers : [containers];
-      const persistentElements = (_a = options.persistentElements) == null ? void 0 : _a.map((fn) => fn()).filter(isHTMLElement);
-      if (persistentElements) _containers.push(...persistentElements);
-      return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
-    }
-    const cleanups = [
-      pointerBlocking ? disablePointerEventsOutside(node, options.persistentElements) : void 0,
-      trackEscapeKeydown(node, onEscapeKeyDown),
-      trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside, defer: options.defer })
-    ];
-    return () => {
-      layerStack.remove(node);
-      assignPointerEventToLayers();
-      clearPointerEvent(node);
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
-  }
-  function trackDismissableElement(nodeOrFn, options) {
-    const { defer } = options;
-    const func = defer ? raf : (v2) => v2();
-    const cleanups = [];
-    cleanups.push(
-      func(() => {
-        const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-        cleanups.push(trackDismissableElementImpl(node, options));
-      })
-    );
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
-  }
-  function trackDismissableBranch(nodeOrFn, options = {}) {
-    const { defer } = options;
-    const func = defer ? raf : (v2) => v2();
-    const cleanups = [];
-    cleanups.push(
-      func(() => {
-        const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-        if (!node) {
-          warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
-          return;
-        }
-        layerStack.addBranch(node);
-        cleanups.push(() => {
-          layerStack.removeBranch(node);
-        });
-      })
-    );
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
   }
-  var POINTER_OUTSIDE_EVENT, FOCUS_OUTSIDE_EVENT, isPointerEvent, LAYER_REQUEST_DISMISS_EVENT, layerStack, originalBodyPointerEvents;
-  var init_chunk_BPSX7Z7Y = __esm({
-    "../priv/static/chunk-BPSX7Z7Y.mjs"() {
+  var __defProp5, __defNormalProp5, __publicField5, fallback, ListCollection, match3, GridCollection, Selection, TreeCollection, fallbackMethods;
+  var init_chunk_2PO3TGCF = __esm({
+    "../priv/static/chunk-2PO3TGCF.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-      FOCUS_OUTSIDE_EVENT = "focus.outside";
-      isPointerEvent = (event) => "clientY" in event;
-      LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
-      layerStack = {
-        layers: [],
-        branches: [],
-        recentlyRemoved: /* @__PURE__ */ new Set(),
-        count() {
-          return this.layers.length;
-        },
-        pointerBlockingLayers() {
-          return this.layers.filter((layer) => layer.pointerBlocking);
-        },
-        topMostPointerBlockingLayer() {
-          return [...this.pointerBlockingLayers()].slice(-1)[0];
-        },
-        hasPointerBlockingLayer() {
-          return this.pointerBlockingLayers().length > 0;
-        },
-        isBelowPointerBlockingLayer(node) {
-          var _a;
-          const index = this.indexOf(node);
-          const highestBlockingIndex = this.topMostPointerBlockingLayer() ? this.indexOf((_a = this.topMostPointerBlockingLayer()) == null ? void 0 : _a.node) : -1;
-          return index < highestBlockingIndex;
-        },
-        isTopMost(node) {
-          const layer = this.layers[this.count() - 1];
-          return (layer == null ? void 0 : layer.node) === node;
-        },
-        getNestedLayers(node) {
-          return Array.from(this.layers).slice(this.indexOf(node) + 1);
-        },
-        getLayersByType(type) {
-          return this.layers.filter((layer) => layer.type === type);
-        },
-        getNestedLayersByType(node, type) {
-          const index = this.indexOf(node);
-          if (index === -1) return [];
-          return this.layers.slice(index + 1).filter((layer) => layer.type === type);
-        },
-        getParentLayerOfType(node, type) {
-          const index = this.indexOf(node);
-          if (index <= 0) return void 0;
-          return this.layers.slice(0, index).reverse().find((layer) => layer.type === type);
+      init_chunk_IXOYOLUJ();
+      __defProp5 = Object.defineProperty;
+      __defNormalProp5 = (obj, key, value) => key in obj ? __defProp5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+      __publicField5 = (obj, key, value) => __defNormalProp5(obj, typeof key !== "symbol" ? key + "" : key, value);
+      fallback = {
+        itemToValue(item) {
+          if (typeof item === "string") return item;
+          if (isObject2(item) && hasProp(item, "value")) return item.value;
+          return "";
         },
-        countNestedLayersOfType(node, type) {
-          return this.getNestedLayersByType(node, type).length;
+        itemToString(item) {
+          if (typeof item === "string") return item;
+          if (isObject2(item) && hasProp(item, "label")) return item.label;
+          return fallback.itemToValue(item);
         },
-        isInNestedLayer(node, target) {
-          const inNested = this.getNestedLayers(node).some((layer) => contains(layer.node, target));
-          if (inNested) return true;
-          if (this.recentlyRemoved.size > 0) return true;
+        isItemDisabled(item) {
+          if (isObject2(item) && hasProp(item, "disabled")) return !!item.disabled;
           return false;
-        },
-        isInBranch(target) {
-          return Array.from(this.branches).some((branch) => contains(branch, target));
-        },
-        add(layer) {
-          this.layers.push(layer);
-          this.syncLayers();
-        },
-        addBranch(node) {
-          this.branches.push(node);
-        },
-        remove(node) {
-          const index = this.indexOf(node);
-          if (index < 0) return;
-          this.recentlyRemoved.add(node);
-          nextTick(() => this.recentlyRemoved.delete(node));
-          if (index < this.count() - 1) {
-            const _layers = this.getNestedLayers(node);
-            _layers.forEach((layer) => layerStack.dismiss(layer.node, node));
-          }
-          this.layers.splice(index, 1);
-          this.syncLayers();
-        },
-        removeBranch(node) {
-          const index = this.branches.indexOf(node);
-          if (index >= 0) this.branches.splice(index, 1);
-        },
-        syncLayers() {
-          this.layers.forEach((layer, index) => {
-            layer.node.style.setProperty("--layer-index", `${index}`);
-            layer.node.removeAttribute("data-nested");
-            layer.node.removeAttribute("data-has-nested");
-            const parentOfSameType = this.getParentLayerOfType(layer.node, layer.type);
-            if (parentOfSameType) {
-              layer.node.setAttribute("data-nested", layer.type);
+        }
+      };
+      ListCollection = class _ListCollection {
+        constructor(options) {
+          this.options = options;
+          __publicField5(this, "items");
+          __publicField5(this, "indexMap", null);
+          __publicField5(this, "copy", (items) => {
+            return new _ListCollection(__spreadProps(__spreadValues({}, this.options), { items: items != null ? items : [...this.items] }));
+          });
+          __publicField5(this, "isEqual", (other) => {
+            return isEqual2(this.items, other.items);
+          });
+          __publicField5(this, "setItems", (items) => {
+            return this.copy(items);
+          });
+          __publicField5(this, "getValues", (items = this.items) => {
+            const values = [];
+            for (const item of items) {
+              const value = this.getItemValue(item);
+              if (value != null) values.push(value);
             }
-            const nestedCount = this.countNestedLayersOfType(layer.node, layer.type);
-            if (nestedCount > 0) {
-              layer.node.setAttribute("data-has-nested", layer.type);
+            return values;
+          });
+          __publicField5(this, "find", (value) => {
+            if (value == null) return null;
+            const index = this.indexOf(value);
+            return index !== -1 ? this.at(index) : null;
+          });
+          __publicField5(this, "findMany", (values) => {
+            const result = [];
+            for (const value of values) {
+              const item = this.find(value);
+              if (item != null) result.push(item);
             }
-            layer.node.style.setProperty("--nested-layer-count", `${nestedCount}`);
+            return result;
           });
-        },
-        indexOf(node) {
-          return this.layers.findIndex((layer) => layer.node === node);
-        },
-        dismiss(node, parent) {
-          const index = this.indexOf(node);
-          if (index === -1) return;
-          const layer = this.layers[index];
-          addListenerOnce(node, LAYER_REQUEST_DISMISS_EVENT, (event) => {
+          __publicField5(this, "at", (index) => {
             var _a;
-            (_a = layer.requestDismiss) == null ? void 0 : _a.call(layer, event);
-            if (!event.defaultPrevented) {
-              layer == null ? void 0 : layer.dismiss();
+            if (!this.options.groupBy && !this.options.groupSort) {
+              return (_a = this.items[index]) != null ? _a : null;
             }
+            let idx = 0;
+            const groups = this.group();
+            for (const [, items] of groups) {
+              for (const item of items) {
+                if (idx === index) return item;
+                idx++;
+              }
+            }
+            return null;
           });
-          fireCustomEvent2(node, LAYER_REQUEST_DISMISS_EVENT, {
-            originalLayer: node,
-            targetLayer: parent,
-            originalIndex: index,
-            targetIndex: parent ? this.indexOf(parent) : -1
-          });
-          this.syncLayers();
-        },
-        clear() {
-          this.remove(this.layers[0].node);
-        }
-      };
-    }
-  });
-
-  // ../priv/static/combobox.mjs
-  var combobox_exports = {};
-  __export(combobox_exports, {
-    Combobox: () => ComboboxHook
-  });
-  function connect5(service, normalize) {
-    const { context, prop, state: state2, send, scope, computed, event } = service;
-    const translations = prop("translations");
-    const collection22 = prop("collection");
-    const disabled = !!prop("disabled");
-    const interactive = computed("isInteractive");
-    const invalid = !!prop("invalid");
-    const required = !!prop("required");
-    const readOnly = !!prop("readOnly");
-    const open = state2.hasTag("open");
-    const focused = state2.hasTag("focused");
-    const composite = prop("composite");
-    const highlightedValue = context.get("highlightedValue");
-    const popperStyles = getPlacementStyles(__spreadProps(__spreadValues({}, prop("positioning")), {
-      placement: context.get("currentPlacement")
-    }));
-    function getItemState(props22) {
-      const disabled2 = collection22.getItemDisabled(props22.item);
-      const value = collection22.getItemValue(props22.item);
-      ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props22.item)}`);
-      return {
-        value,
-        disabled: Boolean(disabled2 || disabled2),
-        highlighted: highlightedValue === value,
-        selected: context.get("value").includes(value)
-      };
-    }
-    return {
-      focused,
-      open,
-      inputValue: context.get("inputValue"),
-      highlightedValue,
-      highlightedItem: context.get("highlightedItem"),
-      value: context.get("value"),
-      valueAsString: computed("valueAsString"),
-      hasSelectedItems: computed("hasSelectedItems"),
-      selectedItems: context.get("selectedItems"),
-      collection: prop("collection"),
-      multiple: !!prop("multiple"),
-      disabled: !!disabled,
-      syncSelectedItems() {
-        send({ type: "SELECTED_ITEMS.SYNC" });
-      },
-      reposition(options = {}) {
-        send({ type: "POSITIONING.SET", options });
-      },
-      setHighlightValue(value) {
-        send({ type: "HIGHLIGHTED_VALUE.SET", value });
-      },
-      clearHighlightValue() {
-        send({ type: "HIGHLIGHTED_VALUE.CLEAR" });
-      },
-      selectValue(value) {
-        send({ type: "ITEM.SELECT", value });
-      },
-      setValue(value) {
-        send({ type: "VALUE.SET", value });
-      },
-      setInputValue(value, reason = "script") {
-        send({ type: "INPUT_VALUE.SET", value, src: reason });
-      },
-      clearValue(value) {
-        if (value != null) {
-          send({ type: "ITEM.CLEAR", value });
-        } else {
-          send({ type: "VALUE.CLEAR" });
-        }
-      },
-      focus() {
-        var _a;
-        (_a = getInputEl2(scope)) == null ? void 0 : _a.focus();
-      },
-      setOpen(nextOpen, reason = "script") {
-        const open2 = state2.hasTag("open");
-        if (open2 === nextOpen) return;
-        send({ type: nextOpen ? "OPEN" : "CLOSE", src: reason });
-      },
-      getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.root.attrs), {
-          dir: prop("dir"),
-          id: getRootId5(scope),
-          "data-invalid": dataAttr(invalid),
-          "data-readonly": dataAttr(readOnly)
-        }));
-      },
-      getLabelProps() {
-        return normalize.label(__spreadProps(__spreadValues({}, parts5.label.attrs), {
-          dir: prop("dir"),
-          htmlFor: getInputId2(scope),
-          id: getLabelId3(scope),
-          "data-readonly": dataAttr(readOnly),
-          "data-disabled": dataAttr(disabled),
-          "data-invalid": dataAttr(invalid),
-          "data-required": dataAttr(required),
-          "data-focus": dataAttr(focused),
-          onClick(event2) {
-            var _a;
-            if (composite) return;
-            event2.preventDefault();
-            (_a = getTriggerEl(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
-          }
-        }));
-      },
-      getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.control.attrs), {
-          dir: prop("dir"),
-          id: getControlId2(scope),
-          "data-state": open ? "open" : "closed",
-          "data-focus": dataAttr(focused),
-          "data-disabled": dataAttr(disabled),
-          "data-invalid": dataAttr(invalid)
-        }));
-      },
-      getPositionerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.positioner.attrs), {
-          dir: prop("dir"),
-          id: getPositionerId(scope),
-          style: popperStyles.floating
-        }));
-      },
-      getInputProps() {
-        return normalize.input(__spreadProps(__spreadValues({}, parts5.input.attrs), {
-          dir: prop("dir"),
-          "aria-invalid": ariaAttr(invalid),
-          "data-invalid": dataAttr(invalid),
-          "data-autofocus": dataAttr(prop("autoFocus")),
-          name: prop("name"),
-          form: prop("form"),
-          disabled,
-          required: prop("required"),
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoCapitalize: "none",
-          spellCheck: "false",
-          readOnly,
-          placeholder: prop("placeholder"),
-          id: getInputId2(scope),
-          type: "text",
-          role: "combobox",
-          defaultValue: context.get("inputValue"),
-          "aria-autocomplete": computed("autoComplete") ? "both" : "list",
-          "aria-controls": getContentId2(scope),
-          "aria-expanded": open,
-          "data-state": open ? "open" : "closed",
-          "aria-activedescendant": highlightedValue ? getItemId2(scope, highlightedValue) : void 0,
-          onClick(event2) {
-            if (event2.defaultPrevented) return;
-            if (!prop("openOnClick")) return;
-            if (!interactive) return;
-            send({ type: "INPUT.CLICK", src: "input-click" });
-          },
-          onFocus() {
-            if (disabled) return;
-            send({ type: "INPUT.FOCUS" });
-          },
-          onBlur() {
-            if (disabled) return;
-            send({ type: "INPUT.BLUR" });
-          },
-          onChange(event2) {
-            send({ type: "INPUT.CHANGE", value: event2.currentTarget.value, src: "input-change" });
-          },
-          onKeyDown(event2) {
-            if (event2.defaultPrevented) return;
-            if (!interactive) return;
-            if (event2.ctrlKey || event2.shiftKey || isComposingEvent(event2)) return;
-            const openOnKeyPress = prop("openOnKeyPress");
-            const isModifierKey2 = event2.ctrlKey || event2.metaKey || event2.shiftKey;
-            const keypress = true;
-            const keymap = {
-              ArrowDown(event3) {
-                if (!openOnKeyPress && !open) return;
-                send({ type: event3.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress, src: "arrow-key" });
-                event3.preventDefault();
-              },
-              ArrowUp() {
-                if (!openOnKeyPress && !open) return;
-                send({ type: event2.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress, src: "arrow-key" });
-                event2.preventDefault();
-              },
-              Home(event3) {
-                if (isModifierKey2) return;
-                send({ type: "INPUT.HOME", keypress });
-                if (open) {
-                  event3.preventDefault();
+          __publicField5(this, "sortFn", (valueA, valueB) => {
+            const indexA = this.indexOf(valueA);
+            const indexB = this.indexOf(valueB);
+            return (indexA != null ? indexA : 0) - (indexB != null ? indexB : 0);
+          });
+          __publicField5(this, "sort", (values) => {
+            return [...values].sort(this.sortFn.bind(this));
+          });
+          __publicField5(this, "getItemValue", (item) => {
+            var _a, _b, _c;
+            if (item == null) return null;
+            return (_c = (_b = (_a = this.options).itemToValue) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.itemToValue(item);
+          });
+          __publicField5(this, "getItemDisabled", (item) => {
+            var _a, _b, _c;
+            if (item == null) return false;
+            return (_c = (_b = (_a = this.options).isItemDisabled) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.isItemDisabled(item);
+          });
+          __publicField5(this, "stringifyItem", (item) => {
+            var _a, _b, _c;
+            if (item == null) return null;
+            return (_c = (_b = (_a = this.options).itemToString) == null ? void 0 : _b.call(_a, item)) != null ? _c : fallback.itemToString(item);
+          });
+          __publicField5(this, "stringify", (value) => {
+            if (value == null) return null;
+            return this.stringifyItem(this.find(value));
+          });
+          __publicField5(this, "stringifyItems", (items, separator = ", ") => {
+            const strs = [];
+            for (const item of items) {
+              const str = this.stringifyItem(item);
+              if (str != null) strs.push(str);
+            }
+            return strs.join(separator);
+          });
+          __publicField5(this, "stringifyMany", (value, separator) => {
+            return this.stringifyItems(this.findMany(value), separator);
+          });
+          __publicField5(this, "has", (value) => {
+            return this.indexOf(value) !== -1;
+          });
+          __publicField5(this, "hasItem", (item) => {
+            if (item == null) return false;
+            return this.has(this.getItemValue(item));
+          });
+          __publicField5(this, "group", () => {
+            const { groupBy, groupSort } = this.options;
+            if (!groupBy) return [["", [...this.items]]];
+            const groups = /* @__PURE__ */ new Map();
+            this.items.forEach((item, index) => {
+              const groupKey = groupBy(item, index);
+              if (!groups.has(groupKey)) {
+                groups.set(groupKey, []);
+              }
+              groups.get(groupKey).push(item);
+            });
+            let entries = Array.from(groups.entries());
+            if (groupSort) {
+              entries.sort(([a2], [b2]) => {
+                if (typeof groupSort === "function") return groupSort(a2, b2);
+                if (Array.isArray(groupSort)) {
+                  const indexA = groupSort.indexOf(a2);
+                  const indexB = groupSort.indexOf(b2);
+                  if (indexA === -1) return 1;
+                  if (indexB === -1) return -1;
+                  return indexA - indexB;
                 }
-              },
-              End(event3) {
-                if (isModifierKey2) return;
-                send({ type: "INPUT.END", keypress });
-                if (open) {
-                  event3.preventDefault();
-                }
-              },
-              Enter(event3) {
-                var _a;
-                send({ type: "INPUT.ENTER", keypress, src: "item-select" });
-                const submittable = computed("isCustomValue") && prop("allowCustomValue");
-                const hasHighlight = highlightedValue != null;
-                const alwaysSubmit = prop("alwaysSubmitOnEnter");
-                if (open && !submittable && !alwaysSubmit && hasHighlight) {
-                  event3.preventDefault();
-                }
-                if (highlightedValue == null) return;
-                const itemEl = getItemEl(scope, highlightedValue);
-                if (isAnchorElement(itemEl)) {
-                  (_a = prop("navigate")) == null ? void 0 : _a({ value: highlightedValue, node: itemEl, href: itemEl.href });
+                if (groupSort === "asc") return a2.localeCompare(b2);
+                if (groupSort === "desc") return b2.localeCompare(a2);
+                return 0;
+              });
+            }
+            return entries;
+          });
+          __publicField5(this, "getNextValue", (value, step = 1, clamp5 = false) => {
+            let index = this.indexOf(value);
+            if (index === -1) return null;
+            index = clamp5 ? Math.min(index + step, this.size - 1) : index + step;
+            while (index <= this.size && this.getItemDisabled(this.at(index))) index++;
+            return this.getItemValue(this.at(index));
+          });
+          __publicField5(this, "getPreviousValue", (value, step = 1, clamp5 = false) => {
+            let index = this.indexOf(value);
+            if (index === -1) return null;
+            index = clamp5 ? Math.max(index - step, 0) : index - step;
+            while (index >= 0 && this.getItemDisabled(this.at(index))) index--;
+            return this.getItemValue(this.at(index));
+          });
+          __publicField5(this, "indexOf", (value) => {
+            var _a;
+            if (value == null) return -1;
+            if (!this.options.groupBy && !this.options.groupSort) {
+              return this.items.findIndex((item) => this.getItemValue(item) === value);
+            }
+            if (!this.indexMap) {
+              this.indexMap = /* @__PURE__ */ new Map();
+              let idx = 0;
+              const groups = this.group();
+              for (const [, items] of groups) {
+                for (const item of items) {
+                  const itemValue = this.getItemValue(item);
+                  if (itemValue != null) {
+                    this.indexMap.set(itemValue, idx);
+                  }
+                  idx++;
                 }
-              },
-              Escape() {
-                send({ type: "INPUT.ESCAPE", keypress, src: "escape-key" });
-                event2.preventDefault();
               }
-            };
-            const key = getEventKey(event2, { dir: prop("dir") });
-            const exec = keymap[key];
-            exec == null ? void 0 : exec(event2);
-          }
-        }));
-      },
-      getTriggerProps(props22 = {}) {
-        return normalize.button(__spreadProps(__spreadValues({}, parts5.trigger.attrs), {
-          dir: prop("dir"),
-          id: getTriggerId2(scope),
-          "aria-haspopup": composite ? "listbox" : "dialog",
-          type: "button",
-          tabIndex: props22.focusable ? void 0 : -1,
-          "aria-label": translations.triggerLabel,
-          "aria-expanded": open,
-          "data-state": open ? "open" : "closed",
-          "aria-controls": open ? getContentId2(scope) : void 0,
-          disabled,
-          "data-invalid": dataAttr(invalid),
-          "data-focusable": dataAttr(props22.focusable),
-          "data-readonly": dataAttr(readOnly),
-          "data-disabled": dataAttr(disabled),
-          onFocus() {
-            if (!props22.focusable) return;
-            send({ type: "INPUT.FOCUS", src: "trigger" });
-          },
-          onClick(event2) {
-            if (event2.defaultPrevented) return;
-            if (!interactive) return;
-            if (!isLeftClick(event2)) return;
-            send({ type: "TRIGGER.CLICK", src: "trigger-click" });
-          },
-          onPointerDown(event2) {
-            if (!interactive) return;
-            if (event2.pointerType === "touch") return;
-            if (!isLeftClick(event2)) return;
-            event2.preventDefault();
-            queueMicrotask(() => {
-              var _a;
-              (_a = getInputEl2(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
-            });
-          },
-          onKeyDown(event2) {
-            if (event2.defaultPrevented) return;
-            if (composite) return;
-            const keyMap2 = {
-              ArrowDown() {
-                send({ type: "INPUT.ARROW_DOWN", src: "arrow-key" });
-              },
-              ArrowUp() {
-                send({ type: "INPUT.ARROW_UP", src: "arrow-key" });
+            }
+            return (_a = this.indexMap.get(value)) != null ? _a : -1;
+          });
+          __publicField5(this, "getByText", (text, current) => {
+            const currentIndex = current != null ? this.indexOf(current) : -1;
+            const isSingleKey = text.length === 1;
+            for (let i2 = 0; i2 < this.items.length; i2++) {
+              const item = this.items[(currentIndex + i2 + 1) % this.items.length];
+              if (isSingleKey && this.getItemValue(item) === current) continue;
+              if (this.getItemDisabled(item)) continue;
+              if (match3(this.stringifyItem(item), text)) return item;
+            }
+            return void 0;
+          });
+          __publicField5(this, "search", (queryString, options2) => {
+            const { state: state2, currentValue, timeout = 350 } = options2;
+            const search = state2.keysSoFar + queryString;
+            const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+            const query2 = isRepeated ? search[0] : search;
+            const item = this.getByText(query2, currentValue);
+            const value = this.getItemValue(item);
+            function cleanup() {
+              clearTimeout(state2.timer);
+              state2.timer = -1;
+            }
+            function update(value2) {
+              state2.keysSoFar = value2;
+              cleanup();
+              if (value2 !== "") {
+                state2.timer = +setTimeout(() => {
+                  update("");
+                  cleanup();
+                }, timeout);
               }
-            };
-            const key = getEventKey(event2, { dir: prop("dir") });
-            const exec = keyMap2[key];
-            if (exec) {
-              exec(event2);
-              event2.preventDefault();
             }
-          }
-        }));
-      },
-      getContentProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.content.attrs), {
-          dir: prop("dir"),
-          id: getContentId2(scope),
-          role: !composite ? "dialog" : "listbox",
-          tabIndex: -1,
-          hidden: !open,
-          "data-state": open ? "open" : "closed",
-          "data-placement": context.get("currentPlacement"),
-          "aria-labelledby": getLabelId3(scope),
-          "aria-multiselectable": prop("multiple") && composite ? true : void 0,
-          "data-empty": dataAttr(collection22.size === 0),
-          onPointerDown(event2) {
-            if (!isLeftClick(event2)) return;
-            event2.preventDefault();
-          }
-        }));
-      },
-      getListProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.list.attrs), {
-          role: !composite ? "listbox" : void 0,
-          "data-empty": dataAttr(collection22.size === 0),
-          "aria-labelledby": getLabelId3(scope),
-          "aria-multiselectable": prop("multiple") && !composite ? true : void 0
-        }));
-      },
-      getClearTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts5.clearTrigger.attrs), {
-          dir: prop("dir"),
-          id: getClearTriggerId(scope),
-          type: "button",
-          tabIndex: -1,
-          disabled,
-          "data-invalid": dataAttr(invalid),
-          "aria-label": translations.clearTriggerLabel,
-          "aria-controls": getInputId2(scope),
-          hidden: !context.get("value").length,
-          onPointerDown(event2) {
-            if (!isLeftClick(event2)) return;
-            event2.preventDefault();
-          },
-          onClick(event2) {
-            if (event2.defaultPrevented) return;
-            if (!interactive) return;
-            send({ type: "VALUE.CLEAR", src: "clear-trigger" });
-          }
-        }));
-      },
-      getItemState,
-      getItemProps(props22) {
-        const itemState = getItemState(props22);
-        const value = itemState.value;
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.item.attrs), {
-          dir: prop("dir"),
-          id: getItemId2(scope, value),
-          role: "option",
-          tabIndex: -1,
-          "data-highlighted": dataAttr(itemState.highlighted),
-          "data-state": itemState.selected ? "checked" : "unchecked",
-          "aria-selected": ariaAttr(itemState.highlighted),
-          "aria-disabled": ariaAttr(itemState.disabled),
-          "data-disabled": dataAttr(itemState.disabled),
-          "data-value": itemState.value,
-          onPointerMove() {
-            if (itemState.disabled) return;
-            if (itemState.highlighted) return;
-            send({ type: "ITEM.POINTER_MOVE", value });
-          },
-          onPointerLeave() {
-            if (props22.persistFocus) return;
-            if (itemState.disabled) return;
-            const prev2 = event.previous();
-            const mouseMoved = prev2 == null ? void 0 : prev2.type.includes("POINTER");
-            if (!mouseMoved) return;
-            send({ type: "ITEM.POINTER_LEAVE", value });
-          },
-          onClick(event2) {
-            if (isDownloadingEvent(event2)) return;
-            if (isOpeningInNewTab(event2)) return;
-            if (isContextMenuEvent(event2)) return;
-            if (itemState.disabled) return;
-            send({ type: "ITEM.CLICK", src: "item-select", value });
-          }
-        }));
-      },
-      getItemTextProps(props22) {
-        const itemState = getItemState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.itemText.attrs), {
-          dir: prop("dir"),
-          "data-state": itemState.selected ? "checked" : "unchecked",
-          "data-disabled": dataAttr(itemState.disabled),
-          "data-highlighted": dataAttr(itemState.highlighted)
-        }));
-      },
-      getItemIndicatorProps(props22) {
-        const itemState = getItemState(props22);
-        return normalize.element(__spreadProps(__spreadValues({
-          "aria-hidden": true
-        }, parts5.itemIndicator.attrs), {
-          dir: prop("dir"),
-          "data-state": itemState.selected ? "checked" : "unchecked",
-          hidden: !itemState.selected
-        }));
-      },
-      getItemGroupProps(props22) {
-        const { id } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.itemGroup.attrs), {
-          dir: prop("dir"),
-          id: getItemGroupId(scope, id),
-          "aria-labelledby": getItemGroupLabelId(scope, id),
-          "data-empty": dataAttr(collection22.size === 0),
-          role: "group"
-        }));
-      },
-      getItemGroupLabelProps(props22) {
-        const { htmlFor } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts5.itemGroupLabel.attrs), {
-          dir: prop("dir"),
-          id: getItemGroupLabelId(scope, htmlFor),
-          role: "presentation"
-        }));
-      }
-    };
-  }
-  function getOpenChangeReason(event) {
-    return (event.previousEvent || event).src;
-  }
-  function snakeToCamel(str) {
-    return str.replace(/_([a-z])/g, (_2, letter) => letter.toUpperCase());
-  }
-  function transformPositioningOptions(obj) {
-    const result = {};
-    for (const [key, value] of Object.entries(obj)) {
-      const camelKey = snakeToCamel(key);
-      result[camelKey] = value;
-    }
-    return result;
-  }
-  var anatomy5, parts5, collection, getRootId5, getLabelId3, getControlId2, getInputId2, getContentId2, getPositionerId, getTriggerId2, getClearTriggerId, getItemGroupId, getItemGroupLabelId, getItemId2, getContentEl2, getInputEl2, getPositionerEl, getControlEl, getTriggerEl, getClearTriggerEl, getItemEl, focusInputEl, focusTriggerEl, guards, createMachine2, choose, and2, not3, machine5, props5, splitProps5, itemGroupLabelProps, splitItemGroupLabelProps, itemGroupProps, splitItemGroupProps, itemProps2, splitItemProps2, Combobox, ComboboxHook;
-  var init_combobox = __esm({
-    "../priv/static/combobox.mjs"() {
-      "use strict";
-      init_chunk_2DWEYSRA();
-      init_chunk_GRHV6R4F();
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
-      anatomy5 = createAnatomy("combobox").parts(
-        "root",
-        "clearTrigger",
-        "content",
-        "control",
-        "input",
-        "item",
-        "itemGroup",
-        "itemGroupLabel",
-        "itemIndicator",
-        "itemText",
-        "label",
-        "list",
-        "positioner",
-        "trigger"
-      );
-      parts5 = anatomy5.build();
-      collection = (options) => {
-        return new ListCollection(options);
-      };
-      collection.empty = () => {
-        return new ListCollection({ items: [] });
-      };
-      getRootId5 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `combobox:${ctx.id}`;
-      };
-      getLabelId3 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `combobox:${ctx.id}:label`;
-      };
-      getControlId2 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `combobox:${ctx.id}:control`;
-      };
-      getInputId2 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `combobox:${ctx.id}:input`;
-      };
-      getContentId2 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `combobox:${ctx.id}:content`;
-      };
-      getPositionerId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `combobox:${ctx.id}:popper`;
-      };
-      getTriggerId2 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `combobox:${ctx.id}:toggle-btn`;
-      };
-      getClearTriggerId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.clearTrigger) != null ? _b : `combobox:${ctx.id}:clear-btn`;
-      };
-      getItemGroupId = (ctx, id) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroup) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:optgroup:${id}`;
-      };
-      getItemGroupLabelId = (ctx, id) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:optgroup-label:${id}`;
-      };
-      getItemId2 = (ctx, id) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:option:${id}`;
-      };
-      getContentEl2 = (ctx) => ctx.getById(getContentId2(ctx));
-      getInputEl2 = (ctx) => ctx.getById(getInputId2(ctx));
-      getPositionerEl = (ctx) => ctx.getById(getPositionerId(ctx));
-      getControlEl = (ctx) => ctx.getById(getControlId2(ctx));
-      getTriggerEl = (ctx) => ctx.getById(getTriggerId2(ctx));
-      getClearTriggerEl = (ctx) => ctx.getById(getClearTriggerId(ctx));
-      getItemEl = (ctx, value) => {
-        if (value == null) return null;
-        const selector = `[role=option][data-value="${CSS.escape(value)}"]`;
-        return query(getContentEl2(ctx), selector);
-      };
-      focusInputEl = (ctx) => {
-        const inputEl = getInputEl2(ctx);
-        if (ctx.isActiveElement(inputEl)) return;
-        inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
-      };
-      focusTriggerEl = (ctx) => {
-        const triggerEl = getTriggerEl(ctx);
-        if (ctx.isActiveElement(triggerEl)) return;
-        triggerEl == null ? void 0 : triggerEl.focus({ preventScroll: true });
-      };
-      ({ guards, createMachine: createMachine2, choose } = setup());
-      ({ and: and2, not: not3 } = guards);
-      machine5 = createMachine2({
-        props({ props: props22 }) {
-          return __spreadProps(__spreadValues({
-            loopFocus: true,
-            openOnClick: false,
-            defaultValue: [],
-            defaultInputValue: "",
-            closeOnSelect: !props22.multiple,
-            allowCustomValue: false,
-            alwaysSubmitOnEnter: false,
-            inputBehavior: "none",
-            selectionBehavior: props22.multiple ? "clear" : "replace",
-            openOnKeyPress: true,
-            openOnChange: true,
-            composite: true,
-            navigate({ node }) {
-              clickIfLink(node);
-            },
-            collection: collection.empty()
-          }, props22), {
-            positioning: __spreadValues({
-              placement: "bottom",
-              sameWidth: true
-            }, props22.positioning),
-            translations: __spreadValues({
-              triggerLabel: "Toggle suggestions",
-              clearTriggerLabel: "Clear value"
-            }, props22.translations)
+            update(search);
+            return value;
           });
-        },
-        initialState({ prop }) {
-          const open = prop("open") || prop("defaultOpen");
-          return open ? "suggesting" : "idle";
-        },
-        context({ prop, bindable: bindable2, getContext, getEvent }) {
-          return {
-            currentPlacement: bindable2(() => ({
-              defaultValue: void 0
-            })),
-            value: bindable2(() => ({
-              defaultValue: prop("defaultValue"),
-              value: prop("value"),
-              isEqual: isEqual2,
-              hash(value) {
-                return value.join(",");
-              },
-              onChange(value) {
-                var _a;
-                const context = getContext();
-                const prevSelectedItems = context.get("selectedItems");
-                const collection22 = prop("collection");
-                const nextItems = value.map((v2) => {
-                  const item = prevSelectedItems.find((item2) => collection22.getItemValue(item2) === v2);
-                  return item || collection22.find(v2);
-                });
-                context.set("selectedItems", nextItems);
-                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, items: nextItems });
-              }
-            })),
-            highlightedValue: bindable2(() => ({
-              defaultValue: prop("defaultHighlightedValue") || null,
-              value: prop("highlightedValue"),
-              onChange(value) {
-                var _a;
-                const item = prop("collection").find(value);
-                (_a = prop("onHighlightChange")) == null ? void 0 : _a({ highlightedValue: value, highlightedItem: item });
-              }
-            })),
-            inputValue: bindable2(() => {
-              let inputValue = prop("inputValue") || prop("defaultInputValue");
-              const value = prop("value") || prop("defaultValue");
-              if (!inputValue.trim() && !prop("multiple")) {
-                const valueAsString = prop("collection").stringifyMany(value);
-                inputValue = match2(prop("selectionBehavior"), {
-                  preserve: inputValue || valueAsString,
-                  replace: valueAsString,
-                  clear: ""
-                });
-              }
-              return {
-                defaultValue: inputValue,
-                value: prop("inputValue"),
-                onChange(value2) {
-                  var _a;
-                  const event = getEvent();
-                  const reason = (event.previousEvent || event).src;
-                  (_a = prop("onInputValueChange")) == null ? void 0 : _a({ inputValue: value2, reason });
-                }
-              };
-            }),
-            highlightedItem: bindable2(() => {
-              const highlightedValue = prop("highlightedValue");
-              const highlightedItem = prop("collection").find(highlightedValue);
-              return { defaultValue: highlightedItem };
-            }),
-            selectedItems: bindable2(() => {
-              const value = prop("value") || prop("defaultValue") || [];
-              const selectedItems = prop("collection").findMany(value);
-              return { defaultValue: selectedItems };
-            })
-          };
-        },
-        computed: {
-          isInputValueEmpty: ({ context }) => context.get("inputValue").length === 0,
-          isInteractive: ({ prop }) => !(prop("readOnly") || prop("disabled")),
-          autoComplete: ({ prop }) => prop("inputBehavior") === "autocomplete",
-          autoHighlight: ({ prop }) => prop("inputBehavior") === "autohighlight",
-          hasSelectedItems: ({ context }) => context.get("value").length > 0,
-          valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems")),
-          isCustomValue: ({ context, computed }) => context.get("inputValue") !== computed("valueAsString")
-        },
-        watch({ context, prop, track, action, send }) {
-          track([() => context.hash("value")], () => {
-            action(["syncSelectedItems"]);
+          __publicField5(this, "update", (value, item) => {
+            let index = this.indexOf(value);
+            if (index === -1) return this;
+            return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
           });
-          track([() => context.get("inputValue")], () => {
-            action(["syncInputValue"]);
+          __publicField5(this, "upsert", (value, item, mode = "append") => {
+            let index = this.indexOf(value);
+            if (index === -1) {
+              const fn = mode === "append" ? this.append : this.prepend;
+              return fn(item);
+            }
+            return this.copy([...this.items.slice(0, index), item, ...this.items.slice(index + 1)]);
           });
-          track([() => context.get("highlightedValue")], () => {
-            action(["syncHighlightedItem", "autofillInputValue"]);
+          __publicField5(this, "insert", (index, ...items) => {
+            return this.copy(insert(this.items, index, ...items));
           });
-          track([() => prop("open")], () => {
-            action(["toggleVisibility"]);
+          __publicField5(this, "insertBefore", (value, ...items) => {
+            let toIndex = this.indexOf(value);
+            if (toIndex === -1) {
+              if (this.items.length === 0) toIndex = 0;
+              else return this;
+            }
+            return this.copy(insert(this.items, toIndex, ...items));
           });
-          track([() => prop("collection").toString()], () => {
-            send({ type: "CHILDREN_CHANGE" });
+          __publicField5(this, "insertAfter", (value, ...items) => {
+            let toIndex = this.indexOf(value);
+            if (toIndex === -1) {
+              if (this.items.length === 0) toIndex = 0;
+              else return this;
+            }
+            return this.copy(insert(this.items, toIndex + 1, ...items));
           });
-        },
-        on: {
-          "SELECTED_ITEMS.SYNC": {
-            actions: ["syncSelectedItems"]
-          },
-          "HIGHLIGHTED_VALUE.SET": {
-            actions: ["setHighlightedValue"]
-          },
-          "HIGHLIGHTED_VALUE.CLEAR": {
-            actions: ["clearHighlightedValue"]
-          },
-          "ITEM.SELECT": {
-            actions: ["selectItem"]
-          },
-          "ITEM.CLEAR": {
-            actions: ["clearItem"]
-          },
-          "VALUE.SET": {
-            actions: ["setValue"]
-          },
-          "INPUT_VALUE.SET": {
-            actions: ["setInputValue"]
-          },
-          "POSITIONING.SET": {
-            actions: ["reposition"]
-          }
-        },
-        entry: choose([
-          {
-            guard: "autoFocus",
-            actions: ["setInitialFocus"]
-          }
-        ]),
-        states: {
-          idle: {
-            tags: ["idle", "closed"],
-            entry: ["scrollContentToTop", "clearHighlightedValue"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "interacting"
-              },
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-                }
-              ],
-              "INPUT.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-                }
-              ],
-              "INPUT.FOCUS": {
-                target: "focused"
-              },
-              OPEN: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["invokeOnOpen"]
-                }
-              ],
-              "VALUE.CLEAR": {
-                target: "focused",
-                actions: ["clearInputValue", "clearSelectedItems", "setInitialFocus"]
+          __publicField5(this, "prepend", (...items) => {
+            return this.copy(insert(this.items, 0, ...items));
+          });
+          __publicField5(this, "append", (...items) => {
+            return this.copy(insert(this.items, this.items.length, ...items));
+          });
+          __publicField5(this, "filter", (fn) => {
+            const filteredItems = this.items.filter((item, index) => fn(this.stringifyItem(item), index, item));
+            return this.copy(filteredItems);
+          });
+          __publicField5(this, "remove", (...itemsOrValues) => {
+            const values = itemsOrValues.map(
+              (itemOrValue) => typeof itemOrValue === "string" ? itemOrValue : this.getItemValue(itemOrValue)
+            );
+            return this.copy(
+              this.items.filter((item) => {
+                const value = this.getItemValue(item);
+                if (value == null) return false;
+                return !values.includes(value);
+              })
+            );
+          });
+          __publicField5(this, "move", (value, toIndex) => {
+            const fromIndex = this.indexOf(value);
+            if (fromIndex === -1) return this;
+            return this.copy(move(this.items, [fromIndex], toIndex));
+          });
+          __publicField5(this, "moveBefore", (value, ...values) => {
+            let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
+            if (toIndex === -1) return this;
+            let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a2, b2) => a2 - b2);
+            return this.copy(move(this.items, indices, toIndex));
+          });
+          __publicField5(this, "moveAfter", (value, ...values) => {
+            let toIndex = this.items.findIndex((item) => this.getItemValue(item) === value);
+            if (toIndex === -1) return this;
+            let indices = values.map((value2) => this.items.findIndex((item) => this.getItemValue(item) === value2)).sort((a2, b2) => a2 - b2);
+            return this.copy(move(this.items, indices, toIndex + 1));
+          });
+          __publicField5(this, "reorder", (fromIndex, toIndex) => {
+            return this.copy(move(this.items, [fromIndex], toIndex));
+          });
+          __publicField5(this, "compareValue", (a2, b2) => {
+            const indexA = this.indexOf(a2);
+            const indexB = this.indexOf(b2);
+            if (indexA < indexB) return -1;
+            if (indexA > indexB) return 1;
+            return 0;
+          });
+          __publicField5(this, "range", (from, to) => {
+            let keys = [];
+            let key = from;
+            while (key != null) {
+              let item = this.find(key);
+              if (item) keys.push(key);
+              if (key === to) return keys;
+              key = this.getNextValue(key);
+            }
+            return [];
+          });
+          __publicField5(this, "getValueRange", (from, to) => {
+            if (from && to) {
+              if (this.compareValue(from, to) <= 0) {
+                return this.range(from, to);
               }
+              return this.range(to, from);
             }
-          },
-          focused: {
-            tags: ["focused", "closed"],
-            entry: ["scrollContentToTop", "clearHighlightedValue"],
-            on: {
-              "CONTROLLED.OPEN": [
-                {
-                  guard: "isChangeEvent",
-                  target: "suggesting"
-                },
-                {
-                  target: "interacting"
+            return [];
+          });
+          __publicField5(this, "toString", () => {
+            let result = "";
+            for (const item of this.items) {
+              const value = this.getItemValue(item);
+              const label = this.stringifyItem(item);
+              const disabled = this.getItemDisabled(item);
+              const itemString = [value, label, disabled].filter(Boolean).join(":");
+              result += itemString + ",";
+            }
+            return result;
+          });
+          __publicField5(this, "toJSON", () => {
+            return {
+              size: this.size,
+              first: this.firstValue,
+              last: this.lastValue
+            };
+          });
+          this.items = [...options.items];
+        }
+        /**
+         * Returns the number of items in the collection
+         */
+        get size() {
+          return this.items.length;
+        }
+        /**
+         * Returns the first value in the collection
+         */
+        get firstValue() {
+          let index = 0;
+          while (this.getItemDisabled(this.at(index))) index++;
+          return this.getItemValue(this.at(index));
+        }
+        /**
+         * Returns the last value in the collection
+         */
+        get lastValue() {
+          let index = this.size - 1;
+          while (this.getItemDisabled(this.at(index))) index--;
+          return this.getItemValue(this.at(index));
+        }
+        *[Symbol.iterator]() {
+          yield* __yieldStar(this.items);
+        }
+      };
+      match3 = (label, query2) => {
+        return !!(label == null ? void 0 : label.toLowerCase().startsWith(query2.toLowerCase()));
+      };
+      GridCollection = class extends ListCollection {
+        constructor(options) {
+          const { columnCount } = options;
+          super(options);
+          __publicField5(this, "columnCount");
+          __publicField5(this, "rows", null);
+          __publicField5(this, "getRows", () => {
+            if (!this.rows) {
+              this.rows = chunk([...this.items], this.columnCount);
+            }
+            return this.rows;
+          });
+          __publicField5(this, "getRowCount", () => {
+            return Math.ceil(this.items.length / this.columnCount);
+          });
+          __publicField5(this, "getCellIndex", (row, column) => {
+            return row * this.columnCount + column;
+          });
+          __publicField5(this, "getCell", (row, column) => {
+            return this.at(this.getCellIndex(row, column));
+          });
+          __publicField5(this, "getValueCell", (value) => {
+            const index = this.indexOf(value);
+            if (index === -1) return null;
+            const row = Math.floor(index / this.columnCount);
+            const column = index % this.columnCount;
+            return { row, column };
+          });
+          __publicField5(this, "getLastEnabledColumnIndex", (row) => {
+            for (let col = this.columnCount - 1; col >= 0; col--) {
+              const cell = this.getCell(row, col);
+              if (cell && !this.getItemDisabled(cell)) {
+                return col;
+              }
+            }
+            return null;
+          });
+          __publicField5(this, "getFirstEnabledColumnIndex", (row) => {
+            for (let col = 0; col < this.columnCount; col++) {
+              const cell = this.getCell(row, col);
+              if (cell && !this.getItemDisabled(cell)) {
+                return col;
+              }
+            }
+            return null;
+          });
+          __publicField5(this, "getPreviousRowValue", (value, loop = false) => {
+            const currentCell = this.getValueCell(value);
+            if (currentCell === null) return null;
+            const rows = this.getRows();
+            const rowCount = rows.length;
+            let prevRowIndex = currentCell.row;
+            let prevColumnIndex = currentCell.column;
+            for (let i2 = 1; i2 <= rowCount; i2++) {
+              prevRowIndex = prevIndex(rows, prevRowIndex, { loop });
+              const prevRow = rows[prevRowIndex];
+              if (!prevRow) continue;
+              const prevCell = prevRow[prevColumnIndex];
+              if (!prevCell) {
+                const lastColumnIndex = this.getLastEnabledColumnIndex(prevRowIndex);
+                if (lastColumnIndex != null) {
+                  prevColumnIndex = lastColumnIndex;
                 }
-              ],
-              "INPUT.CHANGE": [
-                {
-                  guard: and2("isOpenControlled", "openOnChange"),
-                  actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
-                },
-                {
-                  guard: "openOnChange",
-                  target: "suggesting",
-                  actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
-                },
-                {
-                  actions: ["setInputValue"]
+              }
+              const cell = this.getCell(prevRowIndex, prevColumnIndex);
+              if (!this.getItemDisabled(cell)) {
+                return this.getItemValue(cell);
+              }
+            }
+            return this.firstValue;
+          });
+          __publicField5(this, "getNextRowValue", (value, loop = false) => {
+            const currentCell = this.getValueCell(value);
+            if (currentCell === null) return null;
+            const rows = this.getRows();
+            const rowCount = rows.length;
+            let nextRowIndex = currentCell.row;
+            let nextColumnIndex = currentCell.column;
+            for (let i2 = 1; i2 <= rowCount; i2++) {
+              nextRowIndex = nextIndex(rows, nextRowIndex, { loop });
+              const nextRow = rows[nextRowIndex];
+              if (!nextRow) continue;
+              const nextCell = nextRow[nextColumnIndex];
+              if (!nextCell) {
+                const lastColumnIndex = this.getLastEnabledColumnIndex(nextRowIndex);
+                if (lastColumnIndex != null) {
+                  nextColumnIndex = lastColumnIndex;
                 }
-              ],
-              "LAYER.INTERACT_OUTSIDE": {
-                target: "idle"
-              },
-              "INPUT.ESCAPE": {
-                guard: and2("isCustomValue", not3("allowCustomValue")),
-                actions: ["revertInputValue"]
-              },
-              "INPUT.BLUR": {
-                target: "idle"
-              },
-              "INPUT.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+              }
+              const cell = this.getCell(nextRowIndex, nextColumnIndex);
+              if (!this.getItemDisabled(cell)) {
+                return this.getItemValue(cell);
+              }
+            }
+            return this.lastValue;
+          });
+          this.columnCount = columnCount;
+        }
+      };
+      Selection = class _Selection extends Set {
+        constructor(values = []) {
+          super(values);
+          __publicField5(this, "selectionMode", "single");
+          __publicField5(this, "deselectable", true);
+          __publicField5(this, "copy", () => {
+            const clone = new _Selection([...this]);
+            return this.sync(clone);
+          });
+          __publicField5(this, "sync", (other) => {
+            other.selectionMode = this.selectionMode;
+            other.deselectable = this.deselectable;
+            return other;
+          });
+          __publicField5(this, "isEmpty", () => {
+            return this.size === 0;
+          });
+          __publicField5(this, "isSelected", (value) => {
+            if (this.selectionMode === "none" || value == null) {
+              return false;
+            }
+            return this.has(value);
+          });
+          __publicField5(this, "canSelect", (collection5, value) => {
+            return this.selectionMode !== "none" || !collection5.getItemDisabled(collection5.find(value));
+          });
+          __publicField5(this, "firstSelectedValue", (collection5) => {
+            let firstValue = null;
+            for (let value of this) {
+              if (!firstValue || collection5.compareValue(value, firstValue) < 0) {
+                firstValue = value;
+              }
+            }
+            return firstValue;
+          });
+          __publicField5(this, "lastSelectedValue", (collection5) => {
+            let lastValue = null;
+            for (let value of this) {
+              if (!lastValue || collection5.compareValue(value, lastValue) > 0) {
+                lastValue = value;
+              }
+            }
+            return lastValue;
+          });
+          __publicField5(this, "extendSelection", (collection5, anchorValue, targetValue) => {
+            if (this.selectionMode === "none") {
+              return this;
+            }
+            if (this.selectionMode === "single") {
+              return this.replaceSelection(collection5, targetValue);
+            }
+            const selection = this.copy();
+            const lastSelected = Array.from(this).pop();
+            for (let key of collection5.getValueRange(anchorValue, lastSelected != null ? lastSelected : targetValue)) {
+              selection.delete(key);
+            }
+            for (let key of collection5.getValueRange(targetValue, anchorValue)) {
+              if (this.canSelect(collection5, key)) {
+                selection.add(key);
+              }
+            }
+            return selection;
+          });
+          __publicField5(this, "toggleSelection", (collection5, value) => {
+            if (this.selectionMode === "none") {
+              return this;
+            }
+            if (this.selectionMode === "single" && !this.isSelected(value)) {
+              return this.replaceSelection(collection5, value);
+            }
+            const selection = this.copy();
+            if (selection.has(value)) {
+              selection.delete(value);
+            } else if (selection.canSelect(collection5, value)) {
+              selection.add(value);
+            }
+            return selection;
+          });
+          __publicField5(this, "replaceSelection", (collection5, value) => {
+            if (this.selectionMode === "none") {
+              return this;
+            }
+            if (value == null) {
+              return this;
+            }
+            if (!this.canSelect(collection5, value)) {
+              return this;
+            }
+            const selection = new _Selection([value]);
+            return this.sync(selection);
+          });
+          __publicField5(this, "setSelection", (values2) => {
+            if (this.selectionMode === "none") {
+              return this;
+            }
+            let selection = new _Selection();
+            for (let value of values2) {
+              if (value != null) {
+                selection.add(value);
+                if (this.selectionMode === "single") {
+                  break;
                 }
-              ],
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-                }
-              ],
-              "INPUT.ARROW_DOWN": [
-                // == group 1 ==
-                {
-                  guard: and2("isOpenControlled", "autoComplete"),
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  guard: "autoComplete",
-                  target: "interacting",
-                  actions: ["invokeOnOpen"]
-                },
-                // == group 2 ==
-                {
-                  guard: "isOpenControlled",
-                  actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
-                }
-              ],
-              "INPUT.ARROW_UP": [
-                // == group 1 ==
-                {
-                  guard: "autoComplete",
-                  target: "interacting",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  guard: "autoComplete",
-                  target: "interacting",
-                  actions: ["invokeOnOpen"]
-                },
-                // == group 2 ==
-                {
-                  target: "interacting",
-                  actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+              }
+            }
+            return this.sync(selection);
+          });
+          __publicField5(this, "clearSelection", () => {
+            const selection = this.copy();
+            if (selection.deselectable && selection.size > 0) {
+              selection.clear();
+            }
+            return selection;
+          });
+          __publicField5(this, "select", (collection5, value, forceToggle) => {
+            if (this.selectionMode === "none") {
+              return this;
+            }
+            if (this.selectionMode === "single") {
+              if (this.isSelected(value) && this.deselectable) {
+                return this.toggleSelection(collection5, value);
+              } else {
+                return this.replaceSelection(collection5, value);
+              }
+            } else if (this.selectionMode === "multiple" || forceToggle) {
+              return this.toggleSelection(collection5, value);
+            } else {
+              return this.replaceSelection(collection5, value);
+            }
+          });
+          __publicField5(this, "deselect", (value) => {
+            const selection = this.copy();
+            selection.delete(value);
+            return selection;
+          });
+          __publicField5(this, "isEqual", (other) => {
+            return isEqual2(Array.from(this), Array.from(other));
+          });
+        }
+      };
+      TreeCollection = class _TreeCollection {
+        constructor(options) {
+          this.options = options;
+          __publicField5(this, "rootNode");
+          __publicField5(this, "isEqual", (other) => {
+            return isEqual2(this.rootNode, other.rootNode);
+          });
+          __publicField5(this, "getNodeChildren", (node) => {
+            var _a, _b, _c, _d;
+            return (_d = (_c = (_b = (_a = this.options).nodeToChildren) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToChildren(node)) != null ? _d : [];
+          });
+          __publicField5(this, "resolveIndexPath", (valueOrIndexPath) => {
+            return typeof valueOrIndexPath === "string" ? this.getIndexPath(valueOrIndexPath) : valueOrIndexPath;
+          });
+          __publicField5(this, "resolveNode", (valueOrIndexPath) => {
+            const indexPath = this.resolveIndexPath(valueOrIndexPath);
+            return indexPath ? this.at(indexPath) : void 0;
+          });
+          __publicField5(this, "getNodeChildrenCount", (node) => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.options).nodeToChildrenCount) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToChildrenCount(node);
+          });
+          __publicField5(this, "getNodeValue", (node) => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.options).nodeToValue) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToValue(node);
+          });
+          __publicField5(this, "getNodeDisabled", (node) => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.options).isNodeDisabled) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.isNodeDisabled(node);
+          });
+          __publicField5(this, "stringify", (value) => {
+            const node = this.findNode(value);
+            if (!node) return null;
+            return this.stringifyNode(node);
+          });
+          __publicField5(this, "stringifyNode", (node) => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.options).nodeToString) == null ? void 0 : _b.call(_a, node)) != null ? _c : fallbackMethods.nodeToString(node);
+          });
+          __publicField5(this, "getFirstNode", (rootNode = this.rootNode, opts = {}) => {
+            let firstChild;
+            visit(rootNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a;
+                if (this.isSameNode(node, rootNode)) return;
+                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: this.getNodeValue(node), node, indexPath })) return "skip";
+                if (!firstChild && indexPath.length > 0 && !this.getNodeDisabled(node)) {
+                  firstChild = node;
+                  return "stop";
                 }
-              ],
-              OPEN: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "interacting",
-                  actions: ["invokeOnOpen"]
+              }
+            });
+            return firstChild;
+          });
+          __publicField5(this, "getLastNode", (rootNode = this.rootNode, opts = {}) => {
+            let lastChild;
+            visit(rootNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a;
+                if (this.isSameNode(node, rootNode)) return;
+                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: this.getNodeValue(node), node, indexPath })) return "skip";
+                if (indexPath.length > 0 && !this.getNodeDisabled(node)) {
+                  lastChild = node;
                 }
-              ],
-              "VALUE.CLEAR": {
-                actions: ["clearInputValue", "clearSelectedItems"]
               }
+            });
+            return lastChild;
+          });
+          __publicField5(this, "at", (indexPath) => {
+            return access(this.rootNode, indexPath, {
+              getChildren: this.getNodeChildren
+            });
+          });
+          __publicField5(this, "findNode", (value, rootNode = this.rootNode) => {
+            return find(rootNode, {
+              getChildren: this.getNodeChildren,
+              predicate: (node) => this.getNodeValue(node) === value
+            });
+          });
+          __publicField5(this, "findNodes", (values, rootNode = this.rootNode) => {
+            const v2 = new Set(values.filter((v22) => v22 != null));
+            return findAll(rootNode, {
+              getChildren: this.getNodeChildren,
+              predicate: (node) => v2.has(this.getNodeValue(node))
+            });
+          });
+          __publicField5(this, "sort", (values) => {
+            return values.reduce((acc, value) => {
+              const indexPath = this.getIndexPath(value);
+              if (indexPath) acc.push({ value, indexPath });
+              return acc;
+            }, []).sort((a2, b2) => compareIndexPaths(a2.indexPath, b2.indexPath)).map(({ value }) => value);
+          });
+          __publicField5(this, "getIndexPath", (value) => {
+            return findIndexPath(this.rootNode, {
+              getChildren: this.getNodeChildren,
+              predicate: (node) => this.getNodeValue(node) === value
+            });
+          });
+          __publicField5(this, "getValue", (indexPath) => {
+            const node = this.at(indexPath);
+            return node ? this.getNodeValue(node) : void 0;
+          });
+          __publicField5(this, "getValuePath", (indexPath) => {
+            if (!indexPath) return [];
+            const valuePath = [];
+            let currentPath = [...indexPath];
+            while (currentPath.length > 0) {
+              const node = this.at(currentPath);
+              if (node) valuePath.unshift(this.getNodeValue(node));
+              currentPath.pop();
             }
-          },
-          interacting: {
-            tags: ["open", "focused"],
-            entry: ["setInitialFocus"],
-            effects: ["scrollToHighlightedItem", "trackDismissableLayer", "trackPlacement"],
-            on: {
-              "CONTROLLED.CLOSE": [
-                {
-                  guard: "restoreFocus",
-                  target: "focused",
-                  actions: ["setFinalFocus"]
-                },
-                {
-                  target: "idle"
-                }
-              ],
-              CHILDREN_CHANGE: [
-                {
-                  guard: "isHighlightedItemRemoved",
-                  actions: ["clearHighlightedValue"]
-                },
-                {
-                  actions: ["scrollToHighlightedItem"]
+            return valuePath;
+          });
+          __publicField5(this, "getDepth", (value) => {
+            var _a;
+            const indexPath = findIndexPath(this.rootNode, {
+              getChildren: this.getNodeChildren,
+              predicate: (node) => this.getNodeValue(node) === value
+            });
+            return (_a = indexPath == null ? void 0 : indexPath.length) != null ? _a : 0;
+          });
+          __publicField5(this, "isSameNode", (node, other) => {
+            return this.getNodeValue(node) === this.getNodeValue(other);
+          });
+          __publicField5(this, "isRootNode", (node) => {
+            return this.isSameNode(node, this.rootNode);
+          });
+          __publicField5(this, "contains", (parentIndexPath, valueIndexPath) => {
+            if (!parentIndexPath || !valueIndexPath) return false;
+            return valueIndexPath.slice(0, parentIndexPath.length).every((_2, i2) => parentIndexPath[i2] === valueIndexPath[i2]);
+          });
+          __publicField5(this, "getNextNode", (value, opts = {}) => {
+            let found = false;
+            let nextNode;
+            visit(this.rootNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a;
+                if (this.isRootNode(node)) return;
+                const nodeValue = this.getNodeValue(node);
+                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) {
+                  if (nodeValue === value) {
+                    found = true;
+                  }
+                  return "skip";
                 }
-              ],
-              "INPUT.HOME": {
-                actions: ["highlightFirstItem"]
-              },
-              "INPUT.END": {
-                actions: ["highlightLastItem"]
-              },
-              "INPUT.ARROW_DOWN": [
-                {
-                  guard: and2("autoComplete", "isLastItemHighlighted"),
-                  actions: ["clearHighlightedValue", "scrollContentToTop"]
-                },
-                {
-                  actions: ["highlightNextItem"]
+                if (found && !this.getNodeDisabled(node)) {
+                  nextNode = node;
+                  return "stop";
                 }
-              ],
-              "INPUT.ARROW_UP": [
-                {
-                  guard: and2("autoComplete", "isFirstItemHighlighted"),
-                  actions: ["clearHighlightedValue"]
-                },
-                {
-                  actions: ["highlightPrevItem"]
+                if (nodeValue === value) {
+                  found = true;
                 }
-              ],
-              "INPUT.ENTER": [
-                // == group 1 ==
-                {
-                  guard: and2("isOpenControlled", "isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: and2("isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
-                  target: "focused",
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                // == group 2 ==
-                {
-                  guard: and2("isOpenControlled", "closeOnSelect"),
-                  actions: ["selectHighlightedItem", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
-                },
-                {
-                  actions: ["selectHighlightedItem"]
-                }
-              ],
-              "INPUT.CHANGE": [
-                {
-                  guard: "autoComplete",
-                  target: "suggesting",
-                  actions: ["setInputValue"]
-                },
-                {
-                  target: "suggesting",
-                  actions: ["clearHighlightedValue", "setInputValue"]
-                }
-              ],
-              "ITEM.POINTER_MOVE": {
-                actions: ["setHighlightedValue"]
-              },
-              "ITEM.POINTER_LEAVE": {
-                actions: ["clearHighlightedValue"]
-              },
-              "ITEM.CLICK": [
-                {
-                  guard: and2("isOpenControlled", "closeOnSelect"),
-                  actions: ["selectItem", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
-                },
-                {
-                  actions: ["selectItem"]
-                }
-              ],
-              "LAYER.ESCAPE": [
-                {
-                  guard: and2("isOpenControlled", "autoComplete"),
-                  actions: ["syncInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: "autoComplete",
-                  target: "focused",
-                  actions: ["syncInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose", "setFinalFocus"]
-                }
-              ],
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "LAYER.INTERACT_OUTSIDE": [
-                // == group 1 ==
-                {
-                  guard: and2("isOpenControlled", "isCustomValue", not3("allowCustomValue")),
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: and2("isCustomValue", not3("allowCustomValue")),
-                  target: "idle",
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                // == group 2 ==
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "idle",
-                  actions: ["invokeOnClose"]
+              }
+            });
+            return nextNode;
+          });
+          __publicField5(this, "getPreviousNode", (value, opts = {}) => {
+            let previousNode;
+            let found = false;
+            visit(this.rootNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a;
+                if (this.isRootNode(node)) return;
+                const nodeValue = this.getNodeValue(node);
+                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) {
+                  return "skip";
                 }
-              ],
-              CLOSE: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose", "setFinalFocus"]
+                if (nodeValue === value) {
+                  found = true;
+                  return "stop";
                 }
-              ],
-              "VALUE.CLEAR": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+                if (!this.getNodeDisabled(node)) {
+                  previousNode = node;
                 }
-              ]
+              }
+            });
+            return found ? previousNode : void 0;
+          });
+          __publicField5(this, "getParentNodes", (valueOrIndexPath) => {
+            var _a;
+            const indexPath = (_a = this.resolveIndexPath(valueOrIndexPath)) == null ? void 0 : _a.slice();
+            if (!indexPath) return [];
+            const result = [];
+            while (indexPath.length > 0) {
+              indexPath.pop();
+              const parentNode = this.at(indexPath);
+              if (parentNode && !this.isRootNode(parentNode)) {
+                result.unshift(parentNode);
+              }
             }
-          },
-          suggesting: {
-            tags: ["open", "focused"],
-            effects: ["trackDismissableLayer", "scrollToHighlightedItem", "trackPlacement"],
-            entry: ["setInitialFocus"],
-            on: {
-              "CONTROLLED.CLOSE": [
-                {
-                  guard: "restoreFocus",
-                  target: "focused",
-                  actions: ["setFinalFocus"]
-                },
-                {
-                  target: "idle"
+            return result;
+          });
+          __publicField5(this, "getDescendantNodes", (valueOrIndexPath, options2) => {
+            const parentNode = this.resolveNode(valueOrIndexPath);
+            if (!parentNode) return [];
+            const result = [];
+            visit(parentNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, nodeIndexPath) => {
+                if (nodeIndexPath.length === 0) return;
+                if (!(options2 == null ? void 0 : options2.withBranch) && this.isBranchNode(node)) return;
+                result.push(node);
+              }
+            });
+            return result;
+          });
+          __publicField5(this, "getDescendantValues", (valueOrIndexPath, options2) => {
+            const children = this.getDescendantNodes(valueOrIndexPath, options2);
+            return children.map((child) => this.getNodeValue(child));
+          });
+          __publicField5(this, "getParentIndexPath", (indexPath) => {
+            return indexPath.slice(0, -1);
+          });
+          __publicField5(this, "getParentNode", (valueOrIndexPath) => {
+            const indexPath = this.resolveIndexPath(valueOrIndexPath);
+            return indexPath ? this.at(this.getParentIndexPath(indexPath)) : void 0;
+          });
+          __publicField5(this, "visit", (opts) => {
+            const _a = opts, { skip } = _a, rest = __objRest(_a, ["skip"]);
+            visit(this.rootNode, __spreadProps(__spreadValues({}, rest), {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a2;
+                if (this.isRootNode(node)) return;
+                if (skip == null ? void 0 : skip({ value: this.getNodeValue(node), node, indexPath })) return "skip";
+                return (_a2 = rest.onEnter) == null ? void 0 : _a2.call(rest, node, indexPath);
+              }
+            }));
+          });
+          __publicField5(this, "getPreviousSibling", (indexPath) => {
+            const parentNode = this.getParentNode(indexPath);
+            if (!parentNode) return;
+            const siblings = this.getNodeChildren(parentNode);
+            let idx = indexPath[indexPath.length - 1];
+            while (--idx >= 0) {
+              const sibling = siblings[idx];
+              if (!this.getNodeDisabled(sibling)) return sibling;
+            }
+            return;
+          });
+          __publicField5(this, "getNextSibling", (indexPath) => {
+            const parentNode = this.getParentNode(indexPath);
+            if (!parentNode) return;
+            const siblings = this.getNodeChildren(parentNode);
+            let idx = indexPath[indexPath.length - 1];
+            while (++idx < siblings.length) {
+              const sibling = siblings[idx];
+              if (!this.getNodeDisabled(sibling)) return sibling;
+            }
+            return;
+          });
+          __publicField5(this, "getSiblingNodes", (indexPath) => {
+            const parentNode = this.getParentNode(indexPath);
+            return parentNode ? this.getNodeChildren(parentNode) : [];
+          });
+          __publicField5(this, "getValues", (rootNode = this.rootNode) => {
+            const values = flatMap(rootNode, {
+              getChildren: this.getNodeChildren,
+              transform: (node) => [this.getNodeValue(node)]
+            });
+            return values.slice(1);
+          });
+          __publicField5(this, "isValidDepth", (indexPath, depth) => {
+            if (depth == null) return true;
+            if (typeof depth === "function") return depth(indexPath.length);
+            return indexPath.length === depth;
+          });
+          __publicField5(this, "isBranchNode", (node) => {
+            return this.getNodeChildren(node).length > 0 || this.getNodeChildrenCount(node) != null;
+          });
+          __publicField5(this, "getBranchValues", (rootNode = this.rootNode, opts = {}) => {
+            let values = [];
+            visit(rootNode, {
+              getChildren: this.getNodeChildren,
+              onEnter: (node, indexPath) => {
+                var _a;
+                if (indexPath.length === 0) return;
+                const nodeValue = this.getNodeValue(node);
+                if ((_a = opts.skip) == null ? void 0 : _a.call(opts, { value: nodeValue, node, indexPath })) return "skip";
+                if (this.isBranchNode(node) && this.isValidDepth(indexPath, opts.depth)) {
+                  values.push(this.getNodeValue(node));
                 }
-              ],
-              CHILDREN_CHANGE: [
-                {
-                  guard: and2("isHighlightedItemRemoved", "hasCollectionItems", "autoHighlight"),
-                  actions: ["clearHighlightedValue", "highlightFirstItem"]
-                },
-                {
-                  guard: "isHighlightedItemRemoved",
-                  actions: ["clearHighlightedValue"]
-                },
-                {
-                  guard: "autoHighlight",
-                  actions: ["highlightFirstItem"]
-                }
-              ],
-              "INPUT.ARROW_DOWN": {
-                target: "interacting",
-                actions: ["highlightNextItem"]
-              },
-              "INPUT.ARROW_UP": {
-                target: "interacting",
-                actions: ["highlightPrevItem"]
-              },
-              "INPUT.HOME": {
-                target: "interacting",
-                actions: ["highlightFirstItem"]
-              },
-              "INPUT.END": {
-                target: "interacting",
-                actions: ["highlightLastItem"]
-              },
-              "INPUT.ENTER": [
-                // == group 1 ==
-                {
-                  guard: and2("isOpenControlled", "isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: and2("isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
-                  target: "focused",
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                // == group 2 ==
-                {
-                  guard: and2("isOpenControlled", "closeOnSelect"),
-                  actions: ["selectHighlightedItem", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
-                },
-                {
-                  actions: ["selectHighlightedItem"]
-                }
-              ],
-              "INPUT.CHANGE": {
-                actions: ["setInputValue"]
-              },
-              "LAYER.ESCAPE": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "ITEM.POINTER_MOVE": {
-                target: "interacting",
-                actions: ["setHighlightedValue"]
-              },
-              "ITEM.POINTER_LEAVE": {
-                actions: ["clearHighlightedValue"]
-              },
-              "LAYER.INTERACT_OUTSIDE": [
-                // == group 1 ==
-                {
-                  guard: and2("isOpenControlled", "isCustomValue", not3("allowCustomValue")),
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                {
-                  guard: and2("isCustomValue", not3("allowCustomValue")),
-                  target: "idle",
-                  actions: ["revertInputValue", "invokeOnClose"]
-                },
-                // == group 2 ==
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "idle",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "ITEM.CLICK": [
-                {
-                  guard: and2("isOpenControlled", "closeOnSelect"),
-                  actions: ["selectItem", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
-                },
-                {
-                  actions: ["selectItem"]
-                }
-              ],
-              CLOSE: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose", "setFinalFocus"]
-                }
-              ],
-              "VALUE.CLEAR": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
-                }
-              ]
+              }
+            });
+            return values;
+          });
+          __publicField5(this, "flatten", (rootNode = this.rootNode) => {
+            return flatten(rootNode, { getChildren: this.getNodeChildren });
+          });
+          __publicField5(this, "_create", (node, children) => {
+            if (this.getNodeChildren(node).length > 0 || children.length > 0) {
+              return __spreadProps(__spreadValues({}, node), { children });
             }
-          }
+            return __spreadValues({}, node);
+          });
+          __publicField5(this, "_insert", (rootNode, indexPath, nodes) => {
+            return this.copy(
+              insert2(rootNode, { at: indexPath, nodes, getChildren: this.getNodeChildren, create: this._create })
+            );
+          });
+          __publicField5(this, "copy", (rootNode) => {
+            return new _TreeCollection(__spreadProps(__spreadValues({}, this.options), { rootNode }));
+          });
+          __publicField5(this, "_replace", (rootNode, indexPath, node) => {
+            return this.copy(
+              replace(rootNode, { at: indexPath, node, getChildren: this.getNodeChildren, create: this._create })
+            );
+          });
+          __publicField5(this, "_move", (rootNode, indexPaths, to) => {
+            return this.copy(move2(rootNode, { indexPaths, to, getChildren: this.getNodeChildren, create: this._create }));
+          });
+          __publicField5(this, "_remove", (rootNode, indexPaths) => {
+            return this.copy(remove2(rootNode, { indexPaths, getChildren: this.getNodeChildren, create: this._create }));
+          });
+          __publicField5(this, "replace", (indexPath, node) => {
+            return this._replace(this.rootNode, indexPath, node);
+          });
+          __publicField5(this, "remove", (indexPaths) => {
+            return this._remove(this.rootNode, indexPaths);
+          });
+          __publicField5(this, "insertBefore", (indexPath, nodes) => {
+            const parentNode = this.getParentNode(indexPath);
+            return parentNode ? this._insert(this.rootNode, indexPath, nodes) : void 0;
+          });
+          __publicField5(this, "insertAfter", (indexPath, nodes) => {
+            const parentNode = this.getParentNode(indexPath);
+            if (!parentNode) return;
+            const nextIndex2 = [...indexPath.slice(0, -1), indexPath[indexPath.length - 1] + 1];
+            return this._insert(this.rootNode, nextIndex2, nodes);
+          });
+          __publicField5(this, "move", (fromIndexPaths, toIndexPath) => {
+            return this._move(this.rootNode, fromIndexPaths, toIndexPath);
+          });
+          __publicField5(this, "filter", (predicate) => {
+            const filteredRoot = filter(this.rootNode, {
+              predicate,
+              getChildren: this.getNodeChildren,
+              create: this._create
+            });
+            return this.copy(filteredRoot);
+          });
+          __publicField5(this, "toJSON", () => {
+            return this.getValues(this.rootNode);
+          });
+          this.rootNode = options.rootNode;
+        }
+      };
+      fallbackMethods = {
+        nodeToValue(node) {
+          if (typeof node === "string") return node;
+          if (isObject2(node) && hasProp(node, "value")) return node.value;
+          return "";
         },
-        implementations: {
-          guards: {
-            isInputValueEmpty: ({ computed }) => computed("isInputValueEmpty"),
-            autoComplete: ({ computed, prop }) => computed("autoComplete") && !prop("multiple"),
-            autoHighlight: ({ computed }) => computed("autoHighlight"),
-            isFirstItemHighlighted: ({ prop, context }) => prop("collection").firstValue === context.get("highlightedValue"),
-            isLastItemHighlighted: ({ prop, context }) => prop("collection").lastValue === context.get("highlightedValue"),
-            isCustomValue: ({ computed }) => computed("isCustomValue"),
-            allowCustomValue: ({ prop }) => !!prop("allowCustomValue"),
-            hasHighlightedItem: ({ context }) => context.get("highlightedValue") != null,
-            closeOnSelect: ({ prop }) => !!prop("closeOnSelect"),
-            isOpenControlled: ({ prop }) => prop("open") != null,
-            openOnChange: ({ prop, context }) => {
-              const openOnChange = prop("openOnChange");
-              if (isBoolean(openOnChange)) return openOnChange;
-              return !!(openOnChange == null ? void 0 : openOnChange({ inputValue: context.get("inputValue") }));
-            },
-            restoreFocus: ({ event }) => {
-              var _a, _b;
-              const restoreFocus = (_b = event.restoreFocus) != null ? _b : (_a = event.previousEvent) == null ? void 0 : _a.restoreFocus;
-              return restoreFocus == null ? true : !!restoreFocus;
-            },
-            isChangeEvent: ({ event }) => {
-              var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "INPUT.CHANGE";
-            },
-            autoFocus: ({ prop }) => !!prop("autoFocus"),
-            isHighlightedItemRemoved: ({ prop, context }) => !prop("collection").has(context.get("highlightedValue")),
-            hasCollectionItems: ({ prop }) => prop("collection").size > 0
-          },
-          effects: {
-            trackDismissableLayer({ send, prop, scope }) {
-              if (prop("disableLayer")) return;
-              const contentEl = () => getContentEl2(scope);
-              return trackDismissableElement(contentEl, {
-                type: "listbox",
-                defer: true,
-                exclude: () => [getInputEl2(scope), getTriggerEl(scope), getClearTriggerEl(scope)],
-                onFocusOutside: prop("onFocusOutside"),
-                onPointerDownOutside: prop("onPointerDownOutside"),
-                onInteractOutside: prop("onInteractOutside"),
-                onEscapeKeyDown(event) {
-                  event.preventDefault();
-                  event.stopPropagation();
-                  send({ type: "LAYER.ESCAPE", src: "escape-key" });
-                },
-                onDismiss() {
-                  send({ type: "LAYER.INTERACT_OUTSIDE", src: "interact-outside", restoreFocus: false });
-                }
-              });
-            },
-            trackPlacement({ context, prop, scope }) {
-              const anchorEl = () => getControlEl(scope) || getTriggerEl(scope);
-              const positionerEl = () => getPositionerEl(scope);
-              context.set("currentPlacement", prop("positioning").placement);
-              return getPlacement(anchorEl, positionerEl, __spreadProps(__spreadValues({}, prop("positioning")), {
-                defer: true,
-                onComplete(data) {
-                  context.set("currentPlacement", data.placement);
-                }
-              }));
-            },
-            scrollToHighlightedItem({ context, prop, scope, event }) {
-              const inputEl = getInputEl2(scope);
-              let cleanups = [];
-              const exec = (immediate) => {
-                const pointer = event.current().type.includes("POINTER");
-                const highlightedValue = context.get("highlightedValue");
-                if (pointer || !highlightedValue) return;
-                const contentEl = getContentEl2(scope);
-                const scrollToIndexFn = prop("scrollToIndexFn");
-                if (scrollToIndexFn) {
-                  const highlightedIndex = prop("collection").indexOf(highlightedValue);
+        nodeToString(node) {
+          if (typeof node === "string") return node;
+          if (isObject2(node) && hasProp(node, "label")) return node.label;
+          return fallbackMethods.nodeToValue(node);
+        },
+        isNodeDisabled(node) {
+          if (isObject2(node) && hasProp(node, "disabled")) return !!node.disabled;
+          return false;
+        },
+        nodeToChildren(node) {
+          return node.children;
+        },
+        nodeToChildrenCount(node) {
+          if (isObject2(node) && hasProp(node, "childrenCount")) return node.childrenCount;
+        }
+      };
+    }
+  });
+
+  // ../priv/static/chunk-EENFWNGI.mjs
+  function clamp4(start, value, end) {
+    return max3(start, min3(value, end));
+  }
+  function evaluate(value, param) {
+    return typeof value === "function" ? value(param) : value;
+  }
+  function getSide(placement) {
+    return placement.split("-")[0];
+  }
+  function getAlignment(placement) {
+    return placement.split("-")[1];
+  }
+  function getOppositeAxis(axis) {
+    return axis === "x" ? "y" : "x";
+  }
+  function getAxisLength(axis) {
+    return axis === "y" ? "height" : "width";
+  }
+  function getSideAxis(placement) {
+    return yAxisSides.has(getSide(placement)) ? "y" : "x";
+  }
+  function getAlignmentAxis(placement) {
+    return getOppositeAxis(getSideAxis(placement));
+  }
+  function getAlignmentSides(placement, rects, rtl) {
+    if (rtl === void 0) {
+      rtl = false;
+    }
+    const alignment = getAlignment(placement);
+    const alignmentAxis = getAlignmentAxis(placement);
+    const length = getAxisLength(alignmentAxis);
+    let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+    if (rects.reference[length] > rects.floating[length]) {
+      mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+    }
+    return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+  }
+  function getExpandedPlacements(placement) {
+    const oppositePlacement = getOppositePlacement(placement);
+    return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+  }
+  function getOppositeAlignmentPlacement(placement) {
+    return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+  }
+  function getSideList(side, isStart, rtl) {
+    switch (side) {
+      case "top":
+      case "bottom":
+        if (rtl) return isStart ? rlPlacement : lrPlacement;
+        return isStart ? lrPlacement : rlPlacement;
+      case "left":
+      case "right":
+        return isStart ? tbPlacement : btPlacement;
+      default:
+        return [];
+    }
+  }
+  function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+    const alignment = getAlignment(placement);
+    let list = getSideList(getSide(placement), direction === "start", rtl);
+    if (alignment) {
+      list = list.map((side) => side + "-" + alignment);
+      if (flipAlignment) {
+        list = list.concat(list.map(getOppositeAlignmentPlacement));
+      }
+    }
+    return list;
+  }
+  function getOppositePlacement(placement) {
+    return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+  }
+  function expandPaddingObject(padding) {
+    return __spreadValues({
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }, padding);
+  }
+  function getPaddingObject(padding) {
+    return typeof padding !== "number" ? expandPaddingObject(padding) : {
+      top: padding,
+      right: padding,
+      bottom: padding,
+      left: padding
+    };
+  }
+  function rectToClientRect(rect) {
+    const {
+      x: x2,
+      y: y2,
+      width,
+      height
+    } = rect;
+    return {
+      width,
+      height,
+      top: y2,
+      left: x2,
+      right: x2 + width,
+      bottom: y2 + height,
+      x: x2,
+      y: y2
+    };
+  }
+  function computeCoordsFromPlacement(_ref, placement, rtl) {
+    let {
+      reference,
+      floating
+    } = _ref;
+    const sideAxis = getSideAxis(placement);
+    const alignmentAxis = getAlignmentAxis(placement);
+    const alignLength = getAxisLength(alignmentAxis);
+    const side = getSide(placement);
+    const isVertical = sideAxis === "y";
+    const commonX = reference.x + reference.width / 2 - floating.width / 2;
+    const commonY = reference.y + reference.height / 2 - floating.height / 2;
+    const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+    let coords;
+    switch (side) {
+      case "top":
+        coords = {
+          x: commonX,
+          y: reference.y - floating.height
+        };
+        break;
+      case "bottom":
+        coords = {
+          x: commonX,
+          y: reference.y + reference.height
+        };
+        break;
+      case "right":
+        coords = {
+          x: reference.x + reference.width,
+          y: commonY
+        };
+        break;
+      case "left":
+        coords = {
+          x: reference.x - floating.width,
+          y: commonY
+        };
+        break;
+      default:
+        coords = {
+          x: reference.x,
+          y: reference.y
+        };
+    }
+    switch (getAlignment(placement)) {
+      case "start":
+        coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+        break;
+      case "end":
+        coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+        break;
+    }
+    return coords;
+  }
+  function detectOverflow(state2, options) {
+    return __async(this, null, function* () {
+      var _await$platform$isEle;
+      if (options === void 0) {
+        options = {};
+      }
+      const {
+        x: x2,
+        y: y2,
+        platform: platform2,
+        rects,
+        elements,
+        strategy
+      } = state2;
+      const {
+        boundary = "clippingAncestors",
+        rootBoundary = "viewport",
+        elementContext = "floating",
+        altBoundary = false,
+        padding = 0
+      } = evaluate(options, state2);
+      const paddingObject = getPaddingObject(padding);
+      const altContext = elementContext === "floating" ? "reference" : "floating";
+      const element = elements[altBoundary ? altContext : elementContext];
+      const clippingClientRect = rectToClientRect(yield platform2.getClippingRect({
+        element: ((_await$platform$isEle = yield platform2.isElement == null ? void 0 : platform2.isElement(element)) != null ? _await$platform$isEle : true) ? element : element.contextElement || (yield platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+        boundary,
+        rootBoundary,
+        strategy
+      }));
+      const rect = elementContext === "floating" ? {
+        x: x2,
+        y: y2,
+        width: rects.floating.width,
+        height: rects.floating.height
+      } : rects.reference;
+      const offsetParent = yield platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating);
+      const offsetScale = (yield platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? (yield platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+        x: 1,
+        y: 1
+      } : {
+        x: 1,
+        y: 1
+      };
+      const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? yield platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+        elements,
+        rect,
+        offsetParent,
+        strategy
+      }) : rect);
+      return {
+        top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+        bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+        left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+        right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+      };
+    });
+  }
+  function getSideOffsets(overflow, rect) {
+    return {
+      top: overflow.top - rect.height,
+      right: overflow.right - rect.width,
+      bottom: overflow.bottom - rect.height,
+      left: overflow.left - rect.width
+    };
+  }
+  function isAnySideFullyClipped(overflow) {
+    return sides.some((side) => overflow[side] >= 0);
+  }
+  function convertValueToCoords(state2, options) {
+    return __async(this, null, function* () {
+      const {
+        placement,
+        platform: platform2,
+        elements
+      } = state2;
+      const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isVertical = getSideAxis(placement) === "y";
+      const mainAxisMulti = originSides.has(side) ? -1 : 1;
+      const crossAxisMulti = rtl && isVertical ? -1 : 1;
+      const rawValue = evaluate(options, state2);
+      let {
+        mainAxis,
+        crossAxis,
+        alignmentAxis
+      } = typeof rawValue === "number" ? {
+        mainAxis: rawValue,
+        crossAxis: 0,
+        alignmentAxis: null
+      } : {
+        mainAxis: rawValue.mainAxis || 0,
+        crossAxis: rawValue.crossAxis || 0,
+        alignmentAxis: rawValue.alignmentAxis
+      };
+      if (alignment && typeof alignmentAxis === "number") {
+        crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+      }
+      return isVertical ? {
+        x: crossAxis * crossAxisMulti,
+        y: mainAxis * mainAxisMulti
+      } : {
+        x: mainAxis * mainAxisMulti,
+        y: crossAxis * crossAxisMulti
+      };
+    });
+  }
+  function hasWindow() {
+    return typeof window !== "undefined";
+  }
+  function getNodeName2(node) {
+    if (isNode2(node)) {
+      return (node.nodeName || "").toLowerCase();
+    }
+    return "#document";
+  }
+  function getWindow2(node) {
+    var _node$ownerDocument;
+    return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  }
+  function getDocumentElement2(node) {
+    var _ref;
+    return (_ref = (isNode2(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+  }
+  function isNode2(value) {
+    if (!hasWindow()) {
+      return false;
+    }
+    return value instanceof Node || value instanceof getWindow2(value).Node;
+  }
+  function isElement2(value) {
+    if (!hasWindow()) {
+      return false;
+    }
+    return value instanceof Element || value instanceof getWindow2(value).Element;
+  }
+  function isHTMLElement2(value) {
+    if (!hasWindow()) {
+      return false;
+    }
+    return value instanceof HTMLElement || value instanceof getWindow2(value).HTMLElement;
+  }
+  function isShadowRoot2(value) {
+    if (!hasWindow() || typeof ShadowRoot === "undefined") {
+      return false;
+    }
+    return value instanceof ShadowRoot || value instanceof getWindow2(value).ShadowRoot;
+  }
+  function isOverflowElement2(element) {
+    const {
+      overflow,
+      overflowX,
+      overflowY,
+      display
+    } = getComputedStyle3(element);
+    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+  }
+  function isTableElement(element) {
+    return tableElements.has(getNodeName2(element));
+  }
+  function isTopLayer(element) {
+    return topLayerSelectors.some((selector) => {
+      try {
+        return element.matches(selector);
+      } catch (_e) {
+        return false;
+      }
+    });
+  }
+  function isContainingBlock(elementOrCss) {
+    const webkit = isWebKit();
+    const css2 = isElement2(elementOrCss) ? getComputedStyle3(elementOrCss) : elementOrCss;
+    return transformProperties.some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || willChangeValues.some((value) => (css2.willChange || "").includes(value)) || containValues.some((value) => (css2.contain || "").includes(value));
+  }
+  function getContainingBlock(element) {
+    let currentNode = getParentNode2(element);
+    while (isHTMLElement2(currentNode) && !isLastTraversableNode(currentNode)) {
+      if (isContainingBlock(currentNode)) {
+        return currentNode;
+      } else if (isTopLayer(currentNode)) {
+        return null;
+      }
+      currentNode = getParentNode2(currentNode);
+    }
+    return null;
+  }
+  function isWebKit() {
+    if (typeof CSS === "undefined" || !CSS.supports) return false;
+    return CSS.supports("-webkit-backdrop-filter", "none");
+  }
+  function isLastTraversableNode(node) {
+    return lastTraversableNodeNames.has(getNodeName2(node));
+  }
+  function getComputedStyle3(element) {
+    return getWindow2(element).getComputedStyle(element);
+  }
+  function getNodeScroll(element) {
+    if (isElement2(element)) {
+      return {
+        scrollLeft: element.scrollLeft,
+        scrollTop: element.scrollTop
+      };
+    }
+    return {
+      scrollLeft: element.scrollX,
+      scrollTop: element.scrollY
+    };
+  }
+  function getParentNode2(node) {
+    if (getNodeName2(node) === "html") {
+      return node;
+    }
+    const result = (
+      // Step into the shadow DOM of the parent of a slotted node.
+      node.assignedSlot || // DOM Element detected.
+      node.parentNode || // ShadowRoot detected.
+      isShadowRoot2(node) && node.host || // Fallback.
+      getDocumentElement2(node)
+    );
+    return isShadowRoot2(result) ? result.host : result;
+  }
+  function getNearestOverflowAncestor2(node) {
+    const parentNode = getParentNode2(node);
+    if (isLastTraversableNode(parentNode)) {
+      return node.ownerDocument ? node.ownerDocument.body : node.body;
+    }
+    if (isHTMLElement2(parentNode) && isOverflowElement2(parentNode)) {
+      return parentNode;
+    }
+    return getNearestOverflowAncestor2(parentNode);
+  }
+  function getOverflowAncestors(node, list, traverseIframes) {
+    var _node$ownerDocument2;
+    if (list === void 0) {
+      list = [];
+    }
+    if (traverseIframes === void 0) {
+      traverseIframes = true;
+    }
+    const scrollableAncestor = getNearestOverflowAncestor2(node);
+    const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+    const win = getWindow2(scrollableAncestor);
+    if (isBody) {
+      const frameElement = getFrameElement(win);
+      return list.concat(win, win.visualViewport || [], isOverflowElement2(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+    }
+    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+  }
+  function getFrameElement(win) {
+    return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+  }
+  function getCssDimensions(element) {
+    const css2 = getComputedStyle3(element);
+    let width = parseFloat(css2.width) || 0;
+    let height = parseFloat(css2.height) || 0;
+    const hasOffset = isHTMLElement2(element);
+    const offsetWidth = hasOffset ? element.offsetWidth : width;
+    const offsetHeight = hasOffset ? element.offsetHeight : height;
+    const shouldFallback = round2(width) !== offsetWidth || round2(height) !== offsetHeight;
+    if (shouldFallback) {
+      width = offsetWidth;
+      height = offsetHeight;
+    }
+    return {
+      width,
+      height,
+      $: shouldFallback
+    };
+  }
+  function unwrapElement(element) {
+    return !isElement2(element) ? element.contextElement : element;
+  }
+  function getScale(element) {
+    const domElement = unwrapElement(element);
+    if (!isHTMLElement2(domElement)) {
+      return createCoords(1);
+    }
+    const rect = domElement.getBoundingClientRect();
+    const {
+      width,
+      height,
+      $
+    } = getCssDimensions(domElement);
+    let x2 = ($ ? round2(rect.width) : rect.width) / width;
+    let y2 = ($ ? round2(rect.height) : rect.height) / height;
+    if (!x2 || !Number.isFinite(x2)) {
+      x2 = 1;
+    }
+    if (!y2 || !Number.isFinite(y2)) {
+      y2 = 1;
+    }
+    return {
+      x: x2,
+      y: y2
+    };
+  }
+  function getVisualOffsets(element) {
+    const win = getWindow2(element);
+    if (!isWebKit() || !win.visualViewport) {
+      return noOffsets;
+    }
+    return {
+      x: win.visualViewport.offsetLeft,
+      y: win.visualViewport.offsetTop
+    };
+  }
+  function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+    if (isFixed === void 0) {
+      isFixed = false;
+    }
+    if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow2(element)) {
+      return false;
+    }
+    return isFixed;
+  }
+  function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+    if (includeScale === void 0) {
+      includeScale = false;
+    }
+    if (isFixedStrategy === void 0) {
+      isFixedStrategy = false;
+    }
+    const clientRect = element.getBoundingClientRect();
+    const domElement = unwrapElement(element);
+    let scale = createCoords(1);
+    if (includeScale) {
+      if (offsetParent) {
+        if (isElement2(offsetParent)) {
+          scale = getScale(offsetParent);
+        }
+      } else {
+        scale = getScale(element);
+      }
+    }
+    const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+    let x2 = (clientRect.left + visualOffsets.x) / scale.x;
+    let y2 = (clientRect.top + visualOffsets.y) / scale.y;
+    let width = clientRect.width / scale.x;
+    let height = clientRect.height / scale.y;
+    if (domElement) {
+      const win = getWindow2(domElement);
+      const offsetWin = offsetParent && isElement2(offsetParent) ? getWindow2(offsetParent) : offsetParent;
+      let currentWin = win;
+      let currentIFrame = getFrameElement(currentWin);
+      while (currentIFrame && offsetParent && offsetWin !== currentWin) {
+        const iframeScale = getScale(currentIFrame);
+        const iframeRect = currentIFrame.getBoundingClientRect();
+        const css2 = getComputedStyle3(currentIFrame);
+        const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css2.paddingLeft)) * iframeScale.x;
+        const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css2.paddingTop)) * iframeScale.y;
+        x2 *= iframeScale.x;
+        y2 *= iframeScale.y;
+        width *= iframeScale.x;
+        height *= iframeScale.y;
+        x2 += left;
+        y2 += top;
+        currentWin = getWindow2(currentIFrame);
+        currentIFrame = getFrameElement(currentWin);
+      }
+    }
+    return rectToClientRect({
+      width,
+      height,
+      x: x2,
+      y: y2
+    });
+  }
+  function getWindowScrollBarX(element, rect) {
+    const leftScroll = getNodeScroll(element).scrollLeft;
+    if (!rect) {
+      return getBoundingClientRect(getDocumentElement2(element)).left + leftScroll;
+    }
+    return rect.left + leftScroll;
+  }
+  function getHTMLOffset(documentElement, scroll) {
+    const htmlRect = documentElement.getBoundingClientRect();
+    const x2 = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
+    const y2 = htmlRect.top + scroll.scrollTop;
+    return {
+      x: x2,
+      y: y2
+    };
+  }
+  function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+    let {
+      elements,
+      rect,
+      offsetParent,
+      strategy
+    } = _ref;
+    const isFixed = strategy === "fixed";
+    const documentElement = getDocumentElement2(offsetParent);
+    const topLayer = elements ? isTopLayer(elements.floating) : false;
+    if (offsetParent === documentElement || topLayer && isFixed) {
+      return rect;
+    }
+    let scroll = {
+      scrollLeft: 0,
+      scrollTop: 0
+    };
+    let scale = createCoords(1);
+    const offsets = createCoords(0);
+    const isOffsetParentAnElement = isHTMLElement2(offsetParent);
+    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+      if (getNodeName2(offsetParent) !== "body" || isOverflowElement2(documentElement)) {
+        scroll = getNodeScroll(offsetParent);
+      }
+      if (isHTMLElement2(offsetParent)) {
+        const offsetRect = getBoundingClientRect(offsetParent);
+        scale = getScale(offsetParent);
+        offsets.x = offsetRect.x + offsetParent.clientLeft;
+        offsets.y = offsetRect.y + offsetParent.clientTop;
+      }
+    }
+    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+    return {
+      width: rect.width * scale.x,
+      height: rect.height * scale.y,
+      x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+      y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
+    };
+  }
+  function getClientRects(element) {
+    return Array.from(element.getClientRects());
+  }
+  function getDocumentRect(element) {
+    const html = getDocumentElement2(element);
+    const scroll = getNodeScroll(element);
+    const body = element.ownerDocument.body;
+    const width = max3(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+    const height = max3(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+    let x2 = -scroll.scrollLeft + getWindowScrollBarX(element);
+    const y2 = -scroll.scrollTop;
+    if (getComputedStyle3(body).direction === "rtl") {
+      x2 += max3(html.clientWidth, body.clientWidth) - width;
+    }
+    return {
+      width,
+      height,
+      x: x2,
+      y: y2
+    };
+  }
+  function getViewportRect2(element, strategy) {
+    const win = getWindow2(element);
+    const html = getDocumentElement2(element);
+    const visualViewport = win.visualViewport;
+    let width = html.clientWidth;
+    let height = html.clientHeight;
+    let x2 = 0;
+    let y2 = 0;
+    if (visualViewport) {
+      width = visualViewport.width;
+      height = visualViewport.height;
+      const visualViewportBased = isWebKit();
+      if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+        x2 = visualViewport.offsetLeft;
+        y2 = visualViewport.offsetTop;
+      }
+    }
+    const windowScrollbarX = getWindowScrollBarX(html);
+    if (windowScrollbarX <= 0) {
+      const doc = html.ownerDocument;
+      const body = doc.body;
+      const bodyStyles = getComputedStyle(body);
+      const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+      const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+      if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+        width -= clippingStableScrollbarWidth;
+      }
+    } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+      width += windowScrollbarX;
+    }
+    return {
+      width,
+      height,
+      x: x2,
+      y: y2
+    };
+  }
+  function getInnerBoundingClientRect(element, strategy) {
+    const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
+    const top = clientRect.top + element.clientTop;
+    const left = clientRect.left + element.clientLeft;
+    const scale = isHTMLElement2(element) ? getScale(element) : createCoords(1);
+    const width = element.clientWidth * scale.x;
+    const height = element.clientHeight * scale.y;
+    const x2 = left * scale.x;
+    const y2 = top * scale.y;
+    return {
+      width,
+      height,
+      x: x2,
+      y: y2
+    };
+  }
+  function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+    let rect;
+    if (clippingAncestor === "viewport") {
+      rect = getViewportRect2(element, strategy);
+    } else if (clippingAncestor === "document") {
+      rect = getDocumentRect(getDocumentElement2(element));
+    } else if (isElement2(clippingAncestor)) {
+      rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+    } else {
+      const visualOffsets = getVisualOffsets(element);
+      rect = {
+        x: clippingAncestor.x - visualOffsets.x,
+        y: clippingAncestor.y - visualOffsets.y,
+        width: clippingAncestor.width,
+        height: clippingAncestor.height
+      };
+    }
+    return rectToClientRect(rect);
+  }
+  function hasFixedPositionAncestor(element, stopNode) {
+    const parentNode = getParentNode2(element);
+    if (parentNode === stopNode || !isElement2(parentNode) || isLastTraversableNode(parentNode)) {
+      return false;
+    }
+    return getComputedStyle3(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+  }
+  function getClippingElementAncestors(element, cache) {
+    const cachedResult = cache.get(element);
+    if (cachedResult) {
+      return cachedResult;
+    }
+    let result = getOverflowAncestors(element, [], false).filter((el) => isElement2(el) && getNodeName2(el) !== "body");
+    let currentContainingBlockComputedStyle = null;
+    const elementIsFixed = getComputedStyle3(element).position === "fixed";
+    let currentNode = elementIsFixed ? getParentNode2(element) : element;
+    while (isElement2(currentNode) && !isLastTraversableNode(currentNode)) {
+      const computedStyle = getComputedStyle3(currentNode);
+      const currentNodeIsContaining = isContainingBlock(currentNode);
+      if (!currentNodeIsContaining && computedStyle.position === "fixed") {
+        currentContainingBlockComputedStyle = null;
+      }
+      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement2(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+      if (shouldDropCurrentNode) {
+        result = result.filter((ancestor) => ancestor !== currentNode);
+      } else {
+        currentContainingBlockComputedStyle = computedStyle;
+      }
+      currentNode = getParentNode2(currentNode);
+    }
+    cache.set(element, result);
+    return result;
+  }
+  function getClippingRect(_ref) {
+    let {
+      element,
+      boundary,
+      rootBoundary,
+      strategy
+    } = _ref;
+    const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
+    const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+    const firstClippingAncestor = clippingAncestors[0];
+    const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+      const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+      accRect.top = max3(rect.top, accRect.top);
+      accRect.right = min3(rect.right, accRect.right);
+      accRect.bottom = min3(rect.bottom, accRect.bottom);
+      accRect.left = max3(rect.left, accRect.left);
+      return accRect;
+    }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+    return {
+      width: clippingRect.right - clippingRect.left,
+      height: clippingRect.bottom - clippingRect.top,
+      x: clippingRect.left,
+      y: clippingRect.top
+    };
+  }
+  function getDimensions(element) {
+    const {
+      width,
+      height
+    } = getCssDimensions(element);
+    return {
+      width,
+      height
+    };
+  }
+  function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+    const isOffsetParentAnElement = isHTMLElement2(offsetParent);
+    const documentElement = getDocumentElement2(offsetParent);
+    const isFixed = strategy === "fixed";
+    const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+    let scroll = {
+      scrollLeft: 0,
+      scrollTop: 0
+    };
+    const offsets = createCoords(0);
+    function setLeftRTLScrollbarOffset() {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+      if (getNodeName2(offsetParent) !== "body" || isOverflowElement2(documentElement)) {
+        scroll = getNodeScroll(offsetParent);
+      }
+      if (isOffsetParentAnElement) {
+        const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+        offsets.x = offsetRect.x + offsetParent.clientLeft;
+        offsets.y = offsetRect.y + offsetParent.clientTop;
+      } else if (documentElement) {
+        setLeftRTLScrollbarOffset();
+      }
+    }
+    if (isFixed && !isOffsetParentAnElement && documentElement) {
+      setLeftRTLScrollbarOffset();
+    }
+    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+    const x2 = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+    const y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
+    return {
+      x: x2,
+      y: y2,
+      width: rect.width,
+      height: rect.height
+    };
+  }
+  function isStaticPositioned(element) {
+    return getComputedStyle3(element).position === "static";
+  }
+  function getTrueOffsetParent(element, polyfill) {
+    if (!isHTMLElement2(element) || getComputedStyle3(element).position === "fixed") {
+      return null;
+    }
+    if (polyfill) {
+      return polyfill(element);
+    }
+    let rawOffsetParent = element.offsetParent;
+    if (getDocumentElement2(element) === rawOffsetParent) {
+      rawOffsetParent = rawOffsetParent.ownerDocument.body;
+    }
+    return rawOffsetParent;
+  }
+  function getOffsetParent(element, polyfill) {
+    const win = getWindow2(element);
+    if (isTopLayer(element)) {
+      return win;
+    }
+    if (!isHTMLElement2(element)) {
+      let svgOffsetParent = getParentNode2(element);
+      while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+        if (isElement2(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+          return svgOffsetParent;
+        }
+        svgOffsetParent = getParentNode2(svgOffsetParent);
+      }
+      return win;
+    }
+    let offsetParent = getTrueOffsetParent(element, polyfill);
+    while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+      offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+    }
+    if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+      return win;
+    }
+    return offsetParent || getContainingBlock(element) || win;
+  }
+  function isRTL(element) {
+    return getComputedStyle3(element).direction === "rtl";
+  }
+  function rectsAreEqual(a2, b2) {
+    return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
+  }
+  function observeMove(element, onMove) {
+    let io = null;
+    let timeoutId;
+    const root = getDocumentElement2(element);
+    function cleanup() {
+      var _io;
+      clearTimeout(timeoutId);
+      (_io = io) == null || _io.disconnect();
+      io = null;
+    }
+    function refresh(skip, threshold) {
+      if (skip === void 0) {
+        skip = false;
+      }
+      if (threshold === void 0) {
+        threshold = 1;
+      }
+      cleanup();
+      const elementRectForRootMargin = element.getBoundingClientRect();
+      const {
+        left,
+        top,
+        width,
+        height
+      } = elementRectForRootMargin;
+      if (!skip) {
+        onMove();
+      }
+      if (!width || !height) {
+        return;
+      }
+      const insetTop = floor2(top);
+      const insetRight = floor2(root.clientWidth - (left + width));
+      const insetBottom = floor2(root.clientHeight - (top + height));
+      const insetLeft = floor2(left);
+      const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+      const options = {
+        rootMargin,
+        threshold: max3(0, min3(1, threshold)) || 1
+      };
+      let isFirstUpdate = true;
+      function handleObserve(entries) {
+        const ratio = entries[0].intersectionRatio;
+        if (ratio !== threshold) {
+          if (!isFirstUpdate) {
+            return refresh();
+          }
+          if (!ratio) {
+            timeoutId = setTimeout(() => {
+              refresh(false, 1e-7);
+            }, 1e3);
+          } else {
+            refresh(false, ratio);
+          }
+        }
+        if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+          refresh();
+        }
+        isFirstUpdate = false;
+      }
+      try {
+        io = new IntersectionObserver(handleObserve, __spreadProps(__spreadValues({}, options), {
+          // Handle <iframe>s
+          root: root.ownerDocument
+        }));
+      } catch (_e) {
+        io = new IntersectionObserver(handleObserve, options);
+      }
+      io.observe(element);
+    }
+    refresh(true);
+    return cleanup;
+  }
+  function autoUpdate(reference, floating, update, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    const {
+      ancestorScroll = true,
+      ancestorResize = true,
+      elementResize = typeof ResizeObserver === "function",
+      layoutShift = typeof IntersectionObserver === "function",
+      animationFrame = false
+    } = options;
+    const referenceEl = unwrapElement(reference);
+    const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
+    ancestors.forEach((ancestor) => {
+      ancestorScroll && ancestor.addEventListener("scroll", update, {
+        passive: true
+      });
+      ancestorResize && ancestor.addEventListener("resize", update);
+    });
+    const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+    let reobserveFrame = -1;
+    let resizeObserver = null;
+    if (elementResize) {
+      resizeObserver = new ResizeObserver((_ref) => {
+        let [firstEntry] = _ref;
+        if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+          resizeObserver.unobserve(floating);
+          cancelAnimationFrame(reobserveFrame);
+          reobserveFrame = requestAnimationFrame(() => {
+            var _resizeObserver;
+            (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+          });
+        }
+        update();
+      });
+      if (referenceEl && !animationFrame) {
+        resizeObserver.observe(referenceEl);
+      }
+      resizeObserver.observe(floating);
+    }
+    let frameId;
+    let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+    if (animationFrame) {
+      frameLoop();
+    }
+    function frameLoop() {
+      const nextRefRect = getBoundingClientRect(reference);
+      if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
+        update();
+      }
+      prevRefRect = nextRefRect;
+      frameId = requestAnimationFrame(frameLoop);
+    }
+    update();
+    return () => {
+      var _resizeObserver2;
+      ancestors.forEach((ancestor) => {
+        ancestorScroll && ancestor.removeEventListener("scroll", update);
+        ancestorResize && ancestor.removeEventListener("resize", update);
+      });
+      cleanupIo == null || cleanupIo();
+      (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+      resizeObserver = null;
+      if (animationFrame) {
+        cancelAnimationFrame(frameId);
+      }
+    };
+  }
+  function createDOMRect(x2 = 0, y2 = 0, width = 0, height = 0) {
+    if (typeof DOMRect === "function") {
+      return new DOMRect(x2, y2, width, height);
+    }
+    const rect = {
+      x: x2,
+      y: y2,
+      width,
+      height,
+      top: y2,
+      right: x2 + width,
+      bottom: y2 + height,
+      left: x2
+    };
+    return __spreadProps(__spreadValues({}, rect), { toJSON: () => rect });
+  }
+  function getDOMRect(anchorRect) {
+    if (!anchorRect) return createDOMRect();
+    const { x: x2, y: y2, width, height } = anchorRect;
+    return createDOMRect(x2, y2, width, height);
+  }
+  function getAnchorElement(anchorElement, getAnchorRect) {
+    return {
+      contextElement: isHTMLElement(anchorElement) ? anchorElement : anchorElement == null ? void 0 : anchorElement.contextElement,
+      getBoundingClientRect: () => {
+        const anchor = anchorElement;
+        const anchorRect = getAnchorRect == null ? void 0 : getAnchorRect(anchor);
+        if (anchorRect || !anchor) {
+          return getDOMRect(anchorRect);
+        }
+        return anchor.getBoundingClientRect();
+      }
+    };
+  }
+  function createTransformOriginMiddleware(opts, arrowEl) {
+    return {
+      name: "transformOrigin",
+      fn(state2) {
+        var _a, _b, _c, _d, _e;
+        const { elements, middlewareData, placement, rects, y: y2 } = state2;
+        const side = placement.split("-")[0];
+        const axis = getSideAxis2(side);
+        const arrowX = ((_a = middlewareData.arrow) == null ? void 0 : _a.x) || 0;
+        const arrowY = ((_b = middlewareData.arrow) == null ? void 0 : _b.y) || 0;
+        const arrowWidth = (arrowEl == null ? void 0 : arrowEl.clientWidth) || 0;
+        const arrowHeight = (arrowEl == null ? void 0 : arrowEl.clientHeight) || 0;
+        const transformX = arrowX + arrowWidth / 2;
+        const transformY = arrowY + arrowHeight / 2;
+        const shiftY = Math.abs(((_c = middlewareData.shift) == null ? void 0 : _c.y) || 0);
+        const halfAnchorHeight = rects.reference.height / 2;
+        const arrowOffset = arrowHeight / 2;
+        const gutter = (_e = (_d = opts.offset) == null ? void 0 : _d.mainAxis) != null ? _e : opts.gutter;
+        const sideOffsetValue = typeof gutter === "number" ? gutter + arrowOffset : gutter != null ? gutter : arrowOffset;
+        const isOverlappingAnchor = shiftY > sideOffsetValue;
+        const adjacentTransformOrigin = {
+          top: `${transformX}px calc(100% + ${sideOffsetValue}px)`,
+          bottom: `${transformX}px ${-sideOffsetValue}px`,
+          left: `calc(100% + ${sideOffsetValue}px) ${transformY}px`,
+          right: `${-sideOffsetValue}px ${transformY}px`
+        }[side];
+        const overlapTransformOrigin = `${transformX}px ${rects.reference.y + halfAnchorHeight - y2}px`;
+        const useOverlap = Boolean(opts.overlap) && axis === "y" && isOverlappingAnchor;
+        elements.floating.style.setProperty(
+          cssVars.transformOrigin.variable,
+          useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
+        );
+        return {
+          data: {
+            transformOrigin: useOverlap ? overlapTransformOrigin : adjacentTransformOrigin
+          }
+        };
+      }
+    };
+  }
+  function getPlacementDetails(placement) {
+    const [side, align] = placement.split("-");
+    return { side, align, hasAlign: align != null };
+  }
+  function getPlacementSide(placement) {
+    return placement.split("-")[0];
+  }
+  function roundByDpr(win, value) {
+    const dpr = win.devicePixelRatio || 1;
+    return Math.round(value * dpr) / dpr;
+  }
+  function resolveBoundaryOption(boundary) {
+    if (typeof boundary === "function") return boundary();
+    if (boundary === "clipping-ancestors") return "clippingAncestors";
+    return boundary;
+  }
+  function getArrowMiddleware(arrowElement, doc, opts) {
+    const element = arrowElement || doc.createElement("div");
+    return arrow2({ element, padding: opts.arrowPadding });
+  }
+  function getOffsetMiddleware(arrowElement, opts) {
+    var _a;
+    if (isNull((_a = opts.offset) != null ? _a : opts.gutter)) return;
+    return offset2(({ placement }) => {
+      var _a2, _b, _c, _d;
+      const arrowOffset = ((arrowElement == null ? void 0 : arrowElement.clientHeight) || 0) / 2;
+      const gutter = (_b = (_a2 = opts.offset) == null ? void 0 : _a2.mainAxis) != null ? _b : opts.gutter;
+      const mainAxis = typeof gutter === "number" ? gutter + arrowOffset : gutter != null ? gutter : arrowOffset;
+      const { hasAlign } = getPlacementDetails(placement);
+      const shift22 = !hasAlign ? opts.shift : void 0;
+      const crossAxis = (_d = (_c = opts.offset) == null ? void 0 : _c.crossAxis) != null ? _d : shift22;
+      return compact({
+        crossAxis,
+        mainAxis,
+        alignmentAxis: opts.shift
+      });
+    });
+  }
+  function getFlipMiddleware(opts) {
+    if (!opts.flip) return;
+    const boundary = resolveBoundaryOption(opts.boundary);
+    return flip2(__spreadProps(__spreadValues({}, boundary ? { boundary } : void 0), {
+      padding: opts.overflowPadding,
+      fallbackPlacements: opts.flip === true ? void 0 : opts.flip
+    }));
+  }
+  function getShiftMiddleware(opts) {
+    if (!opts.slide && !opts.overlap) return;
+    const boundary = resolveBoundaryOption(opts.boundary);
+    return shift2(__spreadProps(__spreadValues({}, boundary ? { boundary } : void 0), {
+      mainAxis: opts.slide,
+      crossAxis: opts.overlap,
+      padding: opts.overflowPadding,
+      limiter: limitShift2()
+    }));
+  }
+  function getSizeMiddleware(opts) {
+    return size2({
+      padding: opts.overflowPadding,
+      apply({ elements, rects, availableHeight, availableWidth }) {
+        const floating = elements.floating;
+        const referenceWidth = Math.round(rects.reference.width);
+        const referenceHeight = Math.round(rects.reference.height);
+        availableWidth = Math.floor(availableWidth);
+        availableHeight = Math.floor(availableHeight);
+        floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+        floating.style.setProperty("--reference-height", `${referenceHeight}px`);
+        floating.style.setProperty("--available-width", `${availableWidth}px`);
+        floating.style.setProperty("--available-height", `${availableHeight}px`);
+      }
+    });
+  }
+  function hideWhenDetachedMiddleware(opts) {
+    var _a;
+    if (!opts.hideWhenDetached) return;
+    return hide2({ strategy: "referenceHidden", boundary: (_a = resolveBoundaryOption(opts.boundary)) != null ? _a : "clippingAncestors" });
+  }
+  function getAutoUpdateOptions(opts) {
+    if (!opts) return {};
+    if (opts === true) {
+      return { ancestorResize: true, ancestorScroll: true, elementResize: true, layoutShift: true };
+    }
+    return opts;
+  }
+  function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
+    var _a, _b;
+    const anchor = (_b = (_a = opts.getAnchorElement) == null ? void 0 : _a.call(opts)) != null ? _b : referenceOrVirtual;
+    const reference = getAnchorElement(anchor, opts.getAnchorRect);
+    if (!floating || !reference) return;
+    const options = Object.assign({}, defaultOptions, opts);
+    const arrowEl = floating.querySelector("[data-part=arrow]");
+    const middleware = [
+      getOffsetMiddleware(arrowEl, options),
+      getFlipMiddleware(options),
+      getShiftMiddleware(options),
+      getArrowMiddleware(arrowEl, floating.ownerDocument, options),
+      shiftArrowMiddleware(arrowEl),
+      createTransformOriginMiddleware(
+        { gutter: options.gutter, offset: options.offset, overlap: options.overlap },
+        arrowEl
+      ),
+      getSizeMiddleware(options),
+      hideWhenDetachedMiddleware(options),
+      rectMiddleware
+    ];
+    const { placement, strategy, onComplete, onPositioned } = options;
+    const updatePosition = () => __async(null, null, function* () {
+      var _a2;
+      if (!reference || !floating) return;
+      const pos = yield computePosition2(reference, floating, {
+        placement,
+        middleware,
+        strategy
+      });
+      onComplete == null ? void 0 : onComplete(pos);
+      onPositioned == null ? void 0 : onPositioned({ placed: true });
+      const win = getWindow(floating);
+      const x2 = roundByDpr(win, pos.x);
+      const y2 = roundByDpr(win, pos.y);
+      floating.style.setProperty("--x", `${x2}px`);
+      floating.style.setProperty("--y", `${y2}px`);
+      if (options.hideWhenDetached) {
+        const isHidden = (_a2 = pos.middlewareData.hide) == null ? void 0 : _a2.referenceHidden;
+        if (isHidden) {
+          floating.style.setProperty("visibility", "hidden");
+          floating.style.setProperty("pointer-events", "none");
+        } else {
+          floating.style.removeProperty("visibility");
+          floating.style.removeProperty("pointer-events");
+        }
+      }
+      const contentEl = floating.firstElementChild;
+      if (contentEl) {
+        const styles = getComputedStyle2(contentEl);
+        floating.style.setProperty("--z-index", styles.zIndex);
+      }
+    });
+    const update = () => __async(null, null, function* () {
+      if (opts.updatePosition) {
+        yield opts.updatePosition({ updatePosition, floatingElement: floating });
+        onPositioned == null ? void 0 : onPositioned({ placed: true });
+      } else {
+        yield updatePosition();
+      }
+    });
+    const autoUpdateOptions = getAutoUpdateOptions(options.listeners);
+    const cancelAutoUpdate = options.listeners ? autoUpdate(reference, floating, update, autoUpdateOptions) : noop2;
+    update();
+    return () => {
+      cancelAutoUpdate == null ? void 0 : cancelAutoUpdate();
+      onPositioned == null ? void 0 : onPositioned({ placed: false });
+    };
+  }
+  function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
+    const _a = opts, { defer } = _a, options = __objRest(_a, ["defer"]);
+    const func = defer ? raf : (v2) => v2();
+    const cleanups = [];
+    cleanups.push(
+      func(() => {
+        const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
+        const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
+        cleanups.push(getPlacementImpl(reference, floating, options));
+      })
+    );
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  function getPlacementStyles(options = {}) {
+    const { placement, sameWidth, fitViewport, strategy = "absolute" } = options;
+    return {
+      arrow: {
+        position: "absolute",
+        width: cssVars.arrowSize.reference,
+        height: cssVars.arrowSize.reference,
+        [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
+        [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
+      },
+      arrowTip: {
+        // @ts-expect-error - Fix this
+        transform: placement ? ARROW_FLOATING_STYLE[placement.split("-")[0]] : void 0,
+        background: cssVars.arrowBg.reference,
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        zIndex: "inherit"
+      },
+      floating: {
+        position: strategy,
+        isolation: "isolate",
+        minWidth: sameWidth ? void 0 : "max-content",
+        width: sameWidth ? "var(--reference-width)" : void 0,
+        maxWidth: fitViewport ? "var(--available-width)" : void 0,
+        maxHeight: fitViewport ? "var(--available-height)" : void 0,
+        pointerEvents: !placement ? "none" : void 0,
+        top: "0px",
+        left: "0px",
+        // move off-screen if placement is not defined
+        transform: placement ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
+        zIndex: "var(--z-index)"
+      }
+    };
+  }
+  var sides, min3, max3, round2, floor2, createCoords, oppositeSideMap, oppositeAlignmentMap, yAxisSides, lrPlacement, rlPlacement, tbPlacement, btPlacement, computePosition, arrow, flip, hide, originSides, offset, shift, limitShift, size, invalidOverflowDisplayValues, tableElements, topLayerSelectors, transformProperties, willChangeValues, containValues, lastTraversableNodeNames, noOffsets, SCROLLBAR_MAX, absoluteOrFixed, getElementRects, platform, offset2, shift2, flip2, size2, hide2, arrow2, limitShift2, computePosition2, toVar, cssVars, getSideAxis2, rectMiddleware, shiftArrowMiddleware, defaultOptions, ARROW_FLOATING_STYLE;
+  var init_chunk_EENFWNGI = __esm({
+    "../priv/static/chunk-EENFWNGI.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      sides = ["top", "right", "bottom", "left"];
+      min3 = Math.min;
+      max3 = Math.max;
+      round2 = Math.round;
+      floor2 = Math.floor;
+      createCoords = (v2) => ({
+        x: v2,
+        y: v2
+      });
+      oppositeSideMap = {
+        left: "right",
+        right: "left",
+        bottom: "top",
+        top: "bottom"
+      };
+      oppositeAlignmentMap = {
+        start: "end",
+        end: "start"
+      };
+      yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
+      lrPlacement = ["left", "right"];
+      rlPlacement = ["right", "left"];
+      tbPlacement = ["top", "bottom"];
+      btPlacement = ["bottom", "top"];
+      computePosition = (reference, floating, config) => __async(null, null, function* () {
+        const {
+          placement = "bottom",
+          strategy = "absolute",
+          middleware = [],
+          platform: platform2
+        } = config;
+        const validMiddleware = middleware.filter(Boolean);
+        const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(floating);
+        let rects = yield platform2.getElementRects({
+          reference,
+          floating,
+          strategy
+        });
+        let {
+          x: x2,
+          y: y2
+        } = computeCoordsFromPlacement(rects, placement, rtl);
+        let statefulPlacement = placement;
+        let middlewareData = {};
+        let resetCount = 0;
+        for (let i2 = 0; i2 < validMiddleware.length; i2++) {
+          var _platform$detectOverf;
+          const {
+            name,
+            fn
+          } = validMiddleware[i2];
+          const {
+            x: nextX,
+            y: nextY,
+            data,
+            reset
+          } = yield fn({
+            x: x2,
+            y: y2,
+            initialPlacement: placement,
+            placement: statefulPlacement,
+            strategy,
+            middlewareData,
+            rects,
+            platform: __spreadProps(__spreadValues({}, platform2), {
+              detectOverflow: (_platform$detectOverf = platform2.detectOverflow) != null ? _platform$detectOverf : detectOverflow
+            }),
+            elements: {
+              reference,
+              floating
+            }
+          });
+          x2 = nextX != null ? nextX : x2;
+          y2 = nextY != null ? nextY : y2;
+          middlewareData = __spreadProps(__spreadValues({}, middlewareData), {
+            [name]: __spreadValues(__spreadValues({}, middlewareData[name]), data)
+          });
+          if (reset && resetCount <= 50) {
+            resetCount++;
+            if (typeof reset === "object") {
+              if (reset.placement) {
+                statefulPlacement = reset.placement;
+              }
+              if (reset.rects) {
+                rects = reset.rects === true ? yield platform2.getElementRects({
+                  reference,
+                  floating,
+                  strategy
+                }) : reset.rects;
+              }
+              ({
+                x: x2,
+                y: y2
+              } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+            }
+            i2 = -1;
+          }
+        }
+        return {
+          x: x2,
+          y: y2,
+          placement: statefulPlacement,
+          strategy,
+          middlewareData
+        };
+      });
+      arrow = (options) => ({
+        name: "arrow",
+        options,
+        fn(state2) {
+          return __async(this, null, function* () {
+            const {
+              x: x2,
+              y: y2,
+              placement,
+              rects,
+              platform: platform2,
+              elements,
+              middlewareData
+            } = state2;
+            const {
+              element,
+              padding = 0
+            } = evaluate(options, state2) || {};
+            if (element == null) {
+              return {};
+            }
+            const paddingObject = getPaddingObject(padding);
+            const coords = {
+              x: x2,
+              y: y2
+            };
+            const axis = getAlignmentAxis(placement);
+            const length = getAxisLength(axis);
+            const arrowDimensions = yield platform2.getDimensions(element);
+            const isYAxis = axis === "y";
+            const minProp = isYAxis ? "top" : "left";
+            const maxProp = isYAxis ? "bottom" : "right";
+            const clientProp = isYAxis ? "clientHeight" : "clientWidth";
+            const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
+            const startDiff = coords[axis] - rects.reference[axis];
+            const arrowOffsetParent = yield platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element);
+            let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+            if (!clientSize || !(yield platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) {
+              clientSize = elements.floating[clientProp] || rects.floating[length];
+            }
+            const centerToReference = endDiff / 2 - startDiff / 2;
+            const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+            const minPadding = min3(paddingObject[minProp], largestPossiblePadding);
+            const maxPadding = min3(paddingObject[maxProp], largestPossiblePadding);
+            const min$1 = minPadding;
+            const max22 = clientSize - arrowDimensions[length] - maxPadding;
+            const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
+            const offset3 = clamp4(min$1, center, max22);
+            const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+            const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max22 : 0;
+            return {
+              [axis]: coords[axis] + alignmentOffset,
+              data: __spreadValues({
+                [axis]: offset3,
+                centerOffset: center - offset3 - alignmentOffset
+              }, shouldAddOffset && {
+                alignmentOffset
+              }),
+              reset: shouldAddOffset
+            };
+          });
+        }
+      });
+      flip = function(options) {
+        if (options === void 0) {
+          options = {};
+        }
+        return {
+          name: "flip",
+          options,
+          fn(state2) {
+            return __async(this, null, function* () {
+              var _middlewareData$arrow, _middlewareData$flip;
+              const {
+                placement,
+                middlewareData,
+                rects,
+                initialPlacement,
+                platform: platform2,
+                elements
+              } = state2;
+              const _a2 = evaluate(options, state2), {
+                mainAxis: checkMainAxis = true,
+                crossAxis: checkCrossAxis = true,
+                fallbackPlacements: specifiedFallbackPlacements,
+                fallbackStrategy = "bestFit",
+                fallbackAxisSideDirection = "none",
+                flipAlignment = true
+              } = _a2, detectOverflowOptions = __objRest(_a2, [
+                "mainAxis",
+                "crossAxis",
+                "fallbackPlacements",
+                "fallbackStrategy",
+                "fallbackAxisSideDirection",
+                "flipAlignment"
+              ]);
+              if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+                return {};
+              }
+              const side = getSide(placement);
+              const initialSideAxis = getSideAxis(initialPlacement);
+              const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+              const rtl = yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
+              const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+              const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+              if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+                fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+              }
+              const placements2 = [initialPlacement, ...fallbackPlacements];
+              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
+              const overflows = [];
+              let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+              if (checkMainAxis) {
+                overflows.push(overflow[side]);
+              }
+              if (checkCrossAxis) {
+                const sides2 = getAlignmentSides(placement, rects, rtl);
+                overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
+              }
+              overflowsData = [...overflowsData, {
+                placement,
+                overflows
+              }];
+              if (!overflows.every((side2) => side2 <= 0)) {
+                var _middlewareData$flip2, _overflowsData$filter;
+                const nextIndex2 = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+                const nextPlacement = placements2[nextIndex2];
+                if (nextPlacement) {
+                  const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+                  if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
+                  // overflows the main axis.
+                  overflowsData.every((d2) => getSideAxis(d2.placement) === initialSideAxis ? d2.overflows[0] > 0 : true)) {
+                    return {
+                      data: {
+                        index: nextIndex2,
+                        overflows: overflowsData
+                      },
+                      reset: {
+                        placement: nextPlacement
+                      }
+                    };
+                  }
+                }
+                let resetPlacement = (_overflowsData$filter = overflowsData.filter((d2) => d2.overflows[0] <= 0).sort((a2, b2) => a2.overflows[1] - b2.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+                if (!resetPlacement) {
+                  switch (fallbackStrategy) {
+                    case "bestFit": {
+                      var _overflowsData$filter2;
+                      const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                        if (hasFallbackAxisSideDirection) {
+                          const currentSideAxis = getSideAxis(d2.placement);
+                          return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                          // reading directions favoring greater width.
+                          currentSideAxis === "y";
+                        }
+                        return true;
+                      }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+                      if (placement2) {
+                        resetPlacement = placement2;
+                      }
+                      break;
+                    }
+                    case "initialPlacement":
+                      resetPlacement = initialPlacement;
+                      break;
+                  }
+                }
+                if (placement !== resetPlacement) {
+                  return {
+                    reset: {
+                      placement: resetPlacement
+                    }
+                  };
+                }
+              }
+              return {};
+            });
+          }
+        };
+      };
+      hide = function(options) {
+        if (options === void 0) {
+          options = {};
+        }
+        return {
+          name: "hide",
+          options,
+          fn(state2) {
+            return __async(this, null, function* () {
+              const {
+                rects,
+                platform: platform2
+              } = state2;
+              const _a2 = evaluate(options, state2), {
+                strategy = "referenceHidden"
+              } = _a2, detectOverflowOptions = __objRest(_a2, [
+                "strategy"
+              ]);
+              switch (strategy) {
+                case "referenceHidden": {
+                  const overflow = yield platform2.detectOverflow(state2, __spreadProps(__spreadValues({}, detectOverflowOptions), {
+                    elementContext: "reference"
+                  }));
+                  const offsets = getSideOffsets(overflow, rects.reference);
+                  return {
+                    data: {
+                      referenceHiddenOffsets: offsets,
+                      referenceHidden: isAnySideFullyClipped(offsets)
+                    }
+                  };
+                }
+                case "escaped": {
+                  const overflow = yield platform2.detectOverflow(state2, __spreadProps(__spreadValues({}, detectOverflowOptions), {
+                    altBoundary: true
+                  }));
+                  const offsets = getSideOffsets(overflow, rects.floating);
+                  return {
+                    data: {
+                      escapedOffsets: offsets,
+                      escaped: isAnySideFullyClipped(offsets)
+                    }
+                  };
+                }
+                default: {
+                  return {};
+                }
+              }
+            });
+          }
+        };
+      };
+      originSides = /* @__PURE__ */ new Set(["left", "top"]);
+      offset = function(options) {
+        if (options === void 0) {
+          options = 0;
+        }
+        return {
+          name: "offset",
+          options,
+          fn(state2) {
+            return __async(this, null, function* () {
+              var _middlewareData$offse, _middlewareData$arrow;
+              const {
+                x: x2,
+                y: y2,
+                placement,
+                middlewareData
+              } = state2;
+              const diffCoords = yield convertValueToCoords(state2, options);
+              if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+                return {};
+              }
+              return {
+                x: x2 + diffCoords.x,
+                y: y2 + diffCoords.y,
+                data: __spreadProps(__spreadValues({}, diffCoords), {
+                  placement
+                })
+              };
+            });
+          }
+        };
+      };
+      shift = function(options) {
+        if (options === void 0) {
+          options = {};
+        }
+        return {
+          name: "shift",
+          options,
+          fn(state2) {
+            return __async(this, null, function* () {
+              const {
+                x: x2,
+                y: y2,
+                placement,
+                platform: platform2
+              } = state2;
+              const _a2 = evaluate(options, state2), {
+                mainAxis: checkMainAxis = true,
+                crossAxis: checkCrossAxis = false,
+                limiter = {
+                  fn: (_ref) => {
+                    let {
+                      x: x22,
+                      y: y22
+                    } = _ref;
+                    return {
+                      x: x22,
+                      y: y22
+                    };
+                  }
+                }
+              } = _a2, detectOverflowOptions = __objRest(_a2, [
+                "mainAxis",
+                "crossAxis",
+                "limiter"
+              ]);
+              const coords = {
+                x: x2,
+                y: y2
+              };
+              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
+              const crossAxis = getSideAxis(getSide(placement));
+              const mainAxis = getOppositeAxis(crossAxis);
+              let mainAxisCoord = coords[mainAxis];
+              let crossAxisCoord = coords[crossAxis];
+              if (checkMainAxis) {
+                const minSide = mainAxis === "y" ? "top" : "left";
+                const maxSide = mainAxis === "y" ? "bottom" : "right";
+                const min23 = mainAxisCoord + overflow[minSide];
+                const max22 = mainAxisCoord - overflow[maxSide];
+                mainAxisCoord = clamp4(min23, mainAxisCoord, max22);
+              }
+              if (checkCrossAxis) {
+                const minSide = crossAxis === "y" ? "top" : "left";
+                const maxSide = crossAxis === "y" ? "bottom" : "right";
+                const min23 = crossAxisCoord + overflow[minSide];
+                const max22 = crossAxisCoord - overflow[maxSide];
+                crossAxisCoord = clamp4(min23, crossAxisCoord, max22);
+              }
+              const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, state2), {
+                [mainAxis]: mainAxisCoord,
+                [crossAxis]: crossAxisCoord
+              }));
+              return __spreadProps(__spreadValues({}, limitedCoords), {
+                data: {
+                  x: limitedCoords.x - x2,
+                  y: limitedCoords.y - y2,
+                  enabled: {
+                    [mainAxis]: checkMainAxis,
+                    [crossAxis]: checkCrossAxis
+                  }
+                }
+              });
+            });
+          }
+        };
+      };
+      limitShift = function(options) {
+        if (options === void 0) {
+          options = {};
+        }
+        return {
+          options,
+          fn(state2) {
+            const {
+              x: x2,
+              y: y2,
+              placement,
+              rects,
+              middlewareData
+            } = state2;
+            const {
+              offset: offset3 = 0,
+              mainAxis: checkMainAxis = true,
+              crossAxis: checkCrossAxis = true
+            } = evaluate(options, state2);
+            const coords = {
+              x: x2,
+              y: y2
+            };
+            const crossAxis = getSideAxis(placement);
+            const mainAxis = getOppositeAxis(crossAxis);
+            let mainAxisCoord = coords[mainAxis];
+            let crossAxisCoord = coords[crossAxis];
+            const rawOffset = evaluate(offset3, state2);
+            const computedOffset = typeof rawOffset === "number" ? {
+              mainAxis: rawOffset,
+              crossAxis: 0
+            } : __spreadValues({
+              mainAxis: 0,
+              crossAxis: 0
+            }, rawOffset);
+            if (checkMainAxis) {
+              const len = mainAxis === "y" ? "height" : "width";
+              const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
+              const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+              if (mainAxisCoord < limitMin) {
+                mainAxisCoord = limitMin;
+              } else if (mainAxisCoord > limitMax) {
+                mainAxisCoord = limitMax;
+              }
+            }
+            if (checkCrossAxis) {
+              var _middlewareData$offse, _middlewareData$offse2;
+              const len = mainAxis === "y" ? "width" : "height";
+              const isOriginSide = originSides.has(getSide(placement));
+              const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+              const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+              if (crossAxisCoord < limitMin) {
+                crossAxisCoord = limitMin;
+              } else if (crossAxisCoord > limitMax) {
+                crossAxisCoord = limitMax;
+              }
+            }
+            return {
+              [mainAxis]: mainAxisCoord,
+              [crossAxis]: crossAxisCoord
+            };
+          }
+        };
+      };
+      size = function(options) {
+        if (options === void 0) {
+          options = {};
+        }
+        return {
+          name: "size",
+          options,
+          fn(state2) {
+            return __async(this, null, function* () {
+              var _state$middlewareData, _state$middlewareData2;
+              const {
+                placement,
+                rects,
+                platform: platform2,
+                elements
+              } = state2;
+              const _a2 = evaluate(options, state2), {
+                apply = () => {
+                }
+              } = _a2, detectOverflowOptions = __objRest(_a2, [
+                "apply"
+              ]);
+              const overflow = yield platform2.detectOverflow(state2, detectOverflowOptions);
+              const side = getSide(placement);
+              const alignment = getAlignment(placement);
+              const isYAxis = getSideAxis(placement) === "y";
+              const {
+                width,
+                height
+              } = rects.floating;
+              let heightSide;
+              let widthSide;
+              if (side === "top" || side === "bottom") {
+                heightSide = side;
+                widthSide = alignment === ((yield platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
+              } else {
+                widthSide = side;
+                heightSide = alignment === "end" ? "top" : "bottom";
+              }
+              const maximumClippingHeight = height - overflow.top - overflow.bottom;
+              const maximumClippingWidth = width - overflow.left - overflow.right;
+              const overflowAvailableHeight = min3(height - overflow[heightSide], maximumClippingHeight);
+              const overflowAvailableWidth = min3(width - overflow[widthSide], maximumClippingWidth);
+              const noShift = !state2.middlewareData.shift;
+              let availableHeight = overflowAvailableHeight;
+              let availableWidth = overflowAvailableWidth;
+              if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+                availableWidth = maximumClippingWidth;
+              }
+              if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+                availableHeight = maximumClippingHeight;
+              }
+              if (noShift && !alignment) {
+                const xMin = max3(overflow.left, 0);
+                const xMax = max3(overflow.right, 0);
+                const yMin = max3(overflow.top, 0);
+                const yMax = max3(overflow.bottom, 0);
+                if (isYAxis) {
+                  availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max3(overflow.left, overflow.right));
+                } else {
+                  availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max3(overflow.top, overflow.bottom));
+                }
+              }
+              yield apply(__spreadProps(__spreadValues({}, state2), {
+                availableWidth,
+                availableHeight
+              }));
+              const nextDimensions = yield platform2.getDimensions(elements.floating);
+              if (width !== nextDimensions.width || height !== nextDimensions.height) {
+                return {
+                  reset: {
+                    rects: true
+                  }
+                };
+              }
+              return {};
+            });
+          }
+        };
+      };
+      invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
+      tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
+      topLayerSelectors = [":popover-open", ":modal"];
+      transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
+      willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
+      containValues = ["paint", "layout", "strict", "content"];
+      lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+      noOffsets = /* @__PURE__ */ createCoords(0);
+      SCROLLBAR_MAX = 25;
+      absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+      getElementRects = function(data) {
+        return __async(this, null, function* () {
+          const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+          const getDimensionsFn = this.getDimensions;
+          const floatingDimensions = yield getDimensionsFn(data.floating);
+          return {
+            reference: getRectRelativeToOffsetParent(data.reference, yield getOffsetParentFn(data.floating), data.strategy),
+            floating: {
+              x: 0,
+              y: 0,
+              width: floatingDimensions.width,
+              height: floatingDimensions.height
+            }
+          };
+        });
+      };
+      platform = {
+        convertOffsetParentRelativeRectToViewportRelativeRect,
+        getDocumentElement: getDocumentElement2,
+        getClippingRect,
+        getOffsetParent,
+        getElementRects,
+        getClientRects,
+        getDimensions,
+        getScale,
+        isElement: isElement2,
+        isRTL
+      };
+      offset2 = offset;
+      shift2 = shift;
+      flip2 = flip;
+      size2 = size;
+      hide2 = hide;
+      arrow2 = arrow;
+      limitShift2 = limitShift;
+      computePosition2 = (reference, floating, options) => {
+        const cache = /* @__PURE__ */ new Map();
+        const mergedOptions = __spreadValues({
+          platform
+        }, options);
+        const platformWithCache = __spreadProps(__spreadValues({}, mergedOptions.platform), {
+          _c: cache
+        });
+        return computePosition(reference, floating, __spreadProps(__spreadValues({}, mergedOptions), {
+          platform: platformWithCache
+        }));
+      };
+      toVar = (value) => ({ variable: value, reference: `var(${value})` });
+      cssVars = {
+        arrowSize: toVar("--arrow-size"),
+        arrowSizeHalf: toVar("--arrow-size-half"),
+        arrowBg: toVar("--arrow-background"),
+        transformOrigin: toVar("--transform-origin"),
+        arrowOffset: toVar("--arrow-offset")
+      };
+      getSideAxis2 = (side) => side === "top" || side === "bottom" ? "y" : "x";
+      rectMiddleware = {
+        name: "rects",
+        fn({ rects }) {
+          return {
+            data: rects
+          };
+        }
+      };
+      shiftArrowMiddleware = (arrowEl) => {
+        if (!arrowEl) return;
+        return {
+          name: "shiftArrow",
+          fn({ placement, middlewareData }) {
+            if (!middlewareData.arrow) return {};
+            const { x: x2, y: y2 } = middlewareData.arrow;
+            const dir = placement.split("-")[0];
+            Object.assign(arrowEl.style, {
+              left: x2 != null ? `${x2}px` : "",
+              top: y2 != null ? `${y2}px` : "",
+              [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
+            });
+            return {};
+          }
+        };
+      };
+      defaultOptions = {
+        strategy: "absolute",
+        placement: "bottom",
+        listeners: true,
+        gutter: 8,
+        flip: true,
+        slide: true,
+        overlap: false,
+        sameWidth: false,
+        fitViewport: false,
+        overflowPadding: 8,
+        arrowPadding: 4
+      };
+      ARROW_FLOATING_STYLE = {
+        bottom: "rotate(45deg)",
+        left: "rotate(135deg)",
+        top: "rotate(225deg)",
+        right: "rotate(315deg)"
+      };
+    }
+  });
+
+  // ../priv/static/chunk-ER3INIAI.mjs
+  function getWindowFrames(win) {
+    const frames = {
+      each(cb) {
+        var _a;
+        for (let i2 = 0; i2 < ((_a = win.frames) == null ? void 0 : _a.length); i2 += 1) {
+          const frame = win.frames[i2];
+          if (frame) cb(frame);
+        }
+      },
+      addEventListener(event, listener, options) {
+        frames.each((frame) => {
+          try {
+            frame.document.addEventListener(event, listener, options);
+          } catch (e2) {
+          }
+        });
+        return () => {
+          try {
+            frames.removeEventListener(event, listener, options);
+          } catch (e2) {
+          }
+        };
+      },
+      removeEventListener(event, listener, options) {
+        frames.each((frame) => {
+          try {
+            frame.document.removeEventListener(event, listener, options);
+          } catch (e2) {
+          }
+        });
+      }
+    };
+    return frames;
+  }
+  function getParentWindow(win) {
+    const parent = win.frameElement != null ? win.parent : null;
+    return {
+      addEventListener: (event, listener, options) => {
+        try {
+          parent == null ? void 0 : parent.addEventListener(event, listener, options);
+        } catch (e2) {
+        }
+        return () => {
+          try {
+            parent == null ? void 0 : parent.removeEventListener(event, listener, options);
+          } catch (e2) {
+          }
+        };
+      },
+      removeEventListener: (event, listener, options) => {
+        try {
+          parent == null ? void 0 : parent.removeEventListener(event, listener, options);
+        } catch (e2) {
+        }
+      }
+    };
+  }
+  function isComposedPathFocusable(composedPath) {
+    for (const node of composedPath) {
+      if (isHTMLElement(node) && isFocusable(node)) return true;
+    }
+    return false;
+  }
+  function isEventPointWithin(node, event) {
+    if (!isPointerEvent(event) || !node) return false;
+    const rect = node.getBoundingClientRect();
+    if (rect.width === 0 || rect.height === 0) return false;
+    return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+  }
+  function isPointInRect(rect, point) {
+    return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
+  }
+  function isEventWithinScrollbar(event, ancestor) {
+    if (!ancestor || !isPointerEvent(event)) return false;
+    const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
+    const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
+    const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
+    const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
+    const rect = {
+      x: ancestor.offsetLeft,
+      y: ancestor.offsetTop,
+      width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
+      height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
+    };
+    const point = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    if (!isPointInRect(rect, point)) return false;
+    return onScrollbarY || onScrollbarX;
+  }
+  function trackInteractOutsideImpl(node, options) {
+    const {
+      exclude,
+      onFocusOutside,
+      onPointerDownOutside,
+      onInteractOutside,
+      defer,
+      followControlledElements = true
+    } = options;
+    if (!node) return;
+    const doc = getDocument(node);
+    const win = getWindow(node);
+    const frames = getWindowFrames(win);
+    const parentWin = getParentWindow(win);
+    function isEventOutside(event, target) {
+      if (!isHTMLElement(target)) return false;
+      if (!target.isConnected) return false;
+      if (contains(node, target)) return false;
+      if (isEventPointWithin(node, event)) return false;
+      if (followControlledElements && isControlledElement(node, target)) return false;
+      const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
+      if (triggerEl) {
+        const triggerAncestor = getNearestOverflowAncestor(triggerEl);
+        if (isEventWithinScrollbar(event, triggerAncestor)) return false;
+      }
+      const nodeAncestor = getNearestOverflowAncestor(node);
+      if (isEventWithinScrollbar(event, nodeAncestor)) return false;
+      return !(exclude == null ? void 0 : exclude(target));
+    }
+    const pointerdownCleanups = /* @__PURE__ */ new Set();
+    const isInShadowRoot = isShadowRoot(node == null ? void 0 : node.getRootNode());
+    function onPointerDown(event) {
+      function handler(clickEvent) {
+        var _a, _b;
+        const func = defer && !isTouchDevice() ? raf : (v2) => v2();
+        const evt = clickEvent != null ? clickEvent : event;
+        const composedPath = (_b = (_a = evt == null ? void 0 : evt.composedPath) == null ? void 0 : _a.call(evt)) != null ? _b : [evt == null ? void 0 : evt.target];
+        func(() => {
+          const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+          if (!node || !isEventOutside(event, target)) return;
+          if (onPointerDownOutside || onInteractOutside) {
+            const handler2 = callAll(onPointerDownOutside, onInteractOutside);
+            node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
+          }
+          fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
+            bubbles: false,
+            cancelable: true,
+            detail: {
+              originalEvent: evt,
+              contextmenu: isContextMenuEvent(evt),
+              focusable: isComposedPathFocusable(composedPath),
+              target
+            }
+          });
+        });
+      }
+      if (event.pointerType === "touch") {
+        pointerdownCleanups.forEach((fn) => fn());
+        pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
+        pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
+        pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
+      } else {
+        handler();
+      }
+    }
+    const cleanups = /* @__PURE__ */ new Set();
+    const timer = setTimeout(() => {
+      cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
+      cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
+      cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
+    }, 0);
+    function onFocusin(event) {
+      const func = defer ? raf : (v2) => v2();
+      func(() => {
+        var _a, _b;
+        const composedPath = (_b = (_a = event == null ? void 0 : event.composedPath) == null ? void 0 : _a.call(event)) != null ? _b : [event == null ? void 0 : event.target];
+        const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+        if (!node || !isEventOutside(event, target)) return;
+        if (onFocusOutside || onInteractOutside) {
+          const handler = callAll(onFocusOutside, onInteractOutside);
+          node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
+        }
+        fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
+          bubbles: false,
+          cancelable: true,
+          detail: {
+            originalEvent: event,
+            contextmenu: false,
+            focusable: isFocusable(target),
+            target
+          }
+        });
+      });
+    }
+    if (!isTouchDevice()) {
+      cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
+      cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
+      cleanups.add(frames.addEventListener("focusin", onFocusin, true));
+    }
+    return () => {
+      clearTimeout(timer);
+      pointerdownCleanups.forEach((fn) => fn());
+      cleanups.forEach((fn) => fn());
+    };
+  }
+  function trackInteractOutside(nodeOrFn, options) {
+    const { defer } = options;
+    const func = defer ? raf : (v2) => v2();
+    const cleanups = [];
+    cleanups.push(
+      func(() => {
+        const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+        cleanups.push(trackInteractOutsideImpl(node, options));
+      })
+    );
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  function fireCustomEvent(el, type, init) {
+    const win = el.ownerDocument.defaultView || window;
+    const event = new win.CustomEvent(type, init);
+    return el.dispatchEvent(event);
+  }
+  var POINTER_OUTSIDE_EVENT, FOCUS_OUTSIDE_EVENT, isPointerEvent;
+  var init_chunk_ER3INIAI = __esm({
+    "../priv/static/chunk-ER3INIAI.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+      FOCUS_OUTSIDE_EVENT = "focus.outside";
+      isPointerEvent = (event) => "clientY" in event;
+    }
+  });
+
+  // ../priv/static/chunk-RR7TJIQ5.mjs
+  function trackEscapeKeydown(node, fn) {
+    const handleKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      if (event.isComposing) return;
+      fn == null ? void 0 : fn(event);
+    };
+    return addDomEvent(getDocument(node), "keydown", handleKeyDown, { capture: true });
+  }
+  function fireCustomEvent2(el, type, detail) {
+    const win = el.ownerDocument.defaultView || window;
+    const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
+    return el.dispatchEvent(event);
+  }
+  function addListenerOnce(el, type, callback) {
+    el.addEventListener(type, callback, { once: true });
+  }
+  function assignPointerEventToLayers() {
+    layerStack.layers.forEach(({ node }) => {
+      node.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(node) ? "none" : "auto";
+    });
+  }
+  function clearPointerEvent(node) {
+    node.style.pointerEvents = "";
+  }
+  function disablePointerEventsOutside(node, persistentElements) {
+    const doc = getDocument(node);
+    const cleanups = [];
+    if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute("data-inert")) {
+      originalBodyPointerEvents = document.body.style.pointerEvents;
+      queueMicrotask(() => {
+        doc.body.style.pointerEvents = "none";
+        doc.body.setAttribute("data-inert", "");
+      });
+    }
+    persistentElements == null ? void 0 : persistentElements.forEach((el) => {
+      const [promise, abort] = waitForElement(
+        () => {
+          const node2 = el();
+          return isHTMLElement(node2) ? node2 : null;
+        },
+        { timeout: 1e3 }
+      );
+      promise.then((el2) => cleanups.push(setStyle(el2, { pointerEvents: "auto" })));
+      cleanups.push(abort);
+    });
+    return () => {
+      if (layerStack.hasPointerBlockingLayer()) return;
+      queueMicrotask(() => {
+        doc.body.style.pointerEvents = originalBodyPointerEvents;
+        doc.body.removeAttribute("data-inert");
+        if (doc.body.style.length === 0) doc.body.removeAttribute("style");
+      });
+      cleanups.forEach((fn) => fn());
+    };
+  }
+  function trackDismissableElementImpl(node, options) {
+    const { warnOnMissingNode = true } = options;
+    if (warnOnMissingNode && !node) {
+      warn("[@zag-js/dismissable] node is `null` or `undefined`");
+      return;
+    }
+    if (!node) {
+      return;
+    }
+    const { onDismiss, onRequestDismiss, pointerBlocking, exclude: excludeContainers, debug, type = "dialog" } = options;
+    const layer = { dismiss: onDismiss, node, type, pointerBlocking, requestDismiss: onRequestDismiss };
+    layerStack.add(layer);
+    assignPointerEventToLayers();
+    function onPointerDownOutside(event) {
+      var _a, _b;
+      const target = getEventTarget(event.detail.originalEvent);
+      if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target)) return;
+      (_a = options.onPointerDownOutside) == null ? void 0 : _a.call(options, event);
+      (_b = options.onInteractOutside) == null ? void 0 : _b.call(options, event);
+      if (event.defaultPrevented) return;
+      if (debug) {
+        console.log("onPointerDownOutside:", event.detail.originalEvent);
+      }
+      onDismiss == null ? void 0 : onDismiss();
+    }
+    function onFocusOutside(event) {
+      var _a, _b;
+      const target = getEventTarget(event.detail.originalEvent);
+      if (layerStack.isInBranch(target)) return;
+      (_a = options.onFocusOutside) == null ? void 0 : _a.call(options, event);
+      (_b = options.onInteractOutside) == null ? void 0 : _b.call(options, event);
+      if (event.defaultPrevented) return;
+      if (debug) {
+        console.log("onFocusOutside:", event.detail.originalEvent);
+      }
+      onDismiss == null ? void 0 : onDismiss();
+    }
+    function onEscapeKeyDown(event) {
+      var _a;
+      if (!layerStack.isTopMost(node)) return;
+      (_a = options.onEscapeKeyDown) == null ? void 0 : _a.call(options, event);
+      if (!event.defaultPrevented && onDismiss) {
+        event.preventDefault();
+        onDismiss();
+      }
+    }
+    function exclude(target) {
+      var _a;
+      if (!node) return false;
+      const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
+      const _containers = Array.isArray(containers) ? containers : [containers];
+      const persistentElements = (_a = options.persistentElements) == null ? void 0 : _a.map((fn) => fn()).filter(isHTMLElement);
+      if (persistentElements) _containers.push(...persistentElements);
+      return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
+    }
+    const cleanups = [
+      pointerBlocking ? disablePointerEventsOutside(node, options.persistentElements) : void 0,
+      trackEscapeKeydown(node, onEscapeKeyDown),
+      trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside, defer: options.defer })
+    ];
+    return () => {
+      layerStack.remove(node);
+      assignPointerEventToLayers();
+      clearPointerEvent(node);
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  function trackDismissableElement(nodeOrFn, options) {
+    const { defer } = options;
+    const func = defer ? raf : (v2) => v2();
+    const cleanups = [];
+    cleanups.push(
+      func(() => {
+        const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
+        cleanups.push(trackDismissableElementImpl(node, options));
+      })
+    );
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  function trackDismissableBranch(nodeOrFn, options = {}) {
+    const { defer } = options;
+    const func = defer ? raf : (v2) => v2();
+    const cleanups = [];
+    cleanups.push(
+      func(() => {
+        const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
+        if (!node) {
+          warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
+          return;
+        }
+        layerStack.addBranch(node);
+        cleanups.push(() => {
+          layerStack.removeBranch(node);
+        });
+      })
+    );
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  var LAYER_REQUEST_DISMISS_EVENT, layerStack, originalBodyPointerEvents;
+  var init_chunk_RR7TJIQ5 = __esm({
+    "../priv/static/chunk-RR7TJIQ5.mjs"() {
+      "use strict";
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
+      layerStack = {
+        layers: [],
+        branches: [],
+        recentlyRemoved: /* @__PURE__ */ new Set(),
+        count() {
+          return this.layers.length;
+        },
+        pointerBlockingLayers() {
+          return this.layers.filter((layer) => layer.pointerBlocking);
+        },
+        topMostPointerBlockingLayer() {
+          return [...this.pointerBlockingLayers()].slice(-1)[0];
+        },
+        hasPointerBlockingLayer() {
+          return this.pointerBlockingLayers().length > 0;
+        },
+        isBelowPointerBlockingLayer(node) {
+          var _a;
+          const index = this.indexOf(node);
+          const highestBlockingIndex = this.topMostPointerBlockingLayer() ? this.indexOf((_a = this.topMostPointerBlockingLayer()) == null ? void 0 : _a.node) : -1;
+          return index < highestBlockingIndex;
+        },
+        isTopMost(node) {
+          const layer = this.layers[this.count() - 1];
+          return (layer == null ? void 0 : layer.node) === node;
+        },
+        getNestedLayers(node) {
+          return Array.from(this.layers).slice(this.indexOf(node) + 1);
+        },
+        getLayersByType(type) {
+          return this.layers.filter((layer) => layer.type === type);
+        },
+        getNestedLayersByType(node, type) {
+          const index = this.indexOf(node);
+          if (index === -1) return [];
+          return this.layers.slice(index + 1).filter((layer) => layer.type === type);
+        },
+        getParentLayerOfType(node, type) {
+          const index = this.indexOf(node);
+          if (index <= 0) return void 0;
+          return this.layers.slice(0, index).reverse().find((layer) => layer.type === type);
+        },
+        countNestedLayersOfType(node, type) {
+          return this.getNestedLayersByType(node, type).length;
+        },
+        isInNestedLayer(node, target) {
+          const inNested = this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+          if (inNested) return true;
+          if (this.recentlyRemoved.size > 0) return true;
+          return false;
+        },
+        isInBranch(target) {
+          return Array.from(this.branches).some((branch) => contains(branch, target));
+        },
+        add(layer) {
+          this.layers.push(layer);
+          this.syncLayers();
+        },
+        addBranch(node) {
+          this.branches.push(node);
+        },
+        remove(node) {
+          const index = this.indexOf(node);
+          if (index < 0) return;
+          this.recentlyRemoved.add(node);
+          nextTick(() => this.recentlyRemoved.delete(node));
+          if (index < this.count() - 1) {
+            const _layers = this.getNestedLayers(node);
+            _layers.forEach((layer) => layerStack.dismiss(layer.node, node));
+          }
+          this.layers.splice(index, 1);
+          this.syncLayers();
+        },
+        removeBranch(node) {
+          const index = this.branches.indexOf(node);
+          if (index >= 0) this.branches.splice(index, 1);
+        },
+        syncLayers() {
+          this.layers.forEach((layer, index) => {
+            layer.node.style.setProperty("--layer-index", `${index}`);
+            layer.node.removeAttribute("data-nested");
+            layer.node.removeAttribute("data-has-nested");
+            const parentOfSameType = this.getParentLayerOfType(layer.node, layer.type);
+            if (parentOfSameType) {
+              layer.node.setAttribute("data-nested", layer.type);
+            }
+            const nestedCount = this.countNestedLayersOfType(layer.node, layer.type);
+            if (nestedCount > 0) {
+              layer.node.setAttribute("data-has-nested", layer.type);
+            }
+            layer.node.style.setProperty("--nested-layer-count", `${nestedCount}`);
+          });
+        },
+        indexOf(node) {
+          return this.layers.findIndex((layer) => layer.node === node);
+        },
+        dismiss(node, parent) {
+          const index = this.indexOf(node);
+          if (index === -1) return;
+          const layer = this.layers[index];
+          addListenerOnce(node, LAYER_REQUEST_DISMISS_EVENT, (event) => {
+            var _a;
+            (_a = layer.requestDismiss) == null ? void 0 : _a.call(layer, event);
+            if (!event.defaultPrevented) {
+              layer == null ? void 0 : layer.dismiss();
+            }
+          });
+          fireCustomEvent2(node, LAYER_REQUEST_DISMISS_EVENT, {
+            originalLayer: node,
+            targetLayer: parent,
+            originalIndex: index,
+            targetIndex: parent ? this.indexOf(parent) : -1
+          });
+          this.syncLayers();
+        },
+        clear() {
+          this.remove(this.layers[0].node);
+        }
+      };
+    }
+  });
+
+  // ../priv/static/combobox.mjs
+  var combobox_exports = {};
+  __export(combobox_exports, {
+    Combobox: () => ComboboxHook
+  });
+  function connect8(service, normalize) {
+    const { context, prop, state: state2, send, scope, computed, event } = service;
+    const translations = prop("translations");
+    const collection22 = prop("collection");
+    const disabled = !!prop("disabled");
+    const interactive = computed("isInteractive");
+    const invalid = !!prop("invalid");
+    const required = !!prop("required");
+    const readOnly = !!prop("readOnly");
+    const open = state2.hasTag("open");
+    const focused = state2.hasTag("focused");
+    const composite = prop("composite");
+    const highlightedValue = context.get("highlightedValue");
+    const popperStyles = getPlacementStyles(__spreadProps(__spreadValues({}, prop("positioning")), {
+      placement: context.get("currentPlacement")
+    }));
+    function getItemState(props26) {
+      const disabled2 = collection22.getItemDisabled(props26.item);
+      const value = collection22.getItemValue(props26.item);
+      ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props26.item)}`);
+      return {
+        value,
+        disabled: Boolean(disabled2 || disabled2),
+        highlighted: highlightedValue === value,
+        selected: context.get("value").includes(value)
+      };
+    }
+    return {
+      focused,
+      open,
+      inputValue: context.get("inputValue"),
+      highlightedValue,
+      highlightedItem: context.get("highlightedItem"),
+      value: context.get("value"),
+      valueAsString: computed("valueAsString"),
+      hasSelectedItems: computed("hasSelectedItems"),
+      selectedItems: context.get("selectedItems"),
+      collection: prop("collection"),
+      multiple: !!prop("multiple"),
+      disabled: !!disabled,
+      syncSelectedItems() {
+        send({ type: "SELECTED_ITEMS.SYNC" });
+      },
+      reposition(options = {}) {
+        send({ type: "POSITIONING.SET", options });
+      },
+      setHighlightValue(value) {
+        send({ type: "HIGHLIGHTED_VALUE.SET", value });
+      },
+      clearHighlightValue() {
+        send({ type: "HIGHLIGHTED_VALUE.CLEAR" });
+      },
+      selectValue(value) {
+        send({ type: "ITEM.SELECT", value });
+      },
+      setValue(value) {
+        send({ type: "VALUE.SET", value });
+      },
+      setInputValue(value, reason = "script") {
+        send({ type: "INPUT_VALUE.SET", value, src: reason });
+      },
+      clearValue(value) {
+        if (value != null) {
+          send({ type: "ITEM.CLEAR", value });
+        } else {
+          send({ type: "VALUE.CLEAR" });
+        }
+      },
+      focus() {
+        var _a;
+        (_a = getInputEl2(scope)) == null ? void 0 : _a.focus();
+      },
+      setOpen(nextOpen, reason = "script") {
+        const open2 = state2.hasTag("open");
+        if (open2 === nextOpen) return;
+        send({ type: nextOpen ? "OPEN" : "CLOSE", src: reason });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.root.attrs), {
+          dir: prop("dir"),
+          id: getRootId8(scope),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly)
+        }));
+      },
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts8.label.attrs), {
+          dir: prop("dir"),
+          htmlFor: getInputId2(scope),
+          id: getLabelId4(scope),
+          "data-readonly": dataAttr(readOnly),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-required": dataAttr(required),
+          "data-focus": dataAttr(focused),
+          onClick(event2) {
+            var _a;
+            if (composite) return;
+            event2.preventDefault();
+            (_a = getTriggerEl(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+          }
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.control.attrs), {
+          dir: prop("dir"),
+          id: getControlId3(scope),
+          "data-state": open ? "open" : "closed",
+          "data-focus": dataAttr(focused),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid)
+        }));
+      },
+      getPositionerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.positioner.attrs), {
+          dir: prop("dir"),
+          id: getPositionerId(scope),
+          style: popperStyles.floating
+        }));
+      },
+      getInputProps() {
+        return normalize.input(__spreadProps(__spreadValues({}, parts8.input.attrs), {
+          dir: prop("dir"),
+          "aria-invalid": ariaAttr(invalid),
+          "data-invalid": dataAttr(invalid),
+          "data-autofocus": dataAttr(prop("autoFocus")),
+          name: prop("name"),
+          form: prop("form"),
+          disabled,
+          required: prop("required"),
+          autoComplete: "off",
+          autoCorrect: "off",
+          autoCapitalize: "none",
+          spellCheck: "false",
+          readOnly,
+          placeholder: prop("placeholder"),
+          id: getInputId2(scope),
+          type: "text",
+          role: "combobox",
+          defaultValue: context.get("inputValue"),
+          "aria-autocomplete": computed("autoComplete") ? "both" : "list",
+          "aria-controls": getContentId2(scope),
+          "aria-expanded": open,
+          "data-state": open ? "open" : "closed",
+          "aria-activedescendant": highlightedValue ? getItemId3(scope, highlightedValue) : void 0,
+          onClick(event2) {
+            if (event2.defaultPrevented) return;
+            if (!prop("openOnClick")) return;
+            if (!interactive) return;
+            send({ type: "INPUT.CLICK", src: "input-click" });
+          },
+          onFocus() {
+            if (disabled) return;
+            send({ type: "INPUT.FOCUS" });
+          },
+          onBlur() {
+            if (disabled) return;
+            send({ type: "INPUT.BLUR" });
+          },
+          onChange(event2) {
+            send({ type: "INPUT.CHANGE", value: event2.currentTarget.value, src: "input-change" });
+          },
+          onKeyDown(event2) {
+            if (event2.defaultPrevented) return;
+            if (!interactive) return;
+            if (event2.ctrlKey || event2.shiftKey || isComposingEvent(event2)) return;
+            const openOnKeyPress = prop("openOnKeyPress");
+            const isModifierKey2 = event2.ctrlKey || event2.metaKey || event2.shiftKey;
+            const keypress = true;
+            const keymap = {
+              ArrowDown(event3) {
+                if (!openOnKeyPress && !open) return;
+                send({ type: event3.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress, src: "arrow-key" });
+                event3.preventDefault();
+              },
+              ArrowUp() {
+                if (!openOnKeyPress && !open) return;
+                send({ type: event2.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress, src: "arrow-key" });
+                event2.preventDefault();
+              },
+              Home(event3) {
+                if (isModifierKey2) return;
+                send({ type: "INPUT.HOME", keypress });
+                if (open) {
+                  event3.preventDefault();
+                }
+              },
+              End(event3) {
+                if (isModifierKey2) return;
+                send({ type: "INPUT.END", keypress });
+                if (open) {
+                  event3.preventDefault();
+                }
+              },
+              Enter(event3) {
+                var _a;
+                send({ type: "INPUT.ENTER", keypress, src: "item-select" });
+                const submittable = computed("isCustomValue") && prop("allowCustomValue");
+                const hasHighlight = highlightedValue != null;
+                const alwaysSubmit = prop("alwaysSubmitOnEnter");
+                if (open && !submittable && !alwaysSubmit && hasHighlight) {
+                  event3.preventDefault();
+                }
+                if (highlightedValue == null) return;
+                const itemEl = getItemEl(scope, highlightedValue);
+                if (isAnchorElement(itemEl)) {
+                  (_a = prop("navigate")) == null ? void 0 : _a({ value: highlightedValue, node: itemEl, href: itemEl.href });
+                }
+              },
+              Escape() {
+                send({ type: "INPUT.ESCAPE", keypress, src: "escape-key" });
+                event2.preventDefault();
+              }
+            };
+            const key = getEventKey(event2, { dir: prop("dir") });
+            const exec = keymap[key];
+            exec == null ? void 0 : exec(event2);
+          }
+        }));
+      },
+      getTriggerProps(props26 = {}) {
+        return normalize.button(__spreadProps(__spreadValues({}, parts8.trigger.attrs), {
+          dir: prop("dir"),
+          id: getTriggerId2(scope),
+          "aria-haspopup": composite ? "listbox" : "dialog",
+          type: "button",
+          tabIndex: props26.focusable ? void 0 : -1,
+          "aria-label": translations.triggerLabel,
+          "aria-expanded": open,
+          "data-state": open ? "open" : "closed",
+          "aria-controls": open ? getContentId2(scope) : void 0,
+          disabled,
+          "data-invalid": dataAttr(invalid),
+          "data-focusable": dataAttr(props26.focusable),
+          "data-readonly": dataAttr(readOnly),
+          "data-disabled": dataAttr(disabled),
+          onFocus() {
+            if (!props26.focusable) return;
+            send({ type: "INPUT.FOCUS", src: "trigger" });
+          },
+          onClick(event2) {
+            if (event2.defaultPrevented) return;
+            if (!interactive) return;
+            if (!isLeftClick(event2)) return;
+            send({ type: "TRIGGER.CLICK", src: "trigger-click" });
+          },
+          onPointerDown(event2) {
+            if (!interactive) return;
+            if (event2.pointerType === "touch") return;
+            if (!isLeftClick(event2)) return;
+            event2.preventDefault();
+            queueMicrotask(() => {
+              var _a;
+              (_a = getInputEl2(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+            });
+          },
+          onKeyDown(event2) {
+            if (event2.defaultPrevented) return;
+            if (composite) return;
+            const keyMap2 = {
+              ArrowDown() {
+                send({ type: "INPUT.ARROW_DOWN", src: "arrow-key" });
+              },
+              ArrowUp() {
+                send({ type: "INPUT.ARROW_UP", src: "arrow-key" });
+              }
+            };
+            const key = getEventKey(event2, { dir: prop("dir") });
+            const exec = keyMap2[key];
+            if (exec) {
+              exec(event2);
+              event2.preventDefault();
+            }
+          }
+        }));
+      },
+      getContentProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.content.attrs), {
+          dir: prop("dir"),
+          id: getContentId2(scope),
+          role: !composite ? "dialog" : "listbox",
+          tabIndex: -1,
+          hidden: !open,
+          "data-state": open ? "open" : "closed",
+          "data-placement": context.get("currentPlacement"),
+          "aria-labelledby": getLabelId4(scope),
+          "aria-multiselectable": prop("multiple") && composite ? true : void 0,
+          "data-empty": dataAttr(collection22.size === 0),
+          onPointerDown(event2) {
+            if (!isLeftClick(event2)) return;
+            event2.preventDefault();
+          }
+        }));
+      },
+      getListProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.list.attrs), {
+          role: !composite ? "listbox" : void 0,
+          "data-empty": dataAttr(collection22.size === 0),
+          "aria-labelledby": getLabelId4(scope),
+          "aria-multiselectable": prop("multiple") && !composite ? true : void 0
+        }));
+      },
+      getClearTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts8.clearTrigger.attrs), {
+          dir: prop("dir"),
+          id: getClearTriggerId(scope),
+          type: "button",
+          tabIndex: -1,
+          disabled,
+          "data-invalid": dataAttr(invalid),
+          "aria-label": translations.clearTriggerLabel,
+          "aria-controls": getInputId2(scope),
+          hidden: !context.get("value").length,
+          onPointerDown(event2) {
+            if (!isLeftClick(event2)) return;
+            event2.preventDefault();
+          },
+          onClick(event2) {
+            if (event2.defaultPrevented) return;
+            if (!interactive) return;
+            send({ type: "VALUE.CLEAR", src: "clear-trigger" });
+          }
+        }));
+      },
+      getItemState,
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
+        const value = itemState.value;
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.item.attrs), {
+          dir: prop("dir"),
+          id: getItemId3(scope, value),
+          role: "option",
+          tabIndex: -1,
+          "data-highlighted": dataAttr(itemState.highlighted),
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          "aria-selected": ariaAttr(itemState.highlighted),
+          "aria-disabled": ariaAttr(itemState.disabled),
+          "data-disabled": dataAttr(itemState.disabled),
+          "data-value": itemState.value,
+          onPointerMove() {
+            if (itemState.disabled) return;
+            if (itemState.highlighted) return;
+            send({ type: "ITEM.POINTER_MOVE", value });
+          },
+          onPointerLeave() {
+            if (props26.persistFocus) return;
+            if (itemState.disabled) return;
+            const prev2 = event.previous();
+            const mouseMoved = prev2 == null ? void 0 : prev2.type.includes("POINTER");
+            if (!mouseMoved) return;
+            send({ type: "ITEM.POINTER_LEAVE", value });
+          },
+          onClick(event2) {
+            if (isDownloadingEvent(event2)) return;
+            if (isOpeningInNewTab(event2)) return;
+            if (isContextMenuEvent(event2)) return;
+            if (itemState.disabled) return;
+            send({ type: "ITEM.CLICK", src: "item-select", value });
+          }
+        }));
+      },
+      getItemTextProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemText.attrs), {
+          dir: prop("dir"),
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          "data-disabled": dataAttr(itemState.disabled),
+          "data-highlighted": dataAttr(itemState.highlighted)
+        }));
+      },
+      getItemIndicatorProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({
+          "aria-hidden": true
+        }, parts8.itemIndicator.attrs), {
+          dir: prop("dir"),
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          hidden: !itemState.selected
+        }));
+      },
+      getItemGroupProps(props26) {
+        const { id } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemGroup.attrs), {
+          dir: prop("dir"),
+          id: getItemGroupId2(scope, id),
+          "aria-labelledby": getItemGroupLabelId(scope, id),
+          "data-empty": dataAttr(collection22.size === 0),
+          role: "group"
+        }));
+      },
+      getItemGroupLabelProps(props26) {
+        const { htmlFor } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemGroupLabel.attrs), {
+          dir: prop("dir"),
+          id: getItemGroupLabelId(scope, htmlFor),
+          role: "presentation"
+        }));
+      }
+    };
+  }
+  function getOpenChangeReason(event) {
+    return (event.previousEvent || event).src;
+  }
+  function snakeToCamel(str) {
+    return str.replace(/_([a-z])/g, (_2, letter) => letter.toUpperCase());
+  }
+  function transformPositioningOptions(obj) {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+      const camelKey = snakeToCamel(key);
+      result[camelKey] = value;
+    }
+    return result;
+  }
+  var anatomy8, parts8, collection, getRootId8, getLabelId4, getControlId3, getInputId2, getContentId2, getPositionerId, getTriggerId2, getClearTriggerId, getItemGroupId2, getItemGroupLabelId, getItemId3, getContentEl2, getInputEl2, getPositionerEl, getControlEl2, getTriggerEl, getClearTriggerEl, getItemEl, focusInputEl, focusTriggerEl, guards, createMachine2, choose, and2, not3, machine8, props8, splitProps8, itemGroupLabelProps, splitItemGroupLabelProps, itemGroupProps, splitItemGroupProps, itemProps3, splitItemProps3, Combobox, ComboboxHook;
+  var init_combobox = __esm({
+    "../priv/static/combobox.mjs"() {
+      "use strict";
+      init_chunk_2PO3TGCF();
+      init_chunk_EENFWNGI();
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      anatomy8 = createAnatomy("combobox").parts(
+        "root",
+        "clearTrigger",
+        "content",
+        "control",
+        "input",
+        "item",
+        "itemGroup",
+        "itemGroupLabel",
+        "itemIndicator",
+        "itemText",
+        "label",
+        "list",
+        "positioner",
+        "trigger"
+      );
+      parts8 = anatomy8.build();
+      collection = (options) => {
+        return new ListCollection(options);
+      };
+      collection.empty = () => {
+        return new ListCollection({ items: [] });
+      };
+      getRootId8 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `combobox:${ctx.id}`;
+      };
+      getLabelId4 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `combobox:${ctx.id}:label`;
+      };
+      getControlId3 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `combobox:${ctx.id}:control`;
+      };
+      getInputId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `combobox:${ctx.id}:input`;
+      };
+      getContentId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `combobox:${ctx.id}:content`;
+      };
+      getPositionerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `combobox:${ctx.id}:popper`;
+      };
+      getTriggerId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `combobox:${ctx.id}:toggle-btn`;
+      };
+      getClearTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.clearTrigger) != null ? _b : `combobox:${ctx.id}:clear-btn`;
+      };
+      getItemGroupId2 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroup) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:optgroup:${id}`;
+      };
+      getItemGroupLabelId = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:optgroup-label:${id}`;
+      };
+      getItemId3 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, id)) != null ? _c : `combobox:${ctx.id}:option:${id}`;
+      };
+      getContentEl2 = (ctx) => ctx.getById(getContentId2(ctx));
+      getInputEl2 = (ctx) => ctx.getById(getInputId2(ctx));
+      getPositionerEl = (ctx) => ctx.getById(getPositionerId(ctx));
+      getControlEl2 = (ctx) => ctx.getById(getControlId3(ctx));
+      getTriggerEl = (ctx) => ctx.getById(getTriggerId2(ctx));
+      getClearTriggerEl = (ctx) => ctx.getById(getClearTriggerId(ctx));
+      getItemEl = (ctx, value) => {
+        if (value == null) return null;
+        const selector = `[role=option][data-value="${CSS.escape(value)}"]`;
+        return query(getContentEl2(ctx), selector);
+      };
+      focusInputEl = (ctx) => {
+        const inputEl = getInputEl2(ctx);
+        if (ctx.isActiveElement(inputEl)) return;
+        inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
+      };
+      focusTriggerEl = (ctx) => {
+        const triggerEl = getTriggerEl(ctx);
+        if (ctx.isActiveElement(triggerEl)) return;
+        triggerEl == null ? void 0 : triggerEl.focus({ preventScroll: true });
+      };
+      ({ guards, createMachine: createMachine2, choose } = setup());
+      ({ and: and2, not: not3 } = guards);
+      machine8 = createMachine2({
+        props({ props: props26 }) {
+          return __spreadProps(__spreadValues({
+            loopFocus: true,
+            openOnClick: false,
+            defaultValue: [],
+            defaultInputValue: "",
+            closeOnSelect: !props26.multiple,
+            allowCustomValue: false,
+            alwaysSubmitOnEnter: false,
+            inputBehavior: "none",
+            selectionBehavior: props26.multiple ? "clear" : "replace",
+            openOnKeyPress: true,
+            openOnChange: true,
+            composite: true,
+            navigate({ node }) {
+              clickIfLink(node);
+            },
+            collection: collection.empty()
+          }, props26), {
+            positioning: __spreadValues({
+              placement: "bottom",
+              sameWidth: true
+            }, props26.positioning),
+            translations: __spreadValues({
+              triggerLabel: "Toggle suggestions",
+              clearTriggerLabel: "Clear value"
+            }, props26.translations)
+          });
+        },
+        initialState({ prop }) {
+          const open = prop("open") || prop("defaultOpen");
+          return open ? "suggesting" : "idle";
+        },
+        context({ prop, bindable: bindable2, getContext, getEvent }) {
+          return {
+            currentPlacement: bindable2(() => ({
+              defaultValue: void 0
+            })),
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              isEqual: isEqual2,
+              hash(value) {
+                return value.join(",");
+              },
+              onChange(value) {
+                var _a;
+                const context = getContext();
+                const prevSelectedItems = context.get("selectedItems");
+                const collection22 = prop("collection");
+                const nextItems = value.map((v2) => {
+                  const item = prevSelectedItems.find((item2) => collection22.getItemValue(item2) === v2);
+                  return item || collection22.find(v2);
+                });
+                context.set("selectedItems", nextItems);
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, items: nextItems });
+              }
+            })),
+            highlightedValue: bindable2(() => ({
+              defaultValue: prop("defaultHighlightedValue") || null,
+              value: prop("highlightedValue"),
+              onChange(value) {
+                var _a;
+                const item = prop("collection").find(value);
+                (_a = prop("onHighlightChange")) == null ? void 0 : _a({ highlightedValue: value, highlightedItem: item });
+              }
+            })),
+            inputValue: bindable2(() => {
+              let inputValue = prop("inputValue") || prop("defaultInputValue");
+              const value = prop("value") || prop("defaultValue");
+              if (!inputValue.trim() && !prop("multiple")) {
+                const valueAsString = prop("collection").stringifyMany(value);
+                inputValue = match2(prop("selectionBehavior"), {
+                  preserve: inputValue || valueAsString,
+                  replace: valueAsString,
+                  clear: ""
+                });
+              }
+              return {
+                defaultValue: inputValue,
+                value: prop("inputValue"),
+                onChange(value2) {
+                  var _a;
+                  const event = getEvent();
+                  const reason = (event.previousEvent || event).src;
+                  (_a = prop("onInputValueChange")) == null ? void 0 : _a({ inputValue: value2, reason });
+                }
+              };
+            }),
+            highlightedItem: bindable2(() => {
+              const highlightedValue = prop("highlightedValue");
+              const highlightedItem = prop("collection").find(highlightedValue);
+              return { defaultValue: highlightedItem };
+            }),
+            selectedItems: bindable2(() => {
+              const value = prop("value") || prop("defaultValue") || [];
+              const selectedItems = prop("collection").findMany(value);
+              return { defaultValue: selectedItems };
+            })
+          };
+        },
+        computed: {
+          isInputValueEmpty: ({ context }) => context.get("inputValue").length === 0,
+          isInteractive: ({ prop }) => !(prop("readOnly") || prop("disabled")),
+          autoComplete: ({ prop }) => prop("inputBehavior") === "autocomplete",
+          autoHighlight: ({ prop }) => prop("inputBehavior") === "autohighlight",
+          hasSelectedItems: ({ context }) => context.get("value").length > 0,
+          valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems")),
+          isCustomValue: ({ context, computed }) => context.get("inputValue") !== computed("valueAsString")
+        },
+        watch({ context, prop, track, action, send }) {
+          track([() => context.hash("value")], () => {
+            action(["syncSelectedItems"]);
+          });
+          track([() => context.get("inputValue")], () => {
+            action(["syncInputValue"]);
+          });
+          track([() => context.get("highlightedValue")], () => {
+            action(["syncHighlightedItem", "autofillInputValue"]);
+          });
+          track([() => prop("open")], () => {
+            action(["toggleVisibility"]);
+          });
+          track([() => prop("collection").toString()], () => {
+            send({ type: "CHILDREN_CHANGE" });
+          });
+        },
+        on: {
+          "SELECTED_ITEMS.SYNC": {
+            actions: ["syncSelectedItems"]
+          },
+          "HIGHLIGHTED_VALUE.SET": {
+            actions: ["setHighlightedValue"]
+          },
+          "HIGHLIGHTED_VALUE.CLEAR": {
+            actions: ["clearHighlightedValue"]
+          },
+          "ITEM.SELECT": {
+            actions: ["selectItem"]
+          },
+          "ITEM.CLEAR": {
+            actions: ["clearItem"]
+          },
+          "VALUE.SET": {
+            actions: ["setValue"]
+          },
+          "INPUT_VALUE.SET": {
+            actions: ["setInputValue"]
+          },
+          "POSITIONING.SET": {
+            actions: ["reposition"]
+          }
+        },
+        entry: choose([
+          {
+            guard: "autoFocus",
+            actions: ["setInitialFocus"]
+          }
+        ]),
+        states: {
+          idle: {
+            tags: ["idle", "closed"],
+            entry: ["scrollContentToTop", "clearHighlightedValue"],
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "interacting"
+              },
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              "INPUT.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              "INPUT.FOCUS": {
+                target: "focused"
+              },
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["invokeOnOpen"]
+                }
+              ],
+              "VALUE.CLEAR": {
+                target: "focused",
+                actions: ["clearInputValue", "clearSelectedItems", "setInitialFocus"]
+              }
+            }
+          },
+          focused: {
+            tags: ["focused", "closed"],
+            entry: ["scrollContentToTop", "clearHighlightedValue"],
+            on: {
+              "CONTROLLED.OPEN": [
+                {
+                  guard: "isChangeEvent",
+                  target: "suggesting"
+                },
+                {
+                  target: "interacting"
+                }
+              ],
+              "INPUT.CHANGE": [
+                {
+                  guard: and2("isOpenControlled", "openOnChange"),
+                  actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+                },
+                {
+                  guard: "openOnChange",
+                  target: "suggesting",
+                  actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+                },
+                {
+                  actions: ["setInputValue"]
+                }
+              ],
+              "LAYER.INTERACT_OUTSIDE": {
+                target: "idle"
+              },
+              "INPUT.ESCAPE": {
+                guard: and2("isCustomValue", not3("allowCustomValue")),
+                actions: ["revertInputValue"]
+              },
+              "INPUT.BLUR": {
+                target: "idle"
+              },
+              "INPUT.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              "INPUT.ARROW_DOWN": [
+                // == group 1 ==
+                {
+                  guard: and2("isOpenControlled", "autoComplete"),
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  guard: "autoComplete",
+                  target: "interacting",
+                  actions: ["invokeOnOpen"]
+                },
+                // == group 2 ==
+                {
+                  guard: "isOpenControlled",
+                  actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              "INPUT.ARROW_UP": [
+                // == group 1 ==
+                {
+                  guard: "autoComplete",
+                  target: "interacting",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  guard: "autoComplete",
+                  target: "interacting",
+                  actions: ["invokeOnOpen"]
+                },
+                // == group 2 ==
+                {
+                  target: "interacting",
+                  actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+                }
+              ],
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "interacting",
+                  actions: ["invokeOnOpen"]
+                }
+              ],
+              "VALUE.CLEAR": {
+                actions: ["clearInputValue", "clearSelectedItems"]
+              }
+            }
+          },
+          interacting: {
+            tags: ["open", "focused"],
+            entry: ["setInitialFocus"],
+            effects: ["scrollToHighlightedItem", "trackDismissableLayer", "trackPlacement"],
+            on: {
+              "CONTROLLED.CLOSE": [
+                {
+                  guard: "restoreFocus",
+                  target: "focused",
+                  actions: ["setFinalFocus"]
+                },
+                {
+                  target: "idle"
+                }
+              ],
+              CHILDREN_CHANGE: [
+                {
+                  guard: "isHighlightedItemRemoved",
+                  actions: ["clearHighlightedValue"]
+                },
+                {
+                  actions: ["scrollToHighlightedItem"]
+                }
+              ],
+              "INPUT.HOME": {
+                actions: ["highlightFirstItem"]
+              },
+              "INPUT.END": {
+                actions: ["highlightLastItem"]
+              },
+              "INPUT.ARROW_DOWN": [
+                {
+                  guard: and2("autoComplete", "isLastItemHighlighted"),
+                  actions: ["clearHighlightedValue", "scrollContentToTop"]
+                },
+                {
+                  actions: ["highlightNextItem"]
+                }
+              ],
+              "INPUT.ARROW_UP": [
+                {
+                  guard: and2("autoComplete", "isFirstItemHighlighted"),
+                  actions: ["clearHighlightedValue"]
+                },
+                {
+                  actions: ["highlightPrevItem"]
+                }
+              ],
+              "INPUT.ENTER": [
+                // == group 1 ==
+                {
+                  guard: and2("isOpenControlled", "isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: and2("isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
+                  target: "focused",
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                // == group 2 ==
+                {
+                  guard: and2("isOpenControlled", "closeOnSelect"),
+                  actions: ["selectHighlightedItem", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
+                },
+                {
+                  actions: ["selectHighlightedItem"]
+                }
+              ],
+              "INPUT.CHANGE": [
+                {
+                  guard: "autoComplete",
+                  target: "suggesting",
+                  actions: ["setInputValue"]
+                },
+                {
+                  target: "suggesting",
+                  actions: ["clearHighlightedValue", "setInputValue"]
+                }
+              ],
+              "ITEM.POINTER_MOVE": {
+                actions: ["setHighlightedValue"]
+              },
+              "ITEM.POINTER_LEAVE": {
+                actions: ["clearHighlightedValue"]
+              },
+              "ITEM.CLICK": [
+                {
+                  guard: and2("isOpenControlled", "closeOnSelect"),
+                  actions: ["selectItem", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
+                },
+                {
+                  actions: ["selectItem"]
+                }
+              ],
+              "LAYER.ESCAPE": [
+                {
+                  guard: and2("isOpenControlled", "autoComplete"),
+                  actions: ["syncInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: "autoComplete",
+                  target: "focused",
+                  actions: ["syncInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose", "setFinalFocus"]
+                }
+              ],
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              "LAYER.INTERACT_OUTSIDE": [
+                // == group 1 ==
+                {
+                  guard: and2("isOpenControlled", "isCustomValue", not3("allowCustomValue")),
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: and2("isCustomValue", not3("allowCustomValue")),
+                  target: "idle",
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                // == group 2 ==
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "idle",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose", "setFinalFocus"]
+                }
+              ],
+              "VALUE.CLEAR": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+                }
+              ]
+            }
+          },
+          suggesting: {
+            tags: ["open", "focused"],
+            effects: ["trackDismissableLayer", "scrollToHighlightedItem", "trackPlacement"],
+            entry: ["setInitialFocus"],
+            on: {
+              "CONTROLLED.CLOSE": [
+                {
+                  guard: "restoreFocus",
+                  target: "focused",
+                  actions: ["setFinalFocus"]
+                },
+                {
+                  target: "idle"
+                }
+              ],
+              CHILDREN_CHANGE: [
+                {
+                  guard: and2("isHighlightedItemRemoved", "hasCollectionItems", "autoHighlight"),
+                  actions: ["clearHighlightedValue", "highlightFirstItem"]
+                },
+                {
+                  guard: "isHighlightedItemRemoved",
+                  actions: ["clearHighlightedValue"]
+                },
+                {
+                  guard: "autoHighlight",
+                  actions: ["highlightFirstItem"]
+                }
+              ],
+              "INPUT.ARROW_DOWN": {
+                target: "interacting",
+                actions: ["highlightNextItem"]
+              },
+              "INPUT.ARROW_UP": {
+                target: "interacting",
+                actions: ["highlightPrevItem"]
+              },
+              "INPUT.HOME": {
+                target: "interacting",
+                actions: ["highlightFirstItem"]
+              },
+              "INPUT.END": {
+                target: "interacting",
+                actions: ["highlightLastItem"]
+              },
+              "INPUT.ENTER": [
+                // == group 1 ==
+                {
+                  guard: and2("isOpenControlled", "isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: and2("isCustomValue", not3("hasHighlightedItem"), not3("allowCustomValue")),
+                  target: "focused",
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                // == group 2 ==
+                {
+                  guard: and2("isOpenControlled", "closeOnSelect"),
+                  actions: ["selectHighlightedItem", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
+                },
+                {
+                  actions: ["selectHighlightedItem"]
+                }
+              ],
+              "INPUT.CHANGE": {
+                actions: ["setInputValue"]
+              },
+              "LAYER.ESCAPE": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              "ITEM.POINTER_MOVE": {
+                target: "interacting",
+                actions: ["setHighlightedValue"]
+              },
+              "ITEM.POINTER_LEAVE": {
+                actions: ["clearHighlightedValue"]
+              },
+              "LAYER.INTERACT_OUTSIDE": [
+                // == group 1 ==
+                {
+                  guard: and2("isOpenControlled", "isCustomValue", not3("allowCustomValue")),
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                {
+                  guard: and2("isCustomValue", not3("allowCustomValue")),
+                  target: "idle",
+                  actions: ["revertInputValue", "invokeOnClose"]
+                },
+                // == group 2 ==
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "idle",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              "ITEM.CLICK": [
+                {
+                  guard: and2("isOpenControlled", "closeOnSelect"),
+                  actions: ["selectItem", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
+                },
+                {
+                  actions: ["selectItem"]
+                }
+              ],
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose", "setFinalFocus"]
+                }
+              ],
+              "VALUE.CLEAR": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+                }
+              ]
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            isInputValueEmpty: ({ computed }) => computed("isInputValueEmpty"),
+            autoComplete: ({ computed, prop }) => computed("autoComplete") && !prop("multiple"),
+            autoHighlight: ({ computed }) => computed("autoHighlight"),
+            isFirstItemHighlighted: ({ prop, context }) => prop("collection").firstValue === context.get("highlightedValue"),
+            isLastItemHighlighted: ({ prop, context }) => prop("collection").lastValue === context.get("highlightedValue"),
+            isCustomValue: ({ computed }) => computed("isCustomValue"),
+            allowCustomValue: ({ prop }) => !!prop("allowCustomValue"),
+            hasHighlightedItem: ({ context }) => context.get("highlightedValue") != null,
+            closeOnSelect: ({ prop }) => !!prop("closeOnSelect"),
+            isOpenControlled: ({ prop }) => prop("open") != null,
+            openOnChange: ({ prop, context }) => {
+              const openOnChange = prop("openOnChange");
+              if (isBoolean(openOnChange)) return openOnChange;
+              return !!(openOnChange == null ? void 0 : openOnChange({ inputValue: context.get("inputValue") }));
+            },
+            restoreFocus: ({ event }) => {
+              var _a, _b;
+              const restoreFocus = (_b = event.restoreFocus) != null ? _b : (_a = event.previousEvent) == null ? void 0 : _a.restoreFocus;
+              return restoreFocus == null ? true : !!restoreFocus;
+            },
+            isChangeEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "INPUT.CHANGE";
+            },
+            autoFocus: ({ prop }) => !!prop("autoFocus"),
+            isHighlightedItemRemoved: ({ prop, context }) => !prop("collection").has(context.get("highlightedValue")),
+            hasCollectionItems: ({ prop }) => prop("collection").size > 0
+          },
+          effects: {
+            trackDismissableLayer({ send, prop, scope }) {
+              if (prop("disableLayer")) return;
+              const contentEl = () => getContentEl2(scope);
+              return trackDismissableElement(contentEl, {
+                type: "listbox",
+                defer: true,
+                exclude: () => [getInputEl2(scope), getTriggerEl(scope), getClearTriggerEl(scope)],
+                onFocusOutside: prop("onFocusOutside"),
+                onPointerDownOutside: prop("onPointerDownOutside"),
+                onInteractOutside: prop("onInteractOutside"),
+                onEscapeKeyDown(event) {
+                  event.preventDefault();
+                  event.stopPropagation();
+                  send({ type: "LAYER.ESCAPE", src: "escape-key" });
+                },
+                onDismiss() {
+                  send({ type: "LAYER.INTERACT_OUTSIDE", src: "interact-outside", restoreFocus: false });
+                }
+              });
+            },
+            trackPlacement({ context, prop, scope }) {
+              const anchorEl = () => getControlEl2(scope) || getTriggerEl(scope);
+              const positionerEl = () => getPositionerEl(scope);
+              context.set("currentPlacement", prop("positioning").placement);
+              return getPlacement(anchorEl, positionerEl, __spreadProps(__spreadValues({}, prop("positioning")), {
+                defer: true,
+                onComplete(data) {
+                  context.set("currentPlacement", data.placement);
+                }
+              }));
+            },
+            scrollToHighlightedItem({ context, prop, scope, event }) {
+              const inputEl = getInputEl2(scope);
+              let cleanups = [];
+              const exec = (immediate) => {
+                const pointer = event.current().type.includes("POINTER");
+                const highlightedValue = context.get("highlightedValue");
+                if (pointer || !highlightedValue) return;
+                const contentEl = getContentEl2(scope);
+                const scrollToIndexFn = prop("scrollToIndexFn");
+                if (scrollToIndexFn) {
+                  const highlightedIndex = prop("collection").indexOf(highlightedValue);
                   scrollToIndexFn({
                     index: highlightedIndex,
                     immediate,
@@ -9299,7 +12092,7 @@ var Corex = (() => {
           },
           actions: {
             reposition({ context, prop, scope, event }) {
-              const controlEl = () => getControlEl(scope);
+              const controlEl = () => getControlEl2(scope);
               const positionerEl = () => getPositionerEl(scope);
               getPlacement(controlEl, positionerEl, __spreadProps(__spreadValues(__spreadValues({}, prop("positioning")), event.options), {
                 defer: true,
@@ -9577,7 +12370,7 @@ var Corex = (() => {
           }
         }
       });
-      props5 = createProps()([
+      props8 = createProps()([
         "allowCustomValue",
         "autoFocus",
         "closeOnSelect",
@@ -9625,13 +12418,13 @@ var Corex = (() => {
         "value",
         "alwaysSubmitOnEnter"
       ]);
-      splitProps5 = createSplitProps(props5);
+      splitProps8 = createSplitProps(props8);
       itemGroupLabelProps = createProps()(["htmlFor"]);
       splitItemGroupLabelProps = createSplitProps(itemGroupLabelProps);
       itemGroupProps = createProps()(["id"]);
       splitItemGroupProps = createSplitProps(itemGroupProps);
-      itemProps2 = createProps()(["item", "persistFocus"]);
-      splitItemProps2 = createSplitProps(itemProps2);
+      itemProps3 = createProps()(["item", "persistFocus"]);
+      splitItemProps3 = createSplitProps(itemProps3);
       Combobox = class extends Component {
         constructor() {
           super(...arguments);
@@ -9657,7 +12450,10 @@ var Corex = (() => {
                 var _a;
                 return (_a = item.disabled) != null ? _a : false;
               },
-              groupBy: (item) => item.group
+              groupBy: (item) => {
+                var _a;
+                return (_a = item.group) != null ? _a : "";
+              }
             });
           }
           return collection({
@@ -9674,9 +12470,9 @@ var Corex = (() => {
           });
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
+        initMachine(props26) {
           const getCollection = this.getCollection.bind(this);
-          return new VanillaMachine(machine5, __spreadProps(__spreadValues({}, props22), {
+          return new VanillaMachine(machine8, __spreadProps(__spreadValues({}, props26), {
             get collection() {
               return getCollection();
             },
@@ -9684,8 +12480,8 @@ var Corex = (() => {
               if (details.open) {
                 this.options = this.allOptions;
               }
-              if (props22.onOpenChange) {
-                props22.onOpenChange(details);
+              if (props26.onOpenChange) {
+                props26.onOpenChange(details);
               }
             },
             onInputValueChange: (details) => {
@@ -9693,14 +12489,14 @@ var Corex = (() => {
                 (item) => item.label.toLowerCase().includes(details.inputValue.toLowerCase())
               );
               this.options = filtered.length > 0 ? filtered : this.allOptions;
-              if (props22.onInputValueChange) {
-                props22.onInputValueChange(details);
+              if (props26.onInputValueChange) {
+                props26.onInputValueChange(details);
               }
             }
           }));
         }
         initApi() {
-          return connect5(this.machine.service, normalizeProps);
+          return connect8(this.machine.service, normalizeProps);
         }
         renderItems() {
           var _a, _b, _c;
@@ -9804,7 +12600,7 @@ var Corex = (() => {
           const pushEvent = this.pushEvent.bind(this);
           const allItems = JSON.parse(el.dataset.collection || "[]");
           const hasGroups = allItems.some((item) => item.group !== void 0);
-          const props22 = __spreadProps(__spreadValues({
+          const props26 = __spreadProps(__spreadValues({
             id: el.id
           }, getBoolean(el, "controlled") ? { value: getStringList(el, "value") } : { defaultValue: getStringList(el, "defaultValue") }), {
             disabled: getBoolean(el, "disabled"),
@@ -9949,7 +12745,7 @@ var Corex = (() => {
               }
             }
           });
-          const combobox = new Combobox(el, props22);
+          const combobox = new Combobox(el, props26);
           combobox.hasGroups = hasGroups;
           combobox.setAllOptions(allItems);
           combobox.init();
@@ -10259,9 +13055,9 @@ var Corex = (() => {
       });
       $11d87f3f76e88657$var$formattersByTimeZone.set(timeZone, formatter);
     }
-    let parts22 = formatter.formatToParts(new Date(ms));
+    let parts27 = formatter.formatToParts(new Date(ms));
     let namedParts = {};
-    for (let part of parts22) if (part.type !== "literal") namedParts[part.type] = part.value;
+    for (let part of parts27) if (part.type !== "literal") namedParts[part.type] = part.value;
     return {
       // Firefox returns B instead of BC... https://bugzilla.mozilla.org/show_bug.cgi?id=1752253
       year: namedParts.era === "BC" || namedParts.era === "B" ? -namedParts.year + 1 : +namedParts.year,
@@ -10282,8 +13078,8 @@ var Corex = (() => {
     return found.filter((absolute) => $11d87f3f76e88657$var$isValidWallTime(date, timeZone, absolute));
   }
   function $11d87f3f76e88657$var$isValidWallTime(date, timeZone, absolute) {
-    let parts22 = $11d87f3f76e88657$var$getTimeZoneParts(absolute, timeZone);
-    return date.year === parts22.year && date.month === parts22.month && date.day === parts22.day && date.hour === parts22.hour && date.minute === parts22.minute && date.second === parts22.second;
+    let parts27 = $11d87f3f76e88657$var$getTimeZoneParts(absolute, timeZone);
+    return date.year === parts27.year && date.month === parts27.month && date.day === parts27.day && date.hour === parts27.hour && date.minute === parts27.minute && date.second === parts27.second;
   }
   function $11d87f3f76e88657$export$5107c82f94518f5c(date, timeZone, disambiguation = "compatible") {
     let dateTime = $11d87f3f76e88657$export$b21e0b124e224484(date);
@@ -10895,10 +13691,10 @@ var Corex = (() => {
     });
   }
   function formatRange(startDate, endDate, formatter, toString, timeZone) {
-    let parts22 = formatter.formatRangeToParts(startDate.toDate(timeZone), endDate.toDate(timeZone));
+    let parts27 = formatter.formatRangeToParts(startDate.toDate(timeZone), endDate.toDate(timeZone));
     let separatorIndex = -1;
-    for (let i2 = 0; i2 < parts22.length; i2++) {
-      let part = parts22[i2];
+    for (let i2 = 0; i2 < parts27.length; i2++) {
+      let part = parts27[i2];
       if (part.source === "shared" && part.type === "literal") {
         separatorIndex = i2;
       } else if (part.source === "endRange") {
@@ -10907,11 +13703,11 @@ var Corex = (() => {
     }
     let start = "";
     let end = "";
-    for (let i2 = 0; i2 < parts22.length; i2++) {
+    for (let i2 = 0; i2 < parts27.length; i2++) {
       if (i2 < separatorIndex) {
-        start += parts22[i2].value;
+        start += parts27[i2].value;
       } else if (i2 > separatorIndex) {
-        end += parts22[i2].value;
+        end += parts27[i2].value;
       }
     }
     return toString(start, end);
@@ -11139,8 +13935,8 @@ var Corex = (() => {
   }
   function createRegex(locale, timeZone) {
     const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, { day: "numeric", month: "numeric", year: "numeric", timeZone });
-    const parts22 = formatter.formatToParts(new Date(2e3, 11, 25));
-    return parts22.map(({ type, value }) => type === "literal" ? `${value}?` : `((?!=<${type}>)\\d+)?`).join("");
+    const parts27 = formatter.formatToParts(new Date(2e3, 11, 25));
+    return parts27.map(({ type, value }) => type === "literal" ? `${value}?` : `((?!=<${type}>)\\d+)?`).join("");
   }
   function extract(pattern, str) {
     var _a;
@@ -11272,8 +14068,8 @@ var Corex = (() => {
   }
   function getLocaleSeparator(locale) {
     const dateFormatter = new Intl.DateTimeFormat(locale);
-    const parts22 = dateFormatter.formatToParts(/* @__PURE__ */ new Date());
-    const literalPart = parts22.find((part) => part.type === "literal");
+    const parts27 = dateFormatter.formatToParts(/* @__PURE__ */ new Date());
+    const literalPart = parts27.find((part) => part.type === "literal");
     return literalPart ? literalPart.value : "/";
   }
   function viewToNumber(view, fallback2) {
@@ -11305,7 +14101,7 @@ var Corex = (() => {
   function eachView(cb) {
     views.forEach((view) => cb(view));
   }
-  function connect6(service, normalize) {
+  function connect9(service, normalize) {
     const { state: state2, context, prop, send, computed, scope } = service;
     const startValue = context.get("startValue");
     const endValue = computed("endValue");
@@ -11337,8 +14133,8 @@ var Corex = (() => {
       const numOfWeeks = prop("fixedWeeks") ? 6 : void 0;
       return getMonthDays(from, locale, numOfWeeks, startOfWeek);
     }
-    function getMonths(props22 = {}) {
-      const { format } = props22;
+    function getMonths(props26 = {}) {
+      const { format } = props26;
       return getMonthNames(locale, format).map((label, index) => {
         const value = index + 1;
         const dateValue = focusedValue.set({ month: value });
@@ -11366,14 +14162,14 @@ var Corex = (() => {
       const date = startValue != null ? startValue : getTodayDate(timeZone);
       send({ type: "FOCUS.SET", value: date.set({ year }) });
     }
-    function getYearTableCellState(props22) {
-      const { value, disabled: disabled2 } = props22;
+    function getYearTableCellState(props26) {
+      const { value, disabled: disabled2 } = props26;
       const dateValue = focusedValue.set({ year: value });
       const decadeYears = getDecadeRange(startValue.year, { strict: true });
       const isOutsideVisibleRange = !decadeYears.includes(value);
       const isOutsideRange = isValueWithinRange(value, min4 == null ? void 0 : min4.year, max4 == null ? void 0 : max4.year);
       const cellState = {
-        focused: focusedValue.year === props22.value,
+        focused: focusedValue.year === props26.value,
         selectable: isOutsideVisibleRange || isOutsideRange,
         outsideRange: isOutsideVisibleRange,
         selected: !!selectedValue.find((date) => date && date.year === value),
@@ -11386,12 +14182,12 @@ var Corex = (() => {
       };
       return cellState;
     }
-    function getMonthTableCellState(props22) {
-      const { value, disabled: disabled2 } = props22;
+    function getMonthTableCellState(props26) {
+      const { value, disabled: disabled2 } = props26;
       const dateValue = focusedValue.set({ month: value });
       const formatter = getMonthFormatter(locale, timeZone);
       const cellState = {
-        focused: focusedValue.month === props22.value,
+        focused: focusedValue.month === props26.value,
         selectable: !isDateOutsideRange(dateValue, min4, max4),
         selected: !!selectedValue.find((date) => date && date.month === value && date.year === focusedValue.year),
         valueText: formatter.format(dateValue.toDate(timeZone)),
@@ -11403,8 +14199,8 @@ var Corex = (() => {
       };
       return cellState;
     }
-    function getDayTableCellState(props22) {
-      const { value, disabled: disabled2, visibleRange = computed("visibleRange") } = props22;
+    function getDayTableCellState(props26) {
+      const { value, disabled: disabled2, visibleRange = computed("visibleRange") } = props26;
       const formatter = getDayFormatter(locale, timeZone);
       const unitDuration = getUnitDuration(computed("visibleDuration"));
       const outsideDaySelectable = prop("outsideDaySelectable");
@@ -11446,8 +14242,8 @@ var Corex = (() => {
       };
       return cellState;
     }
-    function getTableId2(props22) {
-      const { view = "day", id } = props22;
+    function getTableId2(props26) {
+      const { view = "day", id } = props26;
       return [view, id].filter(Boolean).join(" ");
     }
     return {
@@ -11515,8 +14311,8 @@ var Corex = (() => {
       focusYear,
       getYears,
       getMonths,
-      getYearsGrid(props22 = {}) {
-        const { columns = 1 } = props22;
+      getYearsGrid(props26 = {}) {
+        const { columns = 1 } = props26;
         const years = getDecadeRange(startValue.year, { strict: true }).map((year) => ({
           label: year.toString(),
           value: year,
@@ -11528,8 +14324,8 @@ var Corex = (() => {
         const years = getDecadeRange(startValue.year, { strict: true });
         return { start: years.at(0), end: years.at(-1) };
       },
-      getMonthsGrid(props22 = {}) {
-        const { columns = 1, format } = props22;
+      getMonthsGrid(props26 = {}) {
+        const { columns = 1, format } = props26;
         return chunk(getMonths({ format }), columns);
       },
       format(value, opts = { month: "long", year: "numeric" }) {
@@ -11545,19 +14341,19 @@ var Corex = (() => {
         send({ type: "GOTO.PREV", view: context.get("view") });
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.root.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.root.attrs), {
           dir: prop("dir"),
-          id: getRootId6(scope),
+          id: getRootId9(scope),
           "data-state": open ? "open" : "closed",
           "data-disabled": dataAttr(disabled),
           "data-readonly": dataAttr(readOnly),
           "data-empty": dataAttr(empty)
         }));
       },
-      getLabelProps(props22 = {}) {
-        const { index = 0 } = props22;
-        return normalize.label(__spreadProps(__spreadValues({}, parts6.label.attrs), {
-          id: getLabelId4(scope, index),
+      getLabelProps(props26 = {}) {
+        const { index = 0 } = props26;
+        return normalize.label(__spreadProps(__spreadValues({}, parts9.label.attrs), {
+          id: getLabelId5(scope, index),
           dir: prop("dir"),
           htmlFor: getInputId3(scope, index),
           "data-state": open ? "open" : "closed",
@@ -11567,20 +14363,20 @@ var Corex = (() => {
         }));
       },
       getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.control.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.control.attrs), {
           dir: prop("dir"),
-          id: getControlId3(scope),
+          id: getControlId4(scope),
           "data-disabled": dataAttr(disabled),
           "data-placeholder-shown": dataAttr(empty)
         }));
       },
       getRangeTextProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.rangeText.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.rangeText.attrs), {
           dir: prop("dir")
         }));
       },
       getContentProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.content.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.content.attrs), {
           hidden: !open,
           dir: prop("dir"),
           "data-state": open ? "open" : "closed",
@@ -11593,10 +14389,10 @@ var Corex = (() => {
           "aria-label": translations.content
         }));
       },
-      getTableProps(props22 = {}) {
-        const { view = "day", columns = view === "day" ? 7 : 4 } = props22;
-        const uid = getTableId2(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.table.attrs), {
+      getTableProps(props26 = {}) {
+        const { view = "day", columns = view === "day" ? 7 : 4 } = props26;
+        const uid = getTableId2(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.table.attrs), {
           role: "grid",
           "data-columns": columns,
           "aria-roledescription": getRoleDescription(view),
@@ -11667,43 +14463,43 @@ var Corex = (() => {
           }
         }));
       },
-      getTableHeadProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableHead.attrs), {
+      getTableHeadProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableHead.attrs), {
           "aria-hidden": true,
           dir: prop("dir"),
           "data-view": view,
           "data-disabled": dataAttr(disabled)
         }));
       },
-      getTableHeaderProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableHeader.attrs), {
+      getTableHeaderProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableHeader.attrs), {
           dir: prop("dir"),
           "data-view": view,
           "data-disabled": dataAttr(disabled)
         }));
       },
-      getTableBodyProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableBody.attrs), {
+      getTableBodyProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableBody.attrs), {
           "data-view": view,
           "data-disabled": dataAttr(disabled)
         }));
       },
-      getTableRowProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableRow.attrs), {
+      getTableRowProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableRow.attrs), {
           "aria-disabled": ariaAttr(disabled),
           "data-disabled": dataAttr(disabled),
           "data-view": view
         }));
       },
       getDayTableCellState,
-      getDayTableCellProps(props22) {
-        const { value } = props22;
-        const cellState = getDayTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCell.attrs), {
+      getDayTableCellProps(props26) {
+        const { value } = props26;
+        const cellState = getDayTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCell.attrs), {
           role: "gridcell",
           "aria-disabled": ariaAttr(!cellState.selectable),
           "aria-selected": cellState.selected || cellState.inRange,
@@ -11712,10 +14508,10 @@ var Corex = (() => {
           "data-value": value.toString()
         }));
       },
-      getDayTableCellTriggerProps(props22) {
-        const { value } = props22;
-        const cellState = getDayTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCellTrigger.attrs), {
+      getDayTableCellTriggerProps(props26) {
+        const { value } = props26;
+        const cellState = getDayTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCellTrigger.attrs), {
           id: getCellTriggerId(scope, value.toString()),
           role: "button",
           dir: prop("dir"),
@@ -11753,10 +14549,10 @@ var Corex = (() => {
         }));
       },
       getMonthTableCellState,
-      getMonthTableCellProps(props22) {
-        const { value, columns } = props22;
-        const cellState = getMonthTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCell.attrs), {
+      getMonthTableCellProps(props26) {
+        const { value, columns } = props26;
+        const cellState = getMonthTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCell.attrs), {
           dir: prop("dir"),
           colSpan: columns,
           role: "gridcell",
@@ -11766,10 +14562,10 @@ var Corex = (() => {
           "data-value": value
         }));
       },
-      getMonthTableCellTriggerProps(props22) {
-        const { value } = props22;
-        const cellState = getMonthTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCellTrigger.attrs), {
+      getMonthTableCellTriggerProps(props26) {
+        const { value } = props26;
+        const cellState = getMonthTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCellTrigger.attrs), {
           dir: prop("dir"),
           role: "button",
           id: getCellTriggerId(scope, value.toString()),
@@ -11798,10 +14594,10 @@ var Corex = (() => {
         }));
       },
       getYearTableCellState,
-      getYearTableCellProps(props22) {
-        const { value, columns } = props22;
-        const cellState = getYearTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCell.attrs), {
+      getYearTableCellProps(props26) {
+        const { value, columns } = props26;
+        const cellState = getYearTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCell.attrs), {
           dir: prop("dir"),
           colSpan: columns,
           role: "gridcell",
@@ -11811,10 +14607,10 @@ var Corex = (() => {
           "data-value": value
         }));
       },
-      getYearTableCellTriggerProps(props22) {
-        const { value } = props22;
-        const cellState = getYearTableCellState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.tableCellTrigger.attrs), {
+      getYearTableCellTriggerProps(props26) {
+        const { value } = props26;
+        const cellState = getYearTableCellState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.tableCellTrigger.attrs), {
           dir: prop("dir"),
           role: "button",
           id: getCellTriggerId(scope, value.toString()),
@@ -11842,12 +14638,12 @@ var Corex = (() => {
           } : void 0
         }));
       },
-      getNextTriggerProps(props22 = {}) {
-        const { view = "day" } = props22;
+      getNextTriggerProps(props26 = {}) {
+        const { view = "day" } = props26;
         const isDisabled = disabled || !computed("isNextVisibleRangeValid");
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.nextTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.nextTrigger.attrs), {
           dir: prop("dir"),
-          id: getNextTriggerId(scope, view),
+          id: getNextTriggerId2(scope, view),
           type: "button",
           "aria-label": translations.nextTrigger(view),
           disabled: isDisabled,
@@ -11858,12 +14654,12 @@ var Corex = (() => {
           }
         }));
       },
-      getPrevTriggerProps(props22 = {}) {
-        const { view = "day" } = props22;
+      getPrevTriggerProps(props26 = {}) {
+        const { view = "day" } = props26;
         const isDisabled = disabled || !computed("isPrevVisibleRangeValid");
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.prevTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.prevTrigger.attrs), {
           dir: prop("dir"),
-          id: getPrevTriggerId(scope, view),
+          id: getPrevTriggerId2(scope, view),
           type: "button",
           "aria-label": translations.prevTrigger(view),
           disabled: isDisabled,
@@ -11875,7 +14671,7 @@ var Corex = (() => {
         }));
       },
       getClearTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.clearTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.clearTrigger.attrs), {
           id: getClearTriggerId2(scope),
           dir: prop("dir"),
           type: "button",
@@ -11888,7 +14684,7 @@ var Corex = (() => {
         }));
       },
       getTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.trigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.trigger.attrs), {
           id: getTriggerId3(scope),
           dir: prop("dir"),
           type: "button",
@@ -11906,16 +14702,16 @@ var Corex = (() => {
           }
         }));
       },
-      getViewProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.view.attrs), {
+      getViewProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.view.attrs), {
           "data-view": view,
           hidden: context.get("view") !== view
         }));
       },
-      getViewTriggerProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.viewTrigger.attrs), {
+      getViewTriggerProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.viewTrigger.attrs), {
           "data-view": view,
           dir: prop("dir"),
           id: getViewTriggerId(scope, view),
@@ -11929,16 +14725,16 @@ var Corex = (() => {
           }
         }));
       },
-      getViewControlProps(props22 = {}) {
-        const { view = "day" } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts6.viewControl.attrs), {
+      getViewControlProps(props26 = {}) {
+        const { view = "day" } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts9.viewControl.attrs), {
           "data-view": view,
           dir: prop("dir")
         }));
       },
-      getInputProps(props22 = {}) {
-        const { index = 0, fixOnBlur = true } = props22;
-        return normalize.input(__spreadProps(__spreadValues({}, parts6.input.attrs), {
+      getInputProps(props26 = {}) {
+        const { index = 0, fixOnBlur = true } = props26;
+        return normalize.input(__spreadProps(__spreadValues({}, parts9.input.attrs), {
           id: getInputId3(scope, index),
           autoComplete: "off",
           autoCorrect: "off",
@@ -11992,7 +14788,7 @@ var Corex = (() => {
         }));
       },
       getMonthSelectProps() {
-        return normalize.select(__spreadProps(__spreadValues({}, parts6.monthSelect.attrs), {
+        return normalize.select(__spreadProps(__spreadValues({}, parts9.monthSelect.attrs), {
           id: getMonthSelectId(scope),
           "aria-label": translations.monthSelect,
           disabled,
@@ -12004,7 +14800,7 @@ var Corex = (() => {
         }));
       },
       getYearSelectProps() {
-        return normalize.select(__spreadProps(__spreadValues({}, parts6.yearSelect.attrs), {
+        return normalize.select(__spreadProps(__spreadValues({}, parts9.yearSelect.attrs), {
           id: getYearSelectId(scope),
           disabled,
           "aria-label": translations.yearSelect,
@@ -12018,15 +14814,15 @@ var Corex = (() => {
       getPositionerProps() {
         return normalize.element(__spreadProps(__spreadValues({
           id: getPositionerId2(scope)
-        }, parts6.positioner.attrs), {
+        }, parts9.positioner.attrs), {
           dir: prop("dir"),
           style: popperStyles.floating
         }));
       },
-      getPresetTriggerProps(props22) {
-        const value = Array.isArray(props22.value) ? props22.value : getDateRangePreset(props22.value, locale, timeZone);
+      getPresetTriggerProps(props26) {
+        const value = Array.isArray(props26.value) ? props26.value : getDateRangePreset(props26.value, locale, timeZone);
         const valueAsString = value.filter((item) => item != null).map((item) => item.toDate(timeZone).toDateString());
-        return normalize.button(__spreadProps(__spreadValues({}, parts6.presetTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts9.presetTrigger.attrs), {
           "aria-label": translations.presetTrigger(valueAsString),
           type: "button",
           onClick(event) {
@@ -12084,13 +14880,14 @@ var Corex = (() => {
     const pad = (n2) => String(n2).padStart(2, "0");
     return `${d2.year}-${pad(d2.month)}-${pad(d2.day)}`;
   }
-  var $3b62074eb05584b2$var$EPOCH, $3b62074eb05584b2$var$daysInMonth, $3b62074eb05584b2$export$80ee6245ec4f29ec, $2fe286d2fb449abb$export$7a5acbd77d414bd9, $14e0f24ef4ac5c92$var$DAY_MAP, $14e0f24ef4ac5c92$var$localTimeZone, $14e0f24ef4ac5c92$var$cachedRegions, $14e0f24ef4ac5c92$var$cachedWeekInfo, $14e0f24ef4ac5c92$var$WEEKEND_DATA, $11d87f3f76e88657$var$formattersByTimeZone, $11d87f3f76e88657$var$DAYMILLIS, $735220c2d4774dd3$var$ONE_HOUR, $fae977aafc393c5c$var$DATE_RE, $fae977aafc393c5c$var$ABSOLUTE_RE, $fae977aafc393c5c$var$requiredDurationTimeGroups, $fae977aafc393c5c$var$requiredDurationGroups, $35ea8db9cb2ccb90$var$_type, $35ea8db9cb2ccb90$export$99faa760c7908e4f, $35ea8db9cb2ccb90$var$_type2, $35ea8db9cb2ccb90$export$ca871e8dbb80966f, $35ea8db9cb2ccb90$var$_type3, $35ea8db9cb2ccb90$export$d3b7288e7994edea, $fb18d541ea1ad717$var$formatterCache, $fb18d541ea1ad717$export$ad991b66133851cf, $fb18d541ea1ad717$var$hour12Preferences, $fb18d541ea1ad717$var$_hasBuggyHour12Behavior, $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle, daysOfTheWeek, FUTURE_YEAR_COERCION, isValidYear, isValidMonth, isValidDay, ID, anatomy6, parts6, getLabelId4, getRootId6, getTableId, getContentId3, getCellTriggerId, getPrevTriggerId, getNextTriggerId, getViewTriggerId, getClearTriggerId2, getControlId3, getInputId3, getTriggerId3, getPositionerId2, getMonthSelectId, getYearSelectId, getFocusedCell, getTriggerEl2, getContentEl3, getInputEls, getYearSelectEl, getMonthSelectEl, getClearTriggerEl2, getPositionerEl2, getControlEl2, PLACEHOLDERS, isValidCharacter, isValidDate, ensureValidCharacters, defaultTranslations, views, getVisibleRangeText, and3, machine6, normalizeValue, props6, splitProps6, inputProps, splitInputProps, presetTriggerProps, splitPresetTriggerProps, tableProps, splitTableProps, tableCellProps, splitTableCellProps, viewProps, splitViewProps, DatePicker, DatePickerHook;
+  var $3b62074eb05584b2$var$EPOCH, $3b62074eb05584b2$var$daysInMonth, $3b62074eb05584b2$export$80ee6245ec4f29ec, $2fe286d2fb449abb$export$7a5acbd77d414bd9, $14e0f24ef4ac5c92$var$DAY_MAP, $14e0f24ef4ac5c92$var$localTimeZone, $14e0f24ef4ac5c92$var$cachedRegions, $14e0f24ef4ac5c92$var$cachedWeekInfo, $14e0f24ef4ac5c92$var$WEEKEND_DATA, $11d87f3f76e88657$var$formattersByTimeZone, $11d87f3f76e88657$var$DAYMILLIS, $735220c2d4774dd3$var$ONE_HOUR, $fae977aafc393c5c$var$DATE_RE, $fae977aafc393c5c$var$ABSOLUTE_RE, $fae977aafc393c5c$var$requiredDurationTimeGroups, $fae977aafc393c5c$var$requiredDurationGroups, $35ea8db9cb2ccb90$var$_type, $35ea8db9cb2ccb90$export$99faa760c7908e4f, $35ea8db9cb2ccb90$var$_type2, $35ea8db9cb2ccb90$export$ca871e8dbb80966f, $35ea8db9cb2ccb90$var$_type3, $35ea8db9cb2ccb90$export$d3b7288e7994edea, $fb18d541ea1ad717$var$formatterCache, $fb18d541ea1ad717$export$ad991b66133851cf, $fb18d541ea1ad717$var$hour12Preferences, $fb18d541ea1ad717$var$_hasBuggyHour12Behavior, $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle, daysOfTheWeek, FUTURE_YEAR_COERCION, isValidYear, isValidMonth, isValidDay, ID, anatomy9, parts9, getLabelId5, getRootId9, getTableId, getContentId3, getCellTriggerId, getPrevTriggerId2, getNextTriggerId2, getViewTriggerId, getClearTriggerId2, getControlId4, getInputId3, getTriggerId3, getPositionerId2, getMonthSelectId, getYearSelectId, getFocusedCell, getTriggerEl2, getContentEl3, getInputEls, getYearSelectEl, getMonthSelectEl, getClearTriggerEl2, getPositionerEl2, getControlEl3, PLACEHOLDERS, isValidCharacter, isValidDate, ensureValidCharacters, defaultTranslations, views, getVisibleRangeText, and3, machine9, normalizeValue, props9, splitProps9, inputProps, splitInputProps, presetTriggerProps, splitPresetTriggerProps, tableProps, splitTableProps, tableCellProps, splitTableCellProps, viewProps, splitViewProps, DatePicker, DatePickerHook;
   var init_date_picker = __esm({
     "../priv/static/date-picker.mjs"() {
       "use strict";
-      init_chunk_GRHV6R4F();
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
+      init_chunk_EENFWNGI();
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
       $3b62074eb05584b2$var$EPOCH = 1721426;
       $3b62074eb05584b2$var$daysInMonth = {
         standard: [
@@ -12632,7 +15429,7 @@ var Corex = (() => {
       isValidMonth = (month) => month != null && parseFloat(month) <= 12;
       isValidDay = (day) => day != null && parseFloat(day) <= 31;
       ID = "__live-region__";
-      anatomy6 = createAnatomy("date-picker").parts(
+      anatomy9 = createAnatomy("date-picker").parts(
         "clearTrigger",
         "content",
         "control",
@@ -12658,12 +15455,12 @@ var Corex = (() => {
         "viewTrigger",
         "yearSelect"
       );
-      parts6 = anatomy6.build();
-      getLabelId4 = (ctx, index) => {
+      parts9 = anatomy9.build();
+      getLabelId5 = (ctx, index) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.label) == null ? void 0 : _b.call(_a, index)) != null ? _c : `datepicker:${ctx.id}:label:${index}`;
       };
-      getRootId6 = (ctx) => {
+      getRootId9 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `datepicker:${ctx.id}`;
       };
@@ -12679,11 +15476,11 @@ var Corex = (() => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.cellTrigger) == null ? void 0 : _b.call(_a, id)) != null ? _c : `datepicker:${ctx.id}:cell-trigger:${id}`;
       };
-      getPrevTriggerId = (ctx, view) => {
+      getPrevTriggerId2 = (ctx, view) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.prevTrigger) == null ? void 0 : _b.call(_a, view)) != null ? _c : `datepicker:${ctx.id}:prev:${view}`;
       };
-      getNextTriggerId = (ctx, view) => {
+      getNextTriggerId2 = (ctx, view) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.nextTrigger) == null ? void 0 : _b.call(_a, view)) != null ? _c : `datepicker:${ctx.id}:next:${view}`;
       };
@@ -12695,7 +15492,7 @@ var Corex = (() => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.clearTrigger) != null ? _b : `datepicker:${ctx.id}:clear`;
       };
-      getControlId3 = (ctx) => {
+      getControlId4 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `datepicker:${ctx.id}:control`;
       };
@@ -12722,12 +15519,12 @@ var Corex = (() => {
       getFocusedCell = (ctx, view) => query(getContentEl3(ctx), `[data-part=table-cell-trigger][data-view=${view}][data-focus]:not([data-outside-range])`);
       getTriggerEl2 = (ctx) => ctx.getById(getTriggerId3(ctx));
       getContentEl3 = (ctx) => ctx.getById(getContentId3(ctx));
-      getInputEls = (ctx) => queryAll(getControlEl2(ctx), `[data-part=input]`);
+      getInputEls = (ctx) => queryAll(getControlEl3(ctx), `[data-part=input]`);
       getYearSelectEl = (ctx) => ctx.getById(getYearSelectId(ctx));
       getMonthSelectEl = (ctx) => ctx.getById(getMonthSelectId(ctx));
       getClearTriggerEl2 = (ctx) => ctx.getById(getClearTriggerId2(ctx));
       getPositionerEl2 = (ctx) => ctx.getById(getPositionerId2(ctx));
-      getControlEl2 = (ctx) => ctx.getById(getControlId3(ctx));
+      getControlEl3 = (ctx) => ctx.getById(getControlId4(ctx));
       PLACEHOLDERS = {
         day: "dd",
         month: "mm",
@@ -12749,2531 +15546,6377 @@ var Corex = (() => {
           if (state2.selected) return `Selected date. ${state2.formattedDate}`;
           return `Choose ${state2.formattedDate}`;
         },
-        trigger(open) {
-          return open ? "Close calendar" : "Open calendar";
+        trigger(open) {
+          return open ? "Close calendar" : "Open calendar";
+        },
+        viewTrigger(view) {
+          return match2(view, {
+            year: "Switch to month view",
+            month: "Switch to day view",
+            day: "Switch to year view"
+          });
+        },
+        presetTrigger(value) {
+          const [start = "", end = ""] = value;
+          return `select ${start} to ${end}`;
+        },
+        prevTrigger(view) {
+          return match2(view, {
+            year: "Switch to previous decade",
+            month: "Switch to previous year",
+            day: "Switch to previous month"
+          });
+        },
+        nextTrigger(view) {
+          return match2(view, {
+            year: "Switch to next decade",
+            month: "Switch to next year",
+            day: "Switch to next month"
+          });
+        },
+        // TODO: Revisit this
+        placeholder() {
+          return { day: "dd", month: "mm", year: "yyyy" };
+        },
+        content: "calendar",
+        monthSelect: "Select month",
+        yearSelect: "Select year",
+        clearTrigger: "Clear selected dates"
+      };
+      views = ["day", "month", "year"];
+      getVisibleRangeText = memo(
+        (opts) => [opts.view, opts.startValue.toString(), opts.endValue.toString(), opts.locale],
+        ([view], opts) => {
+          const { startValue, endValue, locale, timeZone, selectionMode } = opts;
+          if (view === "year") {
+            const years = getDecadeRange(startValue.year, { strict: true });
+            const start2 = years.at(0).toString();
+            const end2 = years.at(-1).toString();
+            return { start: start2, end: end2, formatted: `${start2} - ${end2}` };
+          }
+          if (view === "month") {
+            const formatter2 = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, { year: "numeric", timeZone });
+            const start2 = formatter2.format(startValue.toDate(timeZone));
+            const end2 = formatter2.format(endValue.toDate(timeZone));
+            const formatted2 = selectionMode === "range" ? `${start2} - ${end2}` : start2;
+            return { start: start2, end: end2, formatted: formatted2 };
+          }
+          const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, { month: "long", year: "numeric", timeZone });
+          const start = formatter.format(startValue.toDate(timeZone));
+          const end = formatter.format(endValue.toDate(timeZone));
+          const formatted = selectionMode === "range" ? `${start} - ${end}` : start;
+          return { start, end, formatted };
+        }
+      );
+      ({ and: and3 } = createGuards());
+      machine9 = createMachine({
+        props({ props: props26 }) {
+          const locale = props26.locale || "en-US";
+          const timeZone = props26.timeZone || "UTC";
+          const selectionMode = props26.selectionMode || "single";
+          const numOfMonths = props26.numOfMonths || 1;
+          const defaultValue = props26.defaultValue ? sortDates(props26.defaultValue).map((date) => constrainValue(date, props26.min, props26.max)) : void 0;
+          const value = props26.value ? sortDates(props26.value).map((date) => constrainValue(date, props26.min, props26.max)) : void 0;
+          let focusedValue = props26.focusedValue || props26.defaultFocusedValue || (value == null ? void 0 : value[0]) || (defaultValue == null ? void 0 : defaultValue[0]) || getTodayDate(timeZone);
+          focusedValue = constrainValue(focusedValue, props26.min, props26.max);
+          const minView = "day";
+          const maxView = "year";
+          const defaultView = clampView(props26.view || minView, minView, maxView);
+          return __spreadProps(__spreadValues({
+            locale,
+            numOfMonths,
+            timeZone,
+            selectionMode,
+            defaultView,
+            minView,
+            maxView,
+            outsideDaySelectable: false,
+            closeOnSelect: true,
+            format(date, { locale: locale2, timeZone: timeZone2 }) {
+              const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale2, { timeZone: timeZone2, day: "2-digit", month: "2-digit", year: "numeric" });
+              return formatter.format(date.toDate(timeZone2));
+            },
+            parse(value2, { locale: locale2, timeZone: timeZone2 }) {
+              return parseDateString(value2, locale2, timeZone2);
+            }
+          }, props26), {
+            focusedValue: typeof props26.focusedValue === "undefined" ? void 0 : focusedValue,
+            defaultFocusedValue: focusedValue,
+            value,
+            defaultValue: defaultValue != null ? defaultValue : [],
+            positioning: __spreadValues({
+              placement: "bottom"
+            }, props26.positioning)
+          });
+        },
+        initialState({ prop }) {
+          const open = prop("open") || prop("defaultOpen") || prop("inline");
+          return open ? "open" : "idle";
+        },
+        refs() {
+          return {
+            announcer: void 0
+          };
+        },
+        context({ prop, bindable: bindable2, getContext }) {
+          return {
+            focusedValue: bindable2(() => ({
+              defaultValue: prop("defaultFocusedValue"),
+              value: prop("focusedValue"),
+              isEqual: isDateEqual,
+              hash: (v2) => v2.toString(),
+              sync: true,
+              onChange(focusedValue) {
+                var _a;
+                const context = getContext();
+                const view = context.get("view");
+                const value = context.get("value");
+                const valueAsString = getValueAsString(value, prop);
+                (_a = prop("onFocusChange")) == null ? void 0 : _a({ value, valueAsString, view, focusedValue });
+              }
+            })),
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              isEqual: isDateArrayEqual,
+              hash: (v2) => v2.map((date) => {
+                var _a;
+                return (_a = date == null ? void 0 : date.toString()) != null ? _a : "";
+              }).join(","),
+              onChange(value) {
+                var _a;
+                const context = getContext();
+                const valueAsString = getValueAsString(value, prop);
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, valueAsString, view: context.get("view") });
+              }
+            })),
+            inputValue: bindable2(() => ({
+              defaultValue: ""
+            })),
+            activeIndex: bindable2(() => ({
+              defaultValue: 0,
+              sync: true
+            })),
+            hoveredValue: bindable2(() => ({
+              defaultValue: null,
+              isEqual: isDateEqual
+            })),
+            view: bindable2(() => ({
+              defaultValue: prop("defaultView"),
+              value: prop("view"),
+              onChange(value) {
+                var _a;
+                (_a = prop("onViewChange")) == null ? void 0 : _a({ view: value });
+              }
+            })),
+            startValue: bindable2(() => {
+              const focusedValue = prop("focusedValue") || prop("defaultFocusedValue");
+              return {
+                defaultValue: alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale")),
+                isEqual: isDateEqual,
+                hash: (v2) => v2.toString()
+              };
+            }),
+            currentPlacement: bindable2(() => ({
+              defaultValue: void 0
+            })),
+            restoreFocus: bindable2(() => ({
+              defaultValue: false
+            }))
+          };
+        },
+        computed: {
+          isInteractive: ({ prop }) => !prop("disabled") && !prop("readOnly"),
+          visibleDuration: ({ prop }) => ({ months: prop("numOfMonths") }),
+          endValue: ({ context, computed }) => getEndDate(context.get("startValue"), computed("visibleDuration")),
+          visibleRange: ({ context, computed }) => ({ start: context.get("startValue"), end: computed("endValue") }),
+          visibleRangeText: ({ context, prop, computed }) => getVisibleRangeText({
+            view: context.get("view"),
+            startValue: context.get("startValue"),
+            endValue: computed("endValue"),
+            locale: prop("locale"),
+            timeZone: prop("timeZone"),
+            selectionMode: prop("selectionMode")
+          }),
+          isPrevVisibleRangeValid: ({ context, prop }) => !isPreviousRangeInvalid(context.get("startValue"), prop("min"), prop("max")),
+          isNextVisibleRangeValid: ({ prop, computed }) => !isNextRangeInvalid(computed("endValue"), prop("min"), prop("max")),
+          valueAsString: ({ context, prop }) => getValueAsString(context.get("value"), prop)
         },
-        viewTrigger(view) {
-          return match2(view, {
-            year: "Switch to month view",
-            month: "Switch to day view",
-            day: "Switch to year view"
+        effects: ["setupLiveRegion"],
+        watch({ track, prop, context, action, computed }) {
+          track([() => prop("locale")], () => {
+            action(["setStartValue", "syncInputElement"]);
           });
-        },
-        presetTrigger(value) {
-          const [start = "", end = ""] = value;
-          return `select ${start} to ${end}`;
-        },
-        prevTrigger(view) {
-          return match2(view, {
-            year: "Switch to previous decade",
-            month: "Switch to previous year",
-            day: "Switch to previous month"
+          track([() => context.hash("focusedValue")], () => {
+            action(["setStartValue", "focusActiveCellIfNeeded", "setHoveredValueIfKeyboard"]);
           });
-        },
-        nextTrigger(view) {
-          return match2(view, {
-            year: "Switch to next decade",
-            month: "Switch to next year",
-            day: "Switch to next month"
+          track([() => context.hash("startValue")], () => {
+            action(["syncMonthSelectElement", "syncYearSelectElement", "invokeOnVisibleRangeChange"]);
+          });
+          track([() => context.get("inputValue")], () => {
+            action(["syncInputValue"]);
+          });
+          track([() => context.hash("value")], () => {
+            action(["syncInputElement"]);
+          });
+          track([() => computed("valueAsString").toString()], () => {
+            action(["announceValueText"]);
+          });
+          track([() => context.get("view")], () => {
+            action(["focusActiveCell"]);
+          });
+          track([() => prop("open")], () => {
+            action(["toggleVisibility"]);
           });
         },
-        // TODO: Revisit this
-        placeholder() {
-          return { day: "dd", month: "mm", year: "yyyy" };
+        on: {
+          "VALUE.SET": {
+            actions: ["setDateValue", "setFocusedDate"]
+          },
+          "VIEW.SET": {
+            actions: ["setView"]
+          },
+          "FOCUS.SET": {
+            actions: ["setFocusedDate"]
+          },
+          "VALUE.CLEAR": {
+            actions: ["clearDateValue", "clearFocusedDate", "focusFirstInputElement"]
+          },
+          "INPUT.CHANGE": [
+            {
+              guard: "isInputValueEmpty",
+              actions: ["setInputValue", "clearDateValue", "clearFocusedDate"]
+            },
+            {
+              actions: ["setInputValue", "focusParsedDate"]
+            }
+          ],
+          "INPUT.ENTER": {
+            actions: ["focusParsedDate", "selectFocusedDate"]
+          },
+          "INPUT.FOCUS": {
+            actions: ["setActiveIndex"]
+          },
+          "INPUT.BLUR": [
+            {
+              guard: "shouldFixOnBlur",
+              actions: ["setActiveIndexToStart", "selectParsedDate"]
+            },
+            {
+              actions: ["setActiveIndexToStart"]
+            }
+          ],
+          "PRESET.CLICK": [
+            {
+              guard: "isOpenControlled",
+              actions: ["setDateValue", "setFocusedDate", "invokeOnClose"]
+            },
+            {
+              target: "focused",
+              actions: ["setDateValue", "setFocusedDate", "focusInputElement"]
+            }
+          ],
+          "GOTO.NEXT": [
+            {
+              guard: "isYearView",
+              actions: ["focusNextDecade", "announceVisibleRange"]
+            },
+            {
+              guard: "isMonthView",
+              actions: ["focusNextYear", "announceVisibleRange"]
+            },
+            {
+              actions: ["focusNextPage"]
+            }
+          ],
+          "GOTO.PREV": [
+            {
+              guard: "isYearView",
+              actions: ["focusPreviousDecade", "announceVisibleRange"]
+            },
+            {
+              guard: "isMonthView",
+              actions: ["focusPreviousYear", "announceVisibleRange"]
+            },
+            {
+              actions: ["focusPreviousPage"]
+            }
+          ]
         },
-        content: "calendar",
-        monthSelect: "Select month",
-        yearSelect: "Select year",
-        clearTrigger: "Clear selected dates"
-      };
-      views = ["day", "month", "year"];
-      getVisibleRangeText = memo(
-        (opts) => [opts.view, opts.startValue.toString(), opts.endValue.toString(), opts.locale],
-        ([view], opts) => {
-          const { startValue, endValue, locale, timeZone, selectionMode } = opts;
-          if (view === "year") {
-            const years = getDecadeRange(startValue.year, { strict: true });
-            const start2 = years.at(0).toString();
-            const end2 = years.at(-1).toString();
-            return { start: start2, end: end2, formatted: `${start2} - ${end2}` };
-          }
-          if (view === "month") {
-            const formatter2 = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, { year: "numeric", timeZone });
-            const start2 = formatter2.format(startValue.toDate(timeZone));
-            const end2 = formatter2.format(endValue.toDate(timeZone));
-            const formatted2 = selectionMode === "range" ? `${start2} - ${end2}` : start2;
-            return { start: start2, end: end2, formatted: formatted2 };
+        states: {
+          idle: {
+            tags: ["closed"],
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "open",
+                actions: ["focusFirstSelectedDate", "focusActiveCell"]
+              },
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
+                }
+              ],
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
+                }
+              ]
+            }
+          },
+          focused: {
+            tags: ["closed"],
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "open",
+                actions: ["focusFirstSelectedDate", "focusActiveCell"]
+              },
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
+                }
+              ],
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
+                }
+              ]
+            }
+          },
+          open: {
+            tags: ["open"],
+            effects: ["trackDismissableElement", "trackPositioning"],
+            exit: ["clearHoveredDate", "resetView"],
+            on: {
+              "CONTROLLED.CLOSE": [
+                {
+                  guard: and3("shouldRestoreFocus", "isInteractOutsideEvent"),
+                  target: "focused",
+                  actions: ["focusTriggerElement"]
+                },
+                {
+                  guard: "shouldRestoreFocus",
+                  target: "focused",
+                  actions: ["focusInputElement"]
+                },
+                {
+                  target: "idle"
+                }
+              ],
+              "CELL.CLICK": [
+                {
+                  guard: "isAboveMinView",
+                  actions: ["setFocusedValueForView", "setPreviousView"]
+                },
+                {
+                  guard: and3("isRangePicker", "hasSelectedRange"),
+                  actions: ["setActiveIndexToStart", "resetSelection", "setActiveIndexToEnd"]
+                },
+                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect", "isOpenControlled"),
+                  actions: [
+                    "setFocusedDate",
+                    "setSelectedDate",
+                    "setActiveIndexToStart",
+                    "clearHoveredDate",
+                    "invokeOnClose",
+                    "setRestoreFocus"
+                  ]
+                },
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect"),
+                  target: "focused",
+                  actions: [
+                    "setFocusedDate",
+                    "setSelectedDate",
+                    "setActiveIndexToStart",
+                    "clearHoveredDate",
+                    "invokeOnClose",
+                    "focusInputElement"
+                  ]
+                },
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate"),
+                  actions: ["setFocusedDate", "setSelectedDate", "setActiveIndexToStart", "clearHoveredDate"]
+                },
+                // ===
+                {
+                  guard: "isRangePicker",
+                  actions: ["setFocusedDate", "setSelectedDate", "setActiveIndexToEnd"]
+                },
+                {
+                  guard: "isMultiPicker",
+                  actions: ["setFocusedDate", "toggleSelectedDate"]
+                },
+                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
+                {
+                  guard: and3("closeOnSelect", "isOpenControlled"),
+                  actions: ["setFocusedDate", "setSelectedDate", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["setFocusedDate", "setSelectedDate", "invokeOnClose", "focusInputElement"]
+                },
+                {
+                  actions: ["setFocusedDate", "setSelectedDate"]
+                }
+                // ===
+              ],
+              "CELL.POINTER_MOVE": {
+                guard: and3("isRangePicker", "isSelectingEndDate"),
+                actions: ["setHoveredDate", "setFocusedDate"]
+              },
+              "TABLE.POINTER_LEAVE": {
+                guard: "isRangePicker",
+                actions: ["clearHoveredDate"]
+              },
+              "TABLE.POINTER_DOWN": {
+                actions: ["disableTextSelection"]
+              },
+              "TABLE.POINTER_UP": {
+                actions: ["enableTextSelection"]
+              },
+              "TABLE.ESCAPE": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["focusFirstSelectedDate", "invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["focusFirstSelectedDate", "invokeOnClose", "focusTriggerElement"]
+                }
+              ],
+              "TABLE.ENTER": [
+                {
+                  guard: "isAboveMinView",
+                  actions: ["setPreviousView"]
+                },
+                {
+                  guard: and3("isRangePicker", "hasSelectedRange"),
+                  actions: ["setActiveIndexToStart", "clearDateValue", "setSelectedDate", "setActiveIndexToEnd"]
+                },
+                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect", "isOpenControlled"),
+                  actions: ["setSelectedDate", "setActiveIndexToStart", "clearHoveredDate", "invokeOnClose"]
+                },
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect"),
+                  target: "focused",
+                  actions: [
+                    "setSelectedDate",
+                    "setActiveIndexToStart",
+                    "clearHoveredDate",
+                    "invokeOnClose",
+                    "focusInputElement"
+                  ]
+                },
+                {
+                  guard: and3("isRangePicker", "isSelectingEndDate"),
+                  actions: ["setSelectedDate", "setActiveIndexToStart", "clearHoveredDate"]
+                },
+                // ===
+                {
+                  guard: "isRangePicker",
+                  actions: ["setSelectedDate", "setActiveIndexToEnd", "focusNextDay"]
+                },
+                {
+                  guard: "isMultiPicker",
+                  actions: ["toggleSelectedDate"]
+                },
+                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
+                {
+                  guard: and3("closeOnSelect", "isOpenControlled"),
+                  actions: ["selectFocusedDate", "invokeOnClose"]
+                },
+                {
+                  guard: "closeOnSelect",
+                  target: "focused",
+                  actions: ["selectFocusedDate", "invokeOnClose", "focusInputElement"]
+                },
+                {
+                  actions: ["selectFocusedDate"]
+                }
+                // ===
+              ],
+              "TABLE.ARROW_RIGHT": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusNextMonth"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusNextYear"]
+                },
+                {
+                  actions: ["focusNextDay", "setHoveredDate"]
+                }
+              ],
+              "TABLE.ARROW_LEFT": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusPreviousMonth"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusPreviousYear"]
+                },
+                {
+                  actions: ["focusPreviousDay"]
+                }
+              ],
+              "TABLE.ARROW_UP": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusPreviousMonthColumn"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusPreviousYearColumn"]
+                },
+                {
+                  actions: ["focusPreviousWeek"]
+                }
+              ],
+              "TABLE.ARROW_DOWN": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusNextMonthColumn"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusNextYearColumn"]
+                },
+                {
+                  actions: ["focusNextWeek"]
+                }
+              ],
+              "TABLE.PAGE_UP": {
+                actions: ["focusPreviousSection"]
+              },
+              "TABLE.PAGE_DOWN": {
+                actions: ["focusNextSection"]
+              },
+              "TABLE.HOME": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusFirstMonth"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusFirstYear"]
+                },
+                {
+                  actions: ["focusSectionStart"]
+                }
+              ],
+              "TABLE.END": [
+                {
+                  guard: "isMonthView",
+                  actions: ["focusLastMonth"]
+                },
+                {
+                  guard: "isYearView",
+                  actions: ["focusLastYear"]
+                },
+                {
+                  actions: ["focusSectionEnd"]
+                }
+              ],
+              "TRIGGER.CLICK": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "focused",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              "VIEW.TOGGLE": {
+                actions: ["setNextView"]
+              },
+              INTERACT_OUTSIDE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                },
+                {
+                  guard: "shouldRestoreFocus",
+                  target: "focused",
+                  actions: ["setActiveIndexToStart", "invokeOnClose", "focusTriggerElement"]
+                },
+                {
+                  target: "idle",
+                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                }
+              ],
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                },
+                {
+                  target: "idle",
+                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                }
+              ]
+            }
           }
-          const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, { month: "long", year: "numeric", timeZone });
-          const start = formatter.format(startValue.toDate(timeZone));
-          const end = formatter.format(endValue.toDate(timeZone));
-          const formatted = selectionMode === "range" ? `${start} - ${end}` : start;
-          return { start, end, formatted };
-        }
-      );
-      ({ and: and3 } = createGuards());
-      machine6 = createMachine({
-        props({ props: props22 }) {
-          const locale = props22.locale || "en-US";
-          const timeZone = props22.timeZone || "UTC";
-          const selectionMode = props22.selectionMode || "single";
-          const numOfMonths = props22.numOfMonths || 1;
-          const defaultValue = props22.defaultValue ? sortDates(props22.defaultValue).map((date) => constrainValue(date, props22.min, props22.max)) : void 0;
-          const value = props22.value ? sortDates(props22.value).map((date) => constrainValue(date, props22.min, props22.max)) : void 0;
-          let focusedValue = props22.focusedValue || props22.defaultFocusedValue || (value == null ? void 0 : value[0]) || (defaultValue == null ? void 0 : defaultValue[0]) || getTodayDate(timeZone);
-          focusedValue = constrainValue(focusedValue, props22.min, props22.max);
-          const minView = "day";
-          const maxView = "year";
-          const defaultView = clampView(props22.view || minView, minView, maxView);
-          return __spreadProps(__spreadValues({
-            locale,
-            numOfMonths,
-            timeZone,
-            selectionMode,
-            defaultView,
-            minView,
-            maxView,
-            outsideDaySelectable: false,
-            closeOnSelect: true,
-            format(date, { locale: locale2, timeZone: timeZone2 }) {
-              const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale2, { timeZone: timeZone2, day: "2-digit", month: "2-digit", year: "numeric" });
-              return formatter.format(date.toDate(timeZone2));
+        },
+        implementations: {
+          guards: {
+            isAboveMinView: ({ context, prop }) => isAboveMinView(context.get("view"), prop("minView")),
+            isDayView: ({ context, event }) => (event.view || context.get("view")) === "day",
+            isMonthView: ({ context, event }) => (event.view || context.get("view")) === "month",
+            isYearView: ({ context, event }) => (event.view || context.get("view")) === "year",
+            isRangePicker: ({ prop }) => prop("selectionMode") === "range",
+            hasSelectedRange: ({ context }) => context.get("value").length === 2,
+            isMultiPicker: ({ prop }) => prop("selectionMode") === "multiple",
+            shouldRestoreFocus: ({ context }) => !!context.get("restoreFocus"),
+            isSelectingEndDate: ({ context }) => context.get("activeIndex") === 1,
+            closeOnSelect: ({ prop }) => !!prop("closeOnSelect"),
+            isOpenControlled: ({ prop }) => prop("open") != void 0 || !!prop("inline"),
+            isInteractOutsideEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "INTERACT_OUTSIDE";
+            },
+            isInputValueEmpty: ({ event }) => event.value.trim() === "",
+            shouldFixOnBlur: ({ event }) => !!event.fixOnBlur
+          },
+          effects: {
+            trackPositioning({ context, prop, scope }) {
+              if (prop("inline")) return;
+              if (!context.get("currentPlacement")) {
+                context.set("currentPlacement", prop("positioning").placement);
+              }
+              const anchorEl = getControlEl3(scope);
+              const getPositionerEl22 = () => getPositionerEl2(scope);
+              return getPlacement(anchorEl, getPositionerEl22, __spreadProps(__spreadValues({}, prop("positioning")), {
+                defer: true,
+                onComplete(data) {
+                  context.set("currentPlacement", data.placement);
+                }
+              }));
+            },
+            setupLiveRegion({ scope, refs }) {
+              const doc = scope.getDoc();
+              refs.set("announcer", createLiveRegion({ level: "assertive", document: doc }));
+              return () => {
+                var _a, _b;
+                return (_b = (_a = refs.get("announcer")) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
+              };
+            },
+            trackDismissableElement({ scope, send, context, prop }) {
+              if (prop("inline")) return;
+              const getContentEl22 = () => getContentEl3(scope);
+              return trackDismissableElement(getContentEl22, {
+                type: "popover",
+                defer: true,
+                exclude: [...getInputEls(scope), getTriggerEl2(scope), getClearTriggerEl2(scope)],
+                onInteractOutside(event) {
+                  context.set("restoreFocus", !event.detail.focusable);
+                },
+                onDismiss() {
+                  send({ type: "INTERACT_OUTSIDE" });
+                },
+                onEscapeKeyDown(event) {
+                  event.preventDefault();
+                  send({ type: "TABLE.ESCAPE", src: "dismissable" });
+                }
+              });
+            }
+          },
+          actions: {
+            setNextView({ context, prop }) {
+              const nextView = getNextView(context.get("view"), prop("minView"), prop("maxView"));
+              context.set("view", nextView);
+            },
+            setPreviousView({ context, prop }) {
+              const prevView = getPreviousView(context.get("view"), prop("minView"), prop("maxView"));
+              context.set("view", prevView);
+            },
+            setView({ context, event }) {
+              context.set("view", event.view);
+            },
+            setRestoreFocus({ context }) {
+              context.set("restoreFocus", true);
+            },
+            announceValueText({ context, prop, refs }) {
+              var _a;
+              const value = context.get("value");
+              const locale = prop("locale");
+              const timeZone = prop("timeZone");
+              let announceText;
+              if (prop("selectionMode") === "range") {
+                const [startDate, endDate] = value;
+                if (startDate && endDate) {
+                  announceText = formatSelectedDate(startDate, endDate, locale, timeZone);
+                } else if (startDate) {
+                  announceText = formatSelectedDate(startDate, null, locale, timeZone);
+                } else if (endDate) {
+                  announceText = formatSelectedDate(endDate, null, locale, timeZone);
+                } else {
+                  announceText = "";
+                }
+              } else {
+                announceText = value.map((date) => formatSelectedDate(date, null, locale, timeZone)).filter(Boolean).join(",");
+              }
+              (_a = refs.get("announcer")) == null ? void 0 : _a.announce(announceText, 3e3);
+            },
+            announceVisibleRange({ computed, refs }) {
+              var _a;
+              const { formatted } = computed("visibleRangeText");
+              (_a = refs.get("announcer")) == null ? void 0 : _a.announce(formatted);
+            },
+            disableTextSelection({ scope }) {
+              disableTextSelection({ target: getContentEl3(scope), doc: scope.getDoc() });
+            },
+            enableTextSelection({ scope }) {
+              restoreTextSelection({ doc: scope.getDoc(), target: getContentEl3(scope) });
+            },
+            focusFirstSelectedDate(params) {
+              const { context } = params;
+              if (!context.get("value").length) return;
+              setFocusedValue(params, context.get("value")[0]);
+            },
+            syncInputElement({ scope, computed }) {
+              raf(() => {
+                const inputEls = getInputEls(scope);
+                inputEls.forEach((inputEl, index) => {
+                  setElementValue(inputEl, computed("valueAsString")[index] || "");
+                });
+              });
+            },
+            setFocusedDate(params) {
+              const { event } = params;
+              const value = Array.isArray(event.value) ? event.value[0] : event.value;
+              setFocusedValue(params, value);
+            },
+            setFocusedValueForView(params) {
+              const { context, event } = params;
+              setFocusedValue(params, context.get("focusedValue").set({ [context.get("view")]: event.value }));
+            },
+            focusNextMonth(params) {
+              const { context } = params;
+              setFocusedValue(params, context.get("focusedValue").add({ months: 1 }));
+            },
+            focusPreviousMonth(params) {
+              const { context } = params;
+              setFocusedValue(params, context.get("focusedValue").subtract({ months: 1 }));
+            },
+            setDateValue({ context, event, prop }) {
+              if (!Array.isArray(event.value)) return;
+              const value = event.value.map((date) => constrainValue(date, prop("min"), prop("max")));
+              context.set("value", value);
+            },
+            clearDateValue({ context }) {
+              context.set("value", []);
+            },
+            setSelectedDate(params) {
+              var _a;
+              const { context, event } = params;
+              const values = Array.from(context.get("value"));
+              values[context.get("activeIndex")] = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
+              context.set("value", adjustStartAndEndDate(values));
+            },
+            resetSelection(params) {
+              var _a;
+              const { context, event } = params;
+              const value = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
+              context.set("value", [value]);
+            },
+            toggleSelectedDate(params) {
+              var _a;
+              const { context, event } = params;
+              const currentValue = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
+              const index = context.get("value").findIndex((date) => isDateEqual(date, currentValue));
+              if (index === -1) {
+                const values = [...context.get("value"), currentValue];
+                context.set("value", sortDates(values));
+              } else {
+                const values = Array.from(context.get("value"));
+                values.splice(index, 1);
+                context.set("value", sortDates(values));
+              }
+            },
+            setHoveredDate({ context, event }) {
+              context.set("hoveredValue", event.value);
+            },
+            clearHoveredDate({ context }) {
+              context.set("hoveredValue", null);
+            },
+            selectFocusedDate({ context, computed }) {
+              const values = Array.from(context.get("value"));
+              const activeIndex = context.get("activeIndex");
+              values[activeIndex] = context.get("focusedValue").copy();
+              context.set("value", adjustStartAndEndDate(values));
+              const valueAsString = computed("valueAsString");
+              context.set("inputValue", valueAsString[activeIndex]);
             },
-            parse(value2, { locale: locale2, timeZone: timeZone2 }) {
-              return parseDateString(value2, locale2, timeZone2);
-            }
-          }, props22), {
-            focusedValue: typeof props22.focusedValue === "undefined" ? void 0 : focusedValue,
-            defaultFocusedValue: focusedValue,
-            value,
-            defaultValue: defaultValue != null ? defaultValue : [],
-            positioning: __spreadValues({
-              placement: "bottom"
-            }, props22.positioning)
-          });
-        },
-        initialState({ prop }) {
-          const open = prop("open") || prop("defaultOpen") || prop("inline");
-          return open ? "open" : "idle";
-        },
-        refs() {
-          return {
-            announcer: void 0
-          };
-        },
-        context({ prop, bindable: bindable2, getContext }) {
-          return {
-            focusedValue: bindable2(() => ({
-              defaultValue: prop("defaultFocusedValue"),
-              value: prop("focusedValue"),
-              isEqual: isDateEqual,
-              hash: (v2) => v2.toString(),
-              sync: true,
-              onChange(focusedValue) {
+            focusPreviousDay(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").subtract({ days: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextDay(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").add({ days: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusPreviousWeek(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").subtract({ weeks: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextWeek(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").add({ weeks: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextPage(params) {
+              const { context, computed, prop } = params;
+              const nextPage = getNextPage(
+                context.get("focusedValue"),
+                context.get("startValue"),
+                computed("visibleDuration"),
+                prop("locale"),
+                prop("min"),
+                prop("max")
+              );
+              setAdjustedValue(params, nextPage);
+            },
+            focusPreviousPage(params) {
+              const { context, computed, prop } = params;
+              const previousPage = getPreviousPage(
+                context.get("focusedValue"),
+                context.get("startValue"),
+                computed("visibleDuration"),
+                prop("locale"),
+                prop("min"),
+                prop("max")
+              );
+              setAdjustedValue(params, previousPage);
+            },
+            focusSectionStart(params) {
+              const { context } = params;
+              setFocusedValue(params, context.get("startValue").copy());
+            },
+            focusSectionEnd(params) {
+              const { computed } = params;
+              setFocusedValue(params, computed("endValue").copy());
+            },
+            focusNextSection(params) {
+              const { context, event, computed, prop } = params;
+              const nextSection = getNextSection(
+                context.get("focusedValue"),
+                context.get("startValue"),
+                event.larger,
+                computed("visibleDuration"),
+                prop("locale"),
+                prop("min"),
+                prop("max")
+              );
+              if (!nextSection) return;
+              setAdjustedValue(params, nextSection);
+            },
+            focusPreviousSection(params) {
+              const { context, event, computed, prop } = params;
+              const previousSection = getPreviousSection(
+                context.get("focusedValue"),
+                context.get("startValue"),
+                event.larger,
+                computed("visibleDuration"),
+                prop("locale"),
+                prop("min"),
+                prop("max")
+              );
+              if (!previousSection) return;
+              setAdjustedValue(params, previousSection);
+            },
+            focusNextYear(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").add({ years: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusPreviousYear(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").subtract({ years: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextDecade(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").add({ years: 10 });
+              setFocusedValue(params, nextValue);
+            },
+            focusPreviousDecade(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").subtract({ years: 10 });
+              setFocusedValue(params, nextValue);
+            },
+            clearFocusedDate(params) {
+              const { prop } = params;
+              setFocusedValue(params, getTodayDate(prop("timeZone")));
+            },
+            focusPreviousMonthColumn(params) {
+              const { context, event } = params;
+              const nextValue = context.get("focusedValue").subtract({ months: event.columns });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextMonthColumn(params) {
+              const { context, event } = params;
+              const nextValue = context.get("focusedValue").add({ months: event.columns });
+              setFocusedValue(params, nextValue);
+            },
+            focusPreviousYearColumn(params) {
+              const { context, event } = params;
+              const nextValue = context.get("focusedValue").subtract({ years: event.columns });
+              setFocusedValue(params, nextValue);
+            },
+            focusNextYearColumn(params) {
+              const { context, event } = params;
+              const nextValue = context.get("focusedValue").add({ years: event.columns });
+              setFocusedValue(params, nextValue);
+            },
+            focusFirstMonth(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").set({ month: 1 });
+              setFocusedValue(params, nextValue);
+            },
+            focusLastMonth(params) {
+              const { context } = params;
+              const nextValue = context.get("focusedValue").set({ month: 12 });
+              setFocusedValue(params, nextValue);
+            },
+            focusFirstYear(params) {
+              const { context } = params;
+              const range = getDecadeRange(context.get("focusedValue").year);
+              const nextValue = context.get("focusedValue").set({ year: range[0] });
+              setFocusedValue(params, nextValue);
+            },
+            focusLastYear(params) {
+              const { context } = params;
+              const range = getDecadeRange(context.get("focusedValue").year);
+              const nextValue = context.get("focusedValue").set({ year: range[range.length - 1] });
+              setFocusedValue(params, nextValue);
+            },
+            setActiveIndex({ context, event }) {
+              context.set("activeIndex", event.index);
+            },
+            setActiveIndexToEnd({ context }) {
+              context.set("activeIndex", 1);
+            },
+            setActiveIndexToStart({ context }) {
+              context.set("activeIndex", 0);
+            },
+            focusActiveCell({ scope, context }) {
+              raf(() => {
                 var _a;
-                const context = getContext();
                 const view = context.get("view");
-                const value = context.get("value");
-                const valueAsString = getValueAsString(value, prop);
-                (_a = prop("onFocusChange")) == null ? void 0 : _a({ value, valueAsString, view, focusedValue });
-              }
-            })),
-            value: bindable2(() => ({
-              defaultValue: prop("defaultValue"),
-              value: prop("value"),
-              isEqual: isDateArrayEqual,
-              hash: (v2) => v2.map((date) => {
+                (_a = getFocusedCell(scope, view)) == null ? void 0 : _a.focus({ preventScroll: true });
+              });
+            },
+            focusActiveCellIfNeeded({ scope, context, event }) {
+              if (!event.focus) return;
+              raf(() => {
                 var _a;
-                return (_a = date == null ? void 0 : date.toString()) != null ? _a : "";
-              }).join(","),
-              onChange(value) {
+                const view = context.get("view");
+                (_a = getFocusedCell(scope, view)) == null ? void 0 : _a.focus({ preventScroll: true });
+              });
+            },
+            setHoveredValueIfKeyboard({ context, event, prop }) {
+              if (!event.type.startsWith("TABLE.ARROW") || prop("selectionMode") !== "range" || context.get("activeIndex") === 0)
+                return;
+              context.set("hoveredValue", context.get("focusedValue").copy());
+            },
+            focusTriggerElement({ scope }) {
+              raf(() => {
                 var _a;
-                const context = getContext();
-                const valueAsString = getValueAsString(value, prop);
-                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, valueAsString, view: context.get("view") });
-              }
-            })),
-            inputValue: bindable2(() => ({
-              defaultValue: ""
-            })),
-            activeIndex: bindable2(() => ({
-              defaultValue: 0,
-              sync: true
-            })),
-            hoveredValue: bindable2(() => ({
-              defaultValue: null,
-              isEqual: isDateEqual
-            })),
-            view: bindable2(() => ({
-              defaultValue: prop("defaultView"),
-              value: prop("view"),
-              onChange(value) {
+                (_a = getTriggerEl2(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+              });
+            },
+            focusFirstInputElement({ scope }) {
+              raf(() => {
+                const [inputEl] = getInputEls(scope);
+                inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
+              });
+            },
+            focusInputElement({ scope }) {
+              raf(() => {
+                const inputEls = getInputEls(scope);
+                const lastIndexWithValue = inputEls.findLastIndex((inputEl2) => inputEl2.value !== "");
+                const indexToFocus = Math.max(lastIndexWithValue, 0);
+                const inputEl = inputEls[indexToFocus];
+                inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
+                inputEl == null ? void 0 : inputEl.setSelectionRange(inputEl.value.length, inputEl.value.length);
+              });
+            },
+            syncMonthSelectElement({ scope, context }) {
+              const monthSelectEl = getMonthSelectEl(scope);
+              setElementValue(monthSelectEl, context.get("startValue").month.toString());
+            },
+            syncYearSelectElement({ scope, context }) {
+              const yearSelectEl = getYearSelectEl(scope);
+              setElementValue(yearSelectEl, context.get("startValue").year.toString());
+            },
+            setInputValue({ context, event }) {
+              if (context.get("activeIndex") !== event.index) return;
+              context.set("inputValue", event.value);
+            },
+            syncInputValue({ scope, context, event }) {
+              queueMicrotask(() => {
                 var _a;
-                (_a = prop("onViewChange")) == null ? void 0 : _a({ view: value });
+                const inputEls = getInputEls(scope);
+                const idx = (_a = event.index) != null ? _a : context.get("activeIndex");
+                setElementValue(inputEls[idx], context.get("inputValue"));
+              });
+            },
+            focusParsedDate(params) {
+              const { event, prop } = params;
+              if (event.index == null) return;
+              const parse2 = prop("parse");
+              const date = parse2(event.value, { locale: prop("locale"), timeZone: prop("timeZone") });
+              if (!date || !isValidDate(date)) return;
+              setFocusedValue(params, date);
+            },
+            selectParsedDate({ context, event, prop }) {
+              if (event.index == null) return;
+              const parse2 = prop("parse");
+              let date = parse2(event.value, { locale: prop("locale"), timeZone: prop("timeZone") });
+              if (!date || !isValidDate(date)) {
+                if (event.value) {
+                  date = context.get("focusedValue").copy();
+                }
               }
-            })),
-            startValue: bindable2(() => {
-              const focusedValue = prop("focusedValue") || prop("defaultFocusedValue");
-              return {
-                defaultValue: alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale")),
-                isEqual: isDateEqual,
-                hash: (v2) => v2.toString()
-              };
-            }),
-            currentPlacement: bindable2(() => ({
-              defaultValue: void 0
-            })),
-            restoreFocus: bindable2(() => ({
-              defaultValue: false
-            }))
-          };
-        },
-        computed: {
-          isInteractive: ({ prop }) => !prop("disabled") && !prop("readOnly"),
-          visibleDuration: ({ prop }) => ({ months: prop("numOfMonths") }),
-          endValue: ({ context, computed }) => getEndDate(context.get("startValue"), computed("visibleDuration")),
-          visibleRange: ({ context, computed }) => ({ start: context.get("startValue"), end: computed("endValue") }),
-          visibleRangeText: ({ context, prop, computed }) => getVisibleRangeText({
-            view: context.get("view"),
-            startValue: context.get("startValue"),
-            endValue: computed("endValue"),
-            locale: prop("locale"),
-            timeZone: prop("timeZone"),
-            selectionMode: prop("selectionMode")
-          }),
-          isPrevVisibleRangeValid: ({ context, prop }) => !isPreviousRangeInvalid(context.get("startValue"), prop("min"), prop("max")),
-          isNextVisibleRangeValid: ({ prop, computed }) => !isNextRangeInvalid(computed("endValue"), prop("min"), prop("max")),
-          valueAsString: ({ context, prop }) => getValueAsString(context.get("value"), prop)
-        },
-        effects: ["setupLiveRegion"],
-        watch({ track, prop, context, action, computed }) {
-          track([() => prop("locale")], () => {
-            action(["setStartValue", "syncInputElement"]);
-          });
-          track([() => context.hash("focusedValue")], () => {
-            action(["setStartValue", "focusActiveCellIfNeeded", "setHoveredValueIfKeyboard"]);
-          });
-          track([() => context.hash("startValue")], () => {
-            action(["syncMonthSelectElement", "syncYearSelectElement", "invokeOnVisibleRangeChange"]);
-          });
-          track([() => context.get("inputValue")], () => {
-            action(["syncInputValue"]);
-          });
-          track([() => context.hash("value")], () => {
-            action(["syncInputElement"]);
+              if (!date) return;
+              date = constrainValue(date, prop("min"), prop("max"));
+              const values = Array.from(context.get("value"));
+              values[event.index] = date;
+              context.set("value", values);
+              const valueAsString = getValueAsString(values, prop);
+              context.set("inputValue", valueAsString[event.index]);
+            },
+            resetView({ context }) {
+              context.set("view", context.initial("view"));
+            },
+            setStartValue({ context, computed, prop }) {
+              const focusedValue = context.get("focusedValue");
+              const outside = isDateOutsideRange(focusedValue, context.get("startValue"), computed("endValue"));
+              if (!outside) return;
+              const startValue = alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale"));
+              context.set("startValue", startValue);
+            },
+            invokeOnOpen({ prop, context }) {
+              var _a;
+              if (prop("inline")) return;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true, value: context.get("value") });
+            },
+            invokeOnClose({ prop, context }) {
+              var _a;
+              if (prop("inline")) return;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false, value: context.get("value") });
+            },
+            invokeOnVisibleRangeChange({ prop, context, computed }) {
+              var _a;
+              (_a = prop("onVisibleRangeChange")) == null ? void 0 : _a({
+                view: context.get("view"),
+                visibleRange: computed("visibleRange")
+              });
+            },
+            toggleVisibility({ event, send, prop }) {
+              send({ type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: event });
+            }
+          }
+        }
+      });
+      normalizeValue = (ctx, value) => {
+        const { context, prop } = ctx;
+        const view = context.get("view");
+        let dateValue = typeof value === "number" ? context.get("focusedValue").set({ [view]: value }) : value;
+        eachView((view2) => {
+          if (isBelowMinView(view2, prop("minView"))) {
+            dateValue = dateValue.set({ [view2]: view2 === "day" ? 1 : 0 });
+          }
+        });
+        return dateValue;
+      };
+      props9 = createProps()([
+        "closeOnSelect",
+        "dir",
+        "disabled",
+        "fixedWeeks",
+        "focusedValue",
+        "format",
+        "parse",
+        "placeholder",
+        "getRootNode",
+        "id",
+        "ids",
+        "inline",
+        "invalid",
+        "isDateUnavailable",
+        "locale",
+        "max",
+        "min",
+        "name",
+        "numOfMonths",
+        "onFocusChange",
+        "onOpenChange",
+        "onValueChange",
+        "onViewChange",
+        "onVisibleRangeChange",
+        "open",
+        "defaultOpen",
+        "positioning",
+        "readOnly",
+        "required",
+        "selectionMode",
+        "startOfWeek",
+        "timeZone",
+        "translations",
+        "value",
+        "defaultView",
+        "defaultValue",
+        "view",
+        "defaultFocusedValue",
+        "outsideDaySelectable",
+        "minView",
+        "maxView"
+      ]);
+      splitProps9 = createSplitProps(props9);
+      inputProps = createProps()(["index", "fixOnBlur"]);
+      splitInputProps = createSplitProps(inputProps);
+      presetTriggerProps = createProps()(["value"]);
+      splitPresetTriggerProps = createSplitProps(presetTriggerProps);
+      tableProps = createProps()(["columns", "id", "view"]);
+      splitTableProps = createSplitProps(tableProps);
+      tableCellProps = createProps()(["disabled", "value", "columns"]);
+      splitTableCellProps = createSplitProps(tableCellProps);
+      viewProps = createProps()(["view"]);
+      splitViewProps = createSplitProps(viewProps);
+      DatePicker = class extends Component {
+        constructor() {
+          super(...arguments);
+          __publicField(this, "getDayView", () => this.el.querySelector('[data-part="day-view"]'));
+          __publicField(this, "getMonthView", () => this.el.querySelector('[data-part="month-view"]'));
+          __publicField(this, "getYearView", () => this.el.querySelector('[data-part="year-view"]'));
+          __publicField(this, "renderDayTableHeader", () => {
+            const dayView = this.getDayView();
+            const thead = dayView == null ? void 0 : dayView.querySelector("thead");
+            if (!thead || !this.api.weekDays) return;
+            const tr = this.doc.createElement("tr");
+            this.spreadProps(tr, this.api.getTableRowProps({ view: "day" }));
+            this.api.weekDays.forEach((day) => {
+              const th = this.doc.createElement("th");
+              th.scope = "col";
+              th.setAttribute("aria-label", day.long);
+              th.textContent = day.narrow;
+              tr.appendChild(th);
+            });
+            thead.innerHTML = "";
+            thead.appendChild(tr);
           });
-          track([() => computed("valueAsString").toString()], () => {
-            action(["announceValueText"]);
+          __publicField(this, "renderDayTableBody", () => {
+            const dayView = this.getDayView();
+            const tbody = dayView == null ? void 0 : dayView.querySelector("tbody");
+            if (!tbody) return;
+            this.spreadProps(tbody, this.api.getTableBodyProps({ view: "day" }));
+            if (!this.api.weeks) return;
+            tbody.innerHTML = "";
+            this.api.weeks.forEach((week) => {
+              const tr = this.doc.createElement("tr");
+              this.spreadProps(tr, this.api.getTableRowProps({ view: "day" }));
+              week.forEach((value) => {
+                const td = this.doc.createElement("td");
+                this.spreadProps(td, this.api.getDayTableCellProps({ value }));
+                const trigger = this.doc.createElement("div");
+                this.spreadProps(trigger, this.api.getDayTableCellTriggerProps({ value }));
+                trigger.textContent = String(value.day);
+                td.appendChild(trigger);
+                tr.appendChild(td);
+              });
+              tbody.appendChild(tr);
+            });
           });
-          track([() => context.get("view")], () => {
-            action(["focusActiveCell"]);
+          __publicField(this, "renderMonthTableBody", () => {
+            const monthView = this.getMonthView();
+            const tbody = monthView == null ? void 0 : monthView.querySelector("tbody");
+            if (!tbody) return;
+            this.spreadProps(tbody, this.api.getTableBodyProps({ view: "month" }));
+            const monthsGrid = this.api.getMonthsGrid({ columns: 4, format: "short" });
+            tbody.innerHTML = "";
+            monthsGrid.forEach((months) => {
+              const tr = this.doc.createElement("tr");
+              this.spreadProps(tr, this.api.getTableRowProps());
+              months.forEach((month) => {
+                const td = this.doc.createElement("td");
+                this.spreadProps(td, this.api.getMonthTableCellProps(__spreadProps(__spreadValues({}, month), { columns: 4 })));
+                const trigger = this.doc.createElement("div");
+                this.spreadProps(trigger, this.api.getMonthTableCellTriggerProps(__spreadProps(__spreadValues({}, month), { columns: 4 })));
+                trigger.textContent = month.label;
+                td.appendChild(trigger);
+                tr.appendChild(td);
+              });
+              tbody.appendChild(tr);
+            });
           });
-          track([() => prop("open")], () => {
-            action(["toggleVisibility"]);
+          __publicField(this, "renderYearTableBody", () => {
+            const yearView = this.getYearView();
+            const tbody = yearView == null ? void 0 : yearView.querySelector("tbody");
+            if (!tbody) return;
+            this.spreadProps(tbody, this.api.getTableBodyProps());
+            const yearsGrid = this.api.getYearsGrid({ columns: 4 });
+            tbody.innerHTML = "";
+            yearsGrid.forEach((years) => {
+              const tr = this.doc.createElement("tr");
+              this.spreadProps(tr, this.api.getTableRowProps({ view: "year" }));
+              years.forEach((year) => {
+                const td = this.doc.createElement("td");
+                this.spreadProps(td, this.api.getYearTableCellProps(__spreadProps(__spreadValues({}, year), { columns: 4 })));
+                const trigger = this.doc.createElement("div");
+                this.spreadProps(trigger, this.api.getYearTableCellTriggerProps(__spreadProps(__spreadValues({}, year), { columns: 4 })));
+                trigger.textContent = year.label;
+                td.appendChild(trigger);
+                tr.appendChild(td);
+              });
+              tbody.appendChild(tr);
+            });
           });
-        },
-        on: {
-          "VALUE.SET": {
-            actions: ["setDateValue", "setFocusedDate"]
-          },
-          "VIEW.SET": {
-            actions: ["setView"]
-          },
-          "FOCUS.SET": {
-            actions: ["setFocusedDate"]
-          },
-          "VALUE.CLEAR": {
-            actions: ["clearDateValue", "clearFocusedDate", "focusFirstInputElement"]
-          },
-          "INPUT.CHANGE": [
-            {
-              guard: "isInputValueEmpty",
-              actions: ["setInputValue", "clearDateValue", "clearFocusedDate"]
-            },
-            {
-              actions: ["setInputValue", "focusParsedDate"]
-            }
-          ],
-          "INPUT.ENTER": {
-            actions: ["focusParsedDate", "selectFocusedDate"]
-          },
-          "INPUT.FOCUS": {
-            actions: ["setActiveIndex"]
-          },
-          "INPUT.BLUR": [
-            {
-              guard: "shouldFixOnBlur",
-              actions: ["setActiveIndexToStart", "selectParsedDate"]
-            },
-            {
-              actions: ["setActiveIndexToStart"]
-            }
-          ],
-          "PRESET.CLICK": [
-            {
-              guard: "isOpenControlled",
-              actions: ["setDateValue", "setFocusedDate", "invokeOnClose"]
-            },
-            {
-              target: "focused",
-              actions: ["setDateValue", "setFocusedDate", "focusInputElement"]
-            }
-          ],
-          "GOTO.NEXT": [
-            {
-              guard: "isYearView",
-              actions: ["focusNextDecade", "announceVisibleRange"]
-            },
-            {
-              guard: "isMonthView",
-              actions: ["focusNextYear", "announceVisibleRange"]
-            },
-            {
-              actions: ["focusNextPage"]
-            }
-          ],
-          "GOTO.PREV": [
-            {
-              guard: "isYearView",
-              actions: ["focusPreviousDecade", "announceVisibleRange"]
-            },
-            {
-              guard: "isMonthView",
-              actions: ["focusPreviousYear", "announceVisibleRange"]
-            },
-            {
-              actions: ["focusPreviousPage"]
-            }
-          ]
-        },
-        states: {
-          idle: {
-            tags: ["closed"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "open",
-                actions: ["focusFirstSelectedDate", "focusActiveCell"]
-              },
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
-                }
-              ],
-              OPEN: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
-                }
-              ]
-            }
-          },
-          focused: {
-            tags: ["closed"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "open",
-                actions: ["focusFirstSelectedDate", "focusActiveCell"]
-              },
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
-                }
-              ],
-              OPEN: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["focusFirstSelectedDate", "focusActiveCell", "invokeOnOpen"]
-                }
-              ]
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine9, props26);
+        }
+        initApi() {
+          return connect9(this.machine.service, normalizeProps);
+        }
+        render() {
+          const root = this.el.querySelector('[data-scope="date-picker"][data-part="root"]');
+          if (root) this.spreadProps(root, this.api.getRootProps());
+          const label = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="label"]'
+          );
+          if (label) this.spreadProps(label, this.api.getLabelProps());
+          const control = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="control"]'
+          );
+          if (control) this.spreadProps(control, this.api.getControlProps());
+          const input = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="input"]'
+          );
+          if (input) {
+            this.spreadProps(input, this.api.getInputProps());
+          }
+          const trigger = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="trigger"]'
+          );
+          if (trigger) {
+            this.spreadProps(trigger, this.api.getTriggerProps());
+          }
+          const positioner = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="positioner"]'
+          );
+          if (positioner) this.spreadProps(positioner, this.api.getPositionerProps());
+          const content = this.el.querySelector(
+            '[data-scope="date-picker"][data-part="content"]'
+          );
+          if (content) this.spreadProps(content, this.api.getContentProps());
+          if (this.api.open) {
+            const dayView = this.getDayView();
+            const monthView = this.getMonthView();
+            const yearView = this.getYearView();
+            if (dayView) dayView.hidden = this.api.view !== "day";
+            if (monthView) monthView.hidden = this.api.view !== "month";
+            if (yearView) yearView.hidden = this.api.view !== "year";
+            if (this.api.view === "day" && dayView) {
+              const viewControl = dayView.querySelector('[data-part="view-control"]');
+              if (viewControl)
+                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "year" }));
+              const prevTrigger = dayView.querySelector('[data-part="prev-trigger"]');
+              if (prevTrigger) this.spreadProps(prevTrigger, this.api.getPrevTriggerProps());
+              const viewTrigger = dayView.querySelector('[data-part="view-trigger"]');
+              if (viewTrigger) {
+                this.spreadProps(viewTrigger, this.api.getViewTriggerProps());
+                viewTrigger.textContent = this.api.visibleRangeText.start;
+              }
+              const nextTrigger = dayView.querySelector('[data-part="next-trigger"]');
+              if (nextTrigger) this.spreadProps(nextTrigger, this.api.getNextTriggerProps());
+              const table = dayView.querySelector("table");
+              if (table) this.spreadProps(table, this.api.getTableProps({ view: "day" }));
+              const thead = dayView.querySelector("thead");
+              if (thead) this.spreadProps(thead, this.api.getTableHeaderProps({ view: "day" }));
+              this.renderDayTableHeader();
+              this.renderDayTableBody();
+            } else if (this.api.view === "month" && monthView) {
+              const viewControl = monthView.querySelector('[data-part="view-control"]');
+              if (viewControl)
+                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "month" }));
+              const prevTrigger = monthView.querySelector('[data-part="prev-trigger"]');
+              if (prevTrigger)
+                this.spreadProps(prevTrigger, this.api.getPrevTriggerProps({ view: "month" }));
+              const viewTrigger = monthView.querySelector('[data-part="view-trigger"]');
+              if (viewTrigger) {
+                this.spreadProps(viewTrigger, this.api.getViewTriggerProps({ view: "month" }));
+                viewTrigger.textContent = String(this.api.visibleRange.start.year);
+              }
+              const nextTrigger = monthView.querySelector('[data-part="next-trigger"]');
+              if (nextTrigger)
+                this.spreadProps(nextTrigger, this.api.getNextTriggerProps({ view: "month" }));
+              const table = monthView.querySelector("table");
+              if (table) this.spreadProps(table, this.api.getTableProps({ view: "month", columns: 4 }));
+              this.renderMonthTableBody();
+            } else if (this.api.view === "year" && yearView) {
+              const viewControl = yearView.querySelector('[data-part="view-control"]');
+              if (viewControl)
+                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "year" }));
+              const prevTrigger = yearView.querySelector('[data-part="prev-trigger"]');
+              if (prevTrigger)
+                this.spreadProps(prevTrigger, this.api.getPrevTriggerProps({ view: "year" }));
+              const decadeText = yearView.querySelector('[data-part="decade"]');
+              if (decadeText) {
+                const decade = this.api.getDecade();
+                decadeText.textContent = `${decade.start} - ${decade.end}`;
+              }
+              const nextTrigger = yearView.querySelector('[data-part="next-trigger"]');
+              if (nextTrigger)
+                this.spreadProps(nextTrigger, this.api.getNextTriggerProps({ view: "year" }));
+              const table = yearView.querySelector("table");
+              if (table) this.spreadProps(table, this.api.getTableProps({ view: "year", columns: 4 }));
+              this.renderYearTableBody();
             }
-          },
-          open: {
-            tags: ["open"],
-            effects: ["trackDismissableElement", "trackPositioning"],
-            exit: ["clearHoveredDate", "resetView"],
-            on: {
-              "CONTROLLED.CLOSE": [
-                {
-                  guard: and3("shouldRestoreFocus", "isInteractOutsideEvent"),
-                  target: "focused",
-                  actions: ["focusTriggerElement"]
-                },
-                {
-                  guard: "shouldRestoreFocus",
-                  target: "focused",
-                  actions: ["focusInputElement"]
-                },
-                {
-                  target: "idle"
-                }
-              ],
-              "CELL.CLICK": [
-                {
-                  guard: "isAboveMinView",
-                  actions: ["setFocusedValueForView", "setPreviousView"]
-                },
-                {
-                  guard: and3("isRangePicker", "hasSelectedRange"),
-                  actions: ["setActiveIndexToStart", "resetSelection", "setActiveIndexToEnd"]
-                },
-                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect", "isOpenControlled"),
-                  actions: [
-                    "setFocusedDate",
-                    "setSelectedDate",
-                    "setActiveIndexToStart",
-                    "clearHoveredDate",
-                    "invokeOnClose",
-                    "setRestoreFocus"
-                  ]
-                },
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect"),
-                  target: "focused",
-                  actions: [
-                    "setFocusedDate",
-                    "setSelectedDate",
-                    "setActiveIndexToStart",
-                    "clearHoveredDate",
-                    "invokeOnClose",
-                    "focusInputElement"
-                  ]
-                },
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate"),
-                  actions: ["setFocusedDate", "setSelectedDate", "setActiveIndexToStart", "clearHoveredDate"]
-                },
-                // ===
-                {
-                  guard: "isRangePicker",
-                  actions: ["setFocusedDate", "setSelectedDate", "setActiveIndexToEnd"]
-                },
-                {
-                  guard: "isMultiPicker",
-                  actions: ["setFocusedDate", "toggleSelectedDate"]
-                },
-                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
-                {
-                  guard: and3("closeOnSelect", "isOpenControlled"),
-                  actions: ["setFocusedDate", "setSelectedDate", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["setFocusedDate", "setSelectedDate", "invokeOnClose", "focusInputElement"]
-                },
-                {
-                  actions: ["setFocusedDate", "setSelectedDate"]
-                }
-                // ===
-              ],
-              "CELL.POINTER_MOVE": {
-                guard: and3("isRangePicker", "isSelectingEndDate"),
-                actions: ["setHoveredDate", "setFocusedDate"]
-              },
-              "TABLE.POINTER_LEAVE": {
-                guard: "isRangePicker",
-                actions: ["clearHoveredDate"]
-              },
-              "TABLE.POINTER_DOWN": {
-                actions: ["disableTextSelection"]
-              },
-              "TABLE.POINTER_UP": {
-                actions: ["enableTextSelection"]
-              },
-              "TABLE.ESCAPE": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["focusFirstSelectedDate", "invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["focusFirstSelectedDate", "invokeOnClose", "focusTriggerElement"]
-                }
-              ],
-              "TABLE.ENTER": [
-                {
-                  guard: "isAboveMinView",
-                  actions: ["setPreviousView"]
-                },
-                {
-                  guard: and3("isRangePicker", "hasSelectedRange"),
-                  actions: ["setActiveIndexToStart", "clearDateValue", "setSelectedDate", "setActiveIndexToEnd"]
-                },
-                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect", "isOpenControlled"),
-                  actions: ["setSelectedDate", "setActiveIndexToStart", "clearHoveredDate", "invokeOnClose"]
-                },
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate", "closeOnSelect"),
-                  target: "focused",
-                  actions: [
-                    "setSelectedDate",
-                    "setActiveIndexToStart",
-                    "clearHoveredDate",
-                    "invokeOnClose",
-                    "focusInputElement"
-                  ]
-                },
-                {
-                  guard: and3("isRangePicker", "isSelectingEndDate"),
-                  actions: ["setSelectedDate", "setActiveIndexToStart", "clearHoveredDate"]
-                },
-                // ===
-                {
-                  guard: "isRangePicker",
-                  actions: ["setSelectedDate", "setActiveIndexToEnd", "focusNextDay"]
-                },
-                {
-                  guard: "isMultiPicker",
-                  actions: ["toggleSelectedDate"]
-                },
-                // === Grouped transitions (based on `closeOnSelect` and `isOpenControlled`) ===
-                {
-                  guard: and3("closeOnSelect", "isOpenControlled"),
-                  actions: ["selectFocusedDate", "invokeOnClose"]
-                },
-                {
-                  guard: "closeOnSelect",
-                  target: "focused",
-                  actions: ["selectFocusedDate", "invokeOnClose", "focusInputElement"]
-                },
-                {
-                  actions: ["selectFocusedDate"]
-                }
-                // ===
-              ],
-              "TABLE.ARROW_RIGHT": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusNextMonth"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusNextYear"]
-                },
-                {
-                  actions: ["focusNextDay", "setHoveredDate"]
-                }
-              ],
-              "TABLE.ARROW_LEFT": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusPreviousMonth"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusPreviousYear"]
-                },
-                {
-                  actions: ["focusPreviousDay"]
-                }
-              ],
-              "TABLE.ARROW_UP": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusPreviousMonthColumn"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusPreviousYearColumn"]
-                },
-                {
-                  actions: ["focusPreviousWeek"]
-                }
-              ],
-              "TABLE.ARROW_DOWN": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusNextMonthColumn"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusNextYearColumn"]
-                },
-                {
-                  actions: ["focusNextWeek"]
-                }
-              ],
-              "TABLE.PAGE_UP": {
-                actions: ["focusPreviousSection"]
-              },
-              "TABLE.PAGE_DOWN": {
-                actions: ["focusNextSection"]
-              },
-              "TABLE.HOME": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusFirstMonth"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusFirstYear"]
-                },
-                {
-                  actions: ["focusSectionStart"]
-                }
-              ],
-              "TABLE.END": [
-                {
-                  guard: "isMonthView",
-                  actions: ["focusLastMonth"]
-                },
-                {
-                  guard: "isYearView",
-                  actions: ["focusLastYear"]
-                },
-                {
-                  actions: ["focusSectionEnd"]
-                }
-              ],
-              "TRIGGER.CLICK": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "focused",
-                  actions: ["invokeOnClose"]
+          }
+        }
+      };
+      DatePickerHook = {
+        mounted() {
+          const el = this.el;
+          const pushEvent = this.pushEvent.bind(this);
+          const liveSocket = this.liveSocket;
+          const min4 = getString(el, "min");
+          const max4 = getString(el, "max");
+          const positioningJson = getString(el, "positioning");
+          const parseList = (v2) => v2 ? v2.map((x2) => parse(x2)) : void 0;
+          const parseOne = (v2) => v2 ? parse(v2) : void 0;
+          const datePickerInstance = new DatePicker(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, getBoolean(el, "controlled") ? { value: parseList(getStringList(el, "value")) } : { defaultValue: parseList(getStringList(el, "defaultValue")) }), {
+            defaultFocusedValue: parseOne(getString(el, "focusedValue")),
+            defaultView: getString(el, "defaultView", ["day", "month", "year"]),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            locale: getString(el, "locale"),
+            timeZone: getString(el, "timeZone"),
+            disabled: getBoolean(el, "disabled"),
+            readOnly: getBoolean(el, "readOnly"),
+            required: getBoolean(el, "required"),
+            invalid: getBoolean(el, "invalid"),
+            outsideDaySelectable: getBoolean(el, "outsideDaySelectable"),
+            closeOnSelect: getBoolean(el, "closeOnSelect"),
+            min: min4 ? parse(min4) : void 0,
+            max: max4 ? parse(max4) : void 0,
+            numOfMonths: getNumber(el, "numOfMonths"),
+            startOfWeek: getNumber(el, "startOfWeek"),
+            fixedWeeks: getBoolean(el, "fixedWeeks"),
+            selectionMode: getString(el, "selectionMode", [
+              "single",
+              "multiple",
+              "range"
+            ]),
+            placeholder: getString(el, "placeholder"),
+            minView: getString(el, "minView", ["day", "month", "year"]),
+            maxView: getString(el, "maxView", ["day", "month", "year"]),
+            inline: getBoolean(el, "inline"),
+            positioning: positioningJson ? JSON.parse(positioningJson) : void 0,
+            onValueChange: (details) => {
+              var _a;
+              const isoStr = ((_a = details.value) == null ? void 0 : _a.length) ? details.value.map((d2) => toISOString(d2)).join(",") : "";
+              const hiddenInput = el.querySelector(`#${el.id}-value`);
+              if (hiddenInput && hiddenInput.value !== isoStr) {
+                hiddenInput.value = isoStr;
+                hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+                hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+              }
+              const eventName = getString(el, "onValueChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  value: isoStr || null
+                });
+              }
+            },
+            onFocusChange: (details) => {
+              var _a;
+              const eventName = getString(el, "onFocusChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  focused: (_a = details.focused) != null ? _a : false
+                });
+              }
+            },
+            onViewChange: (details) => {
+              const eventName = getString(el, "onViewChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  view: details.view
+                });
+              }
+            },
+            onVisibleRangeChange: (details) => {
+              const eventName = getString(el, "onVisibleRangeChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  start: details.start,
+                  end: details.end
+                });
+              }
+            },
+            onOpenChange: (details) => {
+              const eventName = getString(el, "onOpenChange");
+              if (eventName && liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  open: details.open
+                });
+              }
+            }
+          }));
+          datePickerInstance.init();
+          this.datePicker = datePickerInstance;
+          const inputWrapper = el.querySelector(
+            '[data-scope="date-picker"][data-part="input-wrapper"]'
+          );
+          if (inputWrapper) inputWrapper.removeAttribute("data-loading");
+          this.handlers = [];
+          this.handlers.push(
+            this.handleEvent(
+              "date_picker_set_value",
+              (payload) => {
+                const targetId = payload.date_picker_id;
+                if (targetId && targetId !== el.id) return;
+                datePickerInstance.api.setValue([parse(payload.value)]);
+              }
+            )
+          );
+          this.onSetValue = (event) => {
+            var _a;
+            const value = (_a = event.detail) == null ? void 0 : _a.value;
+            if (typeof value === "string") {
+              datePickerInstance.api.setValue([parse(value)]);
+            }
+          };
+          el.addEventListener("phx:date-picker:set-value", this.onSetValue);
+        },
+        updated() {
+          var _a, _b;
+          const el = this.el;
+          const inputWrapper = el.querySelector(
+            '[data-scope="date-picker"][data-part="input-wrapper"]'
+          );
+          if (inputWrapper) inputWrapper.removeAttribute("data-loading");
+          const parseList = (v2) => v2 ? v2.map((x2) => parse(x2)) : void 0;
+          const min4 = getString(el, "min");
+          const max4 = getString(el, "max");
+          const positioningJson = getString(el, "positioning");
+          const isControlled = getBoolean(el, "controlled");
+          const focusedStr = getString(el, "focusedValue");
+          (_a = this.datePicker) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({}, getBoolean(el, "controlled") ? { value: parseList(getStringList(el, "value")) } : { defaultValue: parseList(getStringList(el, "defaultValue")) }), {
+            defaultFocusedValue: focusedStr ? parse(focusedStr) : void 0,
+            defaultView: getString(el, "defaultView", ["day", "month", "year"]),
+            dir: getString(this.el, "dir", ["ltr", "rtl"]),
+            locale: getString(this.el, "locale"),
+            timeZone: getString(this.el, "timeZone"),
+            disabled: getBoolean(this.el, "disabled"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            required: getBoolean(this.el, "required"),
+            invalid: getBoolean(this.el, "invalid"),
+            outsideDaySelectable: getBoolean(this.el, "outsideDaySelectable"),
+            closeOnSelect: getBoolean(this.el, "closeOnSelect"),
+            min: min4 ? parse(min4) : void 0,
+            max: max4 ? parse(max4) : void 0,
+            numOfMonths: getNumber(this.el, "numOfMonths"),
+            startOfWeek: getNumber(this.el, "startOfWeek"),
+            fixedWeeks: getBoolean(this.el, "fixedWeeks"),
+            selectionMode: getString(this.el, "selectionMode", [
+              "single",
+              "multiple",
+              "range"
+            ]),
+            placeholder: getString(this.el, "placeholder"),
+            minView: getString(this.el, "minView", ["day", "month", "year"]),
+            maxView: getString(this.el, "maxView", ["day", "month", "year"]),
+            inline: getBoolean(this.el, "inline"),
+            positioning: positioningJson ? JSON.parse(positioningJson) : void 0
+          }));
+          if (isControlled && this.datePicker) {
+            const serverValues = getStringList(el, "value");
+            const serverIso = (_b = serverValues == null ? void 0 : serverValues.join(",")) != null ? _b : "";
+            const zagValue = this.datePicker.api.value;
+            const zagIso = (zagValue == null ? void 0 : zagValue.length) ? zagValue.map((d2) => toISOString(d2)).join(",") : "";
+            if (serverIso !== zagIso) {
+              const parsed = (serverValues == null ? void 0 : serverValues.length) ? serverValues.map((x2) => parse(x2)) : [];
+              this.datePicker.api.setValue(parsed);
+            }
+          }
+        },
+        destroyed() {
+          var _a;
+          if (this.onSetValue) {
+            this.el.removeEventListener("phx:date-picker:set-value", this.onSetValue);
+          }
+          if (this.handlers) {
+            for (const handler of this.handlers) {
+              this.removeHandleEvent(handler);
+            }
+          }
+          (_a = this.datePicker) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/dialog.mjs
+  var dialog_exports = {};
+  __export(dialog_exports, {
+    Dialog: () => DialogHook
+  });
+  function ariaHidden(targetsOrFn, options = {}) {
+    const { defer = true } = options;
+    const func = defer ? raf2 : (v2) => v2();
+    const cleanups = [];
+    cleanups.push(
+      func(() => {
+        const targets = typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn;
+        const elements = targets.filter(Boolean);
+        if (elements.length === 0) return;
+        cleanups.push(hideOthers(elements));
+      })
+    );
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+    };
+  }
+  function trapFocus(el, options = {}) {
+    let trap;
+    const cleanup = raf(() => {
+      const elements = Array.isArray(el) ? el : [el];
+      const resolvedElements = elements.map((e2) => typeof e2 === "function" ? e2() : e2).filter((e2) => e2 != null);
+      if (resolvedElements.length === 0) return;
+      const primaryEl = resolvedElements[0];
+      trap = new FocusTrap(resolvedElements, __spreadProps(__spreadValues({
+        escapeDeactivates: false,
+        allowOutsideClick: true,
+        preventScroll: true,
+        returnFocusOnDeactivate: true,
+        delayInitialFocus: false,
+        fallbackFocus: primaryEl
+      }, options), {
+        document: getDocument(primaryEl)
+      }));
+      try {
+        trap.activate();
+      } catch (e2) {
+      }
+    });
+    return function destroy() {
+      trap == null ? void 0 : trap.deactivate();
+      cleanup();
+    };
+  }
+  function getPaddingProperty(documentElement) {
+    const documentLeft = documentElement.getBoundingClientRect().left;
+    const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;
+    return scrollbarX ? "paddingLeft" : "paddingRight";
+  }
+  function hasStableScrollbarGutter(element) {
+    const styles = getComputedStyle2(element);
+    const scrollbarGutter = styles == null ? void 0 : styles.scrollbarGutter;
+    return scrollbarGutter === "stable" || (scrollbarGutter == null ? void 0 : scrollbarGutter.startsWith("stable ")) === true;
+  }
+  function preventBodyScroll(_document) {
+    var _a;
+    const doc = _document != null ? _document : document;
+    const win = (_a = doc.defaultView) != null ? _a : window;
+    const { documentElement, body } = doc;
+    const locked = body.hasAttribute(LOCK_CLASSNAME);
+    if (locked) return;
+    const hasStableGutter = hasStableScrollbarGutter(documentElement) || hasStableScrollbarGutter(body);
+    const scrollbarWidth = win.innerWidth - documentElement.clientWidth;
+    body.setAttribute(LOCK_CLASSNAME, "");
+    const setScrollbarWidthProperty = () => setStyleProperty(documentElement, "--scrollbar-width", `${scrollbarWidth}px`);
+    const paddingProperty = getPaddingProperty(documentElement);
+    const setBodyStyle = () => {
+      const styles = {
+        overflow: "hidden"
+      };
+      if (!hasStableGutter && scrollbarWidth > 0) {
+        styles[paddingProperty] = `${scrollbarWidth}px`;
+      }
+      return setStyle(body, styles);
+    };
+    const setBodyStyleIOS = () => {
+      var _a2, _b;
+      const { scrollX, scrollY, visualViewport } = win;
+      const offsetLeft = (_a2 = visualViewport == null ? void 0 : visualViewport.offsetLeft) != null ? _a2 : 0;
+      const offsetTop = (_b = visualViewport == null ? void 0 : visualViewport.offsetTop) != null ? _b : 0;
+      const styles = {
+        position: "fixed",
+        overflow: "hidden",
+        top: `${-(scrollY - Math.floor(offsetTop))}px`,
+        left: `${-(scrollX - Math.floor(offsetLeft))}px`,
+        right: "0"
+      };
+      if (!hasStableGutter && scrollbarWidth > 0) {
+        styles[paddingProperty] = `${scrollbarWidth}px`;
+      }
+      const restoreStyle = setStyle(body, styles);
+      return () => {
+        restoreStyle == null ? void 0 : restoreStyle();
+        win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" });
+      };
+    };
+    const cleanups = [setScrollbarWidthProperty(), isIos() ? setBodyStyleIOS() : setBodyStyle()];
+    return () => {
+      cleanups.forEach((fn) => fn == null ? void 0 : fn());
+      body.removeAttribute(LOCK_CLASSNAME);
+    };
+  }
+  function connect10(service, normalize) {
+    const { state: state2, send, context, prop, scope } = service;
+    const ariaLabel = prop("aria-label");
+    const open = state2.matches("open");
+    return {
+      open,
+      setOpen(nextOpen) {
+        const open2 = state2.matches("open");
+        if (open2 === nextOpen) return;
+        send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      },
+      getTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts10.trigger.attrs), {
+          dir: prop("dir"),
+          id: getTriggerId4(scope),
+          "aria-haspopup": "dialog",
+          type: "button",
+          "aria-expanded": open,
+          "data-state": open ? "open" : "closed",
+          "aria-controls": getContentId4(scope),
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            send({ type: "TOGGLE" });
+          }
+        }));
+      },
+      getBackdropProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts10.backdrop.attrs), {
+          dir: prop("dir"),
+          hidden: !open,
+          id: getBackdropId(scope),
+          "data-state": open ? "open" : "closed"
+        }));
+      },
+      getPositionerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts10.positioner.attrs), {
+          dir: prop("dir"),
+          id: getPositionerId3(scope),
+          style: {
+            pointerEvents: open ? void 0 : "none"
+          }
+        }));
+      },
+      getContentProps() {
+        const rendered = context.get("rendered");
+        return normalize.element(__spreadProps(__spreadValues({}, parts10.content.attrs), {
+          dir: prop("dir"),
+          role: prop("role"),
+          hidden: !open,
+          id: getContentId4(scope),
+          tabIndex: -1,
+          "data-state": open ? "open" : "closed",
+          "aria-modal": true,
+          "aria-label": ariaLabel || void 0,
+          "aria-labelledby": ariaLabel || !rendered.title ? void 0 : getTitleId(scope),
+          "aria-describedby": rendered.description ? getDescriptionId(scope) : void 0
+        }));
+      },
+      getTitleProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts10.title.attrs), {
+          dir: prop("dir"),
+          id: getTitleId(scope)
+        }));
+      },
+      getDescriptionProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts10.description.attrs), {
+          dir: prop("dir"),
+          id: getDescriptionId(scope)
+        }));
+      },
+      getCloseTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts10.closeTrigger.attrs), {
+          dir: prop("dir"),
+          id: getCloseTriggerId(scope),
+          type: "button",
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            event.stopPropagation();
+            send({ type: "CLOSE" });
+          }
+        }));
+      }
+    };
+  }
+  var counterMap, uncontrolledNodes, markerMap, lockCount, unwrapHost, correctTargets, ignoreableNodes, isIgnoredNode, walkTreeOutside, getParentNode3, hideOthers, raf2, __defProp6, __defNormalProp6, __publicField6, activeFocusTraps, sharedTrapStack, FocusTrap, isKeyboardEvent, isTabEvent, isKeyForward, isKeyBackward, valueOrHandler, isEscapeEvent, delay, isSelectableInput, LOCK_CLASSNAME, anatomy10, parts10, getPositionerId3, getBackdropId, getContentId4, getTriggerId4, getTitleId, getDescriptionId, getCloseTriggerId, getContentEl4, getPositionerEl3, getBackdropEl, getTriggerEl3, getTitleEl, getDescriptionEl, getCloseTriggerEl, machine10, props10, splitProps10, Dialog, DialogHook;
+  var init_dialog = __esm({
+    "../priv/static/dialog.mjs"() {
+      "use strict";
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      counterMap = /* @__PURE__ */ new WeakMap();
+      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+      markerMap = {};
+      lockCount = 0;
+      unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
+      correctTargets = (parent, targets) => targets.map((target) => {
+        if (parent.contains(target)) return target;
+        const correctedTarget = unwrapHost(target);
+        if (correctedTarget && parent.contains(correctedTarget)) {
+          return correctedTarget;
+        }
+        console.error("[zag-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
+        return null;
+      }).filter((x2) => Boolean(x2));
+      ignoreableNodes = /* @__PURE__ */ new Set(["script", "output", "status", "next-route-announcer"]);
+      isIgnoredNode = (node) => {
+        if (ignoreableNodes.has(node.localName)) return true;
+        if (node.role === "status") return true;
+        if (node.hasAttribute("aria-live")) return true;
+        return node.matches("[data-live-announcer]");
+      };
+      walkTreeOutside = (originalTarget, props26) => {
+        const { parentNode, markerName, controlAttribute, followControlledElements = true } = props26;
+        const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+        markerMap[markerName] || (markerMap[markerName] = /* @__PURE__ */ new WeakMap());
+        const markerCounter = markerMap[markerName];
+        const hiddenNodes = [];
+        const elementsToKeep = /* @__PURE__ */ new Set();
+        const elementsToStop = new Set(targets);
+        const keep = (el) => {
+          if (!el || elementsToKeep.has(el)) return;
+          elementsToKeep.add(el);
+          keep(el.parentNode);
+        };
+        targets.forEach((target) => {
+          keep(target);
+          if (followControlledElements && isHTMLElement(target)) {
+            findControlledElements(target, (controlledElement) => {
+              keep(controlledElement);
+            });
+          }
+        });
+        const deep = (parent) => {
+          if (!parent || elementsToStop.has(parent)) {
+            return;
+          }
+          Array.prototype.forEach.call(parent.children, (node) => {
+            if (elementsToKeep.has(node)) {
+              deep(node);
+            } else {
+              try {
+                if (isIgnoredNode(node)) return;
+                const attr = node.getAttribute(controlAttribute);
+                const alreadyHidden = attr === "true";
+                const counterValue = (counterMap.get(node) || 0) + 1;
+                const markerValue = (markerCounter.get(node) || 0) + 1;
+                counterMap.set(node, counterValue);
+                markerCounter.set(node, markerValue);
+                hiddenNodes.push(node);
+                if (counterValue === 1 && alreadyHidden) {
+                  uncontrolledNodes.set(node, true);
                 }
-              ],
-              "VIEW.TOGGLE": {
-                actions: ["setNextView"]
-              },
-              INTERACT_OUTSIDE: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setActiveIndexToStart", "invokeOnClose"]
-                },
-                {
-                  guard: "shouldRestoreFocus",
-                  target: "focused",
-                  actions: ["setActiveIndexToStart", "invokeOnClose", "focusTriggerElement"]
-                },
-                {
-                  target: "idle",
-                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                if (markerValue === 1) {
+                  node.setAttribute(markerName, "");
                 }
-              ],
-              CLOSE: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setActiveIndexToStart", "invokeOnClose"]
-                },
-                {
-                  target: "idle",
-                  actions: ["setActiveIndexToStart", "invokeOnClose"]
+                if (!alreadyHidden) {
+                  node.setAttribute(controlAttribute, "true");
                 }
-              ]
+              } catch (e2) {
+                console.error("[zag-js > ariaHidden] cannot operate on ", node, e2);
+              }
+            }
+          });
+        };
+        deep(parentNode);
+        elementsToKeep.clear();
+        lockCount++;
+        return () => {
+          hiddenNodes.forEach((node) => {
+            const counterValue = counterMap.get(node) - 1;
+            const markerValue = markerCounter.get(node) - 1;
+            counterMap.set(node, counterValue);
+            markerCounter.set(node, markerValue);
+            if (!counterValue) {
+              if (!uncontrolledNodes.has(node)) {
+                node.removeAttribute(controlAttribute);
+              }
+              uncontrolledNodes.delete(node);
+            }
+            if (!markerValue) {
+              node.removeAttribute(markerName);
+            }
+          });
+          lockCount--;
+          if (!lockCount) {
+            counterMap = /* @__PURE__ */ new WeakMap();
+            counterMap = /* @__PURE__ */ new WeakMap();
+            uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+            markerMap = {};
+          }
+        };
+      };
+      getParentNode3 = (originalTarget) => {
+        const target = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
+        return target.ownerDocument.body;
+      };
+      hideOthers = (originalTarget, parentNode = getParentNode3(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
+        if (!parentNode) return;
+        return walkTreeOutside(originalTarget, {
+          parentNode,
+          markerName,
+          controlAttribute: "aria-hidden",
+          followControlledElements
+        });
+      };
+      raf2 = (fn) => {
+        const frameId = requestAnimationFrame(() => fn());
+        return () => cancelAnimationFrame(frameId);
+      };
+      __defProp6 = Object.defineProperty;
+      __defNormalProp6 = (obj, key, value) => key in obj ? __defProp6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+      __publicField6 = (obj, key, value) => __defNormalProp6(obj, typeof key !== "symbol" ? key + "" : key, value);
+      activeFocusTraps = {
+        activateTrap(trapStack, trap) {
+          if (trapStack.length > 0) {
+            const activeTrap = trapStack[trapStack.length - 1];
+            if (activeTrap !== trap) {
+              activeTrap.pause();
             }
           }
+          const trapIndex = trapStack.indexOf(trap);
+          if (trapIndex === -1) {
+            trapStack.push(trap);
+          } else {
+            trapStack.splice(trapIndex, 1);
+            trapStack.push(trap);
+          }
         },
-        implementations: {
-          guards: {
-            isAboveMinView: ({ context, prop }) => isAboveMinView(context.get("view"), prop("minView")),
-            isDayView: ({ context, event }) => (event.view || context.get("view")) === "day",
-            isMonthView: ({ context, event }) => (event.view || context.get("view")) === "month",
-            isYearView: ({ context, event }) => (event.view || context.get("view")) === "year",
-            isRangePicker: ({ prop }) => prop("selectionMode") === "range",
-            hasSelectedRange: ({ context }) => context.get("value").length === 2,
-            isMultiPicker: ({ prop }) => prop("selectionMode") === "multiple",
-            shouldRestoreFocus: ({ context }) => !!context.get("restoreFocus"),
-            isSelectingEndDate: ({ context }) => context.get("activeIndex") === 1,
-            closeOnSelect: ({ prop }) => !!prop("closeOnSelect"),
-            isOpenControlled: ({ prop }) => prop("open") != void 0 || !!prop("inline"),
-            isInteractOutsideEvent: ({ event }) => {
-              var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "INTERACT_OUTSIDE";
-            },
-            isInputValueEmpty: ({ event }) => event.value.trim() === "",
-            shouldFixOnBlur: ({ event }) => !!event.fixOnBlur
-          },
-          effects: {
-            trackPositioning({ context, prop, scope }) {
-              if (prop("inline")) return;
-              if (!context.get("currentPlacement")) {
-                context.set("currentPlacement", prop("positioning").placement);
+        deactivateTrap(trapStack, trap) {
+          const trapIndex = trapStack.indexOf(trap);
+          if (trapIndex !== -1) {
+            trapStack.splice(trapIndex, 1);
+          }
+          if (trapStack.length > 0) {
+            trapStack[trapStack.length - 1].unpause();
+          }
+        }
+      };
+      sharedTrapStack = [];
+      FocusTrap = class {
+        constructor(elements, options) {
+          __publicField6(this, "trapStack");
+          __publicField6(this, "config");
+          __publicField6(this, "doc");
+          __publicField6(this, "state", {
+            containers: [],
+            containerGroups: [],
+            tabbableGroups: [],
+            nodeFocusedBeforeActivation: null,
+            mostRecentlyFocusedNode: null,
+            active: false,
+            paused: false,
+            delayInitialFocusTimer: void 0,
+            recentNavEvent: void 0
+          });
+          __publicField6(this, "portalContainers", /* @__PURE__ */ new Set());
+          __publicField6(this, "listenerCleanups", []);
+          __publicField6(this, "handleFocus", (event) => {
+            const target = getEventTarget(event);
+            const targetContained = this.findContainerIndex(target, event) >= 0;
+            if (targetContained || isDocument(target)) {
+              if (targetContained) {
+                this.state.mostRecentlyFocusedNode = target;
               }
-              const anchorEl = getControlEl2(scope);
-              const getPositionerEl22 = () => getPositionerEl2(scope);
-              return getPlacement(anchorEl, getPositionerEl22, __spreadProps(__spreadValues({}, prop("positioning")), {
-                defer: true,
-                onComplete(data) {
-                  context.set("currentPlacement", data.placement);
-                }
-              }));
-            },
-            setupLiveRegion({ scope, refs }) {
-              const doc = scope.getDoc();
-              refs.set("announcer", createLiveRegion({ level: "assertive", document: doc }));
-              return () => {
-                var _a, _b;
-                return (_b = (_a = refs.get("announcer")) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
-              };
-            },
-            trackDismissableElement({ scope, send, context, prop }) {
-              if (prop("inline")) return;
-              const getContentEl22 = () => getContentEl3(scope);
-              return trackDismissableElement(getContentEl22, {
-                type: "popover",
-                defer: true,
-                exclude: [...getInputEls(scope), getTriggerEl2(scope), getClearTriggerEl2(scope)],
-                onInteractOutside(event) {
-                  context.set("restoreFocus", !event.detail.focusable);
-                },
-                onDismiss() {
-                  send({ type: "INTERACT_OUTSIDE" });
-                },
-                onEscapeKeyDown(event) {
-                  event.preventDefault();
-                  send({ type: "TABLE.ESCAPE", src: "dismissable" });
-                }
-              });
-            }
-          },
-          actions: {
-            setNextView({ context, prop }) {
-              const nextView = getNextView(context.get("view"), prop("minView"), prop("maxView"));
-              context.set("view", nextView);
-            },
-            setPreviousView({ context, prop }) {
-              const prevView = getPreviousView(context.get("view"), prop("minView"), prop("maxView"));
-              context.set("view", prevView);
-            },
-            setView({ context, event }) {
-              context.set("view", event.view);
-            },
-            setRestoreFocus({ context }) {
-              context.set("restoreFocus", true);
-            },
-            announceValueText({ context, prop, refs }) {
-              var _a;
-              const value = context.get("value");
-              const locale = prop("locale");
-              const timeZone = prop("timeZone");
-              let announceText;
-              if (prop("selectionMode") === "range") {
-                const [startDate, endDate] = value;
-                if (startDate && endDate) {
-                  announceText = formatSelectedDate(startDate, endDate, locale, timeZone);
-                } else if (startDate) {
-                  announceText = formatSelectedDate(startDate, null, locale, timeZone);
-                } else if (endDate) {
-                  announceText = formatSelectedDate(endDate, null, locale, timeZone);
+            } else {
+              event.stopImmediatePropagation();
+              let nextNode;
+              let navAcrossContainers = true;
+              if (this.state.mostRecentlyFocusedNode) {
+                if (getTabIndex(this.state.mostRecentlyFocusedNode) > 0) {
+                  const mruContainerIdx = this.findContainerIndex(this.state.mostRecentlyFocusedNode);
+                  const { tabbableNodes } = this.state.containerGroups[mruContainerIdx];
+                  if (tabbableNodes.length > 0) {
+                    const mruTabIdx = tabbableNodes.findIndex((node) => node === this.state.mostRecentlyFocusedNode);
+                    if (mruTabIdx >= 0) {
+                      if (this.config.isKeyForward(this.state.recentNavEvent)) {
+                        if (mruTabIdx + 1 < tabbableNodes.length) {
+                          nextNode = tabbableNodes[mruTabIdx + 1];
+                          navAcrossContainers = false;
+                        }
+                      } else {
+                        if (mruTabIdx - 1 >= 0) {
+                          nextNode = tabbableNodes[mruTabIdx - 1];
+                          navAcrossContainers = false;
+                        }
+                      }
+                    }
+                  }
                 } else {
-                  announceText = "";
+                  if (!this.state.containerGroups.some((g2) => g2.tabbableNodes.some((n2) => getTabIndex(n2) > 0))) {
+                    navAcrossContainers = false;
+                  }
                 }
               } else {
-                announceText = value.map((date) => formatSelectedDate(date, null, locale, timeZone)).filter(Boolean).join(",");
+                navAcrossContainers = false;
               }
-              (_a = refs.get("announcer")) == null ? void 0 : _a.announce(announceText, 3e3);
-            },
-            announceVisibleRange({ computed, refs }) {
-              var _a;
-              const { formatted } = computed("visibleRangeText");
-              (_a = refs.get("announcer")) == null ? void 0 : _a.announce(formatted);
-            },
-            disableTextSelection({ scope }) {
-              disableTextSelection({ target: getContentEl3(scope), doc: scope.getDoc() });
-            },
-            enableTextSelection({ scope }) {
-              restoreTextSelection({ doc: scope.getDoc(), target: getContentEl3(scope) });
-            },
-            focusFirstSelectedDate(params) {
-              const { context } = params;
-              if (!context.get("value").length) return;
-              setFocusedValue(params, context.get("value")[0]);
-            },
-            syncInputElement({ scope, computed }) {
-              raf(() => {
-                const inputEls = getInputEls(scope);
-                inputEls.forEach((inputEl, index) => {
-                  setElementValue(inputEl, computed("valueAsString")[index] || "");
+              if (navAcrossContainers) {
+                nextNode = this.findNextNavNode({
+                  // move FROM the MRU node, not event-related node (which will be the node that is
+                  //  outside the trap causing the focus escape we're trying to fix)
+                  target: this.state.mostRecentlyFocusedNode,
+                  isBackward: this.config.isKeyBackward(this.state.recentNavEvent)
                 });
+              }
+              if (nextNode) {
+                this.tryFocus(nextNode);
+              } else {
+                this.tryFocus(this.state.mostRecentlyFocusedNode || this.getInitialFocusNode());
+              }
+            }
+            this.state.recentNavEvent = void 0;
+          });
+          __publicField6(this, "handlePointerDown", (event) => {
+            const target = getEventTarget(event);
+            if (this.findContainerIndex(target, event) >= 0) {
+              return;
+            }
+            if (valueOrHandler(this.config.clickOutsideDeactivates, event)) {
+              this.deactivate({ returnFocus: this.config.returnFocusOnDeactivate });
+              return;
+            }
+            if (valueOrHandler(this.config.allowOutsideClick, event)) {
+              return;
+            }
+            event.preventDefault();
+          });
+          __publicField6(this, "handleClick", (event) => {
+            const target = getEventTarget(event);
+            if (this.findContainerIndex(target, event) >= 0) {
+              return;
+            }
+            if (valueOrHandler(this.config.clickOutsideDeactivates, event)) {
+              return;
+            }
+            if (valueOrHandler(this.config.allowOutsideClick, event)) {
+              return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+          });
+          __publicField6(this, "handleTabKey", (event) => {
+            if (this.config.isKeyForward(event) || this.config.isKeyBackward(event)) {
+              this.state.recentNavEvent = event;
+              const isBackward = this.config.isKeyBackward(event);
+              const destinationNode = this.findNextNavNode({ event, isBackward });
+              if (!destinationNode) return;
+              if (isTabEvent(event)) {
+                event.preventDefault();
+              }
+              this.tryFocus(destinationNode);
+            }
+          });
+          __publicField6(this, "handleEscapeKey", (event) => {
+            if (isEscapeEvent(event) && valueOrHandler(this.config.escapeDeactivates, event) !== false) {
+              event.preventDefault();
+              this.deactivate();
+            }
+          });
+          __publicField6(this, "_mutationObserver");
+          __publicField6(this, "setupMutationObserver", () => {
+            const win = this.doc.defaultView || window;
+            this._mutationObserver = new win.MutationObserver((mutations) => {
+              const isFocusedNodeRemoved = mutations.some((mutation) => {
+                const removedNodes = Array.from(mutation.removedNodes);
+                return removedNodes.some((node) => node === this.state.mostRecentlyFocusedNode);
+              });
+              if (isFocusedNodeRemoved) {
+                this.tryFocus(this.getInitialFocusNode());
+              }
+              const hasControlledChanges = mutations.some((mutation) => {
+                if (mutation.type === "attributes" && (mutation.attributeName === "aria-controls" || mutation.attributeName === "aria-expanded")) {
+                  return true;
+                }
+                if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+                  return Array.from(mutation.addedNodes).some((node) => {
+                    if (node.nodeType !== Node.ELEMENT_NODE) return false;
+                    const element = node;
+                    if (hasControllerElements(element)) {
+                      return true;
+                    }
+                    if (element.id && !this.state.containers.some((c2) => c2.contains(element))) {
+                      return isControlledByExpandedController(element);
+                    }
+                    return false;
+                  });
+                }
+                return false;
               });
-            },
-            setFocusedDate(params) {
-              const { event } = params;
-              const value = Array.isArray(event.value) ? event.value[0] : event.value;
-              setFocusedValue(params, value);
-            },
-            setFocusedValueForView(params) {
-              const { context, event } = params;
-              setFocusedValue(params, context.get("focusedValue").set({ [context.get("view")]: event.value }));
-            },
-            focusNextMonth(params) {
-              const { context } = params;
-              setFocusedValue(params, context.get("focusedValue").add({ months: 1 }));
-            },
-            focusPreviousMonth(params) {
-              const { context } = params;
-              setFocusedValue(params, context.get("focusedValue").subtract({ months: 1 }));
-            },
-            setDateValue({ context, event, prop }) {
-              if (!Array.isArray(event.value)) return;
-              const value = event.value.map((date) => constrainValue(date, prop("min"), prop("max")));
-              context.set("value", value);
-            },
-            clearDateValue({ context }) {
-              context.set("value", []);
-            },
-            setSelectedDate(params) {
-              var _a;
-              const { context, event } = params;
-              const values = Array.from(context.get("value"));
-              values[context.get("activeIndex")] = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
-              context.set("value", adjustStartAndEndDate(values));
-            },
-            resetSelection(params) {
-              var _a;
-              const { context, event } = params;
-              const value = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
-              context.set("value", [value]);
-            },
-            toggleSelectedDate(params) {
-              var _a;
-              const { context, event } = params;
-              const currentValue = normalizeValue(params, (_a = event.value) != null ? _a : context.get("focusedValue"));
-              const index = context.get("value").findIndex((date) => isDateEqual(date, currentValue));
-              if (index === -1) {
-                const values = [...context.get("value"), currentValue];
-                context.set("value", sortDates(values));
-              } else {
-                const values = Array.from(context.get("value"));
-                values.splice(index, 1);
-                context.set("value", sortDates(values));
+              if (hasControlledChanges && this.state.active && !this.state.paused) {
+                this.updateTabbableNodes();
+                this.updatePortalContainers();
               }
-            },
-            setHoveredDate({ context, event }) {
-              context.set("hoveredValue", event.value);
-            },
-            clearHoveredDate({ context }) {
-              context.set("hoveredValue", null);
-            },
-            selectFocusedDate({ context, computed }) {
-              const values = Array.from(context.get("value"));
-              const activeIndex = context.get("activeIndex");
-              values[activeIndex] = context.get("focusedValue").copy();
-              context.set("value", adjustStartAndEndDate(values));
-              const valueAsString = computed("valueAsString");
-              context.set("inputValue", valueAsString[activeIndex]);
-            },
-            focusPreviousDay(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").subtract({ days: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextDay(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").add({ days: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusPreviousWeek(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").subtract({ weeks: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextWeek(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").add({ weeks: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextPage(params) {
-              const { context, computed, prop } = params;
-              const nextPage = getNextPage(
-                context.get("focusedValue"),
-                context.get("startValue"),
-                computed("visibleDuration"),
-                prop("locale"),
-                prop("min"),
-                prop("max")
-              );
-              setAdjustedValue(params, nextPage);
-            },
-            focusPreviousPage(params) {
-              const { context, computed, prop } = params;
-              const previousPage = getPreviousPage(
-                context.get("focusedValue"),
-                context.get("startValue"),
-                computed("visibleDuration"),
-                prop("locale"),
-                prop("min"),
-                prop("max")
-              );
-              setAdjustedValue(params, previousPage);
-            },
-            focusSectionStart(params) {
-              const { context } = params;
-              setFocusedValue(params, context.get("startValue").copy());
-            },
-            focusSectionEnd(params) {
-              const { computed } = params;
-              setFocusedValue(params, computed("endValue").copy());
-            },
-            focusNextSection(params) {
-              const { context, event, computed, prop } = params;
-              const nextSection = getNextSection(
-                context.get("focusedValue"),
-                context.get("startValue"),
-                event.larger,
-                computed("visibleDuration"),
-                prop("locale"),
-                prop("min"),
-                prop("max")
-              );
-              if (!nextSection) return;
-              setAdjustedValue(params, nextSection);
-            },
-            focusPreviousSection(params) {
-              const { context, event, computed, prop } = params;
-              const previousSection = getPreviousSection(
-                context.get("focusedValue"),
-                context.get("startValue"),
-                event.larger,
-                computed("visibleDuration"),
-                prop("locale"),
-                prop("min"),
-                prop("max")
-              );
-              if (!previousSection) return;
-              setAdjustedValue(params, previousSection);
-            },
-            focusNextYear(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").add({ years: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusPreviousYear(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").subtract({ years: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextDecade(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").add({ years: 10 });
-              setFocusedValue(params, nextValue);
-            },
-            focusPreviousDecade(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").subtract({ years: 10 });
-              setFocusedValue(params, nextValue);
-            },
-            clearFocusedDate(params) {
-              const { prop } = params;
-              setFocusedValue(params, getTodayDate(prop("timeZone")));
-            },
-            focusPreviousMonthColumn(params) {
-              const { context, event } = params;
-              const nextValue = context.get("focusedValue").subtract({ months: event.columns });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextMonthColumn(params) {
-              const { context, event } = params;
-              const nextValue = context.get("focusedValue").add({ months: event.columns });
-              setFocusedValue(params, nextValue);
-            },
-            focusPreviousYearColumn(params) {
-              const { context, event } = params;
-              const nextValue = context.get("focusedValue").subtract({ years: event.columns });
-              setFocusedValue(params, nextValue);
-            },
-            focusNextYearColumn(params) {
-              const { context, event } = params;
-              const nextValue = context.get("focusedValue").add({ years: event.columns });
-              setFocusedValue(params, nextValue);
-            },
-            focusFirstMonth(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").set({ month: 1 });
-              setFocusedValue(params, nextValue);
-            },
-            focusLastMonth(params) {
-              const { context } = params;
-              const nextValue = context.get("focusedValue").set({ month: 12 });
-              setFocusedValue(params, nextValue);
-            },
-            focusFirstYear(params) {
-              const { context } = params;
-              const range = getDecadeRange(context.get("focusedValue").year);
-              const nextValue = context.get("focusedValue").set({ year: range[0] });
-              setFocusedValue(params, nextValue);
-            },
-            focusLastYear(params) {
-              const { context } = params;
-              const range = getDecadeRange(context.get("focusedValue").year);
-              const nextValue = context.get("focusedValue").set({ year: range[range.length - 1] });
-              setFocusedValue(params, nextValue);
-            },
-            setActiveIndex({ context, event }) {
-              context.set("activeIndex", event.index);
-            },
-            setActiveIndexToEnd({ context }) {
-              context.set("activeIndex", 1);
-            },
-            setActiveIndexToStart({ context }) {
-              context.set("activeIndex", 0);
-            },
-            focusActiveCell({ scope, context }) {
-              raf(() => {
-                var _a;
-                const view = context.get("view");
-                (_a = getFocusedCell(scope, view)) == null ? void 0 : _a.focus({ preventScroll: true });
+            });
+          });
+          __publicField6(this, "updateObservedNodes", () => {
+            var _a;
+            (_a = this._mutationObserver) == null ? void 0 : _a.disconnect();
+            if (this.state.active && !this.state.paused) {
+              this.state.containers.map((container) => {
+                var _a2;
+                (_a2 = this._mutationObserver) == null ? void 0 : _a2.observe(container, {
+                  subtree: true,
+                  childList: true,
+                  attributes: true,
+                  attributeFilter: ["aria-controls", "aria-expanded"]
+                });
               });
-            },
-            focusActiveCellIfNeeded({ scope, context, event }) {
-              if (!event.focus) return;
-              raf(() => {
-                var _a;
-                const view = context.get("view");
-                (_a = getFocusedCell(scope, view)) == null ? void 0 : _a.focus({ preventScroll: true });
+              this.portalContainers.forEach((portalContainer) => {
+                this.observePortalContainer(portalContainer);
+              });
+            }
+          });
+          __publicField6(this, "getInitialFocusNode", () => {
+            let node = this.getNodeForOption("initialFocus", { hasFallback: true });
+            if (node === false) {
+              return false;
+            }
+            if (node === void 0 || node && !isFocusable(node)) {
+              const activeElement = getActiveElement(this.doc);
+              if (activeElement && this.findContainerIndex(activeElement) >= 0) {
+                node = activeElement;
+              } else {
+                const firstTabbableGroup = this.state.tabbableGroups[0];
+                const firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
+                node = firstTabbableNode || this.getNodeForOption("fallbackFocus");
+              }
+            } else if (node === null) {
+              node = this.getNodeForOption("fallbackFocus");
+            }
+            if (!node) {
+              throw new Error("Your focus-trap needs to have at least one focusable element");
+            }
+            if (!node.isConnected) {
+              node = this.getNodeForOption("fallbackFocus");
+            }
+            return node;
+          });
+          __publicField6(this, "tryFocus", (node) => {
+            if (node === false) return;
+            if (node === getActiveElement(this.doc)) return;
+            if (!node || !node.focus) {
+              this.tryFocus(this.getInitialFocusNode());
+              return;
+            }
+            node.focus({ preventScroll: !!this.config.preventScroll });
+            this.state.mostRecentlyFocusedNode = node;
+            if (isSelectableInput(node)) {
+              node.select();
+            }
+          });
+          __publicField6(this, "deactivate", (deactivateOptions) => {
+            if (!this.state.active) return this;
+            const options2 = __spreadValues({
+              onDeactivate: this.config.onDeactivate,
+              onPostDeactivate: this.config.onPostDeactivate,
+              checkCanReturnFocus: this.config.checkCanReturnFocus
+            }, deactivateOptions);
+            clearTimeout(this.state.delayInitialFocusTimer);
+            this.state.delayInitialFocusTimer = void 0;
+            this.removeListeners();
+            this.state.active = false;
+            this.state.paused = false;
+            this.updateObservedNodes();
+            activeFocusTraps.deactivateTrap(this.trapStack, this);
+            this.portalContainers.clear();
+            const onDeactivate = this.getOption(options2, "onDeactivate");
+            const onPostDeactivate = this.getOption(options2, "onPostDeactivate");
+            const checkCanReturnFocus = this.getOption(options2, "checkCanReturnFocus");
+            const returnFocus = this.getOption(options2, "returnFocus", "returnFocusOnDeactivate");
+            onDeactivate == null ? void 0 : onDeactivate();
+            const finishDeactivation = () => {
+              delay(() => {
+                if (returnFocus) {
+                  const returnFocusNode = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
+                  this.tryFocus(returnFocusNode);
+                }
+                onPostDeactivate == null ? void 0 : onPostDeactivate();
+              });
+            };
+            if (returnFocus && checkCanReturnFocus) {
+              const returnFocusNode = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
+              checkCanReturnFocus(returnFocusNode).then(finishDeactivation, finishDeactivation);
+              return this;
+            }
+            finishDeactivation();
+            return this;
+          });
+          __publicField6(this, "pause", (pauseOptions) => {
+            if (this.state.paused || !this.state.active) {
+              return this;
+            }
+            const onPause = this.getOption(pauseOptions, "onPause");
+            const onPostPause = this.getOption(pauseOptions, "onPostPause");
+            this.state.paused = true;
+            onPause == null ? void 0 : onPause();
+            this.removeListeners();
+            this.updateObservedNodes();
+            onPostPause == null ? void 0 : onPostPause();
+            return this;
+          });
+          __publicField6(this, "unpause", (unpauseOptions) => {
+            if (!this.state.paused || !this.state.active) {
+              return this;
+            }
+            const onUnpause = this.getOption(unpauseOptions, "onUnpause");
+            const onPostUnpause = this.getOption(unpauseOptions, "onPostUnpause");
+            this.state.paused = false;
+            onUnpause == null ? void 0 : onUnpause();
+            this.updateTabbableNodes();
+            this.addListeners();
+            this.updateObservedNodes();
+            onPostUnpause == null ? void 0 : onPostUnpause();
+            return this;
+          });
+          __publicField6(this, "updateContainerElements", (containerElements) => {
+            this.state.containers = Array.isArray(containerElements) ? containerElements.filter(Boolean) : [containerElements].filter(Boolean);
+            if (this.state.active) {
+              this.updateTabbableNodes();
+            }
+            this.updateObservedNodes();
+            return this;
+          });
+          __publicField6(this, "getReturnFocusNode", (previousActiveElement) => {
+            const node = this.getNodeForOption("setReturnFocus", {
+              params: [previousActiveElement]
+            });
+            return node ? node : node === false ? false : previousActiveElement;
+          });
+          __publicField6(this, "getOption", (configOverrideOptions, optionName, configOptionName) => {
+            return configOverrideOptions && configOverrideOptions[optionName] !== void 0 ? configOverrideOptions[optionName] : (
+              // @ts-expect-error
+              this.config[configOptionName || optionName]
+            );
+          });
+          __publicField6(this, "getNodeForOption", (optionName, { hasFallback = false, params = [] } = {}) => {
+            let optionValue = this.config[optionName];
+            if (typeof optionValue === "function") optionValue = optionValue(...params);
+            if (optionValue === true) optionValue = void 0;
+            if (!optionValue) {
+              if (optionValue === void 0 || optionValue === false) {
+                return optionValue;
+              }
+              throw new Error(`\`${optionName}\` was specified but was not a node, or did not return a node`);
+            }
+            let node = optionValue;
+            if (typeof optionValue === "string") {
+              try {
+                node = this.doc.querySelector(optionValue);
+              } catch (err) {
+                throw new Error(`\`${optionName}\` appears to be an invalid selector; error="${err.message}"`);
+              }
+              if (!node) {
+                if (!hasFallback) {
+                  throw new Error(`\`${optionName}\` as selector refers to no known node`);
+                }
+              }
+            }
+            return node;
+          });
+          __publicField6(this, "findNextNavNode", (opts) => {
+            const { event, isBackward = false } = opts;
+            const target = opts.target || getEventTarget(event);
+            this.updateTabbableNodes();
+            let destinationNode = null;
+            if (this.state.tabbableGroups.length > 0) {
+              const containerIndex = this.findContainerIndex(target, event);
+              const containerGroup = containerIndex >= 0 ? this.state.containerGroups[containerIndex] : void 0;
+              if (containerIndex < 0) {
+                if (isBackward) {
+                  destinationNode = this.state.tabbableGroups[this.state.tabbableGroups.length - 1].lastTabbableNode;
+                } else {
+                  destinationNode = this.state.tabbableGroups[0].firstTabbableNode;
+                }
+              } else if (isBackward) {
+                let startOfGroupIndex = this.state.tabbableGroups.findIndex(
+                  ({ firstTabbableNode }) => target === firstTabbableNode
+                );
+                if (startOfGroupIndex < 0 && ((containerGroup == null ? void 0 : containerGroup.container) === target || isFocusable(target) && !isTabbable(target) && !(containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target, false)))) {
+                  startOfGroupIndex = containerIndex;
+                }
+                if (startOfGroupIndex >= 0) {
+                  const destinationGroupIndex = startOfGroupIndex === 0 ? this.state.tabbableGroups.length - 1 : startOfGroupIndex - 1;
+                  const destinationGroup = this.state.tabbableGroups[destinationGroupIndex];
+                  destinationNode = getTabIndex(target) >= 0 ? destinationGroup.lastTabbableNode : destinationGroup.lastDomTabbableNode;
+                } else if (!isTabEvent(event)) {
+                  destinationNode = containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target, false);
+                }
+              } else {
+                let lastOfGroupIndex = this.state.tabbableGroups.findIndex(
+                  ({ lastTabbableNode }) => target === lastTabbableNode
+                );
+                if (lastOfGroupIndex < 0 && ((containerGroup == null ? void 0 : containerGroup.container) === target || isFocusable(target) && !isTabbable(target) && !(containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target)))) {
+                  lastOfGroupIndex = containerIndex;
+                }
+                if (lastOfGroupIndex >= 0) {
+                  const destinationGroupIndex = lastOfGroupIndex === this.state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
+                  const destinationGroup = this.state.tabbableGroups[destinationGroupIndex];
+                  destinationNode = getTabIndex(target) >= 0 ? destinationGroup.firstTabbableNode : destinationGroup.firstDomTabbableNode;
+                } else if (!isTabEvent(event)) {
+                  destinationNode = containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target);
+                }
+              }
+            } else {
+              destinationNode = this.getNodeForOption("fallbackFocus");
+            }
+            return destinationNode;
+          });
+          this.trapStack = options.trapStack || sharedTrapStack;
+          const config = __spreadValues({
+            returnFocusOnDeactivate: true,
+            escapeDeactivates: true,
+            delayInitialFocus: true,
+            followControlledElements: true,
+            isKeyForward,
+            isKeyBackward
+          }, options);
+          this.doc = config.document || getDocument(Array.isArray(elements) ? elements[0] : elements);
+          this.config = config;
+          this.updateContainerElements(elements);
+          this.setupMutationObserver();
+        }
+        addPortalContainer(controlledElement) {
+          const portalContainer = controlledElement.parentElement;
+          if (portalContainer && !this.portalContainers.has(portalContainer)) {
+            this.portalContainers.add(portalContainer);
+            if (this.state.active && !this.state.paused) {
+              this.observePortalContainer(portalContainer);
+            }
+          }
+        }
+        observePortalContainer(portalContainer) {
+          var _a;
+          (_a = this._mutationObserver) == null ? void 0 : _a.observe(portalContainer, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+            attributeFilter: ["aria-controls", "aria-expanded"]
+          });
+        }
+        updatePortalContainers() {
+          if (!this.config.followControlledElements) return;
+          this.state.containers.forEach((container) => {
+            const controlledElements = getControlledElements(container);
+            controlledElements.forEach((controlledElement) => {
+              this.addPortalContainer(controlledElement);
+            });
+          });
+        }
+        get active() {
+          return this.state.active;
+        }
+        get paused() {
+          return this.state.paused;
+        }
+        findContainerIndex(element, event) {
+          const composedPath = typeof (event == null ? void 0 : event.composedPath) === "function" ? event.composedPath() : void 0;
+          return this.state.containerGroups.findIndex(
+            ({ container, tabbableNodes }) => container.contains(element) || (composedPath == null ? void 0 : composedPath.includes(container)) || tabbableNodes.find((node) => node === element) || this.isControlledElement(container, element)
+          );
+        }
+        isControlledElement(container, element) {
+          if (!this.config.followControlledElements) return false;
+          return isControlledElement(container, element);
+        }
+        updateTabbableNodes() {
+          this.state.containerGroups = this.state.containers.map((container) => {
+            const tabbableNodes = getTabbables(container, { getShadowRoot: this.config.getShadowRoot });
+            const focusableNodes = getFocusables(container, { getShadowRoot: this.config.getShadowRoot });
+            const firstTabbableNode = tabbableNodes[0];
+            const lastTabbableNode = tabbableNodes[tabbableNodes.length - 1];
+            const firstDomTabbableNode = firstTabbableNode;
+            const lastDomTabbableNode = lastTabbableNode;
+            let posTabIndexesFound = false;
+            for (let i2 = 0; i2 < tabbableNodes.length; i2++) {
+              if (getTabIndex(tabbableNodes[i2]) > 0) {
+                posTabIndexesFound = true;
+                break;
+              }
+            }
+            function nextTabbableNode(node, forward = true) {
+              const nodeIdx = tabbableNodes.indexOf(node);
+              if (nodeIdx >= 0) {
+                return tabbableNodes[nodeIdx + (forward ? 1 : -1)];
+              }
+              const focusableIdx = focusableNodes.indexOf(node);
+              if (focusableIdx < 0) return void 0;
+              if (forward) {
+                for (let i2 = focusableIdx + 1; i2 < focusableNodes.length; i2++) {
+                  if (isTabbable(focusableNodes[i2])) return focusableNodes[i2];
+                }
+              } else {
+                for (let i2 = focusableIdx - 1; i2 >= 0; i2--) {
+                  if (isTabbable(focusableNodes[i2])) return focusableNodes[i2];
+                }
+              }
+              return void 0;
+            }
+            return {
+              container,
+              tabbableNodes,
+              focusableNodes,
+              posTabIndexesFound,
+              firstTabbableNode,
+              lastTabbableNode,
+              firstDomTabbableNode,
+              lastDomTabbableNode,
+              nextTabbableNode
+            };
+          });
+          this.state.tabbableGroups = this.state.containerGroups.filter((group2) => group2.tabbableNodes.length > 0);
+          if (this.state.tabbableGroups.length <= 0 && !this.getNodeForOption("fallbackFocus")) {
+            throw new Error(
+              "Your focus-trap must have at least one container with at least one tabbable node in it at all times"
+            );
+          }
+          if (this.state.containerGroups.find((g2) => g2.posTabIndexesFound) && this.state.containerGroups.length > 1) {
+            throw new Error(
+              "At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps."
+            );
+          }
+        }
+        addListeners() {
+          if (!this.state.active) return;
+          activeFocusTraps.activateTrap(this.trapStack, this);
+          this.state.delayInitialFocusTimer = this.config.delayInitialFocus ? delay(() => {
+            this.tryFocus(this.getInitialFocusNode());
+          }) : this.tryFocus(this.getInitialFocusNode());
+          this.listenerCleanups.push(
+            addDomEvent(this.doc, "focusin", this.handleFocus, true),
+            addDomEvent(this.doc, "mousedown", this.handlePointerDown, { capture: true, passive: false }),
+            addDomEvent(this.doc, "touchstart", this.handlePointerDown, { capture: true, passive: false }),
+            addDomEvent(this.doc, "click", this.handleClick, { capture: true, passive: false }),
+            addDomEvent(this.doc, "keydown", this.handleTabKey, { capture: true, passive: false }),
+            addDomEvent(this.doc, "keydown", this.handleEscapeKey)
+          );
+          return this;
+        }
+        removeListeners() {
+          if (!this.state.active) return;
+          this.listenerCleanups.forEach((cleanup) => cleanup());
+          this.listenerCleanups = [];
+          return this;
+        }
+        activate(activateOptions) {
+          if (this.state.active) {
+            return this;
+          }
+          const onActivate = this.getOption(activateOptions, "onActivate");
+          const onPostActivate = this.getOption(activateOptions, "onPostActivate");
+          const checkCanFocusTrap = this.getOption(activateOptions, "checkCanFocusTrap");
+          if (!checkCanFocusTrap) {
+            this.updateTabbableNodes();
+          }
+          this.state.active = true;
+          this.state.paused = false;
+          this.state.nodeFocusedBeforeActivation = getActiveElement(this.doc);
+          onActivate == null ? void 0 : onActivate();
+          const finishActivation = () => {
+            if (checkCanFocusTrap) {
+              this.updateTabbableNodes();
+            }
+            this.addListeners();
+            this.updateObservedNodes();
+            onPostActivate == null ? void 0 : onPostActivate();
+          };
+          if (checkCanFocusTrap) {
+            checkCanFocusTrap(this.state.containers.concat()).then(finishActivation, finishActivation);
+            return this;
+          }
+          finishActivation();
+          return this;
+        }
+      };
+      isKeyboardEvent = (event) => event.type === "keydown";
+      isTabEvent = (event) => isKeyboardEvent(event) && (event == null ? void 0 : event.key) === "Tab";
+      isKeyForward = (e2) => isKeyboardEvent(e2) && e2.key === "Tab" && !(e2 == null ? void 0 : e2.shiftKey);
+      isKeyBackward = (e2) => isKeyboardEvent(e2) && e2.key === "Tab" && (e2 == null ? void 0 : e2.shiftKey);
+      valueOrHandler = (value, ...params) => typeof value === "function" ? value(...params) : value;
+      isEscapeEvent = (event) => !event.isComposing && event.key === "Escape";
+      delay = (fn) => setTimeout(fn, 0);
+      isSelectableInput = (node) => node.localName === "input" && "select" in node && typeof node.select === "function";
+      LOCK_CLASSNAME = "data-scroll-lock";
+      anatomy10 = createAnatomy("dialog").parts(
+        "trigger",
+        "backdrop",
+        "positioner",
+        "content",
+        "title",
+        "description",
+        "closeTrigger"
+      );
+      parts10 = anatomy10.build();
+      getPositionerId3 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `dialog:${ctx.id}:positioner`;
+      };
+      getBackdropId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.backdrop) != null ? _b : `dialog:${ctx.id}:backdrop`;
+      };
+      getContentId4 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `dialog:${ctx.id}:content`;
+      };
+      getTriggerId4 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `dialog:${ctx.id}:trigger`;
+      };
+      getTitleId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `dialog:${ctx.id}:title`;
+      };
+      getDescriptionId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `dialog:${ctx.id}:description`;
+      };
+      getCloseTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `dialog:${ctx.id}:close`;
+      };
+      getContentEl4 = (ctx) => ctx.getById(getContentId4(ctx));
+      getPositionerEl3 = (ctx) => ctx.getById(getPositionerId3(ctx));
+      getBackdropEl = (ctx) => ctx.getById(getBackdropId(ctx));
+      getTriggerEl3 = (ctx) => ctx.getById(getTriggerId4(ctx));
+      getTitleEl = (ctx) => ctx.getById(getTitleId(ctx));
+      getDescriptionEl = (ctx) => ctx.getById(getDescriptionId(ctx));
+      getCloseTriggerEl = (ctx) => ctx.getById(getCloseTriggerId(ctx));
+      machine10 = createMachine({
+        props({ props: props26, scope }) {
+          const alertDialog = props26.role === "alertdialog";
+          const initialFocusEl = alertDialog ? () => getCloseTriggerEl(scope) : void 0;
+          const modal = typeof props26.modal === "boolean" ? props26.modal : true;
+          return __spreadValues({
+            role: "dialog",
+            modal,
+            trapFocus: modal,
+            preventScroll: modal,
+            closeOnInteractOutside: !alertDialog,
+            closeOnEscape: true,
+            restoreFocus: true,
+            initialFocusEl
+          }, props26);
+        },
+        initialState({ prop }) {
+          const open = prop("open") || prop("defaultOpen");
+          return open ? "open" : "closed";
+        },
+        context({ bindable: bindable2 }) {
+          return {
+            rendered: bindable2(() => ({
+              defaultValue: { title: true, description: true }
+            }))
+          };
+        },
+        watch({ track, action, prop }) {
+          track([() => prop("open")], () => {
+            action(["toggleVisibility"]);
+          });
+        },
+        states: {
+          open: {
+            entry: ["checkRenderedElements", "syncZIndex"],
+            effects: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+            on: {
+              "CONTROLLED.CLOSE": {
+                target: "closed"
+              },
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              TOGGLE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                }
+              ]
+            }
+          },
+          closed: {
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "open"
+              },
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
+              ],
+              TOGGLE: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
+              ]
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            isOpenControlled: ({ prop }) => prop("open") != void 0
+          },
+          effects: {
+            trackDismissableElement({ scope, send, prop }) {
+              const getContentEl22 = () => getContentEl4(scope);
+              return trackDismissableElement(getContentEl22, {
+                type: "dialog",
+                defer: true,
+                pointerBlocking: prop("modal"),
+                exclude: [getTriggerEl3(scope)],
+                onInteractOutside(event) {
+                  var _a;
+                  (_a = prop("onInteractOutside")) == null ? void 0 : _a(event);
+                  if (!prop("closeOnInteractOutside")) {
+                    event.preventDefault();
+                  }
+                },
+                persistentElements: prop("persistentElements"),
+                onFocusOutside: prop("onFocusOutside"),
+                onPointerDownOutside: prop("onPointerDownOutside"),
+                onRequestDismiss: prop("onRequestDismiss"),
+                onEscapeKeyDown(event) {
+                  var _a;
+                  (_a = prop("onEscapeKeyDown")) == null ? void 0 : _a(event);
+                  if (!prop("closeOnEscape")) {
+                    event.preventDefault();
+                  }
+                },
+                onDismiss() {
+                  send({ type: "CLOSE", src: "interact-outside" });
+                }
               });
             },
-            setHoveredValueIfKeyboard({ context, event, prop }) {
-              if (!event.type.startsWith("TABLE.ARROW") || prop("selectionMode") !== "range" || context.get("activeIndex") === 0)
-                return;
-              context.set("hoveredValue", context.get("focusedValue").copy());
+            preventScroll({ scope, prop }) {
+              if (!prop("preventScroll")) return;
+              return preventBodyScroll(scope.getDoc());
             },
-            focusTriggerElement({ scope }) {
-              raf(() => {
-                var _a;
-                (_a = getTriggerEl2(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+            trapFocus({ scope, prop }) {
+              if (!prop("trapFocus")) return;
+              const contentEl = () => getContentEl4(scope);
+              return trapFocus(contentEl, {
+                preventScroll: true,
+                returnFocusOnDeactivate: !!prop("restoreFocus"),
+                initialFocus: prop("initialFocusEl"),
+                setReturnFocus: (el) => {
+                  var _a, _b;
+                  return (_b = (_a = prop("finalFocusEl")) == null ? void 0 : _a()) != null ? _b : el;
+                },
+                getShadowRoot: true
               });
             },
-            focusFirstInputElement({ scope }) {
+            hideContentBelow({ scope, prop }) {
+              if (!prop("modal")) return;
+              const getElements4 = () => [getContentEl4(scope)];
+              return ariaHidden(getElements4, { defer: true });
+            }
+          },
+          actions: {
+            checkRenderedElements({ context, scope }) {
               raf(() => {
-                const [inputEl] = getInputEls(scope);
-                inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
+                context.set("rendered", {
+                  title: !!getTitleEl(scope),
+                  description: !!getDescriptionEl(scope)
+                });
               });
             },
-            focusInputElement({ scope }) {
+            syncZIndex({ scope }) {
               raf(() => {
-                const inputEls = getInputEls(scope);
-                const lastIndexWithValue = inputEls.findLastIndex((inputEl2) => inputEl2.value !== "");
-                const indexToFocus = Math.max(lastIndexWithValue, 0);
-                const inputEl = inputEls[indexToFocus];
-                inputEl == null ? void 0 : inputEl.focus({ preventScroll: true });
-                inputEl == null ? void 0 : inputEl.setSelectionRange(inputEl.value.length, inputEl.value.length);
+                const contentEl = getContentEl4(scope);
+                if (!contentEl) return;
+                const styles = getComputedStyle2(contentEl);
+                const elems = [getPositionerEl3(scope), getBackdropEl(scope)];
+                elems.forEach((node) => {
+                  node == null ? void 0 : node.style.setProperty("--z-index", styles.zIndex);
+                  node == null ? void 0 : node.style.setProperty("--layer-index", styles.getPropertyValue("--layer-index"));
+                });
               });
             },
-            syncMonthSelectElement({ scope, context }) {
-              const monthSelectEl = getMonthSelectEl(scope);
-              setElementValue(monthSelectEl, context.get("startValue").month.toString());
-            },
-            syncYearSelectElement({ scope, context }) {
-              const yearSelectEl = getYearSelectEl(scope);
-              setElementValue(yearSelectEl, context.get("startValue").year.toString());
+            invokeOnClose({ prop }) {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
             },
-            setInputValue({ context, event }) {
-              if (context.get("activeIndex") !== event.index) return;
-              context.set("inputValue", event.value);
+            invokeOnOpen({ prop }) {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
             },
-            syncInputValue({ scope, context, event }) {
-              queueMicrotask(() => {
+            toggleVisibility({ prop, send, event }) {
+              send({
+                type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+                previousEvent: event
+              });
+            }
+          }
+        }
+      });
+      props10 = createProps()([
+        "aria-label",
+        "closeOnEscape",
+        "closeOnInteractOutside",
+        "dir",
+        "finalFocusEl",
+        "getRootNode",
+        "getRootNode",
+        "id",
+        "id",
+        "ids",
+        "initialFocusEl",
+        "modal",
+        "onEscapeKeyDown",
+        "onFocusOutside",
+        "onInteractOutside",
+        "onOpenChange",
+        "onPointerDownOutside",
+        "onRequestDismiss",
+        "defaultOpen",
+        "open",
+        "persistentElements",
+        "preventScroll",
+        "restoreFocus",
+        "role",
+        "trapFocus"
+      ]);
+      splitProps10 = createSplitProps(props10);
+      Dialog = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine10, props26);
+        }
+        initApi() {
+          return connect10(this.machine.service, normalizeProps);
+        }
+        render() {
+          const rootEl = this.el;
+          const triggerEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="trigger"]'
+          );
+          if (triggerEl) this.spreadProps(triggerEl, this.api.getTriggerProps());
+          const backdropEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="backdrop"]'
+          );
+          if (backdropEl) this.spreadProps(backdropEl, this.api.getBackdropProps());
+          const positionerEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="positioner"]'
+          );
+          if (positionerEl) this.spreadProps(positionerEl, this.api.getPositionerProps());
+          const contentEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="content"]'
+          );
+          if (contentEl) this.spreadProps(contentEl, this.api.getContentProps());
+          const titleEl = rootEl.querySelector('[data-scope="dialog"][data-part="title"]');
+          if (titleEl) this.spreadProps(titleEl, this.api.getTitleProps());
+          const descriptionEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="description"]'
+          );
+          if (descriptionEl) this.spreadProps(descriptionEl, this.api.getDescriptionProps());
+          const closeTriggerEl = rootEl.querySelector(
+            '[data-scope="dialog"][data-part="close-trigger"]'
+          );
+          if (closeTriggerEl) this.spreadProps(closeTriggerEl, this.api.getCloseTriggerProps());
+        }
+      };
+      DialogHook = {
+        mounted() {
+          const el = this.el;
+          const pushEvent = this.pushEvent.bind(this);
+          const dialog = new Dialog(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, getBoolean(el, "controlled") ? { open: getBoolean(el, "open") } : { defaultOpen: getBoolean(el, "defaultOpen") }), {
+            modal: getBoolean(el, "modal"),
+            closeOnInteractOutside: getBoolean(el, "closeOnInteractOutside"),
+            closeOnEscape: getBoolean(el, "closeOnEscapeKeyDown"),
+            preventScroll: getBoolean(el, "preventScroll"),
+            restoreFocus: getBoolean(el, "restoreFocus"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            onOpenChange: (details) => {
+              const eventName = getString(el, "onOpenChange");
+              if (eventName && this.liveSocket.main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  open: details.open
+                });
+              }
+              const eventNameClient = getString(el, "onOpenChangeClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true,
+                    detail: {
+                      id: el.id,
+                      open: details.open
+                    }
+                  })
+                );
+              }
+            }
+          }));
+          dialog.init();
+          this.dialog = dialog;
+          this.onSetOpen = (event) => {
+            const { open } = event.detail;
+            dialog.api.setOpen(open);
+          };
+          el.addEventListener("phx:dialog:set-open", this.onSetOpen);
+          this.handlers = [];
+          this.handlers.push(
+            this.handleEvent("dialog_set_open", (payload) => {
+              const targetId = payload.dialog_id;
+              if (targetId && targetId !== el.id) return;
+              dialog.api.setOpen(payload.open);
+            })
+          );
+          this.handlers.push(
+            this.handleEvent("dialog_open", () => {
+              this.pushEvent("dialog_open_response", {
+                value: dialog.api.open
+              });
+            })
+          );
+        },
+        updated() {
+          var _a;
+          (_a = this.dialog) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, getBoolean(this.el, "controlled") ? { open: getBoolean(this.el, "open") } : { defaultOpen: getBoolean(this.el, "defaultOpen") }), {
+            modal: getBoolean(this.el, "modal"),
+            closeOnInteractOutside: getBoolean(this.el, "closeOnInteractOutside"),
+            closeOnEscape: getBoolean(this.el, "closeOnEscapeKeyDown"),
+            preventScroll: getBoolean(this.el, "preventScroll"),
+            restoreFocus: getBoolean(this.el, "restoreFocus"),
+            dir: getString(this.el, "dir", ["ltr", "rtl"])
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.onSetOpen) {
+            this.el.removeEventListener("phx:dialog:set-open", this.onSetOpen);
+          }
+          if (this.handlers) {
+            for (const handler of this.handlers) {
+              this.removeHandleEvent(handler);
+            }
+          }
+          (_a = this.dialog) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/editable.mjs
+  var editable_exports = {};
+  __export(editable_exports, {
+    Editable: () => EditableHook
+  });
+  function connect11(service, normalize) {
+    var _a;
+    const { state: state2, context, send, prop, scope, computed } = service;
+    const disabled = !!prop("disabled");
+    const interactive = computed("isInteractive");
+    const readOnly = !!prop("readOnly");
+    const required = !!prop("required");
+    const invalid = !!prop("invalid");
+    const autoResize = !!prop("autoResize");
+    const translations = prop("translations");
+    const editing = state2.matches("edit");
+    const placeholderProp = prop("placeholder");
+    const placeholder = typeof placeholderProp === "string" ? { edit: placeholderProp, preview: placeholderProp } : placeholderProp;
+    const value = context.get("value");
+    const empty = value.trim() === "";
+    const valueText = empty ? (_a = placeholder == null ? void 0 : placeholder.preview) != null ? _a : "" : value;
+    return {
+      editing,
+      empty,
+      value,
+      valueText,
+      setValue(value2) {
+        send({ type: "VALUE.SET", value: value2, src: "setValue" });
+      },
+      clearValue() {
+        send({ type: "VALUE.SET", value: "", src: "clearValue" });
+      },
+      edit() {
+        if (!interactive) return;
+        send({ type: "EDIT" });
+      },
+      cancel() {
+        if (!interactive) return;
+        send({ type: "CANCEL" });
+      },
+      submit() {
+        if (!interactive) return;
+        send({ type: "SUBMIT" });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts11.root.attrs), {
+          id: getRootId10(scope),
+          dir: prop("dir")
+        }));
+      },
+      getAreaProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts11.area.attrs), {
+          id: getAreaId(scope),
+          dir: prop("dir"),
+          style: autoResize ? { display: "inline-grid" } : void 0,
+          "data-focus": dataAttr(editing),
+          "data-disabled": dataAttr(disabled),
+          "data-placeholder-shown": dataAttr(empty)
+        }));
+      },
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts11.label.attrs), {
+          id: getLabelId6(scope),
+          dir: prop("dir"),
+          htmlFor: getInputId4(scope),
+          "data-focus": dataAttr(editing),
+          "data-invalid": dataAttr(invalid),
+          "data-required": dataAttr(required),
+          onClick() {
+            if (editing) return;
+            const previewEl = getPreviewEl(scope);
+            previewEl == null ? void 0 : previewEl.focus({ preventScroll: true });
+          }
+        }));
+      },
+      getInputProps() {
+        return normalize.input(__spreadProps(__spreadValues({}, parts11.input.attrs), {
+          dir: prop("dir"),
+          "aria-label": translations == null ? void 0 : translations.input,
+          name: prop("name"),
+          form: prop("form"),
+          id: getInputId4(scope),
+          hidden: autoResize ? void 0 : !editing,
+          placeholder: placeholder == null ? void 0 : placeholder.edit,
+          maxLength: prop("maxLength"),
+          required: prop("required"),
+          disabled,
+          "data-disabled": dataAttr(disabled),
+          readOnly,
+          "data-readonly": dataAttr(readOnly),
+          "aria-invalid": ariaAttr(invalid),
+          "data-invalid": dataAttr(invalid),
+          "data-autoresize": dataAttr(autoResize),
+          defaultValue: value,
+          size: autoResize ? 1 : void 0,
+          onChange(event) {
+            send({
+              type: "VALUE.SET",
+              src: "input.change",
+              value: event.currentTarget.value
+            });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (isComposingEvent(event)) return;
+            const keyMap2 = {
+              Escape() {
+                send({ type: "CANCEL" });
+                event.preventDefault();
+              },
+              Enter(event2) {
+                if (!computed("submitOnEnter")) return;
+                const { localName } = event2.currentTarget;
+                if (localName === "textarea") {
+                  const submitMod = isApple() ? event2.metaKey : event2.ctrlKey;
+                  if (!submitMod) return;
+                  send({ type: "SUBMIT", src: "keydown.enter" });
+                  return;
+                }
+                if (localName === "input" && !event2.shiftKey && !event2.metaKey) {
+                  send({ type: "SUBMIT", src: "keydown.enter" });
+                  event2.preventDefault();
+                }
+              }
+            };
+            const exec = keyMap2[event.key];
+            if (exec) {
+              exec(event);
+            }
+          },
+          style: autoResize ? {
+            gridArea: "1 / 1 / auto / auto",
+            visibility: !editing ? "hidden" : void 0
+          } : void 0
+        }));
+      },
+      getPreviewProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getPreviewId(scope)
+        }, parts11.preview.attrs), {
+          dir: prop("dir"),
+          "data-placeholder-shown": dataAttr(empty),
+          "aria-readonly": ariaAttr(readOnly),
+          "data-readonly": dataAttr(disabled),
+          "data-disabled": dataAttr(disabled),
+          "aria-disabled": ariaAttr(disabled),
+          "aria-invalid": ariaAttr(invalid),
+          "data-invalid": dataAttr(invalid),
+          "aria-label": translations == null ? void 0 : translations.edit,
+          "data-autoresize": dataAttr(autoResize),
+          children: valueText,
+          hidden: autoResize ? void 0 : editing,
+          tabIndex: interactive ? 0 : void 0,
+          onClick() {
+            if (!interactive) return;
+            if (prop("activationMode") !== "click") return;
+            send({ type: "EDIT", src: "click" });
+          },
+          onFocus() {
+            if (!interactive) return;
+            if (prop("activationMode") !== "focus") return;
+            send({ type: "EDIT", src: "focus" });
+          },
+          onDoubleClick(event) {
+            if (event.defaultPrevented) return;
+            if (!interactive) return;
+            if (prop("activationMode") !== "dblclick") return;
+            send({ type: "EDIT", src: "dblclick" });
+          },
+          style: autoResize ? {
+            whiteSpace: "pre",
+            gridArea: "1 / 1 / auto / auto",
+            visibility: editing ? "hidden" : void 0,
+            // in event the preview overflow's the parent element
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          } : void 0
+        }));
+      },
+      getEditTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts11.editTrigger.attrs), {
+          id: getEditTriggerId(scope),
+          dir: prop("dir"),
+          "aria-label": translations == null ? void 0 : translations.edit,
+          hidden: editing,
+          type: "button",
+          disabled,
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (!interactive) return;
+            send({ type: "EDIT", src: "edit.click" });
+          }
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getControlId5(scope)
+        }, parts11.control.attrs), {
+          dir: prop("dir")
+        }));
+      },
+      getSubmitTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts11.submitTrigger.attrs), {
+          dir: prop("dir"),
+          id: getSubmitTriggerId(scope),
+          "aria-label": translations == null ? void 0 : translations.submit,
+          hidden: !editing,
+          disabled,
+          type: "button",
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (!interactive) return;
+            send({ type: "SUBMIT", src: "submit.click" });
+          }
+        }));
+      },
+      getCancelTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts11.cancelTrigger.attrs), {
+          dir: prop("dir"),
+          "aria-label": translations == null ? void 0 : translations.cancel,
+          id: getCancelTriggerId(scope),
+          hidden: !editing,
+          type: "button",
+          disabled,
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (!interactive) return;
+            send({ type: "CANCEL", src: "cancel.click" });
+          }
+        }));
+      }
+    };
+  }
+  var anatomy11, parts11, getRootId10, getAreaId, getLabelId6, getPreviewId, getInputId4, getControlId5, getSubmitTriggerId, getCancelTriggerId, getEditTriggerId, getInputEl3, getPreviewEl, getSubmitTriggerEl, getCancelTriggerEl, getEditTriggerEl, machine11, props11, splitProps11, Editable, EditableHook;
+  var init_editable = __esm({
+    "../priv/static/editable.mjs"() {
+      "use strict";
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      anatomy11 = createAnatomy("editable").parts(
+        "root",
+        "area",
+        "label",
+        "preview",
+        "input",
+        "editTrigger",
+        "submitTrigger",
+        "cancelTrigger",
+        "control"
+      );
+      parts11 = anatomy11.build();
+      getRootId10 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `editable:${ctx.id}`;
+      };
+      getAreaId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.area) != null ? _b : `editable:${ctx.id}:area`;
+      };
+      getLabelId6 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `editable:${ctx.id}:label`;
+      };
+      getPreviewId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.preview) != null ? _b : `editable:${ctx.id}:preview`;
+      };
+      getInputId4 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `editable:${ctx.id}:input`;
+      };
+      getControlId5 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `editable:${ctx.id}:control`;
+      };
+      getSubmitTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.submitTrigger) != null ? _b : `editable:${ctx.id}:submit`;
+      };
+      getCancelTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.cancelTrigger) != null ? _b : `editable:${ctx.id}:cancel`;
+      };
+      getEditTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.editTrigger) != null ? _b : `editable:${ctx.id}:edit`;
+      };
+      getInputEl3 = (ctx) => ctx.getById(getInputId4(ctx));
+      getPreviewEl = (ctx) => ctx.getById(getPreviewId(ctx));
+      getSubmitTriggerEl = (ctx) => ctx.getById(getSubmitTriggerId(ctx));
+      getCancelTriggerEl = (ctx) => ctx.getById(getCancelTriggerId(ctx));
+      getEditTriggerEl = (ctx) => ctx.getById(getEditTriggerId(ctx));
+      machine11 = createMachine({
+        props({ props: props26 }) {
+          return __spreadProps(__spreadValues({
+            activationMode: "focus",
+            submitMode: "both",
+            defaultValue: "",
+            selectOnFocus: true
+          }, props26), {
+            translations: __spreadValues({
+              input: "editable input",
+              edit: "edit",
+              submit: "submit",
+              cancel: "cancel"
+            }, props26.translations)
+          });
+        },
+        initialState({ prop }) {
+          const edit = prop("edit") || prop("defaultEdit");
+          return edit ? "edit" : "preview";
+        },
+        entry: ["focusInputIfNeeded"],
+        context: ({ bindable: bindable2, prop }) => {
+          return {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              onChange(value) {
                 var _a;
-                const inputEls = getInputEls(scope);
-                const idx = (_a = event.index) != null ? _a : context.get("activeIndex");
-                setElementValue(inputEls[idx], context.get("inputValue"));
-              });
-            },
-            focusParsedDate(params) {
-              const { event, prop } = params;
-              if (event.index == null) return;
-              const parse2 = prop("parse");
-              const date = parse2(event.value, { locale: prop("locale"), timeZone: prop("timeZone") });
-              if (!date || !isValidDate(date)) return;
-              setFocusedValue(params, date);
-            },
-            selectParsedDate({ context, event, prop }) {
-              if (event.index == null) return;
-              const parse2 = prop("parse");
-              let date = parse2(event.value, { locale: prop("locale"), timeZone: prop("timeZone") });
-              if (!date || !isValidDate(date)) {
-                if (event.value) {
-                  date = context.get("focusedValue").copy();
+                return (_a = prop("onValueChange")) == null ? void 0 : _a({ value });
+              }
+            })),
+            previousValue: bindable2(() => ({
+              defaultValue: ""
+            }))
+          };
+        },
+        watch({ track, action, context, prop }) {
+          track([() => context.get("value")], () => {
+            action(["syncInputValue"]);
+          });
+          track([() => prop("edit")], () => {
+            action(["toggleEditing"]);
+          });
+        },
+        computed: {
+          submitOnEnter({ prop }) {
+            const submitMode = prop("submitMode");
+            return submitMode === "both" || submitMode === "enter";
+          },
+          submitOnBlur({ prop }) {
+            const submitMode = prop("submitMode");
+            return submitMode === "both" || submitMode === "blur";
+          },
+          isInteractive({ prop }) {
+            return !(prop("disabled") || prop("readOnly"));
+          }
+        },
+        on: {
+          "VALUE.SET": {
+            actions: ["setValue"]
+          }
+        },
+        states: {
+          preview: {
+            entry: ["blurInput"],
+            on: {
+              "CONTROLLED.EDIT": {
+                target: "edit",
+                actions: ["setPreviousValue", "focusInput"]
+              },
+              EDIT: [
+                {
+                  guard: "isEditControlled",
+                  actions: ["invokeOnEdit"]
+                },
+                {
+                  target: "edit",
+                  actions: ["setPreviousValue", "focusInput", "invokeOnEdit"]
+                }
+              ]
+            }
+          },
+          edit: {
+            effects: ["trackInteractOutside"],
+            entry: ["syncInputValue"],
+            on: {
+              "CONTROLLED.PREVIEW": [
+                {
+                  guard: "isSubmitEvent",
+                  target: "preview",
+                  actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit"]
+                },
+                {
+                  target: "preview",
+                  actions: ["revertValue", "restoreFocus", "invokeOnCancel"]
+                }
+              ],
+              CANCEL: [
+                {
+                  guard: "isEditControlled",
+                  actions: ["invokeOnPreview"]
+                },
+                {
+                  target: "preview",
+                  actions: ["revertValue", "restoreFocus", "invokeOnCancel", "invokeOnPreview"]
+                }
+              ],
+              SUBMIT: [
+                {
+                  guard: "isEditControlled",
+                  actions: ["invokeOnPreview"]
+                },
+                {
+                  target: "preview",
+                  actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit", "invokeOnPreview"]
+                }
+              ]
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            isEditControlled: ({ prop }) => prop("edit") != void 0,
+            isSubmitEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "SUBMIT";
+            }
+          },
+          effects: {
+            trackInteractOutside({ send, scope, prop, computed }) {
+              return trackInteractOutside(getInputEl3(scope), {
+                exclude(target) {
+                  const ignore = [getCancelTriggerEl(scope), getSubmitTriggerEl(scope)];
+                  return ignore.some((el) => contains(el, target));
+                },
+                onFocusOutside: prop("onFocusOutside"),
+                onPointerDownOutside: prop("onPointerDownOutside"),
+                onInteractOutside(event) {
+                  var _a;
+                  (_a = prop("onInteractOutside")) == null ? void 0 : _a(event);
+                  if (event.defaultPrevented) return;
+                  const { focusable } = event.detail;
+                  send({
+                    type: computed("submitOnBlur") ? "SUBMIT" : "CANCEL",
+                    src: "interact-outside",
+                    focusable
+                  });
                 }
-              }
-              if (!date) return;
-              date = constrainValue(date, prop("min"), prop("max"));
-              const values = Array.from(context.get("value"));
-              values[event.index] = date;
-              context.set("value", values);
-              const valueAsString = getValueAsString(values, prop);
-              context.set("inputValue", valueAsString[event.index]);
+              });
+            }
+          },
+          actions: {
+            restoreFocus({ event, scope, prop }) {
+              if (event.focusable) return;
+              raf(() => {
+                var _a, _b;
+                const finalEl = (_b = (_a = prop("finalFocusEl")) == null ? void 0 : _a()) != null ? _b : getEditTriggerEl(scope);
+                finalEl == null ? void 0 : finalEl.focus({ preventScroll: true });
+              });
             },
-            resetView({ context }) {
-              context.set("view", context.initial("view"));
+            clearValue({ context }) {
+              context.set("value", "");
             },
-            setStartValue({ context, computed, prop }) {
-              const focusedValue = context.get("focusedValue");
-              const outside = isDateOutsideRange(focusedValue, context.get("startValue"), computed("endValue"));
-              if (!outside) return;
-              const startValue = alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale"));
-              context.set("startValue", startValue);
+            focusInputIfNeeded({ action, prop }) {
+              const edit = prop("edit") || prop("defaultEdit");
+              if (!edit) return;
+              action(["focusInput"]);
             },
-            invokeOnOpen({ prop, context }) {
+            focusInput({ scope, prop }) {
+              raf(() => {
+                const inputEl = getInputEl3(scope);
+                if (!inputEl) return;
+                if (prop("selectOnFocus")) {
+                  inputEl.select();
+                } else {
+                  inputEl.focus({ preventScroll: true });
+                }
+              });
+            },
+            invokeOnCancel({ prop, context }) {
               var _a;
-              if (prop("inline")) return;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true, value: context.get("value") });
+              const prev2 = context.get("previousValue");
+              (_a = prop("onValueRevert")) == null ? void 0 : _a({ value: prev2 });
             },
-            invokeOnClose({ prop, context }) {
+            invokeOnSubmit({ prop, context }) {
               var _a;
-              if (prop("inline")) return;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false, value: context.get("value") });
+              const value = context.get("value");
+              (_a = prop("onValueCommit")) == null ? void 0 : _a({ value });
             },
-            invokeOnVisibleRangeChange({ prop, context, computed }) {
+            invokeOnEdit({ prop }) {
               var _a;
-              (_a = prop("onVisibleRangeChange")) == null ? void 0 : _a({
-                view: context.get("view"),
-                visibleRange: computed("visibleRange")
+              (_a = prop("onEditChange")) == null ? void 0 : _a({ edit: true });
+            },
+            invokeOnPreview({ prop }) {
+              var _a;
+              (_a = prop("onEditChange")) == null ? void 0 : _a({ edit: false });
+            },
+            toggleEditing({ prop, send, event }) {
+              send({
+                type: prop("edit") ? "CONTROLLED.EDIT" : "CONTROLLED.PREVIEW",
+                previousEvent: event
               });
             },
-            toggleVisibility({ event, send, prop }) {
-              send({ type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: event });
+            syncInputValue({ context, scope }) {
+              const inputEl = getInputEl3(scope);
+              if (!inputEl) return;
+              setElementValue(inputEl, context.get("value"));
+            },
+            setValue({ context, prop, event }) {
+              const max4 = prop("maxLength");
+              const value = max4 != null ? event.value.slice(0, max4) : event.value;
+              context.set("value", value);
+            },
+            setPreviousValue({ context }) {
+              context.set("previousValue", context.get("value"));
+            },
+            revertValue({ context }) {
+              const value = context.get("previousValue");
+              if (!value) return;
+              context.set("value", value);
+            },
+            blurInput({ scope }) {
+              var _a;
+              (_a = getInputEl3(scope)) == null ? void 0 : _a.blur();
+            }
+          }
+        }
+      });
+      props11 = createProps()([
+        "activationMode",
+        "autoResize",
+        "dir",
+        "disabled",
+        "finalFocusEl",
+        "form",
+        "getRootNode",
+        "id",
+        "ids",
+        "invalid",
+        "maxLength",
+        "name",
+        "onEditChange",
+        "onFocusOutside",
+        "onInteractOutside",
+        "onPointerDownOutside",
+        "onValueChange",
+        "onValueCommit",
+        "onValueRevert",
+        "placeholder",
+        "readOnly",
+        "required",
+        "selectOnFocus",
+        "edit",
+        "defaultEdit",
+        "submitMode",
+        "translations",
+        "defaultValue",
+        "value"
+      ]);
+      splitProps11 = createSplitProps(props11);
+      Editable = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine11, props26);
+        }
+        initApi() {
+          return connect11(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="editable"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const areaEl = this.el.querySelector('[data-scope="editable"][data-part="area"]');
+          if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+          const labelEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="label"]'
+          );
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const inputEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="input"]'
+          );
+          if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+          const previewEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="preview"]'
+          );
+          if (previewEl) this.spreadProps(previewEl, this.api.getPreviewProps());
+          const editTriggerEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="edit-trigger"]'
+          );
+          if (editTriggerEl) this.spreadProps(editTriggerEl, this.api.getEditTriggerProps());
+          const submitTriggerEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="submit-trigger"]'
+          );
+          if (submitTriggerEl) this.spreadProps(submitTriggerEl, this.api.getSubmitTriggerProps());
+          const cancelTriggerEl = this.el.querySelector(
+            '[data-scope="editable"][data-part="cancel-trigger"]'
+          );
+          if (cancelTriggerEl) this.spreadProps(cancelTriggerEl, this.api.getCancelTriggerProps());
+        }
+      };
+      EditableHook = {
+        mounted() {
+          const el = this.el;
+          const value = getString(el, "value");
+          const defaultValue = getString(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          const placeholder = getString(el, "placeholder");
+          const activationMode = getString(el, "activationMode");
+          const selectOnFocus = getBoolean(el, "selectOnFocus");
+          const zag = new Editable(el, __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
+            id: el.id
+          }, controlled && value !== void 0 ? { value } : { defaultValue: defaultValue != null ? defaultValue : "" }), {
+            disabled: getBoolean(el, "disabled"),
+            readOnly: getBoolean(el, "readOnly"),
+            required: getBoolean(el, "required"),
+            invalid: getBoolean(el, "invalid"),
+            name: getString(el, "name"),
+            form: getString(el, "form"),
+            dir: getDir(el)
+          }), placeholder !== void 0 ? { placeholder } : {}), activationMode !== void 0 ? { activationMode } : {}), selectOnFocus !== void 0 ? { selectOnFocus } : {}), getBoolean(el, "controlledEdit") ? { edit: getBoolean(el, "edit") } : { defaultEdit: getBoolean(el, "defaultEdit") }), {
+            onValueChange: (details) => {
+              const inputEl = el.querySelector('[data-scope="editable"][data-part="input"]');
+              if (inputEl) {
+                inputEl.value = details.value;
+                inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+                inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+              }
+              const eventName = getString(el, "onValueChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, { value: details.value, id: el.id });
+              }
+              const clientName = getString(el, "onValueChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
+            }
+          }));
+          zag.init();
+          this.editable = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a;
+          const value = getString(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          (_a = this.editable) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, controlled && value !== void 0 ? { value } : {}), {
+            disabled: getBoolean(this.el, "disabled"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            required: getBoolean(this.el, "required"),
+            invalid: getBoolean(this.el, "invalid"),
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form")
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
+          }
+          (_a = this.editable) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/floating-panel.mjs
+  var floating_panel_exports = {};
+  __export(floating_panel_exports, {
+    FloatingPanel: () => FloatingPanelHook
+  });
+  function getResizeAxisStyle(axis) {
+    switch (axis) {
+      case "n":
+        return {
+          cursor: "n-resize",
+          width: "100%",
+          top: 0,
+          left: "50%",
+          translate: "-50%"
+        };
+      case "e":
+        return {
+          cursor: "e-resize",
+          height: "100%",
+          right: 0,
+          top: "50%",
+          translate: "0 -50%"
+        };
+      case "s":
+        return {
+          cursor: "s-resize",
+          width: "100%",
+          bottom: 0,
+          left: "50%",
+          translate: "-50%"
+        };
+      case "w":
+        return {
+          cursor: "w-resize",
+          height: "100%",
+          left: 0,
+          top: "50%",
+          translate: "0 -50%"
+        };
+      case "se":
+        return {
+          cursor: "se-resize",
+          bottom: 0,
+          right: 0
+        };
+      case "sw":
+        return {
+          cursor: "sw-resize",
+          bottom: 0,
+          left: 0
+        };
+      case "ne":
+        return {
+          cursor: "ne-resize",
+          top: 0,
+          right: 0
+        };
+      case "nw":
+        return {
+          cursor: "nw-resize",
+          top: 0,
+          left: 0
+        };
+      default:
+        throw new Error(`Invalid axis: ${axis}`);
+    }
+  }
+  function connect12(service, normalize) {
+    const { state: state2, send, scope, prop, computed, context } = service;
+    const open = state2.hasTag("open");
+    const dragging = state2.matches("open.dragging");
+    const resizing = state2.matches("open.resizing");
+    const isTopmost = context.get("isTopmost");
+    const size3 = context.get("size");
+    const position = context.get("position");
+    const isMaximized = computed("isMaximized");
+    const isMinimized = computed("isMinimized");
+    const isStaged = computed("isStaged");
+    const canResize = computed("canResize");
+    const canDrag = computed("canDrag");
+    return {
+      open,
+      resizable: prop("resizable"),
+      draggable: prop("draggable"),
+      setOpen(nextOpen) {
+        const open2 = state2.hasTag("open");
+        if (open2 === nextOpen) return;
+        send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      },
+      dragging,
+      resizing,
+      position,
+      size: size3,
+      setPosition(position2) {
+        send({ type: "SET_POSITION", position: position2 });
+      },
+      setSize(size22) {
+        send({ type: "SET_SIZE", size: size22 });
+      },
+      minimize() {
+        send({ type: "MINIMIZE" });
+      },
+      maximize() {
+        send({ type: "MAXIMIZE" });
+      },
+      restore() {
+        send({ type: "RESTORE" });
+      },
+      getTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts12.trigger.attrs), {
+          dir: prop("dir"),
+          type: "button",
+          disabled: prop("disabled"),
+          id: getTriggerId5(scope),
+          "data-state": open ? "open" : "closed",
+          "data-dragging": dataAttr(dragging),
+          "aria-controls": getContentId5(scope),
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (prop("disabled")) return;
+            const open2 = state2.hasTag("open");
+            send({ type: open2 ? "CLOSE" : "OPEN", src: "trigger" });
+          }
+        }));
+      },
+      getPositionerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.positioner.attrs), {
+          dir: prop("dir"),
+          id: getPositionerId4(scope),
+          style: {
+            "--width": toPx(size3 == null ? void 0 : size3.width),
+            "--height": toPx(size3 == null ? void 0 : size3.height),
+            "--x": toPx(position == null ? void 0 : position.x),
+            "--y": toPx(position == null ? void 0 : position.y),
+            position: prop("strategy"),
+            top: "var(--y)",
+            left: "var(--x)"
+          }
+        }));
+      },
+      getContentProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.content.attrs), {
+          dir: prop("dir"),
+          role: "dialog",
+          tabIndex: 0,
+          hidden: !open,
+          id: getContentId5(scope),
+          "aria-labelledby": getTitleId2(scope),
+          "data-state": open ? "open" : "closed",
+          "data-dragging": dataAttr(dragging),
+          "data-topmost": dataAttr(isTopmost),
+          "data-behind": dataAttr(!isTopmost),
+          "data-minimized": dataAttr(isMinimized),
+          "data-maximized": dataAttr(isMaximized),
+          "data-staged": dataAttr(isStaged),
+          style: {
+            width: "var(--width)",
+            height: "var(--height)",
+            overflow: isMinimized ? "hidden" : void 0
+          },
+          onFocus() {
+            send({ type: "CONTENT_FOCUS" });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (event.currentTarget !== getEventTarget(event)) return;
+            const step = getEventStep(event) * prop("gridSize");
+            const keyMap2 = {
+              Escape() {
+                if (!isTopmost) return;
+                send({ type: "ESCAPE" });
+              },
+              ArrowLeft() {
+                send({ type: "MOVE", direction: "left", step });
+              },
+              ArrowRight() {
+                send({ type: "MOVE", direction: "right", step });
+              },
+              ArrowUp() {
+                send({ type: "MOVE", direction: "up", step });
+              },
+              ArrowDown() {
+                send({ type: "MOVE", direction: "down", step });
+              }
+            };
+            const handler = keyMap2[getEventKey(event, { dir: prop("dir") })];
+            if (handler) {
+              event.preventDefault();
+              handler(event);
+            }
+          }
+        }));
+      },
+      getCloseTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts12.closeTrigger.attrs), {
+          dir: prop("dir"),
+          disabled: prop("disabled"),
+          "aria-label": "Close Window",
+          type: "button",
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            send({ type: "CLOSE" });
+          }
+        }));
+      },
+      getStageTriggerProps(props26) {
+        if (!validStages.has(props26.stage)) {
+          throw new Error(`[zag-js] Invalid stage: ${props26.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
+        }
+        const translations = prop("translations");
+        const actionProps = match2(props26.stage, {
+          minimized: () => ({
+            "aria-label": translations.minimize,
+            hidden: isStaged
+          }),
+          maximized: () => ({
+            "aria-label": translations.maximize,
+            hidden: isStaged
+          }),
+          default: () => ({
+            "aria-label": translations.restore,
+            hidden: !isStaged
+          })
+        });
+        return normalize.button(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, parts12.stageTrigger.attrs), {
+          dir: prop("dir"),
+          disabled: prop("disabled"),
+          "data-stage": props26.stage
+        }), actionProps), {
+          type: "button",
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (!prop("resizable")) return;
+            const type = match2(props26.stage, {
+              minimized: () => "MINIMIZE",
+              maximized: () => "MAXIMIZE",
+              default: () => "RESTORE"
+            });
+            send({ type: type.toUpperCase() });
+          }
+        }));
+      },
+      getResizeTriggerProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.resizeTrigger.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(!canResize),
+          "data-axis": props26.axis,
+          onPointerDown(event) {
+            if (!canResize) return;
+            if (!isLeftClick(event)) return;
+            event.currentTarget.setPointerCapture(event.pointerId);
+            event.stopPropagation();
+            send({
+              type: "RESIZE_START",
+              axis: props26.axis,
+              position: { x: event.clientX, y: event.clientY }
+            });
+          },
+          onPointerUp(event) {
+            if (!canResize) return;
+            const node = event.currentTarget;
+            if (node.hasPointerCapture(event.pointerId)) {
+              node.releasePointerCapture(event.pointerId);
+            }
+          },
+          style: __spreadValues({
+            position: "absolute",
+            touchAction: "none"
+          }, getResizeAxisStyle(props26.axis))
+        }));
+      },
+      getDragTriggerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.dragTrigger.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(!canDrag),
+          onPointerDown(event) {
+            if (!canDrag) return;
+            if (!isLeftClick(event)) return;
+            const target = getEventTarget(event);
+            if ((target == null ? void 0 : target.closest("button")) || (target == null ? void 0 : target.closest("[data-no-drag]"))) {
+              return;
+            }
+            event.currentTarget.setPointerCapture(event.pointerId);
+            event.stopPropagation();
+            send({
+              type: "DRAG_START",
+              pointerId: event.pointerId,
+              position: { x: event.clientX, y: event.clientY }
+            });
+          },
+          onPointerUp(event) {
+            if (!canDrag) return;
+            const node = event.currentTarget;
+            if (node.hasPointerCapture(event.pointerId)) {
+              node.releasePointerCapture(event.pointerId);
             }
+          },
+          onDoubleClick(event) {
+            if (event.defaultPrevented) return;
+            if (!prop("resizable")) return;
+            send({ type: isStaged ? "RESTORE" : "MAXIMIZE" });
+          },
+          style: {
+            WebkitUserSelect: "none",
+            userSelect: "none",
+            touchAction: "none",
+            cursor: "move"
           }
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.control.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(prop("disabled")),
+          "data-stage": context.get("stage"),
+          "data-minimized": dataAttr(isMinimized),
+          "data-maximized": dataAttr(isMaximized),
+          "data-staged": dataAttr(isStaged)
+        }));
+      },
+      getTitleProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.title.attrs), {
+          dir: prop("dir"),
+          id: getTitleId2(scope)
+        }));
+      },
+      getHeaderProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.header.attrs), {
+          dir: prop("dir"),
+          id: getHeaderId(scope),
+          "data-dragging": dataAttr(dragging),
+          "data-topmost": dataAttr(isTopmost),
+          "data-behind": dataAttr(!isTopmost),
+          "data-minimized": dataAttr(isMinimized),
+          "data-maximized": dataAttr(isMaximized),
+          "data-staged": dataAttr(isStaged)
+        }));
+      },
+      getBodyProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts12.body.attrs), {
+          dir: prop("dir"),
+          "data-dragging": dataAttr(dragging),
+          "data-minimized": dataAttr(isMinimized),
+          "data-maximized": dataAttr(isMaximized),
+          "data-staged": dataAttr(isStaged),
+          hidden: isMinimized
+        }));
+      }
+    };
+  }
+  function parseSize(val) {
+    if (!val) return void 0;
+    try {
+      const parsed = JSON.parse(val);
+      if (typeof parsed.width === "number" && typeof parsed.height === "number") {
+        return { width: parsed.width, height: parsed.height };
+      }
+    } catch (e2) {
+    }
+    return void 0;
+  }
+  function parsePoint(val) {
+    if (!val) return void 0;
+    try {
+      const parsed = JSON.parse(val);
+      if (typeof parsed.x === "number" && typeof parsed.y === "number") {
+        return { x: parsed.x, y: parsed.y };
+      }
+    } catch (e2) {
+    }
+    return void 0;
+  }
+  var anatomy12, parts12, getTriggerId5, getPositionerId4, getContentId5, getTitleId2, getHeaderId, getTriggerEl4, getPositionerEl4, getContentEl5, getHeaderEl, getBoundaryRect, validStages, panelStack, not4, and4, defaultTranslations2, machine12, props12, splitProps12, resizeTriggerProps, splitResizeTriggerProps, FloatingPanel, FloatingPanelHook;
+  var init_floating_panel = __esm({
+    "../priv/static/floating-panel.mjs"() {
+      "use strict";
+      init_chunk_BMVNROAE();
+      init_chunk_IXOYOLUJ();
+      anatomy12 = createAnatomy("floating-panel").parts(
+        "trigger",
+        "positioner",
+        "content",
+        "header",
+        "body",
+        "title",
+        "resizeTrigger",
+        "dragTrigger",
+        "stageTrigger",
+        "closeTrigger",
+        "control"
+      );
+      parts12 = anatomy12.build();
+      getTriggerId5 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `float:${ctx.id}:trigger`;
+      };
+      getPositionerId4 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `float:${ctx.id}:positioner`;
+      };
+      getContentId5 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `float:${ctx.id}:content`;
+      };
+      getTitleId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `float:${ctx.id}:title`;
+      };
+      getHeaderId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.header) != null ? _b : `float:${ctx.id}:header`;
+      };
+      getTriggerEl4 = (ctx) => ctx.getById(getTriggerId5(ctx));
+      getPositionerEl4 = (ctx) => ctx.getById(getPositionerId4(ctx));
+      getContentEl5 = (ctx) => ctx.getById(getContentId5(ctx));
+      getHeaderEl = (ctx) => ctx.getById(getHeaderId(ctx));
+      getBoundaryRect = (ctx, boundaryEl, allowOverflow) => {
+        let boundaryRect;
+        if (isHTMLElement(boundaryEl)) {
+          boundaryRect = getElementRect(boundaryEl);
+        } else {
+          boundaryRect = getWindowRect(ctx.getWin());
+        }
+        if (allowOverflow) {
+          boundaryRect = createRect({
+            x: -boundaryRect.width,
+            // empty(left)
+            y: boundaryRect.minY,
+            width: boundaryRect.width * 3,
+            // empty(left) + win + empty(right)
+            height: boundaryRect.height * 2
+            // win + empty(bottom)
+          });
         }
-      });
-      normalizeValue = (ctx, value) => {
-        const { context, prop } = ctx;
-        const view = context.get("view");
-        let dateValue = typeof value === "number" ? context.get("focusedValue").set({ [view]: value }) : value;
-        eachView((view2) => {
-          if (isBelowMinView(view2, prop("minView"))) {
-            dateValue = dateValue.set({ [view2]: view2 === "day" ? 1 : 0 });
-          }
-        });
-        return dateValue;
+        return pick(boundaryRect, ["x", "y", "width", "height"]);
       };
-      props6 = createProps()([
-        "closeOnSelect",
-        "dir",
-        "disabled",
-        "fixedWeeks",
-        "focusedValue",
-        "format",
-        "parse",
-        "placeholder",
-        "getRootNode",
-        "id",
-        "ids",
-        "inline",
-        "invalid",
-        "isDateUnavailable",
-        "locale",
-        "max",
-        "min",
-        "name",
-        "numOfMonths",
-        "onFocusChange",
-        "onOpenChange",
-        "onValueChange",
-        "onViewChange",
-        "onVisibleRangeChange",
-        "open",
-        "defaultOpen",
-        "positioning",
-        "readOnly",
-        "required",
-        "selectionMode",
-        "startOfWeek",
-        "timeZone",
-        "translations",
-        "value",
-        "defaultView",
-        "defaultValue",
-        "view",
-        "defaultFocusedValue",
-        "outsideDaySelectable",
-        "minView",
-        "maxView"
-      ]);
-      splitProps6 = createSplitProps(props6);
-      inputProps = createProps()(["index", "fixOnBlur"]);
-      splitInputProps = createSplitProps(inputProps);
-      presetTriggerProps = createProps()(["value"]);
-      splitPresetTriggerProps = createSplitProps(presetTriggerProps);
-      tableProps = createProps()(["columns", "id", "view"]);
-      splitTableProps = createSplitProps(tableProps);
-      tableCellProps = createProps()(["disabled", "value", "columns"]);
-      splitTableCellProps = createSplitProps(tableCellProps);
-      viewProps = createProps()(["view"]);
-      splitViewProps = createSplitProps(viewProps);
-      DatePicker = class extends Component {
-        constructor() {
-          super(...arguments);
-          __publicField(this, "getDayView", () => this.el.querySelector('[data-part="day-view"]'));
-          __publicField(this, "getMonthView", () => this.el.querySelector('[data-part="month-view"]'));
-          __publicField(this, "getYearView", () => this.el.querySelector('[data-part="year-view"]'));
-          __publicField(this, "renderDayTableHeader", () => {
-            const dayView = this.getDayView();
-            const thead = dayView == null ? void 0 : dayView.querySelector("thead");
-            if (!thead || !this.api.weekDays) return;
-            const tr = this.doc.createElement("tr");
-            this.spreadProps(tr, this.api.getTableRowProps({ view: "day" }));
-            this.api.weekDays.forEach((day) => {
-              const th = this.doc.createElement("th");
-              th.scope = "col";
-              th.setAttribute("aria-label", day.long);
-              th.textContent = day.narrow;
-              tr.appendChild(th);
-            });
-            thead.innerHTML = "";
-            thead.appendChild(tr);
+      validStages = /* @__PURE__ */ new Set(["minimized", "maximized", "default"]);
+      panelStack = proxy({
+        stack: [],
+        count() {
+          return this.stack.length;
+        },
+        add(panelId) {
+          if (this.stack.includes(panelId)) return;
+          this.stack.push(panelId);
+        },
+        remove(panelId) {
+          const index = this.stack.indexOf(panelId);
+          if (index < 0) return;
+          this.stack.splice(index, 1);
+        },
+        bringToFront(id) {
+          this.remove(id);
+          this.add(id);
+        },
+        isTopmost(id) {
+          return this.stack[this.stack.length - 1] === id;
+        },
+        indexOf(id) {
+          return this.stack.indexOf(id);
+        }
+      });
+      ({ not: not4, and: and4 } = createGuards());
+      defaultTranslations2 = {
+        minimize: "Minimize window",
+        maximize: "Maximize window",
+        restore: "Restore window"
+      };
+      machine12 = createMachine({
+        props({ props: props26 }) {
+          ensureProps(props26, ["id"], "floating-panel");
+          return __spreadProps(__spreadValues({
+            strategy: "fixed",
+            gridSize: 1,
+            defaultSize: { width: 320, height: 240 },
+            defaultPosition: { x: 300, y: 100 },
+            allowOverflow: true,
+            resizable: true,
+            draggable: true
+          }, props26), {
+            hasSpecifiedPosition: !!props26.defaultPosition || !!props26.position,
+            translations: __spreadValues(__spreadValues({}, defaultTranslations2), props26.translations)
           });
-          __publicField(this, "renderDayTableBody", () => {
-            const dayView = this.getDayView();
-            const tbody = dayView == null ? void 0 : dayView.querySelector("tbody");
-            if (!tbody) return;
-            this.spreadProps(tbody, this.api.getTableBodyProps({ view: "day" }));
-            if (!this.api.weeks) return;
-            tbody.innerHTML = "";
-            this.api.weeks.forEach((week) => {
-              const tr = this.doc.createElement("tr");
-              this.spreadProps(tr, this.api.getTableRowProps({ view: "day" }));
-              week.forEach((value) => {
-                const td = this.doc.createElement("td");
-                this.spreadProps(td, this.api.getDayTableCellProps({ value }));
-                const trigger = this.doc.createElement("div");
-                this.spreadProps(trigger, this.api.getDayTableCellTriggerProps({ value }));
-                trigger.textContent = String(value.day);
-                td.appendChild(trigger);
-                tr.appendChild(td);
-              });
-              tbody.appendChild(tr);
-            });
+        },
+        initialState({ prop }) {
+          const open = prop("open") || prop("defaultOpen");
+          return open ? "open" : "closed";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            size: bindable2(() => ({
+              defaultValue: prop("defaultSize"),
+              value: prop("size"),
+              isEqual: isSizeEqual,
+              sync: true,
+              hash(v2) {
+                return `W:${v2.width} H:${v2.height}`;
+              },
+              onChange(value) {
+                var _a;
+                (_a = prop("onSizeChange")) == null ? void 0 : _a({ size: value });
+              }
+            })),
+            position: bindable2(() => ({
+              defaultValue: prop("defaultPosition"),
+              value: prop("position"),
+              isEqual: isPointEqual,
+              sync: true,
+              hash(v2) {
+                return `X:${v2.x} Y:${v2.y}`;
+              },
+              onChange(value) {
+                var _a;
+                (_a = prop("onPositionChange")) == null ? void 0 : _a({ position: value });
+              }
+            })),
+            stage: bindable2(() => ({
+              defaultValue: "default",
+              onChange(value) {
+                var _a;
+                (_a = prop("onStageChange")) == null ? void 0 : _a({ stage: value });
+              }
+            })),
+            lastEventPosition: bindable2(() => ({
+              defaultValue: null
+            })),
+            prevPosition: bindable2(() => ({
+              defaultValue: null
+            })),
+            prevSize: bindable2(() => ({
+              defaultValue: null
+            })),
+            isTopmost: bindable2(() => ({
+              defaultValue: void 0
+            }))
+          };
+        },
+        computed: {
+          isMaximized: ({ context }) => context.get("stage") === "maximized",
+          isMinimized: ({ context }) => context.get("stage") === "minimized",
+          isStaged: ({ context }) => context.get("stage") !== "default",
+          canResize: ({ context, prop }) => prop("resizable") && !prop("disabled") && context.get("stage") === "default",
+          canDrag: ({ prop, computed }) => prop("draggable") && !prop("disabled") && !computed("isMaximized")
+        },
+        watch({ track, context, action, prop }) {
+          track([() => context.hash("position")], () => {
+            action(["setPositionStyle"]);
           });
-          __publicField(this, "renderMonthTableBody", () => {
-            const monthView = this.getMonthView();
-            const tbody = monthView == null ? void 0 : monthView.querySelector("tbody");
-            if (!tbody) return;
-            this.spreadProps(tbody, this.api.getTableBodyProps({ view: "month" }));
-            const monthsGrid = this.api.getMonthsGrid({ columns: 4, format: "short" });
-            tbody.innerHTML = "";
-            monthsGrid.forEach((months) => {
-              const tr = this.doc.createElement("tr");
-              this.spreadProps(tr, this.api.getTableRowProps());
-              months.forEach((month) => {
-                const td = this.doc.createElement("td");
-                this.spreadProps(td, this.api.getMonthTableCellProps(__spreadProps(__spreadValues({}, month), { columns: 4 })));
-                const trigger = this.doc.createElement("div");
-                this.spreadProps(trigger, this.api.getMonthTableCellTriggerProps(__spreadProps(__spreadValues({}, month), { columns: 4 })));
-                trigger.textContent = month.label;
-                td.appendChild(trigger);
-                tr.appendChild(td);
-              });
-              tbody.appendChild(tr);
-            });
+          track([() => context.hash("size")], () => {
+            action(["setSizeStyle"]);
           });
-          __publicField(this, "renderYearTableBody", () => {
-            const yearView = this.getYearView();
-            const tbody = yearView == null ? void 0 : yearView.querySelector("tbody");
-            if (!tbody) return;
-            this.spreadProps(tbody, this.api.getTableBodyProps());
-            const yearsGrid = this.api.getYearsGrid({ columns: 4 });
-            tbody.innerHTML = "";
-            yearsGrid.forEach((years) => {
-              const tr = this.doc.createElement("tr");
-              this.spreadProps(tr, this.api.getTableRowProps({ view: "year" }));
-              years.forEach((year) => {
-                const td = this.doc.createElement("td");
-                this.spreadProps(td, this.api.getYearTableCellProps(__spreadProps(__spreadValues({}, year), { columns: 4 })));
-                const trigger = this.doc.createElement("div");
-                this.spreadProps(trigger, this.api.getYearTableCellTriggerProps(__spreadProps(__spreadValues({}, year), { columns: 4 })));
-                trigger.textContent = year.label;
-                td.appendChild(trigger);
-                tr.appendChild(td);
-              });
-              tbody.appendChild(tr);
-            });
+          track([() => prop("open")], () => {
+            action(["toggleVisibility"]);
           });
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine6, props22);
-        }
-        initApi() {
-          return connect6(this.machine.service, normalizeProps);
-        }
-        render() {
-          const root = this.el.querySelector('[data-scope="date-picker"][data-part="root"]');
-          if (root) this.spreadProps(root, this.api.getRootProps());
-          const label = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="label"]'
-          );
-          if (label) this.spreadProps(label, this.api.getLabelProps());
-          const control = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="control"]'
-          );
-          if (control) this.spreadProps(control, this.api.getControlProps());
-          const input = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="input"]'
-          );
-          if (input) {
-            this.spreadProps(input, this.api.getInputProps());
-          }
-          const trigger = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="trigger"]'
-          );
-          if (trigger) {
-            this.spreadProps(trigger, this.api.getTriggerProps());
+        },
+        effects: ["trackPanelStack"],
+        on: {
+          CONTENT_FOCUS: {
+            actions: ["bringToFrontOfPanelStack"]
+          },
+          SET_POSITION: {
+            actions: ["setPosition"]
+          },
+          SET_SIZE: {
+            actions: ["setSize"]
           }
-          const positioner = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="positioner"]'
-          );
-          if (positioner) this.spreadProps(positioner, this.api.getPositionerProps());
-          const content = this.el.querySelector(
-            '[data-scope="date-picker"][data-part="content"]'
-          );
-          if (content) this.spreadProps(content, this.api.getContentProps());
-          if (this.api.open) {
-            const dayView = this.getDayView();
-            const monthView = this.getMonthView();
-            const yearView = this.getYearView();
-            if (dayView) dayView.hidden = this.api.view !== "day";
-            if (monthView) monthView.hidden = this.api.view !== "month";
-            if (yearView) yearView.hidden = this.api.view !== "year";
-            if (this.api.view === "day" && dayView) {
-              const viewControl = dayView.querySelector('[data-part="view-control"]');
-              if (viewControl)
-                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "year" }));
-              const prevTrigger = dayView.querySelector('[data-part="prev-trigger"]');
-              if (prevTrigger) this.spreadProps(prevTrigger, this.api.getPrevTriggerProps());
-              const viewTrigger = dayView.querySelector('[data-part="view-trigger"]');
-              if (viewTrigger) {
-                this.spreadProps(viewTrigger, this.api.getViewTriggerProps());
-                viewTrigger.textContent = this.api.visibleRangeText.start;
-              }
-              const nextTrigger = dayView.querySelector('[data-part="next-trigger"]');
-              if (nextTrigger) this.spreadProps(nextTrigger, this.api.getNextTriggerProps());
-              const table = dayView.querySelector("table");
-              if (table) this.spreadProps(table, this.api.getTableProps({ view: "day" }));
-              const thead = dayView.querySelector("thead");
-              if (thead) this.spreadProps(thead, this.api.getTableHeaderProps({ view: "day" }));
-              this.renderDayTableHeader();
-              this.renderDayTableBody();
-            } else if (this.api.view === "month" && monthView) {
-              const viewControl = monthView.querySelector('[data-part="view-control"]');
-              if (viewControl)
-                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "month" }));
-              const prevTrigger = monthView.querySelector('[data-part="prev-trigger"]');
-              if (prevTrigger)
-                this.spreadProps(prevTrigger, this.api.getPrevTriggerProps({ view: "month" }));
-              const viewTrigger = monthView.querySelector('[data-part="view-trigger"]');
-              if (viewTrigger) {
-                this.spreadProps(viewTrigger, this.api.getViewTriggerProps({ view: "month" }));
-                viewTrigger.textContent = String(this.api.visibleRange.start.year);
-              }
-              const nextTrigger = monthView.querySelector('[data-part="next-trigger"]');
-              if (nextTrigger)
-                this.spreadProps(nextTrigger, this.api.getNextTriggerProps({ view: "month" }));
-              const table = monthView.querySelector("table");
-              if (table) this.spreadProps(table, this.api.getTableProps({ view: "month", columns: 4 }));
-              this.renderMonthTableBody();
-            } else if (this.api.view === "year" && yearView) {
-              const viewControl = yearView.querySelector('[data-part="view-control"]');
-              if (viewControl)
-                this.spreadProps(viewControl, this.api.getViewControlProps({ view: "year" }));
-              const prevTrigger = yearView.querySelector('[data-part="prev-trigger"]');
-              if (prevTrigger)
-                this.spreadProps(prevTrigger, this.api.getPrevTriggerProps({ view: "year" }));
-              const decadeText = yearView.querySelector('[data-part="decade"]');
-              if (decadeText) {
-                const decade = this.api.getDecade();
-                decadeText.textContent = `${decade.start} - ${decade.end}`;
+        },
+        states: {
+          closed: {
+            tags: ["closed"],
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "open",
+                actions: ["setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+              },
+              OPEN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+                }
+              ]
+            }
+          },
+          open: {
+            tags: ["open"],
+            entry: ["bringToFrontOfPanelStack"],
+            effects: ["trackBoundaryRect"],
+            on: {
+              DRAG_START: {
+                guard: not4("isMaximized"),
+                target: "open.dragging",
+                actions: ["setPrevPosition"]
+              },
+              RESIZE_START: {
+                guard: not4("isMinimized"),
+                target: "open.resizing",
+                actions: ["setPrevSize"]
+              },
+              "CONTROLLED.CLOSE": {
+                target: "closed",
+                actions: ["resetRect", "focusTriggerEl"]
+              },
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+                }
+              ],
+              ESCAPE: [
+                {
+                  guard: and4("isOpenControlled", "closeOnEsc"),
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  guard: "closeOnEsc",
+                  target: "closed",
+                  actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+                }
+              ],
+              MINIMIZE: {
+                actions: ["setMinimized"]
+              },
+              MAXIMIZE: {
+                actions: ["setMaximized"]
+              },
+              RESTORE: {
+                actions: ["setRestored"]
+              },
+              MOVE: {
+                actions: ["setPositionFromKeyboard"]
               }
-              const nextTrigger = yearView.querySelector('[data-part="next-trigger"]');
-              if (nextTrigger)
-                this.spreadProps(nextTrigger, this.api.getNextTriggerProps({ view: "year" }));
-              const table = yearView.querySelector("table");
-              if (table) this.spreadProps(table, this.api.getTableProps({ view: "year", columns: 4 }));
-              this.renderYearTableBody();
             }
-          }
-        }
-      };
-      DatePickerHook = {
-        mounted() {
-          const el = this.el;
-          const pushEvent = this.pushEvent.bind(this);
-          const liveSocket = this.liveSocket;
-          const min4 = getString(el, "min");
-          const max4 = getString(el, "max");
-          const positioningJson = getString(el, "positioning");
-          const parseList = (v2) => v2 ? v2.map((x2) => parse(x2)) : void 0;
-          const parseOne = (v2) => v2 ? parse(v2) : void 0;
-          const datePickerInstance = new DatePicker(el, __spreadProps(__spreadValues({
-            id: el.id
-          }, getBoolean(el, "controlled") ? { value: parseList(getStringList(el, "value")) } : { defaultValue: parseList(getStringList(el, "defaultValue")) }), {
-            defaultFocusedValue: parseOne(getString(el, "focusedValue")),
-            defaultView: getString(el, "defaultView", ["day", "month", "year"]),
-            dir: getString(el, "dir", ["ltr", "rtl"]),
-            locale: getString(el, "locale"),
-            timeZone: getString(el, "timeZone"),
-            disabled: getBoolean(el, "disabled"),
-            readOnly: getBoolean(el, "readOnly"),
-            required: getBoolean(el, "required"),
-            invalid: getBoolean(el, "invalid"),
-            outsideDaySelectable: getBoolean(el, "outsideDaySelectable"),
-            closeOnSelect: getBoolean(el, "closeOnSelect"),
-            min: min4 ? parse(min4) : void 0,
-            max: max4 ? parse(max4) : void 0,
-            numOfMonths: getNumber(el, "numOfMonths"),
-            startOfWeek: getNumber(el, "startOfWeek"),
-            fixedWeeks: getBoolean(el, "fixedWeeks"),
-            selectionMode: getString(el, "selectionMode", [
-              "single",
-              "multiple",
-              "range"
-            ]),
-            placeholder: getString(el, "placeholder"),
-            minView: getString(el, "minView", ["day", "month", "year"]),
-            maxView: getString(el, "maxView", ["day", "month", "year"]),
-            inline: getBoolean(el, "inline"),
-            positioning: positioningJson ? JSON.parse(positioningJson) : void 0,
-            onValueChange: (details) => {
-              var _a;
-              const isoStr = ((_a = details.value) == null ? void 0 : _a.length) ? details.value.map((d2) => toISOString(d2)).join(",") : "";
-              const hiddenInput = el.querySelector(`#${el.id}-value`);
-              if (hiddenInput && hiddenInput.value !== isoStr) {
-                hiddenInput.value = isoStr;
-                hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
-                hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+          },
+          "open.dragging": {
+            tags: ["open"],
+            effects: ["trackPointerMove"],
+            exit: ["clearPrevPosition"],
+            on: {
+              DRAG: {
+                actions: ["setPosition"]
+              },
+              DRAG_END: {
+                target: "open",
+                actions: ["invokeOnDragEnd"]
+              },
+              "CONTROLLED.CLOSE": {
+                target: "closed",
+                actions: ["resetRect"]
+              },
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose", "resetRect"]
+                }
+              ],
+              ESCAPE: {
+                target: "open"
               }
-              const eventName = getString(el, "onValueChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  value: isoStr || null
-                });
+            }
+          },
+          "open.resizing": {
+            tags: ["open"],
+            effects: ["trackPointerMove"],
+            exit: ["clearPrevSize"],
+            on: {
+              DRAG: {
+                actions: ["setSize"]
+              },
+              DRAG_END: {
+                target: "open",
+                actions: ["invokeOnResizeEnd"]
+              },
+              "CONTROLLED.CLOSE": {
+                target: "closed",
+                actions: ["resetRect"]
+              },
+              CLOSE: [
+                {
+                  guard: "isOpenControlled",
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose", "resetRect"]
+                }
+              ],
+              ESCAPE: {
+                target: "open"
               }
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            closeOnEsc: ({ prop }) => !!prop("closeOnEscape"),
+            isMaximized: ({ context }) => context.get("stage") === "maximized",
+            isMinimized: ({ context }) => context.get("stage") === "minimized",
+            isOpenControlled: ({ prop }) => prop("open") != void 0
+          },
+          effects: {
+            trackPointerMove({ scope, send, event: evt, prop }) {
+              var _a;
+              const doc = scope.getDoc();
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+              return trackPointerMove(doc, {
+                onPointerMove({ point, event }) {
+                  const { altKey, shiftKey } = event;
+                  let x2 = clampValue(point.x, boundaryRect.x, boundaryRect.x + boundaryRect.width);
+                  let y2 = clampValue(point.y, boundaryRect.y, boundaryRect.y + boundaryRect.height);
+                  send({ type: "DRAG", position: { x: x2, y: y2 }, axis: evt.axis, altKey, shiftKey });
+                },
+                onPointerUp() {
+                  send({ type: "DRAG_END" });
+                }
+              });
             },
-            onFocusChange: (details) => {
+            trackBoundaryRect({ context, scope, prop, computed }) {
               var _a;
-              const eventName = getString(el, "onFocusChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  focused: (_a = details.focused) != null ? _a : false
-                });
+              const win = scope.getWin();
+              let skip = true;
+              const exec = () => {
+                var _a2;
+                if (skip) {
+                  skip = false;
+                  return;
+                }
+                const boundaryEl2 = (_a2 = prop("getBoundaryEl")) == null ? void 0 : _a2();
+                let boundaryRect = getBoundaryRect(scope, boundaryEl2, false);
+                if (!computed("isMaximized")) {
+                  const rect = __spreadValues(__spreadValues({}, context.get("position")), context.get("size"));
+                  boundaryRect = constrainRect(rect, boundaryRect);
+                }
+                context.set("size", pick(boundaryRect, ["width", "height"]));
+                context.set("position", pick(boundaryRect, ["x", "y"]));
+              };
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              if (isHTMLElement(boundaryEl)) {
+                return resizeObserverBorderBox.observe(boundaryEl, exec);
               }
+              return addDomEvent(win, "resize", exec);
             },
-            onViewChange: (details) => {
-              const eventName = getString(el, "onViewChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  view: details.view
+            trackPanelStack({ context, scope }) {
+              const unsub = subscribe(panelStack, () => {
+                context.set("isTopmost", panelStack.isTopmost(scope.id));
+                const contentEl = getContentEl5(scope);
+                if (!contentEl) return;
+                const index = panelStack.indexOf(scope.id);
+                if (index === -1) return;
+                contentEl.style.setProperty("--z-index", `${index + 1}`);
+              });
+              return () => {
+                panelStack.remove(scope.id);
+                unsub();
+              };
+            }
+          },
+          actions: {
+            setAnchorPosition({ context, prop, scope }) {
+              if (prop("hasSpecifiedPosition")) return;
+              const hasPrevRect = context.get("prevPosition") || context.get("prevSize");
+              if (prop("persistRect") && hasPrevRect) return;
+              raf(() => {
+                var _a, _b;
+                const triggerRect = getTriggerEl4(scope);
+                const boundaryRect = getBoundaryRect(scope, (_a = prop("getBoundaryEl")) == null ? void 0 : _a(), false);
+                let anchorPosition = (_b = prop("getAnchorPosition")) == null ? void 0 : _b({
+                  triggerRect: triggerRect ? DOMRect.fromRect(getElementRect(triggerRect)) : null,
+                  boundaryRect: DOMRect.fromRect(boundaryRect)
                 });
+                if (!anchorPosition) {
+                  const size3 = context.get("size");
+                  anchorPosition = {
+                    x: boundaryRect.x + (boundaryRect.width - size3.width) / 2,
+                    y: boundaryRect.y + (boundaryRect.height - size3.height) / 2
+                  };
+                }
+                if (!anchorPosition) return;
+                context.set("position", anchorPosition);
+              });
+            },
+            setPrevPosition({ context, event }) {
+              context.set("prevPosition", __spreadValues({}, context.get("position")));
+              context.set("lastEventPosition", event.position);
+            },
+            clearPrevPosition({ context, prop }) {
+              if (!prop("persistRect")) context.set("prevPosition", null);
+              context.set("lastEventPosition", null);
+            },
+            setPosition({ context, event, prop, scope }) {
+              var _a;
+              let diff3 = subtractPoints(event.position, context.get("lastEventPosition"));
+              diff3.x = Math.round(diff3.x / prop("gridSize")) * prop("gridSize");
+              diff3.y = Math.round(diff3.y / prop("gridSize")) * prop("gridSize");
+              const prevPosition = context.get("prevPosition");
+              if (!prevPosition) return;
+              let position = addPoints(prevPosition, diff3);
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              const boundaryRect = getBoundaryRect(scope, boundaryEl, prop("allowOverflow"));
+              position = clampPoint(position, context.get("size"), boundaryRect);
+              context.set("position", position);
+            },
+            setPositionStyle({ scope, context }) {
+              const el = getPositionerEl4(scope);
+              const position = context.get("position");
+              el == null ? void 0 : el.style.setProperty("--x", `${position.x}px`);
+              el == null ? void 0 : el.style.setProperty("--y", `${position.y}px`);
+            },
+            resetRect({ context, prop }) {
+              context.set("stage", "default");
+              if (!prop("persistRect")) {
+                context.set("position", context.initial("position"));
+                context.set("size", context.initial("size"));
               }
             },
-            onVisibleRangeChange: (details) => {
-              const eventName = getString(el, "onVisibleRangeChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  start: details.start,
-                  end: details.end
-                });
+            setPrevSize({ context, event }) {
+              context.set("prevSize", __spreadValues({}, context.get("size")));
+              context.set("prevPosition", __spreadValues({}, context.get("position")));
+              context.set("lastEventPosition", event.position);
+            },
+            clearPrevSize({ context }) {
+              context.set("prevSize", null);
+              context.set("prevPosition", null);
+              context.set("lastEventPosition", null);
+            },
+            setSize({ context, event, scope, prop }) {
+              var _a;
+              const prevSize = context.get("prevSize");
+              const prevPosition = context.get("prevPosition");
+              const lastEventPosition = context.get("lastEventPosition");
+              if (!prevSize || !prevPosition || !lastEventPosition) return;
+              const prevRect = createRect(__spreadValues(__spreadValues({}, prevPosition), prevSize));
+              const offset3 = subtractPoints(event.position, lastEventPosition);
+              const nextRect = resizeRect(prevRect, offset3, event.axis, {
+                scalingOriginMode: event.altKey ? "center" : "extent",
+                lockAspectRatio: !!prop("lockAspectRatio") || event.shiftKey
+              });
+              let nextSize = pick(nextRect, ["width", "height"]);
+              let nextPosition = pick(nextRect, ["x", "y"]);
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+              nextSize = clampSize(nextSize, prop("minSize"), prop("maxSize"));
+              nextSize = clampSize(nextSize, prop("minSize"), boundaryRect);
+              context.set("size", nextSize);
+              if (nextPosition) {
+                const point = clampPoint(nextPosition, nextSize, boundaryRect);
+                context.set("position", point);
               }
             },
-            onOpenChange: (details) => {
-              const eventName = getString(el, "onOpenChange");
-              if (eventName && liveSocket.main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  open: details.open
-                });
+            setSizeStyle({ scope, context }) {
+              queueMicrotask(() => {
+                const el = getPositionerEl4(scope);
+                const size3 = context.get("size");
+                el == null ? void 0 : el.style.setProperty("--width", `${size3.width}px`);
+                el == null ? void 0 : el.style.setProperty("--height", `${size3.height}px`);
+              });
+            },
+            setMaximized({ context, prop, scope }) {
+              var _a;
+              context.set("stage", "maximized");
+              context.set("prevSize", context.get("size"));
+              context.set("prevPosition", context.get("position"));
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+              context.set("position", pick(boundaryRect, ["x", "y"]));
+              context.set("size", pick(boundaryRect, ["height", "width"]));
+            },
+            setMinimized({ context, scope }) {
+              context.set("stage", "minimized");
+              context.set("prevSize", context.get("size"));
+              context.set("prevPosition", context.get("position"));
+              const headerEl = getHeaderEl(scope);
+              if (!headerEl) return;
+              const size3 = __spreadProps(__spreadValues({}, context.get("size")), {
+                height: headerEl == null ? void 0 : headerEl.offsetHeight
+              });
+              context.set("size", size3);
+            },
+            setRestored({ context, prop, scope }) {
+              var _a;
+              const boundaryRect = getBoundaryRect(scope, (_a = prop("getBoundaryEl")) == null ? void 0 : _a(), false);
+              context.set("stage", "default");
+              const prevSize = context.get("prevSize");
+              if (prevSize) {
+                let nextSize = prevSize;
+                nextSize = clampSize(nextSize, prop("minSize"), prop("maxSize"));
+                nextSize = clampSize(nextSize, prop("minSize"), boundaryRect);
+                context.set("size", nextSize);
+                context.set("prevSize", null);
+              }
+              if (context.get("prevPosition")) {
+                let nextPosition = context.get("prevPosition");
+                nextPosition = clampPoint(nextPosition, context.get("size"), boundaryRect);
+                context.set("position", nextPosition);
+                context.set("prevPosition", null);
               }
+            },
+            setPositionFromKeyboard({ context, event, prop, scope }) {
+              var _a;
+              invariant(event.step == null, "step is required");
+              const position = context.get("position");
+              const step = event.step;
+              let nextPosition = match2(event.direction, {
+                left: { x: position.x - step, y: position.y },
+                right: { x: position.x + step, y: position.y },
+                up: { x: position.x, y: position.y - step },
+                down: { x: position.x, y: position.y + step }
+              });
+              const boundaryEl = (_a = prop("getBoundaryEl")) == null ? void 0 : _a();
+              const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+              nextPosition = clampPoint(nextPosition, context.get("size"), boundaryRect);
+              context.set("position", nextPosition);
+            },
+            bringToFrontOfPanelStack({ prop }) {
+              panelStack.bringToFront(prop("id"));
+            },
+            invokeOnOpen({ prop }) {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
+            },
+            invokeOnClose({ prop }) {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+            },
+            invokeOnDragEnd({ context, prop }) {
+              var _a;
+              (_a = prop("onPositionChangeEnd")) == null ? void 0 : _a({ position: context.get("position") });
+            },
+            invokeOnResizeEnd({ context, prop }) {
+              var _a;
+              (_a = prop("onSizeChangeEnd")) == null ? void 0 : _a({ size: context.get("size") });
+            },
+            focusTriggerEl({ scope }) {
+              raf(() => {
+                var _a;
+                (_a = getTriggerEl4(scope)) == null ? void 0 : _a.focus();
+              });
+            },
+            focusContentEl({ scope }) {
+              raf(() => {
+                var _a;
+                (_a = getContentEl5(scope)) == null ? void 0 : _a.focus();
+              });
+            },
+            toggleVisibility({ send, prop, event }) {
+              send({ type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: event });
             }
-          }));
-          datePickerInstance.init();
-          this.datePicker = datePickerInstance;
-          const inputWrapper = el.querySelector(
-            '[data-scope="date-picker"][data-part="input-wrapper"]'
+          }
+        }
+      });
+      props12 = createProps()([
+        "allowOverflow",
+        "closeOnEscape",
+        "defaultOpen",
+        "defaultPosition",
+        "defaultSize",
+        "dir",
+        "disabled",
+        "draggable",
+        "getAnchorPosition",
+        "getBoundaryEl",
+        "getRootNode",
+        "gridSize",
+        "id",
+        "ids",
+        "lockAspectRatio",
+        "maxSize",
+        "minSize",
+        "onOpenChange",
+        "onPositionChange",
+        "onPositionChangeEnd",
+        "onSizeChange",
+        "onSizeChangeEnd",
+        "onStageChange",
+        "open",
+        "persistRect",
+        "position",
+        "resizable",
+        "size",
+        "strategy",
+        "translations"
+      ]);
+      splitProps12 = createSplitProps(props12);
+      resizeTriggerProps = createProps()(["axis"]);
+      splitResizeTriggerProps = createSplitProps(resizeTriggerProps);
+      FloatingPanel = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine12, props26);
+        }
+        initApi() {
+          return connect12(this.machine.service, normalizeProps);
+        }
+        render() {
+          const triggerEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="trigger"]'
           );
-          if (inputWrapper) inputWrapper.removeAttribute("data-loading");
-          this.handlers = [];
-          this.handlers.push(
-            this.handleEvent(
-              "date_picker_set_value",
-              (payload) => {
-                const targetId = payload.date_picker_id;
-                if (targetId && targetId !== el.id) return;
-                datePickerInstance.api.setValue([parse(payload.value)]);
-              }
-            )
+          if (triggerEl) this.spreadProps(triggerEl, this.api.getTriggerProps());
+          const positionerEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="positioner"]'
           );
-          this.onSetValue = (event) => {
-            var _a;
-            const value = (_a = event.detail) == null ? void 0 : _a.value;
-            if (typeof value === "string") {
-              datePickerInstance.api.setValue([parse(value)]);
-            }
-          };
-          el.addEventListener("phx:date-picker:set-value", this.onSetValue);
-        },
-        updated() {
-          var _a, _b;
-          const el = this.el;
-          const inputWrapper = el.querySelector(
-            '[data-scope="date-picker"][data-part="input-wrapper"]'
+          if (positionerEl) this.spreadProps(positionerEl, this.api.getPositionerProps());
+          const contentEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="content"]'
           );
-          if (inputWrapper) inputWrapper.removeAttribute("data-loading");
-          const parseList = (v2) => v2 ? v2.map((x2) => parse(x2)) : void 0;
-          const min4 = getString(el, "min");
-          const max4 = getString(el, "max");
-          const positioningJson = getString(el, "positioning");
-          const isControlled = getBoolean(el, "controlled");
-          const focusedStr = getString(el, "focusedValue");
-          (_a = this.datePicker) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({}, getBoolean(el, "controlled") ? { value: parseList(getStringList(el, "value")) } : { defaultValue: parseList(getStringList(el, "defaultValue")) }), {
-            defaultFocusedValue: focusedStr ? parse(focusedStr) : void 0,
-            defaultView: getString(el, "defaultView", ["day", "month", "year"]),
-            dir: getString(this.el, "dir", ["ltr", "rtl"]),
-            locale: getString(this.el, "locale"),
-            timeZone: getString(this.el, "timeZone"),
-            disabled: getBoolean(this.el, "disabled"),
-            readOnly: getBoolean(this.el, "readOnly"),
-            required: getBoolean(this.el, "required"),
-            invalid: getBoolean(this.el, "invalid"),
-            outsideDaySelectable: getBoolean(this.el, "outsideDaySelectable"),
-            closeOnSelect: getBoolean(this.el, "closeOnSelect"),
-            min: min4 ? parse(min4) : void 0,
-            max: max4 ? parse(max4) : void 0,
-            numOfMonths: getNumber(this.el, "numOfMonths"),
-            startOfWeek: getNumber(this.el, "startOfWeek"),
-            fixedWeeks: getBoolean(this.el, "fixedWeeks"),
-            selectionMode: getString(this.el, "selectionMode", [
-              "single",
-              "multiple",
-              "range"
-            ]),
-            placeholder: getString(this.el, "placeholder"),
-            minView: getString(this.el, "minView", ["day", "month", "year"]),
-            maxView: getString(this.el, "maxView", ["day", "month", "year"]),
-            inline: getBoolean(this.el, "inline"),
-            positioning: positioningJson ? JSON.parse(positioningJson) : void 0
-          }));
-          if (isControlled && this.datePicker) {
-            const serverValues = getStringList(el, "value");
-            const serverIso = (_b = serverValues == null ? void 0 : serverValues.join(",")) != null ? _b : "";
-            const zagValue = this.datePicker.api.value;
-            const zagIso = (zagValue == null ? void 0 : zagValue.length) ? zagValue.map((d2) => toISOString(d2)).join(",") : "";
-            if (serverIso !== zagIso) {
-              const parsed = (serverValues == null ? void 0 : serverValues.length) ? serverValues.map((x2) => parse(x2)) : [];
-              this.datePicker.api.setValue(parsed);
+          if (contentEl) this.spreadProps(contentEl, this.api.getContentProps());
+          const titleEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="title"]'
+          );
+          if (titleEl) this.spreadProps(titleEl, this.api.getTitleProps());
+          const headerEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="header"]'
+          );
+          if (headerEl) this.spreadProps(headerEl, this.api.getHeaderProps());
+          const bodyEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="body"]'
+          );
+          if (bodyEl) this.spreadProps(bodyEl, this.api.getBodyProps());
+          const dragTriggerEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="drag-trigger"]'
+          );
+          if (dragTriggerEl) this.spreadProps(dragTriggerEl, this.api.getDragTriggerProps());
+          const resizeAxes = ["s", "w", "e", "n", "sw", "nw", "se", "ne"];
+          resizeAxes.forEach((axis) => {
+            const resizeEl = this.el.querySelector(
+              `[data-scope="floating-panel"][data-part="resize-trigger"][data-axis="${axis}"]`
+            );
+            if (resizeEl)
+              this.spreadProps(resizeEl, this.api.getResizeTriggerProps({ axis }));
+          });
+          const closeTriggerEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="close-trigger"]'
+          );
+          if (closeTriggerEl) this.spreadProps(closeTriggerEl, this.api.getCloseTriggerProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="floating-panel"][data-part="control"]'
+          );
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const stages = ["minimized", "maximized", "default"];
+          stages.forEach((stage) => {
+            const stageTriggerEl = this.el.querySelector(
+              `[data-scope="floating-panel"][data-part="stage-trigger"][data-stage="${stage}"]`
+            );
+            if (stageTriggerEl)
+              this.spreadProps(
+                stageTriggerEl,
+                this.api.getStageTriggerProps({ stage })
+              );
+          });
+        }
+      };
+      FloatingPanelHook = {
+        mounted() {
+          const el = this.el;
+          const open = getBoolean(el, "open");
+          const defaultOpen = getBoolean(el, "defaultOpen");
+          const controlled = getBoolean(el, "controlled");
+          const size3 = parseSize(el.dataset.size);
+          const defaultSize = parseSize(el.dataset.defaultSize);
+          const position = parsePoint(el.dataset.position);
+          const defaultPosition = parsePoint(el.dataset.defaultPosition);
+          const zag = new FloatingPanel(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, controlled ? { open } : { defaultOpen }), {
+            draggable: getBoolean(el, "draggable") !== false,
+            resizable: getBoolean(el, "resizable") !== false,
+            allowOverflow: getBoolean(el, "allowOverflow") !== false,
+            closeOnEscape: getBoolean(el, "closeOnEscape") !== false,
+            disabled: getBoolean(el, "disabled"),
+            dir: getDir(el),
+            size: size3,
+            defaultSize,
+            position,
+            defaultPosition,
+            minSize: parseSize(el.dataset.minSize),
+            maxSize: parseSize(el.dataset.maxSize),
+            persistRect: getBoolean(el, "persistRect"),
+            gridSize: Number(el.dataset.gridSize) || 1,
+            onOpenChange: (details) => {
+              const eventName = getString(el, "onOpenChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, { open: details.open, id: el.id });
+              }
+              const clientName = getString(el, "onOpenChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
+            },
+            onPositionChange: (details) => {
+              const eventName = getString(el, "onPositionChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  position: details.position,
+                  id: el.id
+                });
+              }
+            },
+            onSizeChange: (details) => {
+              const eventName = getString(el, "onSizeChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  size: details.size,
+                  id: el.id
+                });
+              }
+            },
+            onStageChange: (details) => {
+              const eventName = getString(el, "onStageChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  stage: details.stage,
+                  id: el.id
+                });
+              }
             }
-          }
+          }));
+          zag.init();
+          this.floatingPanel = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a;
+          const open = getBoolean(this.el, "open");
+          const controlled = getBoolean(this.el, "controlled");
+          (_a = this.floatingPanel) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, controlled ? { open } : {}), {
+            disabled: getBoolean(this.el, "disabled"),
+            dir: getDir(this.el)
+          }));
         },
         destroyed() {
           var _a;
-          if (this.onSetValue) {
-            this.el.removeEventListener("phx:date-picker:set-value", this.onSetValue);
-          }
           if (this.handlers) {
-            for (const handler of this.handlers) {
-              this.removeHandleEvent(handler);
-            }
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-          (_a = this.datePicker) == null ? void 0 : _a.destroy();
+          (_a = this.floatingPanel) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/dialog.mjs
-  var dialog_exports = {};
-  __export(dialog_exports, {
-    Dialog: () => DialogHook
+  // ../priv/static/listbox.mjs
+  var listbox_exports = {};
+  __export(listbox_exports, {
+    Listbox: () => ListboxHook
   });
-  function ariaHidden(targetsOrFn, options = {}) {
-    const { defer = true } = options;
-    const func = defer ? raf2 : (v2) => v2();
-    const cleanups = [];
-    cleanups.push(
-      func(() => {
-        const targets = typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn;
-        const elements = targets.filter(Boolean);
-        if (elements.length === 0) return;
-        cleanups.push(hideOthers(elements));
-      })
-    );
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-    };
-  }
-  function trapFocus(el, options = {}) {
-    let trap;
-    const cleanup = raf(() => {
-      const elements = Array.isArray(el) ? el : [el];
-      const resolvedElements = elements.map((e2) => typeof e2 === "function" ? e2() : e2).filter((e2) => e2 != null);
-      if (resolvedElements.length === 0) return;
-      const primaryEl = resolvedElements[0];
-      trap = new FocusTrap(resolvedElements, __spreadProps(__spreadValues({
-        escapeDeactivates: false,
-        allowOutsideClick: true,
-        preventScroll: true,
-        returnFocusOnDeactivate: true,
-        delayInitialFocus: false,
-        fallbackFocus: primaryEl
-      }, options), {
-        document: getDocument(primaryEl)
-      }));
-      try {
-        trap.activate();
-      } catch (e2) {
-      }
-    });
-    return function destroy() {
-      trap == null ? void 0 : trap.deactivate();
-      cleanup();
-    };
-  }
-  function getPaddingProperty(documentElement) {
-    const documentLeft = documentElement.getBoundingClientRect().left;
-    const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;
-    return scrollbarX ? "paddingLeft" : "paddingRight";
-  }
-  function hasStableScrollbarGutter(element) {
-    const styles = getComputedStyle2(element);
-    const scrollbarGutter = styles == null ? void 0 : styles.scrollbarGutter;
-    return scrollbarGutter === "stable" || (scrollbarGutter == null ? void 0 : scrollbarGutter.startsWith("stable ")) === true;
-  }
-  function preventBodyScroll(_document) {
-    var _a;
-    const doc = _document != null ? _document : document;
-    const win = (_a = doc.defaultView) != null ? _a : window;
-    const { documentElement, body } = doc;
-    const locked = body.hasAttribute(LOCK_CLASSNAME);
-    if (locked) return;
-    const hasStableGutter = hasStableScrollbarGutter(documentElement) || hasStableScrollbarGutter(body);
-    const scrollbarWidth = win.innerWidth - documentElement.clientWidth;
-    body.setAttribute(LOCK_CLASSNAME, "");
-    const setScrollbarWidthProperty = () => setStyleProperty(documentElement, "--scrollbar-width", `${scrollbarWidth}px`);
-    const paddingProperty = getPaddingProperty(documentElement);
-    const setBodyStyle = () => {
-      const styles = {
-        overflow: "hidden"
-      };
-      if (!hasStableGutter && scrollbarWidth > 0) {
-        styles[paddingProperty] = `${scrollbarWidth}px`;
-      }
-      return setStyle(body, styles);
-    };
-    const setBodyStyleIOS = () => {
-      var _a2, _b;
-      const { scrollX, scrollY, visualViewport } = win;
-      const offsetLeft = (_a2 = visualViewport == null ? void 0 : visualViewport.offsetLeft) != null ? _a2 : 0;
-      const offsetTop = (_b = visualViewport == null ? void 0 : visualViewport.offsetTop) != null ? _b : 0;
-      const styles = {
-        position: "fixed",
-        overflow: "hidden",
-        top: `${-(scrollY - Math.floor(offsetTop))}px`,
-        left: `${-(scrollX - Math.floor(offsetLeft))}px`,
-        right: "0"
-      };
-      if (!hasStableGutter && scrollbarWidth > 0) {
-        styles[paddingProperty] = `${scrollbarWidth}px`;
-      }
-      const restoreStyle = setStyle(body, styles);
-      return () => {
-        restoreStyle == null ? void 0 : restoreStyle();
-        win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" });
+  function connect13(service, normalize) {
+    const { context, prop, scope, computed, send, refs } = service;
+    const disabled = prop("disabled");
+    const collection22 = prop("collection");
+    const layout = isGridCollection(collection22) ? "grid" : "list";
+    const focused = context.get("focused");
+    const focusVisible = refs.get("focusVisible") && focused;
+    const inputState = refs.get("inputState");
+    const value = context.get("value");
+    const selectedItems = context.get("selectedItems");
+    const highlightedValue = context.get("highlightedValue");
+    const highlightedItem = context.get("highlightedItem");
+    const isTypingAhead = computed("isTypingAhead");
+    const interactive = computed("isInteractive");
+    const ariaActiveDescendant = highlightedValue ? getItemId4(scope, highlightedValue) : void 0;
+    function getItemState(props26) {
+      const itemDisabled = collection22.getItemDisabled(props26.item);
+      const value2 = collection22.getItemValue(props26.item);
+      ensure(value2, () => `[zag-js] No value found for item ${JSON.stringify(props26.item)}`);
+      const highlighted = highlightedValue === value2;
+      return {
+        value: value2,
+        disabled: Boolean(disabled || itemDisabled),
+        focused: highlighted && focused,
+        focusVisible: highlighted && focusVisible,
+        // deprecated
+        highlighted: highlighted && (inputState.focused ? focused : focusVisible),
+        selected: context.get("value").includes(value2)
       };
-    };
-    const cleanups = [setScrollbarWidthProperty(), isIos() ? setBodyStyleIOS() : setBodyStyle()];
-    return () => {
-      cleanups.forEach((fn) => fn == null ? void 0 : fn());
-      body.removeAttribute(LOCK_CLASSNAME);
-    };
-  }
-  function connect7(service, normalize) {
-    const { state: state2, send, context, prop, scope } = service;
-    const ariaLabel = prop("aria-label");
-    const open = state2.matches("open");
+    }
     return {
-      open,
-      setOpen(nextOpen) {
-        const open2 = state2.matches("open");
-        if (open2 === nextOpen) return;
-        send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      empty: value.length === 0,
+      highlightedItem,
+      highlightedValue,
+      clearHighlightedValue() {
+        send({ type: "HIGHLIGHTED_VALUE.SET", value: null });
       },
-      getTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts7.trigger.attrs), {
+      selectedItems,
+      hasSelectedItems: computed("hasSelectedItems"),
+      value,
+      valueAsString: computed("valueAsString"),
+      collection: collection22,
+      disabled: !!disabled,
+      selectValue(value2) {
+        send({ type: "ITEM.SELECT", value: value2 });
+      },
+      setValue(value2) {
+        send({ type: "VALUE.SET", value: value2 });
+      },
+      selectAll() {
+        if (!computed("multiple")) {
+          throw new Error("[zag-js] Cannot select all items in a single-select listbox");
+        }
+        send({ type: "VALUE.SET", value: collection22.getValues() });
+      },
+      highlightValue(value2) {
+        send({ type: "HIGHLIGHTED_VALUE.SET", value: value2 });
+      },
+      clearValue(value2) {
+        if (value2) {
+          send({ type: "ITEM.CLEAR", value: value2 });
+        } else {
+          send({ type: "VALUE.CLEAR" });
+        }
+      },
+      getItemState,
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.root.attrs), {
           dir: prop("dir"),
-          id: getTriggerId4(scope),
-          "aria-haspopup": "dialog",
-          type: "button",
-          "aria-expanded": open,
-          "data-state": open ? "open" : "closed",
-          "aria-controls": getContentId4(scope),
+          id: getRootId11(scope),
+          "data-orientation": prop("orientation"),
+          "data-disabled": dataAttr(disabled)
+        }));
+      },
+      getInputProps(props26 = {}) {
+        return normalize.input(__spreadProps(__spreadValues({}, parts13.input.attrs), {
+          dir: prop("dir"),
+          disabled,
+          "data-disabled": dataAttr(disabled),
+          autoComplete: "off",
+          autoCorrect: "off",
+          "aria-haspopup": "listbox",
+          "aria-controls": getContentId6(scope),
+          "aria-autocomplete": "list",
+          "aria-activedescendant": ariaActiveDescendant,
+          spellCheck: false,
+          enterKeyHint: "go",
+          onFocus() {
+            queueMicrotask(() => {
+              send({ type: "INPUT.FOCUS", autoHighlight: !!(props26 == null ? void 0 : props26.autoHighlight) });
+            });
+          },
+          onBlur() {
+            send({ type: "CONTENT.BLUR", src: "input" });
+          },
+          onInput(event) {
+            if (!(props26 == null ? void 0 : props26.autoHighlight)) return;
+            if (event.currentTarget.value.trim()) return;
+            queueMicrotask(() => {
+              send({ type: "HIGHLIGHTED_VALUE.SET", value: null });
+            });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (isComposingEvent(event)) return;
+            const nativeEvent = getNativeEvent(event);
+            const forwardEvent = () => {
+              var _a;
+              event.preventDefault();
+              const win = scope.getWin();
+              const keyboardEvent = new win.KeyboardEvent(nativeEvent.type, nativeEvent);
+              (_a = getContentEl6(scope)) == null ? void 0 : _a.dispatchEvent(keyboardEvent);
+            };
+            switch (nativeEvent.key) {
+              case "ArrowLeft":
+              case "ArrowRight": {
+                if (!isGridCollection(collection22)) return;
+                if (event.ctrlKey) return;
+                forwardEvent();
+              }
+              case "Home":
+              case "End": {
+                if (highlightedValue == null && event.shiftKey) return;
+                forwardEvent();
+              }
+              case "ArrowDown":
+              case "ArrowUp": {
+                forwardEvent();
+                break;
+              }
+              case "Enter":
+                if (highlightedValue != null) {
+                  event.preventDefault();
+                  send({ type: "ITEM.CLICK", value: highlightedValue });
+                }
+                break;
+            }
+          }
+        }));
+      },
+      getLabelProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          dir: prop("dir"),
+          id: getLabelId7(scope)
+        }, parts13.label.attrs), {
+          "data-disabled": dataAttr(disabled)
+        }));
+      },
+      getValueTextProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.valueText.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(disabled)
+        }));
+      },
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getItemId4(scope, itemState.value),
+          role: "option"
+        }, parts13.item.attrs), {
+          dir: prop("dir"),
+          "data-value": itemState.value,
+          "aria-selected": itemState.selected,
+          "data-selected": dataAttr(itemState.selected),
+          "data-layout": layout,
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          "data-orientation": prop("orientation"),
+          "data-highlighted": dataAttr(itemState.highlighted),
+          "data-disabled": dataAttr(itemState.disabled),
+          "aria-disabled": ariaAttr(itemState.disabled),
+          onPointerMove(event) {
+            if (!props26.highlightOnHover) return;
+            if (itemState.disabled || event.pointerType !== "mouse") return;
+            if (itemState.highlighted) return;
+            send({ type: "ITEM.POINTER_MOVE", value: itemState.value });
+          },
+          onMouseDown(event) {
+            var _a;
+            event.preventDefault();
+            (_a = getContentEl6(scope)) == null ? void 0 : _a.focus();
+          },
           onClick(event) {
             if (event.defaultPrevented) return;
-            send({ type: "TOGGLE" });
+            if (itemState.disabled) return;
+            send({
+              type: "ITEM.CLICK",
+              value: itemState.value,
+              shiftKey: event.shiftKey,
+              anchorValue: highlightedValue,
+              metaKey: isCtrlOrMetaKey(event)
+            });
           }
         }));
       },
-      getBackdropProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts7.backdrop.attrs), {
-          dir: prop("dir"),
-          hidden: !open,
-          id: getBackdropId(scope),
-          "data-state": open ? "open" : "closed"
-        }));
-      },
-      getPositionerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts7.positioner.attrs), {
-          dir: prop("dir"),
-          id: getPositionerId3(scope),
-          style: {
-            pointerEvents: open ? void 0 : "none"
-          }
+      getItemTextProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.itemText.attrs), {
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          "data-disabled": dataAttr(itemState.disabled),
+          "data-highlighted": dataAttr(itemState.highlighted)
         }));
       },
-      getContentProps() {
-        const rendered = context.get("rendered");
-        return normalize.element(__spreadProps(__spreadValues({}, parts7.content.attrs), {
-          dir: prop("dir"),
-          role: prop("role"),
-          hidden: !open,
-          id: getContentId4(scope),
-          tabIndex: -1,
-          "data-state": open ? "open" : "closed",
-          "aria-modal": true,
-          "aria-label": ariaLabel || void 0,
-          "aria-labelledby": ariaLabel || !rendered.title ? void 0 : getTitleId(scope),
-          "aria-describedby": rendered.description ? getDescriptionId(scope) : void 0
+      getItemIndicatorProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.itemIndicator.attrs), {
+          "aria-hidden": true,
+          "data-state": itemState.selected ? "checked" : "unchecked",
+          hidden: !itemState.selected
         }));
       },
-      getTitleProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts7.title.attrs), {
+      getItemGroupLabelProps(props26) {
+        const { htmlFor } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.itemGroupLabel.attrs), {
+          id: getItemGroupLabelId2(scope, htmlFor),
           dir: prop("dir"),
-          id: getTitleId(scope)
+          role: "presentation"
         }));
       },
-      getDescriptionProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts7.description.attrs), {
-          dir: prop("dir"),
-          id: getDescriptionId(scope)
+      getItemGroupProps(props26) {
+        const { id } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts13.itemGroup.attrs), {
+          "data-disabled": dataAttr(disabled),
+          "data-orientation": prop("orientation"),
+          "data-empty": dataAttr(collection22.size === 0),
+          id: getItemGroupId3(scope, id),
+          "aria-labelledby": getItemGroupLabelId2(scope, id),
+          role: "group",
+          dir: prop("dir")
         }));
       },
-      getCloseTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts7.closeTrigger.attrs), {
-          dir: prop("dir"),
-          id: getCloseTriggerId(scope),
-          type: "button",
-          onClick(event) {
-            if (event.defaultPrevented) return;
-            event.stopPropagation();
-            send({ type: "CLOSE" });
-          }
-        }));
-      }
-    };
-  }
-  var counterMap, uncontrolledNodes, markerMap, lockCount, unwrapHost, correctTargets, ignoreableNodes, isIgnoredNode, walkTreeOutside, getParentNode3, hideOthers, raf2, __defProp5, __defNormalProp5, __publicField5, activeFocusTraps, sharedTrapStack, FocusTrap, isKeyboardEvent, isTabEvent, isKeyForward, isKeyBackward, valueOrHandler, isEscapeEvent, delay, isSelectableInput, LOCK_CLASSNAME, anatomy7, parts7, getPositionerId3, getBackdropId, getContentId4, getTriggerId4, getTitleId, getDescriptionId, getCloseTriggerId, getContentEl4, getPositionerEl3, getBackdropEl, getTriggerEl3, getTitleEl, getDescriptionEl, getCloseTriggerEl, machine7, props7, splitProps7, Dialog, DialogHook;
-  var init_dialog = __esm({
-    "../priv/static/dialog.mjs"() {
-      "use strict";
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
-      counterMap = /* @__PURE__ */ new WeakMap();
-      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-      markerMap = {};
-      lockCount = 0;
-      unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
-      correctTargets = (parent, targets) => targets.map((target) => {
-        if (parent.contains(target)) return target;
-        const correctedTarget = unwrapHost(target);
-        if (correctedTarget && parent.contains(correctedTarget)) {
-          return correctedTarget;
-        }
-        console.error("[zag-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
-        return null;
-      }).filter((x2) => Boolean(x2));
-      ignoreableNodes = /* @__PURE__ */ new Set(["script", "output", "status", "next-route-announcer"]);
-      isIgnoredNode = (node) => {
-        if (ignoreableNodes.has(node.localName)) return true;
-        if (node.role === "status") return true;
-        if (node.hasAttribute("aria-live")) return true;
-        return node.matches("[data-live-announcer]");
-      };
-      walkTreeOutside = (originalTarget, props22) => {
-        const { parentNode, markerName, controlAttribute, followControlledElements = true } = props22;
-        const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-        markerMap[markerName] || (markerMap[markerName] = /* @__PURE__ */ new WeakMap());
-        const markerCounter = markerMap[markerName];
-        const hiddenNodes = [];
-        const elementsToKeep = /* @__PURE__ */ new Set();
-        const elementsToStop = new Set(targets);
-        const keep = (el) => {
-          if (!el || elementsToKeep.has(el)) return;
-          elementsToKeep.add(el);
-          keep(el.parentNode);
-        };
-        targets.forEach((target) => {
-          keep(target);
-          if (followControlledElements && isHTMLElement(target)) {
-            findControlledElements(target, (controlledElement) => {
-              keep(controlledElement);
-            });
-          }
-        });
-        const deep = (parent) => {
-          if (!parent || elementsToStop.has(parent)) {
-            return;
-          }
-          Array.prototype.forEach.call(parent.children, (node) => {
-            if (elementsToKeep.has(node)) {
-              deep(node);
-            } else {
-              try {
-                if (isIgnoredNode(node)) return;
-                const attr = node.getAttribute(controlAttribute);
-                const alreadyHidden = attr === "true";
-                const counterValue = (counterMap.get(node) || 0) + 1;
-                const markerValue = (markerCounter.get(node) || 0) + 1;
-                counterMap.set(node, counterValue);
-                markerCounter.set(node, markerValue);
-                hiddenNodes.push(node);
-                if (counterValue === 1 && alreadyHidden) {
-                  uncontrolledNodes.set(node, true);
-                }
-                if (markerValue === 1) {
-                  node.setAttribute(markerName, "");
-                }
-                if (!alreadyHidden) {
-                  node.setAttribute(controlAttribute, "true");
-                }
-              } catch (e2) {
-                console.error("[zag-js > ariaHidden] cannot operate on ", node, e2);
-              }
-            }
-          });
-        };
-        deep(parentNode);
-        elementsToKeep.clear();
-        lockCount++;
-        return () => {
-          hiddenNodes.forEach((node) => {
-            const counterValue = counterMap.get(node) - 1;
-            const markerValue = markerCounter.get(node) - 1;
-            counterMap.set(node, counterValue);
-            markerCounter.set(node, markerValue);
-            if (!counterValue) {
-              if (!uncontrolledNodes.has(node)) {
-                node.removeAttribute(controlAttribute);
-              }
-              uncontrolledNodes.delete(node);
-            }
-            if (!markerValue) {
-              node.removeAttribute(markerName);
-            }
-          });
-          lockCount--;
-          if (!lockCount) {
-            counterMap = /* @__PURE__ */ new WeakMap();
-            counterMap = /* @__PURE__ */ new WeakMap();
-            uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-            markerMap = {};
-          }
-        };
-      };
-      getParentNode3 = (originalTarget) => {
-        const target = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
-        return target.ownerDocument.body;
-      };
-      hideOthers = (originalTarget, parentNode = getParentNode3(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
-        if (!parentNode) return;
-        return walkTreeOutside(originalTarget, {
-          parentNode,
-          markerName,
-          controlAttribute: "aria-hidden",
-          followControlledElements
-        });
-      };
-      raf2 = (fn) => {
-        const frameId = requestAnimationFrame(() => fn());
-        return () => cancelAnimationFrame(frameId);
-      };
-      __defProp5 = Object.defineProperty;
-      __defNormalProp5 = (obj, key, value) => key in obj ? __defProp5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-      __publicField5 = (obj, key, value) => __defNormalProp5(obj, typeof key !== "symbol" ? key + "" : key, value);
-      activeFocusTraps = {
-        activateTrap(trapStack, trap) {
-          if (trapStack.length > 0) {
-            const activeTrap = trapStack[trapStack.length - 1];
-            if (activeTrap !== trap) {
-              activeTrap.pause();
-            }
-          }
-          const trapIndex = trapStack.indexOf(trap);
-          if (trapIndex === -1) {
-            trapStack.push(trap);
-          } else {
-            trapStack.splice(trapIndex, 1);
-            trapStack.push(trap);
-          }
-        },
-        deactivateTrap(trapStack, trap) {
-          const trapIndex = trapStack.indexOf(trap);
-          if (trapIndex !== -1) {
-            trapStack.splice(trapIndex, 1);
-          }
-          if (trapStack.length > 0) {
-            trapStack[trapStack.length - 1].unpause();
-          }
-        }
-      };
-      sharedTrapStack = [];
-      FocusTrap = class {
-        constructor(elements, options) {
-          __publicField5(this, "trapStack");
-          __publicField5(this, "config");
-          __publicField5(this, "doc");
-          __publicField5(this, "state", {
-            containers: [],
-            containerGroups: [],
-            tabbableGroups: [],
-            nodeFocusedBeforeActivation: null,
-            mostRecentlyFocusedNode: null,
-            active: false,
-            paused: false,
-            delayInitialFocusTimer: void 0,
-            recentNavEvent: void 0
-          });
-          __publicField5(this, "portalContainers", /* @__PURE__ */ new Set());
-          __publicField5(this, "listenerCleanups", []);
-          __publicField5(this, "handleFocus", (event) => {
-            const target = getEventTarget(event);
-            const targetContained = this.findContainerIndex(target, event) >= 0;
-            if (targetContained || isDocument(target)) {
-              if (targetContained) {
-                this.state.mostRecentlyFocusedNode = target;
-              }
-            } else {
-              event.stopImmediatePropagation();
-              let nextNode;
-              let navAcrossContainers = true;
-              if (this.state.mostRecentlyFocusedNode) {
-                if (getTabIndex(this.state.mostRecentlyFocusedNode) > 0) {
-                  const mruContainerIdx = this.findContainerIndex(this.state.mostRecentlyFocusedNode);
-                  const { tabbableNodes } = this.state.containerGroups[mruContainerIdx];
-                  if (tabbableNodes.length > 0) {
-                    const mruTabIdx = tabbableNodes.findIndex((node) => node === this.state.mostRecentlyFocusedNode);
-                    if (mruTabIdx >= 0) {
-                      if (this.config.isKeyForward(this.state.recentNavEvent)) {
-                        if (mruTabIdx + 1 < tabbableNodes.length) {
-                          nextNode = tabbableNodes[mruTabIdx + 1];
-                          navAcrossContainers = false;
-                        }
-                      } else {
-                        if (mruTabIdx - 1 >= 0) {
-                          nextNode = tabbableNodes[mruTabIdx - 1];
-                          navAcrossContainers = false;
-                        }
-                      }
-                    }
-                  }
+      getContentProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          dir: prop("dir"),
+          id: getContentId6(scope),
+          role: "listbox"
+        }, parts13.content.attrs), {
+          "data-activedescendant": ariaActiveDescendant,
+          "aria-activedescendant": ariaActiveDescendant,
+          "data-orientation": prop("orientation"),
+          "aria-multiselectable": computed("multiple") ? true : void 0,
+          "aria-labelledby": getLabelId7(scope),
+          tabIndex: 0,
+          "data-layout": layout,
+          "data-empty": dataAttr(collection22.size === 0),
+          style: {
+            "--column-count": isGridCollection(collection22) ? collection22.columnCount : 1
+          },
+          onFocus() {
+            send({ type: "CONTENT.FOCUS" });
+          },
+          onBlur() {
+            send({ type: "CONTENT.BLUR" });
+          },
+          onKeyDown(event) {
+            if (!interactive) return;
+            if (!contains(event.currentTarget, getEventTarget(event))) return;
+            const shiftKey = event.shiftKey;
+            const keyMap2 = {
+              ArrowUp(event2) {
+                let nextValue = null;
+                if (isGridCollection(collection22) && highlightedValue) {
+                  nextValue = collection22.getPreviousRowValue(highlightedValue);
+                } else if (highlightedValue) {
+                  nextValue = collection22.getPreviousValue(highlightedValue);
+                }
+                if (!nextValue && (prop("loopFocus") || !highlightedValue)) {
+                  nextValue = collection22.lastValue;
+                }
+                if (!nextValue) return;
+                event2.preventDefault();
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              ArrowDown(event2) {
+                let nextValue = null;
+                if (isGridCollection(collection22) && highlightedValue) {
+                  nextValue = collection22.getNextRowValue(highlightedValue);
+                } else if (highlightedValue) {
+                  nextValue = collection22.getNextValue(highlightedValue);
+                }
+                if (!nextValue && (prop("loopFocus") || !highlightedValue)) {
+                  nextValue = collection22.firstValue;
+                }
+                if (!nextValue) return;
+                event2.preventDefault();
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              ArrowLeft() {
+                if (!isGridCollection(collection22) && prop("orientation") === "vertical") return;
+                let nextValue = highlightedValue ? collection22.getPreviousValue(highlightedValue) : null;
+                if (!nextValue && prop("loopFocus")) {
+                  nextValue = collection22.lastValue;
+                }
+                if (!nextValue) return;
+                event.preventDefault();
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              ArrowRight() {
+                if (!isGridCollection(collection22) && prop("orientation") === "vertical") return;
+                let nextValue = highlightedValue ? collection22.getNextValue(highlightedValue) : null;
+                if (!nextValue && prop("loopFocus")) {
+                  nextValue = collection22.firstValue;
+                }
+                if (!nextValue) return;
+                event.preventDefault();
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              Home(event2) {
+                event2.preventDefault();
+                let nextValue = collection22.firstValue;
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              End(event2) {
+                event2.preventDefault();
+                let nextValue = collection22.lastValue;
+                send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+              },
+              Enter() {
+                send({ type: "ITEM.CLICK", value: highlightedValue });
+              },
+              a(event2) {
+                if (isCtrlOrMetaKey(event2) && computed("multiple") && !prop("disallowSelectAll")) {
+                  event2.preventDefault();
+                  send({ type: "VALUE.SET", value: collection22.getValues() });
+                }
+              },
+              Space(event2) {
+                var _a;
+                if (isTypingAhead && prop("typeahead")) {
+                  send({ type: "CONTENT.TYPEAHEAD", key: event2.key });
                 } else {
-                  if (!this.state.containerGroups.some((g2) => g2.tabbableNodes.some((n2) => getTabIndex(n2) > 0))) {
-                    navAcrossContainers = false;
-                  }
+                  (_a = keyMap2.Enter) == null ? void 0 : _a.call(keyMap2, event2);
+                }
+              },
+              Escape(event2) {
+                if (prop("deselectable") && value.length > 0) {
+                  event2.preventDefault();
+                  event2.stopPropagation();
+                  send({ type: "VALUE.CLEAR" });
                 }
-              } else {
-                navAcrossContainers = false;
-              }
-              if (navAcrossContainers) {
-                nextNode = this.findNextNavNode({
-                  // move FROM the MRU node, not event-related node (which will be the node that is
-                  //  outside the trap causing the focus escape we're trying to fix)
-                  target: this.state.mostRecentlyFocusedNode,
-                  isBackward: this.config.isKeyBackward(this.state.recentNavEvent)
-                });
-              }
-              if (nextNode) {
-                this.tryFocus(nextNode);
-              } else {
-                this.tryFocus(this.state.mostRecentlyFocusedNode || this.getInitialFocusNode());
               }
-            }
-            this.state.recentNavEvent = void 0;
-          });
-          __publicField5(this, "handlePointerDown", (event) => {
-            const target = getEventTarget(event);
-            if (this.findContainerIndex(target, event) >= 0) {
-              return;
-            }
-            if (valueOrHandler(this.config.clickOutsideDeactivates, event)) {
-              this.deactivate({ returnFocus: this.config.returnFocusOnDeactivate });
-              return;
-            }
-            if (valueOrHandler(this.config.allowOutsideClick, event)) {
+            };
+            const exec = keyMap2[getEventKey(event)];
+            if (exec) {
+              exec(event);
               return;
             }
-            event.preventDefault();
-          });
-          __publicField5(this, "handleClick", (event) => {
             const target = getEventTarget(event);
-            if (this.findContainerIndex(target, event) >= 0) {
-              return;
-            }
-            if (valueOrHandler(this.config.clickOutsideDeactivates, event)) {
+            if (isEditableElement(target)) {
               return;
             }
-            if (valueOrHandler(this.config.allowOutsideClick, event)) {
-              return;
+            if (getByTypeahead.isValidEvent(event) && prop("typeahead")) {
+              send({ type: "CONTENT.TYPEAHEAD", key: event.key });
+              event.preventDefault();
             }
-            event.preventDefault();
-            event.stopImmediatePropagation();
-          });
-          __publicField5(this, "handleTabKey", (event) => {
-            if (this.config.isKeyForward(event) || this.config.isKeyBackward(event)) {
-              this.state.recentNavEvent = event;
-              const isBackward = this.config.isKeyBackward(event);
-              const destinationNode = this.findNextNavNode({ event, isBackward });
-              if (!destinationNode) return;
-              if (isTabEvent(event)) {
-                event.preventDefault();
+          }
+        }));
+      }
+    };
+  }
+  function invokeOnSelect(current, next2, onSelect) {
+    const added = diff2(next2, current);
+    for (const item of added) {
+      onSelect == null ? void 0 : onSelect({ value: item });
+    }
+  }
+  function buildCollection(items, hasGroups) {
+    if (hasGroups) {
+      return collection2({
+        items,
+        itemToValue: (item) => {
+          var _a, _b;
+          return (_b = (_a = item.id) != null ? _a : item.value) != null ? _b : "";
+        },
+        itemToString: (item) => item.label,
+        isItemDisabled: (item) => !!item.disabled,
+        groupBy: (item) => {
+          var _a;
+          return (_a = item.group) != null ? _a : "";
+        }
+      });
+    }
+    return collection2({
+      items,
+      itemToValue: (item) => {
+        var _a, _b;
+        return (_b = (_a = item.id) != null ? _a : item.value) != null ? _b : "";
+      },
+      itemToString: (item) => item.label,
+      isItemDisabled: (item) => !!item.disabled
+    });
+  }
+  var anatomy13, parts13, collection2, gridCollection, getRootId11, getContentId6, getLabelId7, getItemId4, getItemGroupId3, getItemGroupLabelId2, getContentEl6, getItemEl2, guards2, createMachine3, or, machine13, diff2, props13, splitProps13, itemProps4, splitItemProps4, itemGroupProps2, splitItemGroupProps2, itemGroupLabelProps2, splitItemGroupLabelProps2, Listbox, ListboxHook;
+  var init_listbox = __esm({
+    "../priv/static/listbox.mjs"() {
+      "use strict";
+      init_chunk_TEV2GE3U();
+      init_chunk_2PO3TGCF();
+      init_chunk_IXOYOLUJ();
+      anatomy13 = createAnatomy("listbox").parts(
+        "label",
+        "input",
+        "item",
+        "itemText",
+        "itemIndicator",
+        "itemGroup",
+        "itemGroupLabel",
+        "content",
+        "root",
+        "valueText"
+      );
+      parts13 = anatomy13.build();
+      collection2 = (options) => {
+        return new ListCollection(options);
+      };
+      collection2.empty = () => {
+        return new ListCollection({ items: [] });
+      };
+      gridCollection = (options) => {
+        return new GridCollection(options);
+      };
+      gridCollection.empty = () => {
+        return new GridCollection({ items: [], columnCount: 0 });
+      };
+      getRootId11 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `select:${ctx.id}`;
+      };
+      getContentId6 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `select:${ctx.id}:content`;
+      };
+      getLabelId7 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `select:${ctx.id}:label`;
+      };
+      getItemId4 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:option:${id}`;
+      };
+      getItemGroupId3 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroup) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:optgroup:${id}`;
+      };
+      getItemGroupLabelId2 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:optgroup-label:${id}`;
+      };
+      getContentEl6 = (ctx) => ctx.getById(getContentId6(ctx));
+      getItemEl2 = (ctx, id) => ctx.getById(getItemId4(ctx, id));
+      ({ guards: guards2, createMachine: createMachine3 } = setup());
+      ({ or } = guards2);
+      machine13 = createMachine3({
+        props({ props: props26 }) {
+          return __spreadValues({
+            loopFocus: false,
+            composite: true,
+            defaultValue: [],
+            multiple: false,
+            typeahead: true,
+            collection: collection2.empty(),
+            orientation: "vertical",
+            selectionMode: "single"
+          }, props26);
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              isEqual: isEqual2,
+              onChange(value) {
+                var _a;
+                const items = prop("collection").findMany(value);
+                return (_a = prop("onValueChange")) == null ? void 0 : _a({ value, items });
               }
-              this.tryFocus(destinationNode);
-            }
+            })),
+            highlightedValue: bindable2(() => ({
+              defaultValue: prop("defaultHighlightedValue") || null,
+              value: prop("highlightedValue"),
+              sync: true,
+              onChange(value) {
+                var _a;
+                (_a = prop("onHighlightChange")) == null ? void 0 : _a({
+                  highlightedValue: value,
+                  highlightedItem: prop("collection").find(value),
+                  highlightedIndex: prop("collection").indexOf(value)
+                });
+              }
+            })),
+            highlightedItem: bindable2(() => ({
+              defaultValue: null
+            })),
+            selectedItems: bindable2(() => {
+              var _a, _b;
+              const value = (_b = (_a = prop("value")) != null ? _a : prop("defaultValue")) != null ? _b : [];
+              const items = prop("collection").findMany(value);
+              return { defaultValue: items };
+            }),
+            focused: bindable2(() => ({
+              sync: true,
+              defaultValue: false
+            }))
+          };
+        },
+        refs() {
+          return {
+            typeahead: __spreadValues({}, getByTypeahead.defaultOptions),
+            focusVisible: false,
+            inputState: { autoHighlight: false, focused: false }
+          };
+        },
+        computed: {
+          hasSelectedItems: ({ context }) => context.get("value").length > 0,
+          isTypingAhead: ({ refs }) => refs.get("typeahead").keysSoFar !== "",
+          isInteractive: ({ prop }) => !prop("disabled"),
+          selection: ({ context, prop }) => {
+            const selection = new Selection(context.get("value"));
+            selection.selectionMode = prop("selectionMode");
+            selection.deselectable = !!prop("deselectable");
+            return selection;
+          },
+          multiple: ({ prop }) => prop("selectionMode") === "multiple" || prop("selectionMode") === "extended",
+          valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems"))
+        },
+        initialState() {
+          return "idle";
+        },
+        watch({ context, prop, track, action }) {
+          track([() => context.get("value").toString()], () => {
+            action(["syncSelectedItems"]);
           });
-          __publicField5(this, "handleEscapeKey", (event) => {
-            if (isEscapeEvent(event) && valueOrHandler(this.config.escapeDeactivates, event) !== false) {
-              event.preventDefault();
-              this.deactivate();
-            }
+          track([() => context.get("highlightedValue")], () => {
+            action(["syncHighlightedItem"]);
           });
-          __publicField5(this, "_mutationObserver");
-          __publicField5(this, "setupMutationObserver", () => {
-            const win = this.doc.defaultView || window;
-            this._mutationObserver = new win.MutationObserver((mutations) => {
-              const isFocusedNodeRemoved = mutations.some((mutation) => {
-                const removedNodes = Array.from(mutation.removedNodes);
-                return removedNodes.some((node) => node === this.state.mostRecentlyFocusedNode);
-              });
-              if (isFocusedNodeRemoved) {
-                this.tryFocus(this.getInitialFocusNode());
+          track([() => prop("collection").toString()], () => {
+            action(["syncHighlightedValue"]);
+          });
+        },
+        effects: ["trackFocusVisible"],
+        on: {
+          "HIGHLIGHTED_VALUE.SET": {
+            actions: ["setHighlightedItem"]
+          },
+          "ITEM.SELECT": {
+            actions: ["selectItem"]
+          },
+          "ITEM.CLEAR": {
+            actions: ["clearItem"]
+          },
+          "VALUE.SET": {
+            actions: ["setSelectedItems"]
+          },
+          "VALUE.CLEAR": {
+            actions: ["clearSelectedItems"]
+          }
+        },
+        states: {
+          idle: {
+            effects: ["scrollToHighlightedItem"],
+            on: {
+              "INPUT.FOCUS": {
+                actions: ["setFocused", "setInputState"]
+              },
+              "CONTENT.FOCUS": [
+                {
+                  guard: or("hasSelectedValue", "hasHighlightedValue"),
+                  actions: ["setFocused"]
+                },
+                {
+                  actions: ["setFocused", "setDefaultHighlightedValue"]
+                }
+              ],
+              "CONTENT.BLUR": {
+                actions: ["clearFocused", "clearInputState"]
+              },
+              "ITEM.CLICK": {
+                actions: ["setHighlightedItem", "selectHighlightedItem"]
+              },
+              "CONTENT.TYPEAHEAD": {
+                actions: ["setFocused", "highlightMatchingItem"]
+              },
+              "ITEM.POINTER_MOVE": {
+                actions: ["highlightItem"]
+              },
+              "ITEM.POINTER_LEAVE": {
+                actions: ["clearHighlightedItem"]
+              },
+              NAVIGATE: {
+                actions: ["setFocused", "setHighlightedItem", "selectWithKeyboard"]
               }
-              const hasControlledChanges = mutations.some((mutation) => {
-                if (mutation.type === "attributes" && (mutation.attributeName === "aria-controls" || mutation.attributeName === "aria-expanded")) {
-                  return true;
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            hasSelectedValue: ({ context }) => context.get("value").length > 0,
+            hasHighlightedValue: ({ context }) => context.get("highlightedValue") != null
+          },
+          effects: {
+            trackFocusVisible: ({ scope, refs }) => {
+              var _a;
+              return trackFocusVisible({
+                root: (_a = scope.getRootNode) == null ? void 0 : _a.call(scope),
+                onChange(details) {
+                  refs.set("focusVisible", details.isFocusVisible);
                 }
-                if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
-                  return Array.from(mutation.addedNodes).some((node) => {
-                    if (node.nodeType !== Node.ELEMENT_NODE) return false;
-                    const element = node;
-                    if (hasControllerElements(element)) {
-                      return true;
-                    }
-                    if (element.id && !this.state.containers.some((c2) => c2.contains(element))) {
-                      return isControlledByExpandedController(element);
+              });
+            },
+            scrollToHighlightedItem({ context, prop, scope }) {
+              const exec = (immediate) => {
+                const highlightedValue = context.get("highlightedValue");
+                if (highlightedValue == null) return;
+                const modality = getInteractionModality();
+                if (modality !== "keyboard") return;
+                const contentEl2 = getContentEl6(scope);
+                const scrollToIndexFn = prop("scrollToIndexFn");
+                if (scrollToIndexFn) {
+                  const highlightedIndex = prop("collection").indexOf(highlightedValue);
+                  scrollToIndexFn == null ? void 0 : scrollToIndexFn({
+                    index: highlightedIndex,
+                    immediate,
+                    getElement() {
+                      return getItemEl2(scope, highlightedValue);
                     }
-                    return false;
                   });
+                  return;
+                }
+                const itemEl = getItemEl2(scope, highlightedValue);
+                scrollIntoView(itemEl, { rootEl: contentEl2, block: "nearest" });
+              };
+              raf(() => exec(true));
+              const contentEl = () => getContentEl6(scope);
+              return observeAttributes(contentEl, {
+                defer: true,
+                attributes: ["data-activedescendant"],
+                callback() {
+                  exec(false);
                 }
-                return false;
-              });
-              if (hasControlledChanges && this.state.active && !this.state.paused) {
-                this.updateTabbableNodes();
-                this.updatePortalContainers();
-              }
-            });
-          });
-          __publicField5(this, "updateObservedNodes", () => {
-            var _a;
-            (_a = this._mutationObserver) == null ? void 0 : _a.disconnect();
-            if (this.state.active && !this.state.paused) {
-              this.state.containers.map((container) => {
-                var _a2;
-                (_a2 = this._mutationObserver) == null ? void 0 : _a2.observe(container, {
-                  subtree: true,
-                  childList: true,
-                  attributes: true,
-                  attributeFilter: ["aria-controls", "aria-expanded"]
-                });
-              });
-              this.portalContainers.forEach((portalContainer) => {
-                this.observePortalContainer(portalContainer);
               });
             }
-          });
-          __publicField5(this, "getInitialFocusNode", () => {
-            let node = this.getNodeForOption("initialFocus", { hasFallback: true });
-            if (node === false) {
-              return false;
-            }
-            if (node === void 0 || node && !isFocusable(node)) {
-              const activeElement = getActiveElement(this.doc);
-              if (activeElement && this.findContainerIndex(activeElement) >= 0) {
-                node = activeElement;
+          },
+          actions: {
+            selectHighlightedItem({ context, prop, event, computed }) {
+              var _a;
+              const value = (_a = event.value) != null ? _a : context.get("highlightedValue");
+              const collection22 = prop("collection");
+              if (value == null || !collection22.has(value)) return;
+              const selection = computed("selection");
+              if (event.shiftKey && computed("multiple") && event.anchorValue) {
+                const next2 = selection.extendSelection(collection22, event.anchorValue, value);
+                invokeOnSelect(selection, next2, prop("onSelect"));
+                context.set("value", Array.from(next2));
               } else {
-                const firstTabbableGroup = this.state.tabbableGroups[0];
-                const firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
-                node = firstTabbableNode || this.getNodeForOption("fallbackFocus");
+                const next2 = selection.select(collection22, value, event.metaKey);
+                invokeOnSelect(selection, next2, prop("onSelect"));
+                context.set("value", Array.from(next2));
               }
-            } else if (node === null) {
-              node = this.getNodeForOption("fallbackFocus");
-            }
-            if (!node) {
-              throw new Error("Your focus-trap needs to have at least one focusable element");
-            }
-            if (!node.isConnected) {
-              node = this.getNodeForOption("fallbackFocus");
-            }
-            return node;
-          });
-          __publicField5(this, "tryFocus", (node) => {
-            if (node === false) return;
-            if (node === getActiveElement(this.doc)) return;
-            if (!node || !node.focus) {
-              this.tryFocus(this.getInitialFocusNode());
-              return;
-            }
-            node.focus({ preventScroll: !!this.config.preventScroll });
-            this.state.mostRecentlyFocusedNode = node;
-            if (isSelectableInput(node)) {
-              node.select();
-            }
-          });
-          __publicField5(this, "deactivate", (deactivateOptions) => {
-            if (!this.state.active) return this;
-            const options2 = __spreadValues({
-              onDeactivate: this.config.onDeactivate,
-              onPostDeactivate: this.config.onPostDeactivate,
-              checkCanReturnFocus: this.config.checkCanReturnFocus
-            }, deactivateOptions);
-            clearTimeout(this.state.delayInitialFocusTimer);
-            this.state.delayInitialFocusTimer = void 0;
-            this.removeListeners();
-            this.state.active = false;
-            this.state.paused = false;
-            this.updateObservedNodes();
-            activeFocusTraps.deactivateTrap(this.trapStack, this);
-            this.portalContainers.clear();
-            const onDeactivate = this.getOption(options2, "onDeactivate");
-            const onPostDeactivate = this.getOption(options2, "onPostDeactivate");
-            const checkCanReturnFocus = this.getOption(options2, "checkCanReturnFocus");
-            const returnFocus = this.getOption(options2, "returnFocus", "returnFocusOnDeactivate");
-            onDeactivate == null ? void 0 : onDeactivate();
-            const finishDeactivation = () => {
-              delay(() => {
-                if (returnFocus) {
-                  const returnFocusNode = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
-                  this.tryFocus(returnFocusNode);
-                }
-                onPostDeactivate == null ? void 0 : onPostDeactivate();
+            },
+            selectWithKeyboard({ context, prop, event, computed }) {
+              const selection = computed("selection");
+              const collection22 = prop("collection");
+              if (event.shiftKey && computed("multiple") && event.anchorValue) {
+                const next2 = selection.extendSelection(collection22, event.anchorValue, event.value);
+                invokeOnSelect(selection, next2, prop("onSelect"));
+                context.set("value", Array.from(next2));
+                return;
+              }
+              if (prop("selectOnHighlight")) {
+                const next2 = selection.replaceSelection(collection22, event.value);
+                invokeOnSelect(selection, next2, prop("onSelect"));
+                context.set("value", Array.from(next2));
+              }
+            },
+            highlightItem({ context, event }) {
+              context.set("highlightedValue", event.value);
+            },
+            highlightMatchingItem({ context, prop, event, refs }) {
+              const value = prop("collection").search(event.key, {
+                state: refs.get("typeahead"),
+                currentValue: context.get("highlightedValue")
               });
-            };
-            if (returnFocus && checkCanReturnFocus) {
-              const returnFocusNode = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
-              checkCanReturnFocus(returnFocusNode).then(finishDeactivation, finishDeactivation);
-              return this;
+              if (value == null) return;
+              context.set("highlightedValue", value);
+            },
+            setHighlightedItem({ context, event }) {
+              context.set("highlightedValue", event.value);
+            },
+            clearHighlightedItem({ context }) {
+              context.set("highlightedValue", null);
+            },
+            selectItem({ context, prop, event, computed }) {
+              const collection22 = prop("collection");
+              const selection = computed("selection");
+              const next2 = selection.select(collection22, event.value);
+              invokeOnSelect(selection, next2, prop("onSelect"));
+              context.set("value", Array.from(next2));
+            },
+            clearItem({ context, event, computed }) {
+              const selection = computed("selection");
+              const value = selection.deselect(event.value);
+              context.set("value", Array.from(value));
+            },
+            setSelectedItems({ context, event }) {
+              context.set("value", event.value);
+            },
+            clearSelectedItems({ context }) {
+              context.set("value", []);
+            },
+            syncSelectedItems({ context, prop }) {
+              const collection22 = prop("collection");
+              const prevSelectedItems = context.get("selectedItems");
+              const value = context.get("value");
+              const selectedItems = value.map((value2) => {
+                const item = prevSelectedItems.find((item2) => collection22.getItemValue(item2) === value2);
+                return item || collection22.find(value2);
+              });
+              context.set("selectedItems", selectedItems);
+            },
+            syncHighlightedItem({ context, prop }) {
+              const collection22 = prop("collection");
+              const highlightedValue = context.get("highlightedValue");
+              const highlightedItem = highlightedValue ? collection22.find(highlightedValue) : null;
+              context.set("highlightedItem", highlightedItem);
+            },
+            syncHighlightedValue({ context, prop, refs }) {
+              const collection22 = prop("collection");
+              const highlightedValue = context.get("highlightedValue");
+              const { autoHighlight } = refs.get("inputState");
+              if (autoHighlight) {
+                queueMicrotask(() => {
+                  var _a;
+                  context.set("highlightedValue", (_a = prop("collection").firstValue) != null ? _a : null);
+                });
+                return;
+              }
+              if (highlightedValue != null && !collection22.has(highlightedValue)) {
+                queueMicrotask(() => {
+                  context.set("highlightedValue", null);
+                });
+              }
+            },
+            setFocused({ context }) {
+              context.set("focused", true);
+            },
+            setDefaultHighlightedValue({ context, prop }) {
+              const collection22 = prop("collection");
+              const firstValue = collection22.firstValue;
+              if (firstValue != null) {
+                context.set("highlightedValue", firstValue);
+              }
+            },
+            clearFocused({ context }) {
+              context.set("focused", false);
+            },
+            setInputState({ refs, event }) {
+              refs.set("inputState", { autoHighlight: !!event.autoHighlight, focused: true });
+            },
+            clearInputState({ refs }) {
+              refs.set("inputState", { autoHighlight: false, focused: false });
             }
-            finishDeactivation();
-            return this;
+          }
+        }
+      });
+      diff2 = (a2, b2) => {
+        const result = new Set(a2);
+        for (const item of b2) result.delete(item);
+        return result;
+      };
+      props13 = createProps()([
+        "collection",
+        "defaultHighlightedValue",
+        "defaultValue",
+        "dir",
+        "disabled",
+        "deselectable",
+        "disallowSelectAll",
+        "getRootNode",
+        "highlightedValue",
+        "id",
+        "ids",
+        "loopFocus",
+        "onHighlightChange",
+        "onSelect",
+        "onValueChange",
+        "orientation",
+        "scrollToIndexFn",
+        "selectionMode",
+        "selectOnHighlight",
+        "typeahead",
+        "value"
+      ]);
+      splitProps13 = createSplitProps(props13);
+      itemProps4 = createProps()(["item", "highlightOnHover"]);
+      splitItemProps4 = createSplitProps(itemProps4);
+      itemGroupProps2 = createProps()(["id"]);
+      splitItemGroupProps2 = createSplitProps(itemGroupProps2);
+      itemGroupLabelProps2 = createProps()(["htmlFor"]);
+      splitItemGroupLabelProps2 = createSplitProps(itemGroupLabelProps2);
+      Listbox = class extends Component {
+        constructor(el, props26) {
+          var _a;
+          super(el, props26);
+          __publicField(this, "_options", []);
+          __publicField(this, "hasGroups", false);
+          __publicField(this, "init", () => {
+            this.machine.start();
+            this.render();
+            this.machine.subscribe(() => {
+              this.api = this.initApi();
+              this.render();
+            });
           });
-          __publicField5(this, "pause", (pauseOptions) => {
-            if (this.state.paused || !this.state.active) {
-              return this;
-            }
-            const onPause = this.getOption(pauseOptions, "onPause");
-            const onPostPause = this.getOption(pauseOptions, "onPostPause");
-            this.state.paused = true;
-            onPause == null ? void 0 : onPause();
-            this.removeListeners();
-            this.updateObservedNodes();
-            onPostPause == null ? void 0 : onPostPause();
-            return this;
+          const collectionFromProps = props26.collection;
+          this._options = (_a = collectionFromProps == null ? void 0 : collectionFromProps.items) != null ? _a : [];
+        }
+        get options() {
+          return Array.isArray(this._options) ? this._options : [];
+        }
+        setOptions(options) {
+          this._options = Array.isArray(options) ? options : [];
+        }
+        getCollection() {
+          const items = this.options;
+          if (this.hasGroups) {
+            return collection2({
+              items,
+              itemToValue: (item) => {
+                var _a, _b;
+                return (_b = (_a = item.id) != null ? _a : item.value) != null ? _b : "";
+              },
+              itemToString: (item) => item.label,
+              isItemDisabled: (item) => !!item.disabled,
+              groupBy: (item) => {
+                var _a;
+                return (_a = item.group) != null ? _a : "";
+              }
+            });
+          }
+          return collection2({
+            items,
+            itemToValue: (item) => {
+              var _a, _b;
+              return (_b = (_a = item.id) != null ? _a : item.value) != null ? _b : "";
+            },
+            itemToString: (item) => item.label,
+            isItemDisabled: (item) => !!item.disabled
           });
-          __publicField5(this, "unpause", (unpauseOptions) => {
-            if (!this.state.paused || !this.state.active) {
-              return this;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          const getCollection = this.getCollection.bind(this);
+          const collectionFromProps = props26.collection;
+          return new VanillaMachine(machine13, __spreadProps(__spreadValues({}, props26), {
+            get collection() {
+              return collectionFromProps != null ? collectionFromProps : getCollection();
             }
-            const onUnpause = this.getOption(unpauseOptions, "onUnpause");
-            const onPostUnpause = this.getOption(unpauseOptions, "onPostUnpause");
-            this.state.paused = false;
-            onUnpause == null ? void 0 : onUnpause();
-            this.updateTabbableNodes();
-            this.addListeners();
-            this.updateObservedNodes();
-            onPostUnpause == null ? void 0 : onPostUnpause();
-            return this;
-          });
-          __publicField5(this, "updateContainerElements", (containerElements) => {
-            this.state.containers = Array.isArray(containerElements) ? containerElements.filter(Boolean) : [containerElements].filter(Boolean);
-            if (this.state.active) {
-              this.updateTabbableNodes();
+          }));
+        }
+        initApi() {
+          return connect13(this.machine.service, normalizeProps);
+        }
+        applyItemProps() {
+          const contentEl = this.el.querySelector(
+            '[data-scope="listbox"][data-part="content"]'
+          );
+          if (!contentEl) return;
+          contentEl.querySelectorAll('[data-scope="listbox"][data-part="item-group"]').forEach((groupEl) => {
+            var _a;
+            const groupId = (_a = groupEl.dataset.id) != null ? _a : "";
+            this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
+            const labelEl = groupEl.querySelector(
+              '[data-scope="listbox"][data-part="item-group-label"]'
+            );
+            if (labelEl) {
+              this.spreadProps(labelEl, this.api.getItemGroupLabelProps({ htmlFor: groupId }));
             }
-            this.updateObservedNodes();
-            return this;
           });
-          __publicField5(this, "getReturnFocusNode", (previousActiveElement) => {
-            const node = this.getNodeForOption("setReturnFocus", {
-              params: [previousActiveElement]
+          contentEl.querySelectorAll('[data-scope="listbox"][data-part="item"]').forEach((itemEl) => {
+            var _a;
+            const value = (_a = itemEl.dataset.value) != null ? _a : "";
+            const item = this.options.find((i2) => {
+              var _a2, _b;
+              return String((_b = (_a2 = i2.id) != null ? _a2 : i2.value) != null ? _b : "") === String(value);
             });
-            return node ? node : node === false ? false : previousActiveElement;
-          });
-          __publicField5(this, "getOption", (configOverrideOptions, optionName, configOptionName) => {
-            return configOverrideOptions && configOverrideOptions[optionName] !== void 0 ? configOverrideOptions[optionName] : (
-              // @ts-expect-error
-              this.config[configOptionName || optionName]
+            if (!item) return;
+            this.spreadProps(itemEl, this.api.getItemProps({ item }));
+            const textEl = itemEl.querySelector(
+              '[data-scope="listbox"][data-part="item-text"]'
             );
-          });
-          __publicField5(this, "getNodeForOption", (optionName, { hasFallback = false, params = [] } = {}) => {
-            let optionValue = this.config[optionName];
-            if (typeof optionValue === "function") optionValue = optionValue(...params);
-            if (optionValue === true) optionValue = void 0;
-            if (!optionValue) {
-              if (optionValue === void 0 || optionValue === false) {
-                return optionValue;
-              }
-              throw new Error(`\`${optionName}\` was specified but was not a node, or did not return a node`);
-            }
-            let node = optionValue;
-            if (typeof optionValue === "string") {
-              try {
-                node = this.doc.querySelector(optionValue);
-              } catch (err) {
-                throw new Error(`\`${optionName}\` appears to be an invalid selector; error="${err.message}"`);
-              }
-              if (!node) {
-                if (!hasFallback) {
-                  throw new Error(`\`${optionName}\` as selector refers to no known node`);
-                }
-              }
+            if (textEl) {
+              this.spreadProps(textEl, this.api.getItemTextProps({ item }));
             }
-            return node;
-          });
-          __publicField5(this, "findNextNavNode", (opts) => {
-            const { event, isBackward = false } = opts;
-            const target = opts.target || getEventTarget(event);
-            this.updateTabbableNodes();
-            let destinationNode = null;
-            if (this.state.tabbableGroups.length > 0) {
-              const containerIndex = this.findContainerIndex(target, event);
-              const containerGroup = containerIndex >= 0 ? this.state.containerGroups[containerIndex] : void 0;
-              if (containerIndex < 0) {
-                if (isBackward) {
-                  destinationNode = this.state.tabbableGroups[this.state.tabbableGroups.length - 1].lastTabbableNode;
-                } else {
-                  destinationNode = this.state.tabbableGroups[0].firstTabbableNode;
-                }
-              } else if (isBackward) {
-                let startOfGroupIndex = this.state.tabbableGroups.findIndex(
-                  ({ firstTabbableNode }) => target === firstTabbableNode
-                );
-                if (startOfGroupIndex < 0 && ((containerGroup == null ? void 0 : containerGroup.container) === target || isFocusable(target) && !isTabbable(target) && !(containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target, false)))) {
-                  startOfGroupIndex = containerIndex;
-                }
-                if (startOfGroupIndex >= 0) {
-                  const destinationGroupIndex = startOfGroupIndex === 0 ? this.state.tabbableGroups.length - 1 : startOfGroupIndex - 1;
-                  const destinationGroup = this.state.tabbableGroups[destinationGroupIndex];
-                  destinationNode = getTabIndex(target) >= 0 ? destinationGroup.lastTabbableNode : destinationGroup.lastDomTabbableNode;
-                } else if (!isTabEvent(event)) {
-                  destinationNode = containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target, false);
-                }
-              } else {
-                let lastOfGroupIndex = this.state.tabbableGroups.findIndex(
-                  ({ lastTabbableNode }) => target === lastTabbableNode
-                );
-                if (lastOfGroupIndex < 0 && ((containerGroup == null ? void 0 : containerGroup.container) === target || isFocusable(target) && !isTabbable(target) && !(containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target)))) {
-                  lastOfGroupIndex = containerIndex;
-                }
-                if (lastOfGroupIndex >= 0) {
-                  const destinationGroupIndex = lastOfGroupIndex === this.state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
-                  const destinationGroup = this.state.tabbableGroups[destinationGroupIndex];
-                  destinationNode = getTabIndex(target) >= 0 ? destinationGroup.firstTabbableNode : destinationGroup.firstDomTabbableNode;
-                } else if (!isTabEvent(event)) {
-                  destinationNode = containerGroup == null ? void 0 : containerGroup.nextTabbableNode(target);
-                }
-              }
-            } else {
-              destinationNode = this.getNodeForOption("fallbackFocus");
+            const indicatorEl = itemEl.querySelector(
+              '[data-scope="listbox"][data-part="item-indicator"]'
+            );
+            if (indicatorEl) {
+              this.spreadProps(indicatorEl, this.api.getItemIndicatorProps({ item }));
             }
-            return destinationNode;
           });
-          this.trapStack = options.trapStack || sharedTrapStack;
-          const config = __spreadValues({
-            returnFocusOnDeactivate: true,
-            escapeDeactivates: true,
-            delayInitialFocus: true,
-            followControlledElements: true,
-            isKeyForward,
-            isKeyBackward
-          }, options);
-          this.doc = config.document || getDocument(Array.isArray(elements) ? elements[0] : elements);
-          this.config = config;
-          this.updateContainerElements(elements);
-          this.setupMutationObserver();
         }
-        addPortalContainer(controlledElement) {
-          const portalContainer = controlledElement.parentElement;
-          if (portalContainer && !this.portalContainers.has(portalContainer)) {
-            this.portalContainers.add(portalContainer);
-            if (this.state.active && !this.state.paused) {
-              this.observePortalContainer(portalContainer);
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="listbox"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const labelEl = this.el.querySelector('[data-scope="listbox"][data-part="label"]');
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const valueTextEl = this.el.querySelector(
+            '[data-scope="listbox"][data-part="value-text"]'
+          );
+          if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+          const inputEl = this.el.querySelector('[data-scope="listbox"][data-part="input"]');
+          if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+          const contentEl = this.el.querySelector(
+            '[data-scope="listbox"][data-part="content"]'
+          );
+          if (contentEl) {
+            this.spreadProps(contentEl, this.api.getContentProps());
+            this.applyItemProps();
+          }
+        }
+      };
+      ListboxHook = {
+        mounted() {
+          var _a;
+          const el = this.el;
+          const allItems = JSON.parse((_a = el.dataset.collection) != null ? _a : "[]");
+          const hasGroups = allItems.some((item) => item.group !== void 0);
+          const valueList = getStringList(el, "value");
+          const defaultValueList = getStringList(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          const zag = new Listbox(el, __spreadProps(__spreadValues({
+            id: el.id,
+            collection: buildCollection(allItems, hasGroups)
+          }, controlled && valueList ? { value: valueList } : { defaultValue: defaultValueList != null ? defaultValueList : [] }), {
+            disabled: getBoolean(el, "disabled"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            orientation: getString(el, "orientation", [
+              "horizontal",
+              "vertical"
+            ]),
+            loopFocus: getBoolean(el, "loopFocus"),
+            selectionMode: getString(el, "selectionMode", [
+              "single",
+              "multiple",
+              "extended"
+            ]),
+            selectOnHighlight: getBoolean(el, "selectOnHighlight"),
+            deselectable: getBoolean(el, "deselectable"),
+            typeahead: getBoolean(el, "typeahead"),
+            onValueChange: (details) => {
+              const eventName = getString(el, "onValueChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  items: details.items,
+                  id: el.id
+                });
+              }
+              const clientName = getString(el, "onValueChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
             }
+          }));
+          zag.hasGroups = hasGroups;
+          zag.setOptions(allItems);
+          zag.init();
+          this.listbox = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a;
+          const newItems = JSON.parse((_a = this.el.dataset.collection) != null ? _a : "[]");
+          const hasGroups = newItems.some((item) => item.group !== void 0);
+          const valueList = getStringList(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          if (this.listbox) {
+            this.listbox.hasGroups = hasGroups;
+            this.listbox.setOptions(newItems);
+            this.listbox.updateProps(__spreadProps(__spreadValues({
+              collection: buildCollection(newItems, hasGroups),
+              id: this.el.id
+            }, controlled && valueList ? { value: valueList } : {}), {
+              disabled: getBoolean(this.el, "disabled"),
+              dir: getString(this.el, "dir", ["ltr", "rtl"]),
+              orientation: getString(this.el, "orientation", [
+                "horizontal",
+                "vertical"
+              ])
+            }));
+          }
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
+          (_a = this.listbox) == null ? void 0 : _a.destroy();
         }
-        observePortalContainer(portalContainer) {
+      };
+    }
+  });
+
+  // ../priv/static/menu.mjs
+  var menu_exports = {};
+  __export(menu_exports, {
+    Menu: () => MenuHook
+  });
+  function dispatchSelectionEvent(el, value) {
+    if (!el) return;
+    const win = getWindow(el);
+    const event = new win.CustomEvent(itemSelectEvent, { detail: { value } });
+    el.dispatchEvent(event);
+  }
+  function connect14(service, normalize) {
+    const { context, send, state: state2, computed, prop, scope } = service;
+    const open = state2.hasTag("open");
+    const isSubmenu = context.get("isSubmenu");
+    const isTypingAhead = computed("isTypingAhead");
+    const composite = prop("composite");
+    const currentPlacement = context.get("currentPlacement");
+    const anchorPoint = context.get("anchorPoint");
+    const highlightedValue = context.get("highlightedValue");
+    const popperStyles = getPlacementStyles(__spreadProps(__spreadValues({}, prop("positioning")), {
+      placement: anchorPoint ? "bottom" : currentPlacement
+    }));
+    function getItemState(props26) {
+      return {
+        id: getItemId5(scope, props26.value),
+        disabled: !!props26.disabled,
+        highlighted: highlightedValue === props26.value
+      };
+    }
+    function getOptionItemProps(props26) {
+      var _a;
+      const valueText = (_a = props26.valueText) != null ? _a : props26.value;
+      return __spreadProps(__spreadValues({}, props26), { id: props26.value, valueText });
+    }
+    function getOptionItemState(props26) {
+      const itemState = getItemState(getOptionItemProps(props26));
+      return __spreadProps(__spreadValues({}, itemState), {
+        checked: !!props26.checked
+      });
+    }
+    function getItemProps(props26) {
+      const { closeOnSelect, valueText, value } = props26;
+      const itemState = getItemState(props26);
+      const id = getItemId5(scope, value);
+      return normalize.element(__spreadProps(__spreadValues({}, parts14.item.attrs), {
+        id,
+        role: "menuitem",
+        "aria-disabled": ariaAttr(itemState.disabled),
+        "data-disabled": dataAttr(itemState.disabled),
+        "data-ownedby": getContentId7(scope),
+        "data-highlighted": dataAttr(itemState.highlighted),
+        "data-value": value,
+        "data-valuetext": valueText,
+        onDragStart(event) {
+          const isLink = event.currentTarget.matches("a[href]");
+          if (isLink) event.preventDefault();
+        },
+        onPointerMove(event) {
+          if (itemState.disabled) return;
+          if (event.pointerType !== "mouse") return;
+          const target = event.currentTarget;
+          if (itemState.highlighted) return;
+          const point = getEventPoint(event);
+          send({ type: "ITEM_POINTERMOVE", id, target, closeOnSelect, point });
+        },
+        onPointerLeave(event) {
           var _a;
-          (_a = this._mutationObserver) == null ? void 0 : _a.observe(portalContainer, {
-            subtree: true,
-            childList: true,
-            attributes: true,
-            attributeFilter: ["aria-controls", "aria-expanded"]
-          });
+          if (itemState.disabled) return;
+          if (event.pointerType !== "mouse") return;
+          const pointerMoved = (_a = service.event.previous()) == null ? void 0 : _a.type.includes("POINTER");
+          if (!pointerMoved) return;
+          const target = event.currentTarget;
+          send({ type: "ITEM_POINTERLEAVE", id, target, closeOnSelect });
+        },
+        onPointerDown(event) {
+          if (itemState.disabled) return;
+          const target = event.currentTarget;
+          send({ type: "ITEM_POINTERDOWN", target, id, closeOnSelect });
+        },
+        onClick(event) {
+          if (isDownloadingEvent(event)) return;
+          if (isOpeningInNewTab(event)) return;
+          if (itemState.disabled) return;
+          const target = event.currentTarget;
+          send({ type: "ITEM_CLICK", target, id, closeOnSelect });
         }
-        updatePortalContainers() {
-          if (!this.config.followControlledElements) return;
-          this.state.containers.forEach((container) => {
-            const controlledElements = getControlledElements(container);
-            controlledElements.forEach((controlledElement) => {
-              this.addPortalContainer(controlledElement);
+      }));
+    }
+    return {
+      highlightedValue,
+      open,
+      setOpen(nextOpen) {
+        const open2 = state2.hasTag("open");
+        if (open2 === nextOpen) return;
+        send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      },
+      setHighlightedValue(value) {
+        send({ type: "HIGHLIGHTED.SET", value });
+      },
+      setParent(parent) {
+        send({ type: "PARENT.SET", value: parent, id: parent.prop("id") });
+      },
+      setChild(child) {
+        send({ type: "CHILD.SET", value: child, id: child.prop("id") });
+      },
+      reposition(options = {}) {
+        send({ type: "POSITIONING.SET", options });
+      },
+      addItemListener(props26) {
+        const node = scope.getById(props26.id);
+        if (!node) return;
+        const listener = () => {
+          var _a;
+          return (_a = props26.onSelect) == null ? void 0 : _a.call(props26);
+        };
+        node.addEventListener(itemSelectEvent, listener);
+        return () => node.removeEventListener(itemSelectEvent, listener);
+      },
+      getContextTriggerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.contextTrigger.attrs), {
+          dir: prop("dir"),
+          id: getContextTriggerId(scope),
+          "data-state": open ? "open" : "closed",
+          onPointerDown(event) {
+            if (event.pointerType === "mouse") return;
+            const point = getEventPoint(event);
+            send({ type: "CONTEXT_MENU_START", point });
+          },
+          onPointerCancel(event) {
+            if (event.pointerType === "mouse") return;
+            send({ type: "CONTEXT_MENU_CANCEL" });
+          },
+          onPointerMove(event) {
+            if (event.pointerType === "mouse") return;
+            send({ type: "CONTEXT_MENU_CANCEL" });
+          },
+          onPointerUp(event) {
+            if (event.pointerType === "mouse") return;
+            send({ type: "CONTEXT_MENU_CANCEL" });
+          },
+          onContextMenu(event) {
+            const point = getEventPoint(event);
+            send({ type: "CONTEXT_MENU", point });
+            event.preventDefault();
+          },
+          style: {
+            WebkitTouchCallout: "none",
+            WebkitUserSelect: "none",
+            userSelect: "none"
+          }
+        }));
+      },
+      getTriggerItemProps(childApi) {
+        const triggerProps2 = childApi.getTriggerProps();
+        return mergeProps(getItemProps({ value: triggerProps2.id }), triggerProps2);
+      },
+      getTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, isSubmenu ? parts14.triggerItem.attrs : parts14.trigger.attrs), {
+          "data-placement": context.get("currentPlacement"),
+          type: "button",
+          dir: prop("dir"),
+          id: getTriggerId6(scope),
+          "data-uid": prop("id"),
+          "aria-haspopup": composite ? "menu" : "dialog",
+          "aria-controls": getContentId7(scope),
+          "data-controls": getContentId7(scope),
+          "aria-expanded": open || void 0,
+          "data-state": open ? "open" : "closed",
+          onPointerMove(event) {
+            if (event.pointerType !== "mouse") return;
+            const disabled = isTargetDisabled(event.currentTarget);
+            if (disabled || !isSubmenu) return;
+            const point = getEventPoint(event);
+            send({ type: "TRIGGER_POINTERMOVE", target: event.currentTarget, point });
+          },
+          onPointerLeave(event) {
+            if (isTargetDisabled(event.currentTarget)) return;
+            if (event.pointerType !== "mouse") return;
+            if (!isSubmenu) return;
+            const point = getEventPoint(event);
+            send({
+              type: "TRIGGER_POINTERLEAVE",
+              target: event.currentTarget,
+              point
             });
-          });
-        }
-        get active() {
-          return this.state.active;
-        }
-        get paused() {
-          return this.state.paused;
-        }
-        findContainerIndex(element, event) {
-          const composedPath = typeof (event == null ? void 0 : event.composedPath) === "function" ? event.composedPath() : void 0;
-          return this.state.containerGroups.findIndex(
-            ({ container, tabbableNodes }) => container.contains(element) || (composedPath == null ? void 0 : composedPath.includes(container)) || tabbableNodes.find((node) => node === element) || this.isControlledElement(container, element)
-          );
-        }
-        isControlledElement(container, element) {
-          if (!this.config.followControlledElements) return false;
-          return isControlledElement(container, element);
-        }
-        updateTabbableNodes() {
-          this.state.containerGroups = this.state.containers.map((container) => {
-            const tabbableNodes = getTabbables(container, { getShadowRoot: this.config.getShadowRoot });
-            const focusableNodes = getFocusables(container, { getShadowRoot: this.config.getShadowRoot });
-            const firstTabbableNode = tabbableNodes[0];
-            const lastTabbableNode = tabbableNodes[tabbableNodes.length - 1];
-            const firstDomTabbableNode = firstTabbableNode;
-            const lastDomTabbableNode = lastTabbableNode;
-            let posTabIndexesFound = false;
-            for (let i2 = 0; i2 < tabbableNodes.length; i2++) {
-              if (getTabIndex(tabbableNodes[i2]) > 0) {
-                posTabIndexesFound = true;
-                break;
+          },
+          onPointerDown(event) {
+            if (isTargetDisabled(event.currentTarget)) return;
+            if (isContextMenuEvent(event)) return;
+            event.preventDefault();
+          },
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            if (isTargetDisabled(event.currentTarget)) return;
+            send({ type: "TRIGGER_CLICK", target: event.currentTarget });
+          },
+          onBlur() {
+            send({ type: "TRIGGER_BLUR" });
+          },
+          onFocus() {
+            send({ type: "TRIGGER_FOCUS" });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            const keyMap2 = {
+              ArrowDown() {
+                send({ type: "ARROW_DOWN" });
+              },
+              ArrowUp() {
+                send({ type: "ARROW_UP" });
+              },
+              Enter() {
+                send({ type: "ARROW_DOWN", src: "enter" });
+              },
+              Space() {
+                send({ type: "ARROW_DOWN", src: "space" });
               }
+            };
+            const key = getEventKey(event, {
+              orientation: "vertical",
+              dir: prop("dir")
+            });
+            const exec = keyMap2[key];
+            if (exec) {
+              event.preventDefault();
+              exec(event);
             }
-            function nextTabbableNode(node, forward = true) {
-              const nodeIdx = tabbableNodes.indexOf(node);
-              if (nodeIdx >= 0) {
-                return tabbableNodes[nodeIdx + (forward ? 1 : -1)];
+          }
+        }));
+      },
+      getIndicatorProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.indicator.attrs), {
+          dir: prop("dir"),
+          "data-state": open ? "open" : "closed"
+        }));
+      },
+      getPositionerProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.positioner.attrs), {
+          dir: prop("dir"),
+          id: getPositionerId5(scope),
+          style: popperStyles.floating
+        }));
+      },
+      getArrowProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getArrowId(scope)
+        }, parts14.arrow.attrs), {
+          dir: prop("dir"),
+          style: popperStyles.arrow
+        }));
+      },
+      getArrowTipProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.arrowTip.attrs), {
+          dir: prop("dir"),
+          style: popperStyles.arrowTip
+        }));
+      },
+      getContentProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.content.attrs), {
+          id: getContentId7(scope),
+          "aria-label": prop("aria-label"),
+          hidden: !open,
+          "data-state": open ? "open" : "closed",
+          role: composite ? "menu" : "dialog",
+          tabIndex: 0,
+          dir: prop("dir"),
+          "aria-activedescendant": computed("highlightedId") || void 0,
+          "aria-labelledby": getTriggerId6(scope),
+          "data-placement": currentPlacement,
+          onPointerEnter(event) {
+            if (event.pointerType !== "mouse") return;
+            send({ type: "MENU_POINTERENTER" });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (!contains(event.currentTarget, getEventTarget(event))) return;
+            const target = getEventTarget(event);
+            const sameMenu = (target == null ? void 0 : target.closest("[role=menu]")) === event.currentTarget || target === event.currentTarget;
+            if (!sameMenu) return;
+            if (event.key === "Tab") {
+              const valid = isValidTabEvent(event);
+              if (!valid) {
+                event.preventDefault();
+                return;
               }
-              const focusableIdx = focusableNodes.indexOf(node);
-              if (focusableIdx < 0) return void 0;
-              if (forward) {
-                for (let i2 = focusableIdx + 1; i2 < focusableNodes.length; i2++) {
-                  if (isTabbable(focusableNodes[i2])) return focusableNodes[i2];
-                }
-              } else {
-                for (let i2 = focusableIdx - 1; i2 >= 0; i2--) {
-                  if (isTabbable(focusableNodes[i2])) return focusableNodes[i2];
+            }
+            const keyMap2 = {
+              ArrowDown() {
+                send({ type: "ARROW_DOWN" });
+              },
+              ArrowUp() {
+                send({ type: "ARROW_UP" });
+              },
+              ArrowLeft() {
+                send({ type: "ARROW_LEFT" });
+              },
+              ArrowRight() {
+                send({ type: "ARROW_RIGHT" });
+              },
+              Enter() {
+                send({ type: "ENTER" });
+              },
+              Space(event2) {
+                var _a;
+                if (isTypingAhead) {
+                  send({ type: "TYPEAHEAD", key: event2.key });
+                } else {
+                  (_a = keyMap2.Enter) == null ? void 0 : _a.call(keyMap2, event2);
                 }
+              },
+              Home() {
+                send({ type: "HOME" });
+              },
+              End() {
+                send({ type: "END" });
               }
-              return void 0;
-            }
-            return {
-              container,
-              tabbableNodes,
-              focusableNodes,
-              posTabIndexesFound,
-              firstTabbableNode,
-              lastTabbableNode,
-              firstDomTabbableNode,
-              lastDomTabbableNode,
-              nextTabbableNode
             };
-          });
-          this.state.tabbableGroups = this.state.containerGroups.filter((group2) => group2.tabbableNodes.length > 0);
-          if (this.state.tabbableGroups.length <= 0 && !this.getNodeForOption("fallbackFocus")) {
-            throw new Error(
-              "Your focus-trap must have at least one container with at least one tabbable node in it at all times"
-            );
-          }
-          if (this.state.containerGroups.find((g2) => g2.posTabIndexesFound) && this.state.containerGroups.length > 1) {
-            throw new Error(
-              "At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps."
-            );
-          }
-        }
-        addListeners() {
-          if (!this.state.active) return;
-          activeFocusTraps.activateTrap(this.trapStack, this);
-          this.state.delayInitialFocusTimer = this.config.delayInitialFocus ? delay(() => {
-            this.tryFocus(this.getInitialFocusNode());
-          }) : this.tryFocus(this.getInitialFocusNode());
-          this.listenerCleanups.push(
-            addDomEvent(this.doc, "focusin", this.handleFocus, true),
-            addDomEvent(this.doc, "mousedown", this.handlePointerDown, { capture: true, passive: false }),
-            addDomEvent(this.doc, "touchstart", this.handlePointerDown, { capture: true, passive: false }),
-            addDomEvent(this.doc, "click", this.handleClick, { capture: true, passive: false }),
-            addDomEvent(this.doc, "keydown", this.handleTabKey, { capture: true, passive: false }),
-            addDomEvent(this.doc, "keydown", this.handleEscapeKey)
-          );
-          return this;
-        }
-        removeListeners() {
-          if (!this.state.active) return;
-          this.listenerCleanups.forEach((cleanup) => cleanup());
-          this.listenerCleanups = [];
-          return this;
-        }
-        activate(activateOptions) {
-          if (this.state.active) {
-            return this;
-          }
-          const onActivate = this.getOption(activateOptions, "onActivate");
-          const onPostActivate = this.getOption(activateOptions, "onPostActivate");
-          const checkCanFocusTrap = this.getOption(activateOptions, "checkCanFocusTrap");
-          if (!checkCanFocusTrap) {
-            this.updateTabbableNodes();
-          }
-          this.state.active = true;
-          this.state.paused = false;
-          this.state.nodeFocusedBeforeActivation = getActiveElement(this.doc);
-          onActivate == null ? void 0 : onActivate();
-          const finishActivation = () => {
-            if (checkCanFocusTrap) {
-              this.updateTabbableNodes();
+            const key = getEventKey(event, { dir: prop("dir") });
+            const exec = keyMap2[key];
+            if (exec) {
+              exec(event);
+              event.stopPropagation();
+              event.preventDefault();
+              return;
             }
-            this.addListeners();
-            this.updateObservedNodes();
-            onPostActivate == null ? void 0 : onPostActivate();
-          };
-          if (checkCanFocusTrap) {
-            checkCanFocusTrap(this.state.containers.concat()).then(finishActivation, finishActivation);
-            return this;
+            if (!prop("typeahead")) return;
+            if (!isPrintableKey(event)) return;
+            if (isModifierKey(event)) return;
+            if (isEditableElement(target)) return;
+            send({ type: "TYPEAHEAD", key: event.key });
+            event.preventDefault();
           }
-          finishActivation();
-          return this;
-        }
-      };
-      isKeyboardEvent = (event) => event.type === "keydown";
-      isTabEvent = (event) => isKeyboardEvent(event) && (event == null ? void 0 : event.key) === "Tab";
-      isKeyForward = (e2) => isKeyboardEvent(e2) && e2.key === "Tab" && !(e2 == null ? void 0 : e2.shiftKey);
-      isKeyBackward = (e2) => isKeyboardEvent(e2) && e2.key === "Tab" && (e2 == null ? void 0 : e2.shiftKey);
-      valueOrHandler = (value, ...params) => typeof value === "function" ? value(...params) : value;
-      isEscapeEvent = (event) => !event.isComposing && event.key === "Escape";
-      delay = (fn) => setTimeout(fn, 0);
-      isSelectableInput = (node) => node.localName === "input" && "select" in node && typeof node.select === "function";
-      LOCK_CLASSNAME = "data-scroll-lock";
-      anatomy7 = createAnatomy("dialog").parts(
-        "trigger",
-        "backdrop",
-        "positioner",
+        }));
+      },
+      getSeparatorProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.separator.attrs), {
+          role: "separator",
+          dir: prop("dir"),
+          "aria-orientation": "horizontal"
+        }));
+      },
+      getItemState,
+      getItemProps,
+      getOptionItemState,
+      getOptionItemProps(props26) {
+        const { type, disabled, closeOnSelect } = props26;
+        const option = getOptionItemProps(props26);
+        const itemState = getOptionItemState(props26);
+        return __spreadValues(__spreadValues({}, getItemProps(option)), normalize.element(__spreadProps(__spreadValues({
+          "data-type": type
+        }, parts14.item.attrs), {
+          dir: prop("dir"),
+          "data-value": option.value,
+          role: `menuitem${type}`,
+          "aria-checked": !!itemState.checked,
+          "data-state": itemState.checked ? "checked" : "unchecked",
+          onClick(event) {
+            if (disabled) return;
+            if (isDownloadingEvent(event)) return;
+            if (isOpeningInNewTab(event)) return;
+            const target = event.currentTarget;
+            send({ type: "ITEM_CLICK", target, option, closeOnSelect });
+          }
+        })));
+      },
+      getItemIndicatorProps(props26) {
+        const itemState = getOptionItemState(cast(props26));
+        const dataState = itemState.checked ? "checked" : "unchecked";
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.itemIndicator.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(itemState.disabled),
+          "data-highlighted": dataAttr(itemState.highlighted),
+          "data-state": hasProp(props26, "checked") ? dataState : void 0,
+          hidden: hasProp(props26, "checked") ? !itemState.checked : void 0
+        }));
+      },
+      getItemTextProps(props26) {
+        const itemState = getOptionItemState(cast(props26));
+        const dataState = itemState.checked ? "checked" : "unchecked";
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.itemText.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(itemState.disabled),
+          "data-highlighted": dataAttr(itemState.highlighted),
+          "data-state": hasProp(props26, "checked") ? dataState : void 0
+        }));
+      },
+      getItemGroupLabelProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({}, parts14.itemGroupLabel.attrs), {
+          id: getGroupLabelId(scope, props26.htmlFor),
+          dir: prop("dir")
+        }));
+      },
+      getItemGroupProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getGroupId(scope, props26.id)
+        }, parts14.itemGroup.attrs), {
+          dir: prop("dir"),
+          "aria-labelledby": getGroupLabelId(scope, props26.id),
+          role: "group"
+        }));
+      }
+    };
+  }
+  function closeRootMenu(ctx) {
+    let parent = ctx.parent;
+    while (parent && parent.context.get("isSubmenu")) {
+      parent = parent.refs.get("parent");
+    }
+    parent == null ? void 0 : parent.send({ type: "CLOSE" });
+  }
+  function isWithinPolygon(polygon, point) {
+    if (!polygon) return false;
+    return isPointInPolygon(polygon, point);
+  }
+  function resolveItemId(children, value, scope) {
+    const hasChildren = Object.keys(children).length > 0;
+    if (!value) return null;
+    if (!hasChildren) {
+      return getItemId5(scope, value);
+    }
+    for (const id in children) {
+      const childMenu = children[id];
+      const childTriggerId = getTriggerId6(childMenu.scope);
+      if (childTriggerId === value) {
+        return childTriggerId;
+      }
+    }
+    return getItemId5(scope, value);
+  }
+  var anatomy14, parts14, getTriggerId6, getContextTriggerId, getContentId7, getArrowId, getPositionerId5, getGroupId, getItemId5, getItemValue, getGroupLabelId, getContentEl7, getPositionerEl5, getTriggerEl5, getItemEl3, getContextTriggerEl, getElements, getFirstEl, getLastEl, isMatch, getNextEl, getPrevEl, getElemByKey, isTargetDisabled, isTriggerItem, itemSelectEvent, not5, and5, or2, machine14, props14, splitProps14, itemProps5, splitItemProps5, itemGroupLabelProps3, splitItemGroupLabelProps3, itemGroupProps3, splitItemGroupProps3, optionItemProps, splitOptionItemProps, Menu, MenuHook;
+  var init_menu = __esm({
+    "../priv/static/menu.mjs"() {
+      "use strict";
+      init_chunk_BMVNROAE();
+      init_chunk_EENFWNGI();
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      anatomy14 = createAnatomy("menu").parts(
+        "arrow",
+        "arrowTip",
         "content",
-        "title",
-        "description",
-        "closeTrigger"
+        "contextTrigger",
+        "indicator",
+        "item",
+        "itemGroup",
+        "itemGroupLabel",
+        "itemIndicator",
+        "itemText",
+        "positioner",
+        "separator",
+        "trigger",
+        "triggerItem"
       );
-      parts7 = anatomy7.build();
-      getPositionerId3 = (ctx) => {
+      parts14 = anatomy14.build();
+      getTriggerId6 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `dialog:${ctx.id}:positioner`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `menu:${ctx.id}:trigger`;
       };
-      getBackdropId = (ctx) => {
+      getContextTriggerId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.backdrop) != null ? _b : `dialog:${ctx.id}:backdrop`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.contextTrigger) != null ? _b : `menu:${ctx.id}:ctx-trigger`;
       };
-      getContentId4 = (ctx) => {
+      getContentId7 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `dialog:${ctx.id}:content`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `menu:${ctx.id}:content`;
       };
-      getTriggerId4 = (ctx) => {
+      getArrowId = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `dialog:${ctx.id}:trigger`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.arrow) != null ? _b : `menu:${ctx.id}:arrow`;
       };
-      getTitleId = (ctx) => {
+      getPositionerId5 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `dialog:${ctx.id}:title`;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `menu:${ctx.id}:popper`;
       };
-      getDescriptionId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `dialog:${ctx.id}:description`;
+      getGroupId = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.group) == null ? void 0 : _b.call(_a, id)) != null ? _c : `menu:${ctx.id}:group:${id}`;
       };
-      getCloseTriggerId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `dialog:${ctx.id}:close`;
+      getItemId5 = (ctx, id) => `${ctx.id}/${id}`;
+      getItemValue = (el) => {
+        var _a;
+        return (_a = el == null ? void 0 : el.dataset.value) != null ? _a : null;
       };
-      getContentEl4 = (ctx) => ctx.getById(getContentId4(ctx));
-      getPositionerEl3 = (ctx) => ctx.getById(getPositionerId3(ctx));
-      getBackdropEl = (ctx) => ctx.getById(getBackdropId(ctx));
-      getTriggerEl3 = (ctx) => ctx.getById(getTriggerId4(ctx));
-      getTitleEl = (ctx) => ctx.getById(getTitleId(ctx));
-      getDescriptionEl = (ctx) => ctx.getById(getDescriptionId(ctx));
-      getCloseTriggerEl = (ctx) => ctx.getById(getCloseTriggerId(ctx));
-      machine7 = createMachine({
-        props({ props: props22, scope }) {
-          const alertDialog = props22.role === "alertdialog";
-          const initialFocusEl = alertDialog ? () => getCloseTriggerEl(scope) : void 0;
-          const modal = typeof props22.modal === "boolean" ? props22.modal : true;
-          return __spreadValues({
-            role: "dialog",
-            modal,
-            trapFocus: modal,
-            preventScroll: modal,
-            closeOnInteractOutside: !alertDialog,
-            closeOnEscape: true,
-            restoreFocus: true,
-            initialFocusEl
-          }, props22);
+      getGroupLabelId = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.groupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `menu:${ctx.id}:group-label:${id}`;
+      };
+      getContentEl7 = (ctx) => ctx.getById(getContentId7(ctx));
+      getPositionerEl5 = (ctx) => ctx.getById(getPositionerId5(ctx));
+      getTriggerEl5 = (ctx) => ctx.getById(getTriggerId6(ctx));
+      getItemEl3 = (ctx, value) => value ? ctx.getById(getItemId5(ctx, value)) : null;
+      getContextTriggerEl = (ctx) => ctx.getById(getContextTriggerId(ctx));
+      getElements = (ctx) => {
+        const ownerId = CSS.escape(getContentId7(ctx));
+        const selector = `[role^="menuitem"][data-ownedby=${ownerId}]:not([data-disabled])`;
+        return queryAll(getContentEl7(ctx), selector);
+      };
+      getFirstEl = (ctx) => first(getElements(ctx));
+      getLastEl = (ctx) => last(getElements(ctx));
+      isMatch = (el, value) => {
+        if (!value) return false;
+        return el.id === value || el.dataset.value === value;
+      };
+      getNextEl = (ctx, opts) => {
+        var _a;
+        const items = getElements(ctx);
+        const index = items.findIndex((el) => isMatch(el, opts.value));
+        return next(items, index, { loop: (_a = opts.loop) != null ? _a : opts.loopFocus });
+      };
+      getPrevEl = (ctx, opts) => {
+        var _a;
+        const items = getElements(ctx);
+        const index = items.findIndex((el) => isMatch(el, opts.value));
+        return prev(items, index, { loop: (_a = opts.loop) != null ? _a : opts.loopFocus });
+      };
+      getElemByKey = (ctx, opts) => {
+        var _a;
+        const items = getElements(ctx);
+        const item = items.find((el) => isMatch(el, opts.value));
+        return getByTypeahead(items, { state: opts.typeaheadState, key: opts.key, activeId: (_a = item == null ? void 0 : item.id) != null ? _a : null });
+      };
+      isTargetDisabled = (v2) => {
+        return isHTMLElement(v2) && (v2.dataset.disabled === "" || v2.hasAttribute("disabled"));
+      };
+      isTriggerItem = (el) => {
+        var _a;
+        return !!((_a = el == null ? void 0 : el.getAttribute("role")) == null ? void 0 : _a.startsWith("menuitem")) && !!(el == null ? void 0 : el.hasAttribute("data-controls"));
+      };
+      itemSelectEvent = "menu:select";
+      ({ not: not5, and: and5, or: or2 } = createGuards());
+      machine14 = createMachine({
+        props({ props: props26 }) {
+          return __spreadProps(__spreadValues({
+            closeOnSelect: true,
+            typeahead: true,
+            composite: true,
+            loopFocus: false,
+            navigate(details) {
+              clickIfLink(details.node);
+            }
+          }, props26), {
+            positioning: __spreadValues({
+              placement: "bottom-start",
+              gutter: 8
+            }, props26.positioning)
+          });
         },
         initialState({ prop }) {
           const open = prop("open") || prop("defaultOpen");
-          return open ? "open" : "closed";
+          return open ? "open" : "idle";
         },
-        context({ bindable: bindable2 }) {
+        context({ bindable: bindable2, prop }) {
           return {
-            rendered: bindable2(() => ({
-              defaultValue: { title: true, description: true }
+            suspendPointer: bindable2(() => ({
+              defaultValue: false
+            })),
+            highlightedValue: bindable2(() => ({
+              defaultValue: prop("defaultHighlightedValue") || null,
+              value: prop("highlightedValue"),
+              onChange(value) {
+                var _a;
+                (_a = prop("onHighlightChange")) == null ? void 0 : _a({ highlightedValue: value });
+              }
+            })),
+            lastHighlightedValue: bindable2(() => ({
+              defaultValue: null
+            })),
+            currentPlacement: bindable2(() => ({
+              defaultValue: void 0
+            })),
+            intentPolygon: bindable2(() => ({
+              defaultValue: null
+            })),
+            anchorPoint: bindable2(() => ({
+              defaultValue: null,
+              hash(value) {
+                return `x: ${value == null ? void 0 : value.x}, y: ${value == null ? void 0 : value.y}`;
+              }
+            })),
+            isSubmenu: bindable2(() => ({
+              defaultValue: false
             }))
           };
         },
-        watch({ track, action, prop }) {
+        refs() {
+          return {
+            parent: null,
+            children: {},
+            typeaheadState: __spreadValues({}, getByTypeahead.defaultOptions),
+            positioningOverride: {}
+          };
+        },
+        computed: {
+          isRtl: ({ prop }) => prop("dir") === "rtl",
+          isTypingAhead: ({ refs }) => refs.get("typeaheadState").keysSoFar !== "",
+          highlightedId: ({ context, scope, refs }) => resolveItemId(refs.get("children"), context.get("highlightedValue"), scope)
+        },
+        watch({ track, action, context, prop }) {
+          track([() => context.get("isSubmenu")], () => {
+            action(["setSubmenuPlacement"]);
+          });
+          track([() => context.hash("anchorPoint")], () => {
+            if (!context.get("anchorPoint")) return;
+            action(["reposition"]);
+          });
           track([() => prop("open")], () => {
             action(["toggleVisibility"]);
           });
         },
+        on: {
+          "PARENT.SET": {
+            actions: ["setParentMenu"]
+          },
+          "CHILD.SET": {
+            actions: ["setChildMenu"]
+          },
+          OPEN: [
+            {
+              guard: "isOpenControlled",
+              actions: ["invokeOnOpen"]
+            },
+            {
+              target: "open",
+              actions: ["invokeOnOpen"]
+            }
+          ],
+          OPEN_AUTOFOCUS: [
+            {
+              guard: "isOpenControlled",
+              actions: ["invokeOnOpen"]
+            },
+            {
+              // internal: true,
+              target: "open",
+              actions: ["highlightFirstItem", "invokeOnOpen"]
+            }
+          ],
+          CLOSE: [
+            {
+              guard: "isOpenControlled",
+              actions: ["invokeOnClose"]
+            },
+            {
+              target: "closed",
+              actions: ["invokeOnClose"]
+            }
+          ],
+          "HIGHLIGHTED.RESTORE": {
+            actions: ["restoreHighlightedItem"]
+          },
+          "HIGHLIGHTED.SET": {
+            actions: ["setHighlightedItem"]
+          }
+        },
         states: {
-          open: {
-            entry: ["checkRenderedElements", "syncZIndex"],
-            effects: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+          idle: {
+            tags: ["closed"],
             on: {
+              "CONTROLLED.OPEN": {
+                target: "open"
+              },
               "CONTROLLED.CLOSE": {
                 target: "closed"
               },
-              CLOSE: [
+              CONTEXT_MENU_START: {
+                target: "opening:contextmenu",
+                actions: ["setAnchorPoint"]
+              },
+              CONTEXT_MENU: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setAnchorPoint", "invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["setAnchorPoint", "invokeOnOpen"]
+                }
+              ],
+              TRIGGER_CLICK: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
+              ],
+              TRIGGER_FOCUS: {
+                guard: not5("isSubmenu"),
+                target: "closed"
+              },
+              TRIGGER_POINTERMOVE: {
+                guard: "isSubmenu",
+                target: "opening"
+              }
+            }
+          },
+          "opening:contextmenu": {
+            tags: ["closed"],
+            effects: ["waitForLongPress"],
+            on: {
+              "CONTROLLED.OPEN": { target: "open" },
+              "CONTROLLED.CLOSE": { target: "closed" },
+              CONTEXT_MENU_CANCEL: [
                 {
                   guard: "isOpenControlled",
                   actions: ["invokeOnClose"]
@@ -15283,7 +21926,39 @@ var Corex = (() => {
                   actions: ["invokeOnClose"]
                 }
               ],
-              TOGGLE: [
+              "LONG_PRESS.OPEN": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
+              ]
+            }
+          },
+          opening: {
+            tags: ["closed"],
+            effects: ["waitForOpenDelay"],
+            on: {
+              "CONTROLLED.OPEN": {
+                target: "open"
+              },
+              "CONTROLLED.CLOSE": {
+                target: "closed"
+              },
+              BLUR: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              TRIGGER_POINTERLEAVE: [
                 {
                   guard: "isOpenControlled",
                   actions: ["invokeOnClose"]
@@ -15292,126 +21967,599 @@ var Corex = (() => {
                   target: "closed",
                   actions: ["invokeOnClose"]
                 }
+              ],
+              "DELAY.OPEN": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
               ]
             }
           },
-          closed: {
+          closing: {
+            tags: ["open"],
+            effects: ["trackPointerMove", "trackInteractOutside", "waitForCloseDelay"],
             on: {
               "CONTROLLED.OPEN": {
                 target: "open"
               },
-              OPEN: [
+              "CONTROLLED.CLOSE": {
+                target: "closed",
+                actions: ["focusParentMenu", "restoreParentHighlightedItem"]
+              },
+              // don't invoke on open here since the menu is still open (we're only keeping it open)
+              MENU_POINTERENTER: {
+                target: "open",
+                actions: ["clearIntentPolygon"]
+              },
+              POINTER_MOVED_AWAY_FROM_SUBMENU: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["focusParentMenu", "restoreParentHighlightedItem"]
+                }
+              ],
+              "DELAY.CLOSE": [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  target: "closed",
+                  actions: ["focusParentMenu", "restoreParentHighlightedItem", "invokeOnClose"]
+                }
+              ]
+            }
+          },
+          closed: {
+            tags: ["closed"],
+            entry: ["clearHighlightedItem", "focusTrigger", "resumePointer", "clearAnchorPoint"],
+            on: {
+              "CONTROLLED.OPEN": [
+                {
+                  guard: or2("isOpenAutoFocusEvent", "isArrowDownEvent"),
+                  target: "open",
+                  actions: ["highlightFirstItem"]
+                },
+                {
+                  guard: "isArrowUpEvent",
+                  target: "open",
+                  actions: ["highlightLastItem"]
+                },
+                {
+                  target: "open"
+                }
+              ],
+              CONTEXT_MENU_START: {
+                target: "opening:contextmenu",
+                actions: ["setAnchorPoint"]
+              },
+              CONTEXT_MENU: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["setAnchorPoint", "invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["setAnchorPoint", "invokeOnOpen"]
+                }
+              ],
+              TRIGGER_CLICK: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["invokeOnOpen"]
+                }
+              ],
+              TRIGGER_POINTERMOVE: {
+                guard: "isTriggerItem",
+                target: "opening"
+              },
+              TRIGGER_BLUR: { target: "idle" },
+              ARROW_DOWN: [
+                {
+                  guard: "isOpenControlled",
+                  actions: ["invokeOnOpen"]
+                },
+                {
+                  target: "open",
+                  actions: ["highlightFirstItem", "invokeOnOpen"]
+                }
+              ],
+              ARROW_UP: [
                 {
                   guard: "isOpenControlled",
                   actions: ["invokeOnOpen"]
                 },
                 {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
+                  target: "open",
+                  actions: ["highlightLastItem", "invokeOnOpen"]
+                }
+              ]
+            }
+          },
+          open: {
+            tags: ["open"],
+            effects: ["trackInteractOutside", "trackPositioning", "scrollToHighlightedItem"],
+            entry: ["focusMenu", "resumePointer"],
+            on: {
+              "CONTROLLED.CLOSE": [
+                {
+                  target: "closed",
+                  guard: "isArrowLeftEvent",
+                  actions: ["focusParentMenu"]
+                },
+                {
+                  target: "closed"
+                }
+              ],
+              TRIGGER_CLICK: [
+                {
+                  guard: and5(not5("isTriggerItem"), "isOpenControlled"),
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  guard: not5("isTriggerItem"),
+                  target: "closed",
+                  actions: ["invokeOnClose"]
+                }
+              ],
+              CONTEXT_MENU: {
+                actions: ["setAnchorPoint", "focusMenu"]
+              },
+              ARROW_UP: {
+                actions: ["highlightPrevItem", "focusMenu"]
+              },
+              ARROW_DOWN: {
+                actions: ["highlightNextItem", "focusMenu"]
+              },
+              ARROW_LEFT: [
+                {
+                  guard: and5("isSubmenu", "isOpenControlled"),
+                  actions: ["invokeOnClose"]
+                },
+                {
+                  guard: "isSubmenu",
+                  target: "closed",
+                  actions: ["focusParentMenu", "invokeOnClose"]
+                }
+              ],
+              HOME: {
+                actions: ["highlightFirstItem", "focusMenu"]
+              },
+              END: {
+                actions: ["highlightLastItem", "focusMenu"]
+              },
+              ARROW_RIGHT: {
+                guard: "isTriggerItemHighlighted",
+                actions: ["openSubmenu"]
+              },
+              ENTER: [
+                {
+                  guard: "isTriggerItemHighlighted",
+                  actions: ["openSubmenu"]
+                },
+                {
+                  actions: ["clickHighlightedItem"]
+                }
+              ],
+              ITEM_POINTERMOVE: [
+                {
+                  guard: not5("isPointerSuspended"),
+                  actions: ["setHighlightedItem", "focusMenu", "closeSiblingMenus"]
+                },
+                {
+                  actions: ["setLastHighlightedItem", "closeSiblingMenus"]
                 }
               ],
-              TOGGLE: [
+              ITEM_POINTERLEAVE: {
+                guard: and5(not5("isPointerSuspended"), not5("isTriggerItem")),
+                actions: ["clearHighlightedItem"]
+              },
+              ITEM_CLICK: [
+                // == grouped ==
                 {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
+                  guard: and5(
+                    not5("isTriggerItemHighlighted"),
+                    not5("isHighlightedItemEditable"),
+                    "closeOnSelect",
+                    "isOpenControlled"
+                  ),
+                  actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
                 },
                 {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
-                }
-              ]
+                  guard: and5(not5("isTriggerItemHighlighted"), not5("isHighlightedItemEditable"), "closeOnSelect"),
+                  target: "closed",
+                  actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+                },
+                //
+                {
+                  guard: and5(not5("isTriggerItemHighlighted"), not5("isHighlightedItemEditable")),
+                  actions: ["invokeOnSelect", "setOptionState"]
+                },
+                { actions: ["setHighlightedItem"] }
+              ],
+              TRIGGER_POINTERMOVE: {
+                guard: "isTriggerItem",
+                actions: ["setIntentPolygon"]
+              },
+              TRIGGER_POINTERLEAVE: {
+                target: "closing",
+                actions: ["setIntentPolygon"]
+              },
+              ITEM_POINTERDOWN: {
+                actions: ["setHighlightedItem"]
+              },
+              TYPEAHEAD: {
+                actions: ["highlightMatchedItem"]
+              },
+              FOCUS_MENU: {
+                actions: ["focusMenu"]
+              },
+              "POSITIONING.SET": {
+                actions: ["reposition"]
+              }
             }
           }
         },
         implementations: {
           guards: {
-            isOpenControlled: ({ prop }) => prop("open") != void 0
+            closeOnSelect: ({ prop, event }) => {
+              var _a;
+              return !!((_a = event == null ? void 0 : event.closeOnSelect) != null ? _a : prop("closeOnSelect"));
+            },
+            // whether the trigger is also a menu item
+            isTriggerItem: ({ event }) => isTriggerItem(event.target),
+            // whether the trigger item is the active item
+            isTriggerItemHighlighted: ({ event, scope, computed }) => {
+              var _a;
+              const target = (_a = event.target) != null ? _a : scope.getById(computed("highlightedId"));
+              return !!(target == null ? void 0 : target.hasAttribute("data-controls"));
+            },
+            isSubmenu: ({ context }) => context.get("isSubmenu"),
+            isPointerSuspended: ({ context }) => context.get("suspendPointer"),
+            isHighlightedItemEditable: ({ scope, computed }) => isEditableElement(scope.getById(computed("highlightedId"))),
+            // guard assertions (for controlled mode)
+            isOpenControlled: ({ prop }) => prop("open") !== void 0,
+            isArrowLeftEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_LEFT";
+            },
+            isArrowUpEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_UP";
+            },
+            isArrowDownEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_DOWN";
+            },
+            isOpenAutoFocusEvent: ({ event }) => {
+              var _a;
+              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "OPEN_AUTOFOCUS";
+            }
           },
           effects: {
-            trackDismissableElement({ scope, send, prop }) {
-              const getContentEl22 = () => getContentEl4(scope);
+            waitForOpenDelay({ send }) {
+              const timer = setTimeout(() => {
+                send({ type: "DELAY.OPEN" });
+              }, 200);
+              return () => clearTimeout(timer);
+            },
+            waitForCloseDelay({ send }) {
+              const timer = setTimeout(() => {
+                send({ type: "DELAY.CLOSE" });
+              }, 100);
+              return () => clearTimeout(timer);
+            },
+            waitForLongPress({ send }) {
+              const timer = setTimeout(() => {
+                send({ type: "LONG_PRESS.OPEN" });
+              }, 700);
+              return () => clearTimeout(timer);
+            },
+            trackPositioning({ context, prop, scope, refs }) {
+              if (!!getContextTriggerEl(scope)) return;
+              const positioning = __spreadValues(__spreadValues({}, prop("positioning")), refs.get("positioningOverride"));
+              context.set("currentPlacement", positioning.placement);
+              const getPositionerEl22 = () => getPositionerEl5(scope);
+              return getPlacement(getTriggerEl5(scope), getPositionerEl22, __spreadProps(__spreadValues({}, positioning), {
+                defer: true,
+                onComplete(data) {
+                  context.set("currentPlacement", data.placement);
+                }
+              }));
+            },
+            trackInteractOutside({ refs, scope, prop, context, send }) {
+              const getContentEl22 = () => getContentEl7(scope);
+              let restoreFocus = true;
               return trackDismissableElement(getContentEl22, {
-                type: "dialog",
+                type: "menu",
                 defer: true,
-                pointerBlocking: prop("modal"),
-                exclude: [getTriggerEl3(scope)],
-                onInteractOutside(event) {
+                exclude: [getTriggerEl5(scope)],
+                onInteractOutside: prop("onInteractOutside"),
+                onRequestDismiss: prop("onRequestDismiss"),
+                onFocusOutside(event) {
                   var _a;
-                  (_a = prop("onInteractOutside")) == null ? void 0 : _a(event);
-                  if (!prop("closeOnInteractOutside")) {
+                  (_a = prop("onFocusOutside")) == null ? void 0 : _a(event);
+                  const target = getEventTarget(event.detail.originalEvent);
+                  const isWithinContextTrigger = contains(getContextTriggerEl(scope), target);
+                  if (isWithinContextTrigger) {
                     event.preventDefault();
+                    return;
                   }
                 },
-                persistentElements: prop("persistentElements"),
-                onFocusOutside: prop("onFocusOutside"),
-                onPointerDownOutside: prop("onPointerDownOutside"),
-                onRequestDismiss: prop("onRequestDismiss"),
                 onEscapeKeyDown(event) {
                   var _a;
                   (_a = prop("onEscapeKeyDown")) == null ? void 0 : _a(event);
-                  if (!prop("closeOnEscape")) {
+                  if (context.get("isSubmenu")) event.preventDefault();
+                  closeRootMenu({ parent: refs.get("parent") });
+                },
+                onPointerDownOutside(event) {
+                  var _a;
+                  (_a = prop("onPointerDownOutside")) == null ? void 0 : _a(event);
+                  const target = getEventTarget(event.detail.originalEvent);
+                  const isWithinContextTrigger = contains(getContextTriggerEl(scope), target);
+                  if (isWithinContextTrigger && event.detail.contextmenu) {
                     event.preventDefault();
+                    return;
+                  }
+                  restoreFocus = !event.detail.focusable;
+                },
+                onDismiss() {
+                  send({ type: "CLOSE", src: "interact-outside", restoreFocus });
+                }
+              });
+            },
+            trackPointerMove({ context, scope, send, refs, flush }) {
+              const parent = refs.get("parent");
+              flush(() => {
+                parent.context.set("suspendPointer", true);
+              });
+              const doc = scope.getDoc();
+              return addDomEvent(doc, "pointermove", (e2) => {
+                const isMovingToSubmenu = isWithinPolygon(context.get("intentPolygon"), {
+                  x: e2.clientX,
+                  y: e2.clientY
+                });
+                if (!isMovingToSubmenu) {
+                  send({ type: "POINTER_MOVED_AWAY_FROM_SUBMENU" });
+                  parent.context.set("suspendPointer", false);
+                }
+              });
+            },
+            scrollToHighlightedItem({ event, scope, computed }) {
+              const exec = () => {
+                if (event.current().type.startsWith("ITEM_POINTER")) return;
+                const itemEl = scope.getById(computed("highlightedId"));
+                const contentEl2 = getContentEl7(scope);
+                scrollIntoView(itemEl, { rootEl: contentEl2, block: "nearest" });
+              };
+              raf(() => exec());
+              const contentEl = () => getContentEl7(scope);
+              return observeAttributes(contentEl, {
+                defer: true,
+                attributes: ["aria-activedescendant"],
+                callback: exec
+              });
+            }
+          },
+          actions: {
+            setAnchorPoint({ context, event }) {
+              context.set("anchorPoint", (prev2) => isEqual2(prev2, event.point) ? prev2 : event.point);
+            },
+            setSubmenuPlacement({ context, computed, refs }) {
+              if (!context.get("isSubmenu")) return;
+              const placement = computed("isRtl") ? "left-start" : "right-start";
+              refs.set("positioningOverride", { placement, gutter: 0 });
+            },
+            reposition({ context, scope, prop, event, refs }) {
+              var _a;
+              const getPositionerEl22 = () => getPositionerEl5(scope);
+              const anchorPoint = context.get("anchorPoint");
+              const getAnchorRect = anchorPoint ? () => __spreadValues({ width: 0, height: 0 }, anchorPoint) : void 0;
+              const positioning = __spreadValues(__spreadValues({}, prop("positioning")), refs.get("positioningOverride"));
+              getPlacement(getTriggerEl5(scope), getPositionerEl22, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, positioning), {
+                defer: true,
+                getAnchorRect
+              }), (_a = event.options) != null ? _a : {}), {
+                listeners: false,
+                onComplete(data) {
+                  context.set("currentPlacement", data.placement);
+                }
+              }));
+            },
+            setOptionState({ event }) {
+              if (!event.option) return;
+              const { checked, onCheckedChange, type } = event.option;
+              if (type === "radio") {
+                onCheckedChange == null ? void 0 : onCheckedChange(true);
+              } else if (type === "checkbox") {
+                onCheckedChange == null ? void 0 : onCheckedChange(!checked);
+              }
+            },
+            clickHighlightedItem({ scope, computed, prop, context }) {
+              var _a;
+              const itemEl = scope.getById(computed("highlightedId"));
+              if (!itemEl || itemEl.dataset.disabled) return;
+              const highlightedValue = context.get("highlightedValue");
+              if (isAnchorElement(itemEl)) {
+                (_a = prop("navigate")) == null ? void 0 : _a({ value: highlightedValue, node: itemEl, href: itemEl.href });
+              } else {
+                queueMicrotask(() => itemEl.click());
+              }
+            },
+            setIntentPolygon({ context, scope, event }) {
+              const menu = getContentEl7(scope);
+              const placement = context.get("currentPlacement");
+              if (!menu || !placement) return;
+              const rect = menu.getBoundingClientRect();
+              const polygon = getElementPolygon(rect, placement);
+              if (!polygon) return;
+              const rightSide = getPlacementSide(placement) === "right";
+              const bleed = rightSide ? -5 : 5;
+              context.set("intentPolygon", [__spreadProps(__spreadValues({}, event.point), { x: event.point.x + bleed }), ...polygon]);
+            },
+            clearIntentPolygon({ context }) {
+              context.set("intentPolygon", null);
+            },
+            clearAnchorPoint({ context }) {
+              context.set("anchorPoint", null);
+            },
+            resumePointer({ refs, flush }) {
+              const parent = refs.get("parent");
+              if (!parent) return;
+              flush(() => {
+                parent.context.set("suspendPointer", false);
+              });
+            },
+            setHighlightedItem({ context, event }) {
+              const value = event.value || getItemValue(event.target);
+              context.set("highlightedValue", value);
+            },
+            clearHighlightedItem({ context }) {
+              context.set("highlightedValue", null);
+            },
+            focusMenu({ scope }) {
+              raf(() => {
+                const contentEl = getContentEl7(scope);
+                const initialFocusEl = getInitialFocus({
+                  root: contentEl,
+                  enabled: !contains(contentEl, scope.getActiveElement()),
+                  filter(node) {
+                    var _a;
+                    return !((_a = node.role) == null ? void 0 : _a.startsWith("menuitem"));
                   }
-                },
-                onDismiss() {
-                  send({ type: "CLOSE", src: "interact-outside" });
-                }
+                });
+                initialFocusEl == null ? void 0 : initialFocusEl.focus({ preventScroll: true });
               });
             },
-            preventScroll({ scope, prop }) {
-              if (!prop("preventScroll")) return;
-              return preventBodyScroll(scope.getDoc());
+            highlightFirstItem({ context, scope }) {
+              const fn = getContentEl7(scope) ? queueMicrotask : raf;
+              fn(() => {
+                const first2 = getFirstEl(scope);
+                if (!first2) return;
+                context.set("highlightedValue", getItemValue(first2));
+              });
             },
-            trapFocus({ scope, prop }) {
-              if (!prop("trapFocus")) return;
-              const contentEl = () => getContentEl4(scope);
-              return trapFocus(contentEl, {
-                preventScroll: true,
-                returnFocusOnDeactivate: !!prop("restoreFocus"),
-                initialFocus: prop("initialFocusEl"),
-                setReturnFocus: (el) => {
-                  var _a, _b;
-                  return (_b = (_a = prop("finalFocusEl")) == null ? void 0 : _a()) != null ? _b : el;
-                },
-                getShadowRoot: true
+            highlightLastItem({ context, scope }) {
+              const fn = getContentEl7(scope) ? queueMicrotask : raf;
+              fn(() => {
+                const last2 = getLastEl(scope);
+                if (!last2) return;
+                context.set("highlightedValue", getItemValue(last2));
               });
             },
-            hideContentBelow({ scope, prop }) {
-              if (!prop("modal")) return;
-              const getElements4 = () => [getContentEl4(scope)];
-              return ariaHidden(getElements4, { defer: true });
-            }
-          },
-          actions: {
-            checkRenderedElements({ context, scope }) {
-              raf(() => {
-                context.set("rendered", {
-                  title: !!getTitleEl(scope),
-                  description: !!getDescriptionEl(scope)
-                });
+            highlightNextItem({ context, scope, event, prop }) {
+              const next2 = getNextEl(scope, {
+                loop: event.loop,
+                value: context.get("highlightedValue"),
+                loopFocus: prop("loopFocus")
               });
+              context.set("highlightedValue", getItemValue(next2));
             },
-            syncZIndex({ scope }) {
-              raf(() => {
-                const contentEl = getContentEl4(scope);
-                if (!contentEl) return;
-                const styles = getComputedStyle2(contentEl);
-                const elems = [getPositionerEl3(scope), getBackdropEl(scope)];
-                elems.forEach((node) => {
-                  node == null ? void 0 : node.style.setProperty("--z-index", styles.zIndex);
-                  node == null ? void 0 : node.style.setProperty("--layer-index", styles.getPropertyValue("--layer-index"));
-                });
+            highlightPrevItem({ context, scope, event, prop }) {
+              const prev2 = getPrevEl(scope, {
+                loop: event.loop,
+                value: context.get("highlightedValue"),
+                loopFocus: prop("loopFocus")
               });
+              context.set("highlightedValue", getItemValue(prev2));
             },
-            invokeOnClose({ prop }) {
+            invokeOnSelect({ context, prop, scope }) {
               var _a;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+              const value = context.get("highlightedValue");
+              if (value == null) return;
+              const node = getItemEl3(scope, value);
+              dispatchSelectionEvent(node, value);
+              (_a = prop("onSelect")) == null ? void 0 : _a({ value });
+            },
+            focusTrigger({ scope, context, event }) {
+              if (context.get("isSubmenu") || context.get("anchorPoint") || event.restoreFocus === false) return;
+              queueMicrotask(() => {
+                var _a;
+                return (_a = getTriggerEl5(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+              });
+            },
+            highlightMatchedItem({ scope, context, event, refs }) {
+              const node = getElemByKey(scope, {
+                key: event.key,
+                value: context.get("highlightedValue"),
+                typeaheadState: refs.get("typeaheadState")
+              });
+              if (!node) return;
+              context.set("highlightedValue", getItemValue(node));
+            },
+            setParentMenu({ refs, event, context }) {
+              refs.set("parent", event.value);
+              context.set("isSubmenu", true);
+            },
+            setChildMenu({ refs, event }) {
+              const children = refs.get("children");
+              children[event.id] = event.value;
+              refs.set("children", children);
+            },
+            closeSiblingMenus({ refs, event, scope }) {
+              var _a;
+              const target = event.target;
+              if (!isTriggerItem(target)) return;
+              const hoveredChildId = target == null ? void 0 : target.getAttribute("data-uid");
+              const children = refs.get("children");
+              for (const id in children) {
+                if (id === hoveredChildId) continue;
+                const child = children[id];
+                const intentPolygon = child.context.get("intentPolygon");
+                if (intentPolygon && event.point && isPointInPolygon(intentPolygon, event.point)) {
+                  continue;
+                }
+                (_a = getContentEl7(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+                child.send({ type: "CLOSE" });
+              }
+            },
+            closeRootMenu({ refs }) {
+              closeRootMenu({ parent: refs.get("parent") });
+            },
+            openSubmenu({ refs, scope, computed }) {
+              const item = scope.getById(computed("highlightedId"));
+              const id = item == null ? void 0 : item.getAttribute("data-uid");
+              const children = refs.get("children");
+              const child = id ? children[id] : null;
+              child == null ? void 0 : child.send({ type: "OPEN_AUTOFOCUS" });
+            },
+            focusParentMenu({ refs }) {
+              var _a;
+              (_a = refs.get("parent")) == null ? void 0 : _a.send({ type: "FOCUS_MENU" });
+            },
+            setLastHighlightedItem({ context, event }) {
+              context.set("lastHighlightedValue", getItemValue(event.target));
+            },
+            restoreHighlightedItem({ context }) {
+              if (!context.get("lastHighlightedValue")) return;
+              context.set("highlightedValue", context.get("lastHighlightedValue"));
+              context.set("lastHighlightedValue", null);
+            },
+            restoreParentHighlightedItem({ refs }) {
+              var _a;
+              (_a = refs.get("parent")) == null ? void 0 : _a.send({ type: "HIGHLIGHTED.RESTORE" });
             },
             invokeOnOpen({ prop }) {
               var _a;
               (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
             },
-            toggleVisibility({ prop, send, event }) {
+            invokeOnClose({ prop }) {
+              var _a;
+              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+            },
+            toggleVisibility({ prop, event, send }) {
               send({
                 type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
                 previousEvent: event
@@ -15420,91 +22568,225 @@ var Corex = (() => {
           }
         }
       });
-      props7 = createProps()([
+      props14 = createProps()([
+        "anchorPoint",
         "aria-label",
-        "closeOnEscape",
-        "closeOnInteractOutside",
+        "closeOnSelect",
+        "composite",
+        "defaultHighlightedValue",
+        "defaultOpen",
         "dir",
-        "finalFocusEl",
         "getRootNode",
-        "getRootNode",
-        "id",
+        "highlightedValue",
         "id",
         "ids",
-        "initialFocusEl",
-        "modal",
+        "loopFocus",
+        "navigate",
         "onEscapeKeyDown",
         "onFocusOutside",
+        "onHighlightChange",
         "onInteractOutside",
         "onOpenChange",
         "onPointerDownOutside",
         "onRequestDismiss",
-        "defaultOpen",
+        "onSelect",
         "open",
-        "persistentElements",
-        "preventScroll",
-        "restoreFocus",
-        "role",
-        "trapFocus"
+        "positioning",
+        "typeahead"
       ]);
-      splitProps7 = createSplitProps(props7);
-      Dialog = class extends Component {
+      splitProps14 = createSplitProps(props14);
+      itemProps5 = createProps()(["closeOnSelect", "disabled", "value", "valueText"]);
+      splitItemProps5 = createSplitProps(itemProps5);
+      itemGroupLabelProps3 = createProps()(["htmlFor"]);
+      splitItemGroupLabelProps3 = createSplitProps(itemGroupLabelProps3);
+      itemGroupProps3 = createProps()(["id"]);
+      splitItemGroupProps3 = createSplitProps(itemGroupProps3);
+      optionItemProps = createProps()([
+        "checked",
+        "closeOnSelect",
+        "disabled",
+        "onCheckedChange",
+        "type",
+        "value",
+        "valueText"
+      ]);
+      splitOptionItemProps = createSplitProps(optionItemProps);
+      Menu = class extends Component {
+        constructor() {
+          super(...arguments);
+          __publicField(this, "children", []);
+        }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine7, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine14, props26);
         }
         initApi() {
-          return connect7(this.machine.service, normalizeProps);
+          return connect14(this.machine.service, normalizeProps);
         }
-        render() {
-          const rootEl = this.el;
-          const triggerEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="trigger"]'
+        setChild(child) {
+          this.api.setChild(child.machine.service);
+          if (!this.children.includes(child)) {
+            this.children.push(child);
+          }
+        }
+        setParent(parent) {
+          this.api.setParent(parent.machine.service);
+        }
+        isOwnElement(el) {
+          const nearestHook = el.closest('[phx-hook="Menu"]');
+          return nearestHook === this.el;
+        }
+        renderSubmenuTriggers() {
+          const contentEl = this.el.querySelector(
+            '[data-scope="menu"][data-part="content"]'
           );
-          if (triggerEl) this.spreadProps(triggerEl, this.api.getTriggerProps());
-          const backdropEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="backdrop"]'
+          if (!contentEl) return;
+          const triggerItems = contentEl.querySelectorAll(
+            '[data-scope="menu"][data-nested-menu]'
           );
-          if (backdropEl) this.spreadProps(backdropEl, this.api.getBackdropProps());
-          const positionerEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="positioner"]'
+          for (const triggerEl of triggerItems) {
+            if (!this.isOwnElement(triggerEl)) continue;
+            const nestedMenuId = triggerEl.dataset.nestedMenu;
+            if (!nestedMenuId) continue;
+            const childMenu = this.children.find((child) => child.el.id === `menu:${nestedMenuId}`);
+            if (!childMenu) continue;
+            const applyProps = () => {
+              const triggerProps2 = this.api.getTriggerItemProps(childMenu.api);
+              this.spreadProps(triggerEl, triggerProps2);
+            };
+            applyProps();
+            this.machine.subscribe(applyProps);
+            childMenu.machine.subscribe(applyProps);
+          }
+        }
+        render() {
+          const triggerEl = this.el.querySelector(
+            '[data-scope="menu"][data-part="trigger"]'
           );
-          if (positionerEl) this.spreadProps(positionerEl, this.api.getPositionerProps());
-          const contentEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="content"]'
+          if (triggerEl) {
+            this.spreadProps(triggerEl, this.api.getTriggerProps());
+          }
+          const positionerEl = this.el.querySelector(
+            '[data-scope="menu"][data-part="positioner"]'
           );
-          if (contentEl) this.spreadProps(contentEl, this.api.getContentProps());
-          const titleEl = rootEl.querySelector('[data-scope="dialog"][data-part="title"]');
-          if (titleEl) this.spreadProps(titleEl, this.api.getTitleProps());
-          const descriptionEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="description"]'
+          const contentEl = this.el.querySelector(
+            '[data-scope="menu"][data-part="content"]'
           );
-          if (descriptionEl) this.spreadProps(descriptionEl, this.api.getDescriptionProps());
-          const closeTriggerEl = rootEl.querySelector(
-            '[data-scope="dialog"][data-part="close-trigger"]'
+          if (positionerEl && contentEl) {
+            this.spreadProps(positionerEl, this.api.getPositionerProps());
+            this.spreadProps(contentEl, this.api.getContentProps());
+            contentEl.style.pointerEvents = "auto";
+            positionerEl.hidden = !this.api.open;
+            const isNested = !this.el.querySelector(
+              '[data-scope="menu"][data-part="trigger"]'
+            );
+            const shouldApplyItems = this.api.open || isNested;
+            if (shouldApplyItems) {
+              const items = contentEl.querySelectorAll(
+                '[data-scope="menu"][data-part="item"]'
+              );
+              items.forEach((itemEl) => {
+                if (!this.isOwnElement(itemEl)) return;
+                const value = itemEl.dataset.value;
+                if (value) {
+                  const disabled = itemEl.hasAttribute("data-disabled");
+                  this.spreadProps(
+                    itemEl,
+                    this.api.getItemProps({ value, disabled: disabled || void 0 })
+                  );
+                }
+              });
+              const itemGroups = contentEl.querySelectorAll(
+                '[data-scope="menu"][data-part="item-group"]'
+              );
+              itemGroups.forEach((groupEl) => {
+                if (!this.isOwnElement(groupEl)) return;
+                const groupId = groupEl.id;
+                if (groupId) {
+                  this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
+                }
+              });
+              const separators = contentEl.querySelectorAll(
+                '[data-scope="menu"][data-part="separator"]'
+              );
+              separators.forEach((separatorEl) => {
+                if (!this.isOwnElement(separatorEl)) return;
+                this.spreadProps(separatorEl, this.api.getSeparatorProps());
+              });
+            }
+          }
+          const indicatorEl = this.el.querySelector(
+            '[data-scope="menu"][data-part="indicator"]'
           );
-          if (closeTriggerEl) this.spreadProps(closeTriggerEl, this.api.getCloseTriggerProps());
+          if (indicatorEl) {
+            this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+          }
         }
       };
-      DialogHook = {
+      MenuHook = {
         mounted() {
           const el = this.el;
+          if (el.hasAttribute("data-nested")) {
+            return;
+          }
           const pushEvent = this.pushEvent.bind(this);
-          const dialog = new Dialog(el, __spreadProps(__spreadValues({
-            id: el.id
+          const getMain = () => {
+            var _a;
+            return (_a = this.liveSocket) == null ? void 0 : _a.main;
+          };
+          const menu = new Menu(el, __spreadProps(__spreadValues({
+            id: el.id.replace("menu:", "")
           }, getBoolean(el, "controlled") ? { open: getBoolean(el, "open") } : { defaultOpen: getBoolean(el, "defaultOpen") }), {
-            modal: getBoolean(el, "modal"),
-            closeOnInteractOutside: getBoolean(el, "closeOnInteractOutside"),
-            closeOnEscape: getBoolean(el, "closeOnEscapeKeyDown"),
-            preventScroll: getBoolean(el, "preventScroll"),
-            restoreFocus: getBoolean(el, "restoreFocus"),
+            closeOnSelect: getBoolean(el, "closeOnSelect"),
+            loopFocus: getBoolean(el, "loopFocus"),
+            typeahead: getBoolean(el, "typeahead"),
+            composite: getBoolean(el, "composite"),
             dir: getString(el, "dir", ["ltr", "rtl"]),
+            onSelect: (details) => {
+              var _a, _b, _c;
+              const redirect = getBoolean(el, "redirect");
+              const itemEl = [
+                ...el.querySelectorAll('[data-scope="menu"][data-part="item"]')
+              ].find((node) => node.getAttribute("data-value") === details.value);
+              const itemRedirect = itemEl == null ? void 0 : itemEl.getAttribute("data-redirect");
+              const itemNewTab = itemEl == null ? void 0 : itemEl.hasAttribute("data-new-tab");
+              const main = getMain();
+              const doRedirect = redirect && details.value && ((_a = main == null ? void 0 : main.isDead) != null ? _a : true) && itemRedirect !== "false";
+              if (doRedirect) {
+                if (itemNewTab) {
+                  window.open(details.value, "_blank", "noopener,noreferrer");
+                } else {
+                  window.location.href = details.value;
+                }
+              }
+              const eventName = getString(el, "onSelect");
+              if (eventName && main && !main.isDead && main.isConnected()) {
+                pushEvent(eventName, {
+                  id: el.id,
+                  value: (_b = details.value) != null ? _b : null
+                });
+              }
+              const eventNameClient = getString(el, "onSelectClient");
+              if (eventNameClient) {
+                el.dispatchEvent(
+                  new CustomEvent(eventNameClient, {
+                    bubbles: true,
+                    detail: {
+                      id: el.id,
+                      value: (_c = details.value) != null ? _c : null
+                    }
+                  })
+                );
+              }
+            },
             onOpenChange: (details) => {
+              var _a, _b;
+              const main = getMain();
               const eventName = getString(el, "onOpenChange");
-              if (eventName && this.liveSocket.main.isConnected()) {
+              if (eventName && main && !main.isDead && main.isConnected()) {
                 pushEvent(eventName, {
                   id: el.id,
-                  open: details.open
+                  open: (_a = details.open) != null ? _a : false
                 });
               }
               const eventNameClient = getString(el, "onOpenChangeClient");
@@ -15514,1838 +22796,3175 @@ var Corex = (() => {
                     bubbles: true,
                     detail: {
                       id: el.id,
-                      open: details.open
+                      open: (_b = details.open) != null ? _b : false
                     }
                   })
                 );
               }
             }
           }));
-          dialog.init();
-          this.dialog = dialog;
+          menu.init();
+          this.menu = menu;
+          this.nestedMenus = /* @__PURE__ */ new Map();
+          const nestedMenuElements = el.querySelectorAll(
+            '[data-scope="menu"][data-nested="menu"]'
+          );
+          const nestedMenuInstances = [];
+          nestedMenuElements.forEach((nestedEl, index) => {
+            var _a;
+            const nestedId = nestedEl.id;
+            if (nestedId) {
+              const nestedMenuId = `${nestedId}-${index}`;
+              const nestedMenu = new Menu(nestedEl, {
+                id: nestedMenuId,
+                dir: getString(nestedEl, "dir", ["ltr", "rtl"]),
+                closeOnSelect: getBoolean(nestedEl, "closeOnSelect"),
+                loopFocus: getBoolean(nestedEl, "loopFocus"),
+                typeahead: getBoolean(nestedEl, "typeahead"),
+                composite: getBoolean(nestedEl, "composite"),
+                onSelect: (details) => {
+                  var _a2, _b, _c;
+                  const redirect = getBoolean(el, "redirect");
+                  const itemEl = [
+                    ...el.querySelectorAll('[data-scope="menu"][data-part="item"]')
+                  ].find((node) => node.getAttribute("data-value") === details.value);
+                  const itemRedirect = itemEl == null ? void 0 : itemEl.getAttribute("data-redirect");
+                  const itemNewTab = itemEl == null ? void 0 : itemEl.hasAttribute("data-new-tab");
+                  const main = getMain();
+                  const doRedirect = redirect && details.value && ((_a2 = main == null ? void 0 : main.isDead) != null ? _a2 : true) && itemRedirect !== "false";
+                  if (doRedirect) {
+                    if (itemNewTab) {
+                      window.open(details.value, "_blank", "noopener,noreferrer");
+                    } else {
+                      window.location.href = details.value;
+                    }
+                  }
+                  const eventName = getString(el, "onSelect");
+                  if (eventName && main && !main.isDead && main.isConnected()) {
+                    pushEvent(eventName, {
+                      id: el.id,
+                      value: (_b = details.value) != null ? _b : null
+                    });
+                  }
+                  const eventNameClient = getString(el, "onSelectClient");
+                  if (eventNameClient) {
+                    el.dispatchEvent(
+                      new CustomEvent(eventNameClient, {
+                        bubbles: true,
+                        detail: {
+                          id: el.id,
+                          value: (_c = details.value) != null ? _c : null
+                        }
+                      })
+                    );
+                  }
+                }
+              });
+              nestedMenu.init();
+              (_a = this.nestedMenus) == null ? void 0 : _a.set(nestedId, nestedMenu);
+              nestedMenuInstances.push(nestedMenu);
+            }
+          });
+          setTimeout(() => {
+            nestedMenuInstances.forEach((nestedMenu) => {
+              if (this.menu) {
+                this.menu.setChild(nestedMenu);
+                nestedMenu.setParent(this.menu);
+              }
+            });
+            if (this.menu && this.menu.children.length > 0) {
+              this.menu.renderSubmenuTriggers();
+            }
+          }, 0);
           this.onSetOpen = (event) => {
             const { open } = event.detail;
-            dialog.api.setOpen(open);
+            if (menu.api.open !== open) menu.api.setOpen(open);
           };
-          el.addEventListener("phx:dialog:set-open", this.onSetOpen);
+          el.addEventListener("phx:menu:set-open", this.onSetOpen);
           this.handlers = [];
           this.handlers.push(
-            this.handleEvent("dialog_set_open", (payload) => {
-              const targetId = payload.dialog_id;
-              if (targetId && targetId !== el.id) return;
-              dialog.api.setOpen(payload.open);
+            this.handleEvent("menu_set_open", (payload) => {
+              const targetId = payload.menu_id;
+              const matches = !targetId || el.id === targetId || el.id === `menu:${targetId}`;
+              if (!matches) return;
+              menu.api.setOpen(payload.open);
             })
           );
           this.handlers.push(
-            this.handleEvent("dialog_open", () => {
-              this.pushEvent("dialog_open_response", {
-                value: dialog.api.open
+            this.handleEvent("menu_open", () => {
+              this.pushEvent("menu_open_response", {
+                open: menu.api.open
               });
             })
           );
         },
         updated() {
           var _a;
-          (_a = this.dialog) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+          if (this.el.hasAttribute("data-nested")) return;
+          (_a = this.menu) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
             id: this.el.id
           }, getBoolean(this.el, "controlled") ? { open: getBoolean(this.el, "open") } : { defaultOpen: getBoolean(this.el, "defaultOpen") }), {
-            modal: getBoolean(this.el, "modal"),
-            closeOnInteractOutside: getBoolean(this.el, "closeOnInteractOutside"),
-            closeOnEscape: getBoolean(this.el, "closeOnEscapeKeyDown"),
-            preventScroll: getBoolean(this.el, "preventScroll"),
-            restoreFocus: getBoolean(this.el, "restoreFocus"),
+            closeOnSelect: getBoolean(this.el, "closeOnSelect"),
+            loopFocus: getBoolean(this.el, "loopFocus"),
+            typeahead: getBoolean(this.el, "typeahead"),
+            composite: getBoolean(this.el, "composite"),
             dir: getString(this.el, "dir", ["ltr", "rtl"])
           }));
         },
         destroyed() {
           var _a;
+          if (this.el.hasAttribute("data-nested")) return;
           if (this.onSetOpen) {
-            this.el.removeEventListener("phx:dialog:set-open", this.onSetOpen);
+            this.el.removeEventListener("phx:menu:set-open", this.onSetOpen);
           }
           if (this.handlers) {
             for (const handler of this.handlers) {
               this.removeHandleEvent(handler);
             }
           }
-          (_a = this.dialog) == null ? void 0 : _a.destroy();
+          if (this.nestedMenus) {
+            for (const [, nestedMenu] of this.nestedMenus) {
+              nestedMenu.destroy();
+            }
+          }
+          (_a = this.menu) == null ? void 0 : _a.destroy();
         }
       };
     }
   });
 
-  // ../priv/static/menu.mjs
-  var menu_exports = {};
-  __export(menu_exports, {
-    Menu: () => MenuHook
+  // ../priv/static/number-input.mjs
+  var number_input_exports = {};
+  __export(number_input_exports, {
+    NumberInput: () => NumberInputHook
   });
-  function createRect(r2) {
-    const { x: x2, y: y2, width, height } = r2;
-    const midX = x2 + width / 2;
-    const midY = y2 + height / 2;
+  function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = {}) {
+    let { numberingSystem } = options;
+    if (numberingSystem && locale.includes("-nu-")) {
+      if (!locale.includes("-u-")) locale += "-u-";
+      locale += `-nu-${numberingSystem}`;
+    }
+    if (options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+      var _UNITS_unit;
+      let { unit, unitDisplay = "short" } = options;
+      if (!unit) throw new Error('unit option must be provided with style: "unit"');
+      if (!((_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+      options = __spreadProps(__spreadValues({}, options), {
+        style: "decimal"
+      });
+    }
+    let cacheKey = locale + (options ? Object.entries(options).sort((a2, b2) => a2[0] < b2[0] ? -1 : 1).join() : "");
+    if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey)) return $488c6ddbf4ef74c2$var$formatterCache.get(cacheKey);
+    let numberFormatter = new Intl.NumberFormat(locale, options);
+    $488c6ddbf4ef74c2$var$formatterCache.set(cacheKey, numberFormatter);
+    return numberFormatter;
+  }
+  function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
+    if (signDisplay === "auto") return numberFormat.format(num);
+    else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
+    else {
+      let needsPositiveSign = false;
+      if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
+      else if (signDisplay === "exceptZero") {
+        if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
+        else needsPositiveSign = num > 0;
+      }
+      if (needsPositiveSign) {
+        let negative = numberFormat.format(-num);
+        let noSign = numberFormat.format(num);
+        let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
+        if ([
+          ...minus
+        ].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
+        let positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
+        return positive;
+      } else return numberFormat.format(num);
+    }
+  }
+  function $6c7bd7858deea686$var$getNumberParserImpl(locale, options, value) {
+    let defaultParser = $6c7bd7858deea686$var$getCachedNumberParser(locale, options);
+    if (!locale.includes("-nu-") && !defaultParser.isValidPartialNumber(value)) {
+      for (let numberingSystem of $6c7bd7858deea686$var$NUMBERING_SYSTEMS) if (numberingSystem !== defaultParser.options.numberingSystem) {
+        let parser = $6c7bd7858deea686$var$getCachedNumberParser(locale + (locale.includes("-u-") ? "-nu-" : "-u-nu-") + numberingSystem, options);
+        if (parser.isValidPartialNumber(value)) return parser;
+      }
+    }
+    return defaultParser;
+  }
+  function $6c7bd7858deea686$var$getCachedNumberParser(locale, options) {
+    let cacheKey = locale + (options ? Object.entries(options).sort((a2, b2) => a2[0] < b2[0] ? -1 : 1).join() : "");
+    let parser = $6c7bd7858deea686$var$numberParserCache.get(cacheKey);
+    if (!parser) {
+      parser = new $6c7bd7858deea686$var$NumberParserImpl(locale, options);
+      $6c7bd7858deea686$var$numberParserCache.set(cacheKey, parser);
+    }
+    return parser;
+  }
+  function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
+    var _allParts_find, _posAllParts_find, _decimalParts_find, _allParts_find1;
+    let symbolFormatter = new Intl.NumberFormat(locale, __spreadProps(__spreadValues({}, intlOptions), {
+      // Resets so we get the full range of symbols
+      minimumSignificantDigits: 1,
+      maximumSignificantDigits: 21,
+      roundingIncrement: 1,
+      roundingPriority: "auto",
+      roundingMode: "halfExpand"
+    }));
+    let allParts = symbolFormatter.formatToParts(-10000.111);
+    let posAllParts = symbolFormatter.formatToParts(10000.111);
+    let pluralParts = $6c7bd7858deea686$var$pluralNumbers.map((n2) => symbolFormatter.formatToParts(n2));
+    var _allParts_find_value;
+    let minusSign = (_allParts_find_value = (_allParts_find = allParts.find((p2) => p2.type === "minusSign")) === null || _allParts_find === void 0 ? void 0 : _allParts_find.value) !== null && _allParts_find_value !== void 0 ? _allParts_find_value : "-";
+    let plusSign = (_posAllParts_find = posAllParts.find((p2) => p2.type === "plusSign")) === null || _posAllParts_find === void 0 ? void 0 : _posAllParts_find.value;
+    if (!plusSign && ((originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "exceptZero" || (originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "always")) plusSign = "+";
+    let decimalParts = new Intl.NumberFormat(locale, __spreadProps(__spreadValues({}, intlOptions), {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })).formatToParts(1e-3);
+    let decimal = (_decimalParts_find = decimalParts.find((p2) => p2.type === "decimal")) === null || _decimalParts_find === void 0 ? void 0 : _decimalParts_find.value;
+    let group2 = (_allParts_find1 = allParts.find((p2) => p2.type === "group")) === null || _allParts_find1 === void 0 ? void 0 : _allParts_find1.value;
+    let allPartsLiterals = allParts.filter((p2) => !$6c7bd7858deea686$var$nonLiteralParts.has(p2.type)).map((p2) => $6c7bd7858deea686$var$escapeRegex(p2.value));
+    let pluralPartsLiterals = pluralParts.flatMap((p2) => p2.filter((p22) => !$6c7bd7858deea686$var$nonLiteralParts.has(p22.type)).map((p22) => $6c7bd7858deea686$var$escapeRegex(p22.value)));
+    let sortedLiterals = [
+      .../* @__PURE__ */ new Set([
+        ...allPartsLiterals,
+        ...pluralPartsLiterals
+      ])
+    ].sort((a2, b2) => b2.length - a2.length);
+    let literals = sortedLiterals.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${sortedLiterals.join("|")}|[\\p{White_Space}]`, "gu");
+    let numerals = [
+      ...new Intl.NumberFormat(intlOptions.locale, {
+        useGrouping: false
+      }).format(9876543210)
+    ].reverse();
+    let indexes = new Map(numerals.map((d2, i2) => [
+      d2,
+      i2
+    ]));
+    let numeral = new RegExp(`[${numerals.join("")}]`, "g");
+    let index = (d2) => String(indexes.get(d2));
     return {
-      x: x2,
-      y: y2,
-      width,
-      height,
-      minX: x2,
-      minY: y2,
-      maxX: x2 + width,
-      maxY: y2 + height,
-      midX,
-      midY,
-      center: createPoint(midX, midY)
+      minusSign,
+      plusSign,
+      decimal,
+      group: group2,
+      literals,
+      numeral,
+      index
     };
   }
-  function getRectCorners(v2) {
-    const top = createPoint(v2.minX, v2.minY);
-    const right = createPoint(v2.maxX, v2.minY);
-    const bottom = createPoint(v2.maxX, v2.maxY);
-    const left = createPoint(v2.minX, v2.maxY);
-    return { top, right, bottom, left };
+  function $6c7bd7858deea686$var$replaceAll(str, find2, replace2) {
+    if (str.replaceAll) return str.replaceAll(find2, replace2);
+    return str.split(find2).join(replace2);
   }
-  function getElementPolygon(rectValue, placement) {
-    const rect = createRect(rectValue);
-    const { top, right, left, bottom } = getRectCorners(rect);
-    const [base] = placement.split("-");
-    return {
-      top: [left, top, right, bottom],
-      right: [top, right, bottom, left],
-      bottom: [top, left, bottom, right],
-      left: [right, top, left, bottom]
-    }[base];
+  function $6c7bd7858deea686$var$escapeRegex(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   }
-  function isPointInPolygon(polygon, point) {
-    const { x: x2, y: y2 } = point;
-    let c2 = false;
-    for (let i2 = 0, j2 = polygon.length - 1; i2 < polygon.length; j2 = i2++) {
-      const xi = polygon[i2].x;
-      const yi = polygon[i2].y;
-      const xj = polygon[j2].x;
-      const yj = polygon[j2].y;
-      if (yi > y2 !== yj > y2 && x2 < (xj - xi) * (y2 - yi) / (yj - yi) + xi) {
-        c2 = !c2;
-      }
+  function recordCursor(inputEl, scope) {
+    if (!inputEl || !scope.isActiveElement(inputEl)) return;
+    try {
+      const { selectionStart: start, selectionEnd: end, value } = inputEl;
+      if (start == null || end == null) return void 0;
+      return { start, end, value };
+    } catch (e2) {
+      return void 0;
     }
-    return c2;
-  }
-  function dispatchSelectionEvent(el, value) {
-    if (!el) return;
-    const win = getWindow(el);
-    const event = new win.CustomEvent(itemSelectEvent, { detail: { value } });
-    el.dispatchEvent(event);
   }
-  function connect8(service, normalize) {
-    const { context, send, state: state2, computed, prop, scope } = service;
-    const open = state2.hasTag("open");
-    const isSubmenu = context.get("isSubmenu");
-    const isTypingAhead = computed("isTypingAhead");
-    const composite = prop("composite");
-    const currentPlacement = context.get("currentPlacement");
-    const anchorPoint = context.get("anchorPoint");
-    const highlightedValue = context.get("highlightedValue");
-    const popperStyles = getPlacementStyles(__spreadProps(__spreadValues({}, prop("positioning")), {
-      placement: anchorPoint ? "bottom" : currentPlacement
-    }));
-    function getItemState(props22) {
-      return {
-        id: getItemId3(scope, props22.value),
-        disabled: !!props22.disabled,
-        highlighted: highlightedValue === props22.value
-      };
+  function restoreCursor(inputEl, selection, scope) {
+    if (!inputEl || !scope.isActiveElement(inputEl)) return;
+    if (!selection) {
+      const len = inputEl.value.length;
+      inputEl.setSelectionRange(len, len);
+      return;
     }
-    function getOptionItemProps(props22) {
-      var _a;
-      const valueText = (_a = props22.valueText) != null ? _a : props22.value;
-      return __spreadProps(__spreadValues({}, props22), { id: props22.value, valueText });
+    try {
+      const newValue = inputEl.value;
+      const { start, end, value: oldValue } = selection;
+      if (newValue === oldValue) {
+        inputEl.setSelectionRange(start, end);
+        return;
+      }
+      const newStart = getNextCursorPosition(oldValue, newValue, start);
+      const newEnd = start === end ? newStart : getNextCursorPosition(oldValue, newValue, end);
+      const clampedStart = Math.max(0, Math.min(newStart, newValue.length));
+      const clampedEnd = Math.max(clampedStart, Math.min(newEnd, newValue.length));
+      inputEl.setSelectionRange(clampedStart, clampedEnd);
+    } catch (e2) {
+      const len = inputEl.value.length;
+      inputEl.setSelectionRange(len, len);
+    }
+  }
+  function getNextCursorPosition(oldValue, newValue, oldPosition) {
+    const beforeCursor = oldValue.slice(0, oldPosition);
+    const afterCursor = oldValue.slice(oldPosition);
+    let prefixLength = 0;
+    const maxPrefixLength = Math.min(beforeCursor.length, newValue.length);
+    for (let i2 = 0; i2 < maxPrefixLength; i2++) {
+      if (beforeCursor[i2] === newValue[i2]) {
+        prefixLength = i2 + 1;
+      } else {
+        break;
+      }
     }
-    function getOptionItemState(props22) {
-      const itemState = getItemState(getOptionItemProps(props22));
-      return __spreadProps(__spreadValues({}, itemState), {
-        checked: !!props22.checked
-      });
+    let suffixLength = 0;
+    const maxSuffixLength = Math.min(afterCursor.length, newValue.length - prefixLength);
+    for (let i2 = 0; i2 < maxSuffixLength; i2++) {
+      const oldIndex = afterCursor.length - 1 - i2;
+      const newIndex = newValue.length - 1 - i2;
+      if (afterCursor[oldIndex] === newValue[newIndex]) {
+        suffixLength = i2 + 1;
+      } else {
+        break;
+      }
     }
-    function getItemProps(props22) {
-      const { closeOnSelect, valueText, value } = props22;
-      const itemState = getItemState(props22);
-      const id = getItemId3(scope, value);
-      return normalize.element(__spreadProps(__spreadValues({}, parts8.item.attrs), {
-        id,
-        role: "menuitem",
-        "aria-disabled": ariaAttr(itemState.disabled),
-        "data-disabled": dataAttr(itemState.disabled),
-        "data-ownedby": getContentId5(scope),
-        "data-highlighted": dataAttr(itemState.highlighted),
-        "data-value": value,
-        "data-valuetext": valueText,
-        onDragStart(event) {
-          const isLink = event.currentTarget.matches("a[href]");
-          if (isLink) event.preventDefault();
-        },
-        onPointerMove(event) {
-          if (itemState.disabled) return;
-          if (event.pointerType !== "mouse") return;
-          const target = event.currentTarget;
-          if (itemState.highlighted) return;
-          const point = getEventPoint(event);
-          send({ type: "ITEM_POINTERMOVE", id, target, closeOnSelect, point });
-        },
-        onPointerLeave(event) {
-          var _a;
-          if (itemState.disabled) return;
-          if (event.pointerType !== "mouse") return;
-          const pointerMoved = (_a = service.event.previous()) == null ? void 0 : _a.type.includes("POINTER");
-          if (!pointerMoved) return;
-          const target = event.currentTarget;
-          send({ type: "ITEM_POINTERLEAVE", id, target, closeOnSelect });
-        },
-        onPointerDown(event) {
-          if (itemState.disabled) return;
-          const target = event.currentTarget;
-          send({ type: "ITEM_POINTERDOWN", target, id, closeOnSelect });
-        },
-        onClick(event) {
-          if (isDownloadingEvent(event)) return;
-          if (isOpeningInNewTab(event)) return;
-          if (itemState.disabled) return;
-          const target = event.currentTarget;
-          send({ type: "ITEM_CLICK", target, id, closeOnSelect });
-        }
-      }));
+    if (beforeCursor.length > 0 && prefixLength >= beforeCursor.length) {
+      return prefixLength;
+    }
+    if (suffixLength >= afterCursor.length) {
+      return newValue.length - suffixLength;
     }
+    if (prefixLength > 0) {
+      return prefixLength;
+    }
+    if (suffixLength > 0) {
+      return newValue.length - suffixLength;
+    }
+    if (oldPosition === 0 && prefixLength === 0 && suffixLength === 0) {
+      return newValue.length;
+    }
+    if (oldValue.length > 0) {
+      const ratio = oldPosition / oldValue.length;
+      return Math.round(ratio * newValue.length);
+    }
+    return newValue.length;
+  }
+  function connect15(service, normalize) {
+    const { state: state2, send, prop, scope, computed } = service;
+    const focused = state2.hasTag("focus");
+    const disabled = computed("isDisabled");
+    const readOnly = !!prop("readOnly");
+    const required = !!prop("required");
+    const scrubbing = state2.matches("scrubbing");
+    const empty = computed("isValueEmpty");
+    const invalid = computed("isOutOfRange") || !!prop("invalid");
+    const isIncrementDisabled = disabled || !computed("canIncrement") || readOnly;
+    const isDecrementDisabled = disabled || !computed("canDecrement") || readOnly;
+    const translations = prop("translations");
     return {
-      highlightedValue,
-      open,
-      setOpen(nextOpen) {
-        const open2 = state2.hasTag("open");
-        if (open2 === nextOpen) return;
-        send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      focused,
+      invalid,
+      empty,
+      value: computed("formattedValue"),
+      valueAsNumber: computed("valueAsNumber"),
+      setValue(value) {
+        send({ type: "VALUE.SET", value });
       },
-      setHighlightedValue(value) {
-        send({ type: "HIGHLIGHTED.SET", value });
+      clearValue() {
+        send({ type: "VALUE.CLEAR" });
       },
-      setParent(parent) {
-        send({ type: "PARENT.SET", value: parent, id: parent.prop("id") });
+      increment() {
+        send({ type: "VALUE.INCREMENT" });
       },
-      setChild(child) {
-        send({ type: "CHILD.SET", value: child, id: child.prop("id") });
+      decrement() {
+        send({ type: "VALUE.DECREMENT" });
       },
-      reposition(options = {}) {
-        send({ type: "POSITIONING.SET", options });
+      setToMax() {
+        send({ type: "VALUE.SET", value: prop("max") });
       },
-      addItemListener(props22) {
-        const node = scope.getById(props22.id);
-        if (!node) return;
-        const listener = () => {
-          var _a;
-          return (_a = props22.onSelect) == null ? void 0 : _a.call(props22);
-        };
-        node.addEventListener(itemSelectEvent, listener);
-        return () => node.removeEventListener(itemSelectEvent, listener);
+      setToMin() {
+        send({ type: "VALUE.SET", value: prop("min") });
       },
-      getContextTriggerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.contextTrigger.attrs), {
+      focus() {
+        var _a;
+        (_a = getInputEl4(scope)) == null ? void 0 : _a.focus();
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getRootId12(scope)
+        }, parts15.root.attrs), {
           dir: prop("dir"),
-          id: getContextTriggerId(scope),
-          "data-state": open ? "open" : "closed",
-          onPointerDown(event) {
-            if (event.pointerType === "mouse") return;
-            const point = getEventPoint(event);
-            send({ type: "CONTEXT_MENU_START", point });
-          },
-          onPointerCancel(event) {
-            if (event.pointerType === "mouse") return;
-            send({ type: "CONTEXT_MENU_CANCEL" });
-          },
-          onPointerMove(event) {
-            if (event.pointerType === "mouse") return;
-            send({ type: "CONTEXT_MENU_CANCEL" });
-          },
-          onPointerUp(event) {
-            if (event.pointerType === "mouse") return;
-            send({ type: "CONTEXT_MENU_CANCEL" });
-          },
-          onContextMenu(event) {
-            const point = getEventPoint(event);
-            send({ type: "CONTEXT_MENU", point });
-            event.preventDefault();
-          },
-          style: {
-            WebkitTouchCallout: "none",
-            WebkitUserSelect: "none",
-            userSelect: "none"
-          }
+          "data-disabled": dataAttr(disabled),
+          "data-focus": dataAttr(focused),
+          "data-invalid": dataAttr(invalid),
+          "data-scrubbing": dataAttr(scrubbing)
         }));
       },
-      getTriggerItemProps(childApi) {
-        const triggerProps2 = childApi.getTriggerProps();
-        return mergeProps(getItemProps({ value: triggerProps2.id }), triggerProps2);
-      },
-      getTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, isSubmenu ? parts8.triggerItem.attrs : parts8.trigger.attrs), {
-          "data-placement": context.get("currentPlacement"),
-          type: "button",
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts15.label.attrs), {
           dir: prop("dir"),
-          id: getTriggerId5(scope),
-          "data-uid": prop("id"),
-          "aria-haspopup": composite ? "menu" : "dialog",
-          "aria-controls": getContentId5(scope),
-          "data-controls": getContentId5(scope),
-          "aria-expanded": open || void 0,
-          "data-state": open ? "open" : "closed",
-          onPointerMove(event) {
-            if (event.pointerType !== "mouse") return;
-            const disabled = isTargetDisabled(event.currentTarget);
-            if (disabled || !isSubmenu) return;
-            const point = getEventPoint(event);
-            send({ type: "TRIGGER_POINTERMOVE", target: event.currentTarget, point });
-          },
-          onPointerLeave(event) {
-            if (isTargetDisabled(event.currentTarget)) return;
-            if (event.pointerType !== "mouse") return;
-            if (!isSubmenu) return;
-            const point = getEventPoint(event);
-            send({
-              type: "TRIGGER_POINTERLEAVE",
-              target: event.currentTarget,
-              point
+          "data-disabled": dataAttr(disabled),
+          "data-focus": dataAttr(focused),
+          "data-invalid": dataAttr(invalid),
+          "data-required": dataAttr(required),
+          "data-scrubbing": dataAttr(scrubbing),
+          id: getLabelId8(scope),
+          htmlFor: getInputId5(scope),
+          onClick() {
+            raf(() => {
+              setCaretToEnd(getInputEl4(scope));
             });
-          },
-          onPointerDown(event) {
-            if (isTargetDisabled(event.currentTarget)) return;
-            if (isContextMenuEvent(event)) return;
-            event.preventDefault();
-          },
-          onClick(event) {
-            if (event.defaultPrevented) return;
-            if (isTargetDisabled(event.currentTarget)) return;
-            send({ type: "TRIGGER_CLICK", target: event.currentTarget });
+          }
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts15.control.attrs), {
+          dir: prop("dir"),
+          role: "group",
+          "aria-disabled": disabled,
+          "data-focus": dataAttr(focused),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-scrubbing": dataAttr(scrubbing),
+          "aria-invalid": ariaAttr(invalid)
+        }));
+      },
+      getValueTextProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts15.valueText.attrs), {
+          dir: prop("dir"),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-focus": dataAttr(focused),
+          "data-scrubbing": dataAttr(scrubbing)
+        }));
+      },
+      getInputProps() {
+        return normalize.input(__spreadProps(__spreadValues({}, parts15.input.attrs), {
+          dir: prop("dir"),
+          name: prop("name"),
+          form: prop("form"),
+          id: getInputId5(scope),
+          role: "spinbutton",
+          defaultValue: computed("formattedValue"),
+          pattern: prop("formatOptions") ? void 0 : prop("pattern"),
+          inputMode: prop("inputMode"),
+          "aria-invalid": ariaAttr(invalid),
+          "data-invalid": dataAttr(invalid),
+          disabled,
+          "data-disabled": dataAttr(disabled),
+          readOnly,
+          required: prop("required"),
+          autoComplete: "off",
+          autoCorrect: "off",
+          spellCheck: "false",
+          type: "text",
+          "aria-roledescription": "numberfield",
+          "aria-valuemin": prop("min"),
+          "aria-valuemax": prop("max"),
+          "aria-valuenow": Number.isNaN(computed("valueAsNumber")) ? void 0 : computed("valueAsNumber"),
+          "aria-valuetext": computed("valueText"),
+          "data-scrubbing": dataAttr(scrubbing),
+          onFocus() {
+            send({ type: "INPUT.FOCUS" });
           },
           onBlur() {
-            send({ type: "TRIGGER_BLUR" });
+            send({ type: "INPUT.BLUR" });
           },
-          onFocus() {
-            send({ type: "TRIGGER_FOCUS" });
+          onInput(event) {
+            const selection = recordCursor(event.currentTarget, scope);
+            send({ type: "INPUT.CHANGE", target: event.currentTarget, hint: "set", selection });
+          },
+          onBeforeInput(event) {
+            var _a;
+            try {
+              const { selectionStart, selectionEnd, value } = event.currentTarget;
+              const nextValue = value.slice(0, selectionStart) + ((_a = event.data) != null ? _a : "") + value.slice(selectionEnd);
+              const isValid = computed("parser").isValidPartialNumber(nextValue);
+              if (!isValid) {
+                event.preventDefault();
+              }
+            } catch (e2) {
+            }
           },
           onKeyDown(event) {
             if (event.defaultPrevented) return;
+            if (readOnly) return;
+            if (isComposingEvent(event)) return;
+            const step = getEventStep(event) * prop("step");
             const keyMap2 = {
+              ArrowUp() {
+                send({ type: "INPUT.ARROW_UP", step });
+                event.preventDefault();
+              },
               ArrowDown() {
-                send({ type: "ARROW_DOWN" });
+                send({ type: "INPUT.ARROW_DOWN", step });
+                event.preventDefault();
               },
-              ArrowUp() {
-                send({ type: "ARROW_UP" });
+              Home() {
+                if (isModifierKey(event)) return;
+                send({ type: "INPUT.HOME" });
+                event.preventDefault();
               },
-              Enter() {
-                send({ type: "ARROW_DOWN", src: "enter" });
+              End() {
+                if (isModifierKey(event)) return;
+                send({ type: "INPUT.END" });
+                event.preventDefault();
               },
-              Space() {
-                send({ type: "ARROW_DOWN", src: "space" });
+              Enter(event2) {
+                const selection = recordCursor(event2.currentTarget, scope);
+                send({ type: "INPUT.ENTER", selection });
               }
             };
-            const key = getEventKey(event, {
-              orientation: "vertical",
-              dir: prop("dir")
-            });
-            const exec = keyMap2[key];
-            if (exec) {
-              event.preventDefault();
-              exec(event);
-            }
+            const exec = keyMap2[event.key];
+            exec == null ? void 0 : exec(event);
           }
         }));
       },
-      getIndicatorProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.indicator.attrs), {
-          dir: prop("dir"),
-          "data-state": open ? "open" : "closed"
-        }));
-      },
-      getPositionerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.positioner.attrs), {
+      getDecrementTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts15.decrementTrigger.attrs), {
           dir: prop("dir"),
-          id: getPositionerId4(scope),
-          style: popperStyles.floating
+          id: getDecrementTriggerId(scope),
+          disabled: isDecrementDisabled,
+          "data-disabled": dataAttr(isDecrementDisabled),
+          "aria-label": translations.decrementLabel,
+          type: "button",
+          tabIndex: -1,
+          "aria-controls": getInputId5(scope),
+          "data-scrubbing": dataAttr(scrubbing),
+          onPointerDown(event) {
+            var _a;
+            if (isDecrementDisabled) return;
+            if (!isLeftClick(event)) return;
+            send({ type: "TRIGGER.PRESS_DOWN", hint: "decrement", pointerType: event.pointerType });
+            if (event.pointerType === "mouse") {
+              event.preventDefault();
+            }
+            if (event.pointerType === "touch") {
+              (_a = event.currentTarget) == null ? void 0 : _a.focus({ preventScroll: true });
+            }
+          },
+          onPointerUp(event) {
+            send({ type: "TRIGGER.PRESS_UP", hint: "decrement", pointerType: event.pointerType });
+          },
+          onPointerLeave() {
+            if (isDecrementDisabled) return;
+            send({ type: "TRIGGER.PRESS_UP", hint: "decrement" });
+          }
         }));
       },
-      getArrowProps() {
-        return normalize.element(__spreadProps(__spreadValues({
-          id: getArrowId(scope)
-        }, parts8.arrow.attrs), {
+      getIncrementTriggerProps() {
+        return normalize.button(__spreadProps(__spreadValues({}, parts15.incrementTrigger.attrs), {
           dir: prop("dir"),
-          style: popperStyles.arrow
+          id: getIncrementTriggerId(scope),
+          disabled: isIncrementDisabled,
+          "data-disabled": dataAttr(isIncrementDisabled),
+          "aria-label": translations.incrementLabel,
+          type: "button",
+          tabIndex: -1,
+          "aria-controls": getInputId5(scope),
+          "data-scrubbing": dataAttr(scrubbing),
+          onPointerDown(event) {
+            var _a;
+            if (isIncrementDisabled || !isLeftClick(event)) return;
+            send({ type: "TRIGGER.PRESS_DOWN", hint: "increment", pointerType: event.pointerType });
+            if (event.pointerType === "mouse") {
+              event.preventDefault();
+            }
+            if (event.pointerType === "touch") {
+              (_a = event.currentTarget) == null ? void 0 : _a.focus({ preventScroll: true });
+            }
+          },
+          onPointerUp(event) {
+            send({ type: "TRIGGER.PRESS_UP", hint: "increment", pointerType: event.pointerType });
+          },
+          onPointerLeave(event) {
+            send({ type: "TRIGGER.PRESS_UP", hint: "increment", pointerType: event.pointerType });
+          }
         }));
       },
-      getArrowTipProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.arrowTip.attrs), {
+      getScrubberProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts15.scrubber.attrs), {
           dir: prop("dir"),
-          style: popperStyles.arrowTip
+          "data-disabled": dataAttr(disabled),
+          id: getScrubberId(scope),
+          role: "presentation",
+          "data-scrubbing": dataAttr(scrubbing),
+          onMouseDown(event) {
+            if (disabled) return;
+            if (!isLeftClick(event)) return;
+            const point = getEventPoint(event);
+            const win = getWindow(event.currentTarget);
+            const dpr = win.devicePixelRatio;
+            point.x = point.x - roundToDpr(7.5, dpr);
+            point.y = point.y - roundToDpr(7.5, dpr);
+            send({ type: "SCRUBBER.PRESS_DOWN", point });
+            event.preventDefault();
+            raf(() => {
+              setCaretToEnd(getInputEl4(scope));
+            });
+          },
+          style: {
+            cursor: disabled ? void 0 : "ew-resize"
+          }
         }));
-      },
-      getContentProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.content.attrs), {
-          id: getContentId5(scope),
-          "aria-label": prop("aria-label"),
-          hidden: !open,
-          "data-state": open ? "open" : "closed",
-          role: composite ? "menu" : "dialog",
-          tabIndex: 0,
-          dir: prop("dir"),
-          "aria-activedescendant": computed("highlightedId") || void 0,
-          "aria-labelledby": getTriggerId5(scope),
-          "data-placement": currentPlacement,
-          onPointerEnter(event) {
-            if (event.pointerType !== "mouse") return;
-            send({ type: "MENU_POINTERENTER" });
+      }
+    };
+  }
+  var $488c6ddbf4ef74c2$var$formatterCache, $488c6ddbf4ef74c2$var$supportsSignDisplay, $488c6ddbf4ef74c2$var$supportsUnit, $488c6ddbf4ef74c2$var$UNITS, $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX, $6c7bd7858deea686$var$NUMBERING_SYSTEMS, $6c7bd7858deea686$export$cd11ab140839f11d, $6c7bd7858deea686$var$numberParserCache, $6c7bd7858deea686$var$NumberParserImpl, $6c7bd7858deea686$var$nonLiteralParts, $6c7bd7858deea686$var$pluralNumbers, anatomy15, parts15, getRootId12, getInputId5, getIncrementTriggerId, getDecrementTriggerId, getScrubberId, getCursorId, getLabelId8, getInputEl4, getIncrementTriggerEl, getDecrementTriggerEl, getCursorEl, getPressedTriggerEl, setupVirtualCursor, preventTextSelection, getMousemoveValue, createVirtualCursor, createFormatter, createParser, parseValue, formatValue, getDefaultStep, choose2, guards3, createMachine4, not6, and6, machine15, props15, splitProps15, NumberInput, NumberInputHook;
+  var init_number_input = __esm({
+    "../priv/static/number-input.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
+      $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
+      try {
+        $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
+          signDisplay: "exceptZero"
+        }).resolvedOptions().signDisplay === "exceptZero";
+      } catch (e2) {
+      }
+      $488c6ddbf4ef74c2$var$supportsUnit = false;
+      try {
+        $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
+          style: "unit",
+          unit: "degree"
+        }).resolvedOptions().style === "unit";
+      } catch (e2) {
+      }
+      $488c6ddbf4ef74c2$var$UNITS = {
+        degree: {
+          narrow: {
+            default: "\xB0",
+            "ja-JP": " \u5EA6",
+            "zh-TW": "\u5EA6",
+            "sl-SI": " \xB0"
+          }
+        }
+      };
+      $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = class {
+        /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+        format(value) {
+          let res = "";
+          if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) res = $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
+          else res = this.numberFormatter.format(value);
+          if (this.options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+            var _UNITS_unit;
+            let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
+            if (!unit) return res;
+            let values = (_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay];
+            res += values[locale] || values.default;
+          }
+          return res;
+        }
+        /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+        formatToParts(value) {
+          return this.numberFormatter.formatToParts(value);
+        }
+        /** Formats a number range as a string. */
+        formatRange(start, end) {
+          if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
+          if (end < start) throw new RangeError("End date must be >= start date");
+          return `${this.format(start)} \u2013 ${this.format(end)}`;
+        }
+        /** Formats a number range as an array of parts. */
+        formatRangeToParts(start, end) {
+          if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
+          if (end < start) throw new RangeError("End date must be >= start date");
+          let startParts = this.numberFormatter.formatToParts(start);
+          let endParts = this.numberFormatter.formatToParts(end);
+          return [
+            ...startParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+              source: "startRange"
+            })),
+            {
+              type: "literal",
+              value: " \u2013 ",
+              source: "shared"
+            },
+            ...endParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+              source: "endRange"
+            }))
+          ];
+        }
+        /** Returns the resolved formatting options based on the values passed to the constructor. */
+        resolvedOptions() {
+          let options = this.numberFormatter.resolvedOptions();
+          if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) options = __spreadProps(__spreadValues({}, options), {
+            signDisplay: this.options.signDisplay
+          });
+          if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit") options = __spreadProps(__spreadValues({}, options), {
+            style: "unit",
+            unit: this.options.unit,
+            unitDisplay: this.options.unitDisplay
+          });
+          return options;
+        }
+        constructor(locale, options = {}) {
+          this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options);
+          this.options = options;
+        }
+      };
+      $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
+      $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
+        "latn",
+        "arab",
+        "hanidec",
+        "deva",
+        "beng",
+        "fullwide"
+      ];
+      $6c7bd7858deea686$export$cd11ab140839f11d = class {
+        /**
+        * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+        */
+        parse(value) {
+          return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
+        }
+        /**
+        * Returns whether the given string could potentially be a valid number. This should be used to
+        * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
+        * of the minus/plus sign characters can be checked.
+        */
+        isValidPartialNumber(value, minValue, maxValue) {
+          return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
+        }
+        /**
+        * Returns a numbering system for which the given string is valid in the current locale.
+        * If no numbering system could be detected, the default numbering system for the current
+        * locale is returned.
+        */
+        getNumberingSystem(value) {
+          return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
+        }
+        constructor(locale, options = {}) {
+          this.locale = locale;
+          this.options = options;
+        }
+      };
+      $6c7bd7858deea686$var$numberParserCache = /* @__PURE__ */ new Map();
+      $6c7bd7858deea686$var$NumberParserImpl = class {
+        parse(value) {
+          let fullySanitizedValue = this.sanitize(value);
+          if (this.symbols.group)
+            fullySanitizedValue = $6c7bd7858deea686$var$replaceAll(fullySanitizedValue, this.symbols.group, "");
+          if (this.symbols.decimal) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.decimal, ".");
+          if (this.symbols.minusSign) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.minusSign, "-");
+          fullySanitizedValue = fullySanitizedValue.replace(this.symbols.numeral, this.symbols.index);
+          if (this.options.style === "percent") {
+            let isNegative = fullySanitizedValue.indexOf("-");
+            fullySanitizedValue = fullySanitizedValue.replace("-", "");
+            fullySanitizedValue = fullySanitizedValue.replace("+", "");
+            let index = fullySanitizedValue.indexOf(".");
+            if (index === -1) index = fullySanitizedValue.length;
+            fullySanitizedValue = fullySanitizedValue.replace(".", "");
+            if (index - 2 === 0) fullySanitizedValue = `0.${fullySanitizedValue}`;
+            else if (index - 2 === -1) fullySanitizedValue = `0.0${fullySanitizedValue}`;
+            else if (index - 2 === -2) fullySanitizedValue = "0.00";
+            else fullySanitizedValue = `${fullySanitizedValue.slice(0, index - 2)}.${fullySanitizedValue.slice(index - 2)}`;
+            if (isNegative > -1) fullySanitizedValue = `-${fullySanitizedValue}`;
+          }
+          let newValue = fullySanitizedValue ? +fullySanitizedValue : NaN;
+          if (isNaN(newValue)) return NaN;
+          if (this.options.style === "percent") {
+            var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
+            let options = __spreadProps(__spreadValues({}, this.options), {
+              style: "decimal",
+              minimumFractionDigits: Math.min(((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) + 2, 20),
+              maximumFractionDigits: Math.min(((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) + 2, 20)
+            });
+            return new $6c7bd7858deea686$export$cd11ab140839f11d(this.locale, options).parse(new (0, $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(this.locale, options).format(newValue));
+          }
+          if (this.options.currencySign === "accounting" && $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
+          return newValue;
+        }
+        sanitize(value) {
+          value = value.replace(this.symbols.literals, "");
+          if (this.symbols.minusSign) value = value.replace("-", this.symbols.minusSign);
+          if (this.options.numberingSystem === "arab") {
+            if (this.symbols.decimal) {
+              value = value.replace(",", this.symbols.decimal);
+              value = value.replace(String.fromCharCode(1548), this.symbols.decimal);
+            }
+            if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, ".", this.symbols.group);
+          }
+          if (this.symbols.group === "\u2019" && value.includes("'")) value = $6c7bd7858deea686$var$replaceAll(value, "'", this.symbols.group);
+          if (this.options.locale === "fr-FR" && this.symbols.group) {
+            value = $6c7bd7858deea686$var$replaceAll(value, " ", this.symbols.group);
+            value = $6c7bd7858deea686$var$replaceAll(value, /\u00A0/g, this.symbols.group);
+          }
+          return value;
+        }
+        isValidPartialNumber(value, minValue = -Infinity, maxValue = Infinity) {
+          value = this.sanitize(value);
+          if (this.symbols.minusSign && value.startsWith(this.symbols.minusSign) && minValue < 0) value = value.slice(this.symbols.minusSign.length);
+          else if (this.symbols.plusSign && value.startsWith(this.symbols.plusSign) && maxValue > 0) value = value.slice(this.symbols.plusSign.length);
+          if (this.symbols.group && value.startsWith(this.symbols.group)) return false;
+          if (this.symbols.decimal && value.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0) return false;
+          if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, this.symbols.group, "");
+          value = value.replace(this.symbols.numeral, "");
+          if (this.symbols.decimal) value = value.replace(this.symbols.decimal, "");
+          return value.length === 0;
+        }
+        constructor(locale, options = {}) {
+          this.locale = locale;
+          if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
+            if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
+              options.maximumFractionDigits = 0;
+              options.minimumFractionDigits = 0;
+            } else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
+            else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
+          }
+          this.formatter = new Intl.NumberFormat(locale, options);
+          this.options = this.formatter.resolvedOptions();
+          this.symbols = $6c7bd7858deea686$var$getSymbols(locale, this.formatter, this.options, options);
+          var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
+          if (this.options.style === "percent" && (((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) > 18 || ((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) > 18)) console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+        }
+      };
+      $6c7bd7858deea686$var$nonLiteralParts = /* @__PURE__ */ new Set([
+        "decimal",
+        "fraction",
+        "integer",
+        "minusSign",
+        "plusSign",
+        "group"
+      ]);
+      $6c7bd7858deea686$var$pluralNumbers = [
+        0,
+        4,
+        2,
+        1,
+        11,
+        20,
+        3,
+        7,
+        100,
+        21,
+        0.1,
+        1.1
+      ];
+      anatomy15 = createAnatomy("numberInput").parts(
+        "root",
+        "label",
+        "input",
+        "control",
+        "valueText",
+        "incrementTrigger",
+        "decrementTrigger",
+        "scrubber"
+      );
+      parts15 = anatomy15.build();
+      getRootId12 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `number-input:${ctx.id}`;
+      };
+      getInputId5 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
+      };
+      getIncrementTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
+      };
+      getDecrementTriggerId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
+      };
+      getScrubberId = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.scrubber) != null ? _b : `number-input:${ctx.id}:scrubber`;
+      };
+      getCursorId = (ctx) => `number-input:${ctx.id}:cursor`;
+      getLabelId8 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
+      };
+      getInputEl4 = (ctx) => ctx.getById(getInputId5(ctx));
+      getIncrementTriggerEl = (ctx) => ctx.getById(getIncrementTriggerId(ctx));
+      getDecrementTriggerEl = (ctx) => ctx.getById(getDecrementTriggerId(ctx));
+      getCursorEl = (ctx) => ctx.getDoc().getElementById(getCursorId(ctx));
+      getPressedTriggerEl = (ctx, hint) => {
+        let btnEl = null;
+        if (hint === "increment") {
+          btnEl = getIncrementTriggerEl(ctx);
+        }
+        if (hint === "decrement") {
+          btnEl = getDecrementTriggerEl(ctx);
+        }
+        return btnEl;
+      };
+      setupVirtualCursor = (ctx, point) => {
+        if (isSafari()) return;
+        createVirtualCursor(ctx, point);
+        return () => {
+          var _a;
+          (_a = getCursorEl(ctx)) == null ? void 0 : _a.remove();
+        };
+      };
+      preventTextSelection = (ctx) => {
+        const doc = ctx.getDoc();
+        const html = doc.documentElement;
+        const body = doc.body;
+        body.style.pointerEvents = "none";
+        html.style.userSelect = "none";
+        html.style.cursor = "ew-resize";
+        return () => {
+          body.style.pointerEvents = "";
+          html.style.userSelect = "";
+          html.style.cursor = "";
+          if (!html.style.length) {
+            html.removeAttribute("style");
+          }
+          if (!body.style.length) {
+            body.removeAttribute("style");
+          }
+        };
+      };
+      getMousemoveValue = (ctx, opts) => {
+        const { point, isRtl, event } = opts;
+        const win = ctx.getWin();
+        const x2 = roundToDpr(event.movementX, win.devicePixelRatio);
+        const y2 = roundToDpr(event.movementY, win.devicePixelRatio);
+        let hint = x2 > 0 ? "increment" : x2 < 0 ? "decrement" : null;
+        if (isRtl && hint === "increment") hint = "decrement";
+        if (isRtl && hint === "decrement") hint = "increment";
+        const newPoint = { x: point.x + x2, y: point.y + y2 };
+        const width = win.innerWidth;
+        const half = roundToDpr(7.5, win.devicePixelRatio);
+        newPoint.x = wrap2(newPoint.x + half, width) - half;
+        return { hint, point: newPoint };
+      };
+      createVirtualCursor = (ctx, point) => {
+        const doc = ctx.getDoc();
+        const el = doc.createElement("div");
+        el.className = "scrubber--cursor";
+        el.id = getCursorId(ctx);
+        Object.assign(el.style, {
+          width: "15px",
+          height: "15px",
+          position: "fixed",
+          pointerEvents: "none",
+          left: "0px",
+          top: "0px",
+          zIndex: MAX_Z_INDEX,
+          transform: point ? `translate3d(${point.x}px, ${point.y}px, 0px)` : void 0,
+          willChange: "transform"
+        });
+        el.innerHTML = `
+      <svg width="46" height="15" style="left: -15.5px; position: absolute; top: 0; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 1.1px);">
+        <g transform="translate(2 3)">
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z" style="stroke-width: 2px; stroke: white;"></path>
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z"></path>
+        </g>
+      </svg>`;
+        doc.body.appendChild(el);
+      };
+      createFormatter = (locale, options = {}) => {
+        return new Intl.NumberFormat(locale, options);
+      };
+      createParser = (locale, options = {}) => {
+        return new $6c7bd7858deea686$export$cd11ab140839f11d(locale, options);
+      };
+      parseValue = (value, params) => {
+        const { prop, computed } = params;
+        if (!prop("formatOptions")) return parseFloat(value);
+        if (value === "") return Number.NaN;
+        return computed("parser").parse(value);
+      };
+      formatValue = (value, params) => {
+        const { prop, computed } = params;
+        if (Number.isNaN(value)) return "";
+        if (!prop("formatOptions")) return value.toString();
+        return computed("formatter").format(value);
+      };
+      getDefaultStep = (step, formatOptions) => {
+        let defaultStep = step !== void 0 && !Number.isNaN(step) ? step : 1;
+        if ((formatOptions == null ? void 0 : formatOptions.style) === "percent" && (step === void 0 || Number.isNaN(step))) {
+          defaultStep = 0.01;
+        }
+        return defaultStep;
+      };
+      ({ choose: choose2, guards: guards3, createMachine: createMachine4 } = setup());
+      ({ not: not6, and: and6 } = guards3);
+      machine15 = createMachine4({
+        props({ props: props26 }) {
+          const step = getDefaultStep(props26.step, props26.formatOptions);
+          return __spreadProps(__spreadValues({
+            dir: "ltr",
+            locale: "en-US",
+            focusInputOnChange: true,
+            clampValueOnBlur: !props26.allowOverflow,
+            allowOverflow: false,
+            inputMode: "decimal",
+            pattern: "-?[0-9]*(.[0-9]+)?",
+            defaultValue: "",
+            step,
+            min: Number.MIN_SAFE_INTEGER,
+            max: Number.MAX_SAFE_INTEGER,
+            spinOnPress: true
+          }, props26), {
+            translations: __spreadValues({
+              incrementLabel: "increment value",
+              decrementLabel: "decrease value"
+            }, props26.translations)
+          });
+        },
+        initialState() {
+          return "idle";
+        },
+        context({ prop, bindable: bindable2, getComputed }) {
+          return {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              onChange(value) {
+                var _a;
+                const computed = getComputed();
+                const valueAsNumber = parseValue(value, { computed, prop });
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, valueAsNumber });
+              }
+            })),
+            hint: bindable2(() => ({ defaultValue: null })),
+            scrubberCursorPoint: bindable2(() => ({
+              defaultValue: null,
+              hash(value) {
+                return value ? `x:${value.x}, y:${value.y}` : "";
+              }
+            })),
+            fieldsetDisabled: bindable2(() => ({ defaultValue: false }))
+          };
+        },
+        computed: {
+          isRtl: ({ prop }) => prop("dir") === "rtl",
+          valueAsNumber: ({ context, computed, prop }) => parseValue(context.get("value"), { computed, prop }),
+          formattedValue: ({ computed, prop }) => formatValue(computed("valueAsNumber"), { computed, prop }),
+          isAtMin: ({ computed, prop }) => isValueAtMin(computed("valueAsNumber"), prop("min")),
+          isAtMax: ({ computed, prop }) => isValueAtMax(computed("valueAsNumber"), prop("max")),
+          isOutOfRange: ({ computed, prop }) => !isValueWithinRange(computed("valueAsNumber"), prop("min"), prop("max")),
+          isValueEmpty: ({ context }) => context.get("value") === "",
+          isDisabled: ({ prop, context }) => !!prop("disabled") || context.get("fieldsetDisabled"),
+          canIncrement: ({ prop, computed }) => prop("allowOverflow") || !computed("isAtMax"),
+          canDecrement: ({ prop, computed }) => prop("allowOverflow") || !computed("isAtMin"),
+          valueText: ({ prop, context }) => {
+            var _a, _b;
+            return (_b = (_a = prop("translations")).valueText) == null ? void 0 : _b.call(_a, context.get("value"));
           },
-          onKeyDown(event) {
-            if (event.defaultPrevented) return;
-            if (!contains(event.currentTarget, getEventTarget(event))) return;
-            const target = getEventTarget(event);
-            const sameMenu = (target == null ? void 0 : target.closest("[role=menu]")) === event.currentTarget || target === event.currentTarget;
-            if (!sameMenu) return;
-            if (event.key === "Tab") {
-              const valid = isValidTabEvent(event);
-              if (!valid) {
-                event.preventDefault();
-                return;
+          formatter: memo(
+            ({ prop }) => [prop("locale"), prop("formatOptions")],
+            ([locale, formatOptions]) => createFormatter(locale, formatOptions)
+          ),
+          parser: memo(
+            ({ prop }) => [prop("locale"), prop("formatOptions")],
+            ([locale, formatOptions]) => createParser(locale, formatOptions)
+          )
+        },
+        watch({ track, action, context, computed, prop }) {
+          track([() => context.get("value"), () => prop("locale"), () => JSON.stringify(prop("formatOptions"))], () => {
+            action(["syncInputElement"]);
+          });
+          track([() => computed("isOutOfRange")], () => {
+            action(["invokeOnInvalid"]);
+          });
+          track([() => context.hash("scrubberCursorPoint")], () => {
+            action(["setVirtualCursorPosition"]);
+          });
+        },
+        effects: ["trackFormControl"],
+        on: {
+          "VALUE.SET": {
+            actions: ["setRawValue"]
+          },
+          "VALUE.CLEAR": {
+            actions: ["clearValue"]
+          },
+          "VALUE.INCREMENT": {
+            actions: ["increment"]
+          },
+          "VALUE.DECREMENT": {
+            actions: ["decrement"]
+          }
+        },
+        states: {
+          idle: {
+            on: {
+              "TRIGGER.PRESS_DOWN": [
+                { guard: "isTouchPointer", target: "before:spin", actions: ["setHint"] },
+                {
+                  target: "before:spin",
+                  actions: ["focusInput", "invokeOnFocus", "setHint"]
+                }
+              ],
+              "SCRUBBER.PRESS_DOWN": {
+                target: "scrubbing",
+                actions: ["focusInput", "invokeOnFocus", "setHint", "setCursorPoint"]
+              },
+              "INPUT.FOCUS": {
+                target: "focused",
+                actions: ["focusInput", "invokeOnFocus"]
               }
             }
-            const keyMap2 = {
-              ArrowDown() {
-                send({ type: "ARROW_DOWN" });
+          },
+          focused: {
+            tags: ["focus"],
+            effects: ["attachWheelListener"],
+            on: {
+              "TRIGGER.PRESS_DOWN": [
+                { guard: "isTouchPointer", target: "before:spin", actions: ["setHint"] },
+                { target: "before:spin", actions: ["focusInput", "setHint"] }
+              ],
+              "SCRUBBER.PRESS_DOWN": {
+                target: "scrubbing",
+                actions: ["focusInput", "setHint", "setCursorPoint"]
               },
-              ArrowUp() {
-                send({ type: "ARROW_UP" });
+              "INPUT.ARROW_UP": {
+                actions: ["increment"]
               },
-              ArrowLeft() {
-                send({ type: "ARROW_LEFT" });
+              "INPUT.ARROW_DOWN": {
+                actions: ["decrement"]
               },
-              ArrowRight() {
-                send({ type: "ARROW_RIGHT" });
+              "INPUT.HOME": {
+                actions: ["decrementToMin"]
               },
-              Enter() {
-                send({ type: "ENTER" });
+              "INPUT.END": {
+                actions: ["incrementToMax"]
               },
-              Space(event2) {
-                var _a;
-                if (isTypingAhead) {
-                  send({ type: "TYPEAHEAD", key: event2.key });
-                } else {
-                  (_a = keyMap2.Enter) == null ? void 0 : _a.call(keyMap2, event2);
+              "INPUT.CHANGE": {
+                actions: ["setValue", "setHint"]
+              },
+              "INPUT.BLUR": [
+                {
+                  guard: and6("clampValueOnBlur", not6("isInRange")),
+                  target: "idle",
+                  actions: ["setClampedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
+                },
+                {
+                  guard: not6("isInRange"),
+                  target: "idle",
+                  actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnInvalid", "invokeOnValueCommit"]
+                },
+                {
+                  target: "idle",
+                  actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
                 }
+              ],
+              "INPUT.ENTER": {
+                actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
+              }
+            }
+          },
+          "before:spin": {
+            tags: ["focus"],
+            effects: ["trackButtonDisabled", "waitForChangeDelay"],
+            entry: choose2([
+              { guard: "isIncrementHint", actions: ["increment"] },
+              { guard: "isDecrementHint", actions: ["decrement"] }
+            ]),
+            on: {
+              CHANGE_DELAY: {
+                target: "spinning",
+                guard: and6("isInRange", "spinOnPress")
               },
-              Home() {
-                send({ type: "HOME" });
+              "TRIGGER.PRESS_UP": [
+                { guard: "isTouchPointer", target: "focused", actions: ["clearHint"] },
+                { target: "focused", actions: ["focusInput", "clearHint"] }
+              ]
+            }
+          },
+          spinning: {
+            tags: ["focus"],
+            effects: ["trackButtonDisabled", "spinValue"],
+            on: {
+              SPIN: [
+                {
+                  guard: "isIncrementHint",
+                  actions: ["increment"]
+                },
+                {
+                  guard: "isDecrementHint",
+                  actions: ["decrement"]
+                }
+              ],
+              "TRIGGER.PRESS_UP": {
+                target: "focused",
+                actions: ["focusInput", "clearHint"]
+              }
+            }
+          },
+          scrubbing: {
+            tags: ["focus"],
+            effects: ["activatePointerLock", "trackMousemove", "setupVirtualCursor", "preventTextSelection"],
+            on: {
+              "SCRUBBER.POINTER_UP": {
+                target: "focused",
+                actions: ["focusInput", "clearCursorPoint"]
               },
-              End() {
-                send({ type: "END" });
+              "SCRUBBER.POINTER_MOVE": [
+                {
+                  guard: "isIncrementHint",
+                  actions: ["increment", "setCursorPoint"]
+                },
+                {
+                  guard: "isDecrementHint",
+                  actions: ["decrement", "setCursorPoint"]
+                }
+              ]
+            }
+          }
+        },
+        implementations: {
+          guards: {
+            clampValueOnBlur: ({ prop }) => prop("clampValueOnBlur"),
+            spinOnPress: ({ prop }) => !!prop("spinOnPress"),
+            isInRange: ({ computed }) => !computed("isOutOfRange"),
+            isDecrementHint: ({ context, event }) => {
+              var _a;
+              return ((_a = event.hint) != null ? _a : context.get("hint")) === "decrement";
+            },
+            isIncrementHint: ({ context, event }) => {
+              var _a;
+              return ((_a = event.hint) != null ? _a : context.get("hint")) === "increment";
+            },
+            isTouchPointer: ({ event }) => event.pointerType === "touch"
+          },
+          effects: {
+            waitForChangeDelay({ send }) {
+              const id = setTimeout(() => {
+                send({ type: "CHANGE_DELAY" });
+              }, 300);
+              return () => clearTimeout(id);
+            },
+            spinValue({ send }) {
+              const id = setInterval(() => {
+                send({ type: "SPIN" });
+              }, 50);
+              return () => clearInterval(id);
+            },
+            trackFormControl({ context, scope }) {
+              const inputEl = getInputEl4(scope);
+              return trackFormControl(inputEl, {
+                onFieldsetDisabledChange(disabled) {
+                  context.set("fieldsetDisabled", disabled);
+                },
+                onFormReset() {
+                  context.set("value", context.initial("value"));
+                }
+              });
+            },
+            setupVirtualCursor({ context, scope }) {
+              const point = context.get("scrubberCursorPoint");
+              return setupVirtualCursor(scope, point);
+            },
+            preventTextSelection({ scope }) {
+              return preventTextSelection(scope);
+            },
+            trackButtonDisabled({ context, scope, send }) {
+              const hint = context.get("hint");
+              const btn = getPressedTriggerEl(scope, hint);
+              return observeAttributes(btn, {
+                attributes: ["disabled"],
+                callback() {
+                  send({ type: "TRIGGER.PRESS_UP", src: "attr" });
+                }
+              });
+            },
+            attachWheelListener({ scope, send, prop }) {
+              const inputEl = getInputEl4(scope);
+              if (!inputEl || !scope.isActiveElement(inputEl) || !prop("allowMouseWheel")) return;
+              function onWheel(event) {
+                event.preventDefault();
+                const dir = Math.sign(event.deltaY) * -1;
+                if (dir === 1) {
+                  send({ type: "VALUE.INCREMENT" });
+                } else if (dir === -1) {
+                  send({ type: "VALUE.DECREMENT" });
+                }
               }
-            };
-            const key = getEventKey(event, { dir: prop("dir") });
-            const exec = keyMap2[key];
-            if (exec) {
-              exec(event);
-              event.stopPropagation();
-              event.preventDefault();
-              return;
+              return addDomEvent(inputEl, "wheel", onWheel, { passive: false });
+            },
+            activatePointerLock({ scope }) {
+              if (isSafari()) return;
+              return requestPointerLock(scope.getDoc());
+            },
+            trackMousemove({ scope, send, context, computed }) {
+              const doc = scope.getDoc();
+              function onMousemove(event) {
+                const point = context.get("scrubberCursorPoint");
+                const isRtl = computed("isRtl");
+                const value = getMousemoveValue(scope, { point, isRtl, event });
+                if (!value.hint) return;
+                send({
+                  type: "SCRUBBER.POINTER_MOVE",
+                  hint: value.hint,
+                  point: value.point
+                });
+              }
+              function onMouseup() {
+                send({ type: "SCRUBBER.POINTER_UP" });
+              }
+              return callAll(addDomEvent(doc, "mousemove", onMousemove, false), addDomEvent(doc, "mouseup", onMouseup, false));
             }
-            if (!prop("typeahead")) return;
-            if (!isPrintableKey(event)) return;
-            if (isModifierKey(event)) return;
-            if (isEditableElement(target)) return;
-            send({ type: "TYPEAHEAD", key: event.key });
-            event.preventDefault();
+          },
+          actions: {
+            focusInput({ scope, prop }) {
+              if (!prop("focusInputOnChange")) return;
+              const inputEl = getInputEl4(scope);
+              if (scope.isActiveElement(inputEl)) return;
+              raf(() => inputEl == null ? void 0 : inputEl.focus({ preventScroll: true }));
+            },
+            increment({ context, event, prop, computed }) {
+              var _a;
+              let nextValue = incrementValue(computed("valueAsNumber"), (_a = event.step) != null ? _a : prop("step"));
+              if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+              context.set("value", formatValue(nextValue, { computed, prop }));
+            },
+            decrement({ context, event, prop, computed }) {
+              var _a;
+              let nextValue = decrementValue(computed("valueAsNumber"), (_a = event.step) != null ? _a : prop("step"));
+              if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+              context.set("value", formatValue(nextValue, { computed, prop }));
+            },
+            setClampedValue({ context, prop, computed }) {
+              const nextValue = clampValue(computed("valueAsNumber"), prop("min"), prop("max"));
+              context.set("value", formatValue(nextValue, { computed, prop }));
+            },
+            setRawValue({ context, event, prop, computed }) {
+              let nextValue = parseValue(event.value, { computed, prop });
+              if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+              context.set("value", formatValue(nextValue, { computed, prop }));
+            },
+            setValue({ context, event }) {
+              var _a, _b;
+              const value = (_b = (_a = event.target) == null ? void 0 : _a.value) != null ? _b : event.value;
+              context.set("value", value);
+            },
+            clearValue({ context }) {
+              context.set("value", "");
+            },
+            incrementToMax({ context, prop, computed }) {
+              const value = formatValue(prop("max"), { computed, prop });
+              context.set("value", value);
+            },
+            decrementToMin({ context, prop, computed }) {
+              const value = formatValue(prop("min"), { computed, prop });
+              context.set("value", value);
+            },
+            setHint({ context, event }) {
+              context.set("hint", event.hint);
+            },
+            clearHint({ context }) {
+              context.set("hint", null);
+            },
+            invokeOnFocus({ computed, prop }) {
+              var _a;
+              (_a = prop("onFocusChange")) == null ? void 0 : _a({
+                focused: true,
+                value: computed("formattedValue"),
+                valueAsNumber: computed("valueAsNumber")
+              });
+            },
+            invokeOnBlur({ computed, prop }) {
+              var _a;
+              (_a = prop("onFocusChange")) == null ? void 0 : _a({
+                focused: false,
+                value: computed("formattedValue"),
+                valueAsNumber: computed("valueAsNumber")
+              });
+            },
+            invokeOnInvalid({ computed, prop, event }) {
+              var _a;
+              if (event.type === "INPUT.CHANGE") return;
+              const reason = computed("valueAsNumber") > prop("max") ? "rangeOverflow" : "rangeUnderflow";
+              (_a = prop("onValueInvalid")) == null ? void 0 : _a({
+                reason,
+                value: computed("formattedValue"),
+                valueAsNumber: computed("valueAsNumber")
+              });
+            },
+            invokeOnValueCommit({ computed, prop }) {
+              var _a;
+              (_a = prop("onValueCommit")) == null ? void 0 : _a({
+                value: computed("formattedValue"),
+                valueAsNumber: computed("valueAsNumber")
+              });
+            },
+            syncInputElement({ context, event, computed, scope }) {
+              var _a;
+              const value = event.type.endsWith("CHANGE") ? context.get("value") : computed("formattedValue");
+              const inputEl = getInputEl4(scope);
+              const sel = (_a = event.selection) != null ? _a : recordCursor(inputEl, scope);
+              raf(() => {
+                setElementValue(inputEl, value);
+                restoreCursor(inputEl, sel, scope);
+              });
+            },
+            setFormattedValue({ context, computed, action }) {
+              context.set("value", computed("formattedValue"));
+              action(["syncInputElement"]);
+            },
+            setCursorPoint({ context, event }) {
+              context.set("scrubberCursorPoint", event.point);
+            },
+            clearCursorPoint({ context }) {
+              context.set("scrubberCursorPoint", null);
+            },
+            setVirtualCursorPosition({ context, scope }) {
+              const cursorEl = getCursorEl(scope);
+              const point = context.get("scrubberCursorPoint");
+              if (!cursorEl || !point) return;
+              cursorEl.style.transform = `translate3d(${point.x}px, ${point.y}px, 0px)`;
+            }
+          }
+        }
+      });
+      props15 = createProps()([
+        "allowMouseWheel",
+        "allowOverflow",
+        "clampValueOnBlur",
+        "dir",
+        "disabled",
+        "focusInputOnChange",
+        "form",
+        "formatOptions",
+        "getRootNode",
+        "id",
+        "ids",
+        "inputMode",
+        "invalid",
+        "locale",
+        "max",
+        "min",
+        "name",
+        "onFocusChange",
+        "onValueChange",
+        "onValueCommit",
+        "onValueInvalid",
+        "pattern",
+        "required",
+        "readOnly",
+        "spinOnPress",
+        "step",
+        "translations",
+        "value",
+        "defaultValue"
+      ]);
+      splitProps15 = createSplitProps(props15);
+      NumberInput = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine15, props26);
+        }
+        initApi() {
+          return connect15(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="number-input"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const labelEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="label"]'
+          );
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="control"]'
+          );
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const valueTextEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="value-text"]'
+          );
+          if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+          const inputEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="input"]'
+          );
+          if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+          const decrementEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="decrement-trigger"]'
+          );
+          if (decrementEl) this.spreadProps(decrementEl, this.api.getDecrementTriggerProps());
+          const incrementEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="increment-trigger"]'
+          );
+          if (incrementEl) this.spreadProps(incrementEl, this.api.getIncrementTriggerProps());
+          const scrubberEl = this.el.querySelector(
+            '[data-scope="number-input"][data-part="scrubber"]'
+          );
+          if (scrubberEl) {
+            this.spreadProps(scrubberEl, this.api.getScrubberProps());
+            scrubberEl.setAttribute("aria-label", "Scrub to adjust value");
+            scrubberEl.removeAttribute("role");
+          }
+        }
+      };
+      NumberInputHook = {
+        mounted() {
+          const el = this.el;
+          const valueStr = getString(el, "value");
+          const defaultValueStr = getString(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          const zag = new NumberInput(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, controlled && valueStr !== void 0 ? { value: valueStr } : { defaultValue: defaultValueStr }), {
+            min: getNumber(el, "min"),
+            max: getNumber(el, "max"),
+            step: getNumber(el, "step"),
+            disabled: getBoolean(el, "disabled"),
+            readOnly: getBoolean(el, "readOnly"),
+            invalid: getBoolean(el, "invalid"),
+            required: getBoolean(el, "required"),
+            allowMouseWheel: getBoolean(el, "allowMouseWheel"),
+            name: getString(el, "name"),
+            form: getString(el, "form"),
+            onValueChange: (details) => {
+              const inputEl = el.querySelector(
+                '[data-scope="number-input"][data-part="input"]'
+              );
+              if (inputEl) {
+                inputEl.value = details.value;
+                inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+                inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+              }
+              const eventName = getString(el, "onValueChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  valueAsNumber: details.valueAsNumber,
+                  id: el.id
+                });
+              }
+              const clientName = getString(el, "onValueChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
+            }
+          }));
+          zag.init();
+          this.numberInput = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a;
+          const valueStr = getString(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          (_a = this.numberInput) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, controlled && valueStr !== void 0 ? { value: valueStr } : {}), {
+            min: getNumber(this.el, "min"),
+            max: getNumber(this.el, "max"),
+            step: getNumber(this.el, "step"),
+            disabled: getBoolean(this.el, "disabled"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            invalid: getBoolean(this.el, "invalid"),
+            required: getBoolean(this.el, "required"),
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form")
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-        }));
+          (_a = this.numberInput) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/password-input.mjs
+  var password_input_exports = {};
+  __export(password_input_exports, {
+    PasswordInput: () => PasswordInputHook
+  });
+  function connect16(service, normalize) {
+    const { scope, prop, context } = service;
+    const visible = context.get("visible");
+    const disabled = !!prop("disabled");
+    const invalid = !!prop("invalid");
+    const readOnly = !!prop("readOnly");
+    const required = !!prop("required");
+    const interactive = !(readOnly || disabled);
+    const translations = prop("translations");
+    return {
+      visible,
+      disabled,
+      invalid,
+      focus() {
+        var _a;
+        (_a = getInputEl5(scope)) == null ? void 0 : _a.focus();
       },
-      getSeparatorProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.separator.attrs), {
-          role: "separator",
-          dir: prop("dir"),
-          "aria-orientation": "horizontal"
-        }));
+      setVisible(value) {
+        service.send({ type: "VISIBILITY.SET", value });
       },
-      getItemState,
-      getItemProps,
-      getOptionItemState,
-      getOptionItemProps(props22) {
-        const { type, disabled, closeOnSelect } = props22;
-        const option = getOptionItemProps(props22);
-        const itemState = getOptionItemState(props22);
-        return __spreadValues(__spreadValues({}, getItemProps(option)), normalize.element(__spreadProps(__spreadValues({
-          "data-type": type
-        }, parts8.item.attrs), {
-          dir: prop("dir"),
-          "data-value": option.value,
-          role: `menuitem${type}`,
-          "aria-checked": !!itemState.checked,
-          "data-state": itemState.checked ? "checked" : "unchecked",
-          onClick(event) {
-            if (disabled) return;
-            if (isDownloadingEvent(event)) return;
-            if (isOpeningInNewTab(event)) return;
-            const target = event.currentTarget;
-            send({ type: "ITEM_CLICK", target, option, closeOnSelect });
-          }
-        })));
+      toggleVisible() {
+        service.send({ type: "VISIBILITY.SET", value: !visible });
       },
-      getItemIndicatorProps(props22) {
-        const itemState = getOptionItemState(cast(props22));
-        const dataState = itemState.checked ? "checked" : "unchecked";
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemIndicator.attrs), {
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts16.root.attrs), {
           dir: prop("dir"),
-          "data-disabled": dataAttr(itemState.disabled),
-          "data-highlighted": dataAttr(itemState.highlighted),
-          "data-state": hasProp(props22, "checked") ? dataState : void 0,
-          hidden: hasProp(props22, "checked") ? !itemState.checked : void 0
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly)
         }));
       },
-      getItemTextProps(props22) {
-        const itemState = getOptionItemState(cast(props22));
-        const dataState = itemState.checked ? "checked" : "unchecked";
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemText.attrs), {
-          dir: prop("dir"),
-          "data-disabled": dataAttr(itemState.disabled),
-          "data-highlighted": dataAttr(itemState.highlighted),
-          "data-state": hasProp(props22, "checked") ? dataState : void 0
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts16.label.attrs), {
+          htmlFor: getInputId6(scope),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly),
+          "data-required": dataAttr(required)
         }));
       },
-      getItemGroupLabelProps(props22) {
-        return normalize.element(__spreadProps(__spreadValues({}, parts8.itemGroupLabel.attrs), {
-          id: getGroupLabelId(scope, props22.htmlFor),
-          dir: prop("dir")
+      getInputProps() {
+        return normalize.input(__spreadValues(__spreadProps(__spreadValues({}, parts16.input.attrs), {
+          id: getInputId6(scope),
+          autoCapitalize: "off",
+          name: prop("name"),
+          required: prop("required"),
+          autoComplete: prop("autoComplete"),
+          spellCheck: false,
+          readOnly,
+          disabled,
+          type: visible ? "text" : "password",
+          "data-state": visible ? "visible" : "hidden",
+          "aria-invalid": ariaAttr(invalid),
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly)
+        }), prop("ignorePasswordManagers") ? passwordManagerProps : {}));
+      },
+      getVisibilityTriggerProps() {
+        var _a;
+        return normalize.button(__spreadProps(__spreadValues({}, parts16.visibilityTrigger.attrs), {
+          type: "button",
+          tabIndex: -1,
+          "aria-controls": getInputId6(scope),
+          "aria-expanded": visible,
+          "data-readonly": dataAttr(readOnly),
+          disabled,
+          "data-disabled": dataAttr(disabled),
+          "data-state": visible ? "visible" : "hidden",
+          "aria-label": (_a = translations == null ? void 0 : translations.visibilityTrigger) == null ? void 0 : _a.call(translations, visible),
+          onPointerDown(event) {
+            if (!isLeftClick(event)) return;
+            if (!interactive) return;
+            event.preventDefault();
+            service.send({ type: "TRIGGER.CLICK" });
+          }
         }));
       },
-      getItemGroupProps(props22) {
-        return normalize.element(__spreadProps(__spreadValues({
-          id: getGroupId(scope, props22.id)
-        }, parts8.itemGroup.attrs), {
-          dir: prop("dir"),
-          "aria-labelledby": getGroupLabelId(scope, props22.id),
-          role: "group"
+      getIndicatorProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts16.indicator.attrs), {
+          "aria-hidden": true,
+          "data-state": visible ? "visible" : "hidden",
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly)
+        }));
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts16.control.attrs), {
+          "data-disabled": dataAttr(disabled),
+          "data-invalid": dataAttr(invalid),
+          "data-readonly": dataAttr(readOnly)
         }));
       }
     };
   }
-  function closeRootMenu(ctx) {
-    let parent = ctx.parent;
-    while (parent && parent.context.get("isSubmenu")) {
-      parent = parent.refs.get("parent");
-    }
-    parent == null ? void 0 : parent.send({ type: "CLOSE" });
-  }
-  function isWithinPolygon(polygon, point) {
-    if (!polygon) return false;
-    return isPointInPolygon(polygon, point);
-  }
-  function resolveItemId(children, value, scope) {
-    const hasChildren = Object.keys(children).length > 0;
-    if (!value) return null;
-    if (!hasChildren) {
-      return getItemId3(scope, value);
-    }
-    for (const id in children) {
-      const childMenu = children[id];
-      const childTriggerId = getTriggerId5(childMenu.scope);
-      if (childTriggerId === value) {
-        return childTriggerId;
-      }
-    }
-    return getItemId3(scope, value);
-  }
-  var createPoint, min3, max3, sign2, abs2, min22, anatomy8, parts8, getTriggerId5, getContextTriggerId, getContentId5, getArrowId, getPositionerId4, getGroupId, getItemId3, getItemValue, getGroupLabelId, getContentEl5, getPositionerEl4, getTriggerEl4, getItemEl2, getContextTriggerEl, getElements, getFirstEl, getLastEl, isMatch, getNextEl, getPrevEl, getElemByKey, isTargetDisabled, isTriggerItem, itemSelectEvent, not4, and4, or, machine8, props8, splitProps8, itemProps3, splitItemProps3, itemGroupLabelProps2, splitItemGroupLabelProps2, itemGroupProps2, splitItemGroupProps2, optionItemProps, splitOptionItemProps, Menu, MenuHook;
-  var init_menu = __esm({
-    "../priv/static/menu.mjs"() {
+  var anatomy16, parts16, getInputId6, getInputEl5, passwordManagerProps, machine16, props16, splitProps16, PasswordInput, PasswordInputHook;
+  var init_password_input = __esm({
+    "../priv/static/password-input.mjs"() {
       "use strict";
-      init_chunk_GRHV6R4F();
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
-      createPoint = (x2, y2) => ({ x: x2, y: y2 });
-      ({ min: min3, max: max3 } = Math);
-      ({ sign: sign2, abs: abs2, min: min22 } = Math);
-      anatomy8 = createAnatomy("menu").parts(
-        "arrow",
-        "arrowTip",
-        "content",
-        "contextTrigger",
+      init_chunk_IXOYOLUJ();
+      anatomy16 = createAnatomy("password-input").parts(
+        "root",
+        "input",
+        "label",
+        "control",
         "indicator",
-        "item",
-        "itemGroup",
-        "itemGroupLabel",
-        "itemIndicator",
-        "itemText",
-        "positioner",
-        "separator",
-        "trigger",
-        "triggerItem"
+        "visibilityTrigger"
       );
-      parts8 = anatomy8.build();
-      getTriggerId5 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `menu:${ctx.id}:trigger`;
-      };
-      getContextTriggerId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.contextTrigger) != null ? _b : `menu:${ctx.id}:ctx-trigger`;
-      };
-      getContentId5 = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `menu:${ctx.id}:content`;
-      };
-      getArrowId = (ctx) => {
-        var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.arrow) != null ? _b : `menu:${ctx.id}:arrow`;
-      };
-      getPositionerId4 = (ctx) => {
+      parts16 = anatomy16.build();
+      getInputId6 = (ctx) => {
         var _a, _b;
-        return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `menu:${ctx.id}:popper`;
-      };
-      getGroupId = (ctx, id) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.group) == null ? void 0 : _b.call(_a, id)) != null ? _c : `menu:${ctx.id}:group:${id}`;
-      };
-      getItemId3 = (ctx, id) => `${ctx.id}/${id}`;
-      getItemValue = (el) => {
-        var _a;
-        return (_a = el == null ? void 0 : el.dataset.value) != null ? _a : null;
-      };
-      getGroupLabelId = (ctx, id) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.groupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `menu:${ctx.id}:group-label:${id}`;
-      };
-      getContentEl5 = (ctx) => ctx.getById(getContentId5(ctx));
-      getPositionerEl4 = (ctx) => ctx.getById(getPositionerId4(ctx));
-      getTriggerEl4 = (ctx) => ctx.getById(getTriggerId5(ctx));
-      getItemEl2 = (ctx, value) => value ? ctx.getById(getItemId3(ctx, value)) : null;
-      getContextTriggerEl = (ctx) => ctx.getById(getContextTriggerId(ctx));
-      getElements = (ctx) => {
-        const ownerId = CSS.escape(getContentId5(ctx));
-        const selector = `[role^="menuitem"][data-ownedby=${ownerId}]:not([data-disabled])`;
-        return queryAll(getContentEl5(ctx), selector);
-      };
-      getFirstEl = (ctx) => first(getElements(ctx));
-      getLastEl = (ctx) => last(getElements(ctx));
-      isMatch = (el, value) => {
-        if (!value) return false;
-        return el.id === value || el.dataset.value === value;
-      };
-      getNextEl = (ctx, opts) => {
-        var _a;
-        const items = getElements(ctx);
-        const index = items.findIndex((el) => isMatch(el, opts.value));
-        return next(items, index, { loop: (_a = opts.loop) != null ? _a : opts.loopFocus });
-      };
-      getPrevEl = (ctx, opts) => {
-        var _a;
-        const items = getElements(ctx);
-        const index = items.findIndex((el) => isMatch(el, opts.value));
-        return prev(items, index, { loop: (_a = opts.loop) != null ? _a : opts.loopFocus });
-      };
-      getElemByKey = (ctx, opts) => {
-        var _a;
-        const items = getElements(ctx);
-        const item = items.find((el) => isMatch(el, opts.value));
-        return getByTypeahead(items, { state: opts.typeaheadState, key: opts.key, activeId: (_a = item == null ? void 0 : item.id) != null ? _a : null });
-      };
-      isTargetDisabled = (v2) => {
-        return isHTMLElement(v2) && (v2.dataset.disabled === "" || v2.hasAttribute("disabled"));
-      };
-      isTriggerItem = (el) => {
-        var _a;
-        return !!((_a = el == null ? void 0 : el.getAttribute("role")) == null ? void 0 : _a.startsWith("menuitem")) && !!(el == null ? void 0 : el.hasAttribute("data-controls"));
-      };
-      itemSelectEvent = "menu:select";
-      ({ not: not4, and: and4, or } = createGuards());
-      machine8 = createMachine({
-        props({ props: props22 }) {
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `p-input-${ctx.id}-input`;
+      };
+      getInputEl5 = (ctx) => ctx.getById(getInputId6(ctx));
+      passwordManagerProps = {
+        // 1Password
+        "data-1p-ignore": "",
+        // LastPass
+        "data-lpignore": "true",
+        // Bitwarden
+        "data-bwignore": "true",
+        // Dashlane
+        "data-form-type": "other",
+        // Proton Pass
+        "data-protonpass-ignore": "true"
+      };
+      machine16 = createMachine({
+        props({ props: props26 }) {
           return __spreadProps(__spreadValues({
-            closeOnSelect: true,
-            typeahead: true,
-            composite: true,
-            loopFocus: false,
-            navigate(details) {
-              clickIfLink(details.node);
-            }
-          }, props22), {
-            positioning: __spreadValues({
-              placement: "bottom-start",
-              gutter: 8
-            }, props22.positioning)
+            id: uuid(),
+            defaultVisible: false,
+            autoComplete: "current-password",
+            ignorePasswordManagers: false
+          }, props26), {
+            translations: __spreadValues({
+              visibilityTrigger(visible) {
+                return visible ? "Hide password" : "Show password";
+              }
+            }, props26.translations)
           });
-        },
-        initialState({ prop }) {
-          const open = prop("open") || prop("defaultOpen");
-          return open ? "open" : "idle";
-        },
-        context({ bindable: bindable2, prop }) {
-          return {
-            suspendPointer: bindable2(() => ({
-              defaultValue: false
-            })),
-            highlightedValue: bindable2(() => ({
-              defaultValue: prop("defaultHighlightedValue") || null,
-              value: prop("highlightedValue"),
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            visible: bindable2(() => ({
+              value: prop("visible"),
+              defaultValue: prop("defaultVisible"),
               onChange(value) {
                 var _a;
-                (_a = prop("onHighlightChange")) == null ? void 0 : _a({ highlightedValue: value });
-              }
-            })),
-            lastHighlightedValue: bindable2(() => ({
-              defaultValue: null
-            })),
-            currentPlacement: bindable2(() => ({
-              defaultValue: void 0
-            })),
-            intentPolygon: bindable2(() => ({
-              defaultValue: null
-            })),
-            anchorPoint: bindable2(() => ({
-              defaultValue: null,
-              hash(value) {
-                return `x: ${value == null ? void 0 : value.x}, y: ${value == null ? void 0 : value.y}`;
+                (_a = prop("onVisibilityChange")) == null ? void 0 : _a({ visible: value });
               }
-            })),
-            isSubmenu: bindable2(() => ({
-              defaultValue: false
             }))
           };
         },
-        refs() {
-          return {
-            parent: null,
-            children: {},
-            typeaheadState: __spreadValues({}, getByTypeahead.defaultOptions),
-            positioningOverride: {}
-          };
-        },
-        computed: {
-          isRtl: ({ prop }) => prop("dir") === "rtl",
-          isTypingAhead: ({ refs }) => refs.get("typeaheadState").keysSoFar !== "",
-          highlightedId: ({ context, scope, refs }) => resolveItemId(refs.get("children"), context.get("highlightedValue"), scope)
-        },
-        watch({ track, action, context, prop }) {
-          track([() => context.get("isSubmenu")], () => {
-            action(["setSubmenuPlacement"]);
-          });
-          track([() => context.hash("anchorPoint")], () => {
-            if (!context.get("anchorPoint")) return;
-            action(["reposition"]);
-          });
-          track([() => prop("open")], () => {
-            action(["toggleVisibility"]);
-          });
+        initialState() {
+          return "idle";
         },
-        on: {
-          "PARENT.SET": {
-            actions: ["setParentMenu"]
-          },
-          "CHILD.SET": {
-            actions: ["setChildMenu"]
-          },
-          OPEN: [
-            {
-              guard: "isOpenControlled",
-              actions: ["invokeOnOpen"]
-            },
-            {
-              target: "open",
-              actions: ["invokeOnOpen"]
+        effects: ["trackFormEvents"],
+        states: {
+          idle: {
+            on: {
+              "VISIBILITY.SET": {
+                actions: ["setVisibility"]
+              },
+              "TRIGGER.CLICK": {
+                actions: ["toggleVisibility", "focusInputEl"]
+              }
             }
-          ],
-          OPEN_AUTOFOCUS: [
-            {
-              guard: "isOpenControlled",
-              actions: ["invokeOnOpen"]
+          }
+        },
+        implementations: {
+          actions: {
+            setVisibility({ context, event }) {
+              context.set("visible", event.value);
             },
-            {
-              // internal: true,
-              target: "open",
-              actions: ["highlightFirstItem", "invokeOnOpen"]
-            }
-          ],
-          CLOSE: [
-            {
-              guard: "isOpenControlled",
-              actions: ["invokeOnClose"]
+            toggleVisibility({ context }) {
+              context.set("visible", (c2) => !c2);
             },
-            {
-              target: "closed",
-              actions: ["invokeOnClose"]
+            focusInputEl({ scope }) {
+              const inputEl = getInputEl5(scope);
+              inputEl == null ? void 0 : inputEl.focus();
             }
-          ],
-          "HIGHLIGHTED.RESTORE": {
-            actions: ["restoreHighlightedItem"]
           },
-          "HIGHLIGHTED.SET": {
-            actions: ["setHighlightedItem"]
-          }
-        },
-        states: {
-          idle: {
-            tags: ["closed"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "open"
-              },
-              "CONTROLLED.CLOSE": {
-                target: "closed"
-              },
-              CONTEXT_MENU_START: {
-                target: "opening:contextmenu",
-                actions: ["setAnchorPoint"]
-              },
-              CONTEXT_MENU: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setAnchorPoint", "invokeOnOpen"]
+          effects: {
+            trackFormEvents({ scope, send }) {
+              const inputEl = getInputEl5(scope);
+              const form = inputEl == null ? void 0 : inputEl.form;
+              if (!form) return;
+              const win = scope.getWin();
+              const controller = new win.AbortController();
+              form.addEventListener(
+                "reset",
+                (event) => {
+                  if (event.defaultPrevented) return;
+                  send({ type: "VISIBILITY.SET", value: false });
                 },
-                {
-                  target: "open",
-                  actions: ["setAnchorPoint", "invokeOnOpen"]
-                }
-              ],
-              TRIGGER_CLICK: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
+                { signal: controller.signal }
+              );
+              form.addEventListener(
+                "submit",
+                () => {
+                  send({ type: "VISIBILITY.SET", value: false });
                 },
-                {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
-                }
-              ],
-              TRIGGER_FOCUS: {
-                guard: not4("isSubmenu"),
-                target: "closed"
-              },
-              TRIGGER_POINTERMOVE: {
-                guard: "isSubmenu",
-                target: "opening"
+                { signal: controller.signal }
+              );
+              return () => controller.abort();
+            }
+          }
+        }
+      });
+      props16 = createProps()([
+        "defaultVisible",
+        "dir",
+        "id",
+        "onVisibilityChange",
+        "visible",
+        "ids",
+        "getRootNode",
+        "disabled",
+        "invalid",
+        "required",
+        "readOnly",
+        "translations",
+        "ignorePasswordManagers",
+        "autoComplete",
+        "name"
+      ]);
+      splitProps16 = createSplitProps(props16);
+      PasswordInput = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine16, props26);
+        }
+        initApi() {
+          return connect16(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="password-input"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const labelEl = this.el.querySelector(
+            '[data-scope="password-input"][data-part="label"]'
+          );
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="password-input"][data-part="control"]'
+          );
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const inputEl = this.el.querySelector(
+            '[data-scope="password-input"][data-part="input"]'
+          );
+          if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+          const triggerEl = this.el.querySelector(
+            '[data-scope="password-input"][data-part="visibility-trigger"]'
+          );
+          if (triggerEl) this.spreadProps(triggerEl, this.api.getVisibilityTriggerProps());
+          const indicatorEl = this.el.querySelector(
+            '[data-scope="password-input"][data-part="indicator"]'
+          );
+          if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+        }
+      };
+      PasswordInputHook = {
+        mounted() {
+          const el = this.el;
+          const zag = new PasswordInput(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, getBoolean(el, "controlledVisible") ? { visible: getBoolean(el, "visible") } : { defaultVisible: getBoolean(el, "defaultVisible") }), {
+            disabled: getBoolean(el, "disabled"),
+            invalid: getBoolean(el, "invalid"),
+            readOnly: getBoolean(el, "readOnly"),
+            required: getBoolean(el, "required"),
+            ignorePasswordManagers: getBoolean(el, "ignorePasswordManagers"),
+            name: getString(el, "name"),
+            dir: getDir(el),
+            autoComplete: getString(el, "autoComplete", [
+              "current-password",
+              "new-password"
+            ]),
+            onVisibilityChange: (details) => {
+              const eventName = getString(el, "onVisibilityChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, { visible: details.visible, id: el.id });
+              }
+              const clientName = getString(el, "onVisibilityChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
               }
             }
+          }));
+          zag.init();
+          this.passwordInput = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a;
+          (_a = this.passwordInput) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id
+          }, getBoolean(this.el, "controlledVisible") ? { visible: getBoolean(this.el, "visible") } : {}), {
+            disabled: getBoolean(this.el, "disabled"),
+            invalid: getBoolean(this.el, "invalid"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            required: getBoolean(this.el, "required"),
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form"),
+            dir: getDir(this.el)
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
+          }
+          (_a = this.passwordInput) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/pin-input.mjs
+  var pin_input_exports = {};
+  __export(pin_input_exports, {
+    PinInput: () => PinInputHook
+  });
+  function isValidType(type, value) {
+    var _a;
+    if (!type) return true;
+    return !!((_a = REGEX[type]) == null ? void 0 : _a.test(value));
+  }
+  function isValidValue(value, type, pattern) {
+    if (!pattern) return isValidType(type, value);
+    const regex = new RegExp(pattern, "g");
+    return regex.test(value);
+  }
+  function connect17(service, normalize) {
+    const { send, context, computed, prop, scope } = service;
+    const complete = computed("isValueComplete");
+    const disabled = !!prop("disabled");
+    const readOnly = !!prop("readOnly");
+    const invalid = !!prop("invalid");
+    const required = !!prop("required");
+    const translations = prop("translations");
+    const focusedIndex = context.get("focusedIndex");
+    function focus() {
+      var _a;
+      (_a = getFirstInputEl(scope)) == null ? void 0 : _a.focus();
+    }
+    return {
+      focus,
+      count: context.get("count"),
+      items: Array.from({ length: context.get("count") }).map((_2, i2) => i2),
+      value: context.get("value"),
+      valueAsString: computed("valueAsString"),
+      complete,
+      setValue(value) {
+        if (!Array.isArray(value)) {
+          invariant("[pin-input/setValue] value must be an array");
+        }
+        send({ type: "VALUE.SET", value });
+      },
+      clearValue() {
+        send({ type: "VALUE.CLEAR" });
+      },
+      setValueAtIndex(index, value) {
+        send({ type: "VALUE.SET", value, index });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({
+          dir: prop("dir")
+        }, parts17.root.attrs), {
+          id: getRootId13(scope),
+          "data-invalid": dataAttr(invalid),
+          "data-disabled": dataAttr(disabled),
+          "data-complete": dataAttr(complete),
+          "data-readonly": dataAttr(readOnly)
+        }));
+      },
+      getLabelProps() {
+        return normalize.label(__spreadProps(__spreadValues({}, parts17.label.attrs), {
+          dir: prop("dir"),
+          htmlFor: getHiddenInputId3(scope),
+          id: getLabelId9(scope),
+          "data-invalid": dataAttr(invalid),
+          "data-disabled": dataAttr(disabled),
+          "data-complete": dataAttr(complete),
+          "data-required": dataAttr(required),
+          "data-readonly": dataAttr(readOnly),
+          onClick(event) {
+            event.preventDefault();
+            focus();
+          }
+        }));
+      },
+      getHiddenInputProps() {
+        return normalize.input({
+          "aria-hidden": true,
+          type: "text",
+          tabIndex: -1,
+          id: getHiddenInputId3(scope),
+          readOnly,
+          disabled,
+          required,
+          name: prop("name"),
+          form: prop("form"),
+          style: visuallyHiddenStyle,
+          maxLength: computed("valueLength"),
+          defaultValue: computed("valueAsString")
+        });
+      },
+      getControlProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts17.control.attrs), {
+          dir: prop("dir"),
+          id: getControlId6(scope)
+        }));
+      },
+      getInputProps(props26) {
+        var _a;
+        const { index } = props26;
+        const inputType = prop("type") === "numeric" ? "tel" : "text";
+        return normalize.input(__spreadProps(__spreadValues({}, parts17.input.attrs), {
+          dir: prop("dir"),
+          disabled,
+          "data-disabled": dataAttr(disabled),
+          "data-complete": dataAttr(complete),
+          id: getInputId7(scope, index.toString()),
+          "data-index": index,
+          "data-ownedby": getRootId13(scope),
+          "aria-label": (_a = translations == null ? void 0 : translations.inputLabel) == null ? void 0 : _a.call(translations, index, computed("valueLength")),
+          inputMode: prop("otp") || prop("type") === "numeric" ? "numeric" : "text",
+          "aria-invalid": ariaAttr(invalid),
+          "data-invalid": dataAttr(invalid),
+          type: prop("mask") ? "password" : inputType,
+          defaultValue: context.get("value")[index] || "",
+          readOnly,
+          autoCapitalize: "none",
+          autoComplete: prop("otp") ? "one-time-code" : "off",
+          placeholder: focusedIndex === index ? "" : prop("placeholder"),
+          onPaste(event) {
+            var _a2;
+            const pastedValue = (_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text/plain");
+            if (!pastedValue) return;
+            const isValid = isValidValue(pastedValue, prop("type"), prop("pattern"));
+            if (!isValid) {
+              send({ type: "VALUE.INVALID", value: pastedValue });
+              event.preventDefault();
+              return;
+            }
+            event.preventDefault();
+            send({ type: "INPUT.PASTE", value: pastedValue });
           },
-          "opening:contextmenu": {
-            tags: ["closed"],
-            effects: ["waitForLongPress"],
-            on: {
-              "CONTROLLED.OPEN": { target: "open" },
-              "CONTROLLED.CLOSE": { target: "closed" },
-              CONTEXT_MENU_CANCEL: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "closed",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "LONG_PRESS.OPEN": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
-                }
-              ]
+          onBeforeInput(event) {
+            try {
+              const value = getBeforeInputValue(event);
+              const isValid = isValidValue(value, prop("type"), prop("pattern"));
+              if (!isValid) {
+                send({ type: "VALUE.INVALID", value });
+                event.preventDefault();
+              }
+              if (value.length > 1) {
+                event.currentTarget.setSelectionRange(0, 1, "forward");
+              }
+            } catch (e2) {
             }
           },
-          opening: {
-            tags: ["closed"],
-            effects: ["waitForOpenDelay"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "open"
-              },
-              "CONTROLLED.CLOSE": {
-                target: "closed"
-              },
-              BLUR: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "closed",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              TRIGGER_POINTERLEAVE: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "closed",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              "DELAY.OPEN": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
-                }
-              ]
+          onChange(event) {
+            const evt = getNativeEvent(event);
+            const { value } = event.currentTarget;
+            if (evt.inputType === "insertFromPaste") {
+              event.currentTarget.value = value[0] || "";
+              return;
+            }
+            if (value.length > 2) {
+              send({ type: "INPUT.PASTE", value });
+              event.currentTarget.value = value[0];
+              event.preventDefault();
+              return;
             }
+            if (evt.inputType === "deleteContentBackward") {
+              send({ type: "INPUT.BACKSPACE" });
+              return;
+            }
+            send({ type: "INPUT.CHANGE", value, index });
           },
-          closing: {
-            tags: ["open"],
-            effects: ["trackPointerMove", "trackInteractOutside", "waitForCloseDelay"],
-            on: {
-              "CONTROLLED.OPEN": {
-                target: "open"
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (isComposingEvent(event)) return;
+            if (isModifierKey(event)) return;
+            const keyMap2 = {
+              Backspace() {
+                send({ type: "INPUT.BACKSPACE" });
               },
-              "CONTROLLED.CLOSE": {
-                target: "closed",
-                actions: ["focusParentMenu", "restoreParentHighlightedItem"]
+              Delete() {
+                send({ type: "INPUT.DELETE" });
               },
-              // don't invoke on open here since the menu is still open (we're only keeping it open)
-              MENU_POINTERENTER: {
-                target: "open",
-                actions: ["clearIntentPolygon"]
+              ArrowLeft() {
+                send({ type: "INPUT.ARROW_LEFT" });
               },
-              POINTER_MOVED_AWAY_FROM_SUBMENU: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "closed",
-                  actions: ["focusParentMenu", "restoreParentHighlightedItem"]
-                }
-              ],
-              "DELAY.CLOSE": [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  target: "closed",
-                  actions: ["focusParentMenu", "restoreParentHighlightedItem", "invokeOnClose"]
-                }
-              ]
+              ArrowRight() {
+                send({ type: "INPUT.ARROW_RIGHT" });
+              },
+              Enter() {
+                send({ type: "INPUT.ENTER" });
+              }
+            };
+            const exec = keyMap2[getEventKey(event, {
+              dir: prop("dir"),
+              orientation: "horizontal"
+            })];
+            if (exec) {
+              exec(event);
+              event.preventDefault();
             }
           },
-          closed: {
-            tags: ["closed"],
-            entry: ["clearHighlightedItem", "focusTrigger", "resumePointer", "clearAnchorPoint"],
-            on: {
-              "CONTROLLED.OPEN": [
-                {
-                  guard: or("isOpenAutoFocusEvent", "isArrowDownEvent"),
-                  target: "open",
-                  actions: ["highlightFirstItem"]
-                },
-                {
-                  guard: "isArrowUpEvent",
-                  target: "open",
-                  actions: ["highlightLastItem"]
-                },
-                {
-                  target: "open"
-                }
-              ],
-              CONTEXT_MENU_START: {
-                target: "opening:contextmenu",
-                actions: ["setAnchorPoint"]
-              },
-              CONTEXT_MENU: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["setAnchorPoint", "invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["setAnchorPoint", "invokeOnOpen"]
-                }
-              ],
-              TRIGGER_CLICK: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["invokeOnOpen"]
-                }
-              ],
-              TRIGGER_POINTERMOVE: {
-                guard: "isTriggerItem",
-                target: "opening"
-              },
-              TRIGGER_BLUR: { target: "idle" },
-              ARROW_DOWN: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["highlightFirstItem", "invokeOnOpen"]
-                }
-              ],
-              ARROW_UP: [
-                {
-                  guard: "isOpenControlled",
-                  actions: ["invokeOnOpen"]
-                },
-                {
-                  target: "open",
-                  actions: ["highlightLastItem", "invokeOnOpen"]
-                }
-              ]
+          onFocus() {
+            send({ type: "INPUT.FOCUS", index });
+          },
+          onBlur(event) {
+            const target = event.relatedTarget;
+            if (isHTMLElement(target) && target.dataset.ownedby === getRootId13(scope)) return;
+            send({ type: "INPUT.BLUR", index });
+          }
+        }));
+      }
+    };
+  }
+  function getNextValue(current, next2) {
+    let nextValue = next2;
+    if (current[0] === next2[0]) {
+      nextValue = next2[1];
+    } else if (current[0] === next2[1]) {
+      nextValue = next2[0];
+    }
+    const chars = nextValue.split("");
+    nextValue = chars[chars.length - 1];
+    return nextValue != null ? nextValue : "";
+  }
+  function fill(value, count) {
+    return Array.from({ length: count }).fill("").map((v2, i2) => value[i2] || v2);
+  }
+  var anatomy17, parts17, getRootId13, getInputId7, getHiddenInputId3, getLabelId9, getControlId6, getRootEl4, getInputEls2, getInputElAtIndex, getFirstInputEl, getHiddenInputEl3, setInputValue, REGEX, choose3, createMachine5, machine17, props17, splitProps17, PinInput, PinInputHook;
+  var init_pin_input = __esm({
+    "../priv/static/pin-input.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      anatomy17 = createAnatomy("pinInput").parts("root", "label", "input", "control");
+      parts17 = anatomy17.build();
+      getRootId13 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `pin-input:${ctx.id}`;
+      };
+      getInputId7 = (ctx, id) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.input) == null ? void 0 : _b.call(_a, id)) != null ? _c : `pin-input:${ctx.id}:${id}`;
+      };
+      getHiddenInputId3 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `pin-input:${ctx.id}:hidden`;
+      };
+      getLabelId9 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `pin-input:${ctx.id}:label`;
+      };
+      getControlId6 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `pin-input:${ctx.id}:control`;
+      };
+      getRootEl4 = (ctx) => ctx.getById(getRootId13(ctx));
+      getInputEls2 = (ctx) => {
+        const ownerId = CSS.escape(getRootId13(ctx));
+        const selector = `input[data-ownedby=${ownerId}]`;
+        return queryAll(getRootEl4(ctx), selector);
+      };
+      getInputElAtIndex = (ctx, index) => getInputEls2(ctx)[index];
+      getFirstInputEl = (ctx) => getInputEls2(ctx)[0];
+      getHiddenInputEl3 = (ctx) => ctx.getById(getHiddenInputId3(ctx));
+      setInputValue = (inputEl, value) => {
+        inputEl.value = value;
+        inputEl.setAttribute("value", value);
+      };
+      REGEX = {
+        numeric: /^[0-9]+$/,
+        alphabetic: /^[A-Za-z]+$/,
+        alphanumeric: /^[a-zA-Z0-9]+$/i
+      };
+      ({ choose: choose3, createMachine: createMachine5 } = setup());
+      machine17 = createMachine5({
+        props({ props: props26 }) {
+          return __spreadProps(__spreadValues({
+            placeholder: "\u25CB",
+            otp: false,
+            type: "numeric",
+            defaultValue: props26.count ? fill([], props26.count) : []
+          }, props26), {
+            translations: __spreadValues({
+              inputLabel: (index, length) => `pin code ${index + 1} of ${length}`
+            }, props26.translations)
+          });
+        },
+        initialState() {
+          return "idle";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            value: bindable2(() => ({
+              value: prop("value"),
+              defaultValue: prop("defaultValue"),
+              isEqual: isEqual2,
+              onChange(value) {
+                var _a;
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value, valueAsString: value.join("") });
+              }
+            })),
+            focusedIndex: bindable2(() => ({
+              sync: true,
+              defaultValue: -1
+            })),
+            // TODO: Move this to `props` in next major version
+            count: bindable2(() => ({
+              defaultValue: prop("count")
+            }))
+          };
+        },
+        computed: {
+          _value: ({ context }) => fill(context.get("value"), context.get("count")),
+          valueLength: ({ computed }) => computed("_value").length,
+          filledValueLength: ({ computed }) => computed("_value").filter((v2) => (v2 == null ? void 0 : v2.trim()) !== "").length,
+          isValueComplete: ({ computed }) => computed("valueLength") === computed("filledValueLength"),
+          valueAsString: ({ computed }) => computed("_value").join(""),
+          focusedValue: ({ computed, context }) => computed("_value")[context.get("focusedIndex")] || ""
+        },
+        entry: choose3([
+          {
+            guard: "autoFocus",
+            actions: ["setInputCount", "setFocusIndexToFirst"]
+          },
+          { actions: ["setInputCount"] }
+        ]),
+        watch({ action, track, context, computed }) {
+          track([() => context.get("focusedIndex")], () => {
+            action(["focusInput", "selectInputIfNeeded"]);
+          });
+          track([() => context.get("value").join(",")], () => {
+            action(["syncInputElements", "dispatchInputEvent"]);
+          });
+          track([() => computed("isValueComplete")], () => {
+            action(["invokeOnComplete", "blurFocusedInputIfNeeded"]);
+          });
+        },
+        on: {
+          "VALUE.SET": [
+            {
+              guard: "hasIndex",
+              actions: ["setValueAtIndex"]
+            },
+            { actions: ["setValue"] }
+          ],
+          "VALUE.CLEAR": {
+            actions: ["clearValue", "setFocusIndexToFirst"]
+          }
+        },
+        states: {
+          idle: {
+            on: {
+              "INPUT.FOCUS": {
+                target: "focused",
+                actions: ["setFocusedIndex"]
+              }
             }
           },
-          open: {
-            tags: ["open"],
-            effects: ["trackInteractOutside", "trackPositioning", "scrollToHighlightedItem"],
-            entry: ["focusMenu", "resumePointer"],
+          focused: {
             on: {
-              "CONTROLLED.CLOSE": [
-                {
-                  target: "closed",
-                  guard: "isArrowLeftEvent",
-                  actions: ["focusParentMenu"]
-                },
-                {
-                  target: "closed"
-                }
-              ],
-              TRIGGER_CLICK: [
-                {
-                  guard: and4(not4("isTriggerItem"), "isOpenControlled"),
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  guard: not4("isTriggerItem"),
-                  target: "closed",
-                  actions: ["invokeOnClose"]
-                }
-              ],
-              CONTEXT_MENU: {
-                actions: ["setAnchorPoint", "focusMenu"]
+              "INPUT.CHANGE": {
+                actions: ["setFocusedValue", "syncInputValue", "setNextFocusedIndex"]
               },
-              ARROW_UP: {
-                actions: ["highlightPrevItem", "focusMenu"]
+              "INPUT.PASTE": {
+                actions: ["setPastedValue", "setLastValueFocusIndex"]
               },
-              ARROW_DOWN: {
-                actions: ["highlightNextItem", "focusMenu"]
+              "INPUT.FOCUS": {
+                actions: ["setFocusedIndex"]
               },
-              ARROW_LEFT: [
-                {
-                  guard: and4("isSubmenu", "isOpenControlled"),
-                  actions: ["invokeOnClose"]
-                },
-                {
-                  guard: "isSubmenu",
-                  target: "closed",
-                  actions: ["focusParentMenu", "invokeOnClose"]
-                }
-              ],
-              HOME: {
-                actions: ["highlightFirstItem", "focusMenu"]
+              "INPUT.BLUR": {
+                target: "idle",
+                actions: ["clearFocusedIndex"]
               },
-              END: {
-                actions: ["highlightLastItem", "focusMenu"]
+              "INPUT.DELETE": {
+                guard: "hasValue",
+                actions: ["clearFocusedValue"]
               },
-              ARROW_RIGHT: {
-                guard: "isTriggerItemHighlighted",
-                actions: ["openSubmenu"]
+              "INPUT.ARROW_LEFT": {
+                actions: ["setPrevFocusedIndex"]
               },
-              ENTER: [
-                {
-                  guard: "isTriggerItemHighlighted",
-                  actions: ["openSubmenu"]
-                },
-                {
-                  actions: ["clickHighlightedItem"]
-                }
-              ],
-              ITEM_POINTERMOVE: [
-                {
-                  guard: not4("isPointerSuspended"),
-                  actions: ["setHighlightedItem", "focusMenu", "closeSiblingMenus"]
-                },
-                {
-                  actions: ["setLastHighlightedItem", "closeSiblingMenus"]
-                }
-              ],
-              ITEM_POINTERLEAVE: {
-                guard: and4(not4("isPointerSuspended"), not4("isTriggerItem")),
-                actions: ["clearHighlightedItem"]
+              "INPUT.ARROW_RIGHT": {
+                actions: ["setNextFocusedIndex"]
               },
-              ITEM_CLICK: [
-                // == grouped ==
-                {
-                  guard: and4(
-                    not4("isTriggerItemHighlighted"),
-                    not4("isHighlightedItemEditable"),
-                    "closeOnSelect",
-                    "isOpenControlled"
-                  ),
-                  actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
-                },
+              "INPUT.BACKSPACE": [
                 {
-                  guard: and4(not4("isTriggerItemHighlighted"), not4("isHighlightedItemEditable"), "closeOnSelect"),
-                  target: "closed",
-                  actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+                  guard: "hasValue",
+                  actions: ["clearFocusedValue"]
                 },
-                //
                 {
-                  guard: and4(not4("isTriggerItemHighlighted"), not4("isHighlightedItemEditable")),
-                  actions: ["invokeOnSelect", "setOptionState"]
-                },
-                { actions: ["setHighlightedItem"] }
+                  actions: ["setPrevFocusedIndex", "clearFocusedValue"]
+                }
               ],
-              TRIGGER_POINTERMOVE: {
-                guard: "isTriggerItem",
-                actions: ["setIntentPolygon"]
-              },
-              TRIGGER_POINTERLEAVE: {
-                target: "closing",
-                actions: ["setIntentPolygon"]
-              },
-              ITEM_POINTERDOWN: {
-                actions: ["setHighlightedItem"]
-              },
-              TYPEAHEAD: {
-                actions: ["highlightMatchedItem"]
-              },
-              FOCUS_MENU: {
-                actions: ["focusMenu"]
+              "INPUT.ENTER": {
+                guard: "isValueComplete",
+                actions: ["requestFormSubmit"]
               },
-              "POSITIONING.SET": {
-                actions: ["reposition"]
+              "VALUE.INVALID": {
+                actions: ["invokeOnInvalid"]
               }
             }
           }
         },
         implementations: {
           guards: {
-            closeOnSelect: ({ prop, event }) => {
-              var _a;
-              return !!((_a = event == null ? void 0 : event.closeOnSelect) != null ? _a : prop("closeOnSelect"));
+            autoFocus: ({ prop }) => !!prop("autoFocus"),
+            hasValue: ({ context }) => context.get("value")[context.get("focusedIndex")] !== "",
+            isValueComplete: ({ computed }) => computed("isValueComplete"),
+            hasIndex: ({ event }) => event.index !== void 0
+          },
+          actions: {
+            dispatchInputEvent({ computed, scope }) {
+              const inputEl = getHiddenInputEl3(scope);
+              dispatchInputValueEvent(inputEl, { value: computed("valueAsString") });
             },
-            // whether the trigger is also a menu item
-            isTriggerItem: ({ event }) => isTriggerItem(event.target),
-            // whether the trigger item is the active item
-            isTriggerItemHighlighted: ({ event, scope, computed }) => {
-              var _a;
-              const target = (_a = event.target) != null ? _a : scope.getById(computed("highlightedId"));
-              return !!(target == null ? void 0 : target.hasAttribute("data-controls"));
+            setInputCount({ scope, context, prop }) {
+              if (prop("count")) return;
+              const inputEls = getInputEls2(scope);
+              context.set("count", inputEls.length);
             },
-            isSubmenu: ({ context }) => context.get("isSubmenu"),
-            isPointerSuspended: ({ context }) => context.get("suspendPointer"),
-            isHighlightedItemEditable: ({ scope, computed }) => isEditableElement(scope.getById(computed("highlightedId"))),
-            // guard assertions (for controlled mode)
-            isOpenControlled: ({ prop }) => prop("open") !== void 0,
-            isArrowLeftEvent: ({ event }) => {
+            focusInput({ context, scope }) {
               var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_LEFT";
+              const focusedIndex = context.get("focusedIndex");
+              if (focusedIndex === -1) return;
+              (_a = getInputElAtIndex(scope, focusedIndex)) == null ? void 0 : _a.focus({ preventScroll: true });
             },
-            isArrowUpEvent: ({ event }) => {
-              var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_UP";
+            selectInputIfNeeded({ context, prop, scope }) {
+              const focusedIndex = context.get("focusedIndex");
+              if (!prop("selectOnFocus") || focusedIndex === -1) return;
+              raf(() => {
+                var _a;
+                (_a = getInputElAtIndex(scope, focusedIndex)) == null ? void 0 : _a.select();
+              });
             },
-            isArrowDownEvent: ({ event }) => {
+            invokeOnComplete({ computed, prop }) {
               var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "ARROW_DOWN";
+              if (!computed("isValueComplete")) return;
+              (_a = prop("onValueComplete")) == null ? void 0 : _a({
+                value: computed("_value"),
+                valueAsString: computed("valueAsString")
+              });
             },
-            isOpenAutoFocusEvent: ({ event }) => {
+            invokeOnInvalid({ context, event, prop }) {
               var _a;
-              return ((_a = event.previousEvent) == null ? void 0 : _a.type) === "OPEN_AUTOFOCUS";
-            }
-          },
-          effects: {
-            waitForOpenDelay({ send }) {
-              const timer = setTimeout(() => {
-                send({ type: "DELAY.OPEN" });
-              }, 200);
-              return () => clearTimeout(timer);
+              (_a = prop("onValueInvalid")) == null ? void 0 : _a({
+                value: event.value,
+                index: context.get("focusedIndex")
+              });
             },
-            waitForCloseDelay({ send }) {
-              const timer = setTimeout(() => {
-                send({ type: "DELAY.CLOSE" });
-              }, 100);
-              return () => clearTimeout(timer);
+            clearFocusedIndex({ context }) {
+              context.set("focusedIndex", -1);
             },
-            waitForLongPress({ send }) {
-              const timer = setTimeout(() => {
-                send({ type: "LONG_PRESS.OPEN" });
-              }, 700);
-              return () => clearTimeout(timer);
+            setFocusedIndex({ context, event }) {
+              context.set("focusedIndex", event.index);
             },
-            trackPositioning({ context, prop, scope, refs }) {
-              if (!!getContextTriggerEl(scope)) return;
-              const positioning = __spreadValues(__spreadValues({}, prop("positioning")), refs.get("positioningOverride"));
-              context.set("currentPlacement", positioning.placement);
-              const getPositionerEl22 = () => getPositionerEl4(scope);
-              return getPlacement(getTriggerEl4(scope), getPositionerEl22, __spreadProps(__spreadValues({}, positioning), {
-                defer: true,
-                onComplete(data) {
-                  context.set("currentPlacement", data.placement);
-                }
-              }));
+            setValue({ context, event }) {
+              const value = fill(event.value, context.get("count"));
+              context.set("value", value);
             },
-            trackInteractOutside({ refs, scope, prop, context, send }) {
-              const getContentEl22 = () => getContentEl5(scope);
-              let restoreFocus = true;
-              return trackDismissableElement(getContentEl22, {
-                type: "menu",
-                defer: true,
-                exclude: [getTriggerEl4(scope)],
-                onInteractOutside: prop("onInteractOutside"),
-                onRequestDismiss: prop("onRequestDismiss"),
-                onFocusOutside(event) {
-                  var _a;
-                  (_a = prop("onFocusOutside")) == null ? void 0 : _a(event);
-                  const target = getEventTarget(event.detail.originalEvent);
-                  const isWithinContextTrigger = contains(getContextTriggerEl(scope), target);
-                  if (isWithinContextTrigger) {
-                    event.preventDefault();
-                    return;
-                  }
-                },
-                onEscapeKeyDown(event) {
-                  var _a;
-                  (_a = prop("onEscapeKeyDown")) == null ? void 0 : _a(event);
-                  if (context.get("isSubmenu")) event.preventDefault();
-                  closeRootMenu({ parent: refs.get("parent") });
-                },
-                onPointerDownOutside(event) {
-                  var _a;
-                  (_a = prop("onPointerDownOutside")) == null ? void 0 : _a(event);
-                  const target = getEventTarget(event.detail.originalEvent);
-                  const isWithinContextTrigger = contains(getContextTriggerEl(scope), target);
-                  if (isWithinContextTrigger && event.detail.contextmenu) {
-                    event.preventDefault();
-                    return;
-                  }
-                  restoreFocus = !event.detail.focusable;
-                },
-                onDismiss() {
-                  send({ type: "CLOSE", src: "interact-outside", restoreFocus });
-                }
+            setFocusedValue({ context, event, computed, flush }) {
+              const focusedValue = computed("focusedValue");
+              const focusedIndex = context.get("focusedIndex");
+              const value = getNextValue(focusedValue, event.value);
+              flush(() => {
+                context.set("value", setValueAtIndex(computed("_value"), focusedIndex, value));
+              });
+            },
+            revertInputValue({ context, computed, scope }) {
+              const inputEl = getInputElAtIndex(scope, context.get("focusedIndex"));
+              setInputValue(inputEl, computed("focusedValue"));
+            },
+            syncInputValue({ context, event, scope }) {
+              const value = context.get("value");
+              const inputEl = getInputElAtIndex(scope, event.index);
+              setInputValue(inputEl, value[event.index]);
+            },
+            syncInputElements({ context, scope }) {
+              const inputEls = getInputEls2(scope);
+              const value = context.get("value");
+              inputEls.forEach((inputEl, index) => {
+                setInputValue(inputEl, value[index]);
+              });
+            },
+            setPastedValue({ context, event, computed, flush }) {
+              raf(() => {
+                const valueAsString = computed("valueAsString");
+                const focusedIndex = context.get("focusedIndex");
+                const valueLength = computed("valueLength");
+                const filledValueLength = computed("filledValueLength");
+                const startIndex = Math.min(focusedIndex, filledValueLength);
+                const left = startIndex > 0 ? valueAsString.substring(0, focusedIndex) : "";
+                const right = event.value.substring(0, valueLength - startIndex);
+                const value = fill(`${left}${right}`.split(""), valueLength);
+                flush(() => {
+                  context.set("value", value);
+                });
+              });
+            },
+            setValueAtIndex({ context, event, computed }) {
+              const nextValue = getNextValue(computed("focusedValue"), event.value);
+              context.set("value", setValueAtIndex(computed("_value"), event.index, nextValue));
+            },
+            clearValue({ context }) {
+              const nextValue = Array.from({ length: context.get("count") }).fill("");
+              queueMicrotask(() => {
+                context.set("value", nextValue);
               });
             },
-            trackPointerMove({ context, scope, send, refs, flush }) {
-              const parent = refs.get("parent");
-              flush(() => {
-                parent.context.set("suspendPointer", true);
+            clearFocusedValue({ context, computed }) {
+              const focusedIndex = context.get("focusedIndex");
+              if (focusedIndex === -1) return;
+              context.set("value", setValueAtIndex(computed("_value"), focusedIndex, ""));
+            },
+            setFocusIndexToFirst({ context }) {
+              context.set("focusedIndex", 0);
+            },
+            setNextFocusedIndex({ context, computed }) {
+              context.set("focusedIndex", Math.min(context.get("focusedIndex") + 1, computed("valueLength") - 1));
+            },
+            setPrevFocusedIndex({ context }) {
+              context.set("focusedIndex", Math.max(context.get("focusedIndex") - 1, 0));
+            },
+            setLastValueFocusIndex({ context, computed }) {
+              raf(() => {
+                context.set("focusedIndex", Math.min(computed("filledValueLength"), computed("valueLength") - 1));
               });
-              const doc = scope.getDoc();
-              return addDomEvent(doc, "pointermove", (e2) => {
-                const isMovingToSubmenu = isWithinPolygon(context.get("intentPolygon"), {
-                  x: e2.clientX,
-                  y: e2.clientY
-                });
-                if (!isMovingToSubmenu) {
-                  send({ type: "POINTER_MOVED_AWAY_FROM_SUBMENU" });
-                  parent.context.set("suspendPointer", false);
-                }
+            },
+            blurFocusedInputIfNeeded({ context, prop, scope }) {
+              if (!prop("blurOnComplete")) return;
+              raf(() => {
+                var _a;
+                (_a = getInputElAtIndex(scope, context.get("focusedIndex"))) == null ? void 0 : _a.blur();
               });
             },
-            scrollToHighlightedItem({ event, scope, computed }) {
-              const exec = () => {
-                if (event.current().type.startsWith("ITEM_POINTER")) return;
-                const itemEl = scope.getById(computed("highlightedId"));
-                const contentEl2 = getContentEl5(scope);
-                scrollIntoView(itemEl, { rootEl: contentEl2, block: "nearest" });
-              };
-              raf(() => exec());
-              const contentEl = () => getContentEl5(scope);
-              return observeAttributes(contentEl, {
-                defer: true,
-                attributes: ["aria-activedescendant"],
-                callback: exec
-              });
+            requestFormSubmit({ computed, prop, scope }) {
+              var _a;
+              if (!prop("name") || !computed("isValueComplete")) return;
+              const inputEl = getHiddenInputEl3(scope);
+              (_a = inputEl == null ? void 0 : inputEl.form) == null ? void 0 : _a.requestSubmit();
+            }
+          }
+        }
+      });
+      props17 = createProps()([
+        "autoFocus",
+        "blurOnComplete",
+        "count",
+        "defaultValue",
+        "dir",
+        "disabled",
+        "form",
+        "getRootNode",
+        "id",
+        "ids",
+        "invalid",
+        "mask",
+        "name",
+        "onValueChange",
+        "onValueComplete",
+        "onValueInvalid",
+        "otp",
+        "pattern",
+        "placeholder",
+        "readOnly",
+        "required",
+        "selectOnFocus",
+        "translations",
+        "type",
+        "value"
+      ]);
+      splitProps17 = createSplitProps(props17);
+      PinInput = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine17, props26);
+        }
+        initApi() {
+          return connect17(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="pin-input"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const labelEl = this.el.querySelector(
+            '[data-scope="pin-input"][data-part="label"]'
+          );
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const hiddenInputEl = this.el.querySelector(
+            '[data-scope="pin-input"][data-part="hidden-input"]'
+          );
+          if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="pin-input"][data-part="control"]'
+          );
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          this.api.items.forEach((i2) => {
+            const inputEl = this.el.querySelector(
+              `[data-scope="pin-input"][data-part="input"][data-index="${i2}"]`
+            );
+            if (inputEl) this.spreadProps(inputEl, this.api.getInputProps({ index: i2 }));
+          });
+        }
+      };
+      PinInputHook = {
+        mounted() {
+          var _a;
+          const el = this.el;
+          const valueList = getStringList(el, "value");
+          const defaultValueList = getStringList(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          const zag = new PinInput(el, __spreadProps(__spreadValues({
+            id: el.id,
+            count: (_a = getNumber(el, "count")) != null ? _a : 4
+          }, controlled && valueList ? { value: valueList } : { defaultValue: defaultValueList != null ? defaultValueList : [] }), {
+            disabled: getBoolean(el, "disabled"),
+            invalid: getBoolean(el, "invalid"),
+            required: getBoolean(el, "required"),
+            readOnly: getBoolean(el, "readOnly"),
+            mask: getBoolean(el, "mask"),
+            otp: getBoolean(el, "otp"),
+            blurOnComplete: getBoolean(el, "blurOnComplete"),
+            selectOnFocus: getBoolean(el, "selectOnFocus"),
+            name: getString(el, "name"),
+            form: getString(el, "form"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            type: getString(el, "type", [
+              "alphanumeric",
+              "numeric",
+              "alphabetic"
+            ]),
+            placeholder: getString(el, "placeholder"),
+            onValueChange: (details) => {
+              const hiddenInput = el.querySelector(
+                '[data-scope="pin-input"][data-part="hidden-input"]'
+              );
+              if (hiddenInput) {
+                hiddenInput.value = details.valueAsString;
+                hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+                hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+              }
+              const eventName = getString(el, "onValueChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  valueAsString: details.valueAsString,
+                  id: el.id
+                });
+              }
+              const clientName = getString(el, "onValueChangeClient");
+              if (clientName) {
+                el.dispatchEvent(
+                  new CustomEvent(clientName, {
+                    bubbles: true,
+                    detail: { value: details, id: el.id }
+                  })
+                );
+              }
+            },
+            onValueComplete: (details) => {
+              const eventName = getString(el, "onValueComplete");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  valueAsString: details.valueAsString,
+                  id: el.id
+                });
+              }
+            }
+          }));
+          zag.init();
+          this.pinInput = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a, _b, _c, _d;
+          const valueList = getStringList(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          (_d = this.pinInput) == null ? void 0 : _d.updateProps(__spreadProps(__spreadValues({
+            id: this.el.id,
+            count: (_c = (_b = getNumber(this.el, "count")) != null ? _b : (_a = this.pinInput) == null ? void 0 : _a.api.count) != null ? _c : 4
+          }, controlled && valueList ? { value: valueList } : {}), {
+            disabled: getBoolean(this.el, "disabled"),
+            invalid: getBoolean(this.el, "invalid"),
+            required: getBoolean(this.el, "required"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form")
+          }));
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
+          }
+          (_a = this.pinInput) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
+  // ../priv/static/radio-group.mjs
+  var radio_group_exports = {};
+  __export(radio_group_exports, {
+    RadioGroup: () => RadioGroupHook
+  });
+  function connect18(service, normalize) {
+    const { context, send, computed, prop, scope } = service;
+    const groupDisabled = computed("isDisabled");
+    const groupInvalid = prop("invalid");
+    const readOnly = prop("readOnly");
+    function getItemState(props26) {
+      return {
+        value: props26.value,
+        invalid: !!props26.invalid || !!groupInvalid,
+        disabled: !!props26.disabled || groupDisabled,
+        checked: context.get("value") === props26.value,
+        focused: context.get("focusedValue") === props26.value,
+        focusVisible: context.get("focusVisibleValue") === props26.value,
+        hovered: context.get("hoveredValue") === props26.value,
+        active: context.get("activeValue") === props26.value
+      };
+    }
+    function getItemDataAttrs(props26) {
+      const itemState = getItemState(props26);
+      return {
+        "data-focus": dataAttr(itemState.focused),
+        "data-focus-visible": dataAttr(itemState.focusVisible),
+        "data-disabled": dataAttr(itemState.disabled),
+        "data-readonly": dataAttr(readOnly),
+        "data-state": itemState.checked ? "checked" : "unchecked",
+        "data-hover": dataAttr(itemState.hovered),
+        "data-invalid": dataAttr(itemState.invalid),
+        "data-orientation": prop("orientation"),
+        "data-ssr": dataAttr(context.get("ssr"))
+      };
+    }
+    const focus = () => {
+      var _a;
+      const nodeToFocus = (_a = getFirstEnabledAndCheckedInputEl(scope)) != null ? _a : getFirstEnabledInputEl(scope);
+      nodeToFocus == null ? void 0 : nodeToFocus.focus();
+    };
+    return {
+      focus,
+      value: context.get("value"),
+      setValue(value) {
+        send({ type: "SET_VALUE", value, isTrusted: false });
+      },
+      clearValue() {
+        send({ type: "SET_VALUE", value: null, isTrusted: false });
+      },
+      getRootProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts18.root.attrs), {
+          role: "radiogroup",
+          id: getRootId14(scope),
+          "aria-labelledby": getLabelId10(scope),
+          "aria-required": prop("required") || void 0,
+          "aria-disabled": groupDisabled || void 0,
+          "aria-readonly": readOnly || void 0,
+          "data-orientation": prop("orientation"),
+          "data-disabled": dataAttr(groupDisabled),
+          "data-invalid": dataAttr(groupInvalid),
+          "data-required": dataAttr(prop("required")),
+          "aria-orientation": prop("orientation"),
+          dir: prop("dir"),
+          style: {
+            position: "relative"
+          }
+        }));
+      },
+      getLabelProps() {
+        return normalize.element(__spreadProps(__spreadValues({}, parts18.label.attrs), {
+          dir: prop("dir"),
+          "data-orientation": prop("orientation"),
+          "data-disabled": dataAttr(groupDisabled),
+          "data-invalid": dataAttr(groupInvalid),
+          "data-required": dataAttr(prop("required")),
+          id: getLabelId10(scope),
+          onClick: focus
+        }));
+      },
+      getItemState,
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.label(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, parts18.item.attrs), {
+          dir: prop("dir"),
+          id: getItemId6(scope, props26.value),
+          htmlFor: getItemHiddenInputId(scope, props26.value)
+        }), getItemDataAttrs(props26)), {
+          onPointerMove() {
+            if (itemState.disabled) return;
+            if (itemState.hovered) return;
+            send({ type: "SET_HOVERED", value: props26.value, hovered: true });
+          },
+          onPointerLeave() {
+            if (itemState.disabled) return;
+            send({ type: "SET_HOVERED", value: null });
+          },
+          onPointerDown(event) {
+            if (itemState.disabled) return;
+            if (!isLeftClick(event)) return;
+            if (itemState.focused && event.pointerType === "mouse") {
+              event.preventDefault();
+            }
+            send({ type: "SET_ACTIVE", value: props26.value, active: true });
+          },
+          onPointerUp() {
+            if (itemState.disabled) return;
+            send({ type: "SET_ACTIVE", value: null });
+          },
+          onClick() {
+            var _a;
+            if (!itemState.disabled && isSafari()) {
+              (_a = getItemHiddenInputEl(scope, props26.value)) == null ? void 0 : _a.focus();
+            }
+          }
+        }));
+      },
+      getItemTextProps(props26) {
+        return normalize.element(__spreadValues(__spreadProps(__spreadValues({}, parts18.itemText.attrs), {
+          dir: prop("dir"),
+          id: getItemLabelId(scope, props26.value)
+        }), getItemDataAttrs(props26)));
+      },
+      getItemControlProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadValues(__spreadProps(__spreadValues({}, parts18.itemControl.attrs), {
+          dir: prop("dir"),
+          id: getItemControlId(scope, props26.value),
+          "data-active": dataAttr(itemState.active),
+          "aria-hidden": true
+        }), getItemDataAttrs(props26)));
+      },
+      getItemHiddenInputProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.input({
+          "data-ownedby": getRootId14(scope),
+          id: getItemHiddenInputId(scope, props26.value),
+          type: "radio",
+          name: prop("name") || prop("id"),
+          form: prop("form"),
+          value: props26.value,
+          required: prop("required"),
+          "aria-invalid": itemState.invalid || void 0,
+          onClick(event) {
+            if (readOnly) {
+              event.preventDefault();
+              return;
+            }
+            if (event.currentTarget.checked) {
+              send({ type: "SET_VALUE", value: props26.value, isTrusted: true });
+            }
+          },
+          onBlur() {
+            send({ type: "SET_FOCUSED", value: null, focused: false, focusVisible: false });
+          },
+          onFocus() {
+            const focusVisible = isFocusVisible();
+            send({ type: "SET_FOCUSED", value: props26.value, focused: true, focusVisible });
+          },
+          onKeyDown(event) {
+            if (event.defaultPrevented) return;
+            if (event.key === " ") {
+              send({ type: "SET_ACTIVE", value: props26.value, active: true });
+            }
+          },
+          onKeyUp(event) {
+            if (event.defaultPrevented) return;
+            if (event.key === " ") {
+              send({ type: "SET_ACTIVE", value: null });
+            }
+          },
+          disabled: itemState.disabled || readOnly,
+          defaultChecked: itemState.checked,
+          style: visuallyHiddenStyle
+        });
+      },
+      getIndicatorProps() {
+        const rect = context.get("indicatorRect");
+        const rectIsEmpty = rect == null || rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0;
+        return normalize.element(__spreadProps(__spreadValues({
+          id: getIndicatorId2(scope)
+        }, parts18.indicator.attrs), {
+          dir: prop("dir"),
+          hidden: context.get("value") == null || rectIsEmpty,
+          "data-disabled": dataAttr(groupDisabled),
+          "data-orientation": prop("orientation"),
+          style: {
+            "--transition-property": "left, top, width, height",
+            "--left": toPx(rect == null ? void 0 : rect.x),
+            "--top": toPx(rect == null ? void 0 : rect.y),
+            "--width": toPx(rect == null ? void 0 : rect.width),
+            "--height": toPx(rect == null ? void 0 : rect.height),
+            position: "absolute",
+            willChange: "var(--transition-property)",
+            transitionProperty: "var(--transition-property)",
+            transitionDuration: "var(--transition-duration, 150ms)",
+            transitionTimingFunction: "var(--transition-timing-function)",
+            [prop("orientation") === "horizontal" ? "left" : "top"]: prop("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
+          }
+        }));
+      }
+    };
+  }
+  var anatomy18, parts18, getRootId14, getLabelId10, getItemId6, getItemHiddenInputId, getItemControlId, getItemLabelId, getIndicatorId2, getRootEl5, getItemHiddenInputEl, getIndicatorEl2, getFirstEnabledInputEl, getFirstEnabledAndCheckedInputEl, getInputEls3, getRadioEl, getOffsetRect, not7, machine18, props18, splitProps18, itemProps6, splitItemProps6, RadioGroup, RadioGroupHook;
+  var init_radio_group = __esm({
+    "../priv/static/radio-group.mjs"() {
+      "use strict";
+      init_chunk_TEV2GE3U();
+      init_chunk_IXOYOLUJ();
+      anatomy18 = createAnatomy("radio-group").parts(
+        "root",
+        "label",
+        "item",
+        "itemText",
+        "itemControl",
+        "indicator"
+      );
+      parts18 = anatomy18.build();
+      getRootId14 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `radio-group:${ctx.id}`;
+      };
+      getLabelId10 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `radio-group:${ctx.id}:label`;
+      };
+      getItemId6 = (ctx, value) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:${value}`;
+      };
+      getItemHiddenInputId = (ctx, value) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemHiddenInput) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:input:${value}`;
+      };
+      getItemControlId = (ctx, value) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemControl) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:control:${value}`;
+      };
+      getItemLabelId = (ctx, value) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemLabel) == null ? void 0 : _b.call(_a, value)) != null ? _c : `radio-group:${ctx.id}:radio:label:${value}`;
+      };
+      getIndicatorId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.indicator) != null ? _b : `radio-group:${ctx.id}:indicator`;
+      };
+      getRootEl5 = (ctx) => ctx.getById(getRootId14(ctx));
+      getItemHiddenInputEl = (ctx, value) => ctx.getById(getItemHiddenInputId(ctx, value));
+      getIndicatorEl2 = (ctx) => ctx.getById(getIndicatorId2(ctx));
+      getFirstEnabledInputEl = (ctx) => {
+        var _a;
+        return (_a = getRootEl5(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled)");
+      };
+      getFirstEnabledAndCheckedInputEl = (ctx) => {
+        var _a;
+        return (_a = getRootEl5(ctx)) == null ? void 0 : _a.querySelector("input:not(:disabled):checked");
+      };
+      getInputEls3 = (ctx) => {
+        const ownerId = CSS.escape(getRootId14(ctx));
+        const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
+        return queryAll(getRootEl5(ctx), selector);
+      };
+      getRadioEl = (ctx, value) => {
+        if (!value) return;
+        return ctx.getById(getItemId6(ctx, value));
+      };
+      getOffsetRect = (el) => {
+        var _a, _b, _c, _d;
+        return {
+          x: (_a = el == null ? void 0 : el.offsetLeft) != null ? _a : 0,
+          y: (_b = el == null ? void 0 : el.offsetTop) != null ? _b : 0,
+          width: (_c = el == null ? void 0 : el.offsetWidth) != null ? _c : 0,
+          height: (_d = el == null ? void 0 : el.offsetHeight) != null ? _d : 0
+        };
+      };
+      ({ not: not7 } = createGuards());
+      machine18 = createMachine({
+        props({ props: props26 }) {
+          return __spreadValues({
+            orientation: "vertical"
+          }, props26);
+        },
+        initialState() {
+          return "idle";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            value: bindable2(() => ({
+              defaultValue: prop("defaultValue"),
+              value: prop("value"),
+              onChange(value) {
+                var _a;
+                (_a = prop("onValueChange")) == null ? void 0 : _a({ value });
+              }
+            })),
+            activeValue: bindable2(() => ({
+              defaultValue: null
+            })),
+            focusedValue: bindable2(() => ({
+              defaultValue: null
+            })),
+            focusVisibleValue: bindable2(() => ({
+              defaultValue: null
+            })),
+            hoveredValue: bindable2(() => ({
+              defaultValue: null
+            })),
+            indicatorRect: bindable2(() => ({
+              defaultValue: null
+            })),
+            fieldsetDisabled: bindable2(() => ({
+              defaultValue: false
+            })),
+            ssr: bindable2(() => ({
+              defaultValue: true
+            }))
+          };
+        },
+        refs() {
+          return {
+            indicatorCleanup: null,
+            focusVisibleValue: null
+          };
+        },
+        computed: {
+          isDisabled: ({ prop, context }) => !!prop("disabled") || context.get("fieldsetDisabled")
+        },
+        entry: ["syncIndicatorRect", "syncSsr"],
+        exit: ["cleanupObserver"],
+        effects: ["trackFormControlState", "trackFocusVisible"],
+        watch({ track, action, context }) {
+          track([() => context.get("value")], () => {
+            action(["syncIndicatorRect", "syncInputElements"]);
+          });
+        },
+        on: {
+          SET_VALUE: [
+            {
+              guard: not7("isTrusted"),
+              actions: ["setValue", "dispatchChangeEvent"]
+            },
+            {
+              actions: ["setValue"]
             }
+          ],
+          SET_HOVERED: {
+            actions: ["setHovered"]
           },
-          actions: {
-            setAnchorPoint({ context, event }) {
-              context.set("anchorPoint", (prev2) => isEqual2(prev2, event.point) ? prev2 : event.point);
-            },
-            setSubmenuPlacement({ context, computed, refs }) {
-              if (!context.get("isSubmenu")) return;
-              const placement = computed("isRtl") ? "left-start" : "right-start";
-              refs.set("positioningOverride", { placement, gutter: 0 });
-            },
-            reposition({ context, scope, prop, event, refs }) {
-              var _a;
-              const getPositionerEl22 = () => getPositionerEl4(scope);
-              const anchorPoint = context.get("anchorPoint");
-              const getAnchorRect = anchorPoint ? () => __spreadValues({ width: 0, height: 0 }, anchorPoint) : void 0;
-              const positioning = __spreadValues(__spreadValues({}, prop("positioning")), refs.get("positioningOverride"));
-              getPlacement(getTriggerEl4(scope), getPositionerEl22, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, positioning), {
-                defer: true,
-                getAnchorRect
-              }), (_a = event.options) != null ? _a : {}), {
-                listeners: false,
-                onComplete(data) {
-                  context.set("currentPlacement", data.placement);
+          SET_ACTIVE: {
+            actions: ["setActive"]
+          },
+          SET_FOCUSED: {
+            actions: ["setFocused"]
+          }
+        },
+        states: {
+          idle: {}
+        },
+        implementations: {
+          guards: {
+            isTrusted: ({ event }) => !!event.isTrusted
+          },
+          effects: {
+            trackFormControlState({ context, scope }) {
+              return trackFormControl(getRootEl5(scope), {
+                onFieldsetDisabledChange(disabled) {
+                  context.set("fieldsetDisabled", disabled);
+                },
+                onFormReset() {
+                  context.set("value", context.initial("value"));
                 }
-              }));
-            },
-            setOptionState({ event }) {
-              if (!event.option) return;
-              const { checked, onCheckedChange, type } = event.option;
-              if (type === "radio") {
-                onCheckedChange == null ? void 0 : onCheckedChange(true);
-              } else if (type === "checkbox") {
-                onCheckedChange == null ? void 0 : onCheckedChange(!checked);
-              }
-            },
-            clickHighlightedItem({ scope, computed, prop, context }) {
-              var _a;
-              const itemEl = scope.getById(computed("highlightedId"));
-              if (!itemEl || itemEl.dataset.disabled) return;
-              const highlightedValue = context.get("highlightedValue");
-              if (isAnchorElement(itemEl)) {
-                (_a = prop("navigate")) == null ? void 0 : _a({ value: highlightedValue, node: itemEl, href: itemEl.href });
-              } else {
-                queueMicrotask(() => itemEl.click());
-              }
-            },
-            setIntentPolygon({ context, scope, event }) {
-              const menu = getContentEl5(scope);
-              const placement = context.get("currentPlacement");
-              if (!menu || !placement) return;
-              const rect = menu.getBoundingClientRect();
-              const polygon = getElementPolygon(rect, placement);
-              if (!polygon) return;
-              const rightSide = getPlacementSide(placement) === "right";
-              const bleed = rightSide ? -5 : 5;
-              context.set("intentPolygon", [__spreadProps(__spreadValues({}, event.point), { x: event.point.x + bleed }), ...polygon]);
-            },
-            clearIntentPolygon({ context }) {
-              context.set("intentPolygon", null);
-            },
-            clearAnchorPoint({ context }) {
-              context.set("anchorPoint", null);
-            },
-            resumePointer({ refs, flush }) {
-              const parent = refs.get("parent");
-              if (!parent) return;
-              flush(() => {
-                parent.context.set("suspendPointer", false);
-              });
-            },
-            setHighlightedItem({ context, event }) {
-              const value = event.value || getItemValue(event.target);
-              context.set("highlightedValue", value);
-            },
-            clearHighlightedItem({ context }) {
-              context.set("highlightedValue", null);
-            },
-            focusMenu({ scope }) {
-              raf(() => {
-                const contentEl = getContentEl5(scope);
-                const initialFocusEl = getInitialFocus({
-                  root: contentEl,
-                  enabled: !contains(contentEl, scope.getActiveElement()),
-                  filter(node) {
-                    var _a;
-                    return !((_a = node.role) == null ? void 0 : _a.startsWith("menuitem"));
-                  }
-                });
-                initialFocusEl == null ? void 0 : initialFocusEl.focus({ preventScroll: true });
-              });
-            },
-            highlightFirstItem({ context, scope }) {
-              const fn = getContentEl5(scope) ? queueMicrotask : raf;
-              fn(() => {
-                const first2 = getFirstEl(scope);
-                if (!first2) return;
-                context.set("highlightedValue", getItemValue(first2));
-              });
-            },
-            highlightLastItem({ context, scope }) {
-              const fn = getContentEl5(scope) ? queueMicrotask : raf;
-              fn(() => {
-                const last2 = getLastEl(scope);
-                if (!last2) return;
-                context.set("highlightedValue", getItemValue(last2));
-              });
-            },
-            highlightNextItem({ context, scope, event, prop }) {
-              const next2 = getNextEl(scope, {
-                loop: event.loop,
-                value: context.get("highlightedValue"),
-                loopFocus: prop("loopFocus")
-              });
-              context.set("highlightedValue", getItemValue(next2));
-            },
-            highlightPrevItem({ context, scope, event, prop }) {
-              const prev2 = getPrevEl(scope, {
-                loop: event.loop,
-                value: context.get("highlightedValue"),
-                loopFocus: prop("loopFocus")
-              });
-              context.set("highlightedValue", getItemValue(prev2));
-            },
-            invokeOnSelect({ context, prop, scope }) {
-              var _a;
-              const value = context.get("highlightedValue");
-              if (value == null) return;
-              const node = getItemEl2(scope, value);
-              dispatchSelectionEvent(node, value);
-              (_a = prop("onSelect")) == null ? void 0 : _a({ value });
-            },
-            focusTrigger({ scope, context, event }) {
-              if (context.get("isSubmenu") || context.get("anchorPoint") || event.restoreFocus === false) return;
-              queueMicrotask(() => {
-                var _a;
-                return (_a = getTriggerEl4(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
-              });
-            },
-            highlightMatchedItem({ scope, context, event, refs }) {
-              const node = getElemByKey(scope, {
-                key: event.key,
-                value: context.get("highlightedValue"),
-                typeaheadState: refs.get("typeaheadState")
               });
-              if (!node) return;
-              context.set("highlightedValue", getItemValue(node));
-            },
-            setParentMenu({ refs, event, context }) {
-              refs.set("parent", event.value);
-              context.set("isSubmenu", true);
-            },
-            setChildMenu({ refs, event }) {
-              const children = refs.get("children");
-              children[event.id] = event.value;
-              refs.set("children", children);
             },
-            closeSiblingMenus({ refs, event, scope }) {
+            trackFocusVisible({ scope }) {
               var _a;
-              const target = event.target;
-              if (!isTriggerItem(target)) return;
-              const hoveredChildId = target == null ? void 0 : target.getAttribute("data-uid");
-              const children = refs.get("children");
-              for (const id in children) {
-                if (id === hoveredChildId) continue;
-                const child = children[id];
-                const intentPolygon = child.context.get("intentPolygon");
-                if (intentPolygon && event.point && isPointInPolygon(intentPolygon, event.point)) {
-                  continue;
-                }
-                (_a = getContentEl5(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
-                child.send({ type: "CLOSE" });
-              }
-            },
-            closeRootMenu({ refs }) {
-              closeRootMenu({ parent: refs.get("parent") });
+              return trackFocusVisible({ root: (_a = scope.getRootNode) == null ? void 0 : _a.call(scope) });
+            }
+          },
+          actions: {
+            setValue({ context, event }) {
+              context.set("value", event.value);
             },
-            openSubmenu({ refs, scope, computed }) {
-              const item = scope.getById(computed("highlightedId"));
-              const id = item == null ? void 0 : item.getAttribute("data-uid");
-              const children = refs.get("children");
-              const child = id ? children[id] : null;
-              child == null ? void 0 : child.send({ type: "OPEN_AUTOFOCUS" });
+            setHovered({ context, event }) {
+              context.set("hoveredValue", event.value);
             },
-            focusParentMenu({ refs }) {
-              var _a;
-              (_a = refs.get("parent")) == null ? void 0 : _a.send({ type: "FOCUS_MENU" });
+            setActive({ context, event }) {
+              context.set("activeValue", event.value);
             },
-            setLastHighlightedItem({ context, event }) {
-              context.set("lastHighlightedValue", getItemValue(event.target));
+            setFocused({ context, event }) {
+              context.set("focusedValue", event.value);
+              const focusVisibleValue = event.value != null && event.focusVisible ? event.value : null;
+              context.set("focusVisibleValue", focusVisibleValue);
             },
-            restoreHighlightedItem({ context }) {
-              if (!context.get("lastHighlightedValue")) return;
-              context.set("highlightedValue", context.get("lastHighlightedValue"));
-              context.set("lastHighlightedValue", null);
+            syncInputElements({ context, scope }) {
+              const inputs = getInputEls3(scope);
+              inputs.forEach((input) => {
+                input.checked = input.value === context.get("value");
+              });
             },
-            restoreParentHighlightedItem({ refs }) {
+            cleanupObserver({ refs }) {
               var _a;
-              (_a = refs.get("parent")) == null ? void 0 : _a.send({ type: "HIGHLIGHTED.RESTORE" });
+              (_a = refs.get("indicatorCleanup")) == null ? void 0 : _a();
             },
-            invokeOnOpen({ prop }) {
-              var _a;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: true });
+            syncSsr({ context }) {
+              context.set("ssr", false);
             },
-            invokeOnClose({ prop }) {
+            syncIndicatorRect({ context, scope, refs }) {
               var _a;
-              (_a = prop("onOpenChange")) == null ? void 0 : _a({ open: false });
+              (_a = refs.get("indicatorCleanup")) == null ? void 0 : _a();
+              if (!getIndicatorEl2(scope)) return;
+              const value = context.get("value");
+              const radioEl = getRadioEl(scope, value);
+              if (value == null || !radioEl) {
+                context.set("indicatorRect", null);
+                return;
+              }
+              const exec = () => {
+                context.set("indicatorRect", getOffsetRect(radioEl));
+              };
+              exec();
+              const indicatorCleanup = resizeObserverBorderBox.observe(radioEl, exec);
+              refs.set("indicatorCleanup", indicatorCleanup);
             },
-            toggleVisibility({ prop, event, send }) {
-              send({
-                type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
-                previousEvent: event
+            dispatchChangeEvent({ context, scope }) {
+              const inputEls = getInputEls3(scope);
+              inputEls.forEach((inputEl) => {
+                const checked = inputEl.value === context.get("value");
+                if (checked === inputEl.checked) return;
+                dispatchInputCheckedEvent(inputEl, { checked });
               });
             }
           }
         }
       });
-      props8 = createProps()([
-        "anchorPoint",
-        "aria-label",
-        "closeOnSelect",
-        "composite",
-        "defaultHighlightedValue",
-        "defaultOpen",
+      props18 = createProps()([
         "dir",
+        "disabled",
+        "form",
         "getRootNode",
-        "highlightedValue",
         "id",
         "ids",
-        "loopFocus",
-        "navigate",
-        "onEscapeKeyDown",
-        "onFocusOutside",
-        "onHighlightChange",
-        "onInteractOutside",
-        "onOpenChange",
-        "onPointerDownOutside",
-        "onRequestDismiss",
-        "onSelect",
-        "open",
-        "positioning",
-        "typeahead"
-      ]);
-      splitProps8 = createSplitProps(props8);
-      itemProps3 = createProps()(["closeOnSelect", "disabled", "value", "valueText"]);
-      splitItemProps3 = createSplitProps(itemProps3);
-      itemGroupLabelProps2 = createProps()(["htmlFor"]);
-      splitItemGroupLabelProps2 = createSplitProps(itemGroupLabelProps2);
-      itemGroupProps2 = createProps()(["id"]);
-      splitItemGroupProps2 = createSplitProps(itemGroupProps2);
-      optionItemProps = createProps()([
-        "checked",
-        "closeOnSelect",
-        "disabled",
-        "onCheckedChange",
-        "type",
+        "invalid",
+        "name",
+        "onValueChange",
+        "orientation",
+        "readOnly",
+        "required",
         "value",
-        "valueText"
+        "defaultValue"
       ]);
-      splitOptionItemProps = createSplitProps(optionItemProps);
-      Menu = class extends Component {
-        constructor() {
-          super(...arguments);
-          __publicField(this, "children", []);
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine8, props22);
-        }
-        initApi() {
-          return connect8(this.machine.service, normalizeProps);
-        }
-        setChild(child) {
-          this.api.setChild(child.machine.service);
-          if (!this.children.includes(child)) {
-            this.children.push(child);
-          }
-        }
-        setParent(parent) {
-          this.api.setParent(parent.machine.service);
-        }
-        /**
-         * Check if an element belongs to THIS menu instance.
-         * Uses the nearest phx-hook="Menu" ancestor to determine ownership.
-         */
-        isOwnElement(el) {
-          const nearestHook = el.closest('[phx-hook="Menu"]');
-          return nearestHook === this.el;
-        }
-        renderSubmenuTriggers() {
-          const contentEl = this.el.querySelector(
-            '[data-scope="menu"][data-part="content"]'
-          );
-          if (!contentEl) return;
-          const triggerItems = contentEl.querySelectorAll(
-            '[data-scope="menu"][data-nested-menu]'
-          );
-          for (const triggerEl of triggerItems) {
-            if (!this.isOwnElement(triggerEl)) continue;
-            const nestedMenuId = triggerEl.dataset.nestedMenu;
-            if (!nestedMenuId) continue;
-            const childMenu = this.children.find((child) => child.el.id === `menu:${nestedMenuId}`);
-            if (!childMenu) continue;
-            const applyProps = () => {
-              const triggerProps2 = this.api.getTriggerItemProps(childMenu.api);
-              this.spreadProps(triggerEl, triggerProps2);
-            };
-            applyProps();
-            this.machine.subscribe(applyProps);
-            childMenu.machine.subscribe(applyProps);
-          }
-        }
-        render() {
-          const triggerEl = this.el.querySelector(
-            '[data-scope="menu"][data-part="trigger"]'
-          );
-          if (triggerEl) {
-            this.spreadProps(triggerEl, this.api.getTriggerProps());
-          }
-          const positionerEl = this.el.querySelector(
-            '[data-scope="menu"][data-part="positioner"]'
-          );
-          const contentEl = this.el.querySelector(
-            '[data-scope="menu"][data-part="content"]'
-          );
-          if (positionerEl && contentEl) {
-            this.spreadProps(positionerEl, this.api.getPositionerProps());
-            this.spreadProps(contentEl, this.api.getContentProps());
-            contentEl.style.pointerEvents = "auto";
-            positionerEl.hidden = !this.api.open;
-            const isNested = !this.el.querySelector(
-              '[data-scope="menu"][data-part="trigger"]'
-            );
-            const shouldApplyItems = this.api.open || isNested;
-            if (shouldApplyItems) {
-              const items = contentEl.querySelectorAll(
-                '[data-scope="menu"][data-part="item"]'
-              );
-              items.forEach((itemEl) => {
-                if (!this.isOwnElement(itemEl)) return;
-                const value = itemEl.dataset.value;
-                if (value) {
-                  const disabled = itemEl.hasAttribute("data-disabled");
-                  this.spreadProps(
-                    itemEl,
-                    this.api.getItemProps({ value, disabled: disabled || void 0 })
-                  );
-                }
-              });
-              const itemGroups = contentEl.querySelectorAll(
-                '[data-scope="menu"][data-part="item-group"]'
-              );
-              itemGroups.forEach((groupEl) => {
-                if (!this.isOwnElement(groupEl)) return;
-                const groupId = groupEl.id;
-                if (groupId) {
-                  this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
-                }
-              });
-              const separators = contentEl.querySelectorAll(
-                '[data-scope="menu"][data-part="separator"]'
-              );
-              separators.forEach((separatorEl) => {
-                if (!this.isOwnElement(separatorEl)) return;
-                this.spreadProps(separatorEl, this.api.getSeparatorProps());
-              });
-            }
-          }
-          const indicatorEl = this.el.querySelector(
-            '[data-scope="menu"][data-part="indicator"]'
-          );
-          if (indicatorEl) {
-            this.spreadProps(indicatorEl, this.api.getIndicatorProps());
-          }
-        }
-      };
-      MenuHook = {
-        mounted() {
-          const el = this.el;
-          if (el.hasAttribute("data-nested")) {
-            return;
-          }
-          const pushEvent = this.pushEvent.bind(this);
-          const getMain = () => {
-            var _a;
-            return (_a = this.liveSocket) == null ? void 0 : _a.main;
-          };
-          const menu = new Menu(el, __spreadProps(__spreadValues({
-            id: el.id.replace("menu:", "")
-          }, getBoolean(el, "controlled") ? { open: getBoolean(el, "open") } : { defaultOpen: getBoolean(el, "defaultOpen") }), {
-            closeOnSelect: getBoolean(el, "closeOnSelect"),
-            loopFocus: getBoolean(el, "loopFocus"),
-            typeahead: getBoolean(el, "typeahead"),
-            composite: getBoolean(el, "composite"),
-            dir: getString(el, "dir", ["ltr", "rtl"]),
-            onSelect: (details) => {
-              var _a, _b, _c;
-              const redirect = getBoolean(el, "redirect");
-              const itemEl = [
-                ...el.querySelectorAll('[data-scope="menu"][data-part="item"]')
-              ].find((node) => node.getAttribute("data-value") === details.value);
-              const itemRedirect = itemEl == null ? void 0 : itemEl.getAttribute("data-redirect");
-              const itemNewTab = itemEl == null ? void 0 : itemEl.hasAttribute("data-new-tab");
-              const main = getMain();
-              const doRedirect = redirect && details.value && ((_a = main == null ? void 0 : main.isDead) != null ? _a : true) && itemRedirect !== "false";
-              if (doRedirect) {
-                if (itemNewTab) {
-                  window.open(details.value, "_blank", "noopener,noreferrer");
-                } else {
-                  window.location.href = details.value;
-                }
-              }
-              const eventName = getString(el, "onSelect");
-              if (eventName && main && !main.isDead && main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  value: (_b = details.value) != null ? _b : null
-                });
-              }
-              const eventNameClient = getString(el, "onSelectClient");
-              if (eventNameClient) {
-                el.dispatchEvent(
-                  new CustomEvent(eventNameClient, {
-                    bubbles: true,
-                    detail: {
-                      id: el.id,
-                      value: (_c = details.value) != null ? _c : null
-                    }
-                  })
-                );
-              }
-            },
-            onOpenChange: (details) => {
-              var _a, _b;
-              const main = getMain();
-              const eventName = getString(el, "onOpenChange");
-              if (eventName && main && !main.isDead && main.isConnected()) {
-                pushEvent(eventName, {
-                  id: el.id,
-                  open: (_a = details.open) != null ? _a : false
+      splitProps18 = createSplitProps(props18);
+      itemProps6 = createProps()(["value", "disabled", "invalid"]);
+      splitItemProps6 = createSplitProps(itemProps6);
+      RadioGroup = class extends Component {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine18, props26);
+        }
+        initApi() {
+          return connect18(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="radio-group"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const labelEl = this.el.querySelector(
+            '[data-scope="radio-group"][data-part="label"]'
+          );
+          if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+          const indicatorEl = this.el.querySelector(
+            '[data-scope="radio-group"][data-part="indicator"]'
+          );
+          if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+          this.el.querySelectorAll('[data-scope="radio-group"][data-part="item"]').forEach((itemEl) => {
+            const value = itemEl.dataset.value;
+            if (value == null) return;
+            const disabled = itemEl.dataset.disabled === "true";
+            const invalid = itemEl.dataset.invalid === "true";
+            this.spreadProps(itemEl, this.api.getItemProps({ value, disabled, invalid }));
+            const textEl = itemEl.querySelector(
+              '[data-scope="radio-group"][data-part="item-text"]'
+            );
+            if (textEl)
+              this.spreadProps(
+                textEl,
+                this.api.getItemTextProps({ value, disabled, invalid })
+              );
+            const controlEl = itemEl.querySelector(
+              '[data-scope="radio-group"][data-part="item-control"]'
+            );
+            if (controlEl)
+              this.spreadProps(
+                controlEl,
+                this.api.getItemControlProps({
+                  value,
+                  disabled,
+                  invalid
+                })
+              );
+            const hiddenInputEl = itemEl.querySelector(
+              '[data-scope="radio-group"][data-part="item-hidden-input"]'
+            );
+            if (hiddenInputEl)
+              this.spreadProps(
+                hiddenInputEl,
+                this.api.getItemHiddenInputProps({
+                  value,
+                  disabled,
+                  invalid
+                })
+              );
+          });
+        }
+      };
+      RadioGroupHook = {
+        mounted() {
+          const el = this.el;
+          const value = getString(el, "value");
+          const defaultValue = getString(el, "defaultValue");
+          const controlled = getBoolean(el, "controlled");
+          const zag = new RadioGroup(el, __spreadProps(__spreadValues({
+            id: el.id
+          }, controlled && value !== void 0 ? { value: value != null ? value : null } : { defaultValue: defaultValue != null ? defaultValue : null }), {
+            name: getString(el, "name"),
+            form: getString(el, "form"),
+            disabled: getBoolean(el, "disabled"),
+            invalid: getBoolean(el, "invalid"),
+            required: getBoolean(el, "required"),
+            readOnly: getBoolean(el, "readOnly"),
+            dir: getString(el, "dir", ["ltr", "rtl"]),
+            orientation: getString(el, "orientation", [
+              "horizontal",
+              "vertical"
+            ]),
+            onValueChange: (details) => {
+              const eventName = getString(el, "onValueChange");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  id: el.id
                 });
               }
-              const eventNameClient = getString(el, "onOpenChangeClient");
-              if (eventNameClient) {
+              const clientName = getString(el, "onValueChangeClient");
+              if (clientName) {
                 el.dispatchEvent(
-                  new CustomEvent(eventNameClient, {
+                  new CustomEvent(clientName, {
                     bubbles: true,
-                    detail: {
-                      id: el.id,
-                      open: (_b = details.open) != null ? _b : false
-                    }
+                    detail: { value: details, id: el.id }
                   })
                 );
               }
             }
           }));
-          menu.init();
-          this.menu = menu;
-          this.nestedMenus = /* @__PURE__ */ new Map();
-          const nestedMenuElements = el.querySelectorAll(
-            '[data-scope="menu"][data-nested="menu"]'
-          );
-          const nestedMenuInstances = [];
-          nestedMenuElements.forEach((nestedEl, index) => {
-            var _a;
-            const nestedId = nestedEl.id;
-            if (nestedId) {
-              const nestedMenuId = `${nestedId}-${index}`;
-              const nestedMenu = new Menu(nestedEl, {
-                id: nestedMenuId,
-                dir: getString(nestedEl, "dir", ["ltr", "rtl"]),
-                closeOnSelect: getBoolean(nestedEl, "closeOnSelect"),
-                loopFocus: getBoolean(nestedEl, "loopFocus"),
-                typeahead: getBoolean(nestedEl, "typeahead"),
-                composite: getBoolean(nestedEl, "composite"),
-                onSelect: (details) => {
-                  var _a2, _b, _c;
-                  const redirect = getBoolean(el, "redirect");
-                  const itemEl = [
-                    ...el.querySelectorAll('[data-scope="menu"][data-part="item"]')
-                  ].find((node) => node.getAttribute("data-value") === details.value);
-                  const itemRedirect = itemEl == null ? void 0 : itemEl.getAttribute("data-redirect");
-                  const itemNewTab = itemEl == null ? void 0 : itemEl.hasAttribute("data-new-tab");
-                  const main = getMain();
-                  const doRedirect = redirect && details.value && ((_a2 = main == null ? void 0 : main.isDead) != null ? _a2 : true) && itemRedirect !== "false";
-                  if (doRedirect) {
-                    if (itemNewTab) {
-                      window.open(details.value, "_blank", "noopener,noreferrer");
-                    } else {
-                      window.location.href = details.value;
-                    }
-                  }
-                  const eventName = getString(el, "onSelect");
-                  if (eventName && main && !main.isDead && main.isConnected()) {
-                    pushEvent(eventName, {
-                      id: el.id,
-                      value: (_b = details.value) != null ? _b : null
-                    });
-                  }
-                  const eventNameClient = getString(el, "onSelectClient");
-                  if (eventNameClient) {
-                    el.dispatchEvent(
-                      new CustomEvent(eventNameClient, {
-                        bubbles: true,
-                        detail: {
-                          id: el.id,
-                          value: (_c = details.value) != null ? _c : null
-                        }
-                      })
-                    );
-                  }
-                }
-              });
-              nestedMenu.init();
-              (_a = this.nestedMenus) == null ? void 0 : _a.set(nestedId, nestedMenu);
-              nestedMenuInstances.push(nestedMenu);
-            }
-          });
-          setTimeout(() => {
-            nestedMenuInstances.forEach((nestedMenu) => {
-              if (this.menu) {
-                this.menu.setChild(nestedMenu);
-                nestedMenu.setParent(this.menu);
-              }
-            });
-            if (this.menu && this.menu.children.length > 0) {
-              this.menu.renderSubmenuTriggers();
-            }
-          }, 0);
-          this.onSetOpen = (event) => {
-            const { open } = event.detail;
-            if (menu.api.open !== open) menu.api.setOpen(open);
-          };
-          el.addEventListener("phx:menu:set-open", this.onSetOpen);
+          zag.init();
+          this.radioGroup = zag;
           this.handlers = [];
-          this.handlers.push(
-            this.handleEvent("menu_set_open", (payload) => {
-              const targetId = payload.menu_id;
-              const matches = !targetId || el.id === targetId || el.id === `menu:${targetId}`;
-              if (!matches) return;
-              menu.api.setOpen(payload.open);
-            })
-          );
-          this.handlers.push(
-            this.handleEvent("menu_open", () => {
-              this.pushEvent("menu_open_response", {
-                open: menu.api.open
-              });
-            })
-          );
         },
         updated() {
           var _a;
-          if (this.el.hasAttribute("data-nested")) return;
-          (_a = this.menu) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
+          const value = getString(this.el, "value");
+          const controlled = getBoolean(this.el, "controlled");
+          (_a = this.radioGroup) == null ? void 0 : _a.updateProps(__spreadProps(__spreadValues({
             id: this.el.id
-          }, getBoolean(this.el, "controlled") ? { open: getBoolean(this.el, "open") } : { defaultOpen: getBoolean(this.el, "defaultOpen") }), {
-            closeOnSelect: getBoolean(this.el, "closeOnSelect"),
-            loopFocus: getBoolean(this.el, "loopFocus"),
-            typeahead: getBoolean(this.el, "typeahead"),
-            composite: getBoolean(this.el, "composite"),
-            dir: getString(this.el, "dir", ["ltr", "rtl"])
+          }, controlled && value !== void 0 ? { value: value != null ? value : null } : {}), {
+            name: getString(this.el, "name"),
+            form: getString(this.el, "form"),
+            disabled: getBoolean(this.el, "disabled"),
+            invalid: getBoolean(this.el, "invalid"),
+            required: getBoolean(this.el, "required"),
+            readOnly: getBoolean(this.el, "readOnly"),
+            orientation: getString(this.el, "orientation", [
+              "horizontal",
+              "vertical"
+            ])
           }));
         },
         destroyed() {
           var _a;
-          if (this.el.hasAttribute("data-nested")) return;
-          if (this.onSetOpen) {
-            this.el.removeEventListener("phx:menu:set-open", this.onSetOpen);
-          }
           if (this.handlers) {
-            for (const handler of this.handlers) {
-              this.removeHandleEvent(handler);
-            }
-          }
-          if (this.nestedMenus) {
-            for (const [, nestedMenu] of this.nestedMenus) {
-              nestedMenu.destroy();
-            }
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
           }
-          (_a = this.menu) == null ? void 0 : _a.destroy();
+          (_a = this.radioGroup) == null ? void 0 : _a.destroy();
         }
       };
     }
@@ -17356,7 +25975,7 @@ var Corex = (() => {
   __export(select_exports, {
     Select: () => SelectHook
   });
-  function connect9(service, normalize) {
+  function connect19(service, normalize) {
     const { context, prop, scope, state: state2, computed, send } = service;
     const disabled = prop("disabled") || context.get("fieldsetDisabled");
     const invalid = !!prop("invalid");
@@ -17372,11 +25991,11 @@ var Corex = (() => {
     const currentPlacement = context.get("currentPlacement");
     const isTypingAhead = computed("isTypingAhead");
     const interactive = computed("isInteractive");
-    const ariaActiveDescendant = highlightedValue ? getItemId4(scope, highlightedValue) : void 0;
-    function getItemState(props22) {
-      const _disabled = collection22.getItemDisabled(props22.item);
-      const value = collection22.getItemValue(props22.item);
-      ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props22.item)}`);
+    const ariaActiveDescendant = highlightedValue ? getItemId7(scope, highlightedValue) : void 0;
+    function getItemState(props26) {
+      const _disabled = collection22.getItemDisabled(props26.item);
+      const value = collection22.getItemValue(props26.item);
+      ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props26.item)}`);
       return {
         value,
         disabled: Boolean(disabled || _disabled),
@@ -17405,7 +26024,7 @@ var Corex = (() => {
       },
       focus() {
         var _a;
-        (_a = getTriggerEl5(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+        (_a = getTriggerEl6(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
       },
       setOpen(nextOpen) {
         const open2 = state2.hasTag("open");
@@ -17436,9 +26055,9 @@ var Corex = (() => {
       },
       getItemState,
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.root.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.root.attrs), {
           dir: prop("dir"),
-          id: getRootId7(scope),
+          id: getRootId15(scope),
           "data-invalid": dataAttr(invalid),
           "data-readonly": dataAttr(readOnly)
         }));
@@ -17446,8 +26065,8 @@ var Corex = (() => {
       getLabelProps() {
         return normalize.label(__spreadProps(__spreadValues({
           dir: prop("dir"),
-          id: getLabelId5(scope)
-        }, parts9.label.attrs), {
+          id: getLabelId11(scope)
+        }, parts19.label.attrs), {
           "data-disabled": dataAttr(disabled),
           "data-invalid": dataAttr(invalid),
           "data-readonly": dataAttr(readOnly),
@@ -17457,14 +26076,14 @@ var Corex = (() => {
             var _a;
             if (event.defaultPrevented) return;
             if (disabled) return;
-            (_a = getTriggerEl5(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+            (_a = getTriggerEl6(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
           }
         }));
       },
       getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.control.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.control.attrs), {
           dir: prop("dir"),
-          id: getControlId4(scope),
+          id: getControlId7(scope),
           "data-state": open ? "open" : "closed",
           "data-focus": dataAttr(focused),
           "data-disabled": dataAttr(disabled),
@@ -17472,7 +26091,7 @@ var Corex = (() => {
         }));
       },
       getValueTextProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.valueText.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.valueText.attrs), {
           dir: prop("dir"),
           "data-disabled": dataAttr(disabled),
           "data-invalid": dataAttr(invalid),
@@ -17481,19 +26100,19 @@ var Corex = (() => {
       },
       getTriggerProps() {
         return normalize.button(__spreadProps(__spreadValues({
-          id: getTriggerId6(scope),
+          id: getTriggerId7(scope),
           disabled,
           dir: prop("dir"),
           type: "button",
           role: "combobox",
-          "aria-controls": getContentId6(scope),
+          "aria-controls": getContentId8(scope),
           "aria-expanded": open,
           "aria-haspopup": "listbox",
           "data-state": open ? "open" : "closed",
           "aria-invalid": invalid,
           "aria-required": required,
-          "aria-labelledby": getLabelId5(scope)
-        }, parts9.trigger.attrs), {
+          "aria-labelledby": getLabelId11(scope)
+        }, parts19.trigger.attrs), {
           "data-disabled": dataAttr(disabled),
           "data-invalid": dataAttr(invalid),
           "data-readonly": dataAttr(readOnly),
@@ -17560,7 +26179,7 @@ var Corex = (() => {
         }));
       },
       getIndicatorProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.indicator.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.indicator.attrs), {
           dir: prop("dir"),
           "aria-hidden": true,
           "data-state": open ? "open" : "closed",
@@ -17569,12 +26188,12 @@ var Corex = (() => {
           "data-readonly": dataAttr(readOnly)
         }));
       },
-      getItemProps(props22) {
-        const itemState = getItemState(props22);
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
         return normalize.element(__spreadProps(__spreadValues({
-          id: getItemId4(scope, itemState.value),
+          id: getItemId7(scope, itemState.value),
           role: "option"
-        }, parts9.item.attrs), {
+        }, parts19.item.attrs), {
           dir: prop("dir"),
           "data-value": itemState.value,
           "aria-selected": itemState.selected,
@@ -17595,7 +26214,7 @@ var Corex = (() => {
           onPointerLeave(event) {
             var _a;
             if (itemState.disabled) return;
-            if (props22.persistFocus) return;
+            if (props26.persistFocus) return;
             if (event.pointerType !== "mouse") return;
             const pointerMoved = (_a = service.event.previous()) == null ? void 0 : _a.type.includes("POINTER");
             if (!pointerMoved) return;
@@ -17603,43 +26222,43 @@ var Corex = (() => {
           }
         }));
       },
-      getItemTextProps(props22) {
-        const itemState = getItemState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.itemText.attrs), {
+      getItemTextProps(props26) {
+        const itemState = getItemState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.itemText.attrs), {
           "data-state": itemState.selected ? "checked" : "unchecked",
           "data-disabled": dataAttr(itemState.disabled),
           "data-highlighted": dataAttr(itemState.highlighted)
         }));
       },
-      getItemIndicatorProps(props22) {
-        const itemState = getItemState(props22);
+      getItemIndicatorProps(props26) {
+        const itemState = getItemState(props26);
         return normalize.element(__spreadProps(__spreadValues({
           "aria-hidden": true
-        }, parts9.itemIndicator.attrs), {
+        }, parts19.itemIndicator.attrs), {
           "data-state": itemState.selected ? "checked" : "unchecked",
           hidden: !itemState.selected
         }));
       },
-      getItemGroupLabelProps(props22) {
-        const { htmlFor } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.itemGroupLabel.attrs), {
-          id: getItemGroupLabelId2(scope, htmlFor),
+      getItemGroupLabelProps(props26) {
+        const { htmlFor } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.itemGroupLabel.attrs), {
+          id: getItemGroupLabelId3(scope, htmlFor),
           dir: prop("dir"),
           role: "presentation"
         }));
       },
-      getItemGroupProps(props22) {
-        const { id } = props22;
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.itemGroup.attrs), {
+      getItemGroupProps(props26) {
+        const { id } = props26;
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.itemGroup.attrs), {
           "data-disabled": dataAttr(disabled),
-          id: getItemGroupId2(scope, id),
-          "aria-labelledby": getItemGroupLabelId2(scope, id),
+          id: getItemGroupId4(scope, id),
+          "aria-labelledby": getItemGroupLabelId3(scope, id),
           role: "group",
           dir: prop("dir")
         }));
       },
       getClearTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts9.clearTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts19.clearTrigger.attrs), {
           id: getClearTriggerId3(scope),
           type: "button",
           "aria-label": "Clear value",
@@ -17671,15 +26290,15 @@ var Corex = (() => {
           // Let's forward the focus to the trigger.
           onFocus() {
             var _a;
-            (_a = getTriggerEl5(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
+            (_a = getTriggerEl6(scope)) == null ? void 0 : _a.focus({ preventScroll: true });
           },
-          "aria-labelledby": getLabelId5(scope)
+          "aria-labelledby": getLabelId11(scope)
         });
       },
       getPositionerProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.positioner.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.positioner.attrs), {
           dir: prop("dir"),
-          id: getPositionerId5(scope),
+          id: getPositionerId6(scope),
           style: popperStyles.floating
         }));
       },
@@ -17687,15 +26306,15 @@ var Corex = (() => {
         return normalize.element(__spreadProps(__spreadValues({
           hidden: !open,
           dir: prop("dir"),
-          id: getContentId6(scope),
+          id: getContentId8(scope),
           role: composite ? "listbox" : "dialog"
-        }, parts9.content.attrs), {
+        }, parts19.content.attrs), {
           "data-state": open ? "open" : "closed",
           "data-placement": currentPlacement,
           "data-activedescendant": ariaActiveDescendant,
           "aria-activedescendant": composite ? ariaActiveDescendant : void 0,
           "aria-multiselectable": prop("multiple") && composite ? true : void 0,
-          "aria-labelledby": getLabelId5(scope),
+          "aria-labelledby": getLabelId11(scope),
           tabIndex: 0,
           onKeyDown(event) {
             if (!interactive) return;
@@ -17750,10 +26369,10 @@ var Corex = (() => {
         }));
       },
       getListProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts9.list.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts19.list.attrs), {
           tabIndex: 0,
           role: !composite ? "listbox" : void 0,
-          "aria-labelledby": getTriggerId6(scope),
+          "aria-labelledby": getTriggerId7(scope),
           "aria-activedescendant": !composite ? ariaActiveDescendant : void 0,
           "aria-multiselectable": !composite && prop("multiple") ? true : void 0
         }));
@@ -17765,9 +26384,9 @@ var Corex = (() => {
     const v2 = (_b = event.restoreFocus) != null ? _b : (_a = event.previousEvent) == null ? void 0 : _a.restoreFocus;
     return v2 == null || !!v2;
   }
-  function buildCollection(items, hasGroups) {
+  function buildCollection2(items, hasGroups) {
     if (hasGroups) {
-      return collection2({
+      return collection3({
         items,
         itemToValue: (item) => {
           var _a, _b;
@@ -17781,7 +26400,7 @@ var Corex = (() => {
         }
       });
     }
-    return collection2({
+    return collection3({
       items,
       itemToValue: (item) => {
         var _a, _b;
@@ -17802,15 +26421,16 @@ var Corex = (() => {
     }
     return result;
   }
-  var anatomy9, parts9, collection2, getRootId7, getContentId6, getTriggerId6, getClearTriggerId3, getLabelId5, getControlId4, getItemId4, getHiddenSelectId, getPositionerId5, getItemGroupId2, getItemGroupLabelId2, getHiddenSelectEl, getContentEl6, getTriggerEl5, getClearTriggerEl3, getPositionerEl5, getItemEl3, and5, not5, or2, machine9, props9, splitProps9, itemProps4, splitItemProps4, itemGroupProps3, splitItemGroupProps3, itemGroupLabelProps3, splitItemGroupLabelProps3, Select, SelectHook;
+  var anatomy19, parts19, collection3, getRootId15, getContentId8, getTriggerId7, getClearTriggerId3, getLabelId11, getControlId7, getItemId7, getHiddenSelectId, getPositionerId6, getItemGroupId4, getItemGroupLabelId3, getHiddenSelectEl, getContentEl8, getTriggerEl6, getClearTriggerEl3, getPositionerEl6, getItemEl4, and7, not8, or3, machine19, props19, splitProps19, itemProps7, splitItemProps7, itemGroupProps4, splitItemGroupProps4, itemGroupLabelProps4, splitItemGroupLabelProps4, Select, SelectHook;
   var init_select = __esm({
     "../priv/static/select.mjs"() {
       "use strict";
-      init_chunk_2DWEYSRA();
-      init_chunk_GRHV6R4F();
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
-      anatomy9 = createAnatomy("select").parts(
+      init_chunk_2PO3TGCF();
+      init_chunk_EENFWNGI();
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      anatomy19 = createAnatomy("select").parts(
         "label",
         "positioner",
         "trigger",
@@ -17827,22 +26447,22 @@ var Corex = (() => {
         "control",
         "valueText"
       );
-      parts9 = anatomy9.build();
-      collection2 = (options) => {
+      parts19 = anatomy19.build();
+      collection3 = (options) => {
         return new ListCollection(options);
       };
-      collection2.empty = () => {
+      collection3.empty = () => {
         return new ListCollection({ items: [] });
       };
-      getRootId7 = (ctx) => {
+      getRootId15 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `select:${ctx.id}`;
       };
-      getContentId6 = (ctx) => {
+      getContentId8 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `select:${ctx.id}:content`;
       };
-      getTriggerId6 = (ctx) => {
+      getTriggerId7 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `select:${ctx.id}:trigger`;
       };
@@ -17850,15 +26470,15 @@ var Corex = (() => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.clearTrigger) != null ? _b : `select:${ctx.id}:clear-trigger`;
       };
-      getLabelId5 = (ctx) => {
+      getLabelId11 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `select:${ctx.id}:label`;
       };
-      getControlId4 = (ctx) => {
+      getControlId7 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `select:${ctx.id}:control`;
       };
-      getItemId4 = (ctx, id) => {
+      getItemId7 = (ctx, id) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:option:${id}`;
       };
@@ -17866,42 +26486,42 @@ var Corex = (() => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenSelect) != null ? _b : `select:${ctx.id}:select`;
       };
-      getPositionerId5 = (ctx) => {
+      getPositionerId6 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.positioner) != null ? _b : `select:${ctx.id}:positioner`;
       };
-      getItemGroupId2 = (ctx, id) => {
+      getItemGroupId4 = (ctx, id) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroup) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:optgroup:${id}`;
       };
-      getItemGroupLabelId2 = (ctx, id) => {
+      getItemGroupLabelId3 = (ctx, id) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.itemGroupLabel) == null ? void 0 : _b.call(_a, id)) != null ? _c : `select:${ctx.id}:optgroup-label:${id}`;
       };
       getHiddenSelectEl = (ctx) => ctx.getById(getHiddenSelectId(ctx));
-      getContentEl6 = (ctx) => ctx.getById(getContentId6(ctx));
-      getTriggerEl5 = (ctx) => ctx.getById(getTriggerId6(ctx));
+      getContentEl8 = (ctx) => ctx.getById(getContentId8(ctx));
+      getTriggerEl6 = (ctx) => ctx.getById(getTriggerId7(ctx));
       getClearTriggerEl3 = (ctx) => ctx.getById(getClearTriggerId3(ctx));
-      getPositionerEl5 = (ctx) => ctx.getById(getPositionerId5(ctx));
-      getItemEl3 = (ctx, id) => {
+      getPositionerEl6 = (ctx) => ctx.getById(getPositionerId6(ctx));
+      getItemEl4 = (ctx, id) => {
         if (id == null) return null;
-        return ctx.getById(getItemId4(ctx, id));
+        return ctx.getById(getItemId7(ctx, id));
       };
-      ({ and: and5, not: not5, or: or2 } = createGuards());
-      machine9 = createMachine({
-        props({ props: props22 }) {
+      ({ and: and7, not: not8, or: or3 } = createGuards());
+      machine19 = createMachine({
+        props({ props: props26 }) {
           var _a;
           return __spreadProps(__spreadValues({
             loopFocus: false,
-            closeOnSelect: !props22.multiple,
+            closeOnSelect: !props26.multiple,
             composite: true,
             defaultValue: []
-          }, props22), {
-            collection: (_a = props22.collection) != null ? _a : collection2.empty(),
+          }, props26), {
+            collection: (_a = props26.collection) != null ? _a : collection3.empty(),
             positioning: __spreadValues({
               placement: "bottom-start",
               gutter: 8
-            }, props22.positioning)
+            }, props26.positioning)
           });
         },
         context({ prop, bindable: bindable2 }) {
@@ -18055,7 +26675,7 @@ var Corex = (() => {
                   actions: ["setInitialFocus", "highlightComputedLastItem"]
                 },
                 {
-                  guard: or2("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+                  guard: or3("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
                   target: "open",
                   actions: ["setInitialFocus", "highlightComputedFirstItem"]
                 },
@@ -18119,34 +26739,34 @@ var Corex = (() => {
               ],
               "TRIGGER.ARROW_LEFT": [
                 {
-                  guard: and5(not5("multiple"), "hasSelectedItems"),
+                  guard: and7(not8("multiple"), "hasSelectedItems"),
                   actions: ["selectPreviousItem"]
                 },
                 {
-                  guard: not5("multiple"),
+                  guard: not8("multiple"),
                   actions: ["selectLastItem"]
                 }
               ],
               "TRIGGER.ARROW_RIGHT": [
                 {
-                  guard: and5(not5("multiple"), "hasSelectedItems"),
+                  guard: and7(not8("multiple"), "hasSelectedItems"),
                   actions: ["selectNextItem"]
                 },
                 {
-                  guard: not5("multiple"),
+                  guard: not8("multiple"),
                   actions: ["selectFirstItem"]
                 }
               ],
               "TRIGGER.HOME": {
-                guard: not5("multiple"),
+                guard: not8("multiple"),
                 actions: ["selectFirstItem"]
               },
               "TRIGGER.END": {
-                guard: not5("multiple"),
+                guard: not8("multiple"),
                 actions: ["selectLastItem"]
               },
               "TRIGGER.TYPEAHEAD": {
-                guard: not5("multiple"),
+                guard: not8("multiple"),
                 actions: ["selectMatchingItem"]
               }
             }
@@ -18194,7 +26814,7 @@ var Corex = (() => {
               ],
               "ITEM.CLICK": [
                 {
-                  guard: and5("closeOnSelect", "isOpenControlled"),
+                  guard: and7("closeOnSelect", "isOpenControlled"),
                   actions: ["selectHighlightedItem", "invokeOnClose"]
                 },
                 {
@@ -18214,7 +26834,7 @@ var Corex = (() => {
               },
               "CONTENT.ARROW_DOWN": [
                 {
-                  guard: and5("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+                  guard: and7("hasHighlightedItem", "loop", "isLastItemHighlighted"),
                   actions: ["highlightFirstItem"]
                 },
                 {
@@ -18227,7 +26847,7 @@ var Corex = (() => {
               ],
               "CONTENT.ARROW_UP": [
                 {
-                  guard: and5("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+                  guard: and7("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
                   actions: ["highlightLastItem"]
                 },
                 {
@@ -18298,12 +26918,12 @@ var Corex = (() => {
               });
             },
             trackDismissableElement({ scope, send, prop }) {
-              const contentEl = () => getContentEl6(scope);
+              const contentEl = () => getContentEl8(scope);
               let restoreFocus = true;
               return trackDismissableElement(contentEl, {
                 type: "listbox",
                 defer: true,
-                exclude: [getTriggerEl5(scope), getClearTriggerEl3(scope)],
+                exclude: [getTriggerEl6(scope), getClearTriggerEl3(scope)],
                 onFocusOutside: prop("onFocusOutside"),
                 onPointerDownOutside: prop("onPointerDownOutside"),
                 onInteractOutside(event) {
@@ -18319,8 +26939,8 @@ var Corex = (() => {
             computePlacement({ context, prop, scope }) {
               const positioning = prop("positioning");
               context.set("currentPlacement", positioning.placement);
-              const triggerEl = () => getTriggerEl5(scope);
-              const positionerEl = () => getPositionerEl5(scope);
+              const triggerEl = () => getTriggerEl6(scope);
+              const positionerEl = () => getPositionerEl6(scope);
               return getPlacement(triggerEl, positionerEl, __spreadProps(__spreadValues({
                 defer: true
               }, positioning), {
@@ -18334,22 +26954,22 @@ var Corex = (() => {
                 const highlightedValue = context.get("highlightedValue");
                 if (highlightedValue == null) return;
                 if (event.current().type.includes("POINTER")) return;
-                const contentEl2 = getContentEl6(scope);
+                const contentEl2 = getContentEl8(scope);
                 const scrollToIndexFn = prop("scrollToIndexFn");
                 if (scrollToIndexFn) {
                   const highlightedIndex = prop("collection").indexOf(highlightedValue);
                   scrollToIndexFn == null ? void 0 : scrollToIndexFn({
                     index: highlightedIndex,
                     immediate,
-                    getElement: () => getItemEl3(scope, highlightedValue)
+                    getElement: () => getItemEl4(scope, highlightedValue)
                   });
                   return;
                 }
-                const itemEl = getItemEl3(scope, highlightedValue);
+                const itemEl = getItemEl4(scope, highlightedValue);
                 scrollIntoView(itemEl, { rootEl: contentEl2, block: "nearest" });
               };
               raf(() => exec(true));
-              const contentEl = () => getContentEl6(scope);
+              const contentEl = () => getContentEl8(scope);
               return observeAttributes(contentEl, {
                 defer: true,
                 attributes: ["data-activedescendant"],
@@ -18361,8 +26981,8 @@ var Corex = (() => {
           },
           actions: {
             reposition({ context, prop, scope, event }) {
-              const positionerEl = () => getPositionerEl5(scope);
-              getPlacement(getTriggerEl5(scope), positionerEl, __spreadProps(__spreadValues(__spreadValues({}, prop("positioning")), event.options), {
+              const positionerEl = () => getPositionerEl6(scope);
+              getPlacement(getTriggerEl6(scope), positionerEl, __spreadProps(__spreadValues(__spreadValues({}, prop("positioning")), event.options), {
                 defer: true,
                 listeners: false,
                 onComplete(data) {
@@ -18398,7 +27018,7 @@ var Corex = (() => {
             setInitialFocus({ scope }) {
               raf(() => {
                 const element = getInitialFocus({
-                  root: getContentEl6(scope)
+                  root: getContentEl8(scope)
                 });
                 element == null ? void 0 : element.focus({ preventScroll: true });
               });
@@ -18406,7 +27026,7 @@ var Corex = (() => {
             focusTriggerEl({ event, scope }) {
               if (!restoreFocusFn(event)) return;
               raf(() => {
-                const element = getTriggerEl5(scope);
+                const element = getTriggerEl6(scope);
                 element == null ? void 0 : element.focus({ preventScroll: true });
               });
             },
@@ -18508,10 +27128,10 @@ var Corex = (() => {
                 (_a = prop("scrollToIndexFn")) == null ? void 0 : _a({
                   index: 0,
                   immediate: true,
-                  getElement: () => getItemEl3(scope, firstValue)
+                  getElement: () => getItemEl4(scope, firstValue)
                 });
               } else {
-                (_b = getContentEl6(scope)) == null ? void 0 : _b.scrollTo(0, 0);
+                (_b = getContentEl8(scope)) == null ? void 0 : _b.scrollTo(0, 0);
               }
             },
             invokeOnOpen({ prop, context }) {
@@ -18568,7 +27188,7 @@ var Corex = (() => {
           }
         }
       });
-      props9 = createProps()([
+      props19 = createProps()([
         "closeOnSelect",
         "collection",
         "composite",
@@ -18601,17 +27221,17 @@ var Corex = (() => {
         "scrollToIndexFn",
         "value"
       ]);
-      splitProps9 = createSplitProps(props9);
-      itemProps4 = createProps()(["item", "persistFocus"]);
-      splitItemProps4 = createSplitProps(itemProps4);
-      itemGroupProps3 = createProps()(["id"]);
-      splitItemGroupProps3 = createSplitProps(itemGroupProps3);
-      itemGroupLabelProps3 = createProps()(["htmlFor"]);
-      splitItemGroupLabelProps3 = createSplitProps(itemGroupLabelProps3);
+      splitProps19 = createSplitProps(props19);
+      itemProps7 = createProps()(["item", "persistFocus"]);
+      splitItemProps7 = createSplitProps(itemProps7);
+      itemGroupProps4 = createProps()(["id"]);
+      splitItemGroupProps4 = createSplitProps(itemGroupProps4);
+      itemGroupLabelProps4 = createProps()(["htmlFor"]);
+      splitItemGroupLabelProps4 = createSplitProps(itemGroupLabelProps4);
       Select = class extends Component {
-        constructor(el, props22) {
+        constructor(el, props26) {
           var _a;
-          super(el, props22);
+          super(el, props26);
           __publicField(this, "_options", []);
           __publicField(this, "hasGroups", false);
           __publicField(this, "placeholder", "");
@@ -18623,7 +27243,7 @@ var Corex = (() => {
               this.render();
             });
           });
-          const collectionFromProps = props22.collection;
+          const collectionFromProps = props26.collection;
           this._options = (_a = collectionFromProps == null ? void 0 : collectionFromProps.items) != null ? _a : [];
           this.placeholder = getString(this.el, "placeholder") || "";
         }
@@ -18636,7 +27256,7 @@ var Corex = (() => {
         getCollection() {
           const items = this.options;
           if (this.hasGroups) {
-            return collection2({
+            return collection3({
               items,
               itemToValue: (item) => {
                 var _a, _b;
@@ -18650,7 +27270,7 @@ var Corex = (() => {
               }
             });
           }
-          return collection2({
+          return collection3({
             items,
             itemToValue: (item) => {
               var _a, _b;
@@ -18661,26 +27281,24 @@ var Corex = (() => {
           });
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
+        initMachine(props26) {
           const getCollection = this.getCollection.bind(this);
-          const collectionFromProps = props22.collection;
-          return new VanillaMachine(machine9, __spreadProps(__spreadValues({}, props22), {
+          const collectionFromProps = props26.collection;
+          return new VanillaMachine(machine19, __spreadProps(__spreadValues({}, props26), {
             get collection() {
               return collectionFromProps != null ? collectionFromProps : getCollection();
             }
           }));
         }
         initApi() {
-          return connect9(this.machine.service, normalizeProps);
+          return connect19(this.machine.service, normalizeProps);
         }
         applyItemProps() {
           const contentEl = this.el.querySelector(
             '[data-scope="select"][data-part="content"]'
           );
           if (!contentEl) return;
-          contentEl.querySelectorAll(
-            '[data-scope="select"][data-part="item-group"]'
-          ).forEach((groupEl) => {
+          contentEl.querySelectorAll('[data-scope="select"][data-part="item-group"]').forEach((groupEl) => {
             var _a;
             const groupId = (_a = groupEl.dataset.id) != null ? _a : "";
             this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
@@ -18688,21 +27306,16 @@ var Corex = (() => {
               '[data-scope="select"][data-part="item-group-label"]'
             );
             if (labelEl) {
-              this.spreadProps(
-                labelEl,
-                this.api.getItemGroupLabelProps({ htmlFor: groupId })
-              );
+              this.spreadProps(labelEl, this.api.getItemGroupLabelProps({ htmlFor: groupId }));
             }
           });
           contentEl.querySelectorAll('[data-scope="select"][data-part="item"]').forEach((itemEl) => {
             var _a;
             const value = (_a = itemEl.dataset.value) != null ? _a : "";
-            const item = this.options.find(
-              (i2) => {
-                var _a2, _b;
-                return String((_b = (_a2 = i2.id) != null ? _a2 : i2.value) != null ? _b : "") === String(value);
-              }
-            );
+            const item = this.options.find((i2) => {
+              var _a2, _b;
+              return String((_b = (_a2 = i2.id) != null ? _a2 : i2.value) != null ? _b : "") === String(value);
+            });
             if (!item) return;
             this.spreadProps(itemEl, this.api.getItemProps({ item }));
             const textEl = itemEl.querySelector(
@@ -18715,10 +27328,7 @@ var Corex = (() => {
               '[data-scope="select"][data-part="item-indicator"]'
             );
             if (indicatorEl) {
-              this.spreadProps(
-                indicatorEl,
-                this.api.getItemIndicatorProps({ item })
-              );
+              this.spreadProps(indicatorEl, this.api.getItemIndicatorProps({ item }));
             }
           });
         }
@@ -18744,17 +27354,8 @@ var Corex = (() => {
           if (hiddenSelect) {
             this.spreadProps(hiddenSelect, this.api.getHiddenSelectProps());
           }
-          [
-            "label",
-            "control",
-            "trigger",
-            "indicator",
-            "clear-trigger",
-            "positioner"
-          ].forEach((part) => {
-            const el = this.el.querySelector(
-              `[data-scope="select"][data-part="${part}"]`
-            );
+          ["label", "control", "trigger", "indicator", "clear-trigger", "positioner"].forEach((part) => {
+            const el = this.el.querySelector(`[data-scope="select"][data-part="${part}"]`);
             if (!el) return;
             const method = "get" + part.split("-").map((s2) => s2[0].toUpperCase() + s2.slice(1)).join("") + "Props";
             this.spreadProps(el, this.api[method]());
@@ -18794,7 +27395,7 @@ var Corex = (() => {
           const el = this.el;
           const allItems = JSON.parse(el.dataset.collection || "[]");
           const hasGroups = allItems.some((item) => item.group !== void 0);
-          const initialCollection = buildCollection(allItems, hasGroups);
+          const initialCollection = buildCollection2(allItems, hasGroups);
           const selectComponent = new Select(el, __spreadProps(__spreadValues({
             id: el.id,
             collection: initialCollection
@@ -18873,7 +27474,7 @@ var Corex = (() => {
             this.select.hasGroups = hasGroups;
             this.select.setOptions(newItems);
             this.select.updateProps(__spreadProps(__spreadValues({
-              collection: buildCollection(newItems, hasGroups),
+              collection: buildCollection2(newItems, hasGroups),
               id: this.el.id
             }, getBoolean(this.el, "controlled") ? { value: getStringList(this.el, "value") } : { defaultValue: getStringList(this.el, "defaultValue") }), {
               name: getString(this.el, "name"),
@@ -19074,7 +27675,7 @@ var Corex = (() => {
   function R(e2, t2 = {}) {
     return P(L(e2, t2), t2);
   }
-  function connect10(service, normalize) {
+  function connect20(service, normalize) {
     const { state: state2, send, prop, computed, context, scope } = service;
     const drawing = state2.matches("drawing");
     const empty = computed("isEmpty");
@@ -19095,29 +27696,29 @@ var Corex = (() => {
         return getDataUrl2(scope, { type, quality });
       },
       getLabelProps() {
-        return normalize.label(__spreadProps(__spreadValues({}, parts10.label.attrs), {
-          id: getLabelId6(scope),
+        return normalize.label(__spreadProps(__spreadValues({}, parts20.label.attrs), {
+          id: getLabelId12(scope),
           "data-disabled": dataAttr(disabled),
           "data-required": dataAttr(required),
-          htmlFor: getHiddenInputId2(scope),
+          htmlFor: getHiddenInputId4(scope),
           onClick(event) {
             if (!interactive) return;
             if (event.defaultPrevented) return;
-            const controlEl = getControlEl3(scope);
+            const controlEl = getControlEl4(scope);
             controlEl == null ? void 0 : controlEl.focus({ preventScroll: true });
           }
         }));
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts10.root.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts20.root.attrs), {
           "data-disabled": dataAttr(disabled),
-          id: getRootId8(scope)
+          id: getRootId16(scope)
         }));
       },
       getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts10.control.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts20.control.attrs), {
           tabIndex: disabled ? void 0 : 0,
-          id: getControlId5(scope),
+          id: getControlId8(scope),
           role: "application",
           "aria-roledescription": "signature pad",
           "aria-label": translations.control,
@@ -19131,7 +27732,7 @@ var Corex = (() => {
             if (target == null ? void 0 : target.closest("[data-part=clear-trigger]")) return;
             event.currentTarget.setPointerCapture(event.pointerId);
             const point = { x: event.clientX, y: event.clientY };
-            const controlEl = getControlEl3(scope);
+            const controlEl = getControlEl4(scope);
             if (!controlEl) return;
             const { offset: offset3 } = getRelativePoint(point, controlEl);
             send({ type: "POINTER_DOWN", point: offset3, pressure: event.pressure });
@@ -19151,7 +27752,7 @@ var Corex = (() => {
         }));
       },
       getSegmentProps() {
-        return normalize.svg(__spreadProps(__spreadValues({}, parts10.segment.attrs), {
+        return normalize.svg(__spreadProps(__spreadValues({}, parts20.segment.attrs), {
           style: {
             position: "absolute",
             top: 0,
@@ -19163,18 +27764,18 @@ var Corex = (() => {
           }
         }));
       },
-      getSegmentPathProps(props22) {
-        return normalize.path(__spreadProps(__spreadValues({}, parts10.segmentPath.attrs), {
-          d: props22.path
+      getSegmentPathProps(props26) {
+        return normalize.path(__spreadProps(__spreadValues({}, parts20.segmentPath.attrs), {
+          d: props26.path
         }));
       },
       getGuideProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts10.guide.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts20.guide.attrs), {
           "data-disabled": dataAttr(disabled)
         }));
       },
       getClearTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts10.clearTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts20.clearTrigger.attrs), {
           type: "button",
           "aria-label": translations.clearTrigger,
           hidden: !context.get("paths").length || drawing,
@@ -19184,16 +27785,16 @@ var Corex = (() => {
           }
         }));
       },
-      getHiddenInputProps(props22) {
+      getHiddenInputProps(props26) {
         return normalize.input({
-          id: getHiddenInputId2(scope),
+          id: getHiddenInputId4(scope),
           type: "text",
           hidden: true,
           disabled,
           required: prop("required"),
           readOnly: true,
           name: prop("name"),
-          value: props22.value
+          value: props26.value
         });
       }
     };
@@ -19240,11 +27841,11 @@ var Corex = (() => {
       streamline: (_d = getNumber(el, "drawingStreamline")) != null ? _d : 0.65
     };
   }
-  var e, t, n, r, a, E, D, O, F, z, anatomy10, parts10, getRootId8, getControlId5, getLabelId6, getHiddenInputId2, getControlEl3, getSegmentEl, getDataUrl2, average, machine10, props10, splitProps10, SignaturePad, SignaturePadHook;
+  var e, t, n, r, a, E, D, O, F, z, anatomy20, parts20, getRootId16, getControlId8, getLabelId12, getHiddenInputId4, getControlEl4, getSegmentEl, getDataUrl2, average, machine20, props20, splitProps20, SignaturePad, SignaturePadHook;
   var init_signature_pad = __esm({
     "../priv/static/signature-pad.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
+      init_chunk_IXOYOLUJ();
       ({ PI: e } = Math);
       t = e + 1e-4;
       n = 0.5;
@@ -19255,7 +27856,7 @@ var Corex = (() => {
       O = [0, 0];
       F = [0, 0];
       z = R;
-      anatomy10 = createAnatomy("signature-pad").parts(
+      anatomy20 = createAnatomy("signature-pad").parts(
         "root",
         "control",
         "segment",
@@ -19264,45 +27865,45 @@ var Corex = (() => {
         "clearTrigger",
         "label"
       );
-      parts10 = anatomy10.build();
-      getRootId8 = (ctx) => {
+      parts20 = anatomy20.build();
+      getRootId16 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `signature-${ctx.id}`;
       };
-      getControlId5 = (ctx) => {
+      getControlId8 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `signature-control-${ctx.id}`;
       };
-      getLabelId6 = (ctx) => {
+      getLabelId12 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `signature-label-${ctx.id}`;
       };
-      getHiddenInputId2 = (ctx) => {
+      getHiddenInputId4 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `signature-input-${ctx.id}`;
       };
-      getControlEl3 = (ctx) => ctx.getById(getControlId5(ctx));
-      getSegmentEl = (ctx) => query(getControlEl3(ctx), "[data-part=segment]");
+      getControlEl4 = (ctx) => ctx.getById(getControlId8(ctx));
+      getSegmentEl = (ctx) => query(getControlEl4(ctx), "[data-part=segment]");
       getDataUrl2 = (ctx, options) => {
         return getDataUrl(getSegmentEl(ctx), options);
       };
       average = (a2, b2) => (a2 + b2) / 2;
-      machine10 = createMachine({
-        props({ props: props22 }) {
+      machine20 = createMachine({
+        props({ props: props26 }) {
           return __spreadProps(__spreadValues({
             defaultPaths: []
-          }, props22), {
+          }, props26), {
             drawing: __spreadValues({
               size: 2,
               simulatePressure: false,
               thinning: 0.7,
               smoothing: 0.4,
               streamline: 0.6
-            }, props22.drawing),
+            }, props26.drawing),
             translations: __spreadValues({
               control: "signature pad",
               clearTrigger: "clear signature"
-            }, props22.translations)
+            }, props26.translations)
           });
         },
         initialState() {
@@ -19364,7 +27965,7 @@ var Corex = (() => {
               const doc = scope.getDoc();
               return trackPointerMove(doc, {
                 onPointerMove({ event, point }) {
-                  const controlEl = getControlEl3(scope);
+                  const controlEl = getControlEl4(scope);
                   if (!controlEl) return;
                   const { offset: offset3 } = getRelativePoint(point, controlEl);
                   send({ type: "POINTER_MOVE", point: offset3, pressure: event.pressure });
@@ -19418,7 +28019,7 @@ var Corex = (() => {
           }
         }
       });
-      props10 = createProps()([
+      props20 = createProps()([
         "defaultPaths",
         "dir",
         "disabled",
@@ -19434,7 +28035,7 @@ var Corex = (() => {
         "required",
         "translations"
       ]);
-      splitProps10 = createSplitProps(props10);
+      splitProps20 = createSplitProps(props20);
       SignaturePad = class extends Component {
         constructor() {
           super(...arguments);
@@ -19475,9 +28076,9 @@ var Corex = (() => {
           });
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          this.name = props22.name;
-          return new VanillaMachine(machine10, props22);
+        initMachine(props26) {
+          this.name = props26.name;
+          return new VanillaMachine(machine20, props26);
         }
         setName(name) {
           this.name = name;
@@ -19486,7 +28087,7 @@ var Corex = (() => {
           this.paths = paths;
         }
         initApi() {
-          return connect10(this.machine.service, normalizeProps);
+          return connect20(this.machine.service, normalizeProps);
         }
         render() {
           const rootEl = this.el.querySelector(
@@ -19662,7 +28263,7 @@ var Corex = (() => {
   __export(switch_exports, {
     Switch: () => SwitchHook
   });
-  function connect11(service, normalize) {
+  function connect21(service, normalize) {
     const { context, send, prop, scope } = service;
     const disabled = !!prop("disabled");
     const readOnly = !!prop("readOnly");
@@ -19693,10 +28294,10 @@ var Corex = (() => {
         send({ type: "CHECKED.TOGGLE", checked, isTrusted: false });
       },
       getRootProps() {
-        return normalize.label(__spreadProps(__spreadValues(__spreadValues({}, parts11.root.attrs), dataAttrs), {
+        return normalize.label(__spreadProps(__spreadValues(__spreadValues({}, parts21.root.attrs), dataAttrs), {
           dir: prop("dir"),
-          id: getRootId9(scope),
-          htmlFor: getHiddenInputId3(scope),
+          id: getRootId17(scope),
+          htmlFor: getHiddenInputId5(scope),
           onPointerMove() {
             if (disabled) return;
             send({ type: "CONTEXT.SET", context: { hovered: true } });
@@ -19709,43 +28310,43 @@ var Corex = (() => {
             var _a;
             if (disabled) return;
             const target = getEventTarget(event);
-            if (target === getHiddenInputEl2(scope)) {
+            if (target === getHiddenInputEl4(scope)) {
               event.stopPropagation();
             }
             if (isSafari()) {
-              (_a = getHiddenInputEl2(scope)) == null ? void 0 : _a.focus();
+              (_a = getHiddenInputEl4(scope)) == null ? void 0 : _a.focus();
             }
           }
         }));
       },
       getLabelProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts11.label.attrs), dataAttrs), {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts21.label.attrs), dataAttrs), {
           dir: prop("dir"),
-          id: getLabelId7(scope)
+          id: getLabelId13(scope)
         }));
       },
       getThumbProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts11.thumb.attrs), dataAttrs), {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts21.thumb.attrs), dataAttrs), {
           dir: prop("dir"),
-          id: getThumbId(scope),
+          id: getThumbId2(scope),
           "aria-hidden": true
         }));
       },
       getControlProps() {
-        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts11.control.attrs), dataAttrs), {
+        return normalize.element(__spreadProps(__spreadValues(__spreadValues({}, parts21.control.attrs), dataAttrs), {
           dir: prop("dir"),
-          id: getControlId6(scope),
+          id: getControlId9(scope),
           "aria-hidden": true
         }));
       },
       getHiddenInputProps() {
         return normalize.input({
-          id: getHiddenInputId3(scope),
+          id: getHiddenInputId5(scope),
           type: "checkbox",
           required: prop("required"),
           defaultChecked: checked,
           disabled,
-          "aria-labelledby": getLabelId7(scope),
+          "aria-labelledby": getLabelId13(scope),
           "aria-invalid": prop("invalid"),
           name: prop("name"),
           form: prop("form"),
@@ -19770,44 +28371,44 @@ var Corex = (() => {
       }
     };
   }
-  var anatomy11, parts11, getRootId9, getLabelId7, getThumbId, getControlId6, getHiddenInputId3, getRootEl3, getHiddenInputEl2, not6, machine11, props11, splitProps11, Switch, SwitchHook;
+  var anatomy21, parts21, getRootId17, getLabelId13, getThumbId2, getControlId9, getHiddenInputId5, getRootEl6, getHiddenInputEl4, not9, machine21, props21, splitProps21, Switch, SwitchHook;
   var init_switch = __esm({
     "../priv/static/switch.mjs"() {
       "use strict";
-      init_chunk_EAMC7PNF();
-      init_chunk_GFGFZBBD();
-      anatomy11 = createAnatomy("switch").parts("root", "label", "control", "thumb");
-      parts11 = anatomy11.build();
-      getRootId9 = (ctx) => {
+      init_chunk_TEV2GE3U();
+      init_chunk_IXOYOLUJ();
+      anatomy21 = createAnatomy("switch").parts("root", "label", "control", "thumb");
+      parts21 = anatomy21.build();
+      getRootId17 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `switch:${ctx.id}`;
       };
-      getLabelId7 = (ctx) => {
+      getLabelId13 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `switch:${ctx.id}:label`;
       };
-      getThumbId = (ctx) => {
+      getThumbId2 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.thumb) != null ? _b : `switch:${ctx.id}:thumb`;
       };
-      getControlId6 = (ctx) => {
+      getControlId9 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `switch:${ctx.id}:control`;
       };
-      getHiddenInputId3 = (ctx) => {
+      getHiddenInputId5 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.hiddenInput) != null ? _b : `switch:${ctx.id}:input`;
       };
-      getRootEl3 = (ctx) => ctx.getById(getRootId9(ctx));
-      getHiddenInputEl2 = (ctx) => ctx.getById(getHiddenInputId3(ctx));
-      ({ not: not6 } = createGuards());
-      machine11 = createMachine({
-        props({ props: props22 }) {
+      getRootEl6 = (ctx) => ctx.getById(getRootId17(ctx));
+      getHiddenInputEl4 = (ctx) => ctx.getById(getHiddenInputId5(ctx));
+      ({ not: not9 } = createGuards());
+      machine21 = createMachine({
+        props({ props: props26 }) {
           return __spreadValues({
             defaultChecked: false,
             label: "switch",
             value: "on"
-          }, props22);
+          }, props26);
         },
         initialState() {
           return "ready";
@@ -19854,7 +28455,7 @@ var Corex = (() => {
         on: {
           "CHECKED.TOGGLE": [
             {
-              guard: not6("isTrusted"),
+              guard: not9("isTrusted"),
               actions: ["toggleChecked", "dispatchChangeEvent"]
             },
             {
@@ -19863,7 +28464,7 @@ var Corex = (() => {
           ],
           "CHECKED.SET": [
             {
-              guard: not6("isTrusted"),
+              guard: not9("isTrusted"),
               actions: ["setChecked", "dispatchChangeEvent"]
             },
             {
@@ -19885,8 +28486,8 @@ var Corex = (() => {
             trackPressEvent({ computed, scope, context }) {
               if (computed("isDisabled")) return;
               return trackPress({
-                pointerNode: getRootEl3(scope),
-                keyboardNode: getHiddenInputEl2(scope),
+                pointerNode: getRootEl6(scope),
+                keyboardNode: getHiddenInputEl4(scope),
                 isValidKey: (event) => event.key === " ",
                 onPress: () => context.set("active", false),
                 onPressStart: () => context.set("active", true),
@@ -19898,7 +28499,7 @@ var Corex = (() => {
               return trackFocusVisible({ root: scope.getRootNode() });
             },
             trackFormControlState({ context, send, scope }) {
-              return trackFormControl(getHiddenInputEl2(scope), {
+              return trackFormControl(getHiddenInputEl4(scope), {
                 onFieldsetDisabledChange(disabled) {
                   context.set("fieldsetDisabled", disabled);
                 },
@@ -19916,7 +28517,7 @@ var Corex = (() => {
               }
             },
             syncInputElement({ context, scope }) {
-              const inputEl = getHiddenInputEl2(scope);
+              const inputEl = getHiddenInputEl4(scope);
               if (!inputEl) return;
               setElementChecked(inputEl, !!context.get("checked"));
             },
@@ -19933,14 +28534,14 @@ var Corex = (() => {
             },
             dispatchChangeEvent({ context, scope }) {
               queueMicrotask(() => {
-                const inputEl = getHiddenInputEl2(scope);
+                const inputEl = getHiddenInputEl4(scope);
                 dispatchInputCheckedEvent(inputEl, { checked: context.get("checked") });
               });
             }
           }
         }
       });
-      props11 = createProps()([
+      props21 = createProps()([
         "checked",
         "defaultChecked",
         "dir",
@@ -19957,14 +28558,14 @@ var Corex = (() => {
         "required",
         "value"
       ]);
-      splitProps11 = createSplitProps(props11);
+      splitProps21 = createSplitProps(props21);
       Switch = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine11, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine21, props26);
         }
         initApi() {
-          return connect11(this.machine.service, normalizeProps);
+          return connect21(this.machine.service, normalizeProps);
         }
         render() {
           const rootEl = this.el.querySelector('[data-scope="switch"][data-part="root"]');
@@ -20122,18 +28723,18 @@ var Corex = (() => {
   __export(tabs_exports, {
     Tabs: () => TabsHook
   });
-  function connect12(service, normalize) {
+  function connect22(service, normalize) {
     const { state: state2, send, context, prop, scope } = service;
     const translations = prop("translations");
     const focused = state2.matches("focused");
     const isVertical = prop("orientation") === "vertical";
     const isHorizontal = prop("orientation") === "horizontal";
     const composite = prop("composite");
-    function getTriggerState(props22) {
+    function getTriggerState(props26) {
       return {
-        selected: context.get("value") === props22.value,
-        focused: context.get("focusedValue") === props22.value,
-        disabled: !!props22.disabled
+        selected: context.get("value") === props26.value,
+        focused: context.get("focusedValue") === props26.value,
+        disabled: !!props26.disabled
       };
     }
     return {
@@ -20146,7 +28747,7 @@ var Corex = (() => {
         send({ type: "CLEAR_VALUE" });
       },
       setIndicatorRect(value) {
-        const id = getTriggerId7(scope, value);
+        const id = getTriggerId8(scope, value);
         send({ type: "SET_INDICATOR_RECT", id });
       },
       syncTabIndex() {
@@ -20164,18 +28765,18 @@ var Corex = (() => {
         var _a;
         const value = context.get("value");
         if (!value) return;
-        (_a = getTriggerEl6(scope, value)) == null ? void 0 : _a.focus();
+        (_a = getTriggerEl7(scope, value)) == null ? void 0 : _a.focus();
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts12.root.attrs), {
-          id: getRootId10(scope),
+        return normalize.element(__spreadProps(__spreadValues({}, parts22.root.attrs), {
+          id: getRootId18(scope),
           "data-orientation": prop("orientation"),
           "data-focus": dataAttr(focused),
           dir: prop("dir")
         }));
       },
       getListProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts12.list.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts22.list.attrs), {
           id: getListId(scope),
           role: "tablist",
           dir: prop("dir"),
@@ -20225,10 +28826,10 @@ var Corex = (() => {
         }));
       },
       getTriggerState,
-      getTriggerProps(props22) {
-        const { value, disabled } = props22;
-        const triggerState = getTriggerState(props22);
-        return normalize.button(__spreadProps(__spreadValues({}, parts12.trigger.attrs), {
+      getTriggerProps(props26) {
+        const { value, disabled } = props26;
+        const triggerState = getTriggerState(props26);
+        return normalize.button(__spreadProps(__spreadValues({}, parts22.trigger.attrs), {
           role: "tab",
           type: "button",
           disabled,
@@ -20240,10 +28841,10 @@ var Corex = (() => {
           "aria-selected": triggerState.selected,
           "data-selected": dataAttr(triggerState.selected),
           "data-focus": dataAttr(triggerState.focused),
-          "aria-controls": triggerState.selected ? getContentId7(scope, value) : void 0,
+          "aria-controls": triggerState.selected ? getContentId9(scope, value) : void 0,
           "data-ownedby": getListId(scope),
           "data-ssr": dataAttr(context.get("ssr")),
-          id: getTriggerId7(scope, value),
+          id: getTriggerId8(scope, value),
           tabIndex: triggerState.selected && composite ? 0 : -1,
           onFocus() {
             send({ type: "TAB_FOCUS", value });
@@ -20265,14 +28866,14 @@ var Corex = (() => {
           }
         }));
       },
-      getContentProps(props22) {
-        const { value } = props22;
+      getContentProps(props26) {
+        const { value } = props26;
         const selected = context.get("value") === value;
-        return normalize.element(__spreadProps(__spreadValues({}, parts12.content.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts22.content.attrs), {
           dir: prop("dir"),
-          id: getContentId7(scope, value),
+          id: getContentId9(scope, value),
           tabIndex: composite ? 0 : -1,
-          "aria-labelledby": getTriggerId7(scope, value),
+          "aria-labelledby": getTriggerId8(scope, value),
           role: "tabpanel",
           "data-ownedby": getListId(scope),
           "data-selected": dataAttr(selected),
@@ -20284,8 +28885,8 @@ var Corex = (() => {
         const rect = context.get("indicatorRect");
         const rectIsEmpty = rect == null || rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0;
         return normalize.element(__spreadProps(__spreadValues({
-          id: getIndicatorId(scope)
-        }, parts12.indicator.attrs), {
+          id: getIndicatorId3(scope)
+        }, parts22.indicator.attrs), {
           dir: prop("dir"),
           "data-orientation": prop("orientation"),
           hidden: rectIsEmpty,
@@ -20306,14 +28907,14 @@ var Corex = (() => {
       }
     };
   }
-  var anatomy12, parts12, getRootId10, getListId, getContentId7, getTriggerId7, getIndicatorId, getListEl, getContentEl7, getTriggerEl6, getIndicatorEl, getElements2, getFirstTriggerEl2, getLastTriggerEl2, getNextTriggerEl2, getPrevTriggerEl2, getOffsetRect, getRectByValue, createMachine3, machine12, props12, splitProps12, triggerProps, splitTriggerProps, contentProps, splitContentProps, Tabs, TabsHook;
+  var anatomy22, parts22, getRootId18, getListId, getContentId9, getTriggerId8, getIndicatorId3, getListEl, getContentEl9, getTriggerEl7, getIndicatorEl3, getElements2, getFirstTriggerEl2, getLastTriggerEl2, getNextTriggerEl2, getPrevTriggerEl2, getOffsetRect2, getRectByValue, createMachine6, machine22, props22, splitProps22, triggerProps, splitTriggerProps, contentProps, splitContentProps, Tabs, TabsHook;
   var init_tabs = __esm({
     "../priv/static/tabs.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      anatomy12 = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
-      parts12 = anatomy12.build();
-      getRootId10 = (ctx) => {
+      init_chunk_IXOYOLUJ();
+      anatomy22 = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
+      parts22 = anatomy22.build();
+      getRootId18 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `tabs:${ctx.id}`;
       };
@@ -20321,22 +28922,22 @@ var Corex = (() => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.list) != null ? _b : `tabs:${ctx.id}:list`;
       };
-      getContentId7 = (ctx, value) => {
+      getContentId9 = (ctx, value) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.content) == null ? void 0 : _b.call(_a, value)) != null ? _c : `tabs:${ctx.id}:content-${value}`;
       };
-      getTriggerId7 = (ctx, value) => {
+      getTriggerId8 = (ctx, value) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) == null ? void 0 : _b.call(_a, value)) != null ? _c : `tabs:${ctx.id}:trigger-${value}`;
       };
-      getIndicatorId = (ctx) => {
+      getIndicatorId3 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.indicator) != null ? _b : `tabs:${ctx.id}:indicator`;
       };
       getListEl = (ctx) => ctx.getById(getListId(ctx));
-      getContentEl7 = (ctx, value) => ctx.getById(getContentId7(ctx, value));
-      getTriggerEl6 = (ctx, value) => value != null ? ctx.getById(getTriggerId7(ctx, value)) : null;
-      getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));
+      getContentEl9 = (ctx, value) => ctx.getById(getContentId9(ctx, value));
+      getTriggerEl7 = (ctx, value) => value != null ? ctx.getById(getTriggerId8(ctx, value)) : null;
+      getIndicatorEl3 = (ctx) => ctx.getById(getIndicatorId3(ctx));
       getElements2 = (ctx) => {
         const ownerId = CSS.escape(getListId(ctx));
         const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`;
@@ -20344,9 +28945,9 @@ var Corex = (() => {
       };
       getFirstTriggerEl2 = (ctx) => first(getElements2(ctx));
       getLastTriggerEl2 = (ctx) => last(getElements2(ctx));
-      getNextTriggerEl2 = (ctx, opts) => nextById(getElements2(ctx), getTriggerId7(ctx, opts.value), opts.loopFocus);
-      getPrevTriggerEl2 = (ctx, opts) => prevById(getElements2(ctx), getTriggerId7(ctx, opts.value), opts.loopFocus);
-      getOffsetRect = (el) => {
+      getNextTriggerEl2 = (ctx, opts) => nextById(getElements2(ctx), getTriggerId8(ctx, opts.value), opts.loopFocus);
+      getPrevTriggerEl2 = (ctx, opts) => prevById(getElements2(ctx), getTriggerId8(ctx, opts.value), opts.loopFocus);
+      getOffsetRect2 = (el) => {
         var _a, _b, _c, _d;
         return {
           x: (_a = el == null ? void 0 : el.offsetLeft) != null ? _a : 0,
@@ -20356,12 +28957,12 @@ var Corex = (() => {
         };
       };
       getRectByValue = (ctx, value) => {
-        const tab = itemById(getElements2(ctx), getTriggerId7(ctx, value));
-        return getOffsetRect(tab);
+        const tab = itemById(getElements2(ctx), getTriggerId8(ctx, value));
+        return getOffsetRect2(tab);
       };
-      ({ createMachine: createMachine3 } = setup());
-      machine12 = createMachine3({
-        props({ props: props22 }) {
+      ({ createMachine: createMachine6 } = setup());
+      machine22 = createMachine6({
+        props({ props: props26 }) {
           return __spreadValues({
             dir: "ltr",
             orientation: "horizontal",
@@ -20372,7 +28973,7 @@ var Corex = (() => {
               clickIfLink(details.node);
             },
             defaultValue: null
-          }, props22);
+          }, props26);
         },
         initialState() {
           return "idle";
@@ -20567,7 +29168,7 @@ var Corex = (() => {
               raf(() => {
                 const value = context.get("value");
                 if (!value) return;
-                const contentEl = getContentEl7(scope, value);
+                const contentEl = getContentEl9(scope, value);
                 if (!contentEl) return;
                 const focusables = getFocusables(contentEl);
                 if (focusables.length > 0) {
@@ -20584,10 +29185,10 @@ var Corex = (() => {
             setIndicatorRect({ context, event, scope }) {
               var _a;
               const value = (_a = event.id) != null ? _a : context.get("value");
-              const indicatorEl = getIndicatorEl(scope);
+              const indicatorEl = getIndicatorEl3(scope);
               if (!indicatorEl) return;
               if (!value) return;
-              const triggerEl = getTriggerEl6(scope, value);
+              const triggerEl = getTriggerEl7(scope, value);
               if (!triggerEl) return;
               context.set("indicatorRect", getRectByValue(scope, value));
             },
@@ -20597,12 +29198,12 @@ var Corex = (() => {
             syncIndicatorRect({ context, refs, scope }) {
               const cleanup = refs.get("indicatorCleanup");
               if (cleanup) cleanup();
-              const indicatorEl = getIndicatorEl(scope);
+              const indicatorEl = getIndicatorEl3(scope);
               if (!indicatorEl) return;
               const exec = () => {
-                const triggerEl = getTriggerEl6(scope, context.get("value"));
+                const triggerEl = getTriggerEl7(scope, context.get("value"));
                 if (!triggerEl) return;
-                const rect = getOffsetRect(triggerEl);
+                const rect = getOffsetRect2(triggerEl);
                 context.set("indicatorRect", (prev2) => isEqual2(prev2, rect) ? prev2 : rect);
               };
               exec();
@@ -20614,7 +29215,7 @@ var Corex = (() => {
               var _a;
               const value = context.get("value");
               if (!value) return;
-              const triggerEl = getTriggerEl6(scope, value);
+              const triggerEl = getTriggerEl7(scope, value);
               if (isAnchorElement(triggerEl)) {
                 (_a = prop("navigate")) == null ? void 0 : _a({ value, node: triggerEl, href: triggerEl.href });
               }
@@ -20622,7 +29223,7 @@ var Corex = (() => {
           }
         }
       });
-      props12 = createProps()([
+      props22 = createProps()([
         "activationMode",
         "composite",
         "deselectable",
@@ -20639,18 +29240,18 @@ var Corex = (() => {
         "value",
         "defaultValue"
       ]);
-      splitProps12 = createSplitProps(props12);
+      splitProps22 = createSplitProps(props22);
       triggerProps = createProps()(["disabled", "value"]);
       splitTriggerProps = createSplitProps(triggerProps);
       contentProps = createProps()(["value"]);
       splitContentProps = createSplitProps(contentProps);
       Tabs = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine12, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine22, props26);
         }
         initApi() {
-          return connect12(this.machine.service, normalizeProps);
+          return connect22(this.machine.service, normalizeProps);
         }
         render() {
           const rootEl = this.el.querySelector('[data-scope="tabs"][data-part="root"]');
@@ -20791,6 +29392,468 @@ var Corex = (() => {
     }
   });
 
+  // ../priv/static/timer.mjs
+  var timer_exports = {};
+  __export(timer_exports, {
+    Timer: () => TimerHook
+  });
+  function connect23(service, normalize) {
+    const { state: state2, send, computed, scope } = service;
+    const running = state2.matches("running");
+    const paused = state2.matches("paused");
+    const time = computed("time");
+    const formattedTime = computed("formattedTime");
+    const progressPercent = computed("progressPercent");
+    return {
+      running,
+      paused,
+      time,
+      formattedTime,
+      progressPercent,
+      start() {
+        send({ type: "START" });
+      },
+      pause() {
+        send({ type: "PAUSE" });
+      },
+      resume() {
+        send({ type: "RESUME" });
+      },
+      reset() {
+        send({ type: "RESET" });
+      },
+      restart() {
+        send({ type: "RESTART" });
+      },
+      getRootProps() {
+        return normalize.element(__spreadValues({
+          id: getRootId19(scope)
+        }, parts23.root.attrs));
+      },
+      getAreaProps() {
+        return normalize.element(__spreadValues({
+          role: "timer",
+          id: getAreaId2(scope),
+          "aria-label": `${time.days} days ${formattedTime.hours}:${formattedTime.minutes}:${formattedTime.seconds}`,
+          "aria-atomic": true
+        }, parts23.area.attrs));
+      },
+      getControlProps() {
+        return normalize.element(__spreadValues({}, parts23.control.attrs));
+      },
+      getItemProps(props26) {
+        const value = time[props26.type];
+        return normalize.element(__spreadProps(__spreadValues({}, parts23.item.attrs), {
+          "data-type": props26.type,
+          style: {
+            "--value": value
+          }
+        }));
+      },
+      getItemLabelProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({}, parts23.itemLabel.attrs), {
+          "data-type": props26.type
+        }));
+      },
+      getItemValueProps(props26) {
+        return normalize.element(__spreadProps(__spreadValues({}, parts23.itemValue.attrs), {
+          "data-type": props26.type
+        }));
+      },
+      getSeparatorProps() {
+        return normalize.element(__spreadValues({
+          "aria-hidden": true
+        }, parts23.separator.attrs));
+      },
+      getActionTriggerProps(props26) {
+        if (!validActions.has(props26.action)) {
+          throw new Error(
+            `[zag-js] Invalid action: ${props26.action}. Must be one of: ${Array.from(validActions).join(", ")}`
+          );
+        }
+        return normalize.button(__spreadProps(__spreadValues({}, parts23.actionTrigger.attrs), {
+          hidden: match2(props26.action, {
+            start: () => running || paused,
+            pause: () => !running,
+            reset: () => !running && !paused,
+            resume: () => !paused,
+            restart: () => false
+          }),
+          type: "button",
+          onClick(event) {
+            if (event.defaultPrevented) return;
+            send({ type: props26.action.toUpperCase() });
+          }
+        }));
+      }
+    };
+  }
+  function msToTime(ms) {
+    const time = Math.max(0, ms);
+    const milliseconds = time % 1e3;
+    const seconds = Math.floor(time / 1e3) % 60;
+    const minutes = Math.floor(time / (1e3 * 60)) % 60;
+    const hours = Math.floor(time / (1e3 * 60 * 60)) % 24;
+    const days = Math.floor(time / (1e3 * 60 * 60 * 24));
+    return {
+      days,
+      hours,
+      minutes,
+      seconds,
+      milliseconds
+    };
+  }
+  function toPercent(value, minValue, maxValue) {
+    const range = maxValue - minValue;
+    if (range === 0) return 0;
+    return (value - minValue) / range;
+  }
+  function padStart(num, size3 = 2) {
+    return num.toString().padStart(size3, "0");
+  }
+  function roundToInterval(value, interval) {
+    return Math.floor(value / interval) * interval;
+  }
+  function formatTime(time) {
+    const { days, hours, minutes, seconds } = time;
+    return {
+      days: padStart(days),
+      hours: padStart(hours),
+      minutes: padStart(minutes),
+      seconds: padStart(seconds),
+      milliseconds: padStart(time.milliseconds, 3)
+    };
+  }
+  function validateProps(props26) {
+    const { startMs, targetMs, countdown, interval } = props26;
+    if (interval != null && (typeof interval !== "number" || interval <= 0)) {
+      throw new Error(`[timer] Invalid interval: ${interval}. Must be a positive number.`);
+    }
+    if (startMs != null && (typeof startMs !== "number" || startMs < 0)) {
+      throw new Error(`[timer] Invalid startMs: ${startMs}. Must be a non-negative number.`);
+    }
+    if (targetMs != null && (typeof targetMs !== "number" || targetMs < 0)) {
+      throw new Error(`[timer] Invalid targetMs: ${targetMs}. Must be a non-negative number.`);
+    }
+    if (countdown && startMs != null && targetMs != null) {
+      if (startMs <= targetMs) {
+        throw new Error(
+          `[timer] Invalid countdown configuration: startMs (${startMs}) must be greater than targetMs (${targetMs}).`
+        );
+      }
+    }
+    if (!countdown && startMs != null && targetMs != null) {
+      if (startMs >= targetMs) {
+        throw new Error(
+          `[timer] Invalid stopwatch configuration: startMs (${startMs}) must be less than targetMs (${targetMs}).`
+        );
+      }
+    }
+    if (countdown && targetMs == null && startMs != null && startMs <= 0) {
+      throw new Error(
+        `[timer] Invalid countdown configuration: startMs (${startMs}) must be greater than 0 when no targetMs is provided.`
+      );
+    }
+  }
+  var anatomy23, parts23, getRootId19, getAreaId2, validActions, machine23, props23, splitProps23, Timer2, TimerHook;
+  var init_timer = __esm({
+    "../priv/static/timer.mjs"() {
+      "use strict";
+      init_chunk_IXOYOLUJ();
+      anatomy23 = createAnatomy("timer").parts(
+        "root",
+        "area",
+        "control",
+        "item",
+        "itemValue",
+        "itemLabel",
+        "actionTrigger",
+        "separator"
+      );
+      parts23 = anatomy23.build();
+      getRootId19 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `timer:${ctx.id}:root`;
+      };
+      getAreaId2 = (ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx.ids) == null ? void 0 : _a.area) != null ? _b : `timer:${ctx.id}:area`;
+      };
+      validActions = /* @__PURE__ */ new Set(["start", "pause", "resume", "reset", "restart"]);
+      machine23 = createMachine({
+        props({ props: props26 }) {
+          validateProps(props26);
+          return __spreadValues({
+            interval: 1e3,
+            startMs: 0
+          }, props26);
+        },
+        initialState({ prop }) {
+          return prop("autoStart") ? "running" : "idle";
+        },
+        context({ prop, bindable: bindable2 }) {
+          return {
+            currentMs: bindable2(() => ({
+              defaultValue: prop("startMs")
+            }))
+          };
+        },
+        watch({ track, send, prop }) {
+          track([() => prop("startMs")], () => {
+            send({ type: "RESTART" });
+          });
+        },
+        on: {
+          RESTART: {
+            target: "running:temp",
+            actions: ["resetTime"]
+          }
+        },
+        computed: {
+          time: ({ context }) => msToTime(context.get("currentMs")),
+          formattedTime: ({ computed }) => formatTime(computed("time")),
+          progressPercent: memo(
+            ({ context, prop }) => [context.get("currentMs"), prop("targetMs"), prop("startMs"), prop("countdown")],
+            ([currentMs, targetMs = 0, startMs, countdown]) => {
+              const percent = countdown ? toPercent(currentMs, targetMs, startMs) : toPercent(currentMs, startMs, targetMs);
+              return clampValue(percent, 0, 1);
+            }
+          )
+        },
+        states: {
+          idle: {
+            on: {
+              START: {
+                target: "running"
+              },
+              RESET: {
+                actions: ["resetTime"]
+              }
+            }
+          },
+          "running:temp": {
+            effects: ["waitForNextTick"],
+            on: {
+              CONTINUE: {
+                target: "running"
+              }
+            }
+          },
+          running: {
+            effects: ["keepTicking"],
+            on: {
+              PAUSE: {
+                target: "paused"
+              },
+              TICK: [
+                {
+                  target: "idle",
+                  guard: "hasReachedTarget",
+                  actions: ["invokeOnComplete"]
+                },
+                {
+                  actions: ["updateTime", "invokeOnTick"]
+                }
+              ],
+              RESET: {
+                actions: ["resetTime"]
+              }
+            }
+          },
+          paused: {
+            on: {
+              RESUME: {
+                target: "running"
+              },
+              RESET: {
+                target: "idle",
+                actions: ["resetTime"]
+              }
+            }
+          }
+        },
+        implementations: {
+          effects: {
+            keepTicking({ prop, send }) {
+              return setRafInterval(({ deltaMs }) => {
+                send({ type: "TICK", deltaMs });
+              }, prop("interval"));
+            },
+            waitForNextTick({ send }) {
+              return setRafTimeout(() => {
+                send({ type: "CONTINUE" });
+              }, 0);
+            }
+          },
+          actions: {
+            updateTime({ context, prop, event }) {
+              const sign3 = prop("countdown") ? -1 : 1;
+              const deltaMs = roundToInterval(event.deltaMs, prop("interval"));
+              context.set("currentMs", (prev2) => {
+                const newValue = prev2 + sign3 * deltaMs;
+                let targetMs = prop("targetMs");
+                if (targetMs == null && prop("countdown")) targetMs = 0;
+                if (prop("countdown") && targetMs != null) {
+                  return Math.max(newValue, targetMs);
+                } else if (!prop("countdown") && targetMs != null) {
+                  return Math.min(newValue, targetMs);
+                }
+                return newValue;
+              });
+            },
+            resetTime({ context, prop }) {
+              var _a;
+              let targetMs = prop("targetMs");
+              if (targetMs == null && prop("countdown")) targetMs = 0;
+              context.set("currentMs", (_a = prop("startMs")) != null ? _a : 0);
+            },
+            invokeOnTick({ context, prop, computed }) {
+              var _a;
+              (_a = prop("onTick")) == null ? void 0 : _a({
+                value: context.get("currentMs"),
+                time: computed("time"),
+                formattedTime: computed("formattedTime")
+              });
+            },
+            invokeOnComplete({ prop }) {
+              var _a;
+              (_a = prop("onComplete")) == null ? void 0 : _a();
+            }
+          },
+          guards: {
+            hasReachedTarget: ({ context, prop }) => {
+              let targetMs = prop("targetMs");
+              if (targetMs == null && prop("countdown")) targetMs = 0;
+              if (targetMs == null) return false;
+              const currentMs = context.get("currentMs");
+              return prop("countdown") ? currentMs <= targetMs : currentMs >= targetMs;
+            }
+          }
+        }
+      });
+      props23 = createProps()([
+        "autoStart",
+        "countdown",
+        "getRootNode",
+        "id",
+        "ids",
+        "interval",
+        "onComplete",
+        "onTick",
+        "startMs",
+        "targetMs"
+      ]);
+      splitProps23 = createSplitProps(props23);
+      Timer2 = class extends Component {
+        constructor() {
+          super(...arguments);
+          __publicField(this, "init", () => {
+            this.machine.subscribe(() => {
+              this.api = this.initApi();
+              this.render();
+            });
+            this.machine.start();
+            this.api = this.initApi();
+            this.render();
+          });
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        initMachine(props26) {
+          return new VanillaMachine(machine23, props26);
+        }
+        initApi() {
+          return connect23(this.machine.service, normalizeProps);
+        }
+        render() {
+          var _a;
+          const rootEl = (_a = this.el.querySelector('[data-scope="timer"][data-part="root"]')) != null ? _a : this.el;
+          this.spreadProps(rootEl, this.api.getRootProps());
+          const areaEl = this.el.querySelector('[data-scope="timer"][data-part="area"]');
+          if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+          const controlEl = this.el.querySelector(
+            '[data-scope="timer"][data-part="control"]'
+          );
+          if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+          const timeParts = ["days", "hours", "minutes", "seconds"];
+          timeParts.forEach((type) => {
+            const itemEl = this.el.querySelector(
+              `[data-scope="timer"][data-part="item"][data-type="${type}"]`
+            );
+            if (itemEl) {
+              this.spreadProps(itemEl, this.api.getItemProps({ type }));
+            }
+          });
+          this.el.querySelectorAll('[data-scope="timer"][data-part="separator"]').forEach((separatorEl) => {
+            this.spreadProps(separatorEl, this.api.getSeparatorProps());
+          });
+          const actions = ["start", "pause", "resume", "reset"];
+          actions.forEach((action) => {
+            const triggerEl = this.el.querySelector(
+              `[data-scope="timer"][data-part="action-trigger"][data-action="${action}"]`
+            );
+            if (triggerEl)
+              this.spreadProps(
+                triggerEl,
+                this.api.getActionTriggerProps({ action })
+              );
+          });
+        }
+      };
+      TimerHook = {
+        mounted() {
+          var _a;
+          const el = this.el;
+          const zag = new Timer2(el, {
+            id: el.id,
+            countdown: getBoolean(el, "countdown"),
+            startMs: getNumber(el, "startMs"),
+            targetMs: getNumber(el, "targetMs"),
+            autoStart: getBoolean(el, "autoStart"),
+            interval: (_a = getNumber(el, "interval")) != null ? _a : 1e3,
+            onTick: (details) => {
+              const eventName = getString(el, "onTick");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, {
+                  value: details.value,
+                  time: details.time,
+                  formattedTime: details.formattedTime,
+                  id: el.id
+                });
+              }
+            },
+            onComplete: () => {
+              const eventName = getString(el, "onComplete");
+              if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+                this.pushEvent(eventName, { id: el.id });
+              }
+            }
+          });
+          zag.init();
+          this.timer = zag;
+          this.handlers = [];
+        },
+        updated() {
+          var _a, _b;
+          (_b = this.timer) == null ? void 0 : _b.updateProps({
+            id: this.el.id,
+            countdown: getBoolean(this.el, "countdown"),
+            startMs: getNumber(this.el, "startMs"),
+            targetMs: getNumber(this.el, "targetMs"),
+            autoStart: getBoolean(this.el, "autoStart"),
+            interval: (_a = getNumber(this.el, "interval")) != null ? _a : 1e3
+          });
+        },
+        destroyed() {
+          var _a;
+          if (this.handlers) {
+            for (const h2 of this.handlers) this.removeHandleEvent(h2);
+          }
+          (_a = this.timer) == null ? void 0 : _a.destroy();
+        }
+      };
+    }
+  });
+
   // ../priv/static/toast.mjs
   var toast_exports = {};
   __export(toast_exports, {
@@ -20974,7 +30037,7 @@ var Corex = (() => {
         const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
         const placement = computed("placement");
         const [side, align = "center"] = placement.split("-");
-        return normalize.element(__spreadProps(__spreadValues({}, parts13.group.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts24.group.attrs), {
           dir: prop("dir"),
           tabIndex: -1,
           "aria-label": `${placement} ${label} ${hotkeyLabel}`,
@@ -21013,7 +30076,7 @@ var Corex = (() => {
       }
     };
   }
-  function connect13(service, normalize) {
+  function connect24(service, normalize) {
     const { state: state2, send, prop, scope, context, computed } = service;
     const visible = state2.hasTag("visible");
     const paused = state2.hasTag("paused");
@@ -21044,9 +30107,9 @@ var Corex = (() => {
         send({ type: "DISMISS", src: "programmatic" });
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts13.root.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts24.root.attrs), {
           dir: prop("dir"),
-          id: getRootId11(scope),
+          id: getRootId20(scope),
           "data-state": visible ? "open" : "closed",
           "data-type": type,
           "data-placement": placement,
@@ -21061,7 +30124,7 @@ var Corex = (() => {
           role: "status",
           "aria-atomic": "true",
           "aria-describedby": description ? getDescriptionId2(scope) : void 0,
-          "aria-labelledby": title ? getTitleId2(scope) : void 0,
+          "aria-labelledby": title ? getTitleId3(scope) : void 0,
           tabIndex: 0,
           style: getPlacementStyle(service, visible),
           onKeyDown(event) {
@@ -21088,17 +30151,17 @@ var Corex = (() => {
         });
       },
       getTitleProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts13.title.attrs), {
-          id: getTitleId2(scope)
+        return normalize.element(__spreadProps(__spreadValues({}, parts24.title.attrs), {
+          id: getTitleId3(scope)
         }));
       },
       getDescriptionProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts13.description.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts24.description.attrs), {
           id: getDescriptionId2(scope)
         }));
       },
       getActionTriggerProps() {
-        return normalize.button(__spreadProps(__spreadValues({}, parts13.actionTrigger.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts24.actionTrigger.attrs), {
           type: "button",
           onClick(event) {
             var _a;
@@ -21111,7 +30174,7 @@ var Corex = (() => {
       getCloseTriggerProps() {
         return normalize.button(__spreadProps(__spreadValues({
           id: getCloseTriggerId2(scope)
-        }, parts13.closeTrigger.attrs), {
+        }, parts24.closeTrigger.attrs), {
           type: "button",
           "aria-label": "Dismiss notification",
           onClick(event) {
@@ -21133,8 +30196,8 @@ var Corex = (() => {
       }
     });
   }
-  function createToastStore(props15 = {}) {
-    const attrs = withDefaults(props15, {
+  function createToastStore(props26 = {}) {
+    const attrs = withDefaults(props26, {
       placement: "bottom",
       overlap: false,
       max: 24,
@@ -21372,13 +30435,14 @@ var Corex = (() => {
     const id = el.dataset.toastGroupId || el.id;
     return id ? toastStores.get(id) : void 0;
   }
-  var anatomy13, parts13, getRegionId, getRegionEl, getRootId11, getRootEl4, getTitleId2, getDescriptionId2, getCloseTriggerId2, defaultTimeouts, getOffsets, guards2, createMachine22, and6, groupMachine, not7, machine13, withDefaults, isHttpResponse, group, toastGroups, toastStores, ToastItem, ToastGroup, ToastHook;
+  var anatomy24, parts24, getRegionId, getRegionEl, getRootId20, getRootEl7, getTitleId3, getDescriptionId2, getCloseTriggerId2, defaultTimeouts, getOffsets, guards4, createMachine22, and8, groupMachine, not10, machine24, withDefaults, isHttpResponse, group, toastGroups, toastStores, ToastItem, ToastGroup, ToastHook;
   var init_toast = __esm({
     "../priv/static/toast.mjs"() {
       "use strict";
-      init_chunk_BPSX7Z7Y();
-      init_chunk_GFGFZBBD();
-      anatomy13 = createAnatomy("toast").parts(
+      init_chunk_RR7TJIQ5();
+      init_chunk_ER3INIAI();
+      init_chunk_IXOYOLUJ();
+      anatomy24 = createAnatomy("toast").parts(
         "group",
         "root",
         "title",
@@ -21386,12 +30450,12 @@ var Corex = (() => {
         "actionTrigger",
         "closeTrigger"
       );
-      parts13 = anatomy13.build();
+      parts24 = anatomy24.build();
       getRegionId = (placement) => `toast-group:${placement}`;
       getRegionEl = (ctx, placement) => ctx.getById(`toast-group:${placement}`);
-      getRootId11 = (ctx) => `toast:${ctx.id}`;
-      getRootEl4 = (ctx) => ctx.getById(getRootId11(ctx));
-      getTitleId2 = (ctx) => `toast:${ctx.id}:title`;
+      getRootId20 = (ctx) => `toast:${ctx.id}`;
+      getRootEl7 = (ctx) => ctx.getById(getRootId20(ctx));
+      getTitleId3 = (ctx) => `toast:${ctx.id}:title`;
       getDescriptionId2 = (ctx) => `toast:${ctx.id}:description`;
       getCloseTriggerId2 = (ctx) => `toast${ctx.id}:close`;
       defaultTimeouts = {
@@ -21402,15 +30466,15 @@ var Corex = (() => {
         DEFAULT: 5e3
       };
       getOffsets = (offsets) => typeof offsets === "string" ? { left: offsets, right: offsets, bottom: offsets, top: offsets } : offsets;
-      ({ guards: guards2, createMachine: createMachine22 } = setup());
-      ({ and: and6 } = guards2);
+      ({ guards: guards4, createMachine: createMachine22 } = setup());
+      ({ and: and8 } = guards4);
       groupMachine = createMachine22({
-        props({ props: props15 }) {
+        props({ props: props26 }) {
           return __spreadProps(__spreadValues({
             dir: "ltr",
             id: uuid()
-          }, props15), {
-            store: props15.store
+          }, props26), {
+            store: props26.store
           });
         },
         initialState({ prop }) {
@@ -21458,7 +30522,7 @@ var Corex = (() => {
           },
           "REGION.BLUR": [
             {
-              guard: and6("isOverlapping", "isPointerOut"),
+              guard: and8("isOverlapping", "isPointerOut"),
               target: "overlap",
               actions: ["collapseToasts", "resumeToasts", "restoreFocusIfPointerOut"]
             },
@@ -21656,14 +30720,14 @@ var Corex = (() => {
           }
         }
       });
-      ({ not: not7 } = createGuards());
-      machine13 = createMachine({
-        props({ props: props15 }) {
-          ensureProps(props15, ["id", "type", "parent", "removeDelay"], "toast");
+      ({ not: not10 } = createGuards());
+      machine24 = createMachine({
+        props({ props: props26 }) {
+          ensureProps(props26, ["id", "type", "parent", "removeDelay"], "toast");
           return __spreadProps(__spreadValues({
             closable: true
-          }, props15), {
-            duration: getToastDuration(props15.duration, props15.type)
+          }, props26), {
+            duration: getToastDuration(props26.duration, props26.type)
           });
         },
         initialState({ prop }) {
@@ -21760,7 +30824,7 @@ var Corex = (() => {
             tags: ["visible", "paused"],
             on: {
               RESUME: {
-                guard: not7("isLoadingType"),
+                guard: not10("isLoadingType"),
                 target: "visible",
                 actions: ["setCloseTimer"]
               },
@@ -21817,7 +30881,7 @@ var Corex = (() => {
             trackHeight({ scope, prop }) {
               let cleanup;
               raf(() => {
-                const rootEl = getRootEl4(scope);
+                const rootEl = getRootEl7(scope);
                 if (!rootEl) return;
                 const syncHeight = () => {
                   const originalHeight = rootEl.style.height;
@@ -21851,7 +30915,7 @@ var Corex = (() => {
             },
             measureHeight({ scope, prop, context }) {
               queueMicrotask(() => {
-                const rootEl = getRootEl4(scope);
+                const rootEl = getRootEl7(scope);
                 if (!rootEl) return;
                 const originalHeight = rootEl.style.height;
                 rootEl.style.height = "auto";
@@ -21909,15 +30973,15 @@ var Corex = (() => {
       toastGroups = /* @__PURE__ */ new Map();
       toastStores = /* @__PURE__ */ new Map();
       ToastItem = class extends Component {
-        constructor(el, props15) {
-          super(el, props15);
+        constructor(el, props26) {
+          super(el, props26);
           __publicField(this, "parts");
           __publicField(this, "duration");
           __publicField(this, "destroy", () => {
             this.machine.stop();
             this.el.remove();
           });
-          this.duration = props15.duration;
+          this.duration = props26.duration;
           this.el.setAttribute("data-scope", "toast");
           this.el.setAttribute("data-part", "root");
           this.el.innerHTML = `
@@ -21949,11 +31013,11 @@ var Corex = (() => {
           };
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props15) {
-          return new VanillaMachine(machine13, props15);
+        initMachine(props26) {
+          return new VanillaMachine(machine24, props26);
         }
         initApi() {
-          return connect13(this.machine.service, normalizeProps);
+          return connect24(this.machine.service, normalizeProps);
         }
         render() {
           var _a, _b;
@@ -21991,9 +31055,9 @@ var Corex = (() => {
         }
       };
       ToastGroup = class extends Component {
-        constructor(el, props15) {
+        constructor(el, props26) {
           var _a;
-          super(el, props15);
+          super(el, props26);
           __publicField(this, "toastComponents", /* @__PURE__ */ new Map());
           __publicField(this, "groupEl");
           __publicField(this, "store");
@@ -22004,7 +31068,7 @@ var Corex = (() => {
             this.toastComponents.clear();
             this.machine.stop();
           });
-          this.store = props15.store;
+          this.store = props26.store;
           this.groupEl = (_a = el.querySelector('[data-part="group"]')) != null ? _a : (() => {
             const g2 = document.createElement("div");
             g2.setAttribute("data-scope", "toast");
@@ -22014,8 +31078,8 @@ var Corex = (() => {
           })();
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props15) {
-          return new VanillaMachine(group.machine, props15);
+        initMachine(props26) {
+          return new VanillaMachine(group.machine, props26);
         }
         initApi() {
           return group.connect(this.machine.service, normalizeProps);
@@ -22205,19 +31269,19 @@ var Corex = (() => {
   __export(toggle_group_exports, {
     ToggleGroup: () => ToggleGroupHook
   });
-  function connect14(service, normalize) {
+  function connect25(service, normalize) {
     const { context, send, prop, scope } = service;
     const value = context.get("value");
     const disabled = prop("disabled");
     const isSingle = !prop("multiple");
     const rovingFocus = prop("rovingFocus");
     const isHorizontal = prop("orientation") === "horizontal";
-    function getItemState(props22) {
-      const id = getItemId5(scope, props22.value);
+    function getItemState(props26) {
+      const id = getItemId8(scope, props26.value);
       return {
         id,
-        disabled: Boolean(props22.disabled || disabled),
-        pressed: !!value.includes(props22.value),
+        disabled: Boolean(props26.disabled || disabled),
+        pressed: !!value.includes(props26.value),
         focused: context.get("focusedId") === id
       };
     }
@@ -22227,8 +31291,8 @@ var Corex = (() => {
         send({ type: "VALUE.SET", value: value2 });
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts14.root.attrs), {
-          id: getRootId12(scope),
+        return normalize.element(__spreadProps(__spreadValues({}, parts25.root.attrs), {
+          id: getRootId21(scope),
           dir: prop("dir"),
           role: isSingle ? "radiogroup" : "group",
           tabIndex: context.get("isTabbingBackward") ? -1 : 0,
@@ -22256,13 +31320,13 @@ var Corex = (() => {
         }));
       },
       getItemState,
-      getItemProps(props22) {
-        const itemState = getItemState(props22);
+      getItemProps(props26) {
+        const itemState = getItemState(props26);
         const rovingTabIndex = itemState.focused ? 0 : -1;
-        return normalize.button(__spreadProps(__spreadValues({}, parts14.item.attrs), {
+        return normalize.button(__spreadProps(__spreadValues({}, parts25.item.attrs), {
           id: itemState.id,
           type: "button",
-          "data-ownedby": getRootId12(scope),
+          "data-ownedby": getRootId21(scope),
           "data-focus": dataAttr(itemState.focused),
           disabled: itemState.disabled,
           tabIndex: rovingFocus ? rovingTabIndex : void 0,
@@ -22281,7 +31345,7 @@ var Corex = (() => {
           },
           onClick(event) {
             if (itemState.disabled) return;
-            send({ type: "TOGGLE.CLICK", id: itemState.id, value: props22.value });
+            send({ type: "TOGGLE.CLICK", id: itemState.id, value: props26.value });
             if (isSafari()) {
               event.currentTarget.focus({ preventScroll: true });
             }
@@ -22330,41 +31394,41 @@ var Corex = (() => {
       }
     };
   }
-  var anatomy14, parts14, getRootId12, getItemId5, getRootEl5, getElements3, getFirstEl2, getLastEl2, getNextEl2, getPrevEl2, not8, and7, machine14, props13, splitProps13, itemProps5, splitItemProps5, ToggleGroup, ToggleGroupHook;
+  var anatomy25, parts25, getRootId21, getItemId8, getRootEl8, getElements3, getFirstEl2, getLastEl2, getNextEl2, getPrevEl2, not11, and9, machine25, props24, splitProps24, itemProps8, splitItemProps8, ToggleGroup, ToggleGroupHook;
   var init_toggle_group = __esm({
     "../priv/static/toggle-group.mjs"() {
       "use strict";
-      init_chunk_GFGFZBBD();
-      anatomy14 = createAnatomy("toggle-group").parts("root", "item");
-      parts14 = anatomy14.build();
-      getRootId12 = (ctx) => {
+      init_chunk_IXOYOLUJ();
+      anatomy25 = createAnatomy("toggle-group").parts("root", "item");
+      parts25 = anatomy25.build();
+      getRootId21 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `toggle-group:${ctx.id}`;
       };
-      getItemId5 = (ctx, value) => {
+      getItemId8 = (ctx, value) => {
         var _a, _b, _c;
         return (_c = (_b = (_a = ctx.ids) == null ? void 0 : _a.item) == null ? void 0 : _b.call(_a, value)) != null ? _c : `toggle-group:${ctx.id}:${value}`;
       };
-      getRootEl5 = (ctx) => ctx.getById(getRootId12(ctx));
+      getRootEl8 = (ctx) => ctx.getById(getRootId21(ctx));
       getElements3 = (ctx) => {
-        const ownerId = CSS.escape(getRootId12(ctx));
+        const ownerId = CSS.escape(getRootId21(ctx));
         const selector = `[data-ownedby='${ownerId}']:not([data-disabled])`;
-        return queryAll(getRootEl5(ctx), selector);
+        return queryAll(getRootEl8(ctx), selector);
       };
       getFirstEl2 = (ctx) => first(getElements3(ctx));
       getLastEl2 = (ctx) => last(getElements3(ctx));
       getNextEl2 = (ctx, id, loopFocus) => nextById(getElements3(ctx), id, loopFocus);
       getPrevEl2 = (ctx, id, loopFocus) => prevById(getElements3(ctx), id, loopFocus);
-      ({ not: not8, and: and7 } = createGuards());
-      machine14 = createMachine({
-        props({ props: props22 }) {
+      ({ not: not11, and: and9 } = createGuards());
+      machine25 = createMachine({
+        props({ props: props26 }) {
           return __spreadValues({
             defaultValue: [],
             orientation: "horizontal",
             rovingFocus: true,
             loopFocus: true,
             deselectable: true
-          }, props22);
+          }, props26);
         },
         initialState() {
           return "idle";
@@ -22413,7 +31477,7 @@ var Corex = (() => {
             on: {
               "ROOT.FOCUS": {
                 target: "focused",
-                guard: not8(and7("isClickFocus", "isTabbingBackward")),
+                guard: not11(and9("isClickFocus", "isTabbingBackward")),
                 actions: ["focusFirstToggle", "clearClickFocus"]
               },
               "TOGGLE.FOCUS": {
@@ -22445,7 +31509,7 @@ var Corex = (() => {
               },
               "TOGGLE.SHIFT_TAB": [
                 {
-                  guard: not8("isFirstToggleFocused"),
+                  guard: not11("isFirstToggleFocused"),
                   target: "idle",
                   actions: ["setIsTabbingBackward"]
                 },
@@ -22480,7 +31544,7 @@ var Corex = (() => {
             },
             checkIfWithinToolbar({ context, scope }) {
               var _a;
-              const closestToolbar = (_a = getRootEl5(scope)) == null ? void 0 : _a.closest("[role=toolbar]");
+              const closestToolbar = (_a = getRootEl8(scope)) == null ? void 0 : _a.closest("[role=toolbar]");
               context.set("isWithinToolbar", !!closestToolbar);
             },
             setFocusedId({ context, event }) {
@@ -22533,7 +31597,7 @@ var Corex = (() => {
           }
         }
       });
-      props13 = createProps()([
+      props24 = createProps()([
         "dir",
         "disabled",
         "getRootNode",
@@ -22548,16 +31612,16 @@ var Corex = (() => {
         "defaultValue",
         "deselectable"
       ]);
-      splitProps13 = createSplitProps(props13);
-      itemProps5 = createProps()(["value", "disabled"]);
-      splitItemProps5 = createSplitProps(itemProps5);
+      splitProps24 = createSplitProps(props24);
+      itemProps8 = createProps()(["value", "disabled"]);
+      splitItemProps8 = createSplitProps(itemProps8);
       ToggleGroup = class extends Component {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine14, props22);
+        initMachine(props26) {
+          return new VanillaMachine(machine25, props26);
         }
         initApi() {
-          return connect14(this.machine.service, normalizeProps);
+          return connect25(this.machine.service, normalizeProps);
         }
         render() {
           const rootEl = this.el.querySelector(
@@ -22581,7 +31645,7 @@ var Corex = (() => {
         mounted() {
           const el = this.el;
           const pushEvent = this.pushEvent.bind(this);
-          const props22 = __spreadProps(__spreadValues({
+          const props26 = __spreadProps(__spreadValues({
             id: el.id
           }, getBoolean(el, "controlled") ? { value: getStringList(el, "value") } : { defaultValue: getStringList(el, "defaultValue") }), {
             defaultValue: getStringList(el, "defaultValue"),
@@ -22614,7 +31678,7 @@ var Corex = (() => {
               }
             }
           });
-          const toggleGroup = new ToggleGroup(el, props22);
+          const toggleGroup = new ToggleGroup(el, props26);
           toggleGroup.init();
           this.toggleGroup = toggleGroup;
           this.onSetValue = (event) => {
@@ -22701,7 +31765,7 @@ var Corex = (() => {
     });
     return map2;
   }
-  function connect15(service, normalize) {
+  function connect26(service, normalize) {
     const { context, scope, computed, prop, send } = service;
     const collection22 = prop("collection");
     const expandedValue = Array.from(context.get("expandedValue"));
@@ -22717,8 +31781,8 @@ var Corex = (() => {
     };
     const firstNode = collection22.getFirstNode(void 0, { skip });
     const firstNodeValue = firstNode ? collection22.getNodeValue(firstNode) : null;
-    function getNodeState(props22) {
-      const { node, indexPath } = props22;
+    function getNodeState(props26) {
+      const { node, indexPath } = props26;
       const value = collection22.getNodeValue(node);
       return {
         id: getNodeId(scope, value),
@@ -22803,24 +31867,24 @@ var Corex = (() => {
         send({ type: "RENAME.CANCEL" });
       },
       getRootProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.root.attrs), {
-          id: getRootId13(scope),
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.root.attrs), {
+          id: getRootId22(scope),
           dir: prop("dir")
         }));
       },
       getLabelProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.label.attrs), {
-          id: getLabelId8(scope),
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.label.attrs), {
+          id: getLabelId14(scope),
           dir: prop("dir")
         }));
       },
       getTreeProps() {
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.tree.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.tree.attrs), {
           id: getTreeId(scope),
           dir: prop("dir"),
           role: "tree",
           "aria-label": "Tree View",
-          "aria-labelledby": getLabelId8(scope),
+          "aria-labelledby": getLabelId14(scope),
           "aria-multiselectable": prop("selectionMode") === "multiple" || void 0,
           tabIndex: -1,
           onKeyDown(event) {
@@ -22922,13 +31986,13 @@ var Corex = (() => {
         }));
       },
       getNodeState,
-      getItemProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.item.attrs), {
+      getItemProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.item.attrs), {
           id: nodeState.id,
           dir: prop("dir"),
           "data-ownedby": getTreeId(scope),
-          "data-path": props22.indexPath.join("/"),
+          "data-path": props26.indexPath.join("/"),
           "data-value": nodeState.value,
           tabIndex: nodeState.focused ? 0 : -1,
           "data-focus": dataAttr(nodeState.focused),
@@ -22961,17 +32025,17 @@ var Corex = (() => {
           }
         }));
       },
-      getItemTextProps(props22) {
-        const itemState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.itemText.attrs), {
+      getItemTextProps(props26) {
+        const itemState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.itemText.attrs), {
           "data-disabled": dataAttr(itemState.disabled),
           "data-selected": dataAttr(itemState.selected),
           "data-focus": dataAttr(itemState.focused)
         }));
       },
-      getItemIndicatorProps(props22) {
-        const itemState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.itemIndicator.attrs), {
+      getItemIndicatorProps(props26) {
+        const itemState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.itemIndicator.attrs), {
           "aria-hidden": true,
           "data-disabled": dataAttr(itemState.disabled),
           "data-selected": dataAttr(itemState.selected),
@@ -22979,9 +32043,9 @@ var Corex = (() => {
           hidden: !itemState.selected
         }));
       },
-      getBranchProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branch.attrs), {
+      getBranchProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branch.attrs), {
           "data-depth": nodeState.depth,
           dir: prop("dir"),
           "data-branch": nodeState.value,
@@ -22990,7 +32054,7 @@ var Corex = (() => {
           "data-value": nodeState.value,
           "aria-level": nodeState.depth,
           "aria-selected": nodeState.disabled ? void 0 : nodeState.selected,
-          "data-path": props22.indexPath.join("/"),
+          "data-path": props26.indexPath.join("/"),
           "data-selected": dataAttr(nodeState.selected),
           "aria-expanded": nodeState.expanded,
           "data-state": nodeState.expanded ? "open" : "closed",
@@ -23003,9 +32067,9 @@ var Corex = (() => {
           }
         }));
       },
-      getBranchIndicatorProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchIndicator.attrs), {
+      getBranchIndicatorProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchIndicator.attrs), {
           "aria-hidden": true,
           "data-state": nodeState.expanded ? "open" : "closed",
           "data-disabled": dataAttr(nodeState.disabled),
@@ -23014,9 +32078,9 @@ var Corex = (() => {
           "data-loading": dataAttr(nodeState.loading)
         }));
       },
-      getBranchTriggerProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchTrigger.attrs), {
+      getBranchTriggerProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchTrigger.attrs), {
           role: "button",
           dir: prop("dir"),
           "data-disabled": dataAttr(nodeState.disabled),
@@ -23031,14 +32095,14 @@ var Corex = (() => {
           }
         }));
       },
-      getBranchControlProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchControl.attrs), {
+      getBranchControlProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchControl.attrs), {
           role: "button",
           id: nodeState.id,
           dir: prop("dir"),
           tabIndex: nodeState.focused ? 0 : -1,
-          "data-path": props22.indexPath.join("/"),
+          "data-path": props26.indexPath.join("/"),
           "data-state": nodeState.expanded ? "open" : "closed",
           "data-disabled": dataAttr(nodeState.disabled),
           "data-selected": dataAttr(nodeState.selected),
@@ -23063,37 +32127,37 @@ var Corex = (() => {
           }
         }));
       },
-      getBranchTextProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchText.attrs), {
+      getBranchTextProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchText.attrs), {
           dir: prop("dir"),
           "data-disabled": dataAttr(nodeState.disabled),
           "data-state": nodeState.expanded ? "open" : "closed",
           "data-loading": dataAttr(nodeState.loading)
         }));
       },
-      getBranchContentProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchContent.attrs), {
+      getBranchContentProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchContent.attrs), {
           role: "group",
           dir: prop("dir"),
           "data-state": nodeState.expanded ? "open" : "closed",
           "data-depth": nodeState.depth,
-          "data-path": props22.indexPath.join("/"),
+          "data-path": props26.indexPath.join("/"),
           "data-value": nodeState.value,
           hidden: !nodeState.expanded
         }));
       },
-      getBranchIndentGuideProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.branchIndentGuide.attrs), {
+      getBranchIndentGuideProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.branchIndentGuide.attrs), {
           "data-depth": nodeState.depth
         }));
       },
-      getNodeCheckboxProps(props22) {
-        const nodeState = getNodeState(props22);
+      getNodeCheckboxProps(props26) {
+        const nodeState = getNodeState(props26);
         const checkedState = nodeState.checked;
-        return normalize.element(__spreadProps(__spreadValues({}, parts15.nodeCheckbox.attrs), {
+        return normalize.element(__spreadProps(__spreadValues({}, parts26.nodeCheckbox.attrs), {
           tabIndex: -1,
           role: "checkbox",
           "data-state": checkedState === true ? "checked" : checkedState === false ? "unchecked" : "indeterminate",
@@ -23110,9 +32174,9 @@ var Corex = (() => {
           }
         }));
       },
-      getNodeRenameInputProps(props22) {
-        const nodeState = getNodeState(props22);
-        return normalize.input(__spreadProps(__spreadValues({}, parts15.nodeRenameInput.attrs), {
+      getNodeRenameInputProps(props26) {
+        const nodeState = getNodeState(props26);
+        return normalize.input(__spreadProps(__spreadValues({}, parts26.nodeRenameInput.attrs), {
           id: getRenameInputId(scope, nodeState.value),
           type: "text",
           "aria-label": "Rename tree item",
@@ -23272,13 +32336,13 @@ var Corex = (() => {
     }
     return root;
   }
-  var anatomy15, parts15, collection3, getRootId13, getLabelId8, getNodeId, getTreeId, focusNode, getRenameInputId, getRenameInputEl, and8, machine15, props14, splitProps14, itemProps6, splitItemProps6, TreeView, TreeViewHook;
+  var anatomy26, parts26, collection4, getRootId22, getLabelId14, getNodeId, getTreeId, focusNode, getRenameInputId, getRenameInputEl, and10, machine26, props25, splitProps25, itemProps9, splitItemProps9, TreeView, TreeViewHook;
   var init_tree_view = __esm({
     "../priv/static/tree-view.mjs"() {
       "use strict";
-      init_chunk_2DWEYSRA();
-      init_chunk_GFGFZBBD();
-      anatomy15 = createAnatomy("tree-view").parts(
+      init_chunk_2PO3TGCF();
+      init_chunk_IXOYOLUJ();
+      anatomy26 = createAnatomy("tree-view").parts(
         "branch",
         "branchContent",
         "branchControl",
@@ -23295,18 +32359,18 @@ var Corex = (() => {
         "root",
         "tree"
       );
-      parts15 = anatomy15.build();
-      collection3 = (options) => {
+      parts26 = anatomy26.build();
+      collection4 = (options) => {
         return new TreeCollection(options);
       };
-      collection3.empty = () => {
+      collection4.empty = () => {
         return new TreeCollection({ rootNode: { children: [] } });
       };
-      getRootId13 = (ctx) => {
+      getRootId22 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `tree:${ctx.id}:root`;
       };
-      getLabelId8 = (ctx) => {
+      getLabelId14 = (ctx) => {
         var _a, _b;
         return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `tree:${ctx.id}:label`;
       };
@@ -23327,17 +32391,17 @@ var Corex = (() => {
       getRenameInputEl = (ctx, value) => {
         return ctx.getById(getRenameInputId(ctx, value));
       };
-      ({ and: and8 } = createGuards());
-      machine15 = createMachine({
-        props({ props: props22 }) {
+      ({ and: and10 } = createGuards());
+      machine26 = createMachine({
+        props({ props: props26 }) {
           return __spreadValues({
             selectionMode: "single",
-            collection: collection3.empty(),
+            collection: collection4.empty(),
             typeahead: true,
             expandOnClick: true,
             defaultExpandedValue: [],
             defaultSelectedValue: []
-          }, props22);
+          }, props26);
         },
         initialState() {
           return "idle";
@@ -23450,7 +32514,7 @@ var Corex = (() => {
           },
           "SELECTED.ALL": [
             {
-              guard: and8("isMultipleSelection", "moveFocus"),
+              guard: and10("isMultipleSelection", "moveFocus"),
               actions: ["selectAllNodes", "focusTreeLastNode"]
             },
             {
@@ -23481,7 +32545,7 @@ var Corex = (() => {
           },
           "NODE.ARROW_DOWN": [
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["focusTreeNextNode", "extendSelectionToNextNode"]
             },
             {
@@ -23490,7 +32554,7 @@ var Corex = (() => {
           ],
           "NODE.ARROW_UP": [
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["focusTreePrevNode", "extendSelectionToPrevNode"]
             },
             {
@@ -23511,7 +32575,7 @@ var Corex = (() => {
           ],
           "BRANCH_NODE.ARROW_RIGHT": [
             {
-              guard: and8("isBranchFocused", "isBranchExpanded"),
+              guard: and10("isBranchFocused", "isBranchExpanded"),
               actions: ["focusBranchFirstNode"]
             },
             {
@@ -23523,7 +32587,7 @@ var Corex = (() => {
           },
           "NODE.HOME": [
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["extendSelectionToFirstNode", "focusTreeFirstNode"]
             },
             {
@@ -23532,7 +32596,7 @@ var Corex = (() => {
           ],
           "NODE.END": [
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["extendSelectionToLastNode", "focusTreeLastNode"]
             },
             {
@@ -23541,11 +32605,11 @@ var Corex = (() => {
           ],
           "NODE.CLICK": [
             {
-              guard: and8("isCtrlKey", "isMultipleSelection"),
+              guard: and10("isCtrlKey", "isMultipleSelection"),
               actions: ["toggleNodeSelection"]
             },
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["extendSelectionToNode"]
             },
             {
@@ -23554,11 +32618,11 @@ var Corex = (() => {
           ],
           "BRANCH_NODE.CLICK": [
             {
-              guard: and8("isCtrlKey", "isMultipleSelection"),
+              guard: and10("isCtrlKey", "isMultipleSelection"),
               actions: ["toggleNodeSelection"]
             },
             {
-              guard: and8("isShiftKey", "isMultipleSelection"),
+              guard: and10("isShiftKey", "isMultipleSelection"),
               actions: ["extendSelectionToNode"]
             },
             {
@@ -23942,7 +33006,7 @@ var Corex = (() => {
           }
         }
       });
-      props14 = createProps()([
+      props25 = createProps()([
         "ids",
         "collection",
         "dir",
@@ -23972,19 +33036,19 @@ var Corex = (() => {
         "onRenameComplete",
         "scrollToIndexFn"
       ]);
-      splitProps14 = createSplitProps(props14);
-      itemProps6 = createProps()(["node", "indexPath"]);
-      splitItemProps6 = createSplitProps(itemProps6);
+      splitProps25 = createSplitProps(props25);
+      itemProps9 = createProps()(["node", "indexPath"]);
+      splitItemProps9 = createSplitProps(itemProps9);
       TreeView = class extends Component {
-        constructor(el, props22) {
+        constructor(el, props26) {
           var _a;
-          const treeData = (_a = props22.treeData) != null ? _a : buildTreeFromDOM(el);
-          const treeCollection = collection3({
+          const treeData = (_a = props26.treeData) != null ? _a : buildTreeFromDOM(el);
+          const treeCollection = collection4({
             nodeToValue: (node) => node.id,
             nodeToString: (node) => node.name,
             rootNode: treeData
           });
-          super(el, __spreadProps(__spreadValues({}, props22), { collection: treeCollection }));
+          super(el, __spreadProps(__spreadValues({}, props26), { collection: treeCollection }));
           __publicField(this, "treeCollection");
           __publicField(this, "syncTree", () => {
             const treeEl = this.el.querySelector('[data-scope="tree-view"][data-part="tree"]');
@@ -23995,11 +33059,11 @@ var Corex = (() => {
           this.treeCollection = treeCollection;
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        initMachine(props22) {
-          return new VanillaMachine(machine15, __spreadValues({}, props22));
+        initMachine(props26) {
+          return new VanillaMachine(machine26, __spreadValues({}, props26));
         }
         initApi() {
-          return connect15(this.machine.service, normalizeProps);
+          return connect26(this.machine.service, normalizeProps);
         }
         getNodeAt(indexPath) {
           var _a;
@@ -24204,7 +33268,7 @@ var Corex = (() => {
     default: () => corex_default,
     hooks: () => hooks
   });
-  function hooks(importFn, exportName) {
+  function createLazyHook(importFn, exportName) {
     return {
       mounted() {
         return __async(this, null, function* () {
@@ -24237,22 +33301,38 @@ var Corex = (() => {
     };
   }
   var Hooks = {
-    Accordion: hooks(() => Promise.resolve().then(() => (init_accordion(), accordion_exports)), "Accordion"),
-    Checkbox: hooks(() => Promise.resolve().then(() => (init_checkbox(), checkbox_exports)), "Checkbox"),
-    Clipboard: hooks(() => Promise.resolve().then(() => (init_clipboard(), clipboard_exports)), "Clipboard"),
-    Collapsible: hooks(() => Promise.resolve().then(() => (init_collapsible(), collapsible_exports)), "Collapsible"),
-    Combobox: hooks(() => Promise.resolve().then(() => (init_combobox(), combobox_exports)), "Combobox"),
-    DatePicker: hooks(() => Promise.resolve().then(() => (init_date_picker(), date_picker_exports)), "DatePicker"),
-    Dialog: hooks(() => Promise.resolve().then(() => (init_dialog(), dialog_exports)), "Dialog"),
-    Menu: hooks(() => Promise.resolve().then(() => (init_menu(), menu_exports)), "Menu"),
-    Select: hooks(() => Promise.resolve().then(() => (init_select(), select_exports)), "Select"),
-    SignaturePad: hooks(() => Promise.resolve().then(() => (init_signature_pad(), signature_pad_exports)), "SignaturePad"),
-    Switch: hooks(() => Promise.resolve().then(() => (init_switch(), switch_exports)), "Switch"),
-    Tabs: hooks(() => Promise.resolve().then(() => (init_tabs(), tabs_exports)), "Tabs"),
-    Toast: hooks(() => Promise.resolve().then(() => (init_toast(), toast_exports)), "Toast"),
-    ToggleGroup: hooks(() => Promise.resolve().then(() => (init_toggle_group(), toggle_group_exports)), "ToggleGroup"),
-    TreeView: hooks(() => Promise.resolve().then(() => (init_tree_view(), tree_view_exports)), "TreeView")
+    Accordion: createLazyHook(() => Promise.resolve().then(() => (init_accordion(), accordion_exports)), "Accordion"),
+    AngleSlider: createLazyHook(() => Promise.resolve().then(() => (init_angle_slider(), angle_slider_exports)), "AngleSlider"),
+    Avatar: createLazyHook(() => Promise.resolve().then(() => (init_avatar(), avatar_exports)), "Avatar"),
+    Carousel: createLazyHook(() => Promise.resolve().then(() => (init_carousel(), carousel_exports)), "Carousel"),
+    Checkbox: createLazyHook(() => Promise.resolve().then(() => (init_checkbox(), checkbox_exports)), "Checkbox"),
+    Clipboard: createLazyHook(() => Promise.resolve().then(() => (init_clipboard(), clipboard_exports)), "Clipboard"),
+    Collapsible: createLazyHook(() => Promise.resolve().then(() => (init_collapsible(), collapsible_exports)), "Collapsible"),
+    Combobox: createLazyHook(() => Promise.resolve().then(() => (init_combobox(), combobox_exports)), "Combobox"),
+    DatePicker: createLazyHook(() => Promise.resolve().then(() => (init_date_picker(), date_picker_exports)), "DatePicker"),
+    Dialog: createLazyHook(() => Promise.resolve().then(() => (init_dialog(), dialog_exports)), "Dialog"),
+    Editable: createLazyHook(() => Promise.resolve().then(() => (init_editable(), editable_exports)), "Editable"),
+    FloatingPanel: createLazyHook(() => Promise.resolve().then(() => (init_floating_panel(), floating_panel_exports)), "FloatingPanel"),
+    Listbox: createLazyHook(() => Promise.resolve().then(() => (init_listbox(), listbox_exports)), "Listbox"),
+    Menu: createLazyHook(() => Promise.resolve().then(() => (init_menu(), menu_exports)), "Menu"),
+    NumberInput: createLazyHook(() => Promise.resolve().then(() => (init_number_input(), number_input_exports)), "NumberInput"),
+    PasswordInput: createLazyHook(() => Promise.resolve().then(() => (init_password_input(), password_input_exports)), "PasswordInput"),
+    PinInput: createLazyHook(() => Promise.resolve().then(() => (init_pin_input(), pin_input_exports)), "PinInput"),
+    RadioGroup: createLazyHook(() => Promise.resolve().then(() => (init_radio_group(), radio_group_exports)), "RadioGroup"),
+    Select: createLazyHook(() => Promise.resolve().then(() => (init_select(), select_exports)), "Select"),
+    SignaturePad: createLazyHook(() => Promise.resolve().then(() => (init_signature_pad(), signature_pad_exports)), "SignaturePad"),
+    Switch: createLazyHook(() => Promise.resolve().then(() => (init_switch(), switch_exports)), "Switch"),
+    Tabs: createLazyHook(() => Promise.resolve().then(() => (init_tabs(), tabs_exports)), "Tabs"),
+    Timer: createLazyHook(() => Promise.resolve().then(() => (init_timer(), timer_exports)), "Timer"),
+    Toast: createLazyHook(() => Promise.resolve().then(() => (init_toast(), toast_exports)), "Toast"),
+    ToggleGroup: createLazyHook(() => Promise.resolve().then(() => (init_toggle_group(), toggle_group_exports)), "ToggleGroup"),
+    TreeView: createLazyHook(() => Promise.resolve().then(() => (init_tree_view(), tree_view_exports)), "TreeView")
   };
+  function hooks(componentNames) {
+    return Object.fromEntries(
+      componentNames.filter((name) => name in Hooks).map((name) => [name, Hooks[name]])
+    );
+  }
   var corex_default = Hooks;
   return __toCommonJS(corex_exports);
 })();
diff --git a/priv/static/corex.min.js b/priv/static/corex.min.js
index d2be042..0665523 100644
--- a/priv/static/corex.min.js
+++ b/priv/static/corex.min.js
@@ -1,5 +1,11 @@
-"use strict";var Corex=(()=>{var Ji=Object.defineProperty,ah=Object.defineProperties,lh=Object.getOwnPropertyDescriptor,ch=Object.getOwnPropertyDescriptors,uh=Object.getOwnPropertyNames,Zi=Object.getOwnPropertySymbols;var Os=Object.prototype.hasOwnProperty,ba=Object.prototype.propertyIsEnumerable;var Is=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),dh=e=>{throw TypeError(e)};var Ts=(e,t,n)=>t in e?Ji(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,v=(e,t)=>{for(var n in t||(t={}))Os.call(t,n)&&Ts(e,n,t[n]);if(Zi)for(var n of Zi(t))ba.call(t,n)&&Ts(e,n,t[n]);return e},y=(e,t)=>ah(e,ch(t));var ze=(e,t)=>{var n={};for(var i in e)Os.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(e!=null&&Zi)for(var i of Zi(e))t.indexOf(i)<0&&ba.call(e,i)&&(n[i]=e[i]);return n};var fe=(e,t)=>()=>(e&&(t=e(e=0)),t);var Oe=(e,t)=>{for(var n in t)Ji(e,n,{get:t[n],enumerable:!0})},hh=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of uh(t))!Os.call(e,r)&&r!==n&&Ji(e,r,{get:()=>t[r],enumerable:!(i=lh(t,r))||i.enumerable});return e};var gh=e=>hh(Ji({},"__esModule",{value:!0}),e);var U=(e,t,n)=>Ts(e,typeof t!="symbol"?t+"":t,n);var Ee=(e,t,n)=>new Promise((i,r)=>{var s=l=>{try{a(n.next(l))}catch(c){r(c)}},o=l=>{try{a(n.throw(l))}catch(c){r(c)}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(s,o);a((n=n.apply(e,t)).next())}),fh=function(e,t){this[0]=e,this[1]=t};var Ea=e=>{var t=e[Is("asyncIterator")],n=!1,i,r={};return t==null?(t=e[Is("iterator")](),i=s=>r[s]=o=>t[s](o)):(t=t.call(e),i=s=>r[s]=o=>{if(n){if(n=!1,s==="throw")throw o;return o}return n=!0,{done:!1,value:new fh(new Promise(a=>{var l=t[s](o);l instanceof Object||dh("Object expected"),a(l)}),1)}}),r[Is("iterator")]=()=>r,i("next"),"throw"in t?i("throw"):r.throw=s=>{throw s},"return"in t&&i("return"),r};function Gt(e){let t=e.dataset.dir;if(t!==void 0&&ph.includes(t))return t;let n=document.documentElement.getAttribute("dir");return n==="ltr"||n==="rtl"?n:"ltr"}function Ra(e){if(e)try{if(e.ownerDocument.activeElement!==e)return;let t=e.value.length;e.setSelectionRange(t,t)}catch(t){}}function Oh(e){return["html","body","#document"].includes(Da(e))}function sr(e){if(!e)return!1;let t=e.getRootNode();return kn(t)===e}function Ut(e){if(e==null||!ce(e))return!1;try{return Ph(e)&&e.selectionStart!=null||Vh.test(e.localName)||e.isContentEditable||e.getAttribute("contenteditable")==="true"||e.getAttribute("contenteditable")===""}catch(t){return!1}}function pe(e,t){var i;if(!e||!t||!ce(e)||!ce(t))return!1;let n=(i=t.getRootNode)==null?void 0:i.call(t);if(e===t||e.contains(t))return!0;if(n&&nn(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function we(e){var t;return bi(e)?e:Th(e)?e.document:(t=e==null?void 0:e.ownerDocument)!=null?t:document}function xh(e){return we(e).documentElement}function oe(e){var t,n,i;return nn(e)?oe(e.host):bi(e)?(t=e.defaultView)!=null?t:window:ce(e)&&(i=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?i:window}function kn(e){let t=e.activeElement;for(;t!=null&&t.shadowRoot;){let n=t.shadowRoot.activeElement;if(!n||n===t)break;t=n}return t}function kh(e){if(Da(e)==="html")return e;let t=e.assignedSlot||e.parentNode||nn(e)&&e.host||xh(e);return nn(t)?t.host:t}function Rs(e){var n;let t;try{if(t=e.getRootNode({composed:!0}),bi(t)||nn(t))return t}catch(i){}return(n=e.ownerDocument)!=null?n:document}function qt(e){return ws.has(e)||ws.set(e,oe(e).getComputedStyle(e)),ws.get(e)}function cr(e,t){let n=new Set,i=Rs(e),r=s=>{let o=s.querySelectorAll("[aria-controls]");for(let a of o){if(a.getAttribute("aria-expanded")!=="true")continue;let l=La(a);for(let c of l){if(!c||n.has(c))continue;n.add(c);let u=i.getElementById(c);if(u){let h=u.getAttribute("role"),p=u.getAttribute("aria-modal")==="true";if(h&&Nh(h)&&!p&&(u===t||u.contains(t)||r(u)))return!0}}}return!1};return r(e)}function Ds(e,t){let n=Rs(e),i=new Set,r=s=>{let o=s.querySelectorAll("[aria-controls]");for(let a of o){if(a.getAttribute("aria-expanded")!=="true")continue;let l=La(a);for(let c of l){if(!c||i.has(c))continue;i.add(c);let u=n.getElementById(c);if(u){let h=u.getAttribute("role"),p=u.getAttribute("aria-modal")==="true";h&&As.has(h)&&!p&&(t(u),r(u))}}}};r(e)}function Fa(e){let t=new Set;return Ds(e,n=>{e.contains(n)||t.add(n)}),Array.from(t)}function Rh(e){let t=e.getAttribute("role");return!!(t&&As.has(t))}function Ah(e){return e.hasAttribute("aria-controls")&&e.getAttribute("aria-expanded")==="true"}function Ma(e){var t;return Ah(e)?!0:!!((t=e.querySelector)!=null&&t.call(e,'[aria-controls][aria-expanded="true"]'))}function $a(e){if(!e.id)return!1;let t=Rs(e),n=CSS.escape(e.id),i=`[aria-controls~="${n}"][aria-expanded="true"], [aria-controls="${n}"][aria-expanded="true"]`;return!!(t.querySelector(i)&&Rh(e))}function _a(e,t){let{type:n,quality:i=.92,background:r}=t;if(!e)throw new Error("[zag-js > getDataUrl]: Could not find the svg element");let s=oe(e),o=s.document,a=e.getBoundingClientRect(),l=e.cloneNode(!0);l.hasAttribute("viewBox")||l.setAttribute("viewBox",`0 0 ${a.width} ${a.height}`);let u=`<?xml version="1.0" standalone="no"?>\r
-`+new s.XMLSerializer().serializeToString(l),h="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(u);if(n==="image/svg+xml")return Promise.resolve(h).then(b=>(l.remove(),b));let p=s.devicePixelRatio||1,d=o.createElement("canvas"),g=new s.Image;g.src=h,d.width=a.width*p,d.height=a.height*p;let m=d.getContext("2d");return(n==="image/jpeg"||r)&&(m.fillStyle=r||"white",m.fillRect(0,0,d.width,d.height)),new Promise(b=>{g.onload=()=>{m==null||m.drawImage(g,0,0,d.width,d.height),b(d.toDataURL(n,i)),l.remove()}})}function Dh(){var t;let e=navigator.userAgentData;return(t=e==null?void 0:e.platform)!=null?t:navigator.platform}function Lh(){let e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(({brand:t,version:n})=>`${t}/${n}`).join(" "):navigator.userAgent}function Gh(e){var t,n,i,r;return(r=(t=e.composedPath)==null?void 0:t.call(e))!=null?r:(i=(n=e.nativeEvent)==null?void 0:n.composedPath)==null?void 0:i.call(n)}function K(e){var n;let t=Gh(e);return(n=t==null?void 0:t[0])!=null?n:e.target}function sn(e){let t=e.currentTarget;if(!t||!t.matches("a[href], button[type='submit'], input[type='submit']"))return!1;let i=e.button===1,r=Uh(e);return i||r}function Ci(e){let t=e.currentTarget;if(!t)return!1;let n=t.localName;return e.altKey?n==="a"||n==="button"&&t.type==="submit"||n==="input"&&t.type==="submit":!1}function Vt(e){return Ms(e).isComposing||e.keyCode===229}function Uh(e){return Nn()?e.metaKey:e.ctrlKey}function Ba(e){return e.key.length===1&&!e.ctrlKey&&!e.metaKey}function Ga(e){return e.pointerType===""&&e.isTrusted?!0:Bh()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function ve(e,t={}){var o;let{dir:n="ltr",orientation:i="horizontal"}=t,r=e.key;return r=(o=Wh[r])!=null?o:r,n==="rtl"&&i==="horizontal"&&r in Ia&&(r=Ia[r]),r}function Ms(e){var t;return(t=e.nativeEvent)!=null?t:e}function Pt(e,t="client"){let n=qh(e)?e.touches[0]||e.changedTouches[0]:e;return{x:n[`${t}X`],y:n[`${t}Y`]}}function Ua(e,t){var s;let{type:n="HTMLInputElement",property:i="value"}=t,r=oe(e)[n].prototype;return(s=Object.getOwnPropertyDescriptor(r,i))!=null?s:{}}function Kh(e){if(e.localName==="input")return"HTMLInputElement";if(e.localName==="textarea")return"HTMLTextAreaElement";if(e.localName==="select")return"HTMLSelectElement"}function xt(e,t,n="value"){var r;if(!e)return;let i=Kh(e);i&&((r=Ua(e,{type:i,property:n}).set)==null||r.call(e,t)),e.setAttribute(n,t)}function Ii(e,t){var i;if(!e)return;(i=Ua(e,{type:"HTMLInputElement",property:"checked"}).set)==null||i.call(e,t),t?e.setAttribute("checked",""):e.removeAttribute("checked")}function dr(e,t){let{checked:n,bubbles:i=!0}=t;if(!e)return;let r=oe(e);e instanceof r.HTMLInputElement&&(Ii(e,n),e.dispatchEvent(new r.Event("click",{bubbles:i})))}function Yh(e){return jh(e)?e.form:e.closest("form")}function jh(e){return e.matches("textarea, input, select, button")}function Xh(e,t){if(!e)return;let n=Yh(e),i=r=>{r.defaultPrevented||t()};return n==null||n.addEventListener("reset",i,{passive:!0}),()=>n==null?void 0:n.removeEventListener("reset",i)}function Zh(e,t){let n=e==null?void 0:e.closest("fieldset");if(!n)return;t(n.disabled);let i=oe(n),r=new i.MutationObserver(()=>t(n.disabled));return r.observe(n,{attributes:!0,attributeFilter:["disabled"]}),()=>r.disconnect()}function An(e,t){if(!e)return;let{onFieldsetDisabledChange:n,onFormReset:i}=t,r=[Xh(e,i),Zh(e,n)];return()=>r.forEach(s=>s==null?void 0:s())}function Wa(e){let t=e.getAttribute("tabindex");return t?parseInt(t,10):NaN}function eg(e,t){if(!t)return null;if(t===!0)return e.shadowRoot||null;let n=t(e);return(n===!0?e.shadowRoot:n)||null}function Ka(e,t,n){let i=[...e],r=[...e],s=new Set,o=new Map;e.forEach((l,c)=>o.set(l,c));let a=0;for(;a<r.length;){let l=r[a++];if(!l||s.has(l))continue;s.add(l);let c=eg(l,t);if(c){let u=Array.from(c.querySelectorAll(hr)).filter(n),h=o.get(l);if(h!==void 0){let p=h+1;i.splice(p,0,...u),u.forEach((d,g)=>{o.set(d,p+g)});for(let d=p+u.length;d<i.length;d++)o.set(i[d],d)}else{let p=i.length;i.push(...u),u.forEach((d,g)=>{o.set(d,p+g)})}r.push(...u)}}return i}function Qe(e){return!ce(e)||e.closest("[inert]")?!1:e.matches(hr)&&wh(e)}function on(e,t={}){if(!e)return[];let{includeContainer:n,getShadowRoot:i}=t,r=Array.from(e.querySelectorAll(hr));n&&Bt(e)&&r.unshift(e);let s=[];for(let o of r)if(Bt(o)){if(qa(o)&&o.contentDocument){let a=o.contentDocument.body;s.push(...on(a,{getShadowRoot:i}));continue}s.push(o)}if(i){let o=Ka(s,i,Bt);return!o.length&&n?r:o}return!s.length&&n?r:s}function Bt(e){return ce(e)&&e.tabIndex>0?!0:Qe(e)&&!Qh(e)}function tg(e,t={}){let n=on(e,t),i=n[0]||null,r=n[n.length-1]||null;return[i,r]}function Dn(e){return e.tabIndex<0&&(Jh.test(e.localName)||Ut(e))&&!zh(e)?0:e.tabIndex}function gr(e){let{root:t,getInitialEl:n,filter:i,enabled:r=!0}=e;if(!r)return;let s=null;if(s||(s=typeof n=="function"?n():n),s||(s=t==null?void 0:t.querySelector("[data-autofocus],[autofocus]")),!s){let o=on(t);s=i?o.filter(i)[0]:o[0]}return s||t||void 0}function fr(e){let t=e.currentTarget;if(!t)return!1;let[n,i]=tg(t);return!(sr(n)&&e.shiftKey||sr(i)&&!e.shiftKey||!n&&!i)}function H(e){let t=$s.create();return t.request(e),t.cleanup}function an(e){let t=new Set;function n(i){let r=globalThis.requestAnimationFrame(i);t.add(()=>globalThis.cancelAnimationFrame(r))}return n(()=>n(e)),function(){t.forEach(r=>r())}}function ng(e,t,n){let i=H(()=>{e.removeEventListener(t,r,!0),n()}),r=()=>{i(),n()};return e.addEventListener(t,r,{once:!0,capture:!0}),i}function ig(e,t){if(!e)return;let{attributes:n,callback:i}=t,r=e.ownerDocument.defaultView||window,s=new r.MutationObserver(o=>{for(let a of o)a.type==="attributes"&&a.attributeName&&n.includes(a.attributeName)&&i(a)});return s.observe(e,{attributes:!0,attributeFilter:n}),()=>s.disconnect()}function Ln(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(ig(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function rg(e,t){let{callback:n}=t;if(!e)return;let i=e.ownerDocument.defaultView||window,r=new i.MutationObserver(n);return r.observe(e,{childList:!0,subtree:!0}),()=>r.disconnect()}function ja(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(rg(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function Fn(e){let t=()=>{let n=oe(e);e.dispatchEvent(new n.MouseEvent("click"))};Hh()?ng(e,"keyup",t):queueMicrotask(t)}function pr(e){let t=kh(e);return Oh(t)?we(t).body:ce(t)&&Xa(t)?t:pr(t)}function Xa(e){let t=oe(e),{overflow:n,overflowX:i,overflowY:r,display:s}=t.getComputedStyle(e);return sg.test(n+r+i)&&!og.has(s)}function ag(e){return e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth}function ln(e,t){let r=t||{},{rootEl:n}=r,i=ze(r,["rootEl"]);!e||!n||!Xa(n)||!ag(n)||e.scrollIntoView(i)}function _s(e,t){let{left:n,top:i,width:r,height:s}=t.getBoundingClientRect(),o={x:e.x-n,y:e.y-i},a={x:Ca(o.x/r),y:Ca(o.y/s)};function l(c={}){let{dir:u="ltr",orientation:h="horizontal",inverted:p}=c,d=typeof p=="object"?p.x:p,g=typeof p=="object"?p.y:p;return h==="horizontal"?u==="rtl"||d?1-a.x:a.x:g?1-a.y:a.y}return{offset:o,percent:a,getPercentValue:l}}function lg(e={}){let{target:t,doc:n}=e,i=n!=null?n:document,r=i.documentElement;return Ei()?(xn==="default"&&(xs=r.style.webkitUserSelect,r.style.webkitUserSelect="none"),xn="disabled"):t&&(tr.set(t,t.style.userSelect),t.style.userSelect="none"),()=>Hs({target:t,doc:i})}function Hs(e={}){let{target:t,doc:n}=e,r=(n!=null?n:document).documentElement;if(Ei()){if(xn!=="disabled")return;xn="restoring",setTimeout(()=>{an(()=>{xn==="restoring"&&(r.style.webkitUserSelect==="none"&&(r.style.webkitUserSelect=xs||""),xs="",xn="default")})},300)}else if(t&&tr.has(t)){let s=tr.get(t);t.style.userSelect==="none"&&(t.style.userSelect=s!=null?s:""),t.getAttribute("style")===""&&t.removeAttribute("style"),tr.delete(t)}}function Bs(e={}){let o=e,{defer:t,target:n}=o,i=ze(o,["defer","target"]),r=t?H:a=>a(),s=[];return s.push(r(()=>{let a=typeof n=="function"?n():n;s.push(lg(y(v({},i),{target:a})))})),()=>{s.forEach(a=>a==null?void 0:a())}}function Za(e,t){let{onPointerMove:n,onPointerUp:i}=t,r=a=>{let l=Pt(a),c=Math.sqrt(l.x**2+l.y**2),u=a.pointerType==="touch"?10:5;if(!(c<u)){if(a.pointerType==="mouse"&&a.buttons===0){s(a);return}n({point:l,event:a})}},s=a=>{let l=Pt(a);i({point:l,event:a})},o=[re(e,"pointermove",r,!1),re(e,"pointerup",s,!1),re(e,"pointercancel",s,!1),re(e,"contextmenu",s,!1),Bs({doc:e})];return()=>{o.forEach(a=>a())}}function mr(e){let{pointerNode:t,keyboardNode:n=t,onPress:i,onPressStart:r,onPressEnd:s,isValidKey:o=S=>S.key==="Enter"}=e;if(!t)return Tt;let a=oe(t),l=Tt,c=Tt,u=Tt,h=S=>({point:Pt(S),event:S});function p(S){r==null||r(h(S))}function d(S){s==null||s(h(S))}let m=re(t,"pointerdown",S=>{c();let f=re(a,"pointerup",I=>{let V=K(I);pe(t,V)?i==null||i(h(I)):s==null||s(h(I))},{passive:!i,once:!0}),C=re(a,"pointercancel",d,{passive:!s,once:!0});c=Ps(f,C),sr(n)&&S.pointerType==="mouse"&&S.preventDefault(),p(S)},{passive:!r}),b=re(n,"focus",P);l=Ps(m,b);function P(){let S=I=>{if(!o(I))return;let V=w=>{if(!o(w))return;let N=new a.PointerEvent("pointerup"),A=h(N);i==null||i(A),s==null||s(A)};c(),c=re(n,"keyup",V);let R=new a.PointerEvent("pointerdown");p(R)},E=()=>{let I=new a.PointerEvent("pointercancel");d(I)},f=re(n,"keydown",S),C=re(n,"blur",E);u=Ps(f,C)}return()=>{l(),c(),u()}}function dt(e,t){var n;return Array.from((n=e==null?void 0:e.querySelectorAll(t))!=null?n:[])}function Mn(e,t){var n;return(n=e==null?void 0:e.querySelector(t))!=null?n:null}function Us(e,t,n=Gs){return e.find(i=>n(i)===t)}function qs(e,t,n=Gs){let i=Us(e,t,n);return i?e.indexOf(i):-1}function $n(e,t,n=!0){let i=qs(e,t);return i=n?(i+1)%e.length:Math.min(i+1,e.length-1),e[i]}function _n(e,t,n=!0){let i=qs(e,t);return i===-1?n?e[e.length-1]:null:(i=n?(i-1+e.length)%e.length:Math.max(0,i-1),e[i])}function cg(e){let t=new WeakMap,n,i=new WeakMap,r=a=>n||(n=new a.ResizeObserver(l=>{for(let c of l){i.set(c.target,c);let u=t.get(c.target);if(u)for(let h of u)h(c)}}),n);return{observe:(a,l)=>{let c=t.get(a)||new Set;c.add(l),t.set(a,c);let u=oe(a);return r(u).observe(a,e),()=>{let h=t.get(a);h&&(h.delete(l),h.size===0&&(t.delete(a),r(u).unobserve(a)))}},unobserve:a=>{t.delete(a),n==null||n.unobserve(a)}}}function gg(e,t,n,i=Gs){let r=n?qs(e,n,i):-1,s=n?bh(e,r):e;return t.length===1&&(s=s.filter(a=>i(a)!==n)),s.find(a=>hg(dg(a),t))}function za(e,t,n){let i=e.getAttribute(t),r=i!=null;return i===n?Tt:(e.setAttribute(t,n),()=>{r?e.setAttribute(t,i):e.removeAttribute(t)})}function cn(e,t){if(!e)return Tt;let n=Object.keys(t).reduce((i,r)=>(i[r]=e.style.getPropertyValue(r),i),{});return fg(n,t)?Tt:(Object.assign(e.style,t),()=>{Object.assign(e.style,n),e.style.length===0&&e.removeAttribute("style")})}function Qa(e,t,n){if(!e)return Tt;let i=e.style.getPropertyValue(t);return i===n?Tt:(e.style.setProperty(t,n),()=>{e.style.setProperty(t,i),e.style.length===0&&e.removeAttribute("style")})}function fg(e,t){return Object.keys(e).every(n=>e[n]===t[n])}function pg(e,t){let{state:n,activeId:i,key:r,timeout:s=350,itemToId:o}=t,a=n.keysSoFar+r,c=a.length>1&&Array.from(a).every(g=>g===a[0])?a[0]:a,u=e.slice(),h=gg(u,c,i,o);function p(){clearTimeout(n.timer),n.timer=-1}function d(g){n.keysSoFar=g,p(),g!==""&&(n.timer=+setTimeout(()=>{d(""),p()},s))}return d(a),h}function mg(e){return e.key.length===1&&!e.ctrlKey&&!e.metaKey}function vg(e,t,n){let{signal:i}=t;return[new Promise((o,a)=>{let l=setTimeout(()=>{a(new Error(`Timeout of ${n}ms exceeded`))},n);i.addEventListener("abort",()=>{clearTimeout(l),a(new Error("Promise aborted"))}),e.then(c=>{i.aborted||(clearTimeout(l),o(c))}).catch(c=>{i.aborted||(clearTimeout(l),a(c))})}),()=>t.abort()]}function el(e,t){let{timeout:n,rootNode:i}=t,r=oe(i),s=we(i),o=new r.AbortController;return vg(new Promise(a=>{let l=e();if(l){a(l);return}let c=new r.MutationObserver(()=>{let u=e();u&&u.isConnected&&(c.disconnect(),a(u))});c.observe(s.body,{childList:!0,subtree:!0})}),o,n)}function Oi(e){return e==null?[]:Array.isArray(e)?e:[e]}function nl(e,t,n={}){let{step:i=1,loop:r=!0}=n,s=t+i,o=e.length,a=o-1;return t===-1?i>0?0:a:s<0?r?a:0:s>=o?r?0:t>o?o:t:s}function il(e,t,n={}){return e[nl(e,t,n)]}function Tg(e,t,n={}){let{step:i=1,loop:r=!0}=n;return nl(e,t,{step:-i,loop:r})}function rl(e,t,n={}){return e[Tg(e,t,n)]}function Ws(e,t){return e.reduce((n,i,r)=>{var s;return r%t===0?n.push([i]):(s=nt(n))==null||s.push(i),n},[])}function Ks(e,t){return e.reduce(([n,i],r)=>(t(r)?n.push(r):i.push(r),[n,i]),[[],[]])}function Ve(e,t,...n){var r;if(e in t){let s=t[e];return Ot(s)?s(...n):s}let i=new Error(`No matching key: ${JSON.stringify(e)} in ${JSON.stringify(Object.keys(t))}`);throw(r=Error.captureStackTrace)==null||r.call(Error,i,Ve),i}function Gn(e){if(!vi(e)||e===void 0)return e;let t=Reflect.ownKeys(e).filter(i=>typeof i=="string"),n={};for(let i of t){let r=e[i];r!==void 0&&(n[i]=Gn(r))}return n}function Dg(e,t){let n={},i={},r=new Set(t),s=Reflect.ownKeys(e);for(let o of s)r.has(o)?i[o]=e[o]:n[o]=e[o];return[i,n]}function Un(e,t){let n=new Lg(({deltaMs:i})=>{if(i>=t)return e(),!1});return n.start(),()=>n.stop()}function wt(...e){let t=e.length===1?e[0]:e[1];(e.length===2?e[0]:!0)&&console.warn(t)}function qn(e,t){if(e==null)throw new Error(t())}function br(e,t,n){let i=[];for(let r of t)e[r]==null&&i.push(r);if(i.length>0)throw new Error(`[zag-js${n?` > ${n}`:""}] missing required props: ${i.join(", ")}`)}function hl(...e){let t={};for(let n of e){if(!n)continue;for(let r in t){if(r.startsWith("on")&&typeof t[r]=="function"&&typeof n[r]=="function"){t[r]=Bn(n[r],t[r]);continue}if(r==="className"||r==="class"){t[r]=Fg(t[r],n[r]);continue}if(r==="style"){t[r]=$g(t[r],n[r]);continue}t[r]=n[r]!==void 0?n[r]:t[r]}for(let r in n)t[r]===void 0&&(t[r]=n[r]);let i=Object.getOwnPropertySymbols(n);for(let r of i)t[r]=n[r]}return t}function gl(e,t,n){let i=[],r;return s=>{var l;let o=e(s);return(o.length!==i.length||o.some((c,u)=>!he(i[u],c)))&&(i=o,r=t(o,s),(l=n==null?void 0:n.onChange)==null||l.call(n,r)),r}}function ye(){return{and:(...e)=>function(n){return e.every(i=>n.guard(i))},or:(...e)=>function(n){return e.some(i=>n.guard(i))},not:e=>function(n){return!n.guard(e)}}}function Wn(){return{guards:ye(),createMachine:e=>e,choose:e=>function({choose:n}){var i;return(i=n(e))==null?void 0:i.actions}}}function _g(e){let t=()=>{var o,a;return(a=(o=e.getRootNode)==null?void 0:o.call(e))!=null?a:document},n=()=>we(t()),i=()=>{var o;return(o=n().defaultView)!=null?o:window},r=()=>kn(t()),s=o=>t().getElementById(o);return y(v({},e),{getRootNode:t,getDoc:n,getWin:i,getActiveElement:r,isActiveElement:sr,getById:s})}function Hg(e){return new Proxy({},{get(t,n){return n==="style"?i=>e({style:i}).style:e}})}function qg(){if(typeof globalThis!="undefined")return globalThis;if(typeof self!="undefined")return self;if(typeof window!="undefined")return window;if(typeof global!="undefined")return global}function fl(e,t){let n=qg();return n?(n[e]||(n[e]=t()),n[e]):t()}function pl(e={}){return Zg(e)}function xa(e,t,n){let i=tn.get(e);or()&&!i&&console.warn("Please use proxy object");let r,s=[],o=i[3],a=!1,c=o(u=>{if(s.push(u),n){t(s.splice(0));return}r||(r=Promise.resolve().then(()=>{r=void 0,a&&t(s.splice(0))}))});return a=!0,()=>{a=!1,c()}}function Jg(e){let t=tn.get(e);or()&&!t&&console.warn("Please use proxy object");let[n,i,r]=t;return r(n,i())}function sf(e,t,n){let i=n||"default",r=Qi.get(e);r||(r=new Map,Qi.set(e,r));let s=r.get(i)||{},o=Object.keys(t),a=(m,b)=>{e.addEventListener(m.toLowerCase(),b)},l=(m,b)=>{e.removeEventListener(m.toLowerCase(),b)},c=m=>m.startsWith("on"),u=m=>!m.startsWith("on"),h=m=>a(m.substring(2),t[m]),p=m=>l(m.substring(2),t[m]),d=m=>{let b=t[m],P=s[m];if(b!==P){if(m==="class"){e.className=b!=null?b:"";return}if(Na.has(m)){e[m]=b!=null?b:"";return}if(typeof b=="boolean"&&!m.includes("aria-")){e.toggleAttribute(er(e,m),b);return}if(m==="children"){e.innerHTML=b;return}if(b!=null){e.setAttribute(er(e,m),b);return}e.removeAttribute(er(e,m))}};for(let m in s)t[m]==null&&(m==="class"?e.className="":Na.has(m)?e[m]="":e.removeAttribute(er(e,m)));return Object.keys(s).filter(c).forEach(m=>{l(m.substring(2),s[m])}),o.filter(c).forEach(h),o.filter(u).forEach(d),r.set(i,t),function(){o.filter(c).forEach(p);let b=Qi.get(e);b&&(b.delete(i),b.size===0&&Qi.delete(e))}}function ar(e){var s,o;let t=(s=e().value)!=null?s:e().defaultValue;e().debug&&console.log(`[bindable > ${e().debug}] initial`,t);let n=(o=e().isEqual)!=null?o:Object.is,i=pl({value:t}),r=()=>e().value!==void 0;return{initial:t,ref:i,get(){return r()?e().value:i.value},set(a){var u,h;let l=i.value,c=Ot(a)?a(l):a;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:c,prev:l}),r()||(i.value=c),n(c,l)||(h=(u=e()).onChange)==null||h.call(u,c,l)},invoke(a,l){var c,u;(u=(c=e()).onChange)==null||u.call(c,a,l)},hash(a){var l,c,u;return(u=(c=(l=e()).hash)==null?void 0:c.call(l,a))!=null?u:String(a)}}}function of(e){let t={current:e};return{get(n){return t.current[n]},set(n,i){t.current[n]=i}}}function ml(e,t){if(!vi(e)||!vi(t))return t===void 0?e:t;let n=v({},e);for(let i of Object.keys(t)){let r=t[i],s=e[i];r!==void 0&&(vi(s)&&vi(r)?n[i]=ml(s,r):n[i]=r)}return n}var ph,x,Y,Se,O,rn,Z,Vn,mh,vh,yh,Ss,Ca,bh,Ps,Tt,lr,Aa,T,ie,Eh,Ch,Ih,ce,bi,Th,Da,Sh,nn,Ph,We,wh,Vh,ws,As,Nh,La,ur,Ls,Ha,Fh,Fs,Mh,$h,Ei,_h,Nn,Wt,Hh,Bh,et,Rn,Fe,qh,Wh,Ia,re,qa,Jh,zh,Qh,hr,Ti,$s,sg,og,xn,xs,tr,Gs,Ja,ug,dg,hg,tt,Hn,yg,tl,bg,Ht,Eg,Ta,Cg,Ke,nt,Ig,it,ht,kt,vr,rt,Oa,Og,he,Kt,sl,ol,Yt,nr,Ot,al,Me,Sg,ll,Pg,vi,wg,Vg,xg,St,Ys,kg,cl,Bn,js,II,TI,OI,Ng,Rg,SI,PI,Ag,ul,yr,dl,Re,B,zi,ir,Lg,Fg,Mg,Sa,$g,yi,Vs,G,wI,Bg,Pa,ks,Gg,Ug,wa,rr,Wg,Kg,Yg,jg,Ns,Va,or,tn,Xg,Zg,zg,Qg,ne,ka,ef,tf,Q,Qi,Na,nf,rf,er,ee,te,me=fe(()=>{"use strict";ph=["ltr","rtl"];x=(e,t,n)=>{let i=e.dataset[t];if(i!==void 0&&(!n||n.includes(i)))return i},Y=(e,t)=>{let n=e.dataset[t];if(typeof n=="string")return n.split(",").map(i=>i.trim()).filter(i=>i.length>0)},Se=(e,t,n)=>{let i=e.dataset[t];if(i===void 0)return;let r=Number(i);if(!Number.isNaN(r))return n&&!n.includes(r)?0:r},O=(e,t)=>{let n=t.replace(/([A-Z])/g,"-$1").toLowerCase();return e.hasAttribute(`data-${n}`)},rn=(e,t="element")=>e!=null&&e.id?e.id:`${t}-${Math.random().toString(36).substring(2,9)}`,Z=(e,t=[])=>({parts:(...n)=>{if(mh(t))return Z(e,n);throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?")},extendWith:(...n)=>Z(e,[...t,...n]),omit:(...n)=>Z(e,t.filter(i=>!n.includes(i))),rename:n=>Z(n,t),keys:()=>t,build:()=>[...new Set(t)].reduce((n,i)=>Object.assign(n,{[i]:{selector:[`&[data-scope="${Vn(e)}"][data-part="${Vn(i)}"]`,`& [data-scope="${Vn(e)}"][data-part="${Vn(i)}"]`].join(", "),attrs:{"data-scope":Vn(e),"data-part":Vn(i)}}}),{})}),Vn=e=>e.replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),mh=e=>e.length===0,vh=Object.defineProperty,yh=(e,t,n)=>t in e?vh(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ss=(e,t,n)=>yh(e,typeof t!="symbol"?t+"":t,n);Ca=e=>Math.max(0,Math.min(1,e)),bh=(e,t)=>e.map((n,i)=>e[(Math.max(t,0)+i)%e.length]),Ps=(...e)=>t=>e.reduce((n,i)=>i(n),t),Tt=()=>{},lr=e=>typeof e=="object"&&e!==null,Aa=2147483647,T=e=>e?"":void 0,ie=e=>e?"true":void 0,Eh=1,Ch=9,Ih=11,ce=e=>lr(e)&&e.nodeType===Eh&&typeof e.nodeName=="string",bi=e=>lr(e)&&e.nodeType===Ch,Th=e=>lr(e)&&e===e.window,Da=e=>ce(e)?e.localName||"":"#document";Sh=e=>lr(e)&&e.nodeType!==void 0,nn=e=>Sh(e)&&e.nodeType===Ih&&"host"in e,Ph=e=>ce(e)&&e.localName==="input",We=e=>!!(e!=null&&e.matches("a[href]")),wh=e=>ce(e)?e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0:!1;Vh=/(textarea|select)/;ws=new WeakMap;As=new Set(["menu","listbox","dialog","grid","tree","region"]),Nh=e=>As.has(e),La=e=>{var t;return((t=e.getAttribute("aria-controls"))==null?void 0:t.split(" "))||[]};ur=()=>typeof document!="undefined";Ls=e=>ur()&&e.test(Dh()),Ha=e=>ur()&&e.test(Lh()),Fh=e=>ur()&&e.test(navigator.vendor),Fs=()=>ur()&&!!navigator.maxTouchPoints,Mh=()=>Ls(/^iPhone/i),$h=()=>Ls(/^iPad/i)||Nn()&&navigator.maxTouchPoints>1,Ei=()=>Mh()||$h(),_h=()=>Nn()||Ei(),Nn=()=>Ls(/^Mac/i),Wt=()=>_h()&&Fh(/apple/i),Hh=()=>Ha(/Firefox/i),Bh=()=>Ha(/Android/i);et=e=>e.button===0,Rn=e=>e.button===2||Nn()&&e.ctrlKey&&e.button===0,Fe=e=>e.ctrlKey||e.altKey||e.metaKey,qh=e=>"touches"in e&&e.touches.length>0,Wh={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"},Ia={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"};re=(e,t,n,i)=>{let r=typeof e=="function"?e():e;return r==null||r.addEventListener(t,n,i),()=>{r==null||r.removeEventListener(t,n,i)}};qa=e=>ce(e)&&e.tagName==="IFRAME",Jh=/^(audio|video|details)$/;zh=e=>!Number.isNaN(Wa(e)),Qh=e=>Wa(e)<0;hr="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type",Ti=(e,t={})=>{if(!e)return[];let{includeContainer:n=!1,getShadowRoot:i}=t,r=Array.from(e.querySelectorAll(hr));(n==!0||n=="if-empty"&&r.length===0)&&ce(e)&&Qe(e)&&r.unshift(e);let o=[];for(let a of r)if(Qe(a)){if(qa(a)&&a.contentDocument){let l=a.contentDocument.body;o.push(...Ti(l,{getShadowRoot:i}));continue}o.push(a)}return i?Ka(o,i,Qe):o};$s=class Ya{constructor(){Ss(this,"id",null),Ss(this,"fn_cleanup"),Ss(this,"cleanup",()=>{this.cancel()})}static create(){return new Ya}request(t){this.cancel(),this.id=globalThis.requestAnimationFrame(()=>{this.id=null,this.fn_cleanup=t==null?void 0:t()})}cancel(){var t;this.id!==null&&(globalThis.cancelAnimationFrame(this.id),this.id=null),(t=this.fn_cleanup)==null||t.call(this),this.fn_cleanup=void 0}isActive(){return this.id!==null}};sg=/auto|scroll|overlay|hidden|clip/,og=new Set(["inline","contents"]);xn="default",xs="",tr=new WeakMap;Gs=e=>e.id;Ja=cg({box:"border-box"}),ug=e=>e.split("").map(t=>{let n=t.charCodeAt(0);return n>0&&n<128?t:n>=128&&n<=255?`/x${n.toString(16)}`.replace("/","\\"):""}).join("").trim(),dg=e=>{var t,n,i;return ug((i=(n=(t=e.dataset)==null?void 0:t.valuetext)!=null?n:e.textContent)!=null?i:"")},hg=(e,t)=>e.trim().toLowerCase().startsWith(t.toLowerCase());tt=Object.assign(pg,{defaultOptions:{keysSoFar:"",timer:-1},isValidEvent:mg});Hn={border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"};yg=Object.defineProperty,tl=e=>{throw TypeError(e)},bg=(e,t,n)=>t in e?yg(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ht=(e,t,n)=>bg(e,typeof t!="symbol"?t+"":t,n),Eg=(e,t,n)=>t.has(e)||tl("Cannot "+n),Ta=(e,t,n)=>(Eg(e,t,"read from private field"),t.get(e)),Cg=(e,t,n)=>t.has(e)?tl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n);Ke=e=>e[0],nt=e=>e[e.length-1],Ig=(e,t)=>e.indexOf(t)!==-1,it=(e,...t)=>e.concat(t),ht=(e,...t)=>e.filter(n=>!t.includes(n)),kt=e=>Array.from(new Set(e)),vr=(e,t)=>{let n=new Set(t);return e.filter(i=>!n.has(i))},rt=(e,t)=>Ig(e,t)?ht(e,t):it(e,t);Oa=e=>(e==null?void 0:e.constructor.name)==="Array",Og=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!he(e[n],t[n]))return!1;return!0},he=(e,t)=>{if(Object.is(e,t))return!0;if(e==null&&t!=null||e!=null&&t==null)return!1;if(typeof(e==null?void 0:e.isEqual)=="function"&&typeof(t==null?void 0:t.isEqual)=="function")return e.isEqual(t);if(typeof e=="function"&&typeof t=="function")return e.toString()===t.toString();if(Oa(e)&&Oa(t))return Og(Array.from(e),Array.from(t));if(typeof e!="object"||typeof t!="object")return!1;let n=Object.keys(t!=null?t:Object.create(null)),i=n.length;for(let r=0;r<i;r++)if(!Reflect.has(e,n[r]))return!1;for(let r=0;r<i;r++){let s=n[r];if(!he(e[s],t[s]))return!1}return!0},Kt=e=>Array.isArray(e),sl=e=>e===!0||e===!1,ol=e=>e!=null&&typeof e=="object",Yt=e=>ol(e)&&!Kt(e),nr=e=>typeof e=="string",Ot=e=>typeof e=="function",al=e=>e==null,Me=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),Sg=e=>Object.prototype.toString.call(e),ll=Function.prototype.toString,Pg=ll.call(Object),vi=e=>{if(!ol(e)||Sg(e)!="[object Object]"||xg(e))return!1;let t=Object.getPrototypeOf(e);if(t===null)return!0;let n=Me(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&ll.call(n)==Pg},wg=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Vg=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,xg=e=>wg(e)||Vg(e),St=(e,...t)=>{let n=typeof e=="function"?e(...t):e;return n!=null?n:void 0},Ys=e=>e,kg=e=>e(),cl=()=>{},Bn=(...e)=>(...t)=>{e.forEach(function(n){n==null||n(...t)})},js=(()=>{let e=0;return()=>(e++,e.toString(36))})();({floor:II,abs:TI,round:OI,min:Ng,max:Rg,pow:SI,sign:PI}=Math),Ag=e=>Number.isNaN(e),ul=e=>Ag(e)?0:e,yr=(e,t,n)=>{let i=ul(e),r=t==null||i>=t,s=n==null||i<=n;return r&&s},dl=(e,t,n)=>Ng(Rg(ul(e),t),n),Re=e=>typeof e=="number"?`${e}px`:e;B=e=>function(n){return Dg(n,e)},zi=()=>performance.now(),Lg=class{constructor(e){this.onTick=e,Ht(this,"frameId",null),Ht(this,"pausedAtMs",null),Ht(this,"context"),Ht(this,"cancelFrame",()=>{this.frameId!==null&&(cancelAnimationFrame(this.frameId),this.frameId=null)}),Ht(this,"setStartMs",t=>{this.context.startMs=t}),Ht(this,"start",()=>{if(this.frameId!==null)return;let t=zi();this.pausedAtMs!==null?(this.context.startMs+=t-this.pausedAtMs,this.pausedAtMs=null):this.context.startMs=t,this.frameId=requestAnimationFrame(Ta(this,ir))}),Ht(this,"pause",()=>{this.frameId!==null&&(this.cancelFrame(),this.pausedAtMs=zi())}),Ht(this,"stop",()=>{this.frameId!==null&&(this.cancelFrame(),this.pausedAtMs=null)}),Cg(this,ir,t=>{if(this.context.now=t,this.context.deltaMs=t-this.context.startMs,this.onTick(this.context)===!1){this.stop();return}this.frameId=requestAnimationFrame(Ta(this,ir))}),this.context={now:0,startMs:zi(),deltaMs:0}}get elapsedMs(){return this.pausedAtMs!==null?this.pausedAtMs-this.context.startMs:zi()-this.context.startMs}};ir=new WeakMap;Fg=(...e)=>e.map(t=>{var n;return(n=t==null?void 0:t.trim)==null?void 0:n.call(t)}).filter(Boolean).join(" "),Mg=/((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g,Sa=e=>{let t={},n;for(;n=Mg.exec(e);)t[n[1]]=n[2];return t},$g=(e,t)=>{if(nr(e)){if(nr(t))return`${e};${t}`;e=Sa(e)}else nr(t)&&(t=Sa(t));return Object.assign({},e!=null?e:{},t!=null?t:{})};yi=(e=>(e.NotStarted="Not Started",e.Started="Started",e.Stopped="Stopped",e))(yi||{}),Vs="__init__";G=()=>e=>Array.from(new Set(e)),wI=Symbol(),Bg=Symbol(),Pa=Object.getPrototypeOf,ks=new WeakMap,Gg=e=>e&&(ks.has(e)?ks.get(e):Pa(e)===Object.prototype||Pa(e)===Array.prototype),Ug=e=>Gg(e)&&e[Bg]||null,wa=(e,t=!0)=>{ks.set(e,t)};rr=fl("__zag__refSet",()=>new WeakSet),Wg=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Kg=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,Yg=e=>typeof e=="object"&&e!==null&&"nodeType"in e&&typeof e.nodeName=="string",jg=e=>Wg(e)||Kg(e)||Yg(e),Ns=e=>e!==null&&typeof e=="object",Va=e=>Ns(e)&&!rr.has(e)&&(Array.isArray(e)||!(Symbol.iterator in e))&&!jg(e)&&!(e instanceof WeakMap)&&!(e instanceof WeakSet)&&!(e instanceof Error)&&!(e instanceof Number)&&!(e instanceof Date)&&!(e instanceof String)&&!(e instanceof RegExp)&&!(e instanceof ArrayBuffer)&&!(e instanceof Promise)&&!(e instanceof File)&&!(e instanceof Blob)&&!(e instanceof AbortController),or=()=>!0,tn=fl("__zag__proxyStateMap",()=>new WeakMap),Xg=(e=Object.is,t=(a,l)=>new Proxy(a,l),n=new WeakMap,i=(a,l)=>{let c=n.get(a);if((c==null?void 0:c[0])===l)return c[1];let u=Array.isArray(a)?[]:Object.create(Object.getPrototypeOf(a));return wa(u,!0),n.set(a,[l,u]),Reflect.ownKeys(a).forEach(h=>{let p=Reflect.get(a,h);rr.has(p)?(wa(p,!1),u[h]=p):tn.has(p)?u[h]=Jg(p):u[h]=p}),Object.freeze(u)},r=new WeakMap,s=[1,1],o=a=>{if(!Ns(a))throw new Error("object required");let l=r.get(a);if(l)return l;let c=s[0],u=new Set,h=(V,R=++s[0])=>{c!==R&&(c=R,u.forEach(w=>w(V,R)))},p=s[1],d=(V=++s[1])=>(p!==V&&!u.size&&(p=V,m.forEach(([R])=>{let w=R[1](V);w>c&&(c=w)})),c),g=V=>(R,w)=>{let N=[...R];N[1]=[V,...N[1]],h(N,w)},m=new Map,b=(V,R)=>{if(or()&&m.has(V))throw new Error("prop listener already exists");if(u.size){let w=R[3](g(V));m.set(V,[R,w])}else m.set(V,[R])},P=V=>{var w;let R=m.get(V);R&&(m.delete(V),(w=R[1])==null||w.call(R))},S=V=>(u.add(V),u.size===1&&m.forEach(([w,N],A)=>{if(or()&&N)throw new Error("remove already exists");let L=w[3](g(A));m.set(A,[w,L])}),()=>{u.delete(V),u.size===0&&m.forEach(([w,N],A)=>{N&&(N(),m.set(A,[w]))})}),E=Array.isArray(a)?[]:Object.create(Object.getPrototypeOf(a)),C=t(E,{deleteProperty(V,R){let w=Reflect.get(V,R);P(R);let N=Reflect.deleteProperty(V,R);return N&&h(["delete",[R],w]),N},set(V,R,w,N){var j;let A=Reflect.has(V,R),L=Reflect.get(V,R,N);if(A&&(e(L,w)||r.has(w)&&e(L,r.get(w))))return!0;P(R),Ns(w)&&(w=Ug(w)||w);let M=w;if(!((j=Object.getOwnPropertyDescriptor(V,R))!=null&&j.set)){!tn.has(w)&&Va(w)&&(M=pl(w));let q=!rr.has(M)&&tn.get(M);q&&b(R,q)}return Reflect.set(V,R,M,N),h(["set",[R],w,L]),!0}});r.set(a,C);let I=[E,d,i,S];return tn.set(C,I),Reflect.ownKeys(a).forEach(V=>{let R=Object.getOwnPropertyDescriptor(a,V);R.get||R.set?Object.defineProperty(E,V,R):C[V]=a[V]}),C})=>[o,tn,rr,e,t,Va,n,i,r,s],[Zg]=Xg();zg=Object.defineProperty,Qg=(e,t,n)=>t in e?zg(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ne=(e,t,n)=>Qg(e,typeof t!="symbol"?t+"":t,n),ka={onFocus:"onFocusin",onBlur:"onFocusout",onChange:"onInput",onDoubleClick:"onDblclick",htmlFor:"for",className:"class",defaultValue:"value",defaultChecked:"checked"},ef=new Set(["viewBox","preserveAspectRatio"]),tf=e=>{let t="";for(let n in e){let i=e[n];i!=null&&(n.startsWith("--")||(n=n.replace(/[A-Z]/g,r=>`-${r.toLowerCase()}`)),t+=`${n}:${i};`)}return t},Q=Hg(e=>Object.entries(e).reduce((t,[n,i])=>{if(i===void 0)return t;if(n in ka&&(n=ka[n]),n==="style"&&typeof i=="object")return t.style=tf(i),t;let r=ef.has(n)?n:n.toLowerCase();return t[r]=i,t},{})),Qi=new WeakMap,Na=new Set(["value","checked","selected"]),nf=new Set(["viewBox","preserveAspectRatio","clipPath","clipRule","fillRule","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","strokeMiterlimit"]),rf=e=>e.tagName==="svg"||e.namespaceURI==="http://www.w3.org/2000/svg",er=(e,t)=>rf(e)&&nf.has(t)?t:t.toLowerCase();ar.cleanup=e=>{};ar.ref=e=>{let t=e;return{get:()=>t,set:n=>{t=n}}};ee=class{constructor(e,t={}){var h,p,d;this.machine=e,ne(this,"scope"),ne(this,"context"),ne(this,"prop"),ne(this,"state"),ne(this,"refs"),ne(this,"computed"),ne(this,"event",{type:""}),ne(this,"previousEvent",{type:""}),ne(this,"effects",new Map),ne(this,"transition",null),ne(this,"cleanups",[]),ne(this,"subscriptions",[]),ne(this,"userPropsRef"),ne(this,"getEvent",()=>y(v({},this.event),{current:()=>this.event,previous:()=>this.previousEvent})),ne(this,"getStateConfig",g=>this.machine.states[g]),ne(this,"getState",()=>y(v({},this.state),{matches:(...g)=>g.includes(this.state.get()),hasTag:g=>{var m,b;return!!((b=(m=this.getStateConfig(this.state.get()))==null?void 0:m.tags)!=null&&b.includes(g))}})),ne(this,"debug",(...g)=>{this.machine.debug&&console.log(...g)}),ne(this,"notify",()=>{this.publish()}),ne(this,"send",g=>{this.status===yi.Started&&queueMicrotask(()=>{var C,I,V,R,w;if(!g)return;this.previousEvent=this.event,this.event=g,this.debug("send",g);let m=this.state.get(),b=g.type,P=(R=(I=(C=this.getStateConfig(m))==null?void 0:C.on)==null?void 0:I[b])!=null?R:(V=this.machine.on)==null?void 0:V[b],S=this.choose(P);if(!S)return;this.transition=S;let E=(w=S.target)!=null?w:m;this.debug("transition",S);let f=E!==m;f?this.state.set(E):S.reenter&&!f?this.state.invoke(m,m):this.action(S.actions)})}),ne(this,"action",g=>{let m=Ot(g)?g(this.getParams()):g;if(!m)return;let b=m.map(P=>{var E,f;let S=(f=(E=this.machine.implementations)==null?void 0:E.actions)==null?void 0:f[P];return S||wt(`[zag-js] No implementation found for action "${JSON.stringify(P)}"`),S});for(let P of b)P==null||P(this.getParams())}),ne(this,"guard",g=>{var m,b;return Ot(g)?g(this.getParams()):(b=(m=this.machine.implementations)==null?void 0:m.guards)==null?void 0:b[g](this.getParams())}),ne(this,"effect",g=>{let m=Ot(g)?g(this.getParams()):g;if(!m)return;let b=m.map(S=>{var f,C;let E=(C=(f=this.machine.implementations)==null?void 0:f.effects)==null?void 0:C[S];return E||wt(`[zag-js] No implementation found for effect "${JSON.stringify(S)}"`),E}),P=[];for(let S of b){let E=S==null?void 0:S(this.getParams());E&&P.push(E)}return()=>P.forEach(S=>S==null?void 0:S())}),ne(this,"choose",g=>Oi(g).find(m=>{let b=!m.guard;return nr(m.guard)?b=!!this.guard(m.guard):Ot(m.guard)&&(b=m.guard(this.getParams())),b})),ne(this,"subscribe",g=>(this.subscriptions.push(g),()=>{let m=this.subscriptions.indexOf(g);m>-1&&this.subscriptions.splice(m,1)})),ne(this,"status",yi.NotStarted),ne(this,"publish",()=>{this.callTrackers(),this.subscriptions.forEach(g=>g(this.service))}),ne(this,"trackers",[]),ne(this,"setupTrackers",()=>{var g,m;(m=(g=this.machine).watch)==null||m.call(g,this.getParams())}),ne(this,"callTrackers",()=>{this.trackers.forEach(({deps:g,fn:m})=>{let b=g.map(P=>P());he(m.prev,b)||(m(),m.prev=b)})}),ne(this,"getParams",()=>({state:this.getState(),context:this.context,event:this.getEvent(),prop:this.prop,send:this.send,action:this.action,guard:this.guard,track:(g,m)=>{m.prev=g.map(b=>b()),this.trackers.push({deps:g,fn:m})},refs:this.refs,computed:this.computed,flush:kg,scope:this.scope,choose:this.choose})),this.userPropsRef={current:t};let{id:n,ids:i,getRootNode:r}=St(t);this.scope=_g({id:n,ids:i,getRootNode:r});let s=g=>{var P,S;let m=St(this.userPropsRef.current);return((S=(P=e.props)==null?void 0:P.call(e,{props:Gn(m),scope:this.scope}))!=null?S:m)[g]};this.prop=s;let o=(h=e.context)==null?void 0:h.call(e,{prop:s,bindable:ar,scope:this.scope,flush(g){queueMicrotask(g)},getContext(){return a},getComputed(){return l},getRefs(){return c},getEvent:this.getEvent.bind(this)});o&&Object.values(o).forEach(g=>{let m=xa(g.ref,()=>this.notify());this.cleanups.push(m)});let a={get(g){return o==null?void 0:o[g].get()},set(g,m){o==null||o[g].set(m)},initial(g){return o==null?void 0:o[g].initial},hash(g){let m=o==null?void 0:o[g].get();return o==null?void 0:o[g].hash(m)}};this.context=a;let l=g=>{var m,b;return(b=(m=e.computed)==null?void 0:m[g]({context:a,event:this.getEvent(),prop:s,refs:this.refs,scope:this.scope,computed:l}))!=null?b:{}};this.computed=l;let c=of((d=(p=e.refs)==null?void 0:p.call(e,{prop:s,context:a}))!=null?d:{});this.refs=c;let u=ar(()=>({defaultValue:e.initialState({prop:s}),onChange:(g,m)=>{var P,S,E,f;if(m){let C=this.effects.get(m);C==null||C(),this.effects.delete(m)}m&&this.action((P=this.getStateConfig(m))==null?void 0:P.exit),this.action((S=this.transition)==null?void 0:S.actions);let b=this.effect((E=this.getStateConfig(g))==null?void 0:E.effects);if(b&&this.effects.set(g,b),m===Vs){this.action(e.entry);let C=this.effect(e.effects);C&&this.effects.set(Vs,C)}this.action((f=this.getStateConfig(g))==null?void 0:f.entry)}}));this.state=u,this.cleanups.push(xa(this.state.ref,()=>this.notify()))}updateProps(e){let t=this.userPropsRef.current;this.userPropsRef.current=()=>{let n=St(t),i=St(e);return ml(n,i)},this.notify()}start(){this.status=yi.Started,this.debug("initializing..."),this.state.invoke(this.state.initial,Vs),this.setupTrackers()}stop(){this.effects.forEach(e=>e==null?void 0:e()),this.effects.clear(),this.transition=null,this.action(this.machine.exit),this.cleanups.forEach(e=>e()),this.cleanups=[],this.subscriptions=[],this.status=yi.Stopped,this.debug("unmounting...")}get service(){return{state:this.getState(),send:this.send,context:this.context,prop:this.prop,scope:this.scope,refs:this.refs,computed:this.computed,event:this.getEvent(),getStatus:()=>this.status}}},te=class{constructor(e,t){U(this,"el");U(this,"doc");U(this,"machine");U(this,"api");U(this,"init",()=>{this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()});U(this,"destroy",()=>{this.machine.stop()});U(this,"spreadProps",(e,t)=>{sf(e,t,this.machine.scope.id)});U(this,"updateProps",e=>{this.machine.updateProps(e)});if(!e)throw new Error("Root element not found");this.el=e,this.doc=document,this.machine=this.initMachine(t),this.api=this.initApi()}}});var vl={};Oe(vl,{Accordion:()=>Cf});function ff(e,t){let{send:n,context:i,prop:r,scope:s,computed:o}=e,a=i.get("focusedValue"),l=i.get("value"),c=r("multiple");function u(p){let d=p;!c&&d.length>1&&(d=[d[0]]),n({type:"VALUE.SET",value:d})}function h(p){var d;return{expanded:l.includes(p.value),focused:a===p.value,disabled:!!((d=p.disabled)!=null?d:r("disabled"))}}return{focusedValue:a,value:l,setValue:u,getItemState:h,getRootProps(){return t.element(y(v({},Si.root.attrs),{dir:r("dir"),id:Er(s),"data-orientation":r("orientation")}))},getItemProps(p){let d=h(p);return t.element(y(v({},Si.item.attrs),{dir:r("dir"),id:lf(s,p.value),"data-state":d.expanded?"open":"closed","data-focus":T(d.focused),"data-disabled":T(d.disabled),"data-orientation":r("orientation")}))},getItemContentProps(p){let d=h(p);return t.element(y(v({},Si.itemContent.attrs),{dir:r("dir"),role:"region",id:Xs(s,p.value),"aria-labelledby":Cr(s,p.value),hidden:!d.expanded,"data-state":d.expanded?"open":"closed","data-disabled":T(d.disabled),"data-focus":T(d.focused),"data-orientation":r("orientation")}))},getItemIndicatorProps(p){let d=h(p);return t.element(y(v({},Si.itemIndicator.attrs),{dir:r("dir"),"aria-hidden":!0,"data-state":d.expanded?"open":"closed","data-disabled":T(d.disabled),"data-focus":T(d.focused),"data-orientation":r("orientation")}))},getItemTriggerProps(p){let{value:d}=p,g=h(p);return t.button(y(v({},Si.itemTrigger.attrs),{type:"button",dir:r("dir"),id:Cr(s,d),"aria-controls":Xs(s,d),"data-controls":Xs(s,d),"aria-expanded":g.expanded,disabled:g.disabled,"data-orientation":r("orientation"),"aria-disabled":g.disabled,"data-state":g.expanded?"open":"closed","data-ownedby":Er(s),onFocus(){g.disabled||n({type:"TRIGGER.FOCUS",value:d})},onBlur(){g.disabled||n({type:"TRIGGER.BLUR"})},onClick(m){g.disabled||(Wt()&&m.currentTarget.focus(),n({type:"TRIGGER.CLICK",value:d}))},onKeyDown(m){if(m.defaultPrevented||g.disabled)return;let b={ArrowDown(){o("isHorizontal")||n({type:"GOTO.NEXT",value:d})},ArrowUp(){o("isHorizontal")||n({type:"GOTO.PREV",value:d})},ArrowRight(){o("isHorizontal")&&n({type:"GOTO.NEXT",value:d})},ArrowLeft(){o("isHorizontal")&&n({type:"GOTO.PREV",value:d})},Home(){n({type:"GOTO.FIRST",value:d})},End(){n({type:"GOTO.LAST",value:d})}},P=ve(m,{dir:r("dir"),orientation:r("orientation")}),S=b[P];S&&(S(m),m.preventDefault())}}))}}}var af,Si,Er,lf,Xs,Cr,cf,Ir,uf,df,hf,gf,pf,mf,vf,yf,DI,bf,LI,Ef,Cf,yl=fe(()=>{"use strict";me();af=Z("accordion").parts("root","item","itemTrigger","itemContent","itemIndicator"),Si=af.build(),Er=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`accordion:${e.id}`},lf=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:item:${t}`},Xs=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemContent)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:content:${t}`},Cr=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemTrigger)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:trigger:${t}`},cf=e=>e.getById(Er(e)),Ir=e=>{let n=`[data-controls][data-ownedby='${CSS.escape(Er(e))}']:not([disabled])`;return dt(cf(e),n)},uf=e=>Ke(Ir(e)),df=e=>nt(Ir(e)),hf=(e,t)=>$n(Ir(e),Cr(e,t)),gf=(e,t)=>_n(Ir(e),Cr(e,t));({and:pf,not:mf}=ye()),vf={props({props:e}){return v({collapsible:!1,multiple:!1,orientation:"vertical",defaultValue:[]},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{focusedValue:t(()=>({defaultValue:null,sync:!0,onChange(n){var i;(i=e("onFocusChange"))==null||i({value:n})}})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}}))}},computed:{isHorizontal:({prop:e})=>e("orientation")==="horizontal"},on:{"VALUE.SET":{actions:["setValue"]}},states:{idle:{on:{"TRIGGER.FOCUS":{target:"focused",actions:["setFocusedValue"]}}},focused:{on:{"GOTO.NEXT":{actions:["focusNextTrigger"]},"GOTO.PREV":{actions:["focusPrevTrigger"]},"TRIGGER.CLICK":[{guard:pf("isExpanded","canToggle"),actions:["collapse"]},{guard:mf("isExpanded"),actions:["expand"]}],"GOTO.FIRST":{actions:["focusFirstTrigger"]},"GOTO.LAST":{actions:["focusLastTrigger"]},"TRIGGER.BLUR":{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{canToggle:({prop:e})=>!!e("collapsible")||!!e("multiple"),isExpanded:({context:e,event:t})=>e.get("value").includes(t.value)},actions:{collapse({context:e,prop:t,event:n}){let i=t("multiple")?ht(e.get("value"),n.value):[];e.set("value",i)},expand({context:e,prop:t,event:n}){let i=t("multiple")?it(e.get("value"),n.value):[n.value];e.set("value",i)},focusFirstTrigger({scope:e}){var t;(t=uf(e))==null||t.focus()},focusLastTrigger({scope:e}){var t;(t=df(e))==null||t.focus()},focusNextTrigger({context:e,scope:t}){let n=e.get("focusedValue");if(!n)return;let i=hf(t,n);i==null||i.focus()},focusPrevTrigger({context:e,scope:t}){let n=e.get("focusedValue");if(!n)return;let i=gf(t,n);i==null||i.focus()},setFocusedValue({context:e,event:t}){e.set("focusedValue",t.value)},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t}){e.set("value",t.value)},coarseValue({context:e,prop:t}){!t("multiple")&&e.get("value").length>1&&(wt("The value of accordion should be a single value when multiple is false."),e.set("value",[e.get("value")[0]]))}}}},yf=G()(["collapsible","dir","disabled","getRootNode","id","ids","multiple","onFocusChange","onValueChange","orientation","value","defaultValue"]),DI=B(yf),bf=G()(["value","disabled"]),LI=B(bf),Ef=class extends te{initMachine(e){return new ee(vf,e)}initApi(){return ff(this.machine.service,Q)}render(){var i;let e=(i=this.el.querySelector('[data-scope="accordion"][data-part="root"]'))!=null?i:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.getItemsList(),n=e.querySelectorAll('[data-scope="accordion"][data-part="item"]');for(let r=0;r<n.length;r++){let s=n[r],o=t[r];if(!(o!=null&&o.value))continue;let{value:a,disabled:l}=o;this.spreadProps(s,this.api.getItemProps({value:a,disabled:l}));let c=s.querySelector('[data-scope="accordion"][data-part="item-trigger"]');c&&this.spreadProps(c,this.api.getItemTriggerProps({value:a,disabled:l}));let u=s.querySelector('[data-scope="accordion"][data-part="item-indicator"]');u&&this.spreadProps(u,this.api.getItemIndicatorProps({value:a,disabled:l}));let h=s.querySelector('[data-scope="accordion"][data-part="item-content"]');h&&this.spreadProps(h,this.api.getItemContentProps({value:a,disabled:l}))}}getItemsList(){let e=this.el.getAttribute("data-items");if(!e)return[];try{return JSON.parse(e)}catch(t){return[]}}},Cf={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new Ef(e,y(v({id:e.id},O(e,"controlled")?{value:Y(e,"value")}:{defaultValue:Y(e,"defaultValue")}),{collapsible:O(e,"collapsible"),multiple:O(e,"multiple"),orientation:x(e,"orientation",["horizontal","vertical"]),dir:Gt(e),onValueChange:i=>{var o,a;let r=x(e,"onValueChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(o=i.value)!=null?o:null});let s=x(e,"onValueChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(a=i.value)!=null?a:null}}))},onFocusChange:i=>{var o,a;let r=x(e,"onFocusChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(o=i.value)!=null?o:null});let s=x(e,"onFocusChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(a=i.value)!=null?a:null}}))}}));n.init(),this.accordion=n,this.onSetValue=i=>{let{value:r}=i.detail;n.api.setValue(r)},e.addEventListener("phx:accordion:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("accordion_set_value",i=>{let r=i.accordion_id;r&&!(e.id===r||e.id===`accordion:${r}`)||n.api.setValue(i.value)})),this.handlers.push(this.handleEvent("accordion_value",()=>{this.pushEvent("accordion_value_response",{value:n.api.value})})),this.handlers.push(this.handleEvent("accordion_focused_value",()=>{this.pushEvent("accordion_focused_value_response",{value:n.api.focusedValue})}))},updated(){var t,n,i,r;let e=O(this.el,"controlled");(r=this.accordion)==null||r.updateProps(y(v({id:this.el.id},e?{value:Y(this.el,"value")}:{defaultValue:(i=(n=(t=this.accordion)==null?void 0:t.api)==null?void 0:n.value)!=null?i:Y(this.el,"defaultValue")}),{collapsible:O(this.el,"collapsible"),multiple:O(this.el,"multiple"),orientation:x(this.el,"orientation",["horizontal","vertical"]),dir:Gt(this.el)}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:accordion:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.accordion)==null||e.destroy()}}});function If(e){return!(e.metaKey||!Nn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Of(e,t,n){let i=n?K(n):null,r=oe(i);return e=e||i instanceof r.HTMLInputElement&&!Tf.has(i==null?void 0:i.type)||i instanceof r.HTMLTextAreaElement||i instanceof r.HTMLElement&&i.isContentEditable,!(e&&t==="keyboard"&&n instanceof r.KeyboardEvent&&!Reflect.has(Sf,n.key))}function Sr(e,t){for(let n of Zs)n(e,t)}function Or(e){un=!0,If(e)&&(dn="keyboard",Sr("keyboard",e))}function je(e){dn="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(un=!0,Sr("pointer",e))}function bl(e){Ga(e)&&(un=!0,dn="virtual")}function El(e){let t=K(e);t===oe(t)||t===we(t)||(!un&&!Js&&(dn="virtual",Sr("virtual",e)),un=!1,Js=!1)}function Cl(){un=!1,Js=!0}function Pf(e){if(typeof window=="undefined"||Tr.get(oe(e)))return;let t=oe(e),n=we(e),i=t.HTMLElement.prototype.focus;function r(){dn="virtual",Sr("virtual",null),un=!0,i.apply(this,arguments)}try{Object.defineProperty(t.HTMLElement.prototype,"focus",{configurable:!0,value:r})}catch(s){}n.addEventListener("keydown",Or,!0),n.addEventListener("keyup",Or,!0),n.addEventListener("click",bl,!0),t.addEventListener("focus",El,!0),t.addEventListener("blur",Cl,!1),typeof t.PointerEvent!="undefined"?(n.addEventListener("pointerdown",je,!0),n.addEventListener("pointermove",je,!0),n.addEventListener("pointerup",je,!0)):(n.addEventListener("mousedown",je,!0),n.addEventListener("mousemove",je,!0),n.addEventListener("mouseup",je,!0)),t.addEventListener("beforeunload",()=>{wf(e)},{once:!0}),Tr.set(t,{focus:i})}function Kn(){return dn==="keyboard"}function Pr(e={}){let{isTextInput:t,autoFocus:n,onChange:i,root:r}=e;Pf(r),i==null||i({isFocusVisible:n||Kn(),modality:dn});let s=(o,a)=>{Of(!!t,o,a)&&(i==null||i({isFocusVisible:Kn(),modality:o}))};return Zs.add(s),()=>{Zs.delete(s)}}var Tf,dn,Zs,Tr,un,Js,Sf,wf,zs=fe(()=>{"use strict";me();Tf=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);dn=null,Zs=new Set,Tr=new Map,un=!1,Js=!1,Sf={Tab:!0,Escape:!0};wf=(e,t)=>{let n=oe(e),i=we(e),r=Tr.get(n);if(r){try{Object.defineProperty(n.HTMLElement.prototype,"focus",{configurable:!0,value:r.focus})}catch(s){}i.removeEventListener("keydown",Or,!0),i.removeEventListener("keyup",Or,!0),i.removeEventListener("click",bl,!0),n.removeEventListener("focus",El,!0),n.removeEventListener("blur",Cl,!1),typeof n.PointerEvent!="undefined"?(i.removeEventListener("pointerdown",je,!0),i.removeEventListener("pointermove",je,!0),i.removeEventListener("pointerup",je,!0)):(i.removeEventListener("mousedown",je,!0),i.removeEventListener("mousemove",je,!0),i.removeEventListener("mouseup",je,!0)),Tr.delete(n)}}});var Sl={};Oe(Sl,{Checkbox:()=>Ff});function Nf(e,t){let{send:n,context:i,prop:r,computed:s,scope:o}=e,a=!!r("disabled"),l=!!r("readOnly"),c=!!r("required"),u=!!r("invalid"),h=!a&&i.get("focused"),p=!a&&i.get("focusVisible"),d=s("checked"),g=s("indeterminate"),m=i.get("checked"),b={"data-active":T(i.get("active")),"data-focus":T(h),"data-focus-visible":T(p),"data-readonly":T(l),"data-hover":T(i.get("hovered")),"data-disabled":T(a),"data-state":g?"indeterminate":d?"checked":"unchecked","data-invalid":T(u),"data-required":T(c)};return{checked:d,disabled:a,indeterminate:g,focused:h,checkedState:m,setChecked(P){n({type:"CHECKED.SET",checked:P,isTrusted:!1})},toggleChecked(){n({type:"CHECKED.TOGGLE",checked:d,isTrusted:!1})},getRootProps(){return t.label(y(v(v({},wr.root.attrs),b),{dir:r("dir"),id:Ol(o),htmlFor:Qs(o),onPointerMove(){a||n({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){a||n({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(P){K(P)===Pi(o)&&P.stopPropagation()}}))},getLabelProps(){return t.element(y(v(v({},wr.label.attrs),b),{dir:r("dir"),id:Il(o)}))},getControlProps(){return t.element(y(v(v({},wr.control.attrs),b),{dir:r("dir"),id:xf(o),"aria-hidden":!0}))},getIndicatorProps(){return t.element(y(v(v({},wr.indicator.attrs),b),{dir:r("dir"),hidden:!g&&!d}))},getHiddenInputProps(){return t.input({id:Qs(o),type:"checkbox",required:r("required"),defaultChecked:d,disabled:a,"aria-labelledby":Il(o),"aria-invalid":u,name:r("name"),form:r("form"),value:r("value"),style:Hn,onFocus(){let P=Kn();n({type:"CONTEXT.SET",context:{focused:!0,focusVisible:P}})},onBlur(){n({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(P){if(l){P.preventDefault();return}let S=P.currentTarget.checked;n({type:"CHECKED.SET",checked:S,isTrusted:!0})}})}}}function Vr(e){return e==="indeterminate"}function Af(e){return Vr(e)?!1:!!e}var Vf,wr,Ol,Il,xf,Qs,kf,Pi,Tl,Rf,Df,GI,Lf,Ff,Pl=fe(()=>{"use strict";zs();me();Vf=Z("checkbox").parts("root","label","control","indicator"),wr=Vf.build(),Ol=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`checkbox:${e.id}`},Il=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`checkbox:${e.id}:label`},xf=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`checkbox:${e.id}:control`},Qs=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`checkbox:${e.id}:input`},kf=e=>e.getById(Ol(e)),Pi=e=>e.getById(Qs(e));({not:Tl}=ye()),Rf={props({props:e}){var t;return y(v({value:"on"},e),{defaultChecked:(t=e.defaultChecked)!=null?t:!1})},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(n){var i;(i=e("onCheckedChange"))==null||i({checked:n})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:n,action:i}){e([()=>n("disabled")],()=>{i(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{i(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:Tl("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:Tl("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>Vr(e.get("checked")),checked:({context:e})=>Af(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:n}){if(!t("disabled"))return mr({pointerNode:kf(n),keyboardNode:Pi(n),isValidKey:i=>i.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){var n;if(!e("disabled"))return Pr({root:(n=t.getRootNode)==null?void 0:n.call(t)})},trackFormControlState({context:e,scope:t}){return An(Pi(t),{onFieldsetDisabledChange(n){e.set("fieldsetDisabled",n)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(let n in t.context)e.set(n,t.context[n])},syncInputElement({context:e,computed:t,scope:n}){let i=Pi(n);i&&(Ii(i,t("checked")),i.indeterminate=Vr(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){let n=Vr(t("checked"))?!0:!t("checked");e.set("checked",n)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{let n=Pi(t);dr(n,{checked:e("checked")})})}}}};Df=G()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),GI=B(Df),Lf=class extends te{initMachine(e){return new ee(Rf,e)}initApi(){return Nf(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="checkbox"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=e.querySelector(':scope > [data-scope="checkbox"][data-part="hidden-input"]');t&&this.spreadProps(t,this.api.getHiddenInputProps());let n=e.querySelector(':scope > [data-scope="checkbox"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=e.querySelector(':scope > [data-scope="checkbox"][data-part="control"]');if(i){this.spreadProps(i,this.api.getControlProps());let r=i.querySelector(':scope > [data-scope="checkbox"][data-part="indicator"]');r&&this.spreadProps(r,this.api.getIndicatorProps())}}},Ff={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new Lf(e,y(v({id:e.id},O(e,"controlled")?{checked:O(e,"checked")}:{defaultChecked:O(e,"defaultChecked")}),{disabled:O(e,"disabled"),name:x(e,"name"),form:x(e,"form"),value:x(e,"value"),dir:Gt(e),invalid:O(e,"invalid"),required:O(e,"required"),readOnly:O(e,"readOnly"),onCheckedChange:i=>{let r=x(e,"onCheckedChange");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(r,{checked:i.checked,id:e.id});let s=x(e,"onCheckedChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{value:i,id:e.id}}))}}));n.init(),this.checkbox=n,this.onSetChecked=i=>{let{checked:r}=i.detail;n.api.setChecked(r)},e.addEventListener("phx:checkbox:set-checked",this.onSetChecked),this.onToggleChecked=()=>{n.api.toggleChecked()},e.addEventListener("phx:checkbox:toggle-checked",this.onToggleChecked),this.handlers=[],this.handlers.push(this.handleEvent("checkbox_set_checked",i=>{let r=i.id;r&&r!==e.id||n.api.setChecked(i.checked)})),this.handlers.push(this.handleEvent("checkbox_toggle_checked",i=>{let r=i.id;r&&r!==e.id||n.api.toggleChecked()})),this.handlers.push(this.handleEvent("checkbox_checked",()=>{this.pushEvent("checkbox_checked_response",{value:n.api.checked})})),this.handlers.push(this.handleEvent("checkbox_focused",()=>{this.pushEvent("checkbox_focused_response",{value:n.api.focused})})),this.handlers.push(this.handleEvent("checkbox_disabled",()=>{this.pushEvent("checkbox_disabled_response",{value:n.api.disabled})}))},updated(){var e;(e=this.checkbox)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{checked:O(this.el,"checked")}:{defaultChecked:O(this.el,"defaultChecked")}),{disabled:O(this.el,"disabled"),name:x(this.el,"name"),form:x(this.el,"form"),value:x(this.el,"value"),dir:Gt(this.el),invalid:O(this.el,"invalid"),required:O(this.el,"required"),readOnly:O(this.el,"readOnly"),label:x(this.el,"label")}))},destroyed(){var e;if(this.onSetChecked&&this.el.removeEventListener("phx:checkbox:set-checked",this.onSetChecked),this.onToggleChecked&&this.el.removeEventListener("phx:checkbox:toggle-checked",this.onToggleChecked),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.checkbox)==null||e.destroy()}}});var wl={};Oe(wl,{Clipboard:()=>Zf});function Gf(e,t){let n=e.createElement("pre");return Object.assign(n.style,{width:"1px",height:"1px",position:"fixed",top:"5px"}),n.textContent=t,n}function Uf(e){let n=oe(e).getSelection();if(n==null)return Promise.reject(new Error);n.removeAllRanges();let i=e.ownerDocument,r=i.createRange();return r.selectNodeContents(e),n.addRange(r),i.execCommand("copy"),n.removeAllRanges(),Promise.resolve()}function qf(e,t){var r;let n=e.defaultView||window;if(((r=n.navigator.clipboard)==null?void 0:r.writeText)!==void 0)return n.navigator.clipboard.writeText(t);if(!e.body)return Promise.reject(new Error);let i=Gf(e,t);return e.body.appendChild(i),Uf(i),e.body.removeChild(i),Promise.resolve()}function Wf(e,t){let{state:n,send:i,context:r,scope:s}=e,o=n.matches("copied");return{copied:o,value:r.get("value"),setValue(a){i({type:"VALUE.SET",value:a})},copy(){i({type:"COPY"})},getRootProps(){return t.element(y(v({},Yn.root.attrs),{"data-copied":T(o),id:$f(s)}))},getLabelProps(){return t.label(y(v({},Yn.label.attrs),{htmlFor:eo(s),"data-copied":T(o),id:_f(s)}))},getControlProps(){return t.element(y(v({},Yn.control.attrs),{"data-copied":T(o)}))},getInputProps(){return t.input(y(v({},Yn.input.attrs),{defaultValue:r.get("value"),"data-copied":T(o),readOnly:!0,"data-readonly":"true",id:eo(s),onFocus(a){a.currentTarget.select()},onCopy(){i({type:"INPUT.COPY"})}}))},getTriggerProps(){return t.button(y(v({},Yn.trigger.attrs),{type:"button","aria-label":o?"Copied to clipboard":"Copy to clipboard","data-copied":T(o),onClick(){i({type:"COPY"})}}))},getIndicatorProps(a){return t.element(y(v({},Yn.indicator.attrs),{hidden:a.copied!==o}))}}}var Mf,Yn,$f,eo,_f,Hf,Bf,Kf,Yf,KI,jf,YI,Xf,Zf,Vl=fe(()=>{"use strict";me();Mf=Z("clipboard").parts("root","control","trigger","indicator","input","label"),Yn=Mf.build(),$f=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`clip:${e.id}`},eo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`clip:${e.id}:input`},_f=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`clip:${e.id}:label`},Hf=e=>e.getById(eo(e)),Bf=(e,t)=>qf(e.getDoc(),t);Kf={props({props:e}){return v({timeout:3e3,defaultValue:""},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}}))}},watch({track:e,context:t,action:n}){e([()=>t.get("value")],()=>{n(["syncInputElement"])})},on:{"VALUE.SET":{actions:["setValue"]},COPY:{target:"copied",actions:["copyToClipboard","invokeOnCopy"]}},states:{idle:{on:{"INPUT.COPY":{target:"copied",actions:["invokeOnCopy"]}}},copied:{effects:["waitForTimeout"],on:{"COPY.DONE":{target:"idle"},COPY:{target:"copied",actions:["copyToClipboard","invokeOnCopy"]},"INPUT.COPY":{actions:["invokeOnCopy"]}}}},implementations:{effects:{waitForTimeout({prop:e,send:t}){return Un(()=>{t({type:"COPY.DONE"})},e("timeout"))}},actions:{setValue({context:e,event:t}){e.set("value",t.value)},copyToClipboard({context:e,scope:t}){Bf(t,e.get("value"))},invokeOnCopy({prop:e}){var t;(t=e("onStatusChange"))==null||t({copied:!0})},syncInputElement({context:e,scope:t}){let n=Hf(t);n&&xt(n,e.get("value"))}}}},Yf=G()(["getRootNode","id","ids","value","defaultValue","timeout","onStatusChange","onValueChange"]),KI=B(Yf),jf=G()(["copied"]),YI=B(jf),Xf=class extends te{initMachine(e){return new ee(Kf,e)}initApi(){return Wf(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="clipboard"][data-part="root"]');if(e){this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="clipboard"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=e.querySelector('[data-scope="clipboard"][data-part="control"]');if(n){this.spreadProps(n,this.api.getControlProps());let i=n.querySelector('[data-scope="clipboard"][data-part="input"]');if(i){let s=v({},this.api.getInputProps()),o=this.el.dataset.inputAriaLabel;o&&(s["aria-label"]=o),this.spreadProps(i,s)}let r=n.querySelector('[data-scope="clipboard"][data-part="trigger"]');if(r){let s=v({},this.api.getTriggerProps()),o=this.el.dataset.triggerAriaLabel;o&&(s["aria-label"]=o),this.spreadProps(r,s)}}}}},Zf={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=this.liveSocket,i=new Xf(e,y(v({id:e.id,timeout:Se(e,"timeout")},O(e,"controlled")?{value:x(e,"value")}:{defaultValue:x(e,"defaultValue")}),{onValueChange:r=>{var o;let s=x(e,"onValueChange");s&&n.main.isConnected()&&t(s,{id:e.id,value:(o=r.value)!=null?o:null})},onStatusChange:r=>{let s=x(e,"onStatusChange");s&&n.main.isConnected()&&t(s,{id:e.id,copied:r.copied});let o=x(e,"onStatusChangeClient");o&&e.dispatchEvent(new CustomEvent(o,{bubbles:!0}))}}));i.init(),this.clipboard=i,this.onCopy=()=>{i.api.copy()},e.addEventListener("phx:clipboard:copy",this.onCopy),this.onSetValue=r=>{let{value:s}=r.detail;i.api.setValue(s)},e.addEventListener("phx:clipboard:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("clipboard_copy",r=>{let s=r.clipboard_id;s&&s!==e.id||i.api.copy()})),this.handlers.push(this.handleEvent("clipboard_set_value",r=>{let s=r.clipboard_id;s&&s!==e.id||i.api.setValue(r.value)})),this.handlers.push(this.handleEvent("clipboard_copied",()=>{this.pushEvent("clipboard_copied_response",{value:i.api.copied})}))},updated(){var e;(e=this.clipboard)==null||e.updateProps(y(v({id:this.el.id,timeout:Se(this.el,"timeout")},O(this.el,"controlled")?{value:x(this.el,"value")}:{defaultValue:x(this.el,"value")}),{dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onCopy&&this.el.removeEventListener("phx:clipboard:copy",this.onCopy),this.onSetValue&&this.el.removeEventListener("phx:clipboard:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.clipboard)==null||e.destroy()}}});var xl={};Oe(xl,{Collapsible:()=>rp});function ep(e,t){let{state:n,send:i,context:r,scope:s,prop:o}=e,a=n.matches("open")||n.matches("closing"),l=n.matches("open"),c=n.matches("closed"),{width:u,height:h}=r.get("size"),p=!!o("disabled"),d=o("collapsedHeight"),g=o("collapsedWidth"),m=d!=null,b=g!=null,P=m||b,S=!r.get("initial")&&l;return{disabled:p,visible:a,open:l,measureSize(){i({type:"size.measure"})},setOpen(E){n.matches("open")!==E&&i({type:E?"open":"close"})},getRootProps(){return t.element(y(v({},xr.root.attrs),{"data-state":l?"open":"closed",dir:o("dir"),id:zf(s)}))},getContentProps(){return t.element(y(v({},xr.content.attrs),{id:to(s),"data-collapsible":"","data-state":S?void 0:l?"open":"closed","data-disabled":T(p),"data-has-collapsed-size":T(P),hidden:!a&&!P,dir:o("dir"),style:v(v({"--height":Re(h),"--width":Re(u),"--collapsed-height":Re(d),"--collapsed-width":Re(g)},c&&m&&{overflow:"hidden",minHeight:Re(d),maxHeight:Re(d)}),c&&b&&{overflow:"hidden",minWidth:Re(g),maxWidth:Re(g)})}))},getTriggerProps(){return t.element(y(v({},xr.trigger.attrs),{id:Qf(s),dir:o("dir"),type:"button","data-state":l?"open":"closed","data-disabled":T(p),"aria-controls":to(s),"aria-expanded":a||!1,onClick(E){E.defaultPrevented||p||i({type:l?"close":"open"})}}))},getIndicatorProps(){return t.element(y(v({},xr.indicator.attrs),{dir:o("dir"),"data-state":l?"open":"closed","data-disabled":T(p)}))}}}var Jf,xr,zf,to,Qf,wi,tp,np,JI,ip,rp,kl=fe(()=>{"use strict";me();Jf=Z("collapsible").parts("root","trigger","content","indicator"),xr=Jf.build(),zf=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`collapsible:${e.id}`},to=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`collapsible:${e.id}:content`},Qf=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`collapsible:${e.id}:trigger`},wi=e=>e.getById(to(e));tp={initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({bindable:e}){return{size:e(()=>({defaultValue:{height:0,width:0},sync:!0})),initial:e(()=>({defaultValue:!1}))}},refs(){return{cleanup:void 0,stylesRef:void 0}},watch({track:e,prop:t,action:n}){e([()=>t("open")],()=>{n(["setInitial","computeSize","toggleVisibility"])})},exit:["cleanupNode"],states:{closed:{effects:["trackTabbableElements"],on:{"controlled.open":{target:"open"},open:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitial","computeSize","invokeOnOpen"]}]}},closing:{effects:["trackExitAnimation"],on:{"controlled.close":{target:"closed"},"controlled.open":{target:"open"},open:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitial","invokeOnOpen"]}],close:[{guard:"isOpenControlled",actions:["invokeOnExitComplete"]},{target:"closed",actions:["setInitial","computeSize","invokeOnExitComplete"]}],"animation.end":{target:"closed",actions:["invokeOnExitComplete","clearInitial"]}}},open:{effects:["trackEnterAnimation"],on:{"controlled.close":{target:"closing"},close:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closing",actions:["setInitial","computeSize","invokeOnClose"]}],"size.measure":{actions:["measureSize"]},"animation.end":{actions:["clearInitial"]}}}},implementations:{guards:{isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackEnterAnimation:({send:e,scope:t})=>{let n,i=H(()=>{let r=wi(t);if(!r)return;let s=qt(r).animationName;if(!s||s==="none"){e({type:"animation.end"});return}let a=l=>{K(l)===r&&e({type:"animation.end"})};r.addEventListener("animationend",a),n=()=>{r.removeEventListener("animationend",a)}});return()=>{i(),n==null||n()}},trackExitAnimation:({send:e,scope:t})=>{let n,i=H(()=>{let r=wi(t);if(!r)return;let s=qt(r).animationName;if(!s||s==="none"){e({type:"animation.end"});return}let a=c=>{K(c)===r&&e({type:"animation.end"})};r.addEventListener("animationend",a);let l=cn(r,{animationFillMode:"forwards"});n=()=>{r.removeEventListener("animationend",a),an(()=>l())}});return()=>{i(),n==null||n()}},trackTabbableElements:({scope:e,prop:t})=>{if(!t("collapsedHeight")&&!t("collapsedWidth"))return;let n=wi(e);if(!n)return;let i=()=>{let a=on(n).map(l=>za(l,"inert",""));return()=>{a.forEach(l=>l())}},r=i(),s=ja(n,{callback(){r(),r=i()}});return()=>{r(),s()}}},actions:{setInitial:({context:e,flush:t})=>{t(()=>{e.set("initial",!0)})},clearInitial:({context:e})=>{e.set("initial",!1)},cleanupNode:({refs:e})=>{e.set("stylesRef",null)},measureSize:({context:e,scope:t})=>{let n=wi(t);if(!n)return;let{height:i,width:r}=n.getBoundingClientRect();e.set("size",{height:i,width:r})},computeSize:({refs:e,scope:t,context:n})=>{var r;(r=e.get("cleanup"))==null||r();let i=H(()=>{let s=wi(t);if(!s)return;let o=s.hidden;s.style.animationName="none",s.style.animationDuration="0s",s.hidden=!1;let a=s.getBoundingClientRect();n.set("size",{height:a.height,width:a.width}),n.get("initial")&&(s.style.animationName="",s.style.animationDuration=""),s.hidden=o});e.set("cleanup",i)},invokeOnOpen:({prop:e})=>{var t;(t=e("onOpenChange"))==null||t({open:!0})},invokeOnClose:({prop:e})=>{var t;(t=e("onOpenChange"))==null||t({open:!1})},invokeOnExitComplete:({prop:e})=>{var t;(t=e("onExitComplete"))==null||t()},toggleVisibility:({prop:e,send:t})=>{t({type:e("open")?"controlled.open":"controlled.close"})}}}},np=G()(["dir","disabled","getRootNode","id","ids","collapsedHeight","collapsedWidth","onExitComplete","onOpenChange","defaultOpen","open"]),JI=B(np),ip=class extends te{initMachine(e){return new ee(tp,e)}initApi(){return ep(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="collapsible"][data-part="root"]');if(e){this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="collapsible"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=e.querySelector('[data-scope="collapsible"][data-part="content"]');n&&this.spreadProps(n,this.api.getContentProps())}}},rp={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new ip(e,y(v({id:e.id},O(e,"controlled")?{open:O(e,"open")}:{defaultOpen:O(e,"defaultOpen")}),{disabled:O(e,"disabled"),dir:x(e,"dir",["ltr","rtl"]),onOpenChange:i=>{let r=x(e,"onOpenChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,open:i.open});let s=x(e,"onOpenChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,open:i.open}}))}}));n.init(),this.collapsible=n,this.onSetOpen=i=>{let{open:r}=i.detail;n.api.setOpen(r)},e.addEventListener("phx:collapsible:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("collapsible_set_open",i=>{let r=i.collapsible_id;r&&r!==e.id||n.api.setOpen(i.open)})),this.handlers.push(this.handleEvent("collapsible_open",()=>{this.pushEvent("collapsible_open_response",{value:n.api.open})}))},updated(){var e;(e=this.collapsible)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{open:O(this.el,"open")}:{defaultOpen:O(this.el,"defaultOpen")}),{disabled:O(this.el,"disabled"),dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetOpen&&this.el.removeEventListener("phx:collapsible:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.collapsible)==null||e.destroy()}}});function Vi(e,t,...n){return[...e.slice(0,t),...n,...e.slice(t)]}function kr(e,t,n){t=[...t].sort((r,s)=>r-s);let i=t.map(r=>e[r]);for(let r=t.length-1;r>=0;r--)e=[...e.slice(0,t[r]),...e.slice(t[r]+1)];return n=Math.max(0,n-t.filter(r=>r<n).length),[...e.slice(0,n),...i,...e.slice(n)]}function Dl(e,t,n){for(let i=0;i<t.length;i++)e=n.getChildren(e,t.slice(i+1))[t[i]];return e}function lp(e){let t=cp(e),n=[],i=new Set;for(let r of t){let s=r.join();i.has(s)||(i.add(s),n.push(r))}return n}function Ll(e,t){for(let n=0;n<Math.min(e.length,t.length);n++){if(e[n]<t[n])return-1;if(e[n]>t[n])return 1}return e.length-t.length}function cp(e){return e.sort(Ll)}function up(e,t){let n;return $e(e,y(v({},t),{onEnter:(i,r)=>{if(t.predicate(i,r))return n=i,"stop"}})),n}function dp(e,t){let n=[];return $e(e,{onEnter:(i,r)=>{t.predicate(i,r)&&n.push(i)},getChildren:t.getChildren}),n}function Nl(e,t){let n;return $e(e,{onEnter:(i,r)=>{if(t.predicate(i,r))return n=[...r],"stop"},getChildren:t.getChildren}),n}function hp(e,t){let n=t.initialResult;return $e(e,y(v({},t),{onEnter:(i,r)=>{n=t.nextResult(n,i,r)}})),n}function gp(e,t){return hp(e,y(v({},t),{initialResult:[],nextResult:(n,i,r)=>(n.push(...t.transform(i,r)),n)}))}function fp(e,t){let{predicate:n,create:i,getChildren:r}=t,s=(o,a)=>{let l=r(o,a),c=[];l.forEach((d,g)=>{let m=[...a,g],b=s(d,m);b&&c.push(b)});let u=a.length===0,h=n(o,a),p=c.length>0;return u||h||p?i(o,c,a):null};return s(e,[])||i(e,[],[])}function pp(e,t){let n=[],i=0,r=new Map,s=new Map;return $e(e,{getChildren:t.getChildren,onEnter:(o,a)=>{r.has(o)||r.set(o,i++);let l=t.getChildren(o,a);l.forEach(d=>{s.has(d)||s.set(d,o),r.has(d)||r.set(d,i++)});let c=l.length>0?l.map(d=>r.get(d)):void 0,u=s.get(o),h=u?r.get(u):void 0,p=r.get(o);n.push(y(v({},o),{_children:c,_parent:h,_index:p}))}}),n}function mp(e,t){return{type:"insert",index:e,nodes:t}}function vp(e){return{type:"remove",indexes:e}}function no(){return{type:"replace"}}function Fl(e){return[e.slice(0,-1),e[e.length-1]]}function Ml(e,t,n=new Map){var o;let[i,r]=Fl(e);for(let a=i.length-1;a>=0;a--){let l=i.slice(0,a).join();switch((o=n.get(l))==null?void 0:o.type){case"remove":continue}n.set(l,no())}let s=n.get(i.join());switch(s==null?void 0:s.type){case"remove":n.set(i.join(),{type:"removeThenInsert",removeIndexes:s.indexes,insertIndex:r,insertNodes:t});break;default:n.set(i.join(),mp(r,t))}return n}function $l(e){var i;let t=new Map,n=new Map;for(let r of e){let s=r.slice(0,-1).join(),o=(i=n.get(s))!=null?i:[];o.push(r[r.length-1]),n.set(s,o.sort((a,l)=>a-l))}for(let r of e)for(let s=r.length-2;s>=0;s--){let o=r.slice(0,s).join();t.has(o)||t.set(o,no())}for(let[r,s]of n)t.set(r,vp(s));return t}function yp(e,t){let n=new Map,[i,r]=Fl(e);for(let s=i.length-1;s>=0;s--){let o=i.slice(0,s).join();n.set(o,no())}return n.set(i.join(),{type:"removeThenInsert",removeIndexes:[r],insertIndex:r,insertNodes:[t]}),n}function Rr(e,t,n){return bp(e,y(v({},n),{getChildren:(i,r)=>{let s=r.join(),o=t.get(s);switch(o==null?void 0:o.type){case"replace":case"remove":case"removeThenInsert":case"insert":return n.getChildren(i,r);default:return[]}},transform:(i,r,s)=>{let o=s.join(),a=t.get(o);switch(a==null?void 0:a.type){case"remove":return n.create(i,r.filter((u,h)=>!a.indexes.includes(h)),s);case"removeThenInsert":let l=r.filter((u,h)=>!a.removeIndexes.includes(h)),c=a.removeIndexes.reduce((u,h)=>h<u?u-1:u,a.insertIndex);return n.create(i,Rl(l,c,0,...a.insertNodes),s);case"insert":return n.create(i,Rl(r,a.index,0,...a.nodes),s);case"replace":return n.create(i,r,s);default:return i}}}))}function Rl(e,t,n,...i){return[...e.slice(0,t),...i,...e.slice(t+n)]}function bp(e,t){let n={};return $e(e,y(v({},t),{onLeave:(i,r)=>{var u,h;let s=[0,...r],o=s.join(),a=t.transform(i,(u=n[o])!=null?u:[],r),l=s.slice(0,-1).join(),c=(h=n[l])!=null?h:[];c.push(a),n[l]=c}})),n[""][0]}function Ep(e,t){let{nodes:n,at:i}=t;if(i.length===0)throw new Error("Can't insert nodes at the root");let r=Ml(i,n);return Rr(e,r,t)}function Cp(e,t){if(t.at.length===0)return t.node;let n=yp(t.at,t.node);return Rr(e,n,t)}function Ip(e,t){if(t.indexPaths.length===0)return e;for(let i of t.indexPaths)if(i.length===0)throw new Error("Can't remove the root node");let n=$l(t.indexPaths);return Rr(e,n,t)}function Tp(e,t){if(t.indexPaths.length===0)return e;for(let s of t.indexPaths)if(s.length===0)throw new Error("Can't move the root node");if(t.to.length===0)throw new Error("Can't move nodes to the root");let n=lp(t.indexPaths),i=n.map(s=>Dl(e,s,t)),r=Ml(t.to,i,$l(n));return Rr(e,r,t)}function $e(e,t){let{onEnter:n,onLeave:i,getChildren:r}=t,s=[],o=[{node:e}],a=t.reuseIndexPath?()=>s:()=>s.slice();for(;o.length>0;){let l=o[o.length-1];if(l.state===void 0){let u=n==null?void 0:n(l.node,a());if(u==="stop")return;l.state=u==="skip"?-1:0}let c=l.children||r(l.node,a());if(l.children||(l.children=c),l.state!==-1){if(l.state<c.length){let h=l.state;s.push(h),o.push({node:c[h]}),l.state=h+1;continue}if((i==null?void 0:i(l.node,a()))==="stop")return}s.pop(),o.pop()}}var sp,op,$,Nr,Xn,ap,io,jn,Ar=fe(()=>{"use strict";me();sp=Object.defineProperty,op=(e,t,n)=>t in e?sp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,$=(e,t,n)=>op(e,typeof t!="symbol"?t+"":t,n),Nr={itemToValue(e){return typeof e=="string"?e:Yt(e)&&Me(e,"value")?e.value:""},itemToString(e){return typeof e=="string"?e:Yt(e)&&Me(e,"label")?e.label:Nr.itemToValue(e)},isItemDisabled(e){return Yt(e)&&Me(e,"disabled")?!!e.disabled:!1}},Xn=class Al{constructor(t){this.options=t,$(this,"items"),$(this,"indexMap",null),$(this,"copy",n=>new Al(y(v({},this.options),{items:n!=null?n:[...this.items]}))),$(this,"isEqual",n=>he(this.items,n.items)),$(this,"setItems",n=>this.copy(n)),$(this,"getValues",(n=this.items)=>{let i=[];for(let r of n){let s=this.getItemValue(r);s!=null&&i.push(s)}return i}),$(this,"find",n=>{if(n==null)return null;let i=this.indexOf(n);return i!==-1?this.at(i):null}),$(this,"findMany",n=>{let i=[];for(let r of n){let s=this.find(r);s!=null&&i.push(s)}return i}),$(this,"at",n=>{var s;if(!this.options.groupBy&&!this.options.groupSort)return(s=this.items[n])!=null?s:null;let i=0,r=this.group();for(let[,o]of r)for(let a of o){if(i===n)return a;i++}return null}),$(this,"sortFn",(n,i)=>{let r=this.indexOf(n),s=this.indexOf(i);return(r!=null?r:0)-(s!=null?s:0)}),$(this,"sort",n=>[...n].sort(this.sortFn.bind(this))),$(this,"getItemValue",n=>{var i,r,s;return n==null?null:(s=(r=(i=this.options).itemToValue)==null?void 0:r.call(i,n))!=null?s:Nr.itemToValue(n)}),$(this,"getItemDisabled",n=>{var i,r,s;return n==null?!1:(s=(r=(i=this.options).isItemDisabled)==null?void 0:r.call(i,n))!=null?s:Nr.isItemDisabled(n)}),$(this,"stringifyItem",n=>{var i,r,s;return n==null?null:(s=(r=(i=this.options).itemToString)==null?void 0:r.call(i,n))!=null?s:Nr.itemToString(n)}),$(this,"stringify",n=>n==null?null:this.stringifyItem(this.find(n))),$(this,"stringifyItems",(n,i=", ")=>{let r=[];for(let s of n){let o=this.stringifyItem(s);o!=null&&r.push(o)}return r.join(i)}),$(this,"stringifyMany",(n,i)=>this.stringifyItems(this.findMany(n),i)),$(this,"has",n=>this.indexOf(n)!==-1),$(this,"hasItem",n=>n==null?!1:this.has(this.getItemValue(n))),$(this,"group",()=>{let{groupBy:n,groupSort:i}=this.options;if(!n)return[["",[...this.items]]];let r=new Map;this.items.forEach((o,a)=>{let l=n(o,a);r.has(l)||r.set(l,[]),r.get(l).push(o)});let s=Array.from(r.entries());return i&&s.sort(([o],[a])=>{if(typeof i=="function")return i(o,a);if(Array.isArray(i)){let l=i.indexOf(o),c=i.indexOf(a);return l===-1?1:c===-1?-1:l-c}return i==="asc"?o.localeCompare(a):i==="desc"?a.localeCompare(o):0}),s}),$(this,"getNextValue",(n,i=1,r=!1)=>{let s=this.indexOf(n);if(s===-1)return null;for(s=r?Math.min(s+i,this.size-1):s+i;s<=this.size&&this.getItemDisabled(this.at(s));)s++;return this.getItemValue(this.at(s))}),$(this,"getPreviousValue",(n,i=1,r=!1)=>{let s=this.indexOf(n);if(s===-1)return null;for(s=r?Math.max(s-i,0):s-i;s>=0&&this.getItemDisabled(this.at(s));)s--;return this.getItemValue(this.at(s))}),$(this,"indexOf",n=>{var i;if(n==null)return-1;if(!this.options.groupBy&&!this.options.groupSort)return this.items.findIndex(r=>this.getItemValue(r)===n);if(!this.indexMap){this.indexMap=new Map;let r=0,s=this.group();for(let[,o]of s)for(let a of o){let l=this.getItemValue(a);l!=null&&this.indexMap.set(l,r),r++}}return(i=this.indexMap.get(n))!=null?i:-1}),$(this,"getByText",(n,i)=>{let r=i!=null?this.indexOf(i):-1,s=n.length===1;for(let o=0;o<this.items.length;o++){let a=this.items[(r+o+1)%this.items.length];if(!(s&&this.getItemValue(a)===i)&&!this.getItemDisabled(a)&&ap(this.stringifyItem(a),n))return a}}),$(this,"search",(n,i)=>{let{state:r,currentValue:s,timeout:o=350}=i,a=r.keysSoFar+n,c=a.length>1&&Array.from(a).every(g=>g===a[0])?a[0]:a,u=this.getByText(c,s),h=this.getItemValue(u);function p(){clearTimeout(r.timer),r.timer=-1}function d(g){r.keysSoFar=g,p(),g!==""&&(r.timer=+setTimeout(()=>{d(""),p()},o))}return d(a),h}),$(this,"update",(n,i)=>{let r=this.indexOf(n);return r===-1?this:this.copy([...this.items.slice(0,r),i,...this.items.slice(r+1)])}),$(this,"upsert",(n,i,r="append")=>{let s=this.indexOf(n);return s===-1?(r==="append"?this.append:this.prepend)(i):this.copy([...this.items.slice(0,s),i,...this.items.slice(s+1)])}),$(this,"insert",(n,...i)=>this.copy(Vi(this.items,n,...i))),$(this,"insertBefore",(n,...i)=>{let r=this.indexOf(n);if(r===-1)if(this.items.length===0)r=0;else return this;return this.copy(Vi(this.items,r,...i))}),$(this,"insertAfter",(n,...i)=>{let r=this.indexOf(n);if(r===-1)if(this.items.length===0)r=0;else return this;return this.copy(Vi(this.items,r+1,...i))}),$(this,"prepend",(...n)=>this.copy(Vi(this.items,0,...n))),$(this,"append",(...n)=>this.copy(Vi(this.items,this.items.length,...n))),$(this,"filter",n=>{let i=this.items.filter((r,s)=>n(this.stringifyItem(r),s,r));return this.copy(i)}),$(this,"remove",(...n)=>{let i=n.map(r=>typeof r=="string"?r:this.getItemValue(r));return this.copy(this.items.filter(r=>{let s=this.getItemValue(r);return s==null?!1:!i.includes(s)}))}),$(this,"move",(n,i)=>{let r=this.indexOf(n);return r===-1?this:this.copy(kr(this.items,[r],i))}),$(this,"moveBefore",(n,...i)=>{let r=this.items.findIndex(o=>this.getItemValue(o)===n);if(r===-1)return this;let s=i.map(o=>this.items.findIndex(a=>this.getItemValue(a)===o)).sort((o,a)=>o-a);return this.copy(kr(this.items,s,r))}),$(this,"moveAfter",(n,...i)=>{let r=this.items.findIndex(o=>this.getItemValue(o)===n);if(r===-1)return this;let s=i.map(o=>this.items.findIndex(a=>this.getItemValue(a)===o)).sort((o,a)=>o-a);return this.copy(kr(this.items,s,r+1))}),$(this,"reorder",(n,i)=>this.copy(kr(this.items,[n],i))),$(this,"compareValue",(n,i)=>{let r=this.indexOf(n),s=this.indexOf(i);return r<s?-1:r>s?1:0}),$(this,"range",(n,i)=>{let r=[],s=n;for(;s!=null;){if(this.find(s)&&r.push(s),s===i)return r;s=this.getNextValue(s)}return[]}),$(this,"getValueRange",(n,i)=>n&&i?this.compareValue(n,i)<=0?this.range(n,i):this.range(i,n):[]),$(this,"toString",()=>{let n="";for(let i of this.items){let r=this.getItemValue(i),s=this.stringifyItem(i),o=this.getItemDisabled(i),a=[r,s,o].filter(Boolean).join(":");n+=a+","}return n}),$(this,"toJSON",()=>({size:this.size,first:this.firstValue,last:this.lastValue})),this.items=[...t.items]}get size(){return this.items.length}get firstValue(){let t=0;for(;this.getItemDisabled(this.at(t));)t++;return this.getItemValue(this.at(t))}get lastValue(){let t=this.size-1;for(;this.getItemDisabled(this.at(t));)t--;return this.getItemValue(this.at(t))}*[Symbol.iterator](){yield*Ea(this.items)}},ap=(e,t)=>!!(e!=null&&e.toLowerCase().startsWith(t.toLowerCase()));io=class _l{constructor(t){this.options=t,$(this,"rootNode"),$(this,"isEqual",n=>he(this.rootNode,n.rootNode)),$(this,"getNodeChildren",n=>{var i,r,s,o;return(o=(s=(r=(i=this.options).nodeToChildren)==null?void 0:r.call(i,n))!=null?s:jn.nodeToChildren(n))!=null?o:[]}),$(this,"resolveIndexPath",n=>typeof n=="string"?this.getIndexPath(n):n),$(this,"resolveNode",n=>{let i=this.resolveIndexPath(n);return i?this.at(i):void 0}),$(this,"getNodeChildrenCount",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToChildrenCount)==null?void 0:r.call(i,n))!=null?s:jn.nodeToChildrenCount(n)}),$(this,"getNodeValue",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToValue)==null?void 0:r.call(i,n))!=null?s:jn.nodeToValue(n)}),$(this,"getNodeDisabled",n=>{var i,r,s;return(s=(r=(i=this.options).isNodeDisabled)==null?void 0:r.call(i,n))!=null?s:jn.isNodeDisabled(n)}),$(this,"stringify",n=>{let i=this.findNode(n);return i?this.stringifyNode(i):null}),$(this,"stringifyNode",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToString)==null?void 0:r.call(i,n))!=null?s:jn.nodeToString(n)}),$(this,"getFirstNode",(n=this.rootNode,i={})=>{let r;return $e(n,{getChildren:this.getNodeChildren,onEnter:(s,o)=>{var a;if(!this.isSameNode(s,n)){if((a=i.skip)!=null&&a.call(i,{value:this.getNodeValue(s),node:s,indexPath:o}))return"skip";if(!r&&o.length>0&&!this.getNodeDisabled(s))return r=s,"stop"}}}),r}),$(this,"getLastNode",(n=this.rootNode,i={})=>{let r;return $e(n,{getChildren:this.getNodeChildren,onEnter:(s,o)=>{var a;if(!this.isSameNode(s,n)){if((a=i.skip)!=null&&a.call(i,{value:this.getNodeValue(s),node:s,indexPath:o}))return"skip";o.length>0&&!this.getNodeDisabled(s)&&(r=s)}}}),r}),$(this,"at",n=>Dl(this.rootNode,n,{getChildren:this.getNodeChildren})),$(this,"findNode",(n,i=this.rootNode)=>up(i,{getChildren:this.getNodeChildren,predicate:r=>this.getNodeValue(r)===n})),$(this,"findNodes",(n,i=this.rootNode)=>{let r=new Set(n.filter(s=>s!=null));return dp(i,{getChildren:this.getNodeChildren,predicate:s=>r.has(this.getNodeValue(s))})}),$(this,"sort",n=>n.reduce((i,r)=>{let s=this.getIndexPath(r);return s&&i.push({value:r,indexPath:s}),i},[]).sort((i,r)=>Ll(i.indexPath,r.indexPath)).map(({value:i})=>i)),$(this,"getIndexPath",n=>Nl(this.rootNode,{getChildren:this.getNodeChildren,predicate:i=>this.getNodeValue(i)===n})),$(this,"getValue",n=>{let i=this.at(n);return i?this.getNodeValue(i):void 0}),$(this,"getValuePath",n=>{if(!n)return[];let i=[],r=[...n];for(;r.length>0;){let s=this.at(r);s&&i.unshift(this.getNodeValue(s)),r.pop()}return i}),$(this,"getDepth",n=>{var r;let i=Nl(this.rootNode,{getChildren:this.getNodeChildren,predicate:s=>this.getNodeValue(s)===n});return(r=i==null?void 0:i.length)!=null?r:0}),$(this,"isSameNode",(n,i)=>this.getNodeValue(n)===this.getNodeValue(i)),$(this,"isRootNode",n=>this.isSameNode(n,this.rootNode)),$(this,"contains",(n,i)=>!n||!i?!1:i.slice(0,n.length).every((r,s)=>n[s]===i[s])),$(this,"getNextNode",(n,i={})=>{let r=!1,s;return $e(this.rootNode,{getChildren:this.getNodeChildren,onEnter:(o,a)=>{var c;if(this.isRootNode(o))return;let l=this.getNodeValue(o);if((c=i.skip)!=null&&c.call(i,{value:l,node:o,indexPath:a}))return l===n&&(r=!0),"skip";if(r&&!this.getNodeDisabled(o))return s=o,"stop";l===n&&(r=!0)}}),s}),$(this,"getPreviousNode",(n,i={})=>{let r,s=!1;return $e(this.rootNode,{getChildren:this.getNodeChildren,onEnter:(o,a)=>{var c;if(this.isRootNode(o))return;let l=this.getNodeValue(o);if((c=i.skip)!=null&&c.call(i,{value:l,node:o,indexPath:a}))return"skip";if(l===n)return s=!0,"stop";this.getNodeDisabled(o)||(r=o)}}),s?r:void 0}),$(this,"getParentNodes",n=>{var s;let i=(s=this.resolveIndexPath(n))==null?void 0:s.slice();if(!i)return[];let r=[];for(;i.length>0;){i.pop();let o=this.at(i);o&&!this.isRootNode(o)&&r.unshift(o)}return r}),$(this,"getDescendantNodes",(n,i)=>{let r=this.resolveNode(n);if(!r)return[];let s=[];return $e(r,{getChildren:this.getNodeChildren,onEnter:(o,a)=>{a.length!==0&&(!(i!=null&&i.withBranch)&&this.isBranchNode(o)||s.push(o))}}),s}),$(this,"getDescendantValues",(n,i)=>this.getDescendantNodes(n,i).map(s=>this.getNodeValue(s))),$(this,"getParentIndexPath",n=>n.slice(0,-1)),$(this,"getParentNode",n=>{let i=this.resolveIndexPath(n);return i?this.at(this.getParentIndexPath(i)):void 0}),$(this,"visit",n=>{let s=n,{skip:i}=s,r=ze(s,["skip"]);$e(this.rootNode,y(v({},r),{getChildren:this.getNodeChildren,onEnter:(o,a)=>{var l;if(!this.isRootNode(o))return i!=null&&i({value:this.getNodeValue(o),node:o,indexPath:a})?"skip":(l=r.onEnter)==null?void 0:l.call(r,o,a)}}))}),$(this,"getPreviousSibling",n=>{let i=this.getParentNode(n);if(!i)return;let r=this.getNodeChildren(i),s=n[n.length-1];for(;--s>=0;){let o=r[s];if(!this.getNodeDisabled(o))return o}}),$(this,"getNextSibling",n=>{let i=this.getParentNode(n);if(!i)return;let r=this.getNodeChildren(i),s=n[n.length-1];for(;++s<r.length;){let o=r[s];if(!this.getNodeDisabled(o))return o}}),$(this,"getSiblingNodes",n=>{let i=this.getParentNode(n);return i?this.getNodeChildren(i):[]}),$(this,"getValues",(n=this.rootNode)=>gp(n,{getChildren:this.getNodeChildren,transform:r=>[this.getNodeValue(r)]}).slice(1)),$(this,"isValidDepth",(n,i)=>i==null?!0:typeof i=="function"?i(n.length):n.length===i),$(this,"isBranchNode",n=>this.getNodeChildren(n).length>0||this.getNodeChildrenCount(n)!=null),$(this,"getBranchValues",(n=this.rootNode,i={})=>{let r=[];return $e(n,{getChildren:this.getNodeChildren,onEnter:(s,o)=>{var l;if(o.length===0)return;let a=this.getNodeValue(s);if((l=i.skip)!=null&&l.call(i,{value:a,node:s,indexPath:o}))return"skip";this.isBranchNode(s)&&this.isValidDepth(o,i.depth)&&r.push(this.getNodeValue(s))}}),r}),$(this,"flatten",(n=this.rootNode)=>pp(n,{getChildren:this.getNodeChildren})),$(this,"_create",(n,i)=>this.getNodeChildren(n).length>0||i.length>0?y(v({},n),{children:i}):v({},n)),$(this,"_insert",(n,i,r)=>this.copy(Ep(n,{at:i,nodes:r,getChildren:this.getNodeChildren,create:this._create}))),$(this,"copy",n=>new _l(y(v({},this.options),{rootNode:n}))),$(this,"_replace",(n,i,r)=>this.copy(Cp(n,{at:i,node:r,getChildren:this.getNodeChildren,create:this._create}))),$(this,"_move",(n,i,r)=>this.copy(Tp(n,{indexPaths:i,to:r,getChildren:this.getNodeChildren,create:this._create}))),$(this,"_remove",(n,i)=>this.copy(Ip(n,{indexPaths:i,getChildren:this.getNodeChildren,create:this._create}))),$(this,"replace",(n,i)=>this._replace(this.rootNode,n,i)),$(this,"remove",n=>this._remove(this.rootNode,n)),$(this,"insertBefore",(n,i)=>this.getParentNode(n)?this._insert(this.rootNode,n,i):void 0),$(this,"insertAfter",(n,i)=>{if(!this.getParentNode(n))return;let s=[...n.slice(0,-1),n[n.length-1]+1];return this._insert(this.rootNode,s,i)}),$(this,"move",(n,i)=>this._move(this.rootNode,n,i)),$(this,"filter",n=>{let i=fp(this.rootNode,{predicate:n,getChildren:this.getNodeChildren,create:this._create});return this.copy(i)}),$(this,"toJSON",()=>this.getValues(this.rootNode)),this.rootNode=t.rootNode}},jn={nodeToValue(e){return typeof e=="string"?e:Yt(e)&&Me(e,"value")?e.value:""},nodeToString(e){return typeof e=="string"?e:Yt(e)&&Me(e,"label")?e.label:jn.nodeToValue(e)},isNodeDisabled(e){return Yt(e)&&Me(e,"disabled")?!!e.disabled:!1},nodeToChildren(e){return e.children},nodeToChildrenCount(e){if(Yt(e)&&Me(e,"childrenCount"))return e.childrenCount}}});function so(e,t,n){return _e(e,jt(t,n))}function Rt(e,t){return typeof e=="function"?e(t):e}function At(e){return e.split("-")[0]}function zn(e){return e.split("-")[1]}function lo(e){return e==="x"?"y":"x"}function co(e){return e==="y"?"height":"width"}function gt(e){return wp.has(At(e))?"y":"x"}function uo(e){return lo(gt(e))}function Vp(e,t,n){n===void 0&&(n=!1);let i=zn(e),r=uo(e),s=co(r),o=r==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(o=Fr(o)),[o,Fr(o)]}function xp(e){let t=Fr(e);return[oo(e),t,oo(t)]}function oo(e){return e.replace(/start|end/g,t=>Pp[t])}function Rp(e,t,n){switch(e){case"top":case"bottom":return n?t?Bl:Hl:t?Hl:Bl;case"left":case"right":return t?kp:Np;default:return[]}}function Ap(e,t,n,i){let r=zn(e),s=Rp(At(e),n==="start",i);return r&&(s=s.map(o=>o+"-"+r),t&&(s=s.concat(s.map(oo)))),s}function Fr(e){return e.replace(/left|right|bottom|top/g,t=>Sp[t])}function Dp(e){return v({top:0,right:0,bottom:0,left:0},e)}function Jl(e){return typeof e!="number"?Dp(e):{top:e,right:e,bottom:e,left:e}}function Mr(e){let{x:t,y:n,width:i,height:r}=e;return{width:i,height:r,top:n,left:t,right:t+i,bottom:n+r,x:t,y:n}}function Gl(e,t,n){let{reference:i,floating:r}=e,s=gt(t),o=uo(t),a=co(o),l=At(t),c=s==="y",u=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,p=i[a]/2-r[a]/2,d;switch(l){case"top":d={x:u,y:i.y-r.height};break;case"bottom":d={x:u,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:h};break;case"left":d={x:i.x-r.width,y:h};break;default:d={x:i.x,y:i.y}}switch(zn(t)){case"start":d[o]-=p*(n&&c?-1:1);break;case"end":d[o]+=p*(n&&c?-1:1);break}return d}function Lp(e,t){return Ee(this,null,function*(){var n;t===void 0&&(t={});let{x:i,y:r,platform:s,rects:o,elements:a,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:p=!1,padding:d=0}=Rt(t,e),g=Jl(d),b=a[p?h==="floating"?"reference":"floating":h],P=Mr(yield s.getClippingRect({element:(n=yield s.isElement==null?void 0:s.isElement(b))==null||n?b:b.contextElement||(yield s.getDocumentElement==null?void 0:s.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:l})),S=h==="floating"?{x:i,y:r,width:o.floating.width,height:o.floating.height}:o.reference,E=yield s.getOffsetParent==null?void 0:s.getOffsetParent(a.floating),f=(yield s.isElement==null?void 0:s.isElement(E))?(yield s.getScale==null?void 0:s.getScale(E))||{x:1,y:1}:{x:1,y:1},C=Mr(s.convertOffsetParentRelativeRectToViewportRelativeRect?yield s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:S,offsetParent:E,strategy:l}):S);return{top:(P.top-C.top+g.top)/f.y,bottom:(C.bottom-P.bottom+g.bottom)/f.y,left:(P.left-C.left+g.left)/f.x,right:(C.right-P.right+g.right)/f.x}})}function Ul(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function ql(e){return Op.some(t=>e[t]>=0)}function Hp(e,t){return Ee(this,null,function*(){let{placement:n,platform:i,elements:r}=e,s=yield i.isRTL==null?void 0:i.isRTL(r.floating),o=At(n),a=zn(n),l=gt(n)==="y",c=zl.has(o)?-1:1,u=s&&l?-1:1,h=Rt(t,e),{mainAxis:p,crossAxis:d,alignmentAxis:g}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&typeof g=="number"&&(d=a==="end"?g*-1:g),l?{x:d*u,y:p*c}:{x:p*c,y:d*u}})}function $r(){return typeof window!="undefined"}function Qn(e){return Ql(e)?(e.nodeName||"").toLowerCase():"#document"}function He(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function mt(e){var t;return(t=(Ql(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Ql(e){return $r()?e instanceof Node||e instanceof He(e).Node:!1}function st(e){return $r()?e instanceof Element||e instanceof He(e).Element:!1}function pt(e){return $r()?e instanceof HTMLElement||e instanceof He(e).HTMLElement:!1}function Wl(e){return!$r()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof He(e).ShadowRoot}function Ni(e){let{overflow:t,overflowX:n,overflowY:i,display:r}=ot(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!Wp.has(r)}function Yp(e){return Kp.has(Qn(e))}function _r(e){return jp.some(t=>{try{return e.matches(t)}catch(n){return!1}})}function ho(e){let t=go(),n=st(e)?ot(e):e;return Xp.some(i=>n[i]?n[i]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||Zp.some(i=>(n.willChange||"").includes(i))||Jp.some(i=>(n.contain||"").includes(i))}function zp(e){let t=Xt(e);for(;pt(t)&&!Jn(t);){if(ho(t))return t;if(_r(t))return null;t=Xt(t)}return null}function go(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Jn(e){return Qp.has(Qn(e))}function ot(e){return He(e).getComputedStyle(e)}function Hr(e){return st(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Xt(e){if(Qn(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Wl(e)&&e.host||mt(e);return Wl(t)?t.host:t}function ec(e){let t=Xt(e);return Jn(t)?e.ownerDocument?e.ownerDocument.body:e.body:pt(t)&&Ni(t)?t:ec(t)}function ki(e,t,n){var i;t===void 0&&(t=[]),n===void 0&&(n=!0);let r=ec(e),s=r===((i=e.ownerDocument)==null?void 0:i.body),o=He(r);if(s){let a=ao(o);return t.concat(o,o.visualViewport||[],Ni(r)?r:[],a&&n?ki(a):[])}return t.concat(r,ki(r,[],n))}function ao(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function tc(e){let t=ot(e),n=parseFloat(t.width)||0,i=parseFloat(t.height)||0,r=pt(e),s=r?e.offsetWidth:n,o=r?e.offsetHeight:i,a=Lr(n)!==s||Lr(i)!==o;return a&&(n=s,i=o),{width:n,height:i,$:a}}function fo(e){return st(e)?e:e.contextElement}function Zn(e){let t=fo(e);if(!pt(t))return ft(1);let n=t.getBoundingClientRect(),{width:i,height:r,$:s}=tc(t),o=(s?Lr(n.width):n.width)/i,a=(s?Lr(n.height):n.height)/r;return(!o||!Number.isFinite(o))&&(o=1),(!a||!Number.isFinite(a))&&(a=1),{x:o,y:a}}function nc(e){let t=He(e);return!go()||!t.visualViewport?em:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function tm(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==He(e)?!1:t}function hn(e,t,n,i){t===void 0&&(t=!1),n===void 0&&(n=!1);let r=e.getBoundingClientRect(),s=fo(e),o=ft(1);t&&(i?st(i)&&(o=Zn(i)):o=Zn(e));let a=tm(s,n,i)?nc(s):ft(0),l=(r.left+a.x)/o.x,c=(r.top+a.y)/o.y,u=r.width/o.x,h=r.height/o.y;if(s){let p=He(s),d=i&&st(i)?He(i):i,g=p,m=ao(g);for(;m&&i&&d!==g;){let b=Zn(m),P=m.getBoundingClientRect(),S=ot(m),E=P.left+(m.clientLeft+parseFloat(S.paddingLeft))*b.x,f=P.top+(m.clientTop+parseFloat(S.paddingTop))*b.y;l*=b.x,c*=b.y,u*=b.x,h*=b.y,l+=E,c+=f,g=He(m),m=ao(g)}}return Mr({width:u,height:h,x:l,y:c})}function Br(e,t){let n=Hr(e).scrollLeft;return t?t.left+n:hn(mt(e)).left+n}function ic(e,t){let n=e.getBoundingClientRect(),i=n.left+t.scrollLeft-Br(e,n),r=n.top+t.scrollTop;return{x:i,y:r}}function nm(e){let{elements:t,rect:n,offsetParent:i,strategy:r}=e,s=r==="fixed",o=mt(i),a=t?_r(t.floating):!1;if(i===o||a&&s)return n;let l={scrollLeft:0,scrollTop:0},c=ft(1),u=ft(0),h=pt(i);if((h||!h&&!s)&&((Qn(i)!=="body"||Ni(o))&&(l=Hr(i)),pt(i))){let d=hn(i);c=Zn(i),u.x=d.x+i.clientLeft,u.y=d.y+i.clientTop}let p=o&&!h&&!s?ic(o,l):ft(0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+u.x+p.x,y:n.y*c.y-l.scrollTop*c.y+u.y+p.y}}function im(e){return Array.from(e.getClientRects())}function rm(e){let t=mt(e),n=Hr(e),i=e.ownerDocument.body,r=_e(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),s=_e(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),o=-n.scrollLeft+Br(e),a=-n.scrollTop;return ot(i).direction==="rtl"&&(o+=_e(t.clientWidth,i.clientWidth)-r),{width:r,height:s,x:o,y:a}}function sm(e,t){let n=He(e),i=mt(e),r=n.visualViewport,s=i.clientWidth,o=i.clientHeight,a=0,l=0;if(r){s=r.width,o=r.height;let u=go();(!u||u&&t==="fixed")&&(a=r.offsetLeft,l=r.offsetTop)}let c=Br(i);if(c<=0){let u=i.ownerDocument,h=u.body,p=getComputedStyle(h),d=u.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,g=Math.abs(i.clientWidth-h.clientWidth-d);g<=Kl&&(s-=g)}else c<=Kl&&(s+=c);return{width:s,height:o,x:a,y:l}}function am(e,t){let n=hn(e,!0,t==="fixed"),i=n.top+e.clientTop,r=n.left+e.clientLeft,s=pt(e)?Zn(e):ft(1),o=e.clientWidth*s.x,a=e.clientHeight*s.y,l=r*s.x,c=i*s.y;return{width:o,height:a,x:l,y:c}}function Yl(e,t,n){let i;if(t==="viewport")i=sm(e,n);else if(t==="document")i=rm(mt(e));else if(st(t))i=am(t,n);else{let r=nc(e);i={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return Mr(i)}function rc(e,t){let n=Xt(e);return n===t||!st(n)||Jn(n)?!1:ot(n).position==="fixed"||rc(n,t)}function lm(e,t){let n=t.get(e);if(n)return n;let i=ki(e,[],!1).filter(a=>st(a)&&Qn(a)!=="body"),r=null,s=ot(e).position==="fixed",o=s?Xt(e):e;for(;st(o)&&!Jn(o);){let a=ot(o),l=ho(o);!l&&a.position==="fixed"&&(r=null),(s?!l&&!r:!l&&a.position==="static"&&!!r&&om.has(r.position)||Ni(o)&&!l&&rc(e,o))?i=i.filter(u=>u!==o):r=a,o=Xt(o)}return t.set(e,i),i}function cm(e){let{element:t,boundary:n,rootBoundary:i,strategy:r}=e,o=[...n==="clippingAncestors"?_r(t)?[]:lm(t,this._c):[].concat(n),i],a=o[0],l=o.reduce((c,u)=>{let h=Yl(t,u,r);return c.top=_e(h.top,c.top),c.right=jt(h.right,c.right),c.bottom=jt(h.bottom,c.bottom),c.left=_e(h.left,c.left),c},Yl(t,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function um(e){let{width:t,height:n}=tc(e);return{width:t,height:n}}function dm(e,t,n){let i=pt(t),r=mt(t),s=n==="fixed",o=hn(e,!0,s,t),a={scrollLeft:0,scrollTop:0},l=ft(0);function c(){l.x=Br(r)}if(i||!i&&!s)if((Qn(t)!=="body"||Ni(r))&&(a=Hr(t)),i){let d=hn(t,!0,s,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else r&&c();s&&!i&&r&&c();let u=r&&!i&&!s?ic(r,a):ft(0),h=o.left+a.scrollLeft-l.x-u.x,p=o.top+a.scrollTop-l.y-u.y;return{x:h,y:p,width:o.width,height:o.height}}function ro(e){return ot(e).position==="static"}function jl(e,t){if(!pt(e)||ot(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return mt(e)===n&&(n=n.ownerDocument.body),n}function sc(e,t){let n=He(e);if(_r(e))return n;if(!pt(e)){let r=Xt(e);for(;r&&!Jn(r);){if(st(r)&&!ro(r))return r;r=Xt(r)}return n}let i=jl(e,t);for(;i&&Yp(i)&&ro(i);)i=jl(i,t);return i&&Jn(i)&&ro(i)&&!ho(i)?n:i||zp(e)||n}function gm(e){return ot(e).direction==="rtl"}function oc(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function pm(e,t){let n=null,i,r=mt(e);function s(){var a;clearTimeout(i),(a=n)==null||a.disconnect(),n=null}function o(a,l){a===void 0&&(a=!1),l===void 0&&(l=1),s();let c=e.getBoundingClientRect(),{left:u,top:h,width:p,height:d}=c;if(a||t(),!p||!d)return;let g=Dr(h),m=Dr(r.clientWidth-(u+p)),b=Dr(r.clientHeight-(h+d)),P=Dr(u),E={rootMargin:-g+"px "+-m+"px "+-b+"px "+-P+"px",threshold:_e(0,jt(1,l))||1},f=!0;function C(I){let V=I[0].intersectionRatio;if(V!==l){if(!f)return o();V?o(!1,V):i=setTimeout(()=>{o(!1,1e-7)},1e3)}V===1&&!oc(c,e.getBoundingClientRect())&&o(),f=!1}try{n=new IntersectionObserver(C,y(v({},E),{root:r.ownerDocument}))}catch(I){n=new IntersectionObserver(C,E)}n.observe(e)}return o(!0),s}function mm(e,t,n,i){i===void 0&&(i={});let{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:o=typeof ResizeObserver=="function",layoutShift:a=typeof IntersectionObserver=="function",animationFrame:l=!1}=i,c=fo(e),u=r||s?[...c?ki(c):[],...ki(t)]:[];u.forEach(P=>{r&&P.addEventListener("scroll",n,{passive:!0}),s&&P.addEventListener("resize",n)});let h=c&&a?pm(c,n):null,p=-1,d=null;o&&(d=new ResizeObserver(P=>{let[S]=P;S&&S.target===c&&d&&(d.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var E;(E=d)==null||E.observe(t)})),n()}),c&&!l&&d.observe(c),d.observe(t));let g,m=l?hn(e):null;l&&b();function b(){let P=hn(e);m&&!oc(m,P)&&n(),m=P,g=requestAnimationFrame(b)}return n(),()=>{var P;u.forEach(S=>{r&&S.removeEventListener("scroll",n),s&&S.removeEventListener("resize",n)}),h==null||h(),(P=d)==null||P.disconnect(),d=null,l&&cancelAnimationFrame(g)}}function Xl(e=0,t=0,n=0,i=0){if(typeof DOMRect=="function")return new DOMRect(e,t,n,i);let r={x:e,y:t,width:n,height:i,top:t,right:e+n,bottom:t+i,left:e};return y(v({},r),{toJSON:()=>r})}function Sm(e){if(!e)return Xl();let{x:t,y:n,width:i,height:r}=e;return Xl(t,n,i,r)}function Pm(e,t){return{contextElement:ce(e)?e:e==null?void 0:e.contextElement,getBoundingClientRect:()=>{let n=e,i=t==null?void 0:t(n);return i||!n?Sm(i):n.getBoundingClientRect()}}}function Vm(e,t){return{name:"transformOrigin",fn(n){var w,N,A,L,M;let{elements:i,middlewareData:r,placement:s,rects:o,y:a}=n,l=s.split("-")[0],c=wm(l),u=((w=r.arrow)==null?void 0:w.x)||0,h=((N=r.arrow)==null?void 0:N.y)||0,p=(t==null?void 0:t.clientWidth)||0,d=(t==null?void 0:t.clientHeight)||0,g=u+p/2,m=h+d/2,b=Math.abs(((A=r.shift)==null?void 0:A.y)||0),P=o.reference.height/2,S=d/2,E=(M=(L=e.offset)==null?void 0:L.mainAxis)!=null?M:e.gutter,f=typeof E=="number"?E+S:E!=null?E:S,C=b>f,I={top:`${g}px calc(100% + ${f}px)`,bottom:`${g}px ${-f}px`,left:`calc(100% + ${f}px) ${m}px`,right:`${-f}px ${m}px`}[l],V=`${g}px ${o.reference.y+P-a}px`,R=!!e.overlap&&c==="y"&&C;return i.floating.style.setProperty(Nt.transformOrigin.variable,R?V:I),{data:{transformOrigin:R?V:I}}}}}function Nm(e){let[t,n]=e.split("-");return{side:t,align:n,hasAlign:n!=null}}function ac(e){return e.split("-")[0]}function Zl(e,t){let n=e.devicePixelRatio||1;return Math.round(t*n)/n}function po(e){return typeof e=="function"?e():e==="clipping-ancestors"?"clippingAncestors":e}function Am(e,t,n){let i=e||t.createElement("div");return Im({element:i,padding:n.arrowPadding})}function Dm(e,t){var n;if(!al((n=t.offset)!=null?n:t.gutter))return vm(({placement:i})=>{var u,h,p,d;let r=((e==null?void 0:e.clientHeight)||0)/2,s=(h=(u=t.offset)==null?void 0:u.mainAxis)!=null?h:t.gutter,o=typeof s=="number"?s+r:s!=null?s:r,{hasAlign:a}=Nm(i),l=a?void 0:t.shift,c=(d=(p=t.offset)==null?void 0:p.crossAxis)!=null?d:l;return Gn({crossAxis:c,mainAxis:o,alignmentAxis:t.shift})})}function Lm(e){if(!e.flip)return;let t=po(e.boundary);return bm(y(v({},t?{boundary:t}:void 0),{padding:e.overflowPadding,fallbackPlacements:e.flip===!0?void 0:e.flip}))}function Fm(e){if(!e.slide&&!e.overlap)return;let t=po(e.boundary);return ym(y(v({},t?{boundary:t}:void 0),{mainAxis:e.slide,crossAxis:e.overlap,padding:e.overflowPadding,limiter:Tm()}))}function Mm(e){return Em({padding:e.overflowPadding,apply({elements:t,rects:n,availableHeight:i,availableWidth:r}){let s=t.floating,o=Math.round(n.reference.width),a=Math.round(n.reference.height);r=Math.floor(r),i=Math.floor(i),s.style.setProperty("--reference-width",`${o}px`),s.style.setProperty("--reference-height",`${a}px`),s.style.setProperty("--available-width",`${r}px`),s.style.setProperty("--available-height",`${i}px`)}})}function $m(e){var t;if(e.hideWhenDetached)return Cm({strategy:"referenceHidden",boundary:(t=po(e.boundary))!=null?t:"clippingAncestors"})}function _m(e){return e?e===!0?{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,layoutShift:!0}:e:{}}function Hm(e,t,n={}){var b,P;let i=(P=(b=n.getAnchorElement)==null?void 0:b.call(n))!=null?P:e,r=Pm(i,n.getAnchorRect);if(!t||!r)return;let s=Object.assign({},Rm,n),o=t.querySelector("[data-part=arrow]"),a=[Dm(o,s),Lm(s),Fm(s),Am(o,t.ownerDocument,s),km(o),Vm({gutter:s.gutter,offset:s.offset,overlap:s.overlap},o),Mm(s),$m(s),xm],{placement:l,strategy:c,onComplete:u,onPositioned:h}=s,p=()=>Ee(null,null,function*(){var V;if(!r||!t)return;let S=yield Om(r,t,{placement:l,middleware:a,strategy:c});u==null||u(S),h==null||h({placed:!0});let E=oe(t),f=Zl(E,S.x),C=Zl(E,S.y);t.style.setProperty("--x",`${f}px`),t.style.setProperty("--y",`${C}px`),s.hideWhenDetached&&(((V=S.middlewareData.hide)==null?void 0:V.referenceHidden)?(t.style.setProperty("visibility","hidden"),t.style.setProperty("pointer-events","none")):(t.style.removeProperty("visibility"),t.style.removeProperty("pointer-events")));let I=t.firstElementChild;if(I){let R=qt(I);t.style.setProperty("--z-index",R.zIndex)}}),d=()=>Ee(null,null,function*(){n.updatePosition?(yield n.updatePosition({updatePosition:p,floatingElement:t}),h==null||h({placed:!0})):yield p()}),g=_m(s.listeners),m=s.listeners?mm(r,t,d,g):cl;return d(),()=>{m==null||m(),h==null||h({placed:!1})}}function at(e,t,n={}){let a=n,{defer:i}=a,r=ze(a,["defer"]),s=i?H:l=>l(),o=[];return o.push(s(()=>{let l=typeof e=="function"?e():e,c=typeof t=="function"?t():t;o.push(Hm(l,c,r))})),()=>{o.forEach(l=>l==null?void 0:l())}}function Zt(e={}){let{placement:t,sameWidth:n,fitViewport:i,strategy:r="absolute"}=e;return{arrow:{position:"absolute",width:Nt.arrowSize.reference,height:Nt.arrowSize.reference,[Nt.arrowSizeHalf.variable]:`calc(${Nt.arrowSize.reference} / 2)`,[Nt.arrowOffset.variable]:`calc(${Nt.arrowSizeHalf.reference} * -1)`},arrowTip:{transform:t?Bm[t.split("-")[0]]:void 0,background:Nt.arrowBg.reference,top:"0",left:"0",width:"100%",height:"100%",position:"absolute",zIndex:"inherit"},floating:{position:r,isolation:"isolate",minWidth:n?void 0:"max-content",width:n?"var(--reference-width)":void 0,maxWidth:i?"var(--available-width)":void 0,maxHeight:i?"var(--available-height)":void 0,pointerEvents:t?void 0:"none",top:"0px",left:"0px",transform:t?"translate3d(var(--x), var(--y), 0)":"translate3d(0, -100vh, 0)",zIndex:"var(--z-index)"}}}var Op,jt,_e,Lr,Dr,ft,Sp,Pp,wp,Hl,Bl,kp,Np,Fp,Mp,$p,_p,zl,Bp,Gp,Up,qp,Wp,Kp,jp,Xp,Zp,Jp,Qp,em,Kl,om,hm,fm,vm,ym,bm,Em,Cm,Im,Tm,Om,xi,Nt,wm,xm,km,Rm,Bm,Ri=fe(()=>{"use strict";me();Op=["top","right","bottom","left"],jt=Math.min,_e=Math.max,Lr=Math.round,Dr=Math.floor,ft=e=>({x:e,y:e}),Sp={left:"right",right:"left",bottom:"top",top:"bottom"},Pp={start:"end",end:"start"};wp=new Set(["top","bottom"]);Hl=["left","right"],Bl=["right","left"],kp=["top","bottom"],Np=["bottom","top"];Fp=(e,t,n)=>Ee(null,null,function*(){let{placement:i="bottom",strategy:r="absolute",middleware:s=[],platform:o}=n,a=s.filter(Boolean),l=yield o.isRTL==null?void 0:o.isRTL(t),c=yield o.getElementRects({reference:e,floating:t,strategy:r}),{x:u,y:h}=Gl(c,i,l),p=i,d={},g=0;for(let b=0;b<a.length;b++){var m;let{name:P,fn:S}=a[b],{x:E,y:f,data:C,reset:I}=yield S({x:u,y:h,initialPlacement:i,placement:p,strategy:r,middlewareData:d,rects:c,platform:y(v({},o),{detectOverflow:(m=o.detectOverflow)!=null?m:Lp}),elements:{reference:e,floating:t}});u=E!=null?E:u,h=f!=null?f:h,d=y(v({},d),{[P]:v(v({},d[P]),C)}),I&&g<=50&&(g++,typeof I=="object"&&(I.placement&&(p=I.placement),I.rects&&(c=I.rects===!0?yield o.getElementRects({reference:e,floating:t,strategy:r}):I.rects),{x:u,y:h}=Gl(c,p,l)),b=-1)}return{x:u,y:h,placement:p,strategy:r,middlewareData:d}}),Mp=e=>({name:"arrow",options:e,fn(n){return Ee(this,null,function*(){let{x:i,y:r,placement:s,rects:o,platform:a,elements:l,middlewareData:c}=n,{element:u,padding:h=0}=Rt(e,n)||{};if(u==null)return{};let p=Jl(h),d={x:i,y:r},g=uo(s),m=co(g),b=yield a.getDimensions(u),P=g==="y",S=P?"top":"left",E=P?"bottom":"right",f=P?"clientHeight":"clientWidth",C=o.reference[m]+o.reference[g]-d[g]-o.floating[m],I=d[g]-o.reference[g],V=yield a.getOffsetParent==null?void 0:a.getOffsetParent(u),R=V?V[f]:0;(!R||!(yield a.isElement==null?void 0:a.isElement(V)))&&(R=l.floating[f]||o.floating[m]);let w=C/2-I/2,N=R/2-b[m]/2-1,A=jt(p[S],N),L=jt(p[E],N),M=A,j=R-b[m]-L,q=R/2-b[m]/2+w,J=so(M,q,j),W=!c.arrow&&zn(s)!=null&&q!==J&&o.reference[m]/2-(q<M?A:L)-b[m]/2<0,ge=W?q<M?q-M:q-j:0;return{[g]:d[g]+ge,data:v({[g]:J,centerOffset:q-J-ge},W&&{alignmentOffset:ge}),reset:W}})}}),$p=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(n){return Ee(this,null,function*(){var i,r;let{placement:s,middlewareData:o,rects:a,initialPlacement:l,platform:c,elements:u}=n,q=Rt(e,n),{mainAxis:h=!0,crossAxis:p=!0,fallbackPlacements:d,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:b=!0}=q,P=ze(q,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((i=o.arrow)!=null&&i.alignmentOffset)return{};let S=At(s),E=gt(l),f=At(l)===l,C=yield c.isRTL==null?void 0:c.isRTL(u.floating),I=d||(f||!b?[Fr(l)]:xp(l)),V=m!=="none";!d&&V&&I.push(...Ap(l,b,m,C));let R=[l,...I],w=yield c.detectOverflow(n,P),N=[],A=((r=o.flip)==null?void 0:r.overflows)||[];if(h&&N.push(w[S]),p){let J=Vp(s,a,C);N.push(w[J[0]],w[J[1]])}if(A=[...A,{placement:s,overflows:N}],!N.every(J=>J<=0)){var L,M;let J=(((L=o.flip)==null?void 0:L.index)||0)+1,W=R[J];if(W&&(!(p==="alignment"?E!==gt(W):!1)||A.every(X=>gt(X.placement)===E?X.overflows[0]>0:!0)))return{data:{index:J,overflows:A},reset:{placement:W}};let ge=(M=A.filter(de=>de.overflows[0]<=0).sort((de,X)=>de.overflows[1]-X.overflows[1])[0])==null?void 0:M.placement;if(!ge)switch(g){case"bestFit":{var j;let de=(j=A.filter(X=>{if(V){let ue=gt(X.placement);return ue===E||ue==="y"}return!0}).map(X=>[X.placement,X.overflows.filter(ue=>ue>0).reduce((ue,qe)=>ue+qe,0)]).sort((X,ue)=>X[1]-ue[1])[0])==null?void 0:j[0];de&&(ge=de);break}case"initialPlacement":ge=l;break}if(s!==ge)return{reset:{placement:ge}}}return{}})}}};_p=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(n){return Ee(this,null,function*(){let{rects:i,platform:r}=n,a=Rt(e,n),{strategy:s="referenceHidden"}=a,o=ze(a,["strategy"]);switch(s){case"referenceHidden":{let l=yield r.detectOverflow(n,y(v({},o),{elementContext:"reference"})),c=Ul(l,i.reference);return{data:{referenceHiddenOffsets:c,referenceHidden:ql(c)}}}case"escaped":{let l=yield r.detectOverflow(n,y(v({},o),{altBoundary:!0})),c=Ul(l,i.floating);return{data:{escapedOffsets:c,escaped:ql(c)}}}default:return{}}})}}},zl=new Set(["left","top"]);Bp=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(n){return Ee(this,null,function*(){var i,r;let{x:s,y:o,placement:a,middlewareData:l}=n,c=yield Hp(n,e);return a===((i=l.offset)==null?void 0:i.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:s+c.x,y:o+c.y,data:y(v({},c),{placement:a})}})}}},Gp=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(n){return Ee(this,null,function*(){let{x:i,y:r,placement:s,platform:o}=n,S=Rt(e,n),{mainAxis:a=!0,crossAxis:l=!1,limiter:c={fn:E=>{let{x:f,y:C}=E;return{x:f,y:C}}}}=S,u=ze(S,["mainAxis","crossAxis","limiter"]),h={x:i,y:r},p=yield o.detectOverflow(n,u),d=gt(At(s)),g=lo(d),m=h[g],b=h[d];if(a){let E=g==="y"?"top":"left",f=g==="y"?"bottom":"right",C=m+p[E],I=m-p[f];m=so(C,m,I)}if(l){let E=d==="y"?"top":"left",f=d==="y"?"bottom":"right",C=b+p[E],I=b-p[f];b=so(C,b,I)}let P=c.fn(y(v({},n),{[g]:m,[d]:b}));return y(v({},P),{data:{x:P.x-i,y:P.y-r,enabled:{[g]:a,[d]:l}}})})}}},Up=function(e){return e===void 0&&(e={}),{options:e,fn(t){let{x:n,y:i,placement:r,rects:s,middlewareData:o}=t,{offset:a=0,mainAxis:l=!0,crossAxis:c=!0}=Rt(e,t),u={x:n,y:i},h=gt(r),p=lo(h),d=u[p],g=u[h],m=Rt(a,t),b=typeof m=="number"?{mainAxis:m,crossAxis:0}:v({mainAxis:0,crossAxis:0},m);if(l){let E=p==="y"?"height":"width",f=s.reference[p]-s.floating[E]+b.mainAxis,C=s.reference[p]+s.reference[E]-b.mainAxis;d<f?d=f:d>C&&(d=C)}if(c){var P,S;let E=p==="y"?"width":"height",f=zl.has(At(r)),C=s.reference[h]-s.floating[E]+(f&&((P=o.offset)==null?void 0:P[h])||0)+(f?0:b.crossAxis),I=s.reference[h]+s.reference[E]+(f?0:((S=o.offset)==null?void 0:S[h])||0)-(f?b.crossAxis:0);g<C?g=C:g>I&&(g=I)}return{[p]:d,[h]:g}}}},qp=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(n){return Ee(this,null,function*(){var i,r;let{placement:s,rects:o,platform:a,elements:l}=n,A=Rt(e,n),{apply:c=()=>{}}=A,u=ze(A,["apply"]),h=yield a.detectOverflow(n,u),p=At(s),d=zn(s),g=gt(s)==="y",{width:m,height:b}=o.floating,P,S;p==="top"||p==="bottom"?(P=p,S=d===((yield a.isRTL==null?void 0:a.isRTL(l.floating))?"start":"end")?"left":"right"):(S=p,P=d==="end"?"top":"bottom");let E=b-h.top-h.bottom,f=m-h.left-h.right,C=jt(b-h[P],E),I=jt(m-h[S],f),V=!n.middlewareData.shift,R=C,w=I;if((i=n.middlewareData.shift)!=null&&i.enabled.x&&(w=f),(r=n.middlewareData.shift)!=null&&r.enabled.y&&(R=E),V&&!d){let L=_e(h.left,0),M=_e(h.right,0),j=_e(h.top,0),q=_e(h.bottom,0);g?w=m-2*(L!==0||M!==0?L+M:_e(h.left,h.right)):R=b-2*(j!==0||q!==0?j+q:_e(h.top,h.bottom))}yield c(y(v({},n),{availableWidth:w,availableHeight:R}));let N=yield a.getDimensions(l.floating);return m!==N.width||b!==N.height?{reset:{rects:!0}}:{}})}}};Wp=new Set(["inline","contents"]);Kp=new Set(["table","td","th"]);jp=[":popover-open",":modal"];Xp=["transform","translate","scale","rotate","perspective"],Zp=["transform","translate","scale","rotate","perspective","filter"],Jp=["paint","layout","strict","content"];Qp=new Set(["html","body","#document"]);em=ft(0);Kl=25;om=new Set(["absolute","fixed"]);hm=function(e){return Ee(this,null,function*(){let t=this.getOffsetParent||sc,n=this.getDimensions,i=yield n(e.floating);return{reference:dm(e.reference,yield t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}})};fm={convertOffsetParentRelativeRectToViewportRelativeRect:nm,getDocumentElement:mt,getClippingRect:cm,getOffsetParent:sc,getElementRects:hm,getClientRects:im,getDimensions:um,getScale:Zn,isElement:st,isRTL:gm};vm=Bp,ym=Gp,bm=$p,Em=qp,Cm=_p,Im=Mp,Tm=Up,Om=(e,t,n)=>{let i=new Map,r=v({platform:fm},n),s=y(v({},r.platform),{_c:i});return Fp(e,t,y(v({},r),{platform:s}))};xi=e=>({variable:e,reference:`var(${e})`}),Nt={arrowSize:xi("--arrow-size"),arrowSizeHalf:xi("--arrow-size-half"),arrowBg:xi("--arrow-background"),transformOrigin:xi("--transform-origin"),arrowOffset:xi("--arrow-offset")},wm=e=>e==="top"||e==="bottom"?"y":"x";xm={name:"rects",fn({rects:e}){return{data:e}}},km=e=>{if(e)return{name:"shiftArrow",fn({placement:t,middlewareData:n}){if(!n.arrow)return{};let{x:i,y:r}=n.arrow,s=t.split("-")[0];return Object.assign(e.style,{left:i!=null?`${i}px`:"",top:r!=null?`${r}px`:"",[s]:`calc(100% + ${Nt.arrowOffset.reference})`}),{}}}};Rm={strategy:"absolute",placement:"bottom",listeners:!0,gutter:8,flip:!0,slide:!0,overlap:!1,sameWidth:!1,fitViewport:!1,overflowPadding:8,arrowPadding:4};Bm={bottom:"rotate(45deg)",left:"rotate(135deg)",top:"rotate(225deg)",right:"rotate(315deg)"}});function Gm(e){let t={each(n){var i;for(let r=0;r<((i=e.frames)==null?void 0:i.length);r+=1){let s=e.frames[r];s&&n(s)}},addEventListener(n,i,r){return t.each(s=>{try{s.document.addEventListener(n,i,r)}catch(o){}}),()=>{try{t.removeEventListener(n,i,r)}catch(s){}}},removeEventListener(n,i,r){t.each(s=>{try{s.document.removeEventListener(n,i,r)}catch(o){}})}};return t}function Um(e){let t=e.frameElement!=null?e.parent:null;return{addEventListener:(n,i,r)=>{try{t==null||t.addEventListener(n,i,r)}catch(s){}return()=>{try{t==null||t.removeEventListener(n,i,r)}catch(s){}}},removeEventListener:(n,i,r)=>{try{t==null||t.removeEventListener(n,i,r)}catch(s){}}}}function qm(e){for(let t of e)if(ce(t)&&Qe(t))return!0;return!1}function Wm(e,t){if(!pc(t)||!e)return!1;let n=e.getBoundingClientRect();return n.width===0||n.height===0?!1:n.top<=t.clientY&&t.clientY<=n.top+n.height&&n.left<=t.clientX&&t.clientX<=n.left+n.width}function Km(e,t){return e.y<=t.y&&t.y<=e.y+e.height&&e.x<=t.x&&t.x<=e.x+e.width}function uc(e,t){if(!t||!pc(e))return!1;let n=t.scrollHeight>t.clientHeight,i=n&&e.clientX>t.offsetLeft+t.clientWidth,r=t.scrollWidth>t.clientWidth,s=r&&e.clientY>t.offsetTop+t.clientHeight,o={x:t.offsetLeft,y:t.offsetTop,width:t.clientWidth+(n?16:0),height:t.clientHeight+(r?16:0)},a={x:e.clientX,y:e.clientY};return Km(o,a)?i||s:!1}function Ym(e,t){let{exclude:n,onFocusOutside:i,onPointerDownOutside:r,onInteractOutside:s,defer:o,followControlledElements:a=!0}=t;if(!e)return;let l=we(e),c=oe(e),u=Gm(c),h=Um(c);function p(E,f){if(!ce(f)||!f.isConnected||pe(e,f)||Wm(e,E)||a&&cr(e,f))return!1;let C=l.querySelector(`[aria-controls="${e.id}"]`);if(C){let V=pr(C);if(uc(E,V))return!1}let I=pr(e);return uc(E,I)?!1:!(n!=null&&n(f))}let d=new Set,g=nn(e==null?void 0:e.getRootNode());function m(E){function f(C){var w,N;let I=o&&!Fs()?H:A=>A(),V=C!=null?C:E,R=(N=(w=V==null?void 0:V.composedPath)==null?void 0:w.call(V))!=null?N:[V==null?void 0:V.target];I(()=>{let A=g?R[0]:K(E);if(!(!e||!p(E,A))){if(r||s){let L=Bn(r,s);e.addEventListener(lc,L,{once:!0})}dc(e,lc,{bubbles:!1,cancelable:!0,detail:{originalEvent:V,contextmenu:Rn(V),focusable:qm(R),target:A}})}})}E.pointerType==="touch"?(d.forEach(C=>C()),d.add(re(l,"click",f,{once:!0})),d.add(h.addEventListener("click",f,{once:!0})),d.add(u.addEventListener("click",f,{once:!0}))):f()}let b=new Set,P=setTimeout(()=>{b.add(re(l,"pointerdown",m,!0)),b.add(h.addEventListener("pointerdown",m,!0)),b.add(u.addEventListener("pointerdown",m,!0))},0);function S(E){(o?H:C=>C())(()=>{var V,R;let C=(R=(V=E==null?void 0:E.composedPath)==null?void 0:V.call(E))!=null?R:[E==null?void 0:E.target],I=g?C[0]:K(E);if(!(!e||!p(E,I))){if(i||s){let w=Bn(i,s);e.addEventListener(cc,w,{once:!0})}dc(e,cc,{bubbles:!1,cancelable:!0,detail:{originalEvent:E,contextmenu:!1,focusable:Qe(I),target:I}})}})}return Fs()||(b.add(re(l,"focusin",S,!0)),b.add(h.addEventListener("focusin",S,!0)),b.add(u.addEventListener("focusin",S,!0))),()=>{clearTimeout(P),d.forEach(E=>E()),b.forEach(E=>E())}}function jm(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(Ym(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function dc(e,t,n){let i=e.ownerDocument.defaultView||window,r=new i.CustomEvent(t,n);return e.dispatchEvent(r)}function Xm(e,t){let n=i=>{i.key==="Escape"&&(i.isComposing||t==null||t(i))};return re(we(e),"keydown",n,{capture:!0})}function Zm(e,t,n){let i=e.ownerDocument.defaultView||window,r=new i.CustomEvent(t,{cancelable:!0,bubbles:!0,detail:n});return e.dispatchEvent(r)}function Jm(e,t,n){e.addEventListener(t,n,{once:!0})}function fc(){Ae.layers.forEach(({node:e})=>{e.style.pointerEvents=Ae.isBelowPointerBlockingLayer(e)?"none":"auto"})}function zm(e){e.style.pointerEvents=""}function Qm(e,t){let n=we(e),i=[];return Ae.hasPointerBlockingLayer()&&!n.body.hasAttribute("data-inert")&&(gc=document.body.style.pointerEvents,queueMicrotask(()=>{n.body.style.pointerEvents="none",n.body.setAttribute("data-inert","")})),t==null||t.forEach(r=>{let[s,o]=el(()=>{let a=r();return ce(a)?a:null},{timeout:1e3});s.then(a=>i.push(cn(a,{pointerEvents:"auto"}))),i.push(o)}),()=>{Ae.hasPointerBlockingLayer()||(queueMicrotask(()=>{n.body.style.pointerEvents=gc,n.body.removeAttribute("data-inert"),n.body.style.length===0&&n.body.removeAttribute("style")}),i.forEach(r=>r()))}}function ev(e,t){let{warnOnMissingNode:n=!0}=t;if(n&&!e){wt("[@zag-js/dismissable] node is `null` or `undefined`");return}if(!e)return;let{onDismiss:i,onRequestDismiss:r,pointerBlocking:s,exclude:o,debug:a,type:l="dialog"}=t,c={dismiss:i,node:e,type:l,pointerBlocking:s,requestDismiss:r};Ae.add(c),fc();function u(m){var P,S;let b=K(m.detail.originalEvent);Ae.isBelowPointerBlockingLayer(e)||Ae.isInBranch(b)||((P=t.onPointerDownOutside)==null||P.call(t,m),(S=t.onInteractOutside)==null||S.call(t,m),!m.defaultPrevented&&(a&&console.log("onPointerDownOutside:",m.detail.originalEvent),i==null||i()))}function h(m){var P,S;let b=K(m.detail.originalEvent);Ae.isInBranch(b)||((P=t.onFocusOutside)==null||P.call(t,m),(S=t.onInteractOutside)==null||S.call(t,m),!m.defaultPrevented&&(a&&console.log("onFocusOutside:",m.detail.originalEvent),i==null||i()))}function p(m){var b;Ae.isTopMost(e)&&((b=t.onEscapeKeyDown)==null||b.call(t,m),!m.defaultPrevented&&i&&(m.preventDefault(),i()))}function d(m){var E;if(!e)return!1;let b=typeof o=="function"?o():o,P=Array.isArray(b)?b:[b],S=(E=t.persistentElements)==null?void 0:E.map(f=>f()).filter(ce);return S&&P.push(...S),P.some(f=>pe(f,m))||Ae.isInNestedLayer(e,m)}let g=[s?Qm(e,t.persistentElements):void 0,Xm(e,p),jm(e,{exclude:d,onFocusOutside:h,onPointerDownOutside:u,defer:t.defer})];return()=>{Ae.remove(e),fc(),zm(e),g.forEach(m=>m==null?void 0:m())}}function vt(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=Ot(e)?e():e;r.push(ev(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function mc(e,t={}){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=Ot(e)?e():e;if(!s){wt("[@zag-js/dismissable] branch node is `null` or `undefined`");return}Ae.addBranch(s),r.push(()=>{Ae.removeBranch(s)})})),()=>{r.forEach(s=>s==null?void 0:s())}}var lc,cc,pc,hc,Ae,gc,gn=fe(()=>{"use strict";me();lc="pointerdown.outside",cc="focus.outside";pc=e=>"clientY"in e;hc="layer:request-dismiss",Ae={layers:[],branches:[],recentlyRemoved:new Set,count(){return this.layers.length},pointerBlockingLayers(){return this.layers.filter(e=>e.pointerBlocking)},topMostPointerBlockingLayer(){return[...this.pointerBlockingLayers()].slice(-1)[0]},hasPointerBlockingLayer(){return this.pointerBlockingLayers().length>0},isBelowPointerBlockingLayer(e){var i;let t=this.indexOf(e),n=this.topMostPointerBlockingLayer()?this.indexOf((i=this.topMostPointerBlockingLayer())==null?void 0:i.node):-1;return t<n},isTopMost(e){let t=this.layers[this.count()-1];return(t==null?void 0:t.node)===e},getNestedLayers(e){return Array.from(this.layers).slice(this.indexOf(e)+1)},getLayersByType(e){return this.layers.filter(t=>t.type===e)},getNestedLayersByType(e,t){let n=this.indexOf(e);return n===-1?[]:this.layers.slice(n+1).filter(i=>i.type===t)},getParentLayerOfType(e,t){let n=this.indexOf(e);if(!(n<=0))return this.layers.slice(0,n).reverse().find(i=>i.type===t)},countNestedLayersOfType(e,t){return this.getNestedLayersByType(e,t).length},isInNestedLayer(e,t){return!!(this.getNestedLayers(e).some(i=>pe(i.node,t))||this.recentlyRemoved.size>0)},isInBranch(e){return Array.from(this.branches).some(t=>pe(t,e))},add(e){this.layers.push(e),this.syncLayers()},addBranch(e){this.branches.push(e)},remove(e){let t=this.indexOf(e);t<0||(this.recentlyRemoved.add(e),an(()=>this.recentlyRemoved.delete(e)),t<this.count()-1&&this.getNestedLayers(e).forEach(i=>Ae.dismiss(i.node,e)),this.layers.splice(t,1),this.syncLayers())},removeBranch(e){let t=this.branches.indexOf(e);t>=0&&this.branches.splice(t,1)},syncLayers(){this.layers.forEach((e,t)=>{e.node.style.setProperty("--layer-index",`${t}`),e.node.removeAttribute("data-nested"),e.node.removeAttribute("data-has-nested"),this.getParentLayerOfType(e.node,e.type)&&e.node.setAttribute("data-nested",e.type);let i=this.countNestedLayersOfType(e.node,e.type);i>0&&e.node.setAttribute("data-has-nested",e.type),e.node.style.setProperty("--nested-layer-count",`${i}`)})},indexOf(e){return this.layers.findIndex(t=>t.node===e)},dismiss(e,t){let n=this.indexOf(e);if(n===-1)return;let i=this.layers[n];Jm(e,hc,r=>{var s;(s=i.requestDismiss)==null||s.call(i,r),r.defaultPrevented||i==null||i.dismiss()}),Zm(e,hc,{originalLayer:e,targetLayer:t,originalIndex:n,targetIndex:t?this.indexOf(t):-1}),this.syncLayers()},clear(){this.remove(this.layers[0].node)}}});var wc={};Oe(wc,{Combobox:()=>yv});function ov(e,t){let{context:n,prop:i,state:r,send:s,scope:o,computed:a,event:l}=e,c=i("translations"),u=i("collection"),h=!!i("disabled"),p=a("isInteractive"),d=!!i("invalid"),g=!!i("required"),m=!!i("readOnly"),b=r.hasTag("open"),P=r.hasTag("focused"),S=i("composite"),E=n.get("highlightedValue"),f=Zt(y(v({},i("positioning")),{placement:n.get("currentPlacement")}));function C(I){let V=u.getItemDisabled(I.item),R=u.getItemValue(I.item);return qn(R,()=>`[zag-js] No value found for item ${JSON.stringify(I.item)}`),{value:R,disabled:!!(V||V),highlighted:E===R,selected:n.get("value").includes(R)}}return{focused:P,open:b,inputValue:n.get("inputValue"),highlightedValue:E,highlightedItem:n.get("highlightedItem"),value:n.get("value"),valueAsString:a("valueAsString"),hasSelectedItems:a("hasSelectedItems"),selectedItems:n.get("selectedItems"),collection:i("collection"),multiple:!!i("multiple"),disabled:!!h,syncSelectedItems(){s({type:"SELECTED_ITEMS.SYNC"})},reposition(I={}){s({type:"POSITIONING.SET",options:I})},setHighlightValue(I){s({type:"HIGHLIGHTED_VALUE.SET",value:I})},clearHighlightValue(){s({type:"HIGHLIGHTED_VALUE.CLEAR"})},selectValue(I){s({type:"ITEM.SELECT",value:I})},setValue(I){s({type:"VALUE.SET",value:I})},setInputValue(I,V="script"){s({type:"INPUT_VALUE.SET",value:I,src:V})},clearValue(I){I!=null?s({type:"ITEM.CLEAR",value:I}):s({type:"VALUE.CLEAR"})},focus(){var I;(I=pn(o))==null||I.focus()},setOpen(I,V="script"){r.hasTag("open")!==I&&s({type:I?"OPEN":"CLOSE",src:V})},getRootProps(){return t.element(y(v({},De.root.attrs),{dir:i("dir"),id:nv(o),"data-invalid":T(d),"data-readonly":T(m)}))},getLabelProps(){return t.label(y(v({},De.label.attrs),{dir:i("dir"),htmlFor:Gr(o),id:mo(o),"data-readonly":T(m),"data-disabled":T(h),"data-invalid":T(d),"data-required":T(g),"data-focus":T(P),onClick(I){var V;S||(I.preventDefault(),(V=Ai(o))==null||V.focus({preventScroll:!0}))}}))},getControlProps(){return t.element(y(v({},De.control.attrs),{dir:i("dir"),id:Tc(o),"data-state":b?"open":"closed","data-focus":T(P),"data-disabled":T(h),"data-invalid":T(d)}))},getPositionerProps(){return t.element(y(v({},De.positioner.attrs),{dir:i("dir"),id:Oc(o),style:f.floating}))},getInputProps(){return t.input(y(v({},De.input.attrs),{dir:i("dir"),"aria-invalid":ie(d),"data-invalid":T(d),"data-autofocus":T(i("autoFocus")),name:i("name"),form:i("form"),disabled:h,required:i("required"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"none",spellCheck:"false",readOnly:m,placeholder:i("placeholder"),id:Gr(o),type:"text",role:"combobox",defaultValue:n.get("inputValue"),"aria-autocomplete":a("autoComplete")?"both":"list","aria-controls":Ur(o),"aria-expanded":b,"data-state":b?"open":"closed","aria-activedescendant":E?yc(o,E):void 0,onClick(I){I.defaultPrevented||i("openOnClick")&&p&&s({type:"INPUT.CLICK",src:"input-click"})},onFocus(){h||s({type:"INPUT.FOCUS"})},onBlur(){h||s({type:"INPUT.BLUR"})},onChange(I){s({type:"INPUT.CHANGE",value:I.currentTarget.value,src:"input-change"})},onKeyDown(I){if(I.defaultPrevented||!p||I.ctrlKey||I.shiftKey||Vt(I))return;let V=i("openOnKeyPress"),R=I.ctrlKey||I.metaKey||I.shiftKey,w=!0,N={ArrowDown(M){!V&&!b||(s({type:M.altKey?"OPEN":"INPUT.ARROW_DOWN",keypress:w,src:"arrow-key"}),M.preventDefault())},ArrowUp(){!V&&!b||(s({type:I.altKey?"CLOSE":"INPUT.ARROW_UP",keypress:w,src:"arrow-key"}),I.preventDefault())},Home(M){R||(s({type:"INPUT.HOME",keypress:w}),b&&M.preventDefault())},End(M){R||(s({type:"INPUT.END",keypress:w}),b&&M.preventDefault())},Enter(M){var ge;s({type:"INPUT.ENTER",keypress:w,src:"item-select"});let j=a("isCustomValue")&&i("allowCustomValue"),q=E!=null,J=i("alwaysSubmitOnEnter");if(b&&!j&&!J&&q&&M.preventDefault(),E==null)return;let W=ei(o,E);We(W)&&((ge=i("navigate"))==null||ge({value:E,node:W,href:W.href}))},Escape(){s({type:"INPUT.ESCAPE",keypress:w,src:"escape-key"}),I.preventDefault()}},A=ve(I,{dir:i("dir")}),L=N[A];L==null||L(I)}}))},getTriggerProps(I={}){return t.button(y(v({},De.trigger.attrs),{dir:i("dir"),id:Sc(o),"aria-haspopup":S?"listbox":"dialog",type:"button",tabIndex:I.focusable?void 0:-1,"aria-label":c.triggerLabel,"aria-expanded":b,"data-state":b?"open":"closed","aria-controls":b?Ur(o):void 0,disabled:h,"data-invalid":T(d),"data-focusable":T(I.focusable),"data-readonly":T(m),"data-disabled":T(h),onFocus(){I.focusable&&s({type:"INPUT.FOCUS",src:"trigger"})},onClick(V){V.defaultPrevented||p&&et(V)&&s({type:"TRIGGER.CLICK",src:"trigger-click"})},onPointerDown(V){p&&V.pointerType!=="touch"&&et(V)&&(V.preventDefault(),queueMicrotask(()=>{var R;(R=pn(o))==null||R.focus({preventScroll:!0})}))},onKeyDown(V){if(V.defaultPrevented||S)return;let R={ArrowDown(){s({type:"INPUT.ARROW_DOWN",src:"arrow-key"})},ArrowUp(){s({type:"INPUT.ARROW_UP",src:"arrow-key"})}},w=ve(V,{dir:i("dir")}),N=R[w];N&&(N(V),V.preventDefault())}}))},getContentProps(){return t.element(y(v({},De.content.attrs),{dir:i("dir"),id:Ur(o),role:S?"listbox":"dialog",tabIndex:-1,hidden:!b,"data-state":b?"open":"closed","data-placement":n.get("currentPlacement"),"aria-labelledby":mo(o),"aria-multiselectable":i("multiple")&&S?!0:void 0,"data-empty":T(u.size===0),onPointerDown(I){et(I)&&I.preventDefault()}}))},getListProps(){return t.element(y(v({},De.list.attrs),{role:S?void 0:"listbox","data-empty":T(u.size===0),"aria-labelledby":mo(o),"aria-multiselectable":i("multiple")&&!S?!0:void 0}))},getClearTriggerProps(){return t.button(y(v({},De.clearTrigger.attrs),{dir:i("dir"),id:Pc(o),type:"button",tabIndex:-1,disabled:h,"data-invalid":T(d),"aria-label":c.clearTriggerLabel,"aria-controls":Gr(o),hidden:!n.get("value").length,onPointerDown(I){et(I)&&I.preventDefault()},onClick(I){I.defaultPrevented||p&&s({type:"VALUE.CLEAR",src:"clear-trigger"})}}))},getItemState:C,getItemProps(I){let V=C(I),R=V.value;return t.element(y(v({},De.item.attrs),{dir:i("dir"),id:yc(o,R),role:"option",tabIndex:-1,"data-highlighted":T(V.highlighted),"data-state":V.selected?"checked":"unchecked","aria-selected":ie(V.highlighted),"aria-disabled":ie(V.disabled),"data-disabled":T(V.disabled),"data-value":V.value,onPointerMove(){V.disabled||V.highlighted||s({type:"ITEM.POINTER_MOVE",value:R})},onPointerLeave(){if(I.persistFocus||V.disabled)return;let w=l.previous();w!=null&&w.type.includes("POINTER")&&s({type:"ITEM.POINTER_LEAVE",value:R})},onClick(w){Ci(w)||sn(w)||Rn(w)||V.disabled||s({type:"ITEM.CLICK",src:"item-select",value:R})}}))},getItemTextProps(I){let V=C(I);return t.element(y(v({},De.itemText.attrs),{dir:i("dir"),"data-state":V.selected?"checked":"unchecked","data-disabled":T(V.disabled),"data-highlighted":T(V.highlighted)}))},getItemIndicatorProps(I){let V=C(I);return t.element(y(v({"aria-hidden":!0},De.itemIndicator.attrs),{dir:i("dir"),"data-state":V.selected?"checked":"unchecked",hidden:!V.selected}))},getItemGroupProps(I){let{id:V}=I;return t.element(y(v({},De.itemGroup.attrs),{dir:i("dir"),id:iv(o,V),"aria-labelledby":vc(o,V),"data-empty":T(u.size===0),role:"group"}))},getItemGroupLabelProps(I){let{htmlFor:V}=I;return t.element(y(v({},De.itemGroupLabel.attrs),{dir:i("dir"),id:vc(o,V),role:"presentation"}))}}}function Ic(e){return(e.previousEvent||e).src}function mv(e){return e.replace(/_([a-z])/g,(t,n)=>n.toUpperCase())}function vv(e){let t={};for(let[n,i]of Object.entries(e)){let r=mv(n);t[r]=i}return t}var tv,De,qr,nv,mo,Tc,Gr,Ur,Oc,Sc,Pc,iv,vc,yc,fn,pn,bc,Ec,Ai,rv,ei,Cc,sv,av,lv,cv,be,Be,uv,dv,hT,hv,gT,gv,fT,fv,pT,pv,yv,Vc=fe(()=>{"use strict";Ar();Ri();gn();me();tv=Z("combobox").parts("root","clearTrigger","content","control","input","item","itemGroup","itemGroupLabel","itemIndicator","itemText","label","list","positioner","trigger"),De=tv.build(),qr=e=>new Xn(e);qr.empty=()=>new Xn({items:[]});nv=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`combobox:${e.id}`},mo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`combobox:${e.id}:label`},Tc=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`combobox:${e.id}:control`},Gr=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`combobox:${e.id}:input`},Ur=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`combobox:${e.id}:content`},Oc=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`combobox:${e.id}:popper`},Sc=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`combobox:${e.id}:toggle-btn`},Pc=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`combobox:${e.id}:clear-btn`},iv=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroup)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:optgroup:${t}`},vc=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroupLabel)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:optgroup-label:${t}`},yc=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:option:${t}`},fn=e=>e.getById(Ur(e)),pn=e=>e.getById(Gr(e)),bc=e=>e.getById(Oc(e)),Ec=e=>e.getById(Tc(e)),Ai=e=>e.getById(Sc(e)),rv=e=>e.getById(Pc(e)),ei=(e,t)=>{if(t==null)return null;let n=`[role=option][data-value="${CSS.escape(t)}"]`;return Mn(fn(e),n)},Cc=e=>{let t=pn(e);e.isActiveElement(t)||t==null||t.focus({preventScroll:!0})},sv=e=>{let t=Ai(e);e.isActiveElement(t)||t==null||t.focus({preventScroll:!0})};({guards:av,createMachine:lv,choose:cv}=Wn()),{and:be,not:Be}=av,uv=lv({props({props:e}){return y(v({loopFocus:!0,openOnClick:!1,defaultValue:[],defaultInputValue:"",closeOnSelect:!e.multiple,allowCustomValue:!1,alwaysSubmitOnEnter:!1,inputBehavior:"none",selectionBehavior:e.multiple?"clear":"replace",openOnKeyPress:!0,openOnChange:!0,composite:!0,navigate({node:t}){Fn(t)},collection:qr.empty()},e),{positioning:v({placement:"bottom",sameWidth:!0},e.positioning),translations:v({triggerLabel:"Toggle suggestions",clearTriggerLabel:"Clear value"},e.translations)})},initialState({prop:e}){return e("open")||e("defaultOpen")?"suggesting":"idle"},context({prop:e,bindable:t,getContext:n,getEvent:i}){return{currentPlacement:t(()=>({defaultValue:void 0})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:he,hash(r){return r.join(",")},onChange(r){var c;let s=n(),o=s.get("selectedItems"),a=e("collection"),l=r.map(u=>o.find(p=>a.getItemValue(p)===u)||a.find(u));s.set("selectedItems",l),(c=e("onValueChange"))==null||c({value:r,items:l})}})),highlightedValue:t(()=>({defaultValue:e("defaultHighlightedValue")||null,value:e("highlightedValue"),onChange(r){var o;let s=e("collection").find(r);(o=e("onHighlightChange"))==null||o({highlightedValue:r,highlightedItem:s})}})),inputValue:t(()=>{let r=e("inputValue")||e("defaultInputValue"),s=e("value")||e("defaultValue");if(!r.trim()&&!e("multiple")){let o=e("collection").stringifyMany(s);r=Ve(e("selectionBehavior"),{preserve:r||o,replace:o,clear:""})}return{defaultValue:r,value:e("inputValue"),onChange(o){var c;let a=i(),l=(a.previousEvent||a).src;(c=e("onInputValueChange"))==null||c({inputValue:o,reason:l})}}}),highlightedItem:t(()=>{let r=e("highlightedValue");return{defaultValue:e("collection").find(r)}}),selectedItems:t(()=>{let r=e("value")||e("defaultValue")||[];return{defaultValue:e("collection").findMany(r)}})}},computed:{isInputValueEmpty:({context:e})=>e.get("inputValue").length===0,isInteractive:({prop:e})=>!(e("readOnly")||e("disabled")),autoComplete:({prop:e})=>e("inputBehavior")==="autocomplete",autoHighlight:({prop:e})=>e("inputBehavior")==="autohighlight",hasSelectedItems:({context:e})=>e.get("value").length>0,valueAsString:({context:e,prop:t})=>t("collection").stringifyItems(e.get("selectedItems")),isCustomValue:({context:e,computed:t})=>e.get("inputValue")!==t("valueAsString")},watch({context:e,prop:t,track:n,action:i,send:r}){n([()=>e.hash("value")],()=>{i(["syncSelectedItems"])}),n([()=>e.get("inputValue")],()=>{i(["syncInputValue"])}),n([()=>e.get("highlightedValue")],()=>{i(["syncHighlightedItem","autofillInputValue"])}),n([()=>t("open")],()=>{i(["toggleVisibility"])}),n([()=>t("collection").toString()],()=>{r({type:"CHILDREN_CHANGE"})})},on:{"SELECTED_ITEMS.SYNC":{actions:["syncSelectedItems"]},"HIGHLIGHTED_VALUE.SET":{actions:["setHighlightedValue"]},"HIGHLIGHTED_VALUE.CLEAR":{actions:["clearHighlightedValue"]},"ITEM.SELECT":{actions:["selectItem"]},"ITEM.CLEAR":{actions:["clearItem"]},"VALUE.SET":{actions:["setValue"]},"INPUT_VALUE.SET":{actions:["setInputValue"]},"POSITIONING.SET":{actions:["reposition"]}},entry:cv([{guard:"autoFocus",actions:["setInitialFocus"]}]),states:{idle:{tags:["idle","closed"],entry:["scrollContentToTop","clearHighlightedValue"],on:{"CONTROLLED.OPEN":{target:"interacting"},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.CLICK":[{guard:"isOpenControlled",actions:["highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.FOCUS":{target:"focused"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"interacting",actions:["invokeOnOpen"]}],"VALUE.CLEAR":{target:"focused",actions:["clearInputValue","clearSelectedItems","setInitialFocus"]}}},focused:{tags:["focused","closed"],entry:["scrollContentToTop","clearHighlightedValue"],on:{"CONTROLLED.OPEN":[{guard:"isChangeEvent",target:"suggesting"},{target:"interacting"}],"INPUT.CHANGE":[{guard:be("isOpenControlled","openOnChange"),actions:["setInputValue","invokeOnOpen","highlightFirstItemIfNeeded"]},{guard:"openOnChange",target:"suggesting",actions:["setInputValue","invokeOnOpen","highlightFirstItemIfNeeded"]},{actions:["setInputValue"]}],"LAYER.INTERACT_OUTSIDE":{target:"idle"},"INPUT.ESCAPE":{guard:be("isCustomValue",Be("allowCustomValue")),actions:["revertInputValue"]},"INPUT.BLUR":{target:"idle"},"INPUT.CLICK":[{guard:"isOpenControlled",actions:["highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstSelectedItem","invokeOnOpen"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.ARROW_DOWN":[{guard:be("isOpenControlled","autoComplete"),actions:["invokeOnOpen"]},{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{guard:"isOpenControlled",actions:["highlightFirstOrSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstOrSelectedItem","invokeOnOpen"]}],"INPUT.ARROW_UP":[{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{target:"interacting",actions:["highlightLastOrSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightLastOrSelectedItem","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"interacting",actions:["invokeOnOpen"]}],"VALUE.CLEAR":{actions:["clearInputValue","clearSelectedItems"]}}},interacting:{tags:["open","focused"],entry:["setInitialFocus"],effects:["scrollToHighlightedItem","trackDismissableLayer","trackPlacement"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["setFinalFocus"]},{target:"idle"}],CHILDREN_CHANGE:[{guard:"isHighlightedItemRemoved",actions:["clearHighlightedValue"]},{actions:["scrollToHighlightedItem"]}],"INPUT.HOME":{actions:["highlightFirstItem"]},"INPUT.END":{actions:["highlightLastItem"]},"INPUT.ARROW_DOWN":[{guard:be("autoComplete","isLastItemHighlighted"),actions:["clearHighlightedValue","scrollContentToTop"]},{actions:["highlightNextItem"]}],"INPUT.ARROW_UP":[{guard:be("autoComplete","isFirstItemHighlighted"),actions:["clearHighlightedValue"]},{actions:["highlightPrevItem"]}],"INPUT.ENTER":[{guard:be("isOpenControlled","isCustomValue",Be("hasHighlightedItem"),Be("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:be("isCustomValue",Be("hasHighlightedItem"),Be("allowCustomValue")),target:"focused",actions:["revertInputValue","invokeOnClose"]},{guard:be("isOpenControlled","closeOnSelect"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","setFinalFocus"]},{actions:["selectHighlightedItem"]}],"INPUT.CHANGE":[{guard:"autoComplete",target:"suggesting",actions:["setInputValue"]},{target:"suggesting",actions:["clearHighlightedValue","setInputValue"]}],"ITEM.POINTER_MOVE":{actions:["setHighlightedValue"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedValue"]},"ITEM.CLICK":[{guard:be("isOpenControlled","closeOnSelect"),actions:["selectItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectItem","invokeOnClose","setFinalFocus"]},{actions:["selectItem"]}],"LAYER.ESCAPE":[{guard:be("isOpenControlled","autoComplete"),actions:["syncInputValue","invokeOnClose"]},{guard:"autoComplete",target:"focused",actions:["syncInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"LAYER.INTERACT_OUTSIDE":[{guard:be("isOpenControlled","isCustomValue",Be("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:be("isCustomValue",Be("allowCustomValue")),target:"idle",actions:["revertInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"idle",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"VALUE.CLEAR":[{guard:"isOpenControlled",actions:["clearInputValue","clearSelectedItems","invokeOnClose"]},{target:"focused",actions:["clearInputValue","clearSelectedItems","invokeOnClose","setFinalFocus"]}]}},suggesting:{tags:["open","focused"],effects:["trackDismissableLayer","scrollToHighlightedItem","trackPlacement"],entry:["setInitialFocus"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["setFinalFocus"]},{target:"idle"}],CHILDREN_CHANGE:[{guard:be("isHighlightedItemRemoved","hasCollectionItems","autoHighlight"),actions:["clearHighlightedValue","highlightFirstItem"]},{guard:"isHighlightedItemRemoved",actions:["clearHighlightedValue"]},{guard:"autoHighlight",actions:["highlightFirstItem"]}],"INPUT.ARROW_DOWN":{target:"interacting",actions:["highlightNextItem"]},"INPUT.ARROW_UP":{target:"interacting",actions:["highlightPrevItem"]},"INPUT.HOME":{target:"interacting",actions:["highlightFirstItem"]},"INPUT.END":{target:"interacting",actions:["highlightLastItem"]},"INPUT.ENTER":[{guard:be("isOpenControlled","isCustomValue",Be("hasHighlightedItem"),Be("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:be("isCustomValue",Be("hasHighlightedItem"),Be("allowCustomValue")),target:"focused",actions:["revertInputValue","invokeOnClose"]},{guard:be("isOpenControlled","closeOnSelect"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","setFinalFocus"]},{actions:["selectHighlightedItem"]}],"INPUT.CHANGE":{actions:["setInputValue"]},"LAYER.ESCAPE":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"ITEM.POINTER_MOVE":{target:"interacting",actions:["setHighlightedValue"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedValue"]},"LAYER.INTERACT_OUTSIDE":[{guard:be("isOpenControlled","isCustomValue",Be("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:be("isCustomValue",Be("allowCustomValue")),target:"idle",actions:["revertInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"idle",actions:["invokeOnClose"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"ITEM.CLICK":[{guard:be("isOpenControlled","closeOnSelect"),actions:["selectItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectItem","invokeOnClose","setFinalFocus"]},{actions:["selectItem"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"VALUE.CLEAR":[{guard:"isOpenControlled",actions:["clearInputValue","clearSelectedItems","invokeOnClose"]},{target:"focused",actions:["clearInputValue","clearSelectedItems","invokeOnClose","setFinalFocus"]}]}}},implementations:{guards:{isInputValueEmpty:({computed:e})=>e("isInputValueEmpty"),autoComplete:({computed:e,prop:t})=>e("autoComplete")&&!t("multiple"),autoHighlight:({computed:e})=>e("autoHighlight"),isFirstItemHighlighted:({prop:e,context:t})=>e("collection").firstValue===t.get("highlightedValue"),isLastItemHighlighted:({prop:e,context:t})=>e("collection").lastValue===t.get("highlightedValue"),isCustomValue:({computed:e})=>e("isCustomValue"),allowCustomValue:({prop:e})=>!!e("allowCustomValue"),hasHighlightedItem:({context:e})=>e.get("highlightedValue")!=null,closeOnSelect:({prop:e})=>!!e("closeOnSelect"),isOpenControlled:({prop:e})=>e("open")!=null,openOnChange:({prop:e,context:t})=>{let n=e("openOnChange");return sl(n)?n:!!(n!=null&&n({inputValue:t.get("inputValue")}))},restoreFocus:({event:e})=>{var n,i;let t=(i=e.restoreFocus)!=null?i:(n=e.previousEvent)==null?void 0:n.restoreFocus;return t==null?!0:!!t},isChangeEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="INPUT.CHANGE"},autoFocus:({prop:e})=>!!e("autoFocus"),isHighlightedItemRemoved:({prop:e,context:t})=>!e("collection").has(t.get("highlightedValue")),hasCollectionItems:({prop:e})=>e("collection").size>0},effects:{trackDismissableLayer({send:e,prop:t,scope:n}){return t("disableLayer")?void 0:vt(()=>fn(n),{type:"listbox",defer:!0,exclude:()=>[pn(n),Ai(n),rv(n)],onFocusOutside:t("onFocusOutside"),onPointerDownOutside:t("onPointerDownOutside"),onInteractOutside:t("onInteractOutside"),onEscapeKeyDown(r){r.preventDefault(),r.stopPropagation(),e({type:"LAYER.ESCAPE",src:"escape-key"})},onDismiss(){e({type:"LAYER.INTERACT_OUTSIDE",src:"interact-outside",restoreFocus:!1})}})},trackPlacement({context:e,prop:t,scope:n}){let i=()=>Ec(n)||Ai(n),r=()=>bc(n);return e.set("currentPlacement",t("positioning").placement),at(i,r,y(v({},t("positioning")),{defer:!0,onComplete(s){e.set("currentPlacement",s.placement)}}))},scrollToHighlightedItem({context:e,prop:t,scope:n,event:i}){let r=pn(n),s=[],o=c=>{let u=i.current().type.includes("POINTER"),h=e.get("highlightedValue");if(u||!h)return;let p=fn(n),d=t("scrollToIndexFn");if(d){let b=t("collection").indexOf(h);d({index:b,immediate:c,getElement:()=>ei(n,h)});return}let g=ei(n,h),m=H(()=>{ln(g,{rootEl:p,block:"nearest"})});s.push(m)},a=H(()=>o(!0));s.push(a);let l=Ln(r,{attributes:["aria-activedescendant"],callback:()=>o(!1)});return s.push(l),()=>{s.forEach(c=>c())}}},actions:{reposition({context:e,prop:t,scope:n,event:i}){at(()=>Ec(n),()=>bc(n),y(v(v({},t("positioning")),i.options),{defer:!0,listeners:!1,onComplete(o){e.set("currentPlacement",o.placement)}}))},setHighlightedValue({context:e,event:t}){t.value!=null&&e.set("highlightedValue",t.value)},clearHighlightedValue({context:e}){e.set("highlightedValue",null)},selectHighlightedItem(e){var a;let{context:t,prop:n}=e,i=n("collection"),r=t.get("highlightedValue");if(!r||!i.has(r))return;let s=n("multiple")?rt(t.get("value"),r):[r];(a=n("onSelect"))==null||a({value:s,itemValue:r}),t.set("value",s);let o=Ve(n("selectionBehavior"),{preserve:t.get("inputValue"),replace:i.stringifyMany(s),clear:""});t.set("inputValue",o)},scrollToHighlightedItem({context:e,prop:t,scope:n}){an(()=>{let i=e.get("highlightedValue");if(i==null)return;let r=ei(n,i),s=fn(n),o=t("scrollToIndexFn");if(o){let a=t("collection").indexOf(i);o({index:a,immediate:!0,getElement:()=>ei(n,i)});return}ln(r,{rootEl:s,block:"nearest"})})},selectItem(e){let{context:t,event:n,flush:i,prop:r}=e;n.value!=null&&i(()=>{var a;let s=r("multiple")?rt(t.get("value"),n.value):[n.value];(a=r("onSelect"))==null||a({value:s,itemValue:n.value}),t.set("value",s);let o=Ve(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(s),clear:""});t.set("inputValue",o)})},clearItem(e){let{context:t,event:n,flush:i,prop:r}=e;n.value!=null&&i(()=>{let s=ht(t.get("value"),n.value);t.set("value",s);let o=Ve(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(s),clear:""});t.set("inputValue",o)})},setInitialFocus({scope:e}){H(()=>{Cc(e)})},setFinalFocus({scope:e}){H(()=>{let t=Ai(e);(t==null?void 0:t.dataset.focusable)==null?Cc(e):sv(e)})},syncInputValue({context:e,scope:t,event:n}){let i=pn(t);i&&(i.value=e.get("inputValue"),queueMicrotask(()=>{n.current().type!=="INPUT.CHANGE"&&Ra(i)}))},setInputValue({context:e,event:t}){e.set("inputValue",t.value)},clearInputValue({context:e}){e.set("inputValue","")},revertInputValue({context:e,prop:t,computed:n}){let i=t("selectionBehavior"),r=Ve(i,{replace:n("hasSelectedItems")?n("valueAsString"):"",preserve:e.get("inputValue"),clear:""});e.set("inputValue",r)},setValue(e){let{context:t,flush:n,event:i,prop:r}=e;n(()=>{t.set("value",i.value);let s=Ve(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(i.value),clear:""});t.set("inputValue",s)})},clearSelectedItems(e){let{context:t,flush:n,prop:i}=e;n(()=>{t.set("value",[]);let r=Ve(i("selectionBehavior"),{preserve:t.get("inputValue"),replace:i("collection").stringifyMany([]),clear:""});t.set("inputValue",r)})},scrollContentToTop({prop:e,scope:t}){let n=e("scrollToIndexFn");if(n){let i=e("collection").firstValue;n({index:0,immediate:!0,getElement:()=>ei(t,i)})}else{let i=fn(t);if(!i)return;i.scrollTop=0}},invokeOnOpen({prop:e,event:t,context:n}){var r;let i=Ic(t);(r=e("onOpenChange"))==null||r({open:!0,reason:i,value:n.get("value")})},invokeOnClose({prop:e,event:t,context:n}){var r;let i=Ic(t);(r=e("onOpenChange"))==null||r({open:!1,reason:i,value:n.get("value")})},highlightFirstItem({context:e,prop:t,scope:n}){(fn(n)?queueMicrotask:H)(()=>{let r=t("collection").firstValue;r&&e.set("highlightedValue",r)})},highlightFirstItemIfNeeded({computed:e,action:t}){e("autoHighlight")&&t(["highlightFirstItem"])},highlightLastItem({context:e,prop:t,scope:n}){(fn(n)?queueMicrotask:H)(()=>{let r=t("collection").lastValue;r&&e.set("highlightedValue",r)})},highlightNextItem({context:e,prop:t}){let n=null,i=e.get("highlightedValue"),r=t("collection");i?(n=r.getNextValue(i),!n&&t("loopFocus")&&(n=r.firstValue)):n=r.firstValue,n&&e.set("highlightedValue",n)},highlightPrevItem({context:e,prop:t}){let n=null,i=e.get("highlightedValue"),r=t("collection");i?(n=r.getPreviousValue(i),!n&&t("loopFocus")&&(n=r.lastValue)):n=r.lastValue,n&&e.set("highlightedValue",n)},highlightFirstSelectedItem({context:e,prop:t}){H(()=>{let[n]=t("collection").sort(e.get("value"));n&&e.set("highlightedValue",n)})},highlightFirstOrSelectedItem({context:e,prop:t,computed:n}){H(()=>{let i=null;n("hasSelectedItems")?i=t("collection").sort(e.get("value"))[0]:i=t("collection").firstValue,i&&e.set("highlightedValue",i)})},highlightLastOrSelectedItem({context:e,prop:t,computed:n}){H(()=>{let i=t("collection"),r=null;n("hasSelectedItems")?r=i.sort(e.get("value"))[0]:r=i.lastValue,r&&e.set("highlightedValue",r)})},autofillInputValue({context:e,computed:t,prop:n,event:i,scope:r}){let s=pn(r),o=n("collection");if(!t("autoComplete")||!s||!i.keypress)return;let a=o.stringify(e.get("highlightedValue"));H(()=>{s.value=a||e.get("inputValue")})},syncSelectedItems(e){queueMicrotask(()=>{let{context:t,prop:n}=e,i=n("collection"),r=t.get("value"),s=r.map(a=>t.get("selectedItems").find(c=>i.getItemValue(c)===a)||i.find(a));t.set("selectedItems",s);let o=Ve(n("selectionBehavior"),{preserve:t.get("inputValue"),replace:i.stringifyMany(r),clear:""});t.set("inputValue",o)})},syncHighlightedItem({context:e,prop:t}){let n=t("collection").find(e.get("highlightedValue"));e.set("highlightedItem",n)},toggleVisibility({event:e,send:t,prop:n}){t({type:n("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:e})}}}});dv=G()(["allowCustomValue","autoFocus","closeOnSelect","collection","composite","defaultHighlightedValue","defaultInputValue","defaultOpen","defaultValue","dir","disabled","disableLayer","form","getRootNode","highlightedValue","id","ids","inputBehavior","inputValue","invalid","loopFocus","multiple","name","navigate","onFocusOutside","onHighlightChange","onInputValueChange","onInteractOutside","onOpenChange","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","openOnChange","openOnClick","openOnKeyPress","placeholder","positioning","readOnly","required","scrollToIndexFn","selectionBehavior","translations","value","alwaysSubmitOnEnter"]),hT=B(dv),hv=G()(["htmlFor"]),gT=B(hv),gv=G()(["id"]),fT=B(gv),fv=G()(["item","persistFocus"]),pT=B(fv),pv=class extends te{constructor(){super(...arguments);U(this,"options",[]);U(this,"allOptions",[]);U(this,"hasGroups",!1)}setAllOptions(t){this.allOptions=t,this.options=t}getCollection(){let t=this.options||this.allOptions||[];return this.hasGroups?qr({items:t,itemToValue:n=>{var i;return(i=n.id)!=null?i:""},itemToString:n=>n.label,isItemDisabled:n=>{var i;return(i=n.disabled)!=null?i:!1},groupBy:n=>n.group}):qr({items:t,itemToValue:n=>{var i;return(i=n.id)!=null?i:""},itemToString:n=>n.label,isItemDisabled:n=>{var i;return(i=n.disabled)!=null?i:!1}})}initMachine(t){let n=this.getCollection.bind(this);return new ee(uv,y(v({},t),{get collection(){return n()},onOpenChange:i=>{i.open&&(this.options=this.allOptions),t.onOpenChange&&t.onOpenChange(i)},onInputValueChange:i=>{let r=this.allOptions.filter(s=>s.label.toLowerCase().includes(i.inputValue.toLowerCase()));this.options=r.length>0?r:this.allOptions,t.onInputValueChange&&t.onInputValueChange(i)}}))}initApi(){return ov(this.machine.service,Q)}renderItems(){var o,a,l;let t=this.el.querySelector('[data-scope="combobox"][data-part="content"]');if(!t)return;let n=this.el.querySelector('[data-templates="combobox"]');if(!n)return;t.querySelectorAll('[data-scope="combobox"][data-part="item"]:not([data-template])').forEach(c=>c.remove()),t.querySelectorAll('[data-scope="combobox"][data-part="item-group"]:not([data-template])').forEach(c=>c.remove());let i=this.api.collection.items,r=(l=(a=(o=this.api.collection).group)==null?void 0:a.call(o))!=null?l:[];r.some(([c])=>c!=null)?this.renderGroupedItems(t,n,r):this.renderFlatItems(t,n,i)}renderGroupedItems(t,n,i){for(let[r,s]of i){if(r==null)continue;let o=n.querySelector(`[data-scope="combobox"][data-part="item-group"][data-id="${r}"][data-template]`);if(!o)continue;let a=o.cloneNode(!0);a.removeAttribute("data-template"),this.spreadProps(a,this.api.getItemGroupProps({id:r}));let l=a.querySelector('[data-scope="combobox"][data-part="item-group-label"]');l&&this.spreadProps(l,this.api.getItemGroupLabelProps({htmlFor:r}));let c=a.querySelector('[data-scope="combobox"][data-part="item-group-content"]');if(c){c.innerHTML="";for(let u of s){let h=this.cloneItem(n,u);h&&c.appendChild(h)}t.appendChild(a)}}}renderFlatItems(t,n,i){for(let r of i){let s=this.cloneItem(n,r);s&&t.appendChild(s)}}cloneItem(t,n){let i=this.api.collection.getItemValue(n),r=t.querySelector(`[data-scope="combobox"][data-part="item"][data-value="${i}"][data-template]`);if(!r)return null;let s=r.cloneNode(!0);s.removeAttribute("data-template"),this.spreadProps(s,this.api.getItemProps({item:n}));let o=s.querySelector('[data-scope="combobox"][data-part="item-text"]');o&&(this.spreadProps(o,this.api.getItemTextProps({item:n})),o.children.length===0&&(o.textContent=n.label||""));let a=s.querySelector('[data-scope="combobox"][data-part="item-indicator"]');return a&&this.spreadProps(a,this.api.getItemIndicatorProps({item:n})),s}render(){let t=this.el.querySelector('[data-scope="combobox"][data-part="root"]');if(!t)return;this.spreadProps(t,this.api.getRootProps()),["label","control","input","trigger","clear-trigger","positioner"].forEach(i=>{let r=this.el.querySelector(`[data-scope="combobox"][data-part="${i}"]`);if(!r)return;let s="get"+i.split("-").map(o=>o[0].toUpperCase()+o.slice(1)).join("")+"Props";this.spreadProps(r,this.api[s]())});let n=this.el.querySelector('[data-scope="combobox"][data-part="content"]');n&&(this.spreadProps(n,this.api.getContentProps()),this.renderItems())}};yv={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=JSON.parse(e.dataset.collection||"[]"),i=n.some(a=>a.group!==void 0),r=y(v({id:e.id},O(e,"controlled")?{value:Y(e,"value")}:{defaultValue:Y(e,"defaultValue")}),{disabled:O(e,"disabled"),placeholder:x(e,"placeholder"),alwaysSubmitOnEnter:O(e,"alwaysSubmitOnEnter"),autoFocus:O(e,"autoFocus"),closeOnSelect:O(e,"closeOnSelect"),dir:x(e,"dir",["ltr","rtl"]),inputBehavior:x(e,"inputBehavior",["autohighlight","autocomplete","none"]),loopFocus:O(e,"loopFocus"),multiple:O(e,"multiple"),invalid:O(e,"invalid"),allowCustomValue:!1,selectionBehavior:"replace",name:x(e,"name"),form:x(e,"form"),readOnly:O(e,"readOnly"),required:O(e,"required"),positioning:(()=>{let a=e.dataset.positioning;if(a)try{let l=JSON.parse(a);return vv(l)}catch(l){return}})(),onOpenChange:a=>{let l=x(e,"onOpenChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(l,{open:a.open,reason:a.reason,value:a.value,id:e.id});let c=x(e,"onOpenChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:O(e,"bubble"),detail:{open:a.open,reason:a.reason,value:a.value,id:e.id}}))},onInputValueChange:a=>{let l=x(e,"onInputValueChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(l,{value:a.inputValue,reason:a.reason,id:e.id});let c=x(e,"onInputValueChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:O(e,"bubble"),detail:{value:a.inputValue,reason:a.reason,id:e.id}}))},onValueChange:a=>{let l=e.querySelector('[data-scope="combobox"][data-part="value-input"]');if(l){let h=a.value.length===0?"":a.value.length===1?String(a.value[0]):a.value.map(String).join(",");l.value=h;let p=l.getAttribute("form"),d=null;p?d=document.getElementById(p):d=l.closest("form");let g=new Event("change",{bubbles:!0,cancelable:!0});l.dispatchEvent(g);let m=new Event("input",{bubbles:!0,cancelable:!0});l.dispatchEvent(m),d&&d.hasAttribute("phx-change")&&requestAnimationFrame(()=>{let b=d.querySelector("input, select, textarea");if(b){let P=new Event("change",{bubbles:!0,cancelable:!0});b.dispatchEvent(P)}else{let P=new Event("change",{bubbles:!0,cancelable:!0});d.dispatchEvent(P)}})}let c=x(e,"onValueChange");c&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(c,{value:a.value,items:a.items,id:e.id});let u=x(e,"onValueChangeClient");u&&e.dispatchEvent(new CustomEvent(u,{bubbles:O(e,"bubble"),detail:{value:a.value,items:a.items,id:e.id}}))}}),s=new pv(e,r);s.hasGroups=i,s.setAllOptions(n),s.init();let o=O(e,"controlled")?Y(e,"value"):Y(e,"defaultValue");if(o&&o.length>0){let a=n.filter(l=>{var c;return o.includes((c=l.id)!=null?c:"")});if(a.length>0){let l=a.map(c=>{var u;return(u=c.label)!=null?u:""}).join(", ");if(s.api&&typeof s.api.setInputValue=="function")s.api.setInputValue(l);else{let c=e.querySelector('[data-scope="combobox"][data-part="input"]');c&&(c.value=l)}}}this.combobox=s,this.handlers=[]},updated(){let e=JSON.parse(this.el.dataset.collection||"[]"),t=e.some(n=>n.group!==void 0);if(this.combobox){this.combobox.hasGroups=t,this.combobox.setAllOptions(e),this.combobox.updateProps(y(v({},O(this.el,"controlled")?{value:Y(this.el,"value")}:{defaultValue:Y(this.el,"defaultValue")}),{name:x(this.el,"name"),form:x(this.el,"form"),disabled:O(this.el,"disabled"),multiple:O(this.el,"multiple"),dir:x(this.el,"dir",["ltr","rtl"]),invalid:O(this.el,"invalid"),required:O(this.el,"required"),readOnly:O(this.el,"readOnly")}));let n=this.el.querySelector('[data-scope="combobox"][data-part="input"]');n&&(n.removeAttribute("name"),n.removeAttribute("form"),n.name="")}},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.combobox)==null||e.destroy()}}});var Su={};Oe(Su,{DatePicker:()=>cb});function vo(e,t){return e-t*Math.floor(e/t)}function Wr(e,t,n,i){t=Do(e,t);let r=t-1,s=-2;return n<=2?s=0:zr(t)&&(s=-1),qc-1+365*r+Math.floor(r/4)-Math.floor(r/100)+Math.floor(r/400)+Math.floor((367*n-362)/12+s+i)}function zr(e){return e%4===0&&(e%100!==0||e%400===0)}function Do(e,t){return e==="BC"?1-t:t}function bv(e){let t="AD";return e<=0&&(t="BC",e=1-e),[t,e]}function bn(e,t){return t=Ue(t,e.calendar),e.era===t.era&&e.year===t.year&&e.month===t.month&&e.day===t.day}function Iv(e,t){return t=Ue(t,e.calendar),e=Lt(e),t=Lt(t),e.era===t.era&&e.year===t.year&&e.month===t.month}function Tv(e,t){return t=Ue(t,e.calendar),e=Fi(e),t=Fi(t),e.era===t.era&&e.year===t.year}function Ov(e,t){return ns(e.calendar,t.calendar)&&bn(e,t)}function Sv(e,t){return ns(e.calendar,t.calendar)&&Iv(e,t)}function Pv(e,t){return ns(e.calendar,t.calendar)&&Tv(e,t)}function ns(e,t){var n,i,r,s;return(s=(r=(n=e.isEqual)===null||n===void 0?void 0:n.call(e,t))!==null&&r!==void 0?r:(i=t.isEqual)===null||i===void 0?void 0:i.call(t,e))!==null&&s!==void 0?s:e.identifier===t.identifier}function wv(e,t){return bn(e,is(t))}function Wc(e,t,n){let i=e.calendar.toJulianDay(e),r=n?Vv[n]:Nv(t),s=Math.ceil(i+1-r)%7;return s<0&&(s+=7),s}function Kc(e){return Ft(Date.now(),e)}function is(e){return mn(Kc(e))}function Yc(e,t){return e.calendar.toJulianDay(e)-t.calendar.toJulianDay(t)}function xv(e,t){return xc(e)-xc(t)}function xc(e){return e.hour*36e5+e.minute*6e4+e.second*1e3+e.millisecond}function Lo(){return yo==null&&(yo=new Intl.DateTimeFormat().resolvedOptions().timeZone),yo}function Lt(e){return e.subtract({days:e.day-1})}function So(e){return e.add({days:e.calendar.getDaysInMonth(e)-e.day})}function Fi(e){return Lt(e.subtract({months:e.month-1}))}function kv(e){return So(e.add({months:e.calendar.getMonthsInYear(e)-e.month}))}function Mi(e,t,n){let i=Wc(e,t,n);return e.subtract({days:i})}function kc(e,t,n){return Mi(e,t,n).add({days:6})}function jc(e){if(Intl.Locale){let n=Nc.get(e);return n||(n=new Intl.Locale(e).maximize().region,n&&Nc.set(e,n)),n}let t=e.split("-")[1];return t==="u"?void 0:t}function Nv(e){let t=bo.get(e);if(!t){if(Intl.Locale){let i=new Intl.Locale(e);if("getWeekInfo"in i&&(t=i.getWeekInfo(),t))return bo.set(e,t),t.firstDay}let n=jc(e);if(e.includes("-fw-")){let i=e.split("-fw-")[1].split("-")[0];i==="mon"?t={firstDay:1}:i==="tue"?t={firstDay:2}:i==="wed"?t={firstDay:3}:i==="thu"?t={firstDay:4}:i==="fri"?t={firstDay:5}:i==="sat"?t={firstDay:6}:t={firstDay:0}}else e.includes("-ca-iso8601")?t={firstDay:1}:t={firstDay:n&&Cv[n]||0};bo.set(e,t)}return t.firstDay}function Rv(e,t,n){let i=e.calendar.getDaysInMonth(e);return Math.ceil((Wc(Lt(e),t,n)+i)/7)}function Xc(e,t){return e&&t?e.compare(t)<=0?e:t:e||t}function Zc(e,t){return e&&t?e.compare(t)>=0?e:t:e||t}function Dv(e,t){let n=e.calendar.toJulianDay(e),i=Math.ceil(n+1)%7;i<0&&(i+=7);let r=jc(t),[s,o]=Av[r]||[6,0];return i===s||i===o}function si(e){e=Ue(e,new ri);let t=Do(e.era,e.year);return Jc(t,e.month,e.day,e.hour,e.minute,e.second,e.millisecond)}function Jc(e,t,n,i,r,s,o){let a=new Date;return a.setUTCHours(i,r,s,o),a.setUTCFullYear(e,t-1,n),a.getTime()}function Po(e,t){if(t==="UTC")return 0;if(e>0&&t===Lo())return new Date(e).getTimezoneOffset()*-6e4;let{year:n,month:i,day:r,hour:s,minute:o,second:a}=zc(e,t);return Jc(n,i,r,s,o,a,0)-Math.floor(e/1e3)*1e3}function zc(e,t){let n=Rc.get(t);n||(n=new Intl.DateTimeFormat("en-US",{timeZone:t,hour12:!1,era:"short",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}),Rc.set(t,n));let i=n.formatToParts(new Date(e)),r={};for(let s of i)s.type!=="literal"&&(r[s.type]=s.value);return{year:r.era==="BC"||r.era==="B"?-r.year+1:+r.year,month:+r.month,day:+r.day,hour:r.hour==="24"?0:+r.hour,minute:+r.minute,second:+r.second}}function Lv(e,t,n,i){return(n===i?[n]:[n,i]).filter(s=>Fv(e,t,s))}function Fv(e,t,n){let i=zc(n,t);return e.year===i.year&&e.month===i.month&&e.day===i.day&&e.hour===i.hour&&e.minute===i.minute&&e.second===i.second}function Dt(e,t,n="compatible"){let i=vn(e);if(t==="UTC")return si(i);if(t===Lo()&&n==="compatible"){i=Ue(i,new ri);let l=new Date,c=Do(i.era,i.year);return l.setFullYear(c,i.month-1,i.day),l.setHours(i.hour,i.minute,i.second,i.millisecond),l.getTime()}let r=si(i),s=Po(r-Ac,t),o=Po(r+Ac,t),a=Lv(i,t,r-s,r-o);if(a.length===1)return a[0];if(a.length>1)switch(n){case"compatible":case"earlier":return a[0];case"later":return a[a.length-1];case"reject":throw new RangeError("Multiple possible absolute times found")}switch(n){case"earlier":return Math.min(r-s,r-o);case"compatible":case"later":return Math.max(r-s,r-o);case"reject":throw new RangeError("No such absolute time found")}}function Qc(e,t,n="compatible"){return new Date(Dt(e,t,n))}function Ft(e,t){let n=Po(e,t),i=new Date(e+n),r=i.getUTCFullYear(),s=i.getUTCMonth()+1,o=i.getUTCDate(),a=i.getUTCHours(),l=i.getUTCMinutes(),c=i.getUTCSeconds(),u=i.getUTCMilliseconds();return new au(r<1?"BC":"AD",r<1?-r+1:r,s,o,t,n,a,l,c,u)}function mn(e){return new oi(e.calendar,e.era,e.year,e.month,e.day)}function vn(e,t){let n=0,i=0,r=0,s=0;if("timeZone"in e)({hour:n,minute:i,second:r,millisecond:s}=e);else if("hour"in e&&!t)return e;return t&&({hour:n,minute:i,second:r,millisecond:s}=t),new iy(e.calendar,e.era,e.year,e.month,e.day,n,i,r,s)}function Ue(e,t){if(ns(e.calendar,t))return e;let n=t.fromJulianDay(e.calendar.toJulianDay(e)),i=e.copy();return i.calendar=t,i.era=n.era,i.year=n.year,i.month=n.month,i.day=n.day,yn(i),i}function Mv(e,t,n){if(e instanceof au)return e.timeZone===t?e:_v(e,t);let i=Dt(e,t,n);return Ft(i,t)}function $v(e){let t=si(e)-e.offset;return new Date(t)}function _v(e,t){let n=si(e)-e.offset;return Ue(Ft(n,t),e.calendar)}function rs(e,t){let n=e.copy(),i="hour"in n?Uv(n,t):0;wo(n,t.years||0),n.calendar.balanceYearMonth&&n.calendar.balanceYearMonth(n,e),n.month+=t.months||0,Vo(n),eu(n),n.day+=(t.weeks||0)*7,n.day+=t.days||0,n.day+=i,Hv(n),n.calendar.balanceDate&&n.calendar.balanceDate(n),n.year<1&&(n.year=1,n.month=1,n.day=1);let r=n.calendar.getYearsInEra(n);if(n.year>r){var s,o;let l=(s=(o=n.calendar).isInverseEra)===null||s===void 0?void 0:s.call(o,n);n.year=r,n.month=l?1:n.calendar.getMonthsInYear(n),n.day=l?1:n.calendar.getDaysInMonth(n)}n.month<1&&(n.month=1,n.day=1);let a=n.calendar.getMonthsInYear(n);return n.month>a&&(n.month=a,n.day=n.calendar.getDaysInMonth(n)),n.day=Math.max(1,Math.min(n.calendar.getDaysInMonth(n),n.day)),n}function wo(e,t){var n,i;!((n=(i=e.calendar).isInverseEra)===null||n===void 0)&&n.call(i,e)&&(t=-t),e.year+=t}function Vo(e){for(;e.month<1;)wo(e,-1),e.month+=e.calendar.getMonthsInYear(e);let t=0;for(;e.month>(t=e.calendar.getMonthsInYear(e));)e.month-=t,wo(e,1)}function Hv(e){for(;e.day<1;)e.month--,Vo(e),e.day+=e.calendar.getDaysInMonth(e);for(;e.day>e.calendar.getDaysInMonth(e);)e.day-=e.calendar.getDaysInMonth(e),e.month++,Vo(e)}function eu(e){e.month=Math.max(1,Math.min(e.calendar.getMonthsInYear(e),e.month)),e.day=Math.max(1,Math.min(e.calendar.getDaysInMonth(e),e.day))}function yn(e){e.calendar.constrainDate&&e.calendar.constrainDate(e),e.year=Math.max(1,Math.min(e.calendar.getYearsInEra(e),e.year)),eu(e)}function tu(e){let t={};for(let n in e)typeof e[n]=="number"&&(t[n]=-e[n]);return t}function nu(e,t){return rs(e,tu(t))}function Fo(e,t){let n=e.copy();return t.era!=null&&(n.era=t.era),t.year!=null&&(n.year=t.year),t.month!=null&&(n.month=t.month),t.day!=null&&(n.day=t.day),yn(n),n}function ts(e,t){let n=e.copy();return t.hour!=null&&(n.hour=t.hour),t.minute!=null&&(n.minute=t.minute),t.second!=null&&(n.second=t.second),t.millisecond!=null&&(n.millisecond=t.millisecond),Gv(n),n}function Bv(e){e.second+=Math.floor(e.millisecond/1e3),e.millisecond=Kr(e.millisecond,1e3),e.minute+=Math.floor(e.second/60),e.second=Kr(e.second,60),e.hour+=Math.floor(e.minute/60),e.minute=Kr(e.minute,60);let t=Math.floor(e.hour/24);return e.hour=Kr(e.hour,24),t}function Gv(e){e.millisecond=Math.max(0,Math.min(e.millisecond,1e3)),e.second=Math.max(0,Math.min(e.second,59)),e.minute=Math.max(0,Math.min(e.minute,59)),e.hour=Math.max(0,Math.min(e.hour,23))}function Kr(e,t){let n=e%t;return n<0&&(n+=t),n}function Uv(e,t){return e.hour+=t.hours||0,e.minute+=t.minutes||0,e.second+=t.seconds||0,e.millisecond+=t.milliseconds||0,Bv(e)}function Mo(e,t,n,i){let r=e.copy();switch(t){case"era":{let a=e.calendar.getEras(),l=a.indexOf(e.era);if(l<0)throw new Error("Invalid era: "+e.era);l=Mt(l,n,0,a.length-1,i==null?void 0:i.round),r.era=a[l],yn(r);break}case"year":var s,o;!((s=(o=r.calendar).isInverseEra)===null||s===void 0)&&s.call(o,r)&&(n=-n),r.year=Mt(e.year,n,-1/0,9999,i==null?void 0:i.round),r.year===-1/0&&(r.year=1),r.calendar.balanceYearMonth&&r.calendar.balanceYearMonth(r,e);break;case"month":r.month=Mt(e.month,n,1,e.calendar.getMonthsInYear(e),i==null?void 0:i.round);break;case"day":r.day=Mt(e.day,n,1,e.calendar.getDaysInMonth(e),i==null?void 0:i.round);break;default:throw new Error("Unsupported field "+t)}return e.calendar.balanceDate&&e.calendar.balanceDate(r),yn(r),r}function iu(e,t,n,i){let r=e.copy();switch(t){case"hour":{let s=e.hour,o=0,a=23;if((i==null?void 0:i.hourCycle)===12){let l=s>=12;o=l?12:0,a=l?23:11}r.hour=Mt(s,n,o,a,i==null?void 0:i.round);break}case"minute":r.minute=Mt(e.minute,n,0,59,i==null?void 0:i.round);break;case"second":r.second=Mt(e.second,n,0,59,i==null?void 0:i.round);break;case"millisecond":r.millisecond=Mt(e.millisecond,n,0,999,i==null?void 0:i.round);break;default:throw new Error("Unsupported field "+t)}return r}function Mt(e,t,n,i,r=!1){if(r){e+=Math.sign(t),e<n&&(e=i);let s=Math.abs(t);t>0?e=Math.ceil(e/s)*s:e=Math.floor(e/s)*s,e>i&&(e=n)}else e+=t,e<n?e=i-(n-e-1):e>i&&(e=n+(e-i-1));return e}function ru(e,t){let n;if(t.years!=null&&t.years!==0||t.months!=null&&t.months!==0||t.weeks!=null&&t.weeks!==0||t.days!=null&&t.days!==0){let r=rs(vn(e),{years:t.years,months:t.months,weeks:t.weeks,days:t.days});n=Dt(r,e.timeZone)}else n=si(e)-e.offset;n+=t.milliseconds||0,n+=(t.seconds||0)*1e3,n+=(t.minutes||0)*6e4,n+=(t.hours||0)*36e5;let i=Ft(n,e.timeZone);return Ue(i,e.calendar)}function qv(e,t){return ru(e,tu(t))}function Wv(e,t,n,i){switch(t){case"hour":{let r=0,s=23;if((i==null?void 0:i.hourCycle)===12){let g=e.hour>=12;r=g?12:0,s=g?23:11}let o=vn(e),a=Ue(ts(o,{hour:r}),new ri),l=[Dt(a,e.timeZone,"earlier"),Dt(a,e.timeZone,"later")].filter(g=>Ft(g,e.timeZone).day===a.day)[0],c=Ue(ts(o,{hour:s}),new ri),u=[Dt(c,e.timeZone,"earlier"),Dt(c,e.timeZone,"later")].filter(g=>Ft(g,e.timeZone).day===c.day).pop(),h=si(e)-e.offset,p=Math.floor(h/Di),d=h%Di;return h=Mt(p,n,Math.floor(l/Di),Math.floor(u/Di),i==null?void 0:i.round)*Di+d,Ue(Ft(h,e.timeZone),e.calendar)}case"minute":case"second":case"millisecond":return iu(e,t,n,i);case"era":case"year":case"month":case"day":{let r=Mo(vn(e),t,n,i),s=Dt(r,e.timeZone);return Ue(Ft(s,e.timeZone),e.calendar)}default:throw new Error("Unsupported field "+t)}}function Kv(e,t,n){let i=vn(e),r=ts(Fo(i,t),t);if(r.compare(i)===0)return e;let s=Dt(r,e.timeZone,n);return Ue(Ft(s,e.timeZone),e.calendar)}function Zv(e){let t=e.match(Yv);if(!t)throw jv.test(e)?new Error(`Invalid ISO 8601 date string: ${e}. Use parseAbsolute() instead.`):new Error("Invalid ISO 8601 date string: "+e);let n=new oi(Eo(t[1],0,9999),Eo(t[2],1,12),1);return n.day=Eo(t[3],1,n.calendar.getDaysInMonth(n)),n}function Eo(e,t,n){let i=Number(e);if(i<t||i>n)throw new RangeError(`Value out of range: ${t} <= ${i} <= ${n}`);return i}function Jv(e){return`${String(e.hour).padStart(2,"0")}:${String(e.minute).padStart(2,"0")}:${String(e.second).padStart(2,"0")}${e.millisecond?String(e.millisecond/1e3).slice(1):""}`}function su(e){let t=Ue(e,new ri),n;return t.era==="BC"?n=t.year===1?"0000":"-"+String(Math.abs(1-t.year)).padStart(6,"00"):n=String(t.year).padStart(4,"0"),`${n}-${String(t.month).padStart(2,"0")}-${String(t.day).padStart(2,"0")}`}function ou(e){return`${su(e)}T${Jv(e)}`}function zv(e){let t=Math.sign(e)<0?"-":"+";e=Math.abs(e);let n=Math.floor(e/36e5),i=Math.floor(e%36e5/6e4),r=Math.floor(e%36e5%6e4/1e3),s=`${t}${String(n).padStart(2,"0")}:${String(i).padStart(2,"0")}`;return r!==0&&(s+=`:${String(r).padStart(2,"0")}`),s}function Qv(e){return`${ou(e)}${zv(e.offset)}[${e.timeZone}]`}function ey(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function $o(e,t,n){ey(e,t),t.set(e,n)}function _o(e){let t=typeof e[0]=="object"?e.shift():new ri,n;if(typeof e[0]=="string")n=e.shift();else{let o=t.getEras();n=o[o.length-1]}let i=e.shift(),r=e.shift(),s=e.shift();return[t,n,i,r,s]}function lu(e,t={}){if(typeof t.hour12=="boolean"&&oy()){t=v({},t);let r=sy[String(t.hour12)][e.split("-")[0]],s=t.hour12?"h12":"h23";t.hourCycle=r!=null?r:s,delete t.hour12}let n=e+(t?Object.entries(t).sort((r,s)=>r[0]<s[0]?-1:1).join():"");if(Co.has(n))return Co.get(n);let i=new Intl.DateTimeFormat(e,t);return Co.set(n,i),i}function oy(){return Io==null&&(Io=new Intl.DateTimeFormat("en-US",{hour:"numeric",hour12:!1}).format(new Date(2020,2,3,0))==="24"),Io}function ay(){return To==null&&(To=new Intl.DateTimeFormat("fr",{hour:"numeric",hour12:!1}).resolvedOptions().hourCycle==="h12"),To}function ly(e,t){if(!t.timeStyle&&!t.hour)return;e=e.replace(/(-u-)?-nu-[a-zA-Z0-9]+/,""),e+=(e.includes("-u-")?"":"-u")+"-nu-latn";let n=lu(e,y(v({},t),{timeZone:void 0})),i=parseInt(n.formatToParts(new Date(2020,2,3,0)).find(s=>s.type==="hour").value,10),r=parseInt(n.formatToParts(new Date(2020,2,3,23)).find(s=>s.type==="hour").value,10);if(i===0&&r===23)return"h23";if(i===24&&r===23)return"h24";if(i===0&&r===11)return"h11";if(i===12&&r===11)return"h12";throw new Error("Unexpected hour cycle result")}function cy(e,t,n,i,r){let s={};for(let a in t){let l=a,c=t[l];c!=null&&(s[l]=Math.floor(c/2),s[l]>0&&c%2===0&&s[l]--)}let o=En(e,t,n).subtract(s);return $i(e,o,t,n,i,r)}function En(e,t,n,i,r){let s=e;return t.years?s=Fi(e):t.months?s=Lt(e):t.weeks&&(s=Mi(e,n)),$i(e,s,t,n,i,r)}function Ho(e,t,n,i,r){let s=v({},t);s.days?s.days--:s.weeks?s.weeks--:s.months?s.months--:s.years&&s.years--;let o=En(e,t,n).subtract(s);return $i(e,o,t,n,i,r)}function $i(e,t,n,i,r,s){return r&&e.compare(r)>=0&&(t=Zc(t,En(mn(r),n,i))),s&&e.compare(s)<=0&&(t=Xc(t,Ho(mn(s),n,i))),t}function lt(e,t,n){let i=mn(e);return t&&(i=Zc(i,mn(t))),n&&(i=Xc(i,mn(n))),i}function Dc(e,t,n,i,r,s){switch(t){case"start":return En(e,n,i,r,s);case"end":return Ho(e,n,i,r,s);case"center":default:return cy(e,n,i,r,s)}}function Ge(e,t){return e==null||t==null?e===t:bn(e,t)}function Lc(e,t,n,i,r){return e?t!=null&&t(e,n)?!0:yt(e,i,r):!1}function yt(e,t,n){return t!=null&&e.compare(t)<0||n!=null&&e.compare(n)>0}function uy(e,t,n){let i=e.subtract({days:1});return bn(i,e)||yt(i,t,n)}function dy(e,t,n){let i=e.add({days:1});return bn(i,e)||yt(i,t,n)}function Bo(e){let t=v({},e);for(let n in t)t[n]=1;return t}function cu(e,t){let n=v({},t);return n.days?n.days--:n.days=-1,e.add(n)}function uu(e){return(e==null?void 0:e.calendar.identifier)==="gregory"&&e.era==="BC"?"short":void 0}function du(e,t){let n=vn(is(t));return new ct(e,{weekday:"long",month:"long",year:"numeric",day:"numeric",era:uu(n),timeZone:t})}function Fc(e,t){let n=is(t);return new ct(e,{month:"long",year:"numeric",era:uu(n),calendar:n==null?void 0:n.calendar.identifier,timeZone:t})}function hy(e,t,n,i,r){let s=n.formatRangeToParts(e.toDate(r),t.toDate(r)),o=-1;for(let c=0;c<s.length;c++){let u=s[c];if(u.source==="shared"&&u.type==="literal")o=c;else if(u.source==="endRange")break}let a="",l="";for(let c=0;c<s.length;c++)c<o?a+=s[c].value:c>o&&(l+=s[c].value);return i(a,l)}function Yr(e,t,n,i){if(!e)return"";let r=e,s=t!=null?t:e,o=du(n,i);return bn(r,s)?o.format(r.toDate(i)):hy(r,s,o,(a,l)=>`${a} \u2013 ${l}`,i)}function hu(e){return e!=null?gy[e]:void 0}function gu(e,t,n){let i=hu(n);return Mi(e,t,i)}function fu(e,t,n,i){let r=t.add({weeks:e}),s=[],o=gu(r,n,i);for(;s.length<7;){s.push(o);let a=o.add({days:1});if(bn(o,a))break;o=a}return s}function fy(e,t,n,i){let r=hu(i),s=n!=null?n:Rv(e,t,r);return[...new Array(s).keys()].map(a=>fu(a,e,t,i))}function py(e,t){let n=new ct(e,{weekday:"long",timeZone:t}),i=new ct(e,{weekday:"short",timeZone:t}),r=new ct(e,{weekday:"narrow",timeZone:t});return s=>{let o=s instanceof Date?s:s.toDate(t);return{value:s,short:i.format(o),long:n.format(o),narrow:r.format(o)}}}function my(e,t,n,i){let r=gu(e,i,t),s=[...new Array(7).keys()],o=py(i,n);return s.map(a=>o(r.add({days:a})))}function vy(e,t="long"){let n=new Date(2021,0,1),i=[];for(let r=0;r<12;r++)i.push(n.toLocaleString(e,{month:t})),n.setMonth(n.getMonth()+1);return i}function yy(e){let t=[];for(let n=e.from;n<=e.to;n+=1)t.push(n);return t}function Ey(e){if(e){if(e.length===3)return e.padEnd(4,"0");if(e.length===2){let t=new Date().getFullYear(),n=Math.floor(t/100)*100,i=parseInt(e.slice(-2),10),r=n+i;return r>t+by?(r-100).toString():r.toString()}return e}}function ii(e,t){let n=t!=null&&t.strict?10:12,i=e-e%10,r=[];for(let s=0;s<n;s+=1){let o=i+s;r.push(o)}return r}function ni(e){return is(e!=null?e:Lo())}function _i(e,t,n,i){return function(s){let{startDate:o,focusedDate:a}=s,l=cu(o,e);return yt(a,n,i)?{startDate:o,focusedDate:lt(a,n,i),endDate:l}:a.compare(o)<0?{startDate:Ho(a,e,t,n,i),focusedDate:lt(a,n,i),endDate:l}:a.compare(l)>0?{startDate:En(a,e,t,n,i),endDate:l,focusedDate:lt(a,n,i)}:{startDate:o,endDate:l,focusedDate:lt(a,n,i)}}}function pu(e,t,n,i,r,s){let o=_i(n,i,r,s),a=t.add(n);return o({focusedDate:e.add(n),startDate:En($i(e,a,n,i,r,s),n,i)})}function mu(e,t,n,i,r,s){let o=_i(n,i,r,s),a=t.subtract(n);return o({focusedDate:e.subtract(n),startDate:En($i(e,a,n,i,r,s),n,i)})}function Cy(e,t,n,i,r,s,o){let a=_i(i,r,s,o);if(!n&&!i.days)return a({focusedDate:e.add(Bo(i)),startDate:t});if(i.days)return pu(e,t,i,r,s,o);if(i.weeks)return a({focusedDate:e.add({months:1}),startDate:t});if(i.months||i.years)return a({focusedDate:e.add({years:1}),startDate:t})}function Iy(e,t,n,i,r,s,o){let a=_i(i,r,s,o);if(!n&&!i.days)return a({focusedDate:e.subtract(Bo(i)),startDate:t});if(i.days)return mu(e,t,i,r,s,o);if(i.weeks)return a({focusedDate:e.subtract({months:1}),startDate:t});if(i.months||i.years)return a({focusedDate:e.subtract({years:1}),startDate:t})}function Sy(e,t,n){var c;let i=Py(t,n),{year:r,month:s,day:o}=(c=wy(i,e))!=null?c:{};if(r!=null||s!=null||o!=null){let u=new Date;r||(r=u.getFullYear().toString()),s||(s=(u.getMonth()+1).toString()),o||(o=u.getDate().toString())}if(Mc(r)||(r=Ey(r)),Mc(r)&&Ty(s)&&Oy(o))return new oi(+r,+s,+o);let l=Date.parse(e);if(!isNaN(l)){let u=new Date(l);return new oi(u.getFullYear(),u.getMonth()+1,u.getDate())}}function Py(e,t){return new ct(e,{day:"numeric",month:"numeric",year:"numeric",timeZone:t}).formatToParts(new Date(2e3,11,25)).map(({type:r,value:s})=>r==="literal"?`${s}?`:`((?!=<${r}>)\\d+)?`).join("")}function wy(e,t){var i;let n=t.match(e);return(i=e.toString().match(/<(.+?)>/g))==null?void 0:i.map(r=>{var o;let s=r.match(/<(.+)>/);return!s||s.length<=0?null:(o=r.match(/<(.+)>/))==null?void 0:o[1]}).reduce((r,s,o)=>(s&&(n&&n.length>o?r[s]=n[o+1]:r[s]=null),r),{})}function $c(e,t,n){let i=mn(Kc(n));switch(e){case"thisWeek":return[Mi(i,t),kc(i,t)];case"thisMonth":return[Lt(i),i];case"thisQuarter":return[Lt(i).add({months:-((i.month-1)%3)}),i];case"thisYear":return[Fi(i),i];case"last3Days":return[i.add({days:-2}),i];case"last7Days":return[i.add({days:-6}),i];case"last14Days":return[i.add({days:-13}),i];case"last30Days":return[i.add({days:-29}),i];case"last90Days":return[i.add({days:-89}),i];case"lastMonth":return[Lt(i.add({months:-1})),So(i.add({months:-1}))];case"lastQuarter":return[Lt(i.add({months:-((i.month-1)%3)-3})),So(i.add({months:-((i.month-1)%3)-1}))];case"lastWeek":return[Mi(i,t).add({weeks:-1}),kc(i,t).add({weeks:-1})];case"lastYear":return[Fi(i.add({years:-1})),kv(i.add({years:-1}))];default:throw new Error(`Invalid date range preset: ${e}`)}}function Vy(e={}){var c;let{level:t="polite",document:n=document,root:i,delay:r=0}=e,s=(c=n.defaultView)!=null?c:window,o=i!=null?i:n.body;function a(u,h){let p=n.getElementById(jr);p==null||p.remove(),h=h!=null?h:r;let d=n.createElement("span");d.id=jr,d.dataset.liveAnnouncer="true";let g=t!=="assertive"?"status":"alert";d.setAttribute("aria-live",t),d.setAttribute("role",g),Object.assign(d.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),o.appendChild(d),s.setTimeout(()=>{d.textContent=u},h)}function l(){let u=n.getElementById(jr);u==null||u.remove()}return{announce:a,destroy:l,toJSON(){return jr}}}function Ao(e){let[t,n]=e,i;return!t||!n?i=e:i=t.compare(n)<=0?e:[n,t],i}function ti(e,t){let[n,i]=t;return!n||!i?!1:n.compare(e)<=0&&i.compare(e)>=0}function Xr(e){return e.slice().filter(t=>t!=null).sort((t,n)=>t.compare(n))}function Hy(e){return Ve(e,{year:"calendar decade",month:"calendar year",day:"calendar month"})}function Gy(e){return new ct(e).formatToParts(new Date).map(t=>{var n;return(n=By[t.type])!=null?n:t.value}).join("")}function qy(e){let i=new Intl.DateTimeFormat(e).formatToParts(new Date).find(r=>r.type==="literal");return i?i.value:"/"}function $t(e,t){return e?e==="day"?0:e==="month"?1:2:t||0}function Go(e){return e===0?"day":e===1?"month":"year"}function Uo(e,t,n){return Go(dl($t(e,0),$t(t,0),$t(n,2)))}function Ky(e,t){return $t(e,0)>$t(t,0)}function Yy(e,t){return $t(e,0)<$t(t,0)}function jy(e,t,n){let i=$t(e,0)+1;return Uo(Go(i),t,n)}function Xy(e,t,n){let i=$t(e,0)-1;return Uo(Go(i),t,n)}function Jy(e){Zy.forEach(t=>e(t))}function Qy(e,t){let{state:n,context:i,prop:r,send:s,computed:o,scope:a}=e,l=i.get("startValue"),c=o("endValue"),u=i.get("value"),h=i.get("focusedValue"),p=i.get("hoveredValue"),d=p?Ao([u[0],p]):[],g=!!r("disabled"),m=!!r("readOnly"),b=!!r("invalid"),P=o("isInteractive"),S=u.length===0,E=r("min"),f=r("max"),C=r("locale"),I=r("timeZone"),V=r("startOfWeek"),R=n.matches("focused"),w=n.matches("open"),N=r("selectionMode")==="range",A=r("isDateUnavailable"),L=i.get("currentPlacement"),M=Zt(y(v({},r("positioning")),{placement:L})),j=qy(C),q=v(v({},Wy),r("translations"));function J(D=l){let k=r("fixedWeeks")?6:void 0;return fy(D,C,k,V)}function W(D={}){let{format:k}=D;return vy(C,k).map((F,_)=>{let z=_+1,Le=h.set({month:z}),Ie=yt(Le,E,f);return{label:F,value:z,disabled:Ie}})}function ge(){var k,F;return yy({from:(k=E==null?void 0:E.year)!=null?k:1900,to:(F=f==null?void 0:f.year)!=null?F:2100}).map(_=>({label:_.toString(),value:_,disabled:!yr(_,E==null?void 0:E.year,f==null?void 0:f.year)}))}function de(D){return Lc(D,A,C,E,f)}function X(D){let k=l!=null?l:ni(I);s({type:"FOCUS.SET",value:k.set({month:D})})}function ue(D){let k=l!=null?l:ni(I);s({type:"FOCUS.SET",value:k.set({year:D})})}function qe(D){let{value:k,disabled:F}=D,_=h.set({year:k}),Le=!ii(l.year,{strict:!0}).includes(k),Ie=yr(k,E==null?void 0:E.year,f==null?void 0:f.year),ut={focused:h.year===D.value,selectable:Le||Ie,outsideRange:Le,selected:!!u.find(pi=>pi&&pi.year===k),valueText:k.toString(),inRange:N&&(ti(_,u)||ti(_,d)),value:_,get disabled(){return F||!ut.selectable}};return ut}function It(D){let{value:k,disabled:F}=D,_=h.set({month:k}),z=Fc(C,I),Le={focused:h.month===D.value,selectable:!yt(_,E,f),selected:!!u.find(Ie=>Ie&&Ie.month===k&&Ie.year===h.year),valueText:z.format(_.toDate(I)),inRange:N&&(ti(_,u)||ti(_,d)),value:_,get disabled(){return F||!Le.selectable}};return Le}function fi(D){let{value:k,disabled:F,visibleRange:_=o("visibleRange")}=D,z=du(C,I),Le=Bo(o("visibleDuration")),Ie=r("outsideDaySelectable"),ut=_.start.add(Le).subtract({days:1}),pi=yt(k,_.start,ut),th=N&&ti(k,u),nh=N&&Ge(k,u[0]),ih=N&&Ge(k,u[1]),Cs=N&&d.length>0,ya=Cs&&ti(k,d),rh=Cs&&Ge(k,d[0]),sh=Cs&&Ge(k,d[1]),mi={invalid:yt(k,E,f),disabled:F||!Ie&&pi||yt(k,E,f),selected:u.some(oh=>Ge(k,oh)),unavailable:Lc(k,A,C,E,f)&&!F,outsideRange:pi,today:wv(k,I),weekend:Dv(k,C),formattedDate:z.format(k.toDate(I)),get focused(){return Ge(k,h)&&(!mi.outsideRange||Ie)},get ariaLabel(){return q.dayCell(mi)},get selectable(){return!mi.disabled&&!mi.unavailable},inRange:th||ya,firstInRange:nh,lastInRange:ih,inHoveredRange:ya,firstInHoveredRange:rh,lastInHoveredRange:sh};return mi}function Es(D){let{view:k="day",id:F}=D;return[k,F].filter(Boolean).join(" ")}return{focused:R,open:w,disabled:g,invalid:b,readOnly:m,inline:!!r("inline"),numOfMonths:r("numOfMonths"),selectionMode:r("selectionMode"),view:i.get("view"),getRangePresetValue(D){return $c(D,C,I)},getDaysInWeek(D,k=l){return fu(D,k,C,V)},getOffset(D){let k=l.add(D),F=c.add(D),_=Fc(C,I);return{visibleRange:{start:k,end:F},weeks:J(k),visibleRangeText:{start:_.format(k.toDate(I)),end:_.format(F.toDate(I))}}},getMonthWeeks:J,isUnavailable:de,weeks:J(),weekDays:my(ni(I),V,I,C),visibleRangeText:o("visibleRangeText"),value:u,valueAsDate:u.filter(D=>D!=null).map(D=>D.toDate(I)),valueAsString:o("valueAsString"),focusedValue:h,focusedValueAsDate:h==null?void 0:h.toDate(I),focusedValueAsString:r("format")(h,{locale:C,timeZone:I}),visibleRange:o("visibleRange"),selectToday(){let D=lt(ni(I),E,f);s({type:"VALUE.SET",value:D})},setValue(D){let k=D.map(F=>lt(F,E,f));s({type:"VALUE.SET",value:k})},clearValue(){s({type:"VALUE.CLEAR"})},setFocusedValue(D){s({type:"FOCUS.SET",value:D})},setOpen(D){r("inline")||n.matches("open")===D||s({type:D?"OPEN":"CLOSE"})},focusMonth:X,focusYear:ue,getYears:ge,getMonths:W,getYearsGrid(D={}){let{columns:k=1}=D,F=ii(l.year,{strict:!0}).map(_=>({label:_.toString(),value:_,disabled:!yr(_,E==null?void 0:E.year,f==null?void 0:f.year)}));return Ws(F,k)},getDecade(){let D=ii(l.year,{strict:!0});return{start:D.at(0),end:D.at(-1)}},getMonthsGrid(D={}){let{columns:k=1,format:F}=D;return Ws(W({format:F}),k)},format(D,k={month:"long",year:"numeric"}){return new ct(C,k).format(D.toDate(I))},setView(D){s({type:"VIEW.SET",view:D})},goToNext(){s({type:"GOTO.NEXT",view:i.get("view")})},goToPrev(){s({type:"GOTO.PREV",view:i.get("view")})},getRootProps(){return t.element(y(v({},se.root.attrs),{dir:r("dir"),id:Ny(a),"data-state":w?"open":"closed","data-disabled":T(g),"data-readonly":T(m),"data-empty":T(S)}))},getLabelProps(D={}){let{index:k=0}=D;return t.label(y(v({},se.label.attrs),{id:ky(a,k),dir:r("dir"),htmlFor:_c(a,k),"data-state":w?"open":"closed","data-index":k,"data-disabled":T(g),"data-readonly":T(m)}))},getControlProps(){return t.element(y(v({},se.control.attrs),{dir:r("dir"),id:yu(a),"data-disabled":T(g),"data-placeholder-shown":T(S)}))},getRangeTextProps(){return t.element(y(v({},se.rangeText.attrs),{dir:r("dir")}))},getContentProps(){return t.element(y(v({},se.content.attrs),{hidden:!w,dir:r("dir"),"data-state":w?"open":"closed","data-placement":L,"data-inline":T(r("inline")),id:Ro(a),tabIndex:-1,role:"application","aria-roledescription":"datepicker","aria-label":q.content}))},getTableProps(D={}){let{view:k="day",columns:F=k==="day"?7:4}=D,_=Es(D);return t.element(y(v({},se.table.attrs),{role:"grid","data-columns":F,"aria-roledescription":Hy(k),id:Ry(a,_),"aria-readonly":ie(m),"aria-disabled":ie(g),"aria-multiselectable":ie(r("selectionMode")!=="single"),"data-view":k,dir:r("dir"),tabIndex:-1,onKeyDown(z){if(z.defaultPrevented)return;let Ie={Enter(){k==="day"&&de(h)||k==="month"&&!It({value:h.month}).selectable||k==="year"&&!qe({value:h.year}).selectable||s({type:"TABLE.ENTER",view:k,columns:F,focus:!0})},ArrowLeft(){s({type:"TABLE.ARROW_LEFT",view:k,columns:F,focus:!0})},ArrowRight(){s({type:"TABLE.ARROW_RIGHT",view:k,columns:F,focus:!0})},ArrowUp(){s({type:"TABLE.ARROW_UP",view:k,columns:F,focus:!0})},ArrowDown(){s({type:"TABLE.ARROW_DOWN",view:k,columns:F,focus:!0})},PageUp(ut){s({type:"TABLE.PAGE_UP",larger:ut.shiftKey,view:k,columns:F,focus:!0})},PageDown(ut){s({type:"TABLE.PAGE_DOWN",larger:ut.shiftKey,view:k,columns:F,focus:!0})},Home(){s({type:"TABLE.HOME",view:k,columns:F,focus:!0})},End(){s({type:"TABLE.END",view:k,columns:F,focus:!0})}}[ve(z,{dir:r("dir")})];Ie&&(Ie(z),z.preventDefault(),z.stopPropagation())},onPointerLeave(){s({type:"TABLE.POINTER_LEAVE"})},onPointerDown(){s({type:"TABLE.POINTER_DOWN",view:k})},onPointerUp(){s({type:"TABLE.POINTER_UP",view:k})}}))},getTableHeadProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.tableHead.attrs),{"aria-hidden":!0,dir:r("dir"),"data-view":k,"data-disabled":T(g)}))},getTableHeaderProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.tableHeader.attrs),{dir:r("dir"),"data-view":k,"data-disabled":T(g)}))},getTableBodyProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.tableBody.attrs),{"data-view":k,"data-disabled":T(g)}))},getTableRowProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.tableRow.attrs),{"aria-disabled":ie(g),"data-disabled":T(g),"data-view":k}))},getDayTableCellState:fi,getDayTableCellProps(D){let{value:k}=D,F=fi(D);return t.element(y(v({},se.tableCell.attrs),{role:"gridcell","aria-disabled":ie(!F.selectable),"aria-selected":F.selected||F.inRange,"aria-invalid":ie(F.invalid),"aria-current":F.today?"date":void 0,"data-value":k.toString()}))},getDayTableCellTriggerProps(D){let{value:k}=D,F=fi(D);return t.element(y(v({},se.tableCellTrigger.attrs),{id:Oo(a,k.toString()),role:"button",dir:r("dir"),tabIndex:F.focused?0:-1,"aria-label":F.ariaLabel,"aria-disabled":ie(!F.selectable),"aria-invalid":ie(F.invalid),"data-disabled":T(!F.selectable),"data-selected":T(F.selected),"data-value":k.toString(),"data-view":"day","data-today":T(F.today),"data-focus":T(F.focused),"data-unavailable":T(F.unavailable),"data-range-start":T(F.firstInRange),"data-range-end":T(F.lastInRange),"data-in-range":T(F.inRange),"data-outside-range":T(F.outsideRange),"data-weekend":T(F.weekend),"data-in-hover-range":T(F.inHoveredRange),"data-hover-range-start":T(F.firstInHoveredRange),"data-hover-range-end":T(F.lastInHoveredRange),onClick(_){_.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"day",value:k})},onPointerMove:N?_=>{if(_.pointerType==="touch"||!F.selectable)return;let z=!a.isActiveElement(_.currentTarget);p&&Ov(k,p)||s({type:"CELL.POINTER_MOVE",cell:"day",value:k,focus:z})}:void 0}))},getMonthTableCellState:It,getMonthTableCellProps(D){let{value:k,columns:F}=D,_=It(D);return t.element(y(v({},se.tableCell.attrs),{dir:r("dir"),colSpan:F,role:"gridcell","aria-selected":ie(_.selected||_.inRange),"data-selected":T(_.selected),"aria-disabled":ie(!_.selectable),"data-value":k}))},getMonthTableCellTriggerProps(D){let{value:k}=D,F=It(D);return t.element(y(v({},se.tableCellTrigger.attrs),{dir:r("dir"),role:"button",id:Oo(a,k.toString()),"data-selected":T(F.selected),"aria-disabled":ie(!F.selectable),"data-disabled":T(!F.selectable),"data-focus":T(F.focused),"data-in-range":T(F.inRange),"data-outside-range":T(F.outsideRange),"aria-label":F.valueText,"data-view":"month","data-value":k,tabIndex:F.focused?0:-1,onClick(_){_.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"month",value:k})},onPointerMove:N?_=>{if(_.pointerType==="touch"||!F.selectable)return;let z=!a.isActiveElement(_.currentTarget);p&&F.value&&Sv(F.value,p)||s({type:"CELL.POINTER_MOVE",cell:"month",value:F.value,focus:z})}:void 0}))},getYearTableCellState:qe,getYearTableCellProps(D){let{value:k,columns:F}=D,_=qe(D);return t.element(y(v({},se.tableCell.attrs),{dir:r("dir"),colSpan:F,role:"gridcell","aria-selected":ie(_.selected),"data-selected":T(_.selected),"aria-disabled":ie(!_.selectable),"data-value":k}))},getYearTableCellTriggerProps(D){let{value:k}=D,F=qe(D);return t.element(y(v({},se.tableCellTrigger.attrs),{dir:r("dir"),role:"button",id:Oo(a,k.toString()),"data-selected":T(F.selected),"data-focus":T(F.focused),"data-in-range":T(F.inRange),"aria-disabled":ie(!F.selectable),"data-disabled":T(!F.selectable),"aria-label":F.valueText,"data-outside-range":T(F.outsideRange),"data-value":k,"data-view":"year",tabIndex:F.focused?0:-1,onClick(_){_.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"year",value:k})},onPointerMove:N?_=>{if(_.pointerType==="touch"||!F.selectable)return;let z=!a.isActiveElement(_.currentTarget);p&&F.value&&Pv(F.value,p)||s({type:"CELL.POINTER_MOVE",cell:"year",value:F.value,focus:z})}:void 0}))},getNextTriggerProps(D={}){let{view:k="day"}=D,F=g||!o("isNextVisibleRangeValid");return t.button(y(v({},se.nextTrigger.attrs),{dir:r("dir"),id:Dy(a,k),type:"button","aria-label":q.nextTrigger(k),disabled:F,"data-disabled":T(F),onClick(_){_.defaultPrevented||s({type:"GOTO.NEXT",view:k})}}))},getPrevTriggerProps(D={}){let{view:k="day"}=D,F=g||!o("isPrevVisibleRangeValid");return t.button(y(v({},se.prevTrigger.attrs),{dir:r("dir"),id:Ay(a,k),type:"button","aria-label":q.prevTrigger(k),disabled:F,"data-disabled":T(F),onClick(_){_.defaultPrevented||s({type:"GOTO.PREV",view:k})}}))},getClearTriggerProps(){return t.button(y(v({},se.clearTrigger.attrs),{id:vu(a),dir:r("dir"),type:"button","aria-label":q.clearTrigger,hidden:!u.length,onClick(D){D.defaultPrevented||s({type:"VALUE.CLEAR"})}}))},getTriggerProps(){return t.button(y(v({},se.trigger.attrs),{id:bu(a),dir:r("dir"),type:"button","data-placement":L,"aria-label":q.trigger(w),"aria-controls":Ro(a),"data-state":w?"open":"closed","data-placeholder-shown":T(S),"aria-haspopup":"grid",disabled:g,onClick(D){D.defaultPrevented||P&&s({type:"TRIGGER.CLICK"})}}))},getViewProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.view.attrs),{"data-view":k,hidden:i.get("view")!==k}))},getViewTriggerProps(D={}){let{view:k="day"}=D;return t.button(y(v({},se.viewTrigger.attrs),{"data-view":k,dir:r("dir"),id:Ly(a,k),type:"button",disabled:g,"aria-label":q.viewTrigger(k),onClick(F){F.defaultPrevented||P&&s({type:"VIEW.TOGGLE",src:"viewTrigger"})}}))},getViewControlProps(D={}){let{view:k="day"}=D;return t.element(y(v({},se.viewControl.attrs),{"data-view":k,dir:r("dir")}))},getInputProps(D={}){let{index:k=0,fixOnBlur:F=!0}=D;return t.input(y(v({},se.input.attrs),{id:_c(a,k),autoComplete:"off",autoCorrect:"off",spellCheck:"false",dir:r("dir"),name:r("name"),"data-index":k,"data-state":w?"open":"closed","data-placeholder-shown":T(S),readOnly:m,disabled:g,required:r("required"),"aria-invalid":ie(b),"data-invalid":T(b),placeholder:r("placeholder")||Gy(C),defaultValue:o("valueAsString")[k],onBeforeInput(_){let{data:z}=Ms(_);Ou(z,j)||_.preventDefault()},onFocus(){s({type:"INPUT.FOCUS",index:k})},onBlur(_){let z=_.currentTarget.value.trim();s({type:"INPUT.BLUR",value:z,index:k,fixOnBlur:F})},onKeyDown(_){if(_.defaultPrevented||!P)return;let Le={Enter(Ie){Vt(Ie)||de(h)||Ie.currentTarget.value.trim()!==""&&s({type:"INPUT.ENTER",value:Ie.currentTarget.value,index:k})}}[_.key];Le&&(Le(_),_.preventDefault())},onInput(_){let z=_.currentTarget.value;s({type:"INPUT.CHANGE",value:Uy(z,j),index:k})}}))},getMonthSelectProps(){return t.select(y(v({},se.monthSelect.attrs),{id:Cu(a),"aria-label":q.monthSelect,disabled:g,dir:r("dir"),defaultValue:l.month,onChange(D){X(Number(D.currentTarget.value))}}))},getYearSelectProps(){return t.select(y(v({},se.yearSelect.attrs),{id:Iu(a),disabled:g,"aria-label":q.yearSelect,dir:r("dir"),defaultValue:l.year,onChange(D){ue(Number(D.currentTarget.value))}}))},getPositionerProps(){return t.element(y(v({id:Eu(a)},se.positioner.attrs),{dir:r("dir"),style:M.floating}))},getPresetTriggerProps(D){let k=Array.isArray(D.value)?D.value:$c(D.value,C,I),F=k.filter(_=>_!=null).map(_=>_.toDate(I).toDateString());return t.button(y(v({},se.presetTrigger.attrs),{"aria-label":q.presetTrigger(F),type:"button",onClick(_){_.defaultPrevented||s({type:"PRESET.CLICK",value:k})}}))}}}function eb(e,t){if((e==null?void 0:e.length)!==(t==null?void 0:t.length))return!1;let n=Math.max(e.length,t.length);for(let i=0;i<n;i++)if(!Ge(e[i],t[i]))return!1;return!0}function Zr(e,t){return e.map(n=>n==null?"":t("format")(n,{locale:t("locale"),timeZone:t("timeZone")}))}function ae(e,t){let{context:n,prop:i,computed:r}=e;if(!t)return;let s=es(e,t);if(Ge(n.get("focusedValue"),s))return;let a=_i(r("visibleDuration"),i("locale"),i("min"),i("max"))({focusedDate:s,startDate:n.get("startValue")});n.set("startValue",a.startDate),n.set("focusedValue",a.focusedDate)}function Jr(e,t){let{context:n}=e;n.set("startValue",t.startDate);let i=n.get("focusedValue");Ge(i,t.focusedDate)||n.set("focusedValue",t.focusedDate)}function Ze(e){return Array.isArray(e)?e.map(t=>Ze(t)):e instanceof Date?new oi(e.getFullYear(),e.getMonth()+1,e.getDate()):Zv(e)}function Uc(e){let t=n=>String(n).padStart(2,"0");return`${e.year}-${t(e.month)}-${t(e.day)}`}var qc,Ev,ri,Cv,Vv,yo,Nc,bo,Av,Rc,Ac,Di,Yv,jv,Xv,CT,ty,oi,ny,iy,ry,au,Co,ct,sy,Io,To,gy,by,Mc,Ty,Oy,jr,xy,se,ky,Ny,Ry,Ro,Oo,Ay,Dy,Ly,vu,yu,_c,bu,Eu,Cu,Iu,Hc,Bc,Qr,Li,Fy,My,$y,_y,Tu,By,Ou,Gc,Uy,Wy,Zy,zy,Xe,tb,es,nb,IT,ib,TT,rb,OT,sb,ST,ob,PT,ab,wT,lb,cb,Pu=fe(()=>{"use strict";Ri();gn();me();qc=1721426;Ev={standard:[31,28,31,30,31,30,31,31,30,31,30,31],leapyear:[31,29,31,30,31,30,31,31,30,31,30,31]},ri=class{fromJulianDay(e){let t=e,n=t-qc,i=Math.floor(n/146097),r=vo(n,146097),s=Math.floor(r/36524),o=vo(r,36524),a=Math.floor(o/1461),l=vo(o,1461),c=Math.floor(l/365),u=i*400+s*100+a*4+c+(s!==4&&c!==4?1:0),[h,p]=bv(u),d=t-Wr(h,p,1,1),g=2;t<Wr(h,p,3,1)?g=0:zr(p)&&(g=1);let m=Math.floor(((d+g)*12+373)/367),b=t-Wr(h,p,m,1)+1;return new oi(h,p,m,b)}toJulianDay(e){return Wr(e.era,e.year,e.month,e.day)}getDaysInMonth(e){return Ev[zr(e.year)?"leapyear":"standard"][e.month-1]}getMonthsInYear(e){return 12}getDaysInYear(e){return zr(e.year)?366:365}getMaximumMonthsInYear(){return 12}getMaximumDaysInMonth(){return 31}getYearsInEra(e){return 9999}getEras(){return["BC","AD"]}isInverseEra(e){return e.era==="BC"}balanceDate(e){e.year<=0&&(e.era=e.era==="BC"?"AD":"BC",e.year=1-e.year)}constructor(){this.identifier="gregory"}},Cv={"001":1,AD:1,AE:6,AF:6,AI:1,AL:1,AM:1,AN:1,AR:1,AT:1,AU:1,AX:1,AZ:1,BA:1,BE:1,BG:1,BH:6,BM:1,BN:1,BY:1,CH:1,CL:1,CM:1,CN:1,CR:1,CY:1,CZ:1,DE:1,DJ:6,DK:1,DZ:6,EC:1,EE:1,EG:6,ES:1,FI:1,FJ:1,FO:1,FR:1,GB:1,GE:1,GF:1,GP:1,GR:1,HR:1,HU:1,IE:1,IQ:6,IR:6,IS:1,IT:1,JO:6,KG:1,KW:6,KZ:1,LB:1,LI:1,LK:1,LT:1,LU:1,LV:1,LY:6,MC:1,MD:1,ME:1,MK:1,MN:1,MQ:1,MV:5,MY:1,NL:1,NO:1,NZ:1,OM:6,PL:1,QA:6,RE:1,RO:1,RS:1,RU:1,SD:6,SE:1,SI:1,SK:1,SM:1,SY:6,TJ:1,TM:1,TR:1,UA:1,UY:1,UZ:1,VA:1,VN:1,XK:1};Vv={sun:0,mon:1,tue:2,wed:3,thu:4,fri:5,sat:6};yo=null;Nc=new Map,bo=new Map;Av={AF:[4,5],AE:[5,6],BH:[5,6],DZ:[5,6],EG:[5,6],IL:[5,6],IQ:[5,6],IR:[5,5],JO:[5,6],KW:[5,6],LY:[5,6],OM:[5,6],QA:[5,6],SA:[5,6],SD:[5,6],SY:[5,6],YE:[5,6]};Rc=new Map;Ac=864e5;Di=36e5;Yv=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})$/,jv=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})(?:T(\d{2}))?(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?(?:(?:([+-]\d{2})(?::?(\d{2}))?)|Z)$/,Xv=["hours","minutes","seconds"],CT=["years","months","weeks","days",...Xv];ty=new WeakMap,oi=class xo{copy(){return this.era?new xo(this.calendar,this.era,this.year,this.month,this.day):new xo(this.calendar,this.year,this.month,this.day)}add(t){return rs(this,t)}subtract(t){return nu(this,t)}set(t){return Fo(this,t)}cycle(t,n,i){return Mo(this,t,n,i)}toDate(t){return Qc(this,t)}toString(){return su(this)}compare(t){return Yc(this,t)}constructor(...t){$o(this,ty,{writable:!0,value:void 0});let[n,i,r,s,o]=_o(t);this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=o,yn(this)}},ny=new WeakMap,iy=class ko{copy(){return this.era?new ko(this.calendar,this.era,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond):new ko(this.calendar,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond)}add(t){return rs(this,t)}subtract(t){return nu(this,t)}set(t){return Fo(ts(this,t),t)}cycle(t,n,i){switch(t){case"era":case"year":case"month":case"day":return Mo(this,t,n,i);default:return iu(this,t,n,i)}}toDate(t,n){return Qc(this,t,n)}toString(){return ou(this)}compare(t){let n=Yc(this,t);return n===0?xv(this,vn(t)):n}constructor(...t){$o(this,ny,{writable:!0,value:void 0});let[n,i,r,s,o]=_o(t);this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=o,this.hour=t.shift()||0,this.minute=t.shift()||0,this.second=t.shift()||0,this.millisecond=t.shift()||0,yn(this)}},ry=new WeakMap,au=class No{copy(){return this.era?new No(this.calendar,this.era,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond):new No(this.calendar,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond)}add(t){return ru(this,t)}subtract(t){return qv(this,t)}set(t,n){return Kv(this,t,n)}cycle(t,n,i){return Wv(this,t,n,i)}toDate(){return $v(this)}toString(){return Qv(this)}toAbsoluteString(){return this.toDate().toISOString()}compare(t){return this.toDate().getTime()-Mv(t,this.timeZone).toDate().getTime()}constructor(...t){$o(this,ry,{writable:!0,value:void 0});let[n,i,r,s,o]=_o(t),a=t.shift(),l=t.shift();this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=o,this.timeZone=a,this.offset=l,this.hour=t.shift()||0,this.minute=t.shift()||0,this.second=t.shift()||0,this.millisecond=t.shift()||0,yn(this)}},Co=new Map,ct=class{format(e){return this.formatter.format(e)}formatToParts(e){return this.formatter.formatToParts(e)}formatRange(e,t){if(typeof this.formatter.formatRange=="function")return this.formatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.formatter.format(e)} \u2013 ${this.formatter.format(t)}`}formatRangeToParts(e,t){if(typeof this.formatter.formatRangeToParts=="function")return this.formatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let n=this.formatter.formatToParts(e),i=this.formatter.formatToParts(t);return[...n.map(r=>y(v({},r),{source:"startRange"})),{type:"literal",value:" \u2013 ",source:"shared"},...i.map(r=>y(v({},r),{source:"endRange"}))]}resolvedOptions(){let e=this.formatter.resolvedOptions();return ay()&&(this.resolvedHourCycle||(this.resolvedHourCycle=ly(e.locale,this.options)),e.hourCycle=this.resolvedHourCycle,e.hour12=this.resolvedHourCycle==="h11"||this.resolvedHourCycle==="h12"),e.calendar==="ethiopic-amete-alem"&&(e.calendar="ethioaa"),e}constructor(e,t={}){this.formatter=lu(e,t),this.options=t}},sy={true:{ja:"h11"},false:{}};Io=null;To=null;gy=["sun","mon","tue","wed","thu","fri","sat"];by=10;Mc=e=>e!=null&&e.length===4,Ty=e=>e!=null&&parseFloat(e)<=12,Oy=e=>e!=null&&parseFloat(e)<=31;jr="__live-region__";xy=Z("date-picker").parts("clearTrigger","content","control","input","label","monthSelect","nextTrigger","positioner","presetTrigger","prevTrigger","rangeText","root","table","tableBody","tableCell","tableCellTrigger","tableHead","tableHeader","tableRow","trigger","view","viewControl","viewTrigger","yearSelect"),se=xy.build(),ky=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.label)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:label:${t}`},Ny=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`datepicker:${e.id}`},Ry=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.table)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:table:${t}`},Ro=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`datepicker:${e.id}:content`},Oo=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.cellTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:cell-trigger:${t}`},Ay=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.prevTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:prev:${t}`},Dy=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.nextTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:next:${t}`},Ly=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.viewTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:view:${t}`},vu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`datepicker:${e.id}:clear`},yu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`datepicker:${e.id}:control`},_c=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.input)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:input:${t}`},bu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`datepicker:${e.id}:trigger`},Eu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`datepicker:${e.id}:positioner`},Cu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.monthSelect)!=null?n:`datepicker:${e.id}:month-select`},Iu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.yearSelect)!=null?n:`datepicker:${e.id}:year-select`},Hc=(e,t)=>Mn(Qr(e),`[data-part=table-cell-trigger][data-view=${t}][data-focus]:not([data-outside-range])`),Bc=e=>e.getById(bu(e)),Qr=e=>e.getById(Ro(e)),Li=e=>dt(Tu(e),"[data-part=input]"),Fy=e=>e.getById(Iu(e)),My=e=>e.getById(Cu(e)),$y=e=>e.getById(vu(e)),_y=e=>e.getById(Eu(e)),Tu=e=>e.getById(yu(e));By={day:"dd",month:"mm",year:"yyyy"};Ou=(e,t)=>e?/\d/.test(e)||e===t||e.length!==1:!0,Gc=e=>!Number.isNaN(e.day)&&!Number.isNaN(e.month)&&!Number.isNaN(e.year),Uy=(e,t)=>e.split("").filter(n=>Ou(n,t)).join("");Wy={dayCell(e){return e.unavailable?`Not available. ${e.formattedDate}`:e.selected?`Selected date. ${e.formattedDate}`:`Choose ${e.formattedDate}`},trigger(e){return e?"Close calendar":"Open calendar"},viewTrigger(e){return Ve(e,{year:"Switch to month view",month:"Switch to day view",day:"Switch to year view"})},presetTrigger(e){let[t="",n=""]=e;return`select ${t} to ${n}`},prevTrigger(e){return Ve(e,{year:"Switch to previous decade",month:"Switch to previous year",day:"Switch to previous month"})},nextTrigger(e){return Ve(e,{year:"Switch to next decade",month:"Switch to next year",day:"Switch to next month"})},placeholder(){return{day:"dd",month:"mm",year:"yyyy"}},content:"calendar",monthSelect:"Select month",yearSelect:"Select year",clearTrigger:"Clear selected dates"};Zy=["day","month","year"];zy=gl(e=>[e.view,e.startValue.toString(),e.endValue.toString(),e.locale],([e],t)=>{let{startValue:n,endValue:i,locale:r,timeZone:s,selectionMode:o}=t;if(e==="year"){let h=ii(n.year,{strict:!0}),p=h.at(0).toString(),d=h.at(-1).toString();return{start:p,end:d,formatted:`${p} - ${d}`}}if(e==="month"){let h=new ct(r,{year:"numeric",timeZone:s}),p=h.format(n.toDate(s)),d=h.format(i.toDate(s)),g=o==="range"?`${p} - ${d}`:p;return{start:p,end:d,formatted:g}}let a=new ct(r,{month:"long",year:"numeric",timeZone:s}),l=a.format(n.toDate(s)),c=a.format(i.toDate(s)),u=o==="range"?`${l} - ${c}`:l;return{start:l,end:c,formatted:u}});({and:Xe}=ye());tb={props({props:e}){let t=e.locale||"en-US",n=e.timeZone||"UTC",i=e.selectionMode||"single",r=e.numOfMonths||1,s=e.defaultValue?Xr(e.defaultValue).map(h=>lt(h,e.min,e.max)):void 0,o=e.value?Xr(e.value).map(h=>lt(h,e.min,e.max)):void 0,a=e.focusedValue||e.defaultFocusedValue||(o==null?void 0:o[0])||(s==null?void 0:s[0])||ni(n);a=lt(a,e.min,e.max);let l="day",c="year",u=Uo(e.view||l,l,c);return y(v({locale:t,numOfMonths:r,timeZone:n,selectionMode:i,defaultView:u,minView:l,maxView:c,outsideDaySelectable:!1,closeOnSelect:!0,format(h,{locale:p,timeZone:d}){return new ct(p,{timeZone:d,day:"2-digit",month:"2-digit",year:"numeric"}).format(h.toDate(d))},parse(h,{locale:p,timeZone:d}){return Sy(h,p,d)}},e),{focusedValue:typeof e.focusedValue=="undefined"?void 0:a,defaultFocusedValue:a,value:o,defaultValue:s!=null?s:[],positioning:v({placement:"bottom"},e.positioning)})},initialState({prop:e}){return e("open")||e("defaultOpen")||e("inline")?"open":"idle"},refs(){return{announcer:void 0}},context({prop:e,bindable:t,getContext:n}){return{focusedValue:t(()=>({defaultValue:e("defaultFocusedValue"),value:e("focusedValue"),isEqual:Ge,hash:i=>i.toString(),sync:!0,onChange(i){var l;let r=n(),s=r.get("view"),o=r.get("value"),a=Zr(o,e);(l=e("onFocusChange"))==null||l({value:o,valueAsString:a,view:s,focusedValue:i})}})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:eb,hash:i=>i.map(r=>{var s;return(s=r==null?void 0:r.toString())!=null?s:""}).join(","),onChange(i){var o;let r=n(),s=Zr(i,e);(o=e("onValueChange"))==null||o({value:i,valueAsString:s,view:r.get("view")})}})),inputValue:t(()=>({defaultValue:""})),activeIndex:t(()=>({defaultValue:0,sync:!0})),hoveredValue:t(()=>({defaultValue:null,isEqual:Ge})),view:t(()=>({defaultValue:e("defaultView"),value:e("view"),onChange(i){var r;(r=e("onViewChange"))==null||r({view:i})}})),startValue:t(()=>{let i=e("focusedValue")||e("defaultFocusedValue");return{defaultValue:Dc(i,"start",{months:e("numOfMonths")},e("locale")),isEqual:Ge,hash:r=>r.toString()}}),currentPlacement:t(()=>({defaultValue:void 0})),restoreFocus:t(()=>({defaultValue:!1}))}},computed:{isInteractive:({prop:e})=>!e("disabled")&&!e("readOnly"),visibleDuration:({prop:e})=>({months:e("numOfMonths")}),endValue:({context:e,computed:t})=>cu(e.get("startValue"),t("visibleDuration")),visibleRange:({context:e,computed:t})=>({start:e.get("startValue"),end:t("endValue")}),visibleRangeText:({context:e,prop:t,computed:n})=>zy({view:e.get("view"),startValue:e.get("startValue"),endValue:n("endValue"),locale:t("locale"),timeZone:t("timeZone"),selectionMode:t("selectionMode")}),isPrevVisibleRangeValid:({context:e,prop:t})=>!uy(e.get("startValue"),t("min"),t("max")),isNextVisibleRangeValid:({prop:e,computed:t})=>!dy(t("endValue"),e("min"),e("max")),valueAsString:({context:e,prop:t})=>Zr(e.get("value"),t)},effects:["setupLiveRegion"],watch({track:e,prop:t,context:n,action:i,computed:r}){e([()=>t("locale")],()=>{i(["setStartValue","syncInputElement"])}),e([()=>n.hash("focusedValue")],()=>{i(["setStartValue","focusActiveCellIfNeeded","setHoveredValueIfKeyboard"])}),e([()=>n.hash("startValue")],()=>{i(["syncMonthSelectElement","syncYearSelectElement","invokeOnVisibleRangeChange"])}),e([()=>n.get("inputValue")],()=>{i(["syncInputValue"])}),e([()=>n.hash("value")],()=>{i(["syncInputElement"])}),e([()=>r("valueAsString").toString()],()=>{i(["announceValueText"])}),e([()=>n.get("view")],()=>{i(["focusActiveCell"])}),e([()=>t("open")],()=>{i(["toggleVisibility"])})},on:{"VALUE.SET":{actions:["setDateValue","setFocusedDate"]},"VIEW.SET":{actions:["setView"]},"FOCUS.SET":{actions:["setFocusedDate"]},"VALUE.CLEAR":{actions:["clearDateValue","clearFocusedDate","focusFirstInputElement"]},"INPUT.CHANGE":[{guard:"isInputValueEmpty",actions:["setInputValue","clearDateValue","clearFocusedDate"]},{actions:["setInputValue","focusParsedDate"]}],"INPUT.ENTER":{actions:["focusParsedDate","selectFocusedDate"]},"INPUT.FOCUS":{actions:["setActiveIndex"]},"INPUT.BLUR":[{guard:"shouldFixOnBlur",actions:["setActiveIndexToStart","selectParsedDate"]},{actions:["setActiveIndexToStart"]}],"PRESET.CLICK":[{guard:"isOpenControlled",actions:["setDateValue","setFocusedDate","invokeOnClose"]},{target:"focused",actions:["setDateValue","setFocusedDate","focusInputElement"]}],"GOTO.NEXT":[{guard:"isYearView",actions:["focusNextDecade","announceVisibleRange"]},{guard:"isMonthView",actions:["focusNextYear","announceVisibleRange"]},{actions:["focusNextPage"]}],"GOTO.PREV":[{guard:"isYearView",actions:["focusPreviousDecade","announceVisibleRange"]},{guard:"isMonthView",actions:["focusPreviousYear","announceVisibleRange"]},{actions:["focusPreviousPage"]}]},states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["focusFirstSelectedDate","focusActiveCell"]},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}]}},focused:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["focusFirstSelectedDate","focusActiveCell"]},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}]}},open:{tags:["open"],effects:["trackDismissableElement","trackPositioning"],exit:["clearHoveredDate","resetView"],on:{"CONTROLLED.CLOSE":[{guard:Xe("shouldRestoreFocus","isInteractOutsideEvent"),target:"focused",actions:["focusTriggerElement"]},{guard:"shouldRestoreFocus",target:"focused",actions:["focusInputElement"]},{target:"idle"}],"CELL.CLICK":[{guard:"isAboveMinView",actions:["setFocusedValueForView","setPreviousView"]},{guard:Xe("isRangePicker","hasSelectedRange"),actions:["setActiveIndexToStart","resetSelection","setActiveIndexToEnd"]},{guard:Xe("isRangePicker","isSelectingEndDate","closeOnSelect","isOpenControlled"),actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","setRestoreFocus"]},{guard:Xe("isRangePicker","isSelectingEndDate","closeOnSelect"),target:"focused",actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","focusInputElement"]},{guard:Xe("isRangePicker","isSelectingEndDate"),actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate"]},{guard:"isRangePicker",actions:["setFocusedDate","setSelectedDate","setActiveIndexToEnd"]},{guard:"isMultiPicker",actions:["setFocusedDate","toggleSelectedDate"]},{guard:Xe("closeOnSelect","isOpenControlled"),actions:["setFocusedDate","setSelectedDate","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["setFocusedDate","setSelectedDate","invokeOnClose","focusInputElement"]},{actions:["setFocusedDate","setSelectedDate"]}],"CELL.POINTER_MOVE":{guard:Xe("isRangePicker","isSelectingEndDate"),actions:["setHoveredDate","setFocusedDate"]},"TABLE.POINTER_LEAVE":{guard:"isRangePicker",actions:["clearHoveredDate"]},"TABLE.POINTER_DOWN":{actions:["disableTextSelection"]},"TABLE.POINTER_UP":{actions:["enableTextSelection"]},"TABLE.ESCAPE":[{guard:"isOpenControlled",actions:["focusFirstSelectedDate","invokeOnClose"]},{target:"focused",actions:["focusFirstSelectedDate","invokeOnClose","focusTriggerElement"]}],"TABLE.ENTER":[{guard:"isAboveMinView",actions:["setPreviousView"]},{guard:Xe("isRangePicker","hasSelectedRange"),actions:["setActiveIndexToStart","clearDateValue","setSelectedDate","setActiveIndexToEnd"]},{guard:Xe("isRangePicker","isSelectingEndDate","closeOnSelect","isOpenControlled"),actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose"]},{guard:Xe("isRangePicker","isSelectingEndDate","closeOnSelect"),target:"focused",actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","focusInputElement"]},{guard:Xe("isRangePicker","isSelectingEndDate"),actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate"]},{guard:"isRangePicker",actions:["setSelectedDate","setActiveIndexToEnd","focusNextDay"]},{guard:"isMultiPicker",actions:["toggleSelectedDate"]},{guard:Xe("closeOnSelect","isOpenControlled"),actions:["selectFocusedDate","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectFocusedDate","invokeOnClose","focusInputElement"]},{actions:["selectFocusedDate"]}],"TABLE.ARROW_RIGHT":[{guard:"isMonthView",actions:["focusNextMonth"]},{guard:"isYearView",actions:["focusNextYear"]},{actions:["focusNextDay","setHoveredDate"]}],"TABLE.ARROW_LEFT":[{guard:"isMonthView",actions:["focusPreviousMonth"]},{guard:"isYearView",actions:["focusPreviousYear"]},{actions:["focusPreviousDay"]}],"TABLE.ARROW_UP":[{guard:"isMonthView",actions:["focusPreviousMonthColumn"]},{guard:"isYearView",actions:["focusPreviousYearColumn"]},{actions:["focusPreviousWeek"]}],"TABLE.ARROW_DOWN":[{guard:"isMonthView",actions:["focusNextMonthColumn"]},{guard:"isYearView",actions:["focusNextYearColumn"]},{actions:["focusNextWeek"]}],"TABLE.PAGE_UP":{actions:["focusPreviousSection"]},"TABLE.PAGE_DOWN":{actions:["focusNextSection"]},"TABLE.HOME":[{guard:"isMonthView",actions:["focusFirstMonth"]},{guard:"isYearView",actions:["focusFirstYear"]},{actions:["focusSectionStart"]}],"TABLE.END":[{guard:"isMonthView",actions:["focusLastMonth"]},{guard:"isYearView",actions:["focusLastYear"]},{actions:["focusSectionEnd"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"VIEW.TOGGLE":{actions:["setNextView"]},INTERACT_OUTSIDE:[{guard:"isOpenControlled",actions:["setActiveIndexToStart","invokeOnClose"]},{guard:"shouldRestoreFocus",target:"focused",actions:["setActiveIndexToStart","invokeOnClose","focusTriggerElement"]},{target:"idle",actions:["setActiveIndexToStart","invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["setActiveIndexToStart","invokeOnClose"]},{target:"idle",actions:["setActiveIndexToStart","invokeOnClose"]}]}}},implementations:{guards:{isAboveMinView:({context:e,prop:t})=>Ky(e.get("view"),t("minView")),isDayView:({context:e,event:t})=>(t.view||e.get("view"))==="day",isMonthView:({context:e,event:t})=>(t.view||e.get("view"))==="month",isYearView:({context:e,event:t})=>(t.view||e.get("view"))==="year",isRangePicker:({prop:e})=>e("selectionMode")==="range",hasSelectedRange:({context:e})=>e.get("value").length===2,isMultiPicker:({prop:e})=>e("selectionMode")==="multiple",shouldRestoreFocus:({context:e})=>!!e.get("restoreFocus"),isSelectingEndDate:({context:e})=>e.get("activeIndex")===1,closeOnSelect:({prop:e})=>!!e("closeOnSelect"),isOpenControlled:({prop:e})=>e("open")!=null||!!e("inline"),isInteractOutsideEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="INTERACT_OUTSIDE"},isInputValueEmpty:({event:e})=>e.value.trim()==="",shouldFixOnBlur:({event:e})=>!!e.fixOnBlur},effects:{trackPositioning({context:e,prop:t,scope:n}){if(t("inline"))return;e.get("currentPlacement")||e.set("currentPlacement",t("positioning").placement);let i=Tu(n);return at(i,()=>_y(n),y(v({},t("positioning")),{defer:!0,onComplete(s){e.set("currentPlacement",s.placement)}}))},setupLiveRegion({scope:e,refs:t}){let n=e.getDoc();return t.set("announcer",Vy({level:"assertive",document:n})),()=>{var i,r;return(r=(i=t.get("announcer"))==null?void 0:i.destroy)==null?void 0:r.call(i)}},trackDismissableElement({scope:e,send:t,context:n,prop:i}){return i("inline")?void 0:vt(()=>Qr(e),{type:"popover",defer:!0,exclude:[...Li(e),Bc(e),$y(e)],onInteractOutside(s){n.set("restoreFocus",!s.detail.focusable)},onDismiss(){t({type:"INTERACT_OUTSIDE"})},onEscapeKeyDown(s){s.preventDefault(),t({type:"TABLE.ESCAPE",src:"dismissable"})}})}},actions:{setNextView({context:e,prop:t}){let n=jy(e.get("view"),t("minView"),t("maxView"));e.set("view",n)},setPreviousView({context:e,prop:t}){let n=Xy(e.get("view"),t("minView"),t("maxView"));e.set("view",n)},setView({context:e,event:t}){e.set("view",t.view)},setRestoreFocus({context:e}){e.set("restoreFocus",!0)},announceValueText({context:e,prop:t,refs:n}){var a;let i=e.get("value"),r=t("locale"),s=t("timeZone"),o;if(t("selectionMode")==="range"){let[l,c]=i;l&&c?o=Yr(l,c,r,s):l?o=Yr(l,null,r,s):c?o=Yr(c,null,r,s):o=""}else o=i.map(l=>Yr(l,null,r,s)).filter(Boolean).join(",");(a=n.get("announcer"))==null||a.announce(o,3e3)},announceVisibleRange({computed:e,refs:t}){var i;let{formatted:n}=e("visibleRangeText");(i=t.get("announcer"))==null||i.announce(n)},disableTextSelection({scope:e}){Bs({target:Qr(e),doc:e.getDoc()})},enableTextSelection({scope:e}){Hs({doc:e.getDoc(),target:Qr(e)})},focusFirstSelectedDate(e){let{context:t}=e;t.get("value").length&&ae(e,t.get("value")[0])},syncInputElement({scope:e,computed:t}){H(()=>{Li(e).forEach((i,r)=>{xt(i,t("valueAsString")[r]||"")})})},setFocusedDate(e){let{event:t}=e,n=Array.isArray(t.value)?t.value[0]:t.value;ae(e,n)},setFocusedValueForView(e){let{context:t,event:n}=e;ae(e,t.get("focusedValue").set({[t.get("view")]:n.value}))},focusNextMonth(e){let{context:t}=e;ae(e,t.get("focusedValue").add({months:1}))},focusPreviousMonth(e){let{context:t}=e;ae(e,t.get("focusedValue").subtract({months:1}))},setDateValue({context:e,event:t,prop:n}){if(!Array.isArray(t.value))return;let i=t.value.map(r=>lt(r,n("min"),n("max")));e.set("value",i)},clearDateValue({context:e}){e.set("value",[])},setSelectedDate(e){var r;let{context:t,event:n}=e,i=Array.from(t.get("value"));i[t.get("activeIndex")]=es(e,(r=n.value)!=null?r:t.get("focusedValue")),t.set("value",Ao(i))},resetSelection(e){var r;let{context:t,event:n}=e,i=es(e,(r=n.value)!=null?r:t.get("focusedValue"));t.set("value",[i])},toggleSelectedDate(e){var s;let{context:t,event:n}=e,i=es(e,(s=n.value)!=null?s:t.get("focusedValue")),r=t.get("value").findIndex(o=>Ge(o,i));if(r===-1){let o=[...t.get("value"),i];t.set("value",Xr(o))}else{let o=Array.from(t.get("value"));o.splice(r,1),t.set("value",Xr(o))}},setHoveredDate({context:e,event:t}){e.set("hoveredValue",t.value)},clearHoveredDate({context:e}){e.set("hoveredValue",null)},selectFocusedDate({context:e,computed:t}){let n=Array.from(e.get("value")),i=e.get("activeIndex");n[i]=e.get("focusedValue").copy(),e.set("value",Ao(n));let r=t("valueAsString");e.set("inputValue",r[i])},focusPreviousDay(e){let{context:t}=e,n=t.get("focusedValue").subtract({days:1});ae(e,n)},focusNextDay(e){let{context:t}=e,n=t.get("focusedValue").add({days:1});ae(e,n)},focusPreviousWeek(e){let{context:t}=e,n=t.get("focusedValue").subtract({weeks:1});ae(e,n)},focusNextWeek(e){let{context:t}=e,n=t.get("focusedValue").add({weeks:1});ae(e,n)},focusNextPage(e){let{context:t,computed:n,prop:i}=e,r=pu(t.get("focusedValue"),t.get("startValue"),n("visibleDuration"),i("locale"),i("min"),i("max"));Jr(e,r)},focusPreviousPage(e){let{context:t,computed:n,prop:i}=e,r=mu(t.get("focusedValue"),t.get("startValue"),n("visibleDuration"),i("locale"),i("min"),i("max"));Jr(e,r)},focusSectionStart(e){let{context:t}=e;ae(e,t.get("startValue").copy())},focusSectionEnd(e){let{computed:t}=e;ae(e,t("endValue").copy())},focusNextSection(e){let{context:t,event:n,computed:i,prop:r}=e,s=Cy(t.get("focusedValue"),t.get("startValue"),n.larger,i("visibleDuration"),r("locale"),r("min"),r("max"));s&&Jr(e,s)},focusPreviousSection(e){let{context:t,event:n,computed:i,prop:r}=e,s=Iy(t.get("focusedValue"),t.get("startValue"),n.larger,i("visibleDuration"),r("locale"),r("min"),r("max"));s&&Jr(e,s)},focusNextYear(e){let{context:t}=e,n=t.get("focusedValue").add({years:1});ae(e,n)},focusPreviousYear(e){let{context:t}=e,n=t.get("focusedValue").subtract({years:1});ae(e,n)},focusNextDecade(e){let{context:t}=e,n=t.get("focusedValue").add({years:10});ae(e,n)},focusPreviousDecade(e){let{context:t}=e,n=t.get("focusedValue").subtract({years:10});ae(e,n)},clearFocusedDate(e){let{prop:t}=e;ae(e,ni(t("timeZone")))},focusPreviousMonthColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").subtract({months:n.columns});ae(e,i)},focusNextMonthColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").add({months:n.columns});ae(e,i)},focusPreviousYearColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").subtract({years:n.columns});ae(e,i)},focusNextYearColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").add({years:n.columns});ae(e,i)},focusFirstMonth(e){let{context:t}=e,n=t.get("focusedValue").set({month:1});ae(e,n)},focusLastMonth(e){let{context:t}=e,n=t.get("focusedValue").set({month:12});ae(e,n)},focusFirstYear(e){let{context:t}=e,n=ii(t.get("focusedValue").year),i=t.get("focusedValue").set({year:n[0]});ae(e,i)},focusLastYear(e){let{context:t}=e,n=ii(t.get("focusedValue").year),i=t.get("focusedValue").set({year:n[n.length-1]});ae(e,i)},setActiveIndex({context:e,event:t}){e.set("activeIndex",t.index)},setActiveIndexToEnd({context:e}){e.set("activeIndex",1)},setActiveIndexToStart({context:e}){e.set("activeIndex",0)},focusActiveCell({scope:e,context:t}){H(()=>{var i;let n=t.get("view");(i=Hc(e,n))==null||i.focus({preventScroll:!0})})},focusActiveCellIfNeeded({scope:e,context:t,event:n}){n.focus&&H(()=>{var r;let i=t.get("view");(r=Hc(e,i))==null||r.focus({preventScroll:!0})})},setHoveredValueIfKeyboard({context:e,event:t,prop:n}){!t.type.startsWith("TABLE.ARROW")||n("selectionMode")!=="range"||e.get("activeIndex")===0||e.set("hoveredValue",e.get("focusedValue").copy())},focusTriggerElement({scope:e}){H(()=>{var t;(t=Bc(e))==null||t.focus({preventScroll:!0})})},focusFirstInputElement({scope:e}){H(()=>{let[t]=Li(e);t==null||t.focus({preventScroll:!0})})},focusInputElement({scope:e}){H(()=>{let t=Li(e),n=t.findLastIndex(s=>s.value!==""),i=Math.max(n,0),r=t[i];r==null||r.focus({preventScroll:!0}),r==null||r.setSelectionRange(r.value.length,r.value.length)})},syncMonthSelectElement({scope:e,context:t}){let n=My(e);xt(n,t.get("startValue").month.toString())},syncYearSelectElement({scope:e,context:t}){let n=Fy(e);xt(n,t.get("startValue").year.toString())},setInputValue({context:e,event:t}){e.get("activeIndex")===t.index&&e.set("inputValue",t.value)},syncInputValue({scope:e,context:t,event:n}){queueMicrotask(()=>{var s;let i=Li(e),r=(s=n.index)!=null?s:t.get("activeIndex");xt(i[r],t.get("inputValue"))})},focusParsedDate(e){let{event:t,prop:n}=e;if(t.index==null)return;let r=n("parse")(t.value,{locale:n("locale"),timeZone:n("timeZone")});!r||!Gc(r)||ae(e,r)},selectParsedDate({context:e,event:t,prop:n}){if(t.index==null)return;let r=n("parse")(t.value,{locale:n("locale"),timeZone:n("timeZone")});if((!r||!Gc(r))&&t.value&&(r=e.get("focusedValue").copy()),!r)return;r=lt(r,n("min"),n("max"));let s=Array.from(e.get("value"));s[t.index]=r,e.set("value",s);let o=Zr(s,n);e.set("inputValue",o[t.index])},resetView({context:e}){e.set("view",e.initial("view"))},setStartValue({context:e,computed:t,prop:n}){let i=e.get("focusedValue");if(!yt(i,e.get("startValue"),t("endValue")))return;let s=Dc(i,"start",{months:n("numOfMonths")},n("locale"));e.set("startValue",s)},invokeOnOpen({prop:e,context:t}){var n;e("inline")||(n=e("onOpenChange"))==null||n({open:!0,value:t.get("value")})},invokeOnClose({prop:e,context:t}){var n;e("inline")||(n=e("onOpenChange"))==null||n({open:!1,value:t.get("value")})},invokeOnVisibleRangeChange({prop:e,context:t,computed:n}){var i;(i=e("onVisibleRangeChange"))==null||i({view:t.get("view"),visibleRange:n("visibleRange")})},toggleVisibility({event:e,send:t,prop:n}){t({type:n("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:e})}}}},es=(e,t)=>{let{context:n,prop:i}=e,r=n.get("view"),s=typeof t=="number"?n.get("focusedValue").set({[r]:t}):t;return Jy(o=>{Yy(o,i("minView"))&&(s=s.set({[o]:o==="day"?1:0}))}),s};nb=G()(["closeOnSelect","dir","disabled","fixedWeeks","focusedValue","format","parse","placeholder","getRootNode","id","ids","inline","invalid","isDateUnavailable","locale","max","min","name","numOfMonths","onFocusChange","onOpenChange","onValueChange","onViewChange","onVisibleRangeChange","open","defaultOpen","positioning","readOnly","required","selectionMode","startOfWeek","timeZone","translations","value","defaultView","defaultValue","view","defaultFocusedValue","outsideDaySelectable","minView","maxView"]),IT=B(nb),ib=G()(["index","fixOnBlur"]),TT=B(ib),rb=G()(["value"]),OT=B(rb),sb=G()(["columns","id","view"]),ST=B(sb),ob=G()(["disabled","value","columns"]),PT=B(ob),ab=G()(["view"]),wT=B(ab),lb=class extends te{constructor(){super(...arguments);U(this,"getDayView",()=>this.el.querySelector('[data-part="day-view"]'));U(this,"getMonthView",()=>this.el.querySelector('[data-part="month-view"]'));U(this,"getYearView",()=>this.el.querySelector('[data-part="year-view"]'));U(this,"renderDayTableHeader",()=>{let t=this.getDayView(),n=t==null?void 0:t.querySelector("thead");if(!n||!this.api.weekDays)return;let i=this.doc.createElement("tr");this.spreadProps(i,this.api.getTableRowProps({view:"day"})),this.api.weekDays.forEach(r=>{let s=this.doc.createElement("th");s.scope="col",s.setAttribute("aria-label",r.long),s.textContent=r.narrow,i.appendChild(s)}),n.innerHTML="",n.appendChild(i)});U(this,"renderDayTableBody",()=>{let t=this.getDayView(),n=t==null?void 0:t.querySelector("tbody");n&&(this.spreadProps(n,this.api.getTableBodyProps({view:"day"})),this.api.weeks&&(n.innerHTML="",this.api.weeks.forEach(i=>{let r=this.doc.createElement("tr");this.spreadProps(r,this.api.getTableRowProps({view:"day"})),i.forEach(s=>{let o=this.doc.createElement("td");this.spreadProps(o,this.api.getDayTableCellProps({value:s}));let a=this.doc.createElement("div");this.spreadProps(a,this.api.getDayTableCellTriggerProps({value:s})),a.textContent=String(s.day),o.appendChild(a),r.appendChild(o)}),n.appendChild(r)})))});U(this,"renderMonthTableBody",()=>{let t=this.getMonthView(),n=t==null?void 0:t.querySelector("tbody");if(!n)return;this.spreadProps(n,this.api.getTableBodyProps({view:"month"}));let i=this.api.getMonthsGrid({columns:4,format:"short"});n.innerHTML="",i.forEach(r=>{let s=this.doc.createElement("tr");this.spreadProps(s,this.api.getTableRowProps()),r.forEach(o=>{let a=this.doc.createElement("td");this.spreadProps(a,this.api.getMonthTableCellProps(y(v({},o),{columns:4})));let l=this.doc.createElement("div");this.spreadProps(l,this.api.getMonthTableCellTriggerProps(y(v({},o),{columns:4}))),l.textContent=o.label,a.appendChild(l),s.appendChild(a)}),n.appendChild(s)})});U(this,"renderYearTableBody",()=>{let t=this.getYearView(),n=t==null?void 0:t.querySelector("tbody");if(!n)return;this.spreadProps(n,this.api.getTableBodyProps());let i=this.api.getYearsGrid({columns:4});n.innerHTML="",i.forEach(r=>{let s=this.doc.createElement("tr");this.spreadProps(s,this.api.getTableRowProps({view:"year"})),r.forEach(o=>{let a=this.doc.createElement("td");this.spreadProps(a,this.api.getYearTableCellProps(y(v({},o),{columns:4})));let l=this.doc.createElement("div");this.spreadProps(l,this.api.getYearTableCellTriggerProps(y(v({},o),{columns:4}))),l.textContent=o.label,a.appendChild(l),s.appendChild(a)}),n.appendChild(s)})})}initMachine(t){return new ee(tb,t)}initApi(){return Qy(this.machine.service,Q)}render(){let t=this.el.querySelector('[data-scope="date-picker"][data-part="root"]');t&&this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="date-picker"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="date-picker"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=this.el.querySelector('[data-scope="date-picker"][data-part="input"]');r&&this.spreadProps(r,this.api.getInputProps());let s=this.el.querySelector('[data-scope="date-picker"][data-part="trigger"]');s&&this.spreadProps(s,this.api.getTriggerProps());let o=this.el.querySelector('[data-scope="date-picker"][data-part="positioner"]');o&&this.spreadProps(o,this.api.getPositionerProps());let a=this.el.querySelector('[data-scope="date-picker"][data-part="content"]');if(a&&this.spreadProps(a,this.api.getContentProps()),this.api.open){let l=this.getDayView(),c=this.getMonthView(),u=this.getYearView();if(l&&(l.hidden=this.api.view!=="day"),c&&(c.hidden=this.api.view!=="month"),u&&(u.hidden=this.api.view!=="year"),this.api.view==="day"&&l){let h=l.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"year"}));let p=l.querySelector('[data-part="prev-trigger"]');p&&this.spreadProps(p,this.api.getPrevTriggerProps());let d=l.querySelector('[data-part="view-trigger"]');d&&(this.spreadProps(d,this.api.getViewTriggerProps()),d.textContent=this.api.visibleRangeText.start);let g=l.querySelector('[data-part="next-trigger"]');g&&this.spreadProps(g,this.api.getNextTriggerProps());let m=l.querySelector("table");m&&this.spreadProps(m,this.api.getTableProps({view:"day"}));let b=l.querySelector("thead");b&&this.spreadProps(b,this.api.getTableHeaderProps({view:"day"})),this.renderDayTableHeader(),this.renderDayTableBody()}else if(this.api.view==="month"&&c){let h=c.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"month"}));let p=c.querySelector('[data-part="prev-trigger"]');p&&this.spreadProps(p,this.api.getPrevTriggerProps({view:"month"}));let d=c.querySelector('[data-part="view-trigger"]');d&&(this.spreadProps(d,this.api.getViewTriggerProps({view:"month"})),d.textContent=String(this.api.visibleRange.start.year));let g=c.querySelector('[data-part="next-trigger"]');g&&this.spreadProps(g,this.api.getNextTriggerProps({view:"month"}));let m=c.querySelector("table");m&&this.spreadProps(m,this.api.getTableProps({view:"month",columns:4})),this.renderMonthTableBody()}else if(this.api.view==="year"&&u){let h=u.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"year"}));let p=u.querySelector('[data-part="prev-trigger"]');p&&this.spreadProps(p,this.api.getPrevTriggerProps({view:"year"}));let d=u.querySelector('[data-part="decade"]');if(d){let b=this.api.getDecade();d.textContent=`${b.start} - ${b.end}`}let g=u.querySelector('[data-part="next-trigger"]');g&&this.spreadProps(g,this.api.getNextTriggerProps({view:"year"}));let m=u.querySelector("table");m&&this.spreadProps(m,this.api.getTableProps({view:"year",columns:4})),this.renderYearTableBody()}}}};cb={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=this.liveSocket,i=x(e,"min"),r=x(e,"max"),s=x(e,"positioning"),o=u=>u?u.map(h=>Ze(h)):void 0,a=u=>u?Ze(u):void 0,l=new lb(e,y(v({id:e.id},O(e,"controlled")?{value:o(Y(e,"value"))}:{defaultValue:o(Y(e,"defaultValue"))}),{defaultFocusedValue:a(x(e,"focusedValue")),defaultView:x(e,"defaultView",["day","month","year"]),dir:x(e,"dir",["ltr","rtl"]),locale:x(e,"locale"),timeZone:x(e,"timeZone"),disabled:O(e,"disabled"),readOnly:O(e,"readOnly"),required:O(e,"required"),invalid:O(e,"invalid"),outsideDaySelectable:O(e,"outsideDaySelectable"),closeOnSelect:O(e,"closeOnSelect"),min:i?Ze(i):void 0,max:r?Ze(r):void 0,numOfMonths:Se(e,"numOfMonths"),startOfWeek:Se(e,"startOfWeek"),fixedWeeks:O(e,"fixedWeeks"),selectionMode:x(e,"selectionMode",["single","multiple","range"]),placeholder:x(e,"placeholder"),minView:x(e,"minView",["day","month","year"]),maxView:x(e,"maxView",["day","month","year"]),inline:O(e,"inline"),positioning:s?JSON.parse(s):void 0,onValueChange:u=>{var g;let h=(g=u.value)!=null&&g.length?u.value.map(m=>Uc(m)).join(","):"",p=e.querySelector(`#${e.id}-value`);p&&p.value!==h&&(p.value=h,p.dispatchEvent(new Event("input",{bubbles:!0})),p.dispatchEvent(new Event("change",{bubbles:!0})));let d=x(e,"onValueChange");d&&n.main.isConnected()&&t(d,{id:e.id,value:h||null})},onFocusChange:u=>{var p;let h=x(e,"onFocusChange");h&&n.main.isConnected()&&t(h,{id:e.id,focused:(p=u.focused)!=null?p:!1})},onViewChange:u=>{let h=x(e,"onViewChange");h&&n.main.isConnected()&&t(h,{id:e.id,view:u.view})},onVisibleRangeChange:u=>{let h=x(e,"onVisibleRangeChange");h&&n.main.isConnected()&&t(h,{id:e.id,start:u.start,end:u.end})},onOpenChange:u=>{let h=x(e,"onOpenChange");h&&n.main.isConnected()&&t(h,{id:e.id,open:u.open})}}));l.init(),this.datePicker=l;let c=e.querySelector('[data-scope="date-picker"][data-part="input-wrapper"]');c&&c.removeAttribute("data-loading"),this.handlers=[],this.handlers.push(this.handleEvent("date_picker_set_value",u=>{let h=u.date_picker_id;h&&h!==e.id||l.api.setValue([Ze(u.value)])})),this.onSetValue=u=>{var p;let h=(p=u.detail)==null?void 0:p.value;typeof h=="string"&&l.api.setValue([Ze(h)])},e.addEventListener("phx:date-picker:set-value",this.onSetValue)},updated(){var l,c;let e=this.el,t=e.querySelector('[data-scope="date-picker"][data-part="input-wrapper"]');t&&t.removeAttribute("data-loading");let n=u=>u?u.map(h=>Ze(h)):void 0,i=x(e,"min"),r=x(e,"max"),s=x(e,"positioning"),o=O(e,"controlled"),a=x(e,"focusedValue");if((l=this.datePicker)==null||l.updateProps(y(v({},O(e,"controlled")?{value:n(Y(e,"value"))}:{defaultValue:n(Y(e,"defaultValue"))}),{defaultFocusedValue:a?Ze(a):void 0,defaultView:x(e,"defaultView",["day","month","year"]),dir:x(this.el,"dir",["ltr","rtl"]),locale:x(this.el,"locale"),timeZone:x(this.el,"timeZone"),disabled:O(this.el,"disabled"),readOnly:O(this.el,"readOnly"),required:O(this.el,"required"),invalid:O(this.el,"invalid"),outsideDaySelectable:O(this.el,"outsideDaySelectable"),closeOnSelect:O(this.el,"closeOnSelect"),min:i?Ze(i):void 0,max:r?Ze(r):void 0,numOfMonths:Se(this.el,"numOfMonths"),startOfWeek:Se(this.el,"startOfWeek"),fixedWeeks:O(this.el,"fixedWeeks"),selectionMode:x(this.el,"selectionMode",["single","multiple","range"]),placeholder:x(this.el,"placeholder"),minView:x(this.el,"minView",["day","month","year"]),maxView:x(this.el,"maxView",["day","month","year"]),inline:O(this.el,"inline"),positioning:s?JSON.parse(s):void 0})),o&&this.datePicker){let u=Y(e,"value"),h=(c=u==null?void 0:u.join(","))!=null?c:"",p=this.datePicker.api.value,d=p!=null&&p.length?p.map(g=>Uc(g)).join(","):"";if(h!==d){let g=u!=null&&u.length?u.map(m=>Ze(m)):[];this.datePicker.api.setValue(g)}}},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:date-picker:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.datePicker)==null||e.destroy()}}});var Lu={};Oe(Lu,{Dialog:()=>Hb});function vb(e,t={}){let{defer:n=!0}=t,i=n?mb:s=>s(),r=[];return r.push(i(()=>{let o=(typeof e=="function"?e():e).filter(Boolean);o.length!==0&&r.push(pb(o))})),()=>{r.forEach(s=>s==null?void 0:s())}}function Pb(e,t={}){let n,i=H(()=>{let s=(Array.isArray(e)?e:[e]).map(a=>typeof a=="function"?a():a).filter(a=>a!=null);if(s.length===0)return;let o=s[0];n=new Cb(s,y(v({escapeDeactivates:!1,allowOutsideClick:!0,preventScroll:!0,returnFocusOnDeactivate:!0,delayInitialFocus:!1,fallbackFocus:o},t),{document:we(o)}));try{n.activate()}catch(a){}});return function(){n==null||n.deactivate(),i()}}function wb(e){let t=e.getBoundingClientRect().left;return Math.round(t)+e.scrollLeft?"paddingLeft":"paddingRight"}function xu(e){let t=qt(e),n=t==null?void 0:t.scrollbarGutter;return n==="stable"||(n==null?void 0:n.startsWith("stable "))===!0}function Vb(e){var d;let t=e!=null?e:document,n=(d=t.defaultView)!=null?d:window,{documentElement:i,body:r}=t;if(r.hasAttribute(Ko))return;let o=xu(i)||xu(r),a=n.innerWidth-i.clientWidth;r.setAttribute(Ko,"");let l=()=>Qa(i,"--scrollbar-width",`${a}px`),c=wb(i),u=()=>{let g={overflow:"hidden"};return!o&&a>0&&(g[c]=`${a}px`),cn(r,g)},h=()=>{var C,I;let{scrollX:g,scrollY:m,visualViewport:b}=n,P=(C=b==null?void 0:b.offsetLeft)!=null?C:0,S=(I=b==null?void 0:b.offsetTop)!=null?I:0,E={position:"fixed",overflow:"hidden",top:`${-(m-Math.floor(S))}px`,left:`${-(g-Math.floor(P))}px`,right:"0"};!o&&a>0&&(E[c]=`${a}px`);let f=cn(r,E);return()=>{f==null||f(),n.scrollTo({left:g,top:m,behavior:"instant"})}},p=[l(),Ei()?h():u()];return()=>{p.forEach(g=>g==null?void 0:g()),r.removeAttribute(Ko)}}function Fb(e,t){let{state:n,send:i,context:r,prop:s,scope:o}=e,a=s("aria-label"),l=n.matches("open");return{open:l,setOpen(c){n.matches("open")!==c&&i({type:c?"OPEN":"CLOSE"})},getTriggerProps(){return t.button(y(v({},Cn.trigger.attrs),{dir:s("dir"),id:Au(o),"aria-haspopup":"dialog",type:"button","aria-expanded":l,"data-state":l?"open":"closed","aria-controls":Yo(o),onClick(c){c.defaultPrevented||i({type:"TOGGLE"})}}))},getBackdropProps(){return t.element(y(v({},Cn.backdrop.attrs),{dir:s("dir"),hidden:!l,id:Ru(o),"data-state":l?"open":"closed"}))},getPositionerProps(){return t.element(y(v({},Cn.positioner.attrs),{dir:s("dir"),id:Nu(o),style:{pointerEvents:l?void 0:"none"}}))},getContentProps(){let c=r.get("rendered");return t.element(y(v({},Cn.content.attrs),{dir:s("dir"),role:s("role"),hidden:!l,id:Yo(o),tabIndex:-1,"data-state":l?"open":"closed","aria-modal":!0,"aria-label":a||void 0,"aria-labelledby":a||!c.title?void 0:jo(o),"aria-describedby":c.description?Xo(o):void 0}))},getTitleProps(){return t.element(y(v({},Cn.title.attrs),{dir:s("dir"),id:jo(o)}))},getDescriptionProps(){return t.element(y(v({},Cn.description.attrs),{dir:s("dir"),id:Xo(o)}))},getCloseTriggerProps(){return t.button(y(v({},Cn.closeTrigger.attrs),{dir:s("dir"),id:Du(o),type:"button",onClick(c){c.defaultPrevented||(c.stopPropagation(),i({type:"CLOSE"}))}}))}}}var ai,ss,os,qo,ku,ub,db,hb,gb,fb,pb,mb,yb,bb,le,wu,Eb,Cb,Zo,Wo,Ib,Tb,Hi,Ob,Vu,Sb,Ko,xb,Cn,Nu,Ru,Yo,Au,jo,Xo,Du,as,kb,Nb,Rb,Ab,Db,Lb,Mb,$b,DT,_b,Hb,Fu=fe(()=>{"use strict";gn();me();ai=new WeakMap,ss=new WeakMap,os={},qo=0,ku=e=>e&&(e.host||ku(e.parentNode)),ub=(e,t)=>t.map(n=>{if(e.contains(n))return n;let i=ku(n);return i&&e.contains(i)?i:(console.error("[zag-js > ariaHidden] target",n,"in not contained inside",e,". Doing nothing"),null)}).filter(n=>!!n),db=new Set(["script","output","status","next-route-announcer"]),hb=e=>db.has(e.localName)||e.role==="status"||e.hasAttribute("aria-live")?!0:e.matches("[data-live-announcer]"),gb=(e,t)=>{let{parentNode:n,markerName:i,controlAttribute:r,followControlledElements:s=!0}=t,o=ub(n,Array.isArray(e)?e:[e]);os[i]||(os[i]=new WeakMap);let a=os[i],l=[],c=new Set,u=new Set(o),h=d=>{!d||c.has(d)||(c.add(d),h(d.parentNode))};o.forEach(d=>{h(d),s&&ce(d)&&Ds(d,g=>{h(g)})});let p=d=>{!d||u.has(d)||Array.prototype.forEach.call(d.children,g=>{if(c.has(g))p(g);else try{if(hb(g))return;let b=g.getAttribute(r)==="true",P=(ai.get(g)||0)+1,S=(a.get(g)||0)+1;ai.set(g,P),a.set(g,S),l.push(g),P===1&&b&&ss.set(g,!0),S===1&&g.setAttribute(i,""),b||g.setAttribute(r,"true")}catch(m){console.error("[zag-js > ariaHidden] cannot operate on ",g,m)}})};return p(n),c.clear(),qo++,()=>{l.forEach(d=>{let g=ai.get(d)-1,m=a.get(d)-1;ai.set(d,g),a.set(d,m),g||(ss.has(d)||d.removeAttribute(r),ss.delete(d)),m||d.removeAttribute(i)}),qo--,qo||(ai=new WeakMap,ai=new WeakMap,ss=new WeakMap,os={})}},fb=e=>(Array.isArray(e)?e[0]:e).ownerDocument.body,pb=(e,t=fb(e),n="data-aria-hidden",i=!0)=>{if(t)return gb(e,{parentNode:t,markerName:n,controlAttribute:"aria-hidden",followControlledElements:i})},mb=e=>{let t=requestAnimationFrame(()=>e());return()=>cancelAnimationFrame(t)};yb=Object.defineProperty,bb=(e,t,n)=>t in e?yb(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,le=(e,t,n)=>bb(e,typeof t!="symbol"?t+"":t,n),wu={activateTrap(e,t){if(e.length>0){let i=e[e.length-1];i!==t&&i.pause()}let n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap(e,t){let n=e.indexOf(t);n!==-1&&e.splice(n,1),e.length>0&&e[e.length-1].unpause()}},Eb=[],Cb=class{constructor(e,t){le(this,"trapStack"),le(this,"config"),le(this,"doc"),le(this,"state",{containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0}),le(this,"portalContainers",new Set),le(this,"listenerCleanups",[]),le(this,"handleFocus",i=>{let r=K(i),s=this.findContainerIndex(r,i)>=0;if(s||bi(r))s&&(this.state.mostRecentlyFocusedNode=r);else{i.stopImmediatePropagation();let o,a=!0;if(this.state.mostRecentlyFocusedNode)if(Dn(this.state.mostRecentlyFocusedNode)>0){let l=this.findContainerIndex(this.state.mostRecentlyFocusedNode),{tabbableNodes:c}=this.state.containerGroups[l];if(c.length>0){let u=c.findIndex(h=>h===this.state.mostRecentlyFocusedNode);u>=0&&(this.config.isKeyForward(this.state.recentNavEvent)?u+1<c.length&&(o=c[u+1],a=!1):u-1>=0&&(o=c[u-1],a=!1))}}else this.state.containerGroups.some(l=>l.tabbableNodes.some(c=>Dn(c)>0))||(a=!1);else a=!1;a&&(o=this.findNextNavNode({target:this.state.mostRecentlyFocusedNode,isBackward:this.config.isKeyBackward(this.state.recentNavEvent)})),o?this.tryFocus(o):this.tryFocus(this.state.mostRecentlyFocusedNode||this.getInitialFocusNode())}this.state.recentNavEvent=void 0}),le(this,"handlePointerDown",i=>{let r=K(i);if(!(this.findContainerIndex(r,i)>=0)){if(Hi(this.config.clickOutsideDeactivates,i)){this.deactivate({returnFocus:this.config.returnFocusOnDeactivate});return}Hi(this.config.allowOutsideClick,i)||i.preventDefault()}}),le(this,"handleClick",i=>{let r=K(i);this.findContainerIndex(r,i)>=0||Hi(this.config.clickOutsideDeactivates,i)||Hi(this.config.allowOutsideClick,i)||(i.preventDefault(),i.stopImmediatePropagation())}),le(this,"handleTabKey",i=>{if(this.config.isKeyForward(i)||this.config.isKeyBackward(i)){this.state.recentNavEvent=i;let r=this.config.isKeyBackward(i),s=this.findNextNavNode({event:i,isBackward:r});if(!s)return;Wo(i)&&i.preventDefault(),this.tryFocus(s)}}),le(this,"handleEscapeKey",i=>{Ob(i)&&Hi(this.config.escapeDeactivates,i)!==!1&&(i.preventDefault(),this.deactivate())}),le(this,"_mutationObserver"),le(this,"setupMutationObserver",()=>{let i=this.doc.defaultView||window;this._mutationObserver=new i.MutationObserver(r=>{r.some(a=>Array.from(a.removedNodes).some(c=>c===this.state.mostRecentlyFocusedNode))&&this.tryFocus(this.getInitialFocusNode()),r.some(a=>a.type==="attributes"&&(a.attributeName==="aria-controls"||a.attributeName==="aria-expanded")?!0:a.type==="childList"&&a.addedNodes.length>0?Array.from(a.addedNodes).some(l=>{if(l.nodeType!==Node.ELEMENT_NODE)return!1;let c=l;return Ma(c)?!0:c.id&&!this.state.containers.some(u=>u.contains(c))?$a(c):!1}):!1)&&this.state.active&&!this.state.paused&&(this.updateTabbableNodes(),this.updatePortalContainers())})}),le(this,"updateObservedNodes",()=>{var i;(i=this._mutationObserver)==null||i.disconnect(),this.state.active&&!this.state.paused&&(this.state.containers.map(r=>{var s;(s=this._mutationObserver)==null||s.observe(r,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-controls","aria-expanded"]})}),this.portalContainers.forEach(r=>{this.observePortalContainer(r)}))}),le(this,"getInitialFocusNode",()=>{let i=this.getNodeForOption("initialFocus",{hasFallback:!0});if(i===!1)return!1;if(i===void 0||i&&!Qe(i)){let r=kn(this.doc);if(r&&this.findContainerIndex(r)>=0)i=r;else{let s=this.state.tabbableGroups[0];i=s&&s.firstTabbableNode||this.getNodeForOption("fallbackFocus")}}else i===null&&(i=this.getNodeForOption("fallbackFocus"));if(!i)throw new Error("Your focus-trap needs to have at least one focusable element");return i.isConnected||(i=this.getNodeForOption("fallbackFocus")),i}),le(this,"tryFocus",i=>{if(i!==!1&&i!==kn(this.doc)){if(!i||!i.focus){this.tryFocus(this.getInitialFocusNode());return}i.focus({preventScroll:!!this.config.preventScroll}),this.state.mostRecentlyFocusedNode=i,Sb(i)&&i.select()}}),le(this,"deactivate",i=>{if(!this.state.active)return this;let r=v({onDeactivate:this.config.onDeactivate,onPostDeactivate:this.config.onPostDeactivate,checkCanReturnFocus:this.config.checkCanReturnFocus},i);clearTimeout(this.state.delayInitialFocusTimer),this.state.delayInitialFocusTimer=void 0,this.removeListeners(),this.state.active=!1,this.state.paused=!1,this.updateObservedNodes(),wu.deactivateTrap(this.trapStack,this),this.portalContainers.clear();let s=this.getOption(r,"onDeactivate"),o=this.getOption(r,"onPostDeactivate"),a=this.getOption(r,"checkCanReturnFocus"),l=this.getOption(r,"returnFocus","returnFocusOnDeactivate");s==null||s();let c=()=>{Vu(()=>{if(l){let u=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);this.tryFocus(u)}o==null||o()})};if(l&&a){let u=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);return a(u).then(c,c),this}return c(),this}),le(this,"pause",i=>{if(this.state.paused||!this.state.active)return this;let r=this.getOption(i,"onPause"),s=this.getOption(i,"onPostPause");return this.state.paused=!0,r==null||r(),this.removeListeners(),this.updateObservedNodes(),s==null||s(),this}),le(this,"unpause",i=>{if(!this.state.paused||!this.state.active)return this;let r=this.getOption(i,"onUnpause"),s=this.getOption(i,"onPostUnpause");return this.state.paused=!1,r==null||r(),this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),s==null||s(),this}),le(this,"updateContainerElements",i=>(this.state.containers=Array.isArray(i)?i.filter(Boolean):[i].filter(Boolean),this.state.active&&this.updateTabbableNodes(),this.updateObservedNodes(),this)),le(this,"getReturnFocusNode",i=>{let r=this.getNodeForOption("setReturnFocus",{params:[i]});return r||(r===!1?!1:i)}),le(this,"getOption",(i,r,s)=>i&&i[r]!==void 0?i[r]:this.config[s||r]),le(this,"getNodeForOption",(i,{hasFallback:r=!1,params:s=[]}={})=>{let o=this.config[i];if(typeof o=="function"&&(o=o(...s)),o===!0&&(o=void 0),!o){if(o===void 0||o===!1)return o;throw new Error(`\`${i}\` was specified but was not a node, or did not return a node`)}let a=o;if(typeof o=="string"){try{a=this.doc.querySelector(o)}catch(l){throw new Error(`\`${i}\` appears to be an invalid selector; error="${l.message}"`)}if(!a&&!r)throw new Error(`\`${i}\` as selector refers to no known node`)}return a}),le(this,"findNextNavNode",i=>{let{event:r,isBackward:s=!1}=i,o=i.target||K(r);this.updateTabbableNodes();let a=null;if(this.state.tabbableGroups.length>0){let l=this.findContainerIndex(o,r),c=l>=0?this.state.containerGroups[l]:void 0;if(l<0)s?a=this.state.tabbableGroups[this.state.tabbableGroups.length-1].lastTabbableNode:a=this.state.tabbableGroups[0].firstTabbableNode;else if(s){let u=this.state.tabbableGroups.findIndex(({firstTabbableNode:h})=>o===h);if(u<0&&((c==null?void 0:c.container)===o||Qe(o)&&!Bt(o)&&!(c!=null&&c.nextTabbableNode(o,!1)))&&(u=l),u>=0){let h=u===0?this.state.tabbableGroups.length-1:u-1,p=this.state.tabbableGroups[h];a=Dn(o)>=0?p.lastTabbableNode:p.lastDomTabbableNode}else Wo(r)||(a=c==null?void 0:c.nextTabbableNode(o,!1))}else{let u=this.state.tabbableGroups.findIndex(({lastTabbableNode:h})=>o===h);if(u<0&&((c==null?void 0:c.container)===o||Qe(o)&&!Bt(o)&&!(c!=null&&c.nextTabbableNode(o)))&&(u=l),u>=0){let h=u===this.state.tabbableGroups.length-1?0:u+1,p=this.state.tabbableGroups[h];a=Dn(o)>=0?p.firstTabbableNode:p.firstDomTabbableNode}else Wo(r)||(a=c==null?void 0:c.nextTabbableNode(o))}}else a=this.getNodeForOption("fallbackFocus");return a}),this.trapStack=t.trapStack||Eb;let n=v({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,followControlledElements:!0,isKeyForward:Ib,isKeyBackward:Tb},t);this.doc=n.document||we(Array.isArray(e)?e[0]:e),this.config=n,this.updateContainerElements(e),this.setupMutationObserver()}addPortalContainer(e){let t=e.parentElement;t&&!this.portalContainers.has(t)&&(this.portalContainers.add(t),this.state.active&&!this.state.paused&&this.observePortalContainer(t))}observePortalContainer(e){var t;(t=this._mutationObserver)==null||t.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-controls","aria-expanded"]})}updatePortalContainers(){this.config.followControlledElements&&this.state.containers.forEach(e=>{Fa(e).forEach(n=>{this.addPortalContainer(n)})})}get active(){return this.state.active}get paused(){return this.state.paused}findContainerIndex(e,t){let n=typeof(t==null?void 0:t.composedPath)=="function"?t.composedPath():void 0;return this.state.containerGroups.findIndex(({container:i,tabbableNodes:r})=>i.contains(e)||(n==null?void 0:n.includes(i))||r.find(s=>s===e)||this.isControlledElement(i,e))}isControlledElement(e,t){return this.config.followControlledElements?cr(e,t):!1}updateTabbableNodes(){if(this.state.containerGroups=this.state.containers.map(e=>{let t=on(e,{getShadowRoot:this.config.getShadowRoot}),n=Ti(e,{getShadowRoot:this.config.getShadowRoot}),i=t[0],r=t[t.length-1],s=i,o=r,a=!1;for(let c=0;c<t.length;c++)if(Dn(t[c])>0){a=!0;break}function l(c,u=!0){let h=t.indexOf(c);if(h>=0)return t[h+(u?1:-1)];let p=n.indexOf(c);if(!(p<0)){if(u){for(let d=p+1;d<n.length;d++)if(Bt(n[d]))return n[d]}else for(let d=p-1;d>=0;d--)if(Bt(n[d]))return n[d]}}return{container:e,tabbableNodes:t,focusableNodes:n,posTabIndexesFound:a,firstTabbableNode:i,lastTabbableNode:r,firstDomTabbableNode:s,lastDomTabbableNode:o,nextTabbableNode:l}}),this.state.tabbableGroups=this.state.containerGroups.filter(e=>e.tabbableNodes.length>0),this.state.tabbableGroups.length<=0&&!this.getNodeForOption("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(this.state.containerGroups.find(e=>e.posTabIndexesFound)&&this.state.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}addListeners(){if(this.state.active)return wu.activateTrap(this.trapStack,this),this.state.delayInitialFocusTimer=this.config.delayInitialFocus?Vu(()=>{this.tryFocus(this.getInitialFocusNode())}):this.tryFocus(this.getInitialFocusNode()),this.listenerCleanups.push(re(this.doc,"focusin",this.handleFocus,!0),re(this.doc,"mousedown",this.handlePointerDown,{capture:!0,passive:!1}),re(this.doc,"touchstart",this.handlePointerDown,{capture:!0,passive:!1}),re(this.doc,"click",this.handleClick,{capture:!0,passive:!1}),re(this.doc,"keydown",this.handleTabKey,{capture:!0,passive:!1}),re(this.doc,"keydown",this.handleEscapeKey)),this}removeListeners(){if(this.state.active)return this.listenerCleanups.forEach(e=>e()),this.listenerCleanups=[],this}activate(e){if(this.state.active)return this;let t=this.getOption(e,"onActivate"),n=this.getOption(e,"onPostActivate"),i=this.getOption(e,"checkCanFocusTrap");i||this.updateTabbableNodes(),this.state.active=!0,this.state.paused=!1,this.state.nodeFocusedBeforeActivation=kn(this.doc),t==null||t();let r=()=>{i&&this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),n==null||n()};return i?(i(this.state.containers.concat()).then(r,r),this):(r(),this)}},Zo=e=>e.type==="keydown",Wo=e=>Zo(e)&&(e==null?void 0:e.key)==="Tab",Ib=e=>Zo(e)&&e.key==="Tab"&&!(e!=null&&e.shiftKey),Tb=e=>Zo(e)&&e.key==="Tab"&&(e==null?void 0:e.shiftKey),Hi=(e,...t)=>typeof e=="function"?e(...t):e,Ob=e=>!e.isComposing&&e.key==="Escape",Vu=e=>setTimeout(e,0),Sb=e=>e.localName==="input"&&"select"in e&&typeof e.select=="function";Ko="data-scroll-lock";xb=Z("dialog").parts("trigger","backdrop","positioner","content","title","description","closeTrigger"),Cn=xb.build(),Nu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`dialog:${e.id}:positioner`},Ru=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.backdrop)!=null?n:`dialog:${e.id}:backdrop`},Yo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`dialog:${e.id}:content`},Au=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`dialog:${e.id}:trigger`},jo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.title)!=null?n:`dialog:${e.id}:title`},Xo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.description)!=null?n:`dialog:${e.id}:description`},Du=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.closeTrigger)!=null?n:`dialog:${e.id}:close`},as=e=>e.getById(Yo(e)),kb=e=>e.getById(Nu(e)),Nb=e=>e.getById(Ru(e)),Rb=e=>e.getById(Au(e)),Ab=e=>e.getById(jo(e)),Db=e=>e.getById(Xo(e)),Lb=e=>e.getById(Du(e));Mb={props({props:e,scope:t}){let n=e.role==="alertdialog",i=n?()=>Lb(t):void 0,r=typeof e.modal=="boolean"?e.modal:!0;return v({role:"dialog",modal:r,trapFocus:r,preventScroll:r,closeOnInteractOutside:!n,closeOnEscape:!0,restoreFocus:!0,initialFocusEl:i},e)},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({bindable:e}){return{rendered:e(()=>({defaultValue:{title:!0,description:!0}}))}},watch({track:e,action:t,prop:n}){e([()=>n("open")],()=>{t(["toggleVisibility"])})},states:{open:{entry:["checkRenderedElements","syncZIndex"],effects:["trackDismissableElement","trapFocus","preventScroll","hideContentBelow"],on:{"CONTROLLED.CLOSE":{target:"closed"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]}},closed:{on:{"CONTROLLED.OPEN":{target:"open"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}}},implementations:{guards:{isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackDismissableElement({scope:e,send:t,prop:n}){return vt(()=>as(e),{type:"dialog",defer:!0,pointerBlocking:n("modal"),exclude:[Rb(e)],onInteractOutside(r){var s;(s=n("onInteractOutside"))==null||s(r),n("closeOnInteractOutside")||r.preventDefault()},persistentElements:n("persistentElements"),onFocusOutside:n("onFocusOutside"),onPointerDownOutside:n("onPointerDownOutside"),onRequestDismiss:n("onRequestDismiss"),onEscapeKeyDown(r){var s;(s=n("onEscapeKeyDown"))==null||s(r),n("closeOnEscape")||r.preventDefault()},onDismiss(){t({type:"CLOSE",src:"interact-outside"})}})},preventScroll({scope:e,prop:t}){if(t("preventScroll"))return Vb(e.getDoc())},trapFocus({scope:e,prop:t}){return t("trapFocus")?Pb(()=>as(e),{preventScroll:!0,returnFocusOnDeactivate:!!t("restoreFocus"),initialFocus:t("initialFocusEl"),setReturnFocus:i=>{var r,s;return(s=(r=t("finalFocusEl"))==null?void 0:r())!=null?s:i},getShadowRoot:!0}):void 0},hideContentBelow({scope:e,prop:t}){return t("modal")?vb(()=>[as(e)],{defer:!0}):void 0}},actions:{checkRenderedElements({context:e,scope:t}){H(()=>{e.set("rendered",{title:!!Ab(t),description:!!Db(t)})})},syncZIndex({scope:e}){H(()=>{let t=as(e);if(!t)return;let n=qt(t);[kb(e),Nb(e)].forEach(r=>{r==null||r.style.setProperty("--z-index",n.zIndex),r==null||r.style.setProperty("--layer-index",n.getPropertyValue("--layer-index"))})})},invokeOnClose({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!1})},invokeOnOpen({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!0})},toggleVisibility({prop:e,send:t,event:n}){t({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:n})}}}},$b=G()(["aria-label","closeOnEscape","closeOnInteractOutside","dir","finalFocusEl","getRootNode","getRootNode","id","id","ids","initialFocusEl","modal","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenChange","onPointerDownOutside","onRequestDismiss","defaultOpen","open","persistentElements","preventScroll","restoreFocus","role","trapFocus"]),DT=B($b),_b=class extends te{initMachine(e){return new ee(Mb,e)}initApi(){return Fb(this.machine.service,Q)}render(){let e=this.el,t=e.querySelector('[data-scope="dialog"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=e.querySelector('[data-scope="dialog"][data-part="backdrop"]');n&&this.spreadProps(n,this.api.getBackdropProps());let i=e.querySelector('[data-scope="dialog"][data-part="positioner"]');i&&this.spreadProps(i,this.api.getPositionerProps());let r=e.querySelector('[data-scope="dialog"][data-part="content"]');r&&this.spreadProps(r,this.api.getContentProps());let s=e.querySelector('[data-scope="dialog"][data-part="title"]');s&&this.spreadProps(s,this.api.getTitleProps());let o=e.querySelector('[data-scope="dialog"][data-part="description"]');o&&this.spreadProps(o,this.api.getDescriptionProps());let a=e.querySelector('[data-scope="dialog"][data-part="close-trigger"]');a&&this.spreadProps(a,this.api.getCloseTriggerProps())}},Hb={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new _b(e,y(v({id:e.id},O(e,"controlled")?{open:O(e,"open")}:{defaultOpen:O(e,"defaultOpen")}),{modal:O(e,"modal"),closeOnInteractOutside:O(e,"closeOnInteractOutside"),closeOnEscape:O(e,"closeOnEscapeKeyDown"),preventScroll:O(e,"preventScroll"),restoreFocus:O(e,"restoreFocus"),dir:x(e,"dir",["ltr","rtl"]),onOpenChange:i=>{let r=x(e,"onOpenChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,open:i.open});let s=x(e,"onOpenChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,open:i.open}}))}}));n.init(),this.dialog=n,this.onSetOpen=i=>{let{open:r}=i.detail;n.api.setOpen(r)},e.addEventListener("phx:dialog:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("dialog_set_open",i=>{let r=i.dialog_id;r&&r!==e.id||n.api.setOpen(i.open)})),this.handlers.push(this.handleEvent("dialog_open",()=>{this.pushEvent("dialog_open_response",{value:n.api.open})}))},updated(){var e;(e=this.dialog)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{open:O(this.el,"open")}:{defaultOpen:O(this.el,"defaultOpen")}),{modal:O(this.el,"modal"),closeOnInteractOutside:O(this.el,"closeOnInteractOutside"),closeOnEscape:O(this.el,"closeOnEscapeKeyDown"),preventScroll:O(this.el,"preventScroll"),restoreFocus:O(this.el,"restoreFocus"),dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetOpen&&this.el.removeEventListener("phx:dialog:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.dialog)==null||e.destroy()}}});var Wu={};Oe(Wu,{Menu:()=>uE});function Bb(e){let{x:t,y:n,width:i,height:r}=e,s=t+i/2,o=n+r/2;return{x:t,y:n,width:i,height:r,minX:t,minY:n,maxX:t+i,maxY:n+r,midX:s,midY:o,center:Bi(s,o)}}function Gb(e){let t=Bi(e.minX,e.minY),n=Bi(e.maxX,e.minY),i=Bi(e.maxX,e.maxY),r=Bi(e.minX,e.maxY);return{top:t,right:n,bottom:i,left:r}}function Ub(e,t){let n=Bb(e),{top:i,right:r,left:s,bottom:o}=Gb(n),[a]=t.split("-");return{top:[s,i,r,o],right:[i,r,o,s],bottom:[i,s,o,r],left:[r,i,s,o]}[a]}function Gu(e,t){let{x:n,y:i}=t,r=!1;for(let s=0,o=e.length-1;s<e.length;o=s++){let a=e[s].x,l=e[s].y,c=e[o].x,u=e[o].y;l>i!=u>i&&n<(c-a)*(i-l)/(u-l)+a&&(r=!r)}return r}function Qb(e,t){if(!e)return;let n=oe(e),i=new n.CustomEvent(zo,{detail:{value:t}});e.dispatchEvent(i)}function eE(e,t){let{context:n,send:i,state:r,computed:s,prop:o,scope:a}=e,l=r.hasTag("open"),c=n.get("isSubmenu"),u=s("isTypingAhead"),h=o("composite"),p=n.get("currentPlacement"),d=n.get("anchorPoint"),g=n.get("highlightedValue"),m=Zt(y(v({},o("positioning")),{placement:d?"bottom":p}));function b(f){return{id:Gi(a,f.value),disabled:!!f.disabled,highlighted:g===f.value}}function P(f){var I;let C=(I=f.valueText)!=null?I:f.value;return y(v({},f),{id:f.value,valueText:C})}function S(f){let C=b(P(f));return y(v({},C),{checked:!!f.checked})}function E(f){let{closeOnSelect:C,valueText:I,value:V}=f,R=b(f),w=Gi(a,V);return t.element(y(v({},xe.item.attrs),{id:w,role:"menuitem","aria-disabled":ie(R.disabled),"data-disabled":T(R.disabled),"data-ownedby":ci(a),"data-highlighted":T(R.highlighted),"data-value":V,"data-valuetext":I,onDragStart(N){N.currentTarget.matches("a[href]")&&N.preventDefault()},onPointerMove(N){if(R.disabled||N.pointerType!=="mouse")return;let A=N.currentTarget;if(R.highlighted)return;let L=Pt(N);i({type:"ITEM_POINTERMOVE",id:w,target:A,closeOnSelect:C,point:L})},onPointerLeave(N){var M;if(R.disabled||N.pointerType!=="mouse"||!((M=e.event.previous())==null?void 0:M.type.includes("POINTER")))return;let L=N.currentTarget;i({type:"ITEM_POINTERLEAVE",id:w,target:L,closeOnSelect:C})},onPointerDown(N){if(R.disabled)return;let A=N.currentTarget;i({type:"ITEM_POINTERDOWN",target:A,id:w,closeOnSelect:C})},onClick(N){if(Ci(N)||sn(N)||R.disabled)return;let A=N.currentTarget;i({type:"ITEM_CLICK",target:A,id:w,closeOnSelect:C})}}))}return{highlightedValue:g,open:l,setOpen(f){r.hasTag("open")!==f&&i({type:f?"OPEN":"CLOSE"})},setHighlightedValue(f){i({type:"HIGHLIGHTED.SET",value:f})},setParent(f){i({type:"PARENT.SET",value:f,id:f.prop("id")})},setChild(f){i({type:"CHILD.SET",value:f,id:f.prop("id")})},reposition(f={}){i({type:"POSITIONING.SET",options:f})},addItemListener(f){let C=a.getById(f.id);if(!C)return;let I=()=>{var V;return(V=f.onSelect)==null?void 0:V.call(f)};return C.addEventListener(zo,I),()=>C.removeEventListener(zo,I)},getContextTriggerProps(){return t.element(y(v({},xe.contextTrigger.attrs),{dir:o("dir"),id:Uu(a),"data-state":l?"open":"closed",onPointerDown(f){if(f.pointerType==="mouse")return;let C=Pt(f);i({type:"CONTEXT_MENU_START",point:C})},onPointerCancel(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onPointerMove(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onPointerUp(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onContextMenu(f){let C=Pt(f);i({type:"CONTEXT_MENU",point:C}),f.preventDefault()},style:{WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"}}))},getTriggerItemProps(f){let C=f.getTriggerProps();return hl(E({value:C.id}),C)},getTriggerProps(){return t.button(y(v({},c?xe.triggerItem.attrs:xe.trigger.attrs),{"data-placement":n.get("currentPlacement"),type:"button",dir:o("dir"),id:us(a),"data-uid":o("id"),"aria-haspopup":h?"menu":"dialog","aria-controls":ci(a),"data-controls":ci(a),"aria-expanded":l||void 0,"data-state":l?"open":"closed",onPointerMove(f){if(f.pointerType!=="mouse"||cs(f.currentTarget)||!c)return;let I=Pt(f);i({type:"TRIGGER_POINTERMOVE",target:f.currentTarget,point:I})},onPointerLeave(f){if(cs(f.currentTarget)||f.pointerType!=="mouse"||!c)return;let C=Pt(f);i({type:"TRIGGER_POINTERLEAVE",target:f.currentTarget,point:C})},onPointerDown(f){cs(f.currentTarget)||Rn(f)||f.preventDefault()},onClick(f){f.defaultPrevented||cs(f.currentTarget)||i({type:"TRIGGER_CLICK",target:f.currentTarget})},onBlur(){i({type:"TRIGGER_BLUR"})},onFocus(){i({type:"TRIGGER_FOCUS"})},onKeyDown(f){if(f.defaultPrevented)return;let C={ArrowDown(){i({type:"ARROW_DOWN"})},ArrowUp(){i({type:"ARROW_UP"})},Enter(){i({type:"ARROW_DOWN",src:"enter"})},Space(){i({type:"ARROW_DOWN",src:"space"})}},I=ve(f,{orientation:"vertical",dir:o("dir")}),V=C[I];V&&(f.preventDefault(),V(f))}}))},getIndicatorProps(){return t.element(y(v({},xe.indicator.attrs),{dir:o("dir"),"data-state":l?"open":"closed"}))},getPositionerProps(){return t.element(y(v({},xe.positioner.attrs),{dir:o("dir"),id:qu(a),style:m.floating}))},getArrowProps(){return t.element(y(v({id:Wb(a)},xe.arrow.attrs),{dir:o("dir"),style:m.arrow}))},getArrowTipProps(){return t.element(y(v({},xe.arrowTip.attrs),{dir:o("dir"),style:m.arrowTip}))},getContentProps(){return t.element(y(v({},xe.content.attrs),{id:ci(a),"aria-label":o("aria-label"),hidden:!l,"data-state":l?"open":"closed",role:h?"menu":"dialog",tabIndex:0,dir:o("dir"),"aria-activedescendant":s("highlightedId")||void 0,"aria-labelledby":us(a),"data-placement":p,onPointerEnter(f){f.pointerType==="mouse"&&i({type:"MENU_POINTERENTER"})},onKeyDown(f){if(f.defaultPrevented||!pe(f.currentTarget,K(f)))return;let C=K(f);if(!((C==null?void 0:C.closest("[role=menu]"))===f.currentTarget||C===f.currentTarget))return;if(f.key==="Tab"&&!fr(f)){f.preventDefault();return}let V={ArrowDown(){i({type:"ARROW_DOWN"})},ArrowUp(){i({type:"ARROW_UP"})},ArrowLeft(){i({type:"ARROW_LEFT"})},ArrowRight(){i({type:"ARROW_RIGHT"})},Enter(){i({type:"ENTER"})},Space(N){var A;u?i({type:"TYPEAHEAD",key:N.key}):(A=V.Enter)==null||A.call(V,N)},Home(){i({type:"HOME"})},End(){i({type:"END"})}},R=ve(f,{dir:o("dir")}),w=V[R];if(w){w(f),f.stopPropagation(),f.preventDefault();return}o("typeahead")&&Ba(f)&&(Fe(f)||Ut(C)||(i({type:"TYPEAHEAD",key:f.key}),f.preventDefault()))}}))},getSeparatorProps(){return t.element(y(v({},xe.separator.attrs),{role:"separator",dir:o("dir"),"aria-orientation":"horizontal"}))},getItemState:b,getItemProps:E,getOptionItemState:S,getOptionItemProps(f){let{type:C,disabled:I,closeOnSelect:V}=f,R=P(f),w=S(f);return v(v({},E(R)),t.element(y(v({"data-type":C},xe.item.attrs),{dir:o("dir"),"data-value":R.value,role:`menuitem${C}`,"aria-checked":!!w.checked,"data-state":w.checked?"checked":"unchecked",onClick(N){if(I||Ci(N)||sn(N))return;let A=N.currentTarget;i({type:"ITEM_CLICK",target:A,option:R,closeOnSelect:V})}})))},getItemIndicatorProps(f){let C=S(Ys(f)),I=C.checked?"checked":"unchecked";return t.element(y(v({},xe.itemIndicator.attrs),{dir:o("dir"),"data-disabled":T(C.disabled),"data-highlighted":T(C.highlighted),"data-state":Me(f,"checked")?I:void 0,hidden:Me(f,"checked")?!C.checked:void 0}))},getItemTextProps(f){let C=S(Ys(f)),I=C.checked?"checked":"unchecked";return t.element(y(v({},xe.itemText.attrs),{dir:o("dir"),"data-disabled":T(C.disabled),"data-highlighted":T(C.highlighted),"data-state":Me(f,"checked")?I:void 0}))},getItemGroupLabelProps(f){return t.element(y(v({},xe.itemGroupLabel.attrs),{id:Mu(a,f.htmlFor),dir:o("dir")}))},getItemGroupProps(f){return t.element(y(v({id:Kb(a,f.id)},xe.itemGroup.attrs),{dir:o("dir"),"aria-labelledby":Mu(a,f.id),role:"group"}))}}}function Hu(e){let t=e.parent;for(;t&&t.context.get("isSubmenu");)t=t.refs.get("parent");t==null||t.send({type:"CLOSE"})}function iE(e,t){return e?Gu(e,t):!1}function rE(e,t,n){let i=Object.keys(e).length>0;if(!t)return null;if(!i)return Gi(n,t);for(let r in e){let s=e[r],o=us(s.scope);if(o===t)return o}return Gi(n,t)}var Bi,BT,GT,UT,qT,WT,qb,xe,us,Uu,ci,Wb,qu,Kb,Gi,In,Mu,_t,$u,ls,Yb,Jo,Ui,jb,Xb,Qo,Zb,Jb,zb,cs,_u,zo,Je,li,tE,nE,sE,KT,oE,YT,aE,jT,lE,XT,cE,ZT,Bu,uE,Ku=fe(()=>{"use strict";Ri();gn();me();Bi=(e,t)=>({x:e,y:t});({min:BT,max:GT}=Math);({sign:UT,abs:qT,min:WT}=Math),qb=Z("menu").parts("arrow","arrowTip","content","contextTrigger","indicator","item","itemGroup","itemGroupLabel","itemIndicator","itemText","positioner","separator","trigger","triggerItem"),xe=qb.build(),us=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`menu:${e.id}:trigger`},Uu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.contextTrigger)!=null?n:`menu:${e.id}:ctx-trigger`},ci=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`menu:${e.id}:content`},Wb=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.arrow)!=null?n:`menu:${e.id}:arrow`},qu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`menu:${e.id}:popper`},Kb=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.group)==null?void 0:i.call(n,t))!=null?r:`menu:${e.id}:group:${t}`},Gi=(e,t)=>`${e.id}/${t}`,In=e=>{var t;return(t=e==null?void 0:e.dataset.value)!=null?t:null},Mu=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.groupLabel)==null?void 0:i.call(n,t))!=null?r:`menu:${e.id}:group-label:${t}`},_t=e=>e.getById(ci(e)),$u=e=>e.getById(qu(e)),ls=e=>e.getById(us(e)),Yb=(e,t)=>t?e.getById(Gi(e,t)):null,Jo=e=>e.getById(Uu(e)),Ui=e=>{let n=`[role^="menuitem"][data-ownedby=${CSS.escape(ci(e))}]:not([data-disabled])`;return dt(_t(e),n)},jb=e=>Ke(Ui(e)),Xb=e=>nt(Ui(e)),Qo=(e,t)=>t?e.id===t||e.dataset.value===t:!1,Zb=(e,t)=>{var r;let n=Ui(e),i=n.findIndex(s=>Qo(s,t.value));return il(n,i,{loop:(r=t.loop)!=null?r:t.loopFocus})},Jb=(e,t)=>{var r;let n=Ui(e),i=n.findIndex(s=>Qo(s,t.value));return rl(n,i,{loop:(r=t.loop)!=null?r:t.loopFocus})},zb=(e,t)=>{var r;let n=Ui(e),i=n.find(s=>Qo(s,t.value));return tt(n,{state:t.typeaheadState,key:t.key,activeId:(r=i==null?void 0:i.id)!=null?r:null})},cs=e=>ce(e)&&(e.dataset.disabled===""||e.hasAttribute("disabled")),_u=e=>{var t;return!!((t=e==null?void 0:e.getAttribute("role"))!=null&&t.startsWith("menuitem"))&&!!(e!=null&&e.hasAttribute("data-controls"))},zo="menu:select";({not:Je,and:li,or:tE}=ye()),nE={props({props:e}){return y(v({closeOnSelect:!0,typeahead:!0,composite:!0,loopFocus:!1,navigate(t){Fn(t.node)}},e),{positioning:v({placement:"bottom-start",gutter:8},e.positioning)})},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"idle"},context({bindable:e,prop:t}){return{suspendPointer:e(()=>({defaultValue:!1})),highlightedValue:e(()=>({defaultValue:t("defaultHighlightedValue")||null,value:t("highlightedValue"),onChange(n){var i;(i=t("onHighlightChange"))==null||i({highlightedValue:n})}})),lastHighlightedValue:e(()=>({defaultValue:null})),currentPlacement:e(()=>({defaultValue:void 0})),intentPolygon:e(()=>({defaultValue:null})),anchorPoint:e(()=>({defaultValue:null,hash(n){return`x: ${n==null?void 0:n.x}, y: ${n==null?void 0:n.y}`}})),isSubmenu:e(()=>({defaultValue:!1}))}},refs(){return{parent:null,children:{},typeaheadState:v({},tt.defaultOptions),positioningOverride:{}}},computed:{isRtl:({prop:e})=>e("dir")==="rtl",isTypingAhead:({refs:e})=>e.get("typeaheadState").keysSoFar!=="",highlightedId:({context:e,scope:t,refs:n})=>rE(n.get("children"),e.get("highlightedValue"),t)},watch({track:e,action:t,context:n,prop:i}){e([()=>n.get("isSubmenu")],()=>{t(["setSubmenuPlacement"])}),e([()=>n.hash("anchorPoint")],()=>{n.get("anchorPoint")&&t(["reposition"])}),e([()=>i("open")],()=>{t(["toggleVisibility"])})},on:{"PARENT.SET":{actions:["setParentMenu"]},"CHILD.SET":{actions:["setChildMenu"]},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],OPEN_AUTOFOCUS:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightFirstItem","invokeOnOpen"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"HIGHLIGHTED.RESTORE":{actions:["restoreHighlightedItem"]},"HIGHLIGHTED.SET":{actions:["setHighlightedItem"]}},states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},CONTEXT_MENU_START:{target:"opening:contextmenu",actions:["setAnchorPoint"]},CONTEXT_MENU:[{guard:"isOpenControlled",actions:["setAnchorPoint","invokeOnOpen"]},{target:"open",actions:["setAnchorPoint","invokeOnOpen"]}],TRIGGER_CLICK:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TRIGGER_FOCUS:{guard:Je("isSubmenu"),target:"closed"},TRIGGER_POINTERMOVE:{guard:"isSubmenu",target:"opening"}}},"opening:contextmenu":{tags:["closed"],effects:["waitForLongPress"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},CONTEXT_MENU_CANCEL:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"LONG_PRESS.OPEN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}},opening:{tags:["closed"],effects:["waitForOpenDelay"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},BLUR:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_POINTERLEAVE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"DELAY.OPEN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}},closing:{tags:["open"],effects:["trackPointerMove","trackInteractOutside","waitForCloseDelay"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem"]},MENU_POINTERENTER:{target:"open",actions:["clearIntentPolygon"]},POINTER_MOVED_AWAY_FROM_SUBMENU:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem"]}],"DELAY.CLOSE":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem","invokeOnClose"]}]}},closed:{tags:["closed"],entry:["clearHighlightedItem","focusTrigger","resumePointer","clearAnchorPoint"],on:{"CONTROLLED.OPEN":[{guard:tE("isOpenAutoFocusEvent","isArrowDownEvent"),target:"open",actions:["highlightFirstItem"]},{guard:"isArrowUpEvent",target:"open",actions:["highlightLastItem"]},{target:"open"}],CONTEXT_MENU_START:{target:"opening:contextmenu",actions:["setAnchorPoint"]},CONTEXT_MENU:[{guard:"isOpenControlled",actions:["setAnchorPoint","invokeOnOpen"]},{target:"open",actions:["setAnchorPoint","invokeOnOpen"]}],TRIGGER_CLICK:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TRIGGER_POINTERMOVE:{guard:"isTriggerItem",target:"opening"},TRIGGER_BLUR:{target:"idle"},ARROW_DOWN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightFirstItem","invokeOnOpen"]}],ARROW_UP:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightLastItem","invokeOnOpen"]}]}},open:{tags:["open"],effects:["trackInteractOutside","trackPositioning","scrollToHighlightedItem"],entry:["focusMenu","resumePointer"],on:{"CONTROLLED.CLOSE":[{target:"closed",guard:"isArrowLeftEvent",actions:["focusParentMenu"]},{target:"closed"}],TRIGGER_CLICK:[{guard:li(Je("isTriggerItem"),"isOpenControlled"),actions:["invokeOnClose"]},{guard:Je("isTriggerItem"),target:"closed",actions:["invokeOnClose"]}],CONTEXT_MENU:{actions:["setAnchorPoint","focusMenu"]},ARROW_UP:{actions:["highlightPrevItem","focusMenu"]},ARROW_DOWN:{actions:["highlightNextItem","focusMenu"]},ARROW_LEFT:[{guard:li("isSubmenu","isOpenControlled"),actions:["invokeOnClose"]},{guard:"isSubmenu",target:"closed",actions:["focusParentMenu","invokeOnClose"]}],HOME:{actions:["highlightFirstItem","focusMenu"]},END:{actions:["highlightLastItem","focusMenu"]},ARROW_RIGHT:{guard:"isTriggerItemHighlighted",actions:["openSubmenu"]},ENTER:[{guard:"isTriggerItemHighlighted",actions:["openSubmenu"]},{actions:["clickHighlightedItem"]}],ITEM_POINTERMOVE:[{guard:Je("isPointerSuspended"),actions:["setHighlightedItem","focusMenu","closeSiblingMenus"]},{actions:["setLastHighlightedItem","closeSiblingMenus"]}],ITEM_POINTERLEAVE:{guard:li(Je("isPointerSuspended"),Je("isTriggerItem")),actions:["clearHighlightedItem"]},ITEM_CLICK:[{guard:li(Je("isTriggerItemHighlighted"),Je("isHighlightedItemEditable"),"closeOnSelect","isOpenControlled"),actions:["invokeOnSelect","setOptionState","closeRootMenu","invokeOnClose"]},{guard:li(Je("isTriggerItemHighlighted"),Je("isHighlightedItemEditable"),"closeOnSelect"),target:"closed",actions:["invokeOnSelect","setOptionState","closeRootMenu","invokeOnClose"]},{guard:li(Je("isTriggerItemHighlighted"),Je("isHighlightedItemEditable")),actions:["invokeOnSelect","setOptionState"]},{actions:["setHighlightedItem"]}],TRIGGER_POINTERMOVE:{guard:"isTriggerItem",actions:["setIntentPolygon"]},TRIGGER_POINTERLEAVE:{target:"closing",actions:["setIntentPolygon"]},ITEM_POINTERDOWN:{actions:["setHighlightedItem"]},TYPEAHEAD:{actions:["highlightMatchedItem"]},FOCUS_MENU:{actions:["focusMenu"]},"POSITIONING.SET":{actions:["reposition"]}}}},implementations:{guards:{closeOnSelect:({prop:e,event:t})=>{var n;return!!((n=t==null?void 0:t.closeOnSelect)!=null?n:e("closeOnSelect"))},isTriggerItem:({event:e})=>_u(e.target),isTriggerItemHighlighted:({event:e,scope:t,computed:n})=>{var r;let i=(r=e.target)!=null?r:t.getById(n("highlightedId"));return!!(i!=null&&i.hasAttribute("data-controls"))},isSubmenu:({context:e})=>e.get("isSubmenu"),isPointerSuspended:({context:e})=>e.get("suspendPointer"),isHighlightedItemEditable:({scope:e,computed:t})=>Ut(e.getById(t("highlightedId"))),isOpenControlled:({prop:e})=>e("open")!==void 0,isArrowLeftEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_LEFT"},isArrowUpEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_UP"},isArrowDownEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_DOWN"},isOpenAutoFocusEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="OPEN_AUTOFOCUS"}},effects:{waitForOpenDelay({send:e}){let t=setTimeout(()=>{e({type:"DELAY.OPEN"})},200);return()=>clearTimeout(t)},waitForCloseDelay({send:e}){let t=setTimeout(()=>{e({type:"DELAY.CLOSE"})},100);return()=>clearTimeout(t)},waitForLongPress({send:e}){let t=setTimeout(()=>{e({type:"LONG_PRESS.OPEN"})},700);return()=>clearTimeout(t)},trackPositioning({context:e,prop:t,scope:n,refs:i}){if(Jo(n))return;let r=v(v({},t("positioning")),i.get("positioningOverride"));e.set("currentPlacement",r.placement);let s=()=>$u(n);return at(ls(n),s,y(v({},r),{defer:!0,onComplete(o){e.set("currentPlacement",o.placement)}}))},trackInteractOutside({refs:e,scope:t,prop:n,context:i,send:r}){let s=()=>_t(t),o=!0;return vt(s,{type:"menu",defer:!0,exclude:[ls(t)],onInteractOutside:n("onInteractOutside"),onRequestDismiss:n("onRequestDismiss"),onFocusOutside(a){var u;(u=n("onFocusOutside"))==null||u(a);let l=K(a.detail.originalEvent);if(pe(Jo(t),l)){a.preventDefault();return}},onEscapeKeyDown(a){var l;(l=n("onEscapeKeyDown"))==null||l(a),i.get("isSubmenu")&&a.preventDefault(),Hu({parent:e.get("parent")})},onPointerDownOutside(a){var u;(u=n("onPointerDownOutside"))==null||u(a);let l=K(a.detail.originalEvent);if(pe(Jo(t),l)&&a.detail.contextmenu){a.preventDefault();return}o=!a.detail.focusable},onDismiss(){r({type:"CLOSE",src:"interact-outside",restoreFocus:o})}})},trackPointerMove({context:e,scope:t,send:n,refs:i,flush:r}){let s=i.get("parent");r(()=>{s.context.set("suspendPointer",!0)});let o=t.getDoc();return re(o,"pointermove",a=>{iE(e.get("intentPolygon"),{x:a.clientX,y:a.clientY})||(n({type:"POINTER_MOVED_AWAY_FROM_SUBMENU"}),s.context.set("suspendPointer",!1))})},scrollToHighlightedItem({event:e,scope:t,computed:n}){let i=()=>{if(e.current().type.startsWith("ITEM_POINTER"))return;let s=t.getById(n("highlightedId")),o=_t(t);ln(s,{rootEl:o,block:"nearest"})};return H(()=>i()),Ln(()=>_t(t),{defer:!0,attributes:["aria-activedescendant"],callback:i})}},actions:{setAnchorPoint({context:e,event:t}){e.set("anchorPoint",n=>he(n,t.point)?n:t.point)},setSubmenuPlacement({context:e,computed:t,refs:n}){if(!e.get("isSubmenu"))return;let i=t("isRtl")?"left-start":"right-start";n.set("positioningOverride",{placement:i,gutter:0})},reposition({context:e,scope:t,prop:n,event:i,refs:r}){var c;let s=()=>$u(t),o=e.get("anchorPoint"),a=o?()=>v({width:0,height:0},o):void 0,l=v(v({},n("positioning")),r.get("positioningOverride"));at(ls(t),s,y(v(y(v({},l),{defer:!0,getAnchorRect:a}),(c=i.options)!=null?c:{}),{listeners:!1,onComplete(u){e.set("currentPlacement",u.placement)}}))},setOptionState({event:e}){if(!e.option)return;let{checked:t,onCheckedChange:n,type:i}=e.option;i==="radio"?n==null||n(!0):i==="checkbox"&&(n==null||n(!t))},clickHighlightedItem({scope:e,computed:t,prop:n,context:i}){var o;let r=e.getById(t("highlightedId"));if(!r||r.dataset.disabled)return;let s=i.get("highlightedValue");We(r)?(o=n("navigate"))==null||o({value:s,node:r,href:r.href}):queueMicrotask(()=>r.click())},setIntentPolygon({context:e,scope:t,event:n}){let i=_t(t),r=e.get("currentPlacement");if(!i||!r)return;let s=i.getBoundingClientRect(),o=Ub(s,r);if(!o)return;let l=ac(r)==="right"?-5:5;e.set("intentPolygon",[y(v({},n.point),{x:n.point.x+l}),...o])},clearIntentPolygon({context:e}){e.set("intentPolygon",null)},clearAnchorPoint({context:e}){e.set("anchorPoint",null)},resumePointer({refs:e,flush:t}){let n=e.get("parent");n&&t(()=>{n.context.set("suspendPointer",!1)})},setHighlightedItem({context:e,event:t}){let n=t.value||In(t.target);e.set("highlightedValue",n)},clearHighlightedItem({context:e}){e.set("highlightedValue",null)},focusMenu({scope:e}){H(()=>{let t=_t(e),n=gr({root:t,enabled:!pe(t,e.getActiveElement()),filter(i){var r;return!((r=i.role)!=null&&r.startsWith("menuitem"))}});n==null||n.focus({preventScroll:!0})})},highlightFirstItem({context:e,scope:t}){(_t(t)?queueMicrotask:H)(()=>{let i=jb(t);i&&e.set("highlightedValue",In(i))})},highlightLastItem({context:e,scope:t}){(_t(t)?queueMicrotask:H)(()=>{let i=Xb(t);i&&e.set("highlightedValue",In(i))})},highlightNextItem({context:e,scope:t,event:n,prop:i}){let r=Zb(t,{loop:n.loop,value:e.get("highlightedValue"),loopFocus:i("loopFocus")});e.set("highlightedValue",In(r))},highlightPrevItem({context:e,scope:t,event:n,prop:i}){let r=Jb(t,{loop:n.loop,value:e.get("highlightedValue"),loopFocus:i("loopFocus")});e.set("highlightedValue",In(r))},invokeOnSelect({context:e,prop:t,scope:n}){var s;let i=e.get("highlightedValue");if(i==null)return;let r=Yb(n,i);Qb(r,i),(s=t("onSelect"))==null||s({value:i})},focusTrigger({scope:e,context:t,event:n}){t.get("isSubmenu")||t.get("anchorPoint")||n.restoreFocus===!1||queueMicrotask(()=>{var i;return(i=ls(e))==null?void 0:i.focus({preventScroll:!0})})},highlightMatchedItem({scope:e,context:t,event:n,refs:i}){let r=zb(e,{key:n.key,value:t.get("highlightedValue"),typeaheadState:i.get("typeaheadState")});r&&t.set("highlightedValue",In(r))},setParentMenu({refs:e,event:t,context:n}){e.set("parent",t.value),n.set("isSubmenu",!0)},setChildMenu({refs:e,event:t}){let n=e.get("children");n[t.id]=t.value,e.set("children",n)},closeSiblingMenus({refs:e,event:t,scope:n}){var o;let i=t.target;if(!_u(i))return;let r=i==null?void 0:i.getAttribute("data-uid"),s=e.get("children");for(let a in s){if(a===r)continue;let l=s[a],c=l.context.get("intentPolygon");c&&t.point&&Gu(c,t.point)||((o=_t(n))==null||o.focus({preventScroll:!0}),l.send({type:"CLOSE"}))}},closeRootMenu({refs:e}){Hu({parent:e.get("parent")})},openSubmenu({refs:e,scope:t,computed:n}){let i=t.getById(n("highlightedId")),r=i==null?void 0:i.getAttribute("data-uid"),s=e.get("children"),o=r?s[r]:null;o==null||o.send({type:"OPEN_AUTOFOCUS"})},focusParentMenu({refs:e}){var t;(t=e.get("parent"))==null||t.send({type:"FOCUS_MENU"})},setLastHighlightedItem({context:e,event:t}){e.set("lastHighlightedValue",In(t.target))},restoreHighlightedItem({context:e}){e.get("lastHighlightedValue")&&(e.set("highlightedValue",e.get("lastHighlightedValue")),e.set("lastHighlightedValue",null))},restoreParentHighlightedItem({refs:e}){var t;(t=e.get("parent"))==null||t.send({type:"HIGHLIGHTED.RESTORE"})},invokeOnOpen({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!0})},invokeOnClose({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!1})},toggleVisibility({prop:e,event:t,send:n}){n({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:t})}}}};sE=G()(["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","dir","getRootNode","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onRequestDismiss","onSelect","open","positioning","typeahead"]),KT=B(sE),oE=G()(["closeOnSelect","disabled","value","valueText"]),YT=B(oE),aE=G()(["htmlFor"]),jT=B(aE),lE=G()(["id"]),XT=B(lE),cE=G()(["checked","closeOnSelect","disabled","onCheckedChange","type","value","valueText"]),ZT=B(cE),Bu=class extends te{constructor(){super(...arguments);U(this,"children",[])}initMachine(t){return new ee(nE,t)}initApi(){return eE(this.machine.service,Q)}setChild(t){this.api.setChild(t.machine.service),this.children.includes(t)||this.children.push(t)}setParent(t){this.api.setParent(t.machine.service)}isOwnElement(t){return t.closest('[phx-hook="Menu"]')===this.el}renderSubmenuTriggers(){let t=this.el.querySelector('[data-scope="menu"][data-part="content"]');if(!t)return;let n=t.querySelectorAll('[data-scope="menu"][data-nested-menu]');for(let i of n){if(!this.isOwnElement(i))continue;let r=i.dataset.nestedMenu;if(!r)continue;let s=this.children.find(a=>a.el.id===`menu:${r}`);if(!s)continue;let o=()=>{let a=this.api.getTriggerItemProps(s.api);this.spreadProps(i,a)};o(),this.machine.subscribe(o),s.machine.subscribe(o)}}render(){let t=this.el.querySelector('[data-scope="menu"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=this.el.querySelector('[data-scope="menu"][data-part="positioner"]'),i=this.el.querySelector('[data-scope="menu"][data-part="content"]');if(n&&i){this.spreadProps(n,this.api.getPositionerProps()),this.spreadProps(i,this.api.getContentProps()),i.style.pointerEvents="auto",n.hidden=!this.api.open;let s=!this.el.querySelector('[data-scope="menu"][data-part="trigger"]');(this.api.open||s)&&(i.querySelectorAll('[data-scope="menu"][data-part="item"]').forEach(u=>{if(!this.isOwnElement(u))return;let h=u.dataset.value;if(h){let p=u.hasAttribute("data-disabled");this.spreadProps(u,this.api.getItemProps({value:h,disabled:p||void 0}))}}),i.querySelectorAll('[data-scope="menu"][data-part="item-group"]').forEach(u=>{if(!this.isOwnElement(u))return;let h=u.id;h&&this.spreadProps(u,this.api.getItemGroupProps({id:h}))}),i.querySelectorAll('[data-scope="menu"][data-part="separator"]').forEach(u=>{this.isOwnElement(u)&&this.spreadProps(u,this.api.getSeparatorProps())}))}let r=this.el.querySelector('[data-scope="menu"][data-part="indicator"]');r&&this.spreadProps(r,this.api.getIndicatorProps())}},uE={mounted(){let e=this.el;if(e.hasAttribute("data-nested"))return;let t=this.pushEvent.bind(this),n=()=>{var o;return(o=this.liveSocket)==null?void 0:o.main},i=new Bu(e,y(v({id:e.id.replace("menu:","")},O(e,"controlled")?{open:O(e,"open")}:{defaultOpen:O(e,"defaultOpen")}),{closeOnSelect:O(e,"closeOnSelect"),loopFocus:O(e,"loopFocus"),typeahead:O(e,"typeahead"),composite:O(e,"composite"),dir:x(e,"dir",["ltr","rtl"]),onSelect:o=>{var m,b,P;let a=O(e,"redirect"),l=[...e.querySelectorAll('[data-scope="menu"][data-part="item"]')].find(S=>S.getAttribute("data-value")===o.value),c=l==null?void 0:l.getAttribute("data-redirect"),u=l==null?void 0:l.hasAttribute("data-new-tab"),h=n();a&&o.value&&((m=h==null?void 0:h.isDead)!=null?m:!0)&&c!=="false"&&(u?window.open(o.value,"_blank","noopener,noreferrer"):window.location.href=o.value);let d=x(e,"onSelect");d&&h&&!h.isDead&&h.isConnected()&&t(d,{id:e.id,value:(b=o.value)!=null?b:null});let g=x(e,"onSelectClient");g&&e.dispatchEvent(new CustomEvent(g,{bubbles:!0,detail:{id:e.id,value:(P=o.value)!=null?P:null}}))},onOpenChange:o=>{var u,h;let a=n(),l=x(e,"onOpenChange");l&&a&&!a.isDead&&a.isConnected()&&t(l,{id:e.id,open:(u=o.open)!=null?u:!1});let c=x(e,"onOpenChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:!0,detail:{id:e.id,open:(h=o.open)!=null?h:!1}}))}}));i.init(),this.menu=i,this.nestedMenus=new Map;let r=e.querySelectorAll('[data-scope="menu"][data-nested="menu"]'),s=[];r.forEach((o,a)=>{var c;let l=o.id;if(l){let u=`${l}-${a}`,h=new Bu(o,{id:u,dir:x(o,"dir",["ltr","rtl"]),closeOnSelect:O(o,"closeOnSelect"),loopFocus:O(o,"loopFocus"),typeahead:O(o,"typeahead"),composite:O(o,"composite"),onSelect:p=>{var C,I,V;let d=O(e,"redirect"),g=[...e.querySelectorAll('[data-scope="menu"][data-part="item"]')].find(R=>R.getAttribute("data-value")===p.value),m=g==null?void 0:g.getAttribute("data-redirect"),b=g==null?void 0:g.hasAttribute("data-new-tab"),P=n();d&&p.value&&((C=P==null?void 0:P.isDead)!=null?C:!0)&&m!=="false"&&(b?window.open(p.value,"_blank","noopener,noreferrer"):window.location.href=p.value);let E=x(e,"onSelect");E&&P&&!P.isDead&&P.isConnected()&&t(E,{id:e.id,value:(I=p.value)!=null?I:null});let f=x(e,"onSelectClient");f&&e.dispatchEvent(new CustomEvent(f,{bubbles:!0,detail:{id:e.id,value:(V=p.value)!=null?V:null}}))}});h.init(),(c=this.nestedMenus)==null||c.set(l,h),s.push(h)}}),setTimeout(()=>{s.forEach(o=>{this.menu&&(this.menu.setChild(o),o.setParent(this.menu))}),this.menu&&this.menu.children.length>0&&this.menu.renderSubmenuTriggers()},0),this.onSetOpen=o=>{let{open:a}=o.detail;i.api.open!==a&&i.api.setOpen(a)},e.addEventListener("phx:menu:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("menu_set_open",o=>{let a=o.menu_id;(!a||e.id===a||e.id===`menu:${a}`)&&i.api.setOpen(o.open)})),this.handlers.push(this.handleEvent("menu_open",()=>{this.pushEvent("menu_open_response",{open:i.api.open})}))},updated(){var e;this.el.hasAttribute("data-nested")||(e=this.menu)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{open:O(this.el,"open")}:{defaultOpen:O(this.el,"defaultOpen")}),{closeOnSelect:O(this.el,"closeOnSelect"),loopFocus:O(this.el,"loopFocus"),typeahead:O(this.el,"typeahead"),composite:O(this.el,"composite"),dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(!this.el.hasAttribute("data-nested")){if(this.onSetOpen&&this.el.removeEventListener("phx:menu:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);if(this.nestedMenus)for(let[,t]of this.nestedMenus)t.destroy();(e=this.menu)==null||e.destroy()}}}});var Qu={};Oe(Qu,{Select:()=>PE});function mE(e,t){let{context:n,prop:i,scope:r,state:s,computed:o,send:a}=e,l=i("disabled")||n.get("fieldsetDisabled"),c=!!i("invalid"),u=!!i("required"),h=!!i("readOnly"),p=i("composite"),d=i("collection"),g=s.hasTag("open"),m=s.matches("focused"),b=n.get("highlightedValue"),P=n.get("highlightedItem"),S=n.get("selectedItems"),E=n.get("currentPlacement"),f=o("isTypingAhead"),C=o("isInteractive"),I=b?ra(r,b):void 0;function V(w){let N=d.getItemDisabled(w.item),A=d.getItemValue(w.item);return qn(A,()=>`[zag-js] No value found for item ${JSON.stringify(w.item)}`),{value:A,disabled:!!(l||N),highlighted:b===A,selected:n.get("value").includes(A)}}let R=Zt(y(v({},i("positioning")),{placement:E}));return{open:g,focused:m,empty:n.get("value").length===0,highlightedItem:P,highlightedValue:b,selectedItems:S,hasSelectedItems:o("hasSelectedItems"),value:n.get("value"),valueAsString:o("valueAsString"),collection:d,multiple:!!i("multiple"),disabled:!!l,reposition(w={}){a({type:"POSITIONING.SET",options:w})},focus(){var w;(w=On(r))==null||w.focus({preventScroll:!0})},setOpen(w){s.hasTag("open")!==w&&a({type:w?"OPEN":"CLOSE"})},selectValue(w){a({type:"ITEM.SELECT",value:w})},setValue(w){a({type:"VALUE.SET",value:w})},selectAll(){a({type:"VALUE.SET",value:d.getValues()})},setHighlightValue(w){a({type:"HIGHLIGHTED_VALUE.SET",value:w})},clearHighlightValue(){a({type:"HIGHLIGHTED_VALUE.CLEAR"})},clearValue(w){a(w?{type:"ITEM.CLEAR",value:w}:{type:"VALUE.CLEAR"})},getItemState:V,getRootProps(){return t.element(y(v({},ke.root.attrs),{dir:i("dir"),id:hE(r),"data-invalid":T(c),"data-readonly":T(h)}))},getLabelProps(){return t.label(y(v({dir:i("dir"),id:ds(r)},ke.label.attrs),{"data-disabled":T(l),"data-invalid":T(c),"data-readonly":T(h),"data-required":T(u),htmlFor:sa(r),onClick(w){var N;w.defaultPrevented||l||(N=On(r))==null||N.focus({preventScroll:!0})}}))},getControlProps(){return t.element(y(v({},ke.control.attrs),{dir:i("dir"),id:gE(r),"data-state":g?"open":"closed","data-focus":T(m),"data-disabled":T(l),"data-invalid":T(c)}))},getValueTextProps(){return t.element(y(v({},ke.valueText.attrs),{dir:i("dir"),"data-disabled":T(l),"data-invalid":T(c),"data-focus":T(m)}))},getTriggerProps(){return t.button(y(v({id:ia(r),disabled:l,dir:i("dir"),type:"button",role:"combobox","aria-controls":na(r),"aria-expanded":g,"aria-haspopup":"listbox","data-state":g?"open":"closed","aria-invalid":c,"aria-required":u,"aria-labelledby":ds(r)},ke.trigger.attrs),{"data-disabled":T(l),"data-invalid":T(c),"data-readonly":T(h),"data-placement":E,"data-placeholder-shown":T(!o("hasSelectedItems")),onClick(w){C&&(w.defaultPrevented||a({type:"TRIGGER.CLICK"}))},onFocus(){a({type:"TRIGGER.FOCUS"})},onBlur(){a({type:"TRIGGER.BLUR"})},onKeyDown(w){if(w.defaultPrevented||!C)return;let A={ArrowUp(){a({type:"TRIGGER.ARROW_UP"})},ArrowDown(L){a({type:L.altKey?"OPEN":"TRIGGER.ARROW_DOWN"})},ArrowLeft(){a({type:"TRIGGER.ARROW_LEFT"})},ArrowRight(){a({type:"TRIGGER.ARROW_RIGHT"})},Home(){a({type:"TRIGGER.HOME"})},End(){a({type:"TRIGGER.END"})},Enter(){a({type:"TRIGGER.ENTER"})},Space(L){a(f?{type:"TRIGGER.TYPEAHEAD",key:L.key}:{type:"TRIGGER.ENTER"})}}[ve(w,{dir:i("dir"),orientation:"vertical"})];if(A){A(w),w.preventDefault();return}tt.isValidEvent(w)&&(a({type:"TRIGGER.TYPEAHEAD",key:w.key}),w.preventDefault())}}))},getIndicatorProps(){return t.element(y(v({},ke.indicator.attrs),{dir:i("dir"),"aria-hidden":!0,"data-state":g?"open":"closed","data-disabled":T(l),"data-invalid":T(c),"data-readonly":T(h)}))},getItemProps(w){let N=V(w);return t.element(y(v({id:ra(r,N.value),role:"option"},ke.item.attrs),{dir:i("dir"),"data-value":N.value,"aria-selected":N.selected,"data-state":N.selected?"checked":"unchecked","data-highlighted":T(N.highlighted),"data-disabled":T(N.disabled),"aria-disabled":ie(N.disabled),onPointerMove(A){N.disabled||A.pointerType!=="mouse"||N.value!==b&&a({type:"ITEM.POINTER_MOVE",value:N.value})},onClick(A){A.defaultPrevented||N.disabled||a({type:"ITEM.CLICK",src:"pointerup",value:N.value})},onPointerLeave(A){var M;N.disabled||w.persistFocus||A.pointerType!=="mouse"||!((M=e.event.previous())!=null&&M.type.includes("POINTER"))||a({type:"ITEM.POINTER_LEAVE"})}}))},getItemTextProps(w){let N=V(w);return t.element(y(v({},ke.itemText.attrs),{"data-state":N.selected?"checked":"unchecked","data-disabled":T(N.disabled),"data-highlighted":T(N.highlighted)}))},getItemIndicatorProps(w){let N=V(w);return t.element(y(v({"aria-hidden":!0},ke.itemIndicator.attrs),{"data-state":N.selected?"checked":"unchecked",hidden:!N.selected}))},getItemGroupLabelProps(w){let{htmlFor:N}=w;return t.element(y(v({},ke.itemGroupLabel.attrs),{id:Yu(r,N),dir:i("dir"),role:"presentation"}))},getItemGroupProps(w){let{id:N}=w;return t.element(y(v({},ke.itemGroup.attrs),{"data-disabled":T(l),id:fE(r,N),"aria-labelledby":Yu(r,N),role:"group",dir:i("dir")}))},getClearTriggerProps(){return t.button(y(v({},ke.clearTrigger.attrs),{id:Ju(r),type:"button","aria-label":"Clear value","data-invalid":T(c),disabled:l,hidden:!o("hasSelectedItems"),dir:i("dir"),onClick(w){w.defaultPrevented||a({type:"CLEAR.CLICK"})}}))},getHiddenSelectProps(){let w=n.get("value"),N=i("multiple")?w:w==null?void 0:w[0];return t.select({name:i("name"),form:i("form"),disabled:l,multiple:i("multiple"),required:i("required"),"aria-hidden":!0,id:sa(r),defaultValue:N,style:Hn,tabIndex:-1,onFocus(){var A;(A=On(r))==null||A.focus({preventScroll:!0})},"aria-labelledby":ds(r)})},getPositionerProps(){return t.element(y(v({},ke.positioner.attrs),{dir:i("dir"),id:zu(r),style:R.floating}))},getContentProps(){return t.element(y(v({hidden:!g,dir:i("dir"),id:na(r),role:p?"listbox":"dialog"},ke.content.attrs),{"data-state":g?"open":"closed","data-placement":E,"data-activedescendant":I,"aria-activedescendant":p?I:void 0,"aria-multiselectable":i("multiple")&&p?!0:void 0,"aria-labelledby":ds(r),tabIndex:0,onKeyDown(w){if(!C||!pe(w.currentTarget,K(w)))return;if(w.key==="Tab"&&!fr(w)){w.preventDefault();return}let N={ArrowUp(){a({type:"CONTENT.ARROW_UP"})},ArrowDown(){a({type:"CONTENT.ARROW_DOWN"})},Home(){a({type:"CONTENT.HOME"})},End(){a({type:"CONTENT.END"})},Enter(){a({type:"ITEM.CLICK",src:"keydown.enter"})},Space(M){var j;f?a({type:"CONTENT.TYPEAHEAD",key:M.key}):(j=N.Enter)==null||j.call(N,M)}},A=N[ve(w)];if(A){A(w),w.preventDefault();return}let L=K(w);Ut(L)||tt.isValidEvent(w)&&(a({type:"CONTENT.TYPEAHEAD",key:w.key}),w.preventDefault())}}))},getListProps(){return t.element(y(v({},ke.list.attrs),{tabIndex:0,role:p?void 0:"listbox","aria-labelledby":ia(r),"aria-activedescendant":p?void 0:I,"aria-multiselectable":!p&&i("multiple")?!0:void 0}))}}}function Xu(e){var n,i;let t=(i=e.restoreFocus)!=null?i:(n=e.previousEvent)==null?void 0:n.restoreFocus;return t==null||!!t}function Zu(e,t){return ui(t?{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}:{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}function OE(e){return e.replace(/_([a-z])/g,(t,n)=>n.toUpperCase())}function SE(e){let t={};for(let[n,i]of Object.entries(e)){let r=OE(n);t[r]=i}return t}var dE,ke,ui,hE,na,ia,Ju,ds,gE,ra,sa,zu,fE,Yu,ea,qi,On,pE,ju,ta,Wi,Tn,vE,yE,bE,iO,EE,rO,CE,sO,IE,oO,TE,PE,ed=fe(()=>{"use strict";Ar();Ri();gn();me();dE=Z("select").parts("label","positioner","trigger","indicator","clearTrigger","item","itemText","itemIndicator","itemGroup","itemGroupLabel","list","content","root","control","valueText"),ke=dE.build(),ui=e=>new Xn(e);ui.empty=()=>new Xn({items:[]});hE=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`select:${e.id}`},na=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`select:${e.id}:content`},ia=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`select:${e.id}:trigger`},Ju=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`select:${e.id}:clear-trigger`},ds=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`select:${e.id}:label`},gE=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`select:${e.id}:control`},ra=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:option:${t}`},sa=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenSelect)!=null?n:`select:${e.id}:select`},zu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`select:${e.id}:positioner`},fE=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroup)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup:${t}`},Yu=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroupLabel)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup-label:${t}`},ea=e=>e.getById(sa(e)),qi=e=>e.getById(na(e)),On=e=>e.getById(ia(e)),pE=e=>e.getById(Ju(e)),ju=e=>e.getById(zu(e)),ta=(e,t)=>t==null?null:e.getById(ra(e,t));({and:Wi,not:Tn,or:vE}=ye()),yE={props({props:e}){var t;return y(v({loopFocus:!1,closeOnSelect:!e.multiple,composite:!0,defaultValue:[]},e),{collection:(t=e.collection)!=null?t:ui.empty(),positioning:v({placement:"bottom-start",gutter:8},e.positioning)})},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:he,onChange(n){var r;let i=e("collection").findMany(n);return(r=e("onValueChange"))==null?void 0:r({value:n,items:i})}})),highlightedValue:t(()=>({defaultValue:e("defaultHighlightedValue")||null,value:e("highlightedValue"),onChange(n){var i;(i=e("onHighlightChange"))==null||i({highlightedValue:n,highlightedItem:e("collection").find(n),highlightedIndex:e("collection").indexOf(n)})}})),currentPlacement:t(()=>({defaultValue:void 0})),fieldsetDisabled:t(()=>({defaultValue:!1})),highlightedItem:t(()=>({defaultValue:null})),selectedItems:t(()=>{var r,s;let n=(s=(r=e("value"))!=null?r:e("defaultValue"))!=null?s:[];return{defaultValue:e("collection").findMany(n)}})}},refs(){return{typeahead:v({},tt.defaultOptions)}},computed:{hasSelectedItems:({context:e})=>e.get("value").length>0,isTypingAhead:({refs:e})=>e.get("typeahead").keysSoFar!=="",isDisabled:({prop:e,context:t})=>!!e("disabled")||!!t.get("fieldsetDisabled"),isInteractive:({prop:e})=>!(e("disabled")||e("readOnly")),valueAsString:({context:e,prop:t})=>t("collection").stringifyItems(e.get("selectedItems"))},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"idle"},entry:["syncSelectElement"],watch({context:e,prop:t,track:n,action:i}){n([()=>e.get("value").toString()],()=>{i(["syncSelectedItems","syncSelectElement","dispatchChangeEvent"])}),n([()=>t("open")],()=>{i(["toggleVisibility"])}),n([()=>e.get("highlightedValue")],()=>{i(["syncHighlightedItem"])}),n([()=>t("collection").toString()],()=>{i(["syncCollection"])})},on:{"HIGHLIGHTED_VALUE.SET":{actions:["setHighlightedItem"]},"HIGHLIGHTED_VALUE.CLEAR":{actions:["clearHighlightedItem"]},"ITEM.SELECT":{actions:["selectItem"]},"ITEM.CLEAR":{actions:["clearItem"]},"VALUE.SET":{actions:["setSelectedItems"]},"VALUE.CLEAR":{actions:["clearSelectedItems"]},"CLEAR.CLICK":{actions:["clearSelectedItems","focusTriggerEl"]}},effects:["trackFormControlState"],states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":[{guard:"isTriggerClickEvent",target:"open",actions:["setInitialFocus","highlightFirstSelectedItem"]},{target:"open",actions:["setInitialFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus","highlightFirstSelectedItem"]}],"TRIGGER.FOCUS":{target:"focused"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen"]}]}},focused:{tags:["closed"],on:{"CONTROLLED.OPEN":[{guard:"isTriggerClickEvent",target:"open",actions:["setInitialFocus","highlightFirstSelectedItem"]},{guard:"isTriggerArrowUpEvent",target:"open",actions:["setInitialFocus","highlightComputedLastItem"]},{guard:vE("isTriggerArrowDownEvent","isTriggerEnterEvent"),target:"open",actions:["setInitialFocus","highlightComputedFirstItem"]},{target:"open",actions:["setInitialFocus"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen"]}],"TRIGGER.BLUR":{target:"idle"},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightFirstSelectedItem"]}],"TRIGGER.ENTER":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedFirstItem"]}],"TRIGGER.ARROW_UP":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedLastItem"]}],"TRIGGER.ARROW_DOWN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedFirstItem"]}],"TRIGGER.ARROW_LEFT":[{guard:Wi(Tn("multiple"),"hasSelectedItems"),actions:["selectPreviousItem"]},{guard:Tn("multiple"),actions:["selectLastItem"]}],"TRIGGER.ARROW_RIGHT":[{guard:Wi(Tn("multiple"),"hasSelectedItems"),actions:["selectNextItem"]},{guard:Tn("multiple"),actions:["selectFirstItem"]}],"TRIGGER.HOME":{guard:Tn("multiple"),actions:["selectFirstItem"]},"TRIGGER.END":{guard:Tn("multiple"),actions:["selectLastItem"]},"TRIGGER.TYPEAHEAD":{guard:Tn("multiple"),actions:["selectMatchingItem"]}}},open:{tags:["open"],exit:["scrollContentToTop"],effects:["trackDismissableElement","computePlacement","scrollToHighlightedItem"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["focusTriggerEl","clearHighlightedItem"]},{target:"idle",actions:["clearHighlightedItem"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{guard:"restoreFocus",target:"focused",actions:["invokeOnClose","focusTriggerEl","clearHighlightedItem"]},{target:"idle",actions:["invokeOnClose","clearHighlightedItem"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","clearHighlightedItem"]}],"ITEM.CLICK":[{guard:Wi("closeOnSelect","isOpenControlled"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","focusTriggerEl","clearHighlightedItem"]},{actions:["selectHighlightedItem"]}],"CONTENT.HOME":{actions:["highlightFirstItem"]},"CONTENT.END":{actions:["highlightLastItem"]},"CONTENT.ARROW_DOWN":[{guard:Wi("hasHighlightedItem","loop","isLastItemHighlighted"),actions:["highlightFirstItem"]},{guard:"hasHighlightedItem",actions:["highlightNextItem"]},{actions:["highlightFirstItem"]}],"CONTENT.ARROW_UP":[{guard:Wi("hasHighlightedItem","loop","isFirstItemHighlighted"),actions:["highlightLastItem"]},{guard:"hasHighlightedItem",actions:["highlightPreviousItem"]},{actions:["highlightLastItem"]}],"CONTENT.TYPEAHEAD":{actions:["highlightMatchingItem"]},"ITEM.POINTER_MOVE":{actions:["highlightItem"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedItem"]},"POSITIONING.SET":{actions:["reposition"]}}}},implementations:{guards:{loop:({prop:e})=>!!e("loopFocus"),multiple:({prop:e})=>!!e("multiple"),hasSelectedItems:({computed:e})=>!!e("hasSelectedItems"),hasHighlightedItem:({context:e})=>e.get("highlightedValue")!=null,isFirstItemHighlighted:({context:e,prop:t})=>e.get("highlightedValue")===t("collection").firstValue,isLastItemHighlighted:({context:e,prop:t})=>e.get("highlightedValue")===t("collection").lastValue,closeOnSelect:({prop:e,event:t})=>{var n;return!!((n=t.closeOnSelect)!=null?n:e("closeOnSelect"))},restoreFocus:({event:e})=>Xu(e),isOpenControlled:({prop:e})=>e("open")!==void 0,isTriggerClickEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.CLICK"},isTriggerEnterEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ENTER"},isTriggerArrowUpEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ARROW_UP"},isTriggerArrowDownEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ARROW_DOWN"}},effects:{trackFormControlState({context:e,scope:t}){return An(ea(t),{onFieldsetDisabledChange(n){e.set("fieldsetDisabled",n)},onFormReset(){let n=e.initial("value");e.set("value",n)}})},trackDismissableElement({scope:e,send:t,prop:n}){let i=()=>qi(e),r=!0;return vt(i,{type:"listbox",defer:!0,exclude:[On(e),pE(e)],onFocusOutside:n("onFocusOutside"),onPointerDownOutside:n("onPointerDownOutside"),onInteractOutside(s){var o;(o=n("onInteractOutside"))==null||o(s),r=!(s.detail.focusable||s.detail.contextmenu)},onDismiss(){t({type:"CLOSE",src:"interact-outside",restoreFocus:r})}})},computePlacement({context:e,prop:t,scope:n}){let i=t("positioning");return e.set("currentPlacement",i.placement),at(()=>On(n),()=>ju(n),y(v({defer:!0},i),{onComplete(o){e.set("currentPlacement",o.placement)}}))},scrollToHighlightedItem({context:e,prop:t,scope:n,event:i}){let r=o=>{let a=e.get("highlightedValue");if(a==null||i.current().type.includes("POINTER"))return;let l=qi(n),c=t("scrollToIndexFn");if(c){let h=t("collection").indexOf(a);c==null||c({index:h,immediate:o,getElement:()=>ta(n,a)});return}let u=ta(n,a);ln(u,{rootEl:l,block:"nearest"})};return H(()=>r(!0)),Ln(()=>qi(n),{defer:!0,attributes:["data-activedescendant"],callback(){r(!1)}})}},actions:{reposition({context:e,prop:t,scope:n,event:i}){let r=()=>ju(n);at(On(n),r,y(v(v({},t("positioning")),i.options),{defer:!0,listeners:!1,onComplete(s){e.set("currentPlacement",s.placement)}}))},toggleVisibility({send:e,prop:t,event:n}){e({type:t("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:n})},highlightPreviousItem({context:e,prop:t}){let n=e.get("highlightedValue");if(n==null)return;let i=t("collection").getPreviousValue(n,1,t("loopFocus"));i!=null&&e.set("highlightedValue",i)},highlightNextItem({context:e,prop:t}){let n=e.get("highlightedValue");if(n==null)return;let i=t("collection").getNextValue(n,1,t("loopFocus"));i!=null&&e.set("highlightedValue",i)},highlightFirstItem({context:e,prop:t}){let n=t("collection").firstValue;e.set("highlightedValue",n)},highlightLastItem({context:e,prop:t}){let n=t("collection").lastValue;e.set("highlightedValue",n)},setInitialFocus({scope:e}){H(()=>{let t=gr({root:qi(e)});t==null||t.focus({preventScroll:!0})})},focusTriggerEl({event:e,scope:t}){Xu(e)&&H(()=>{let n=On(t);n==null||n.focus({preventScroll:!0})})},selectHighlightedItem({context:e,prop:t,event:n}){var s,o;let i=(s=n.value)!=null?s:e.get("highlightedValue");if(i==null||!t("collection").has(i))return;(o=t("onSelect"))==null||o({value:i}),i=t("deselectable")&&!t("multiple")&&e.get("value").includes(i)?null:i,e.set("value",a=>i==null?[]:t("multiple")?rt(a,i):[i])},highlightComputedFirstItem({context:e,prop:t,computed:n}){let i=t("collection"),r=n("hasSelectedItems")?i.sort(e.get("value"))[0]:i.firstValue;e.set("highlightedValue",r)},highlightComputedLastItem({context:e,prop:t,computed:n}){let i=t("collection"),r=n("hasSelectedItems")?i.sort(e.get("value"))[0]:i.lastValue;e.set("highlightedValue",r)},highlightFirstSelectedItem({context:e,prop:t,computed:n}){if(!n("hasSelectedItems"))return;let i=t("collection").sort(e.get("value"))[0];e.set("highlightedValue",i)},highlightItem({context:e,event:t}){e.set("highlightedValue",t.value)},highlightMatchingItem({context:e,prop:t,event:n,refs:i}){let r=t("collection").search(n.key,{state:i.get("typeahead"),currentValue:e.get("highlightedValue")});r!=null&&e.set("highlightedValue",r)},setHighlightedItem({context:e,event:t}){e.set("highlightedValue",t.value)},clearHighlightedItem({context:e}){e.set("highlightedValue",null)},selectItem({context:e,prop:t,event:n}){var s;(s=t("onSelect"))==null||s({value:n.value});let r=t("deselectable")&&!t("multiple")&&e.get("value").includes(n.value)?null:n.value;e.set("value",o=>r==null?[]:t("multiple")?rt(o,r):[r])},clearItem({context:e,event:t}){e.set("value",n=>n.filter(i=>i!==t.value))},setSelectedItems({context:e,event:t}){e.set("value",t.value)},clearSelectedItems({context:e}){e.set("value",[])},selectPreviousItem({context:e,prop:t}){let[n]=e.get("value"),i=t("collection").getPreviousValue(n);i&&e.set("value",[i])},selectNextItem({context:e,prop:t}){let[n]=e.get("value"),i=t("collection").getNextValue(n);i&&e.set("value",[i])},selectFirstItem({context:e,prop:t}){let n=t("collection").firstValue;n&&e.set("value",[n])},selectLastItem({context:e,prop:t}){let n=t("collection").lastValue;n&&e.set("value",[n])},selectMatchingItem({context:e,prop:t,event:n,refs:i}){let r=t("collection").search(n.key,{state:i.get("typeahead"),currentValue:e.get("value")[0]});r!=null&&e.set("value",[r])},scrollContentToTop({prop:e,scope:t}){var n,i;if(e("scrollToIndexFn")){let r=e("collection").firstValue;(n=e("scrollToIndexFn"))==null||n({index:0,immediate:!0,getElement:()=>ta(t,r)})}else(i=qi(t))==null||i.scrollTo(0,0)},invokeOnOpen({prop:e,context:t}){var n;(n=e("onOpenChange"))==null||n({open:!0,value:t.get("value")})},invokeOnClose({prop:e,context:t}){var n;(n=e("onOpenChange"))==null||n({open:!1,value:t.get("value")})},syncSelectElement({context:e,prop:t,scope:n}){let i=ea(n);if(i){if(e.get("value").length===0&&!t("multiple")){i.selectedIndex=-1;return}for(let r of i.options)r.selected=e.get("value").includes(r.value)}},syncCollection({context:e,prop:t}){let n=t("collection"),i=n.find(e.get("highlightedValue"));i&&e.set("highlightedItem",i);let r=n.findMany(e.get("value"));e.set("selectedItems",r)},syncSelectedItems({context:e,prop:t}){let n=t("collection"),i=e.get("selectedItems"),s=e.get("value").map(o=>i.find(l=>n.getItemValue(l)===o)||n.find(o));e.set("selectedItems",s)},syncHighlightedItem({context:e,prop:t}){let n=t("collection"),i=e.get("highlightedValue"),r=i?n.find(i):null;e.set("highlightedItem",r)},dispatchChangeEvent({scope:e}){queueMicrotask(()=>{let t=ea(e);if(!t)return;let n=e.getWin(),i=new n.Event("change",{bubbles:!0,composed:!0});t.dispatchEvent(i)})}}}};bE=G()(["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","dir","disabled","form","getRootNode","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),iO=B(bE),EE=G()(["item","persistFocus"]),rO=B(EE),CE=G()(["id"]),sO=B(CE),IE=G()(["htmlFor"]),oO=B(IE),TE=class extends te{constructor(t,n){var r;super(t,n);U(this,"_options",[]);U(this,"hasGroups",!1);U(this,"placeholder","");U(this,"init",()=>{this.machine.start(),this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()})});let i=n.collection;this._options=(r=i==null?void 0:i.items)!=null?r:[],this.placeholder=x(this.el,"placeholder")||""}get options(){return Array.isArray(this._options)?this._options:[]}setOptions(t){this._options=Array.isArray(t)?t:[]}getCollection(){let t=this.options;return this.hasGroups?ui({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}):ui({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}initMachine(t){let n=this.getCollection.bind(this),i=t.collection;return new ee(yE,y(v({},t),{get collection(){return i!=null?i:n()}}))}initApi(){return mE(this.machine.service,Q)}applyItemProps(){let t=this.el.querySelector('[data-scope="select"][data-part="content"]');t&&(t.querySelectorAll('[data-scope="select"][data-part="item-group"]').forEach(n=>{var s;let i=(s=n.dataset.id)!=null?s:"";this.spreadProps(n,this.api.getItemGroupProps({id:i}));let r=n.querySelector('[data-scope="select"][data-part="item-group-label"]');r&&this.spreadProps(r,this.api.getItemGroupLabelProps({htmlFor:i}))}),t.querySelectorAll('[data-scope="select"][data-part="item"]').forEach(n=>{var a;let i=(a=n.dataset.value)!=null?a:"",r=this.options.find(l=>{var c,u;return String((u=(c=l.id)!=null?c:l.value)!=null?u:"")===String(i)});if(!r)return;this.spreadProps(n,this.api.getItemProps({item:r}));let s=n.querySelector('[data-scope="select"][data-part="item-text"]');s&&this.spreadProps(s,this.api.getItemTextProps({item:r}));let o=n.querySelector('[data-scope="select"][data-part="item-indicator"]');o&&this.spreadProps(o,this.api.getItemIndicatorProps({item:r}))}))}render(){var o;let t=(o=this.el.querySelector('[data-scope="select"][data-part="root"]'))!=null?o:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="select"][data-part="hidden-select"]'),i=this.el.querySelector('[data-scope="select"][data-part="value-input"]');i&&(!this.api.value||this.api.value.length===0?i.value="":this.api.value.length===1?i.value=String(this.api.value[0]):i.value=this.api.value.map(String).join(",")),n&&this.spreadProps(n,this.api.getHiddenSelectProps()),["label","control","trigger","indicator","clear-trigger","positioner"].forEach(a=>{let l=this.el.querySelector(`[data-scope="select"][data-part="${a}"]`);if(!l)return;let c="get"+a.split("-").map(u=>u[0].toUpperCase()+u.slice(1)).join("")+"Props";this.spreadProps(l,this.api[c]())});let r=this.el.querySelector('[data-scope="select"][data-part="item-text"]');if(r){let a=this.api.valueAsString;if(this.api.value&&this.api.value.length>0&&!a){let l=this.api.value[0],c=this.options.find(u=>{var p,d;let h=(d=(p=u.id)!=null?p:u.value)!=null?d:"";return String(h)===String(l)});c?r.textContent=c.label:r.textContent=this.placeholder||""}else r.textContent=a||this.placeholder||""}let s=this.el.querySelector('[data-scope="select"][data-part="content"]');s&&(this.spreadProps(s,this.api.getContentProps()),this.applyItemProps())}};PE={mounted(){let e=this.el,t=JSON.parse(e.dataset.collection||"[]"),n=t.some(s=>s.group!==void 0),i=Zu(t,n),r=new TE(e,y(v({id:e.id,collection:i},O(e,"controlled")?{value:Y(e,"value")}:{defaultValue:Y(e,"defaultValue")}),{disabled:O(e,"disabled"),closeOnSelect:O(e,"closeOnSelect"),dir:x(e,"dir",["ltr","rtl"]),loopFocus:O(e,"loopFocus"),multiple:O(e,"multiple"),invalid:O(e,"invalid"),name:x(e,"name"),form:x(e,"form"),readOnly:O(e,"readOnly"),required:O(e,"required"),positioning:(()=>{let s=e.dataset.positioning;if(s)try{let o=JSON.parse(s);return SE(o)}catch(o){return}})(),onValueChange:s=>{var P;let o=O(e,"redirect"),a=s.value.length>0?String(s.value[0]):null,l=(P=s.items)!=null&&P.length?s.items[0]:null,c=l&&typeof l=="object"&&l!==null&&"redirect"in l?l.redirect:void 0,u=l&&typeof l=="object"&&l!==null&&"new_tab"in l?l.new_tab:void 0;o&&a&&this.liveSocket.main.isDead&&c!==!1&&(u===!0?window.open(a,"_blank","noopener,noreferrer"):window.location.href=a);let d=e.querySelector('[data-scope="select"][data-part="value-input"]');d&&(d.value=s.value.length===0?"":s.value.length===1?String(s.value[0]):s.value.map(String).join(","),d.dispatchEvent(new Event("input",{bubbles:!0})),d.dispatchEvent(new Event("change",{bubbles:!0})));let g={value:s.value,items:s.items,id:e.id},m=x(e,"onValueChangeClient");m&&e.dispatchEvent(new CustomEvent(m,{bubbles:!0,detail:g}));let b=x(e,"onValueChange");b&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(b,g)}}));r.hasGroups=n,r.setOptions(t),r.init(),this.select=r,this.handlers=[]},updated(){let e=JSON.parse(this.el.dataset.collection||"[]"),t=e.some(n=>n.group!==void 0);this.select&&(this.select.hasGroups=t,this.select.setOptions(e),this.select.updateProps(y(v({collection:Zu(e,t),id:this.el.id},O(this.el,"controlled")?{value:Y(this.el,"value")}:{defaultValue:Y(this.el,"defaultValue")}),{name:x(this.el,"name"),form:x(this.el,"form"),disabled:O(this.el,"disabled"),multiple:O(this.el,"multiple"),dir:x(this.el,"dir",["ltr","rtl"]),invalid:O(this.el,"invalid"),required:O(this.el,"required"),readOnly:O(this.el,"readOnly")})))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.select)==null||e.destroy()}}});var Ed={};Oe(Ed,{SignaturePad:()=>QE});function id(e,t,n,i=r=>r){return e*i(.5-t*(.5-n))}function fd(e,t,n){let i=oa(1,t/n);return oa(1,e+(oa(1,1-i)-e)*(i*.275))}function VE(e){return[-e[0],-e[1]]}function bt(e,t){return[e[0]+t[0],e[1]+t[1]]}function rd(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e}function en(e,t){return[e[0]-t[0],e[1]-t[1]]}function ca(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e}function Qt(e,t){return[e[0]*t,e[1]*t]}function aa(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e}function xE(e,t){return[e[0]/t,e[1]/t]}function pd(e){return[e[1],-e[0]]}function la(e,t){let n=t[0];return e[0]=t[1],e[1]=-n,e}function sd(e,t){return e[0]*t[0]+e[1]*t[1]}function kE(e,t){return e[0]===t[0]&&e[1]===t[1]}function NE(e){return Math.hypot(e[0],e[1])}function od(e,t){let n=e[0]-t[0],i=e[1]-t[1];return n*n+i*i}function md(e){return xE(e,NE(e))}function RE(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function ua(e,t,n){let i=Math.sin(n),r=Math.cos(n),s=e[0]-t[0],o=e[1]-t[1],a=s*r-o*i,l=s*i+o*r;return[a+t[0],l+t[1]]}function ad(e,t,n,i){let r=Math.sin(i),s=Math.cos(i),o=t[0]-n[0],a=t[1]-n[1],l=o*s-a*r,c=o*r+a*s;return e[0]=l+n[0],e[1]=c+n[1],e}function ld(e,t,n){return bt(e,Qt(en(t,e),n))}function AE(e,t,n,i){let r=n[0]-t[0],s=n[1]-t[1];return e[0]=t[0]+r*i,e[1]=t[1]+s*i,e}function vd(e,t,n){return bt(e,Qt(t,n))}function DE(e,t){let n=vd(e,md(pd(en(e,bt(e,[1,1])))),-t),i=[],r=1/13;for(let s=r;s<=1;s+=r)i.push(ua(n,e,Ki*2*s));return i}function LE(e,t,n){let i=[],r=1/n;for(let s=r;s<=1;s+=r)i.push(ua(t,e,Ki*s));return i}function FE(e,t,n){let i=en(t,n),r=Qt(i,.5),s=Qt(i,.51);return[en(e,r),en(e,s),bt(e,s),bt(e,r)]}function ME(e,t,n,i){let r=[],s=vd(e,t,n),o=1/i;for(let a=o;a<1;a+=o)r.push(ua(s,e,Ki*3*a));return r}function $E(e,t,n){return[bt(e,Qt(t,n)),bt(e,Qt(t,n*.99)),en(e,Qt(t,n*.99)),en(e,Qt(t,n))]}function cd(e,t,n){return e===!1||e===void 0?0:e===!0?Math.max(t,n):e}function _E(e,t,n){return e.slice(0,10).reduce((i,r)=>{let s=r.pressure;return t&&(s=fd(i,r.distance,n)),(i+s)/2},e[0].pressure)}function HE(e,t={}){let{size:n=16,smoothing:i=.5,thinning:r=.5,simulatePressure:s=!0,easing:o=W=>W,start:a={},end:l={},last:c=!1}=t,{cap:u=!0,easing:h=W=>W*(2-W)}=a,{cap:p=!0,easing:d=W=>--W*W*W+1}=l;if(e.length===0||n<=0)return[];let g=e[e.length-1].runningLength,m=cd(a.taper,n,g),b=cd(l.taper,n,g),P=(n*i)**2,S=[],E=[],f=_E(e,s,n),C=id(n,r,e[e.length-1].pressure,o),I,V=e[0].vector,R=e[0].point,w=R,N=R,A=w,L=!1;for(let W=0;W<e.length;W++){let{pressure:ge}=e[W],{point:de,vector:X,distance:ue,runningLength:qe}=e[W],It=W===e.length-1;if(!It&&g-qe<3)continue;r?(s&&(ge=fd(f,ue,n)),C=id(n,r,ge,o)):C=n/2,I===void 0&&(I=C);let fi=qe<m?h(qe/m):1,Es=g-qe<b?d((g-qe)/b):1;C=Math.max(.01,C*Math.min(fi,Es));let D=(It?e[W]:e[W+1]).vector,k=It?1:sd(X,D),F=sd(X,V)<0&&!L,_=k!==null&&k<0;if(F||_){la(Te,V),aa(Te,Te,C);for(let z=0;z<=1;z+=.07692307692307693)ca(Jt,de,Te),ad(Jt,Jt,de,Ki*z),N=[Jt[0],Jt[1]],S.push(N),rd(zt,de,Te),ad(zt,zt,de,Ki*-z),A=[zt[0],zt[1]],E.push(A);R=N,w=A,_&&(L=!0);continue}if(L=!1,It){la(Te,X),aa(Te,Te,C),S.push(en(de,Te)),E.push(bt(de,Te));continue}AE(Te,D,X,k),la(Te,Te),aa(Te,Te,C),ca(Jt,de,Te),N=[Jt[0],Jt[1]],(W<=1||od(R,N)>P)&&(S.push(N),R=N),rd(zt,de,Te),A=[zt[0],zt[1]],(W<=1||od(w,A)>P)&&(E.push(A),w=A),f=ge,V=X}let M=[e[0].point[0],e[0].point[1]],j=e.length>1?[e[e.length-1].point[0],e[e.length-1].point[1]]:bt(e[0].point,[1,1]),q=[],J=[];if(e.length===1){if(!(m||b)||c)return DE(M,I||C)}else{m||b&&e.length===1||(u?q.push(...LE(M,E[0],13)):q.push(...FE(M,S[0],E[0])));let W=pd(VE(e[e.length-1].vector));b||m&&e.length===1?J.push(j):p?J.push(...ME(j,W,C,29)):J.push(...$E(j,W,C))}return S.concat(J,E.reverse(),q)}function dd(e){return e!=null&&e>=0}function BE(e,t={}){var p;let{streamline:n=.5,size:i=16,last:r=!1}=t;if(e.length===0)return[];let s=.15+(1-n)*.85,o=Array.isArray(e[0])?e:e.map(({x:d,y:g,pressure:m=td})=>[d,g,m]);if(o.length===2){let d=o[1];o=o.slice(0,-1);for(let g=1;g<5;g++)o.push(ld(o[0],d,g/4))}o.length===1&&(o=[...o,[...bt(o[0],nd),...o[0].slice(2)]]);let a=[{point:[o[0][0],o[0][1]],pressure:dd(o[0][2])?o[0][2]:.25,vector:[...nd],distance:0,runningLength:0}],l=!1,c=0,u=a[0],h=o.length-1;for(let d=1;d<o.length;d++){let g=r&&d===h?[o[d][0],o[d][1]]:ld(u.point,o[d],s);if(kE(u.point,g))continue;let m=RE(g,u.point);if(c+=m,d<h&&!l){if(c<i)continue;l=!0}ca(ud,u.point,g),u={point:g,pressure:dd(o[d][2])?o[d][2]:td,vector:md(ud),distance:m,runningLength:c},a.push(u)}return a[0].vector=((p=a[1])==null?void 0:p.vector)||[0,0],a}function GE(e,t={}){return HE(BE(e,t),t)}function jE(e,t){let{state:n,send:i,prop:r,computed:s,context:o,scope:a}=e,l=n.matches("drawing"),c=s("isEmpty"),u=s("isInteractive"),h=!!r("disabled"),p=!!r("required"),d=r("translations");return{empty:c,drawing:l,currentPath:o.get("currentPath"),paths:o.get("paths"),clear(){i({type:"CLEAR"})},getDataUrl(g,m){return s("isEmpty")?Promise.resolve(""):bd(a,{type:g,quality:m})},getLabelProps(){return t.label(y(v({},Sn.label.attrs),{id:KE(a),"data-disabled":T(h),"data-required":T(p),htmlFor:hd(a),onClick(g){if(!u||g.defaultPrevented)return;let m=fs(a);m==null||m.focus({preventScroll:!0})}}))},getRootProps(){return t.element(y(v({},Sn.root.attrs),{"data-disabled":T(h),id:WE(a)}))},getControlProps(){return t.element(y(v({},Sn.control.attrs),{tabIndex:h?void 0:0,id:yd(a),role:"application","aria-roledescription":"signature pad","aria-label":d.control,"aria-disabled":h,"data-disabled":T(h),onPointerDown(g){if(!et(g)||Fe(g)||!u)return;let m=K(g);if(m!=null&&m.closest("[data-part=clear-trigger]"))return;g.currentTarget.setPointerCapture(g.pointerId);let b={x:g.clientX,y:g.clientY},P=fs(a);if(!P)return;let{offset:S}=_s(b,P);i({type:"POINTER_DOWN",point:S,pressure:g.pressure})},onPointerUp(g){u&&g.currentTarget.hasPointerCapture(g.pointerId)&&g.currentTarget.releasePointerCapture(g.pointerId)},style:{position:"relative",touchAction:"none",userSelect:"none",WebkitUserSelect:"none"}}))},getSegmentProps(){return t.svg(y(v({},Sn.segment.attrs),{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",fill:r("drawing").fill}}))},getSegmentPathProps(g){return t.path(y(v({},Sn.segmentPath.attrs),{d:g.path}))},getGuideProps(){return t.element(y(v({},Sn.guide.attrs),{"data-disabled":T(h)}))},getClearTriggerProps(){return t.button(y(v({},Sn.clearTrigger.attrs),{type:"button","aria-label":d.clearTrigger,hidden:!o.get("paths").length||l,disabled:h,onClick(){i({type:"CLEAR"})}}))},getHiddenInputProps(g){return t.input({id:hd(a),type:"text",hidden:!0,disabled:h,required:r("required"),readOnly:!0,name:r("name"),value:g.value})}}}function XE(e,t=!0){let n=e.length;if(n<4)return"";let i=e[0],r=e[1],s=e[2],o=`M${i[0].toFixed(2)},${i[1].toFixed(2)} Q${r[0].toFixed(2)},${r[1].toFixed(2)} ${hs(r[0],s[0]).toFixed(2)},${hs(r[1],s[1]).toFixed(2)} T`;for(let a=2,l=n-1;a<l;a++)i=e[a],r=e[a+1],o+=`${hs(i[0],r[0]).toFixed(2)},${hs(i[1],r[1]).toFixed(2)} `;return t&&(o+="Z"),o}function gs(e,t){let n=e.dataset[t];if(!n)return[];try{return JSON.parse(n)}catch(i){return[]}}function gd(e){var t,n,i,r;return{fill:x(e,"drawingFill")||"black",size:(t=Se(e,"drawingSize"))!=null?t:2,simulatePressure:O(e,"drawingSimulatePressure"),smoothing:(n=Se(e,"drawingSmoothing"))!=null?n:.5,thinning:(i=Se(e,"drawingThinning"))!=null?i:.7,streamline:(r=Se(e,"drawingStreamline"))!=null?r:.65}}var wE,Ki,td,nd,oa,Te,Jt,zt,ud,UE,qE,Sn,WE,yd,KE,hd,fs,YE,bd,hs,ZE,JE,uO,zE,QE,Cd=fe(()=>{"use strict";me();({PI:wE}=Math),Ki=wE+1e-4,td=.5,nd=[1,1];({min:oa}=Math);Te=[0,0],Jt=[0,0],zt=[0,0];ud=[0,0];UE=GE,qE=Z("signature-pad").parts("root","control","segment","segmentPath","guide","clearTrigger","label"),Sn=qE.build(),WE=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`signature-${e.id}`},yd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`signature-control-${e.id}`},KE=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`signature-label-${e.id}`},hd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`signature-input-${e.id}`},fs=e=>e.getById(yd(e)),YE=e=>Mn(fs(e),"[data-part=segment]"),bd=(e,t)=>_a(YE(e),t);hs=(e,t)=>(e+t)/2;ZE={props({props:e}){return y(v({defaultPaths:[]},e),{drawing:v({size:2,simulatePressure:!1,thinning:.7,smoothing:.4,streamline:.6},e.drawing),translations:v({control:"signature pad",clearTrigger:"clear signature"},e.translations)})},initialState(){return"idle"},context({prop:e,bindable:t}){return{paths:t(()=>({defaultValue:e("defaultPaths"),value:e("paths"),sync:!0,onChange(n){var i;(i=e("onDraw"))==null||i({paths:n})}})),currentPoints:t(()=>({defaultValue:[]})),currentPath:t(()=>({defaultValue:null}))}},computed:{isInteractive:({prop:e})=>!(e("disabled")||e("readOnly")),isEmpty:({context:e})=>e.get("paths").length===0},on:{CLEAR:{actions:["clearPoints","invokeOnDrawEnd","focusCanvasEl"]}},states:{idle:{on:{POINTER_DOWN:{target:"drawing",actions:["addPoint"]}}},drawing:{effects:["trackPointerMove"],on:{POINTER_MOVE:{actions:["addPoint","invokeOnDraw"]},POINTER_UP:{target:"idle",actions:["endStroke","invokeOnDrawEnd"]}}}},implementations:{effects:{trackPointerMove({scope:e,send:t}){let n=e.getDoc();return Za(n,{onPointerMove({event:i,point:r}){let s=fs(e);if(!s)return;let{offset:o}=_s(r,s);t({type:"POINTER_MOVE",point:o,pressure:i.pressure})},onPointerUp(){t({type:"POINTER_UP"})}})}},actions:{addPoint({context:e,event:t,prop:n}){let i=[...e.get("currentPoints"),t.point];e.set("currentPoints",i);let r=UE(i,n("drawing"));e.set("currentPath",XE(r))},endStroke({context:e}){let t=[...e.get("paths"),e.get("currentPath")];e.set("paths",t),e.set("currentPoints",[]),e.set("currentPath",null)},clearPoints({context:e}){e.set("currentPoints",[]),e.set("paths",[]),e.set("currentPath",null)},focusCanvasEl({scope:e}){queueMicrotask(()=>{var t;(t=e.getActiveElement())==null||t.focus({preventScroll:!0})})},invokeOnDraw({context:e,prop:t}){var n;(n=t("onDraw"))==null||n({paths:[...e.get("paths"),e.get("currentPath")]})},invokeOnDrawEnd({context:e,prop:t,scope:n,computed:i}){var r;(r=t("onDrawEnd"))==null||r({paths:[...e.get("paths")],getDataUrl(s,o=.92){return i("isEmpty")?Promise.resolve(""):bd(n,{type:s,quality:o})}})}}}},JE=G()(["defaultPaths","dir","disabled","drawing","getRootNode","id","ids","name","onDraw","onDrawEnd","paths","readOnly","required","translations"]),uO=B(JE),zE=class extends te{constructor(){super(...arguments);U(this,"imageURL","");U(this,"paths",[]);U(this,"name");U(this,"syncPaths",()=>{let t=this.el.querySelector('[data-scope="signature-pad"][data-part="segment"]');if(!t)return;if(this.api.paths.length+(this.api.currentPath?1:0)===0){t.innerHTML="",this.imageURL="",this.paths=[];let i=this.el.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');i&&(i.value="");return}if(t.innerHTML="",this.api.paths.forEach(i=>{let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("data-scope","signature-pad"),r.setAttribute("data-part","path"),this.spreadProps(r,this.api.getSegmentPathProps({path:i})),t.appendChild(r)}),this.api.currentPath){let i=document.createElementNS("http://www.w3.org/2000/svg","path");i.setAttribute("data-scope","signature-pad"),i.setAttribute("data-part","current-path"),this.spreadProps(i,this.api.getSegmentPathProps({path:this.api.currentPath})),t.appendChild(i)}})}initMachine(t){return this.name=t.name,new ee(ZE,t)}setName(t){this.name=t}setPaths(t){this.paths=t}initApi(){return jE(this.machine.service,Q)}render(){let t=this.el.querySelector('[data-scope="signature-pad"][data-part="root"]');if(!t)return;this.spreadProps(t,this.api.getRootProps());let n=t.querySelector('[data-scope="signature-pad"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=t.querySelector('[data-scope="signature-pad"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=t.querySelector('[data-scope="signature-pad"][data-part="segment"]');r&&this.spreadProps(r,this.api.getSegmentProps());let s=t.querySelector('[data-scope="signature-pad"][data-part="guide"]');s&&this.spreadProps(s,this.api.getGuideProps());let o=t.querySelector('[data-scope="signature-pad"][data-part="clear-trigger"]');if(o){this.spreadProps(o,this.api.getClearTriggerProps());let l=this.api.paths.length>0||!!this.api.currentPath;o.hidden=!l}let a=t.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');if(a){let l=this.paths.length>0?this.paths:this.api.paths;this.paths.length===0&&this.api.paths.length>0&&(this.paths=[...this.api.paths]);let c=l.length>0?JSON.stringify(l):"";this.spreadProps(a,this.api.getHiddenInputProps({value:c})),this.name&&(a.name=this.name),a.value=c}this.syncPaths()}};QE={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=O(e,"controlled"),i=gs(e,"paths"),r=gs(e,"defaultPaths"),s=new zE(e,y(v(v({id:e.id,name:x(e,"name")},n&&i.length>0?{paths:i}:void 0),!n&&r.length>0?{defaultPaths:r}:void 0),{drawing:gd(e),onDrawEnd:a=>{s.setPaths(a.paths);let l=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');l&&(l.value=JSON.stringify(a.paths)),a.getDataUrl("image/png").then(c=>{s.imageURL=c;let u=x(e,"onDrawEnd");u&&this.liveSocket.main.isConnected()&&t(u,{id:e.id,paths:a.paths,url:c});let h=x(e,"onDrawEndClient");h&&e.dispatchEvent(new CustomEvent(h,{bubbles:!0,detail:{id:e.id,paths:a.paths,url:c}}))})}}));if(s.init(),this.signaturePad=s,(n?i:r).length>0){let a=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');a&&(a.dispatchEvent(new Event("input",{bubbles:!0})),a.dispatchEvent(new Event("change",{bubbles:!0})))}this.onClear=a=>{let{id:l}=a.detail;if(l&&l!==e.id)return;s.api.clear(),s.imageURL="",s.setPaths([]);let c=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');c&&(c.value="")},e.addEventListener("phx:signature-pad:clear",this.onClear),this.handlers=[],this.handlers.push(this.handleEvent("signature_pad_clear",a=>{let l=a.signature_pad_id;if(l&&l!==e.id)return;s.api.clear(),s.imageURL="",s.setPaths([]);let c=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');c&&(c.value="")}))},updated(){var r,s;let e=O(this.el,"controlled"),t=gs(this.el,"paths"),n=gs(this.el,"defaultPaths"),i=x(this.el,"name");i&&((r=this.signaturePad)==null||r.setName(i)),(s=this.signaturePad)==null||s.updateProps(y(v(v({id:this.el.id,name:i},e&&t.length>0?{paths:t}:{}),!e&&n.length>0?{defaultPaths:n}:{}),{drawing:gd(this.el)}))},destroyed(){var e;if(this.onClear&&this.el.removeEventListener("phx:signature-pad:clear",this.onClear),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.signaturePad)==null||e.destroy()}}});var Sd={};Oe(Sd,{Switch:()=>lC});function rC(e,t){let{context:n,send:i,prop:r,scope:s}=e,o=!!r("disabled"),a=!!r("readOnly"),l=!!r("required"),c=!!n.get("checked"),u=!o&&n.get("focused"),h=!o&&n.get("focusVisible"),p=!o&&n.get("active"),d={"data-active":T(p),"data-focus":T(u),"data-focus-visible":T(h),"data-readonly":T(a),"data-hover":T(n.get("hovered")),"data-disabled":T(o),"data-state":c?"checked":"unchecked","data-invalid":T(r("invalid")),"data-required":T(l)};return{checked:c,disabled:o,focused:u,setChecked(g){i({type:"CHECKED.SET",checked:g,isTrusted:!1})},toggleChecked(){i({type:"CHECKED.TOGGLE",checked:c,isTrusted:!1})},getRootProps(){return t.label(y(v(v({},ps.root.attrs),d),{dir:r("dir"),id:Od(s),htmlFor:da(s),onPointerMove(){o||i({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){o||i({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(g){var b;if(o)return;K(g)===di(s)&&g.stopPropagation(),Wt()&&((b=di(s))==null||b.focus())}}))},getLabelProps(){return t.element(y(v(v({},ps.label.attrs),d),{dir:r("dir"),id:Id(s)}))},getThumbProps(){return t.element(y(v(v({},ps.thumb.attrs),d),{dir:r("dir"),id:tC(s),"aria-hidden":!0}))},getControlProps(){return t.element(y(v(v({},ps.control.attrs),d),{dir:r("dir"),id:nC(s),"aria-hidden":!0}))},getHiddenInputProps(){return t.input({id:da(s),type:"checkbox",required:r("required"),defaultChecked:c,disabled:o,"aria-labelledby":Id(s),"aria-invalid":r("invalid"),name:r("name"),form:r("form"),value:r("value"),style:Hn,onFocus(){let g=Kn();i({type:"CONTEXT.SET",context:{focused:!0,focusVisible:g}})},onBlur(){i({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(g){if(a){g.preventDefault();return}let m=g.currentTarget.checked;i({type:"CHECKED.SET",checked:m,isTrusted:!0})}})}}}var eC,ps,Od,Id,tC,nC,da,iC,di,Td,sC,oC,pO,aC,lC,Pd=fe(()=>{"use strict";zs();me();eC=Z("switch").parts("root","label","control","thumb"),ps=eC.build(),Od=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`switch:${e.id}`},Id=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`switch:${e.id}:label`},tC=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.thumb)!=null?n:`switch:${e.id}:thumb`},nC=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`switch:${e.id}:control`},da=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`switch:${e.id}:input`},iC=e=>e.getById(Od(e)),di=e=>e.getById(da(e));({not:Td}=ye()),sC={props({props:e}){return v({defaultChecked:!1,label:"switch",value:"on"},e)},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(n){var i;(i=e("onCheckedChange"))==null||i({checked:n})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},computed:{isDisabled:({context:e,prop:t})=>t("disabled")||e.get("fieldsetDisabled")},watch({track:e,prop:t,context:n,action:i}){e([()=>t("disabled")],()=>{i(["removeFocusIfNeeded"])}),e([()=>n.get("checked")],()=>{i(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:Td("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:Td("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({computed:e,scope:t,context:n}){if(!e("isDisabled"))return mr({pointerNode:iC(t),keyboardNode:di(t),isValidKey:i=>i.key===" ",onPress:()=>n.set("active",!1),onPressStart:()=>n.set("active",!0),onPressEnd:()=>n.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("isDisabled"))return Pr({root:t.getRootNode()})},trackFormControlState({context:e,send:t,scope:n}){return An(di(n),{onFieldsetDisabledChange(i){e.set("fieldsetDisabled",i)},onFormReset(){let i=e.initial("checked");t({type:"CHECKED.SET",checked:!!i,src:"form-reset"})}})}},actions:{setContext({context:e,event:t}){for(let n in t.context)e.set(n,t.context[n])},syncInputElement({context:e,scope:t}){let n=di(t);n&&Ii(n,!!e.get("checked"))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.set("focused",!1)},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e}){e.set("checked",!e.get("checked"))},dispatchChangeEvent({context:e,scope:t}){queueMicrotask(()=>{let n=di(t);dr(n,{checked:e.get("checked")})})}}}},oC=G()(["checked","defaultChecked","dir","disabled","form","getRootNode","id","ids","invalid","label","name","onCheckedChange","readOnly","required","value"]),pO=B(oC),aC=class extends te{initMachine(e){return new ee(sC,e)}initApi(){return rC(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="switch"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="switch"][data-part="hidden-input"]');t&&this.spreadProps(t,this.api.getHiddenInputProps());let n=this.el.querySelector('[data-scope="switch"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="switch"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=this.el.querySelector('[data-scope="switch"][data-part="thumb"]');r&&this.spreadProps(r,this.api.getThumbProps())}},lC={mounted(){let e=this.el,t=this.pushEvent.bind(this);this.wasFocused=!1;let n=new aC(e,y(v({id:e.id},O(e,"controlled")?{checked:O(e,"checked")}:{defaultChecked:O(e,"defaultChecked")}),{disabled:O(e,"disabled"),name:x(e,"name"),form:x(e,"form"),value:x(e,"value"),dir:x(e,"dir",["ltr","rtl"]),invalid:O(e,"invalid"),required:O(e,"required"),readOnly:O(e,"readOnly"),label:x(e,"label"),onCheckedChange:i=>{let r=x(e,"onCheckedChange");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(r,{checked:i.checked,id:e.id});let s=x(e,"onCheckedChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{value:i,id:e.id}}))}}));n.init(),this.zagSwitch=n,this.onSetChecked=i=>{let{value:r}=i.detail;n.api.setChecked(r)},e.addEventListener("phx:switch:set-checked",this.onSetChecked),this.handlers=[],this.handlers.push(this.handleEvent("switch_set_checked",i=>{let r=i.id;r&&r!==e.id||n.api.setChecked(i.value)})),this.handlers.push(this.handleEvent("switch_toggle_checked",i=>{let r=i.id;r&&r!==e.id||n.api.toggleChecked()})),this.handlers.push(this.handleEvent("switch_checked",()=>{this.pushEvent("switch_checked_response",{value:n.api.checked})})),this.handlers.push(this.handleEvent("switch_focused",()=>{this.pushEvent("switch_focused_response",{value:n.api.focused})})),this.handlers.push(this.handleEvent("switch_disabled",()=>{this.pushEvent("switch_disabled_response",{value:n.api.disabled})}))},beforeUpdate(){var e,t;this.wasFocused=(t=(e=this.zagSwitch)==null?void 0:e.api.focused)!=null?t:!1},updated(){var e;if((e=this.zagSwitch)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{checked:O(this.el,"checked")}:{defaultChecked:O(this.el,"defaultChecked")}),{disabled:O(this.el,"disabled"),name:x(this.el,"name"),form:x(this.el,"form"),value:x(this.el,"value"),dir:x(this.el,"dir",["ltr","rtl"]),invalid:O(this.el,"invalid"),required:O(this.el,"required"),readOnly:O(this.el,"readOnly"),label:x(this.el,"label")})),O(this.el,"controlled")&&this.wasFocused){let t=this.el.querySelector('[data-part="hidden-input"]');t==null||t.focus()}},destroyed(){var e;if(this.onSetChecked&&this.el.removeEventListener("phx:switch:set-checked",this.onSetChecked),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.zagSwitch)==null||e.destroy()}}});var kd={};Oe(kd,{Tabs:()=>SC});function yC(e,t){let{state:n,send:i,context:r,prop:s,scope:o}=e,a=s("translations"),l=n.matches("focused"),c=s("orientation")==="vertical",u=s("orientation")==="horizontal",h=s("composite");function p(d){return{selected:r.get("value")===d.value,focused:r.get("focusedValue")===d.value,disabled:!!d.disabled}}return{value:r.get("value"),focusedValue:r.get("focusedValue"),setValue(d){i({type:"SET_VALUE",value:d})},clearValue(){i({type:"CLEAR_VALUE"})},setIndicatorRect(d){let g=Pn(o,d);i({type:"SET_INDICATOR_RECT",id:g})},syncTabIndex(){i({type:"SYNC_TAB_INDEX"})},selectNext(d){i({type:"TAB_FOCUS",value:d,src:"selectNext"}),i({type:"ARROW_NEXT",src:"selectNext"})},selectPrev(d){i({type:"TAB_FOCUS",value:d,src:"selectPrev"}),i({type:"ARROW_PREV",src:"selectPrev"})},focus(){var g;let d=r.get("value");d&&((g=ms(o,d))==null||g.focus())},getRootProps(){return t.element(y(v({},Yi.root.attrs),{id:uC(o),"data-orientation":s("orientation"),"data-focus":T(l),dir:s("dir")}))},getListProps(){return t.element(y(v({},Yi.list.attrs),{id:ji(o),role:"tablist",dir:s("dir"),"data-focus":T(l),"aria-orientation":s("orientation"),"data-orientation":s("orientation"),"aria-label":a==null?void 0:a.listLabel,onKeyDown(d){if(d.defaultPrevented||Vt(d)||!pe(d.currentTarget,K(d)))return;let g={ArrowDown(){u||i({type:"ARROW_NEXT",key:"ArrowDown"})},ArrowUp(){u||i({type:"ARROW_PREV",key:"ArrowUp"})},ArrowLeft(){c||i({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){c||i({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){i({type:"HOME"})},End(){i({type:"END"})}},m=ve(d,{dir:s("dir"),orientation:s("orientation")}),b=g[m];if(b){d.preventDefault(),b(d);return}}}))},getTriggerState:p,getTriggerProps(d){let{value:g,disabled:m}=d,b=p(d);return t.button(y(v({},Yi.trigger.attrs),{role:"tab",type:"button",disabled:m,dir:s("dir"),"data-orientation":s("orientation"),"data-disabled":T(m),"aria-disabled":m,"data-value":g,"aria-selected":b.selected,"data-selected":T(b.selected),"data-focus":T(b.focused),"aria-controls":b.selected?ha(o,g):void 0,"data-ownedby":ji(o),"data-ssr":T(r.get("ssr")),id:Pn(o,g),tabIndex:b.selected&&h?0:-1,onFocus(){i({type:"TAB_FOCUS",value:g})},onBlur(P){let S=P.relatedTarget;(S==null?void 0:S.getAttribute("role"))!=="tab"&&i({type:"TAB_BLUR"})},onClick(P){P.defaultPrevented||sn(P)||m||(Wt()&&P.currentTarget.focus(),i({type:"TAB_CLICK",value:g}))}}))},getContentProps(d){let{value:g}=d,m=r.get("value")===g;return t.element(y(v({},Yi.content.attrs),{dir:s("dir"),id:ha(o,g),tabIndex:h?0:-1,"aria-labelledby":Pn(o,g),role:"tabpanel","data-ownedby":ji(o),"data-selected":T(m),"data-orientation":s("orientation"),hidden:!m}))},getIndicatorProps(){let d=r.get("indicatorRect"),g=d==null||d.width===0&&d.height===0&&d.x===0&&d.y===0;return t.element(y(v({id:Vd(o)},Yi.indicator.attrs),{dir:s("dir"),"data-orientation":s("orientation"),hidden:g,style:{"--transition-property":"left, right, top, bottom, width, height","--left":Re(d==null?void 0:d.x),"--top":Re(d==null?void 0:d.y),"--width":Re(d==null?void 0:d.width),"--height":Re(d==null?void 0:d.height),position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:"var(--transition-duration, 150ms)",transitionTimingFunction:"var(--transition-timing-function)",[u?"left":"top"]:u?"var(--left)":"var(--top)"}}))}}}var cC,Yi,uC,ji,ha,Pn,Vd,dC,hC,ms,wd,hi,gC,fC,pC,mC,xd,vC,bC,EC,CC,bO,IC,EO,TC,CO,OC,SC,Nd=fe(()=>{"use strict";me();cC=Z("tabs").parts("root","list","trigger","content","indicator"),Yi=cC.build(),uC=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`tabs:${e.id}`},ji=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.list)!=null?n:`tabs:${e.id}:list`},ha=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.content)==null?void 0:i.call(n,t))!=null?r:`tabs:${e.id}:content-${t}`},Pn=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.trigger)==null?void 0:i.call(n,t))!=null?r:`tabs:${e.id}:trigger-${t}`},Vd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.indicator)!=null?n:`tabs:${e.id}:indicator`},dC=e=>e.getById(ji(e)),hC=(e,t)=>e.getById(ha(e,t)),ms=(e,t)=>t!=null?e.getById(Pn(e,t)):null,wd=e=>e.getById(Vd(e)),hi=e=>{let n=`[role=tab][data-ownedby='${CSS.escape(ji(e))}']:not([disabled])`;return dt(dC(e),n)},gC=e=>Ke(hi(e)),fC=e=>nt(hi(e)),pC=(e,t)=>$n(hi(e),Pn(e,t.value),t.loopFocus),mC=(e,t)=>_n(hi(e),Pn(e,t.value),t.loopFocus),xd=e=>{var t,n,i,r;return{x:(t=e==null?void 0:e.offsetLeft)!=null?t:0,y:(n=e==null?void 0:e.offsetTop)!=null?n:0,width:(i=e==null?void 0:e.offsetWidth)!=null?i:0,height:(r=e==null?void 0:e.offsetHeight)!=null?r:0}},vC=(e,t)=>{let n=Us(hi(e),Pn(e,t));return xd(n)};({createMachine:bC}=Wn()),EC=bC({props({props:e}){return v({dir:"ltr",orientation:"horizontal",activationMode:"automatic",loopFocus:!0,composite:!0,navigate(t){Fn(t.node)},defaultValue:null},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(n){var i;(i=e("onFocusChange"))==null||i({focusedValue:n})}})),ssr:t(()=>({defaultValue:!0})),indicatorRect:t(()=>({defaultValue:null}))}},watch({context:e,prop:t,track:n,action:i}){n([()=>e.get("value")],()=>{i(["syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),n([()=>t("dir"),()=>t("orientation")],()=>{i(["syncIndicatorRect"])})},on:{SET_VALUE:{actions:["setValue"]},CLEAR_VALUE:{actions:["clearValue"]},SET_INDICATOR_RECT:{actions:["setIndicatorRect"]},SYNC_TAB_INDEX:{actions:["syncTabIndex"]}},entry:["syncIndicatorRect","syncTabIndex","syncSsr"],exit:["cleanupObserver"],states:{idle:{on:{TAB_FOCUS:{target:"focused",actions:["setFocusedValue"]},TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]}}},focused:{on:{TAB_CLICK:{actions:["setFocusedValue","setValue"]},ARROW_PREV:[{guard:"selectOnFocus",actions:["focusPrevTab","selectFocusedTab"]},{actions:["focusPrevTab"]}],ARROW_NEXT:[{guard:"selectOnFocus",actions:["focusNextTab","selectFocusedTab"]},{actions:["focusNextTab"]}],HOME:[{guard:"selectOnFocus",actions:["focusFirstTab","selectFocusedTab"]},{actions:["focusFirstTab"]}],END:[{guard:"selectOnFocus",actions:["focusLastTab","selectFocusedTab"]},{actions:["focusLastTab"]}],TAB_FOCUS:{actions:["setFocusedValue"]},TAB_BLUR:{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{selectOnFocus:({prop:e})=>e("activationMode")==="automatic"},actions:{selectFocusedTab({context:e,prop:t}){H(()=>{let n=e.get("focusedValue");if(!n)return;let r=t("deselectable")&&e.get("value")===n?null:n;e.set("value",r)})},setFocusedValue({context:e,event:t,flush:n}){t.value!=null&&n(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:n}){let i=n("deselectable")&&e.get("value")===e.get("focusedValue");e.set("value",i?null:t.value)},clearValue({context:e}){e.set("value",null)},focusFirstTab({scope:e}){H(()=>{var t;(t=gC(e))==null||t.focus()})},focusLastTab({scope:e}){H(()=>{var t;(t=fC(e))==null||t.focus()})},focusNextTab({context:e,prop:t,scope:n,event:i}){var o;let r=(o=i.value)!=null?o:e.get("focusedValue");if(!r)return;let s=pC(n,{value:r,loopFocus:t("loopFocus")});H(()=>{t("composite")?s==null||s.focus():(s==null?void 0:s.dataset.value)!=null&&e.set("focusedValue",s.dataset.value)})},focusPrevTab({context:e,prop:t,scope:n,event:i}){var o;let r=(o=i.value)!=null?o:e.get("focusedValue");if(!r)return;let s=mC(n,{value:r,loopFocus:t("loopFocus")});H(()=>{t("composite")?s==null||s.focus():(s==null?void 0:s.dataset.value)!=null&&e.set("focusedValue",s.dataset.value)})},syncTabIndex({context:e,scope:t}){H(()=>{let n=e.get("value");if(!n)return;let i=hC(t,n);if(!i)return;Ti(i).length>0?i.removeAttribute("tabindex"):i.setAttribute("tabindex","0")})},cleanupObserver({refs:e}){let t=e.get("indicatorCleanup");t&&t()},setIndicatorRect({context:e,event:t,scope:n}){var o;let i=(o=t.id)!=null?o:e.get("value");!wd(n)||!i||!ms(n,i)||e.set("indicatorRect",vC(n,i))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:n}){let i=t.get("indicatorCleanup");if(i&&i(),!wd(n))return;let s=()=>{let l=ms(n,e.get("value"));if(!l)return;let c=xd(l);e.set("indicatorRect",u=>he(u,c)?u:c)};s();let o=hi(n),a=Bn(...o.map(l=>Ja.observe(l,s)));t.set("indicatorCleanup",a)},navigateIfNeeded({context:e,prop:t,scope:n}){var s;let i=e.get("value");if(!i)return;let r=ms(n,i);We(r)&&((s=t("navigate"))==null||s({value:i,node:r,href:r.href}))}}}}),CC=G()(["activationMode","composite","deselectable","dir","getRootNode","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value","defaultValue"]),bO=B(CC),IC=G()(["disabled","value"]),EO=B(IC),TC=G()(["value"]),CO=B(TC),OC=class extends te{initMachine(e){return new ee(EC,e)}initApi(){return yC(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="tabs"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="tabs"][data-part="list"]');if(!t)return;this.spreadProps(t,this.api.getListProps());let n=this.el.getAttribute("data-items"),i=n?JSON.parse(n):[],r=t.querySelectorAll('[data-scope="tabs"][data-part="trigger"]');for(let o=0;o<r.length&&o<i.length;o++){let a=r[o],l=i[o];this.spreadProps(a,this.api.getTriggerProps({value:l.value,disabled:l.disabled}))}let s=e.querySelectorAll('[data-scope="tabs"][data-part="content"]');for(let o=0;o<s.length&&o<i.length;o++){let a=s[o],l=i[o];this.spreadProps(a,this.api.getContentProps({value:l.value}))}}},SC={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new OC(e,y(v({id:e.id},O(e,"controlled")?{value:x(e,"value")}:{defaultValue:x(e,"defaultValue")}),{orientation:x(e,"orientation",["horizontal","vertical"]),dir:x(e,"dir",["ltr","rtl"]),onValueChange:i=>{var o,a;let r=x(e,"onValueChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(o=i.value)!=null?o:null});let s=x(e,"onValueChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(a=i.value)!=null?a:null}}))},onFocusChange:i=>{var o,a;let r=x(e,"onFocusChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(o=i.focusedValue)!=null?o:null});let s=x(e,"onFocusChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(a=i.focusedValue)!=null?a:null}}))}}));n.init(),this.tabs=n,this.onSetValue=i=>{let{value:r}=i.detail;n.api.setValue(r)},e.addEventListener("phx:tabs:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("tabs_set_value",i=>{let r=i.tabs_id;r&&r!==e.id||n.api.setValue(i.value)})),this.handlers.push(this.handleEvent("tabs_value",()=>{this.pushEvent("tabs_value_response",{value:n.api.value})})),this.handlers.push(this.handleEvent("tabs_focused_value",()=>{this.pushEvent("tabs_focused_value_response",{value:n.api.focusedValue})}))},updated(){var e;(e=this.tabs)==null||e.updateProps(y(v({id:this.el.id},O(this.el,"controlled")?{value:x(this.el,"value")}:{defaultValue:x(this.el,"defaultValue")}),{orientation:x(this.el,"orientation",["horizontal","vertical"]),dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:tabs:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.tabs)==null||e.destroy()}}});var Hd={};Oe(Hd,{Toast:()=>XC});function ga(e,t){var n;return(n=e!=null?e:Fd[t])!=null?n:Fd.DEFAULT}function kC(e,t){var m;let{prop:n,computed:i,context:r}=e,{offsets:s,gap:o}=n("store").attrs,a=r.get("heights"),l=xC(s),c=n("dir")==="rtl",u=t.replace("-start",c?"-right":"-left").replace("-end",c?"-left":"-right"),h=u.includes("right"),p=u.includes("left"),d={position:"fixed",pointerEvents:i("count")>0?void 0:"none",display:"flex",flexDirection:"column","--gap":`${o}px`,"--first-height":`${((m=a[0])==null?void 0:m.height)||0}px`,"--viewport-offset-left":l.left,"--viewport-offset-right":l.right,"--viewport-offset-top":l.top,"--viewport-offset-bottom":l.bottom,zIndex:Aa},g="center";if(h&&(g="flex-end"),p&&(g="flex-start"),d.alignItems=g,u.includes("top")){let b=l.top;d.top=`max(env(safe-area-inset-top, 0px), ${b})`}if(u.includes("bottom")){let b=l.bottom;d.bottom=`max(env(safe-area-inset-bottom, 0px), ${b})`}if(!u.includes("left")){let b=l.right;d.insetInlineEnd=`calc(env(safe-area-inset-right, 0px) + ${b})`}if(!u.includes("right")){let b=l.left;d.insetInlineStart=`calc(env(safe-area-inset-left, 0px) + ${b})`}return d}function NC(e,t){let{prop:n,context:i,computed:r}=e,s=n("parent"),o=s.computed("placement"),{gap:a}=s.prop("store").attrs,[l]=o.split("-"),c=i.get("mounted"),u=i.get("remainingTime"),h=r("height"),p=r("frontmost"),d=!p,g=!n("stacked"),m=n("stacked"),P=n("type")==="loading"?Number.MAX_SAFE_INTEGER:u,S=r("heightIndex")*a+r("heightBefore"),E={position:"absolute",pointerEvents:"auto","--opacity":"0","--remove-delay":`${n("removeDelay")}ms`,"--duration":`${P}ms`,"--initial-height":`${h}px`,"--offset":`${S}px`,"--index":n("index"),"--z-index":r("zIndex"),"--lift-amount":"calc(var(--lift) * var(--gap))","--y":"100%","--x":"0"},f=C=>Object.assign(E,C);return l==="top"?f({top:"0","--sign":"-1","--y":"-100%","--lift":"1"}):l==="bottom"&&f({bottom:"0","--sign":"1","--y":"100%","--lift":"-1"}),c&&(f({"--y":"0","--opacity":"1"}),m&&f({"--y":"calc(var(--lift) * var(--offset))","--height":"var(--initial-height)"})),t||f({"--opacity":"0",pointerEvents:"none"}),d&&g&&(f({"--base-scale":"var(--index) * 0.05 + 1","--y":"calc(var(--lift-amount) * var(--index))","--scale":"calc(-1 * var(--base-scale))","--height":"var(--first-height)"}),t||f({"--y":"calc(var(--sign) * 40%)"})),d&&m&&!t&&f({"--y":"calc(var(--lift) * var(--offset) + var(--lift) * -100%)"}),p&&!t&&f({"--y":"calc(var(--lift) * -100%)"}),E}function RC(e,t){let{computed:n}=e,i={position:"absolute",inset:"0",scale:"1 2",pointerEvents:t?"none":"auto"},r=s=>Object.assign(i,s);return n("frontmost")&&!t&&r({height:"calc(var(--initial-height) + 80%)"}),i}function AC(){return{position:"absolute",left:"0",height:"calc(var(--gap) + 2px)",bottom:"100%",width:"100%"}}function DC(e,t){let{context:n,prop:i,send:r,refs:s,computed:o}=e;return{getCount(){return n.get("toasts").length},getToasts(){return n.get("toasts")},getGroupProps(a={}){let{label:l="Notifications"}=a,{hotkey:c}=i("store").attrs,u=c.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=o("placement"),[p,d="center"]=h.split("-");return t.element(y(v({},gi.group.attrs),{dir:i("dir"),tabIndex:-1,"aria-label":`${h} ${l} ${u}`,id:wC(h),"data-placement":h,"data-side":p,"data-align":d,"aria-live":"polite",role:"region",style:kC(e,h),onMouseEnter(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_ENTER",placement:h})},onMouseMove(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_ENTER",placement:h})},onMouseLeave(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_LEAVE",placement:h})},onFocus(g){r({type:"REGION.FOCUS",target:g.relatedTarget})},onBlur(g){s.get("isFocusWithin")&&!pe(g.currentTarget,g.relatedTarget)&&queueMicrotask(()=>r({type:"REGION.BLUR"}))}}))},subscribe(a){return i("store").subscribe(()=>a(n.get("toasts")))}}}function _C(e,t){let{state:n,send:i,prop:r,scope:s,context:o,computed:a}=e,l=n.hasTag("visible"),c=n.hasTag("paused"),u=o.get("mounted"),h=a("frontmost"),p=r("parent").computed("placement"),d=r("type"),g=r("stacked"),m=r("title"),b=r("description"),P=r("action"),[S,E="center"]=p.split("-");return{type:d,title:m,description:b,placement:p,visible:l,paused:c,closable:!!r("closable"),pause(){i({type:"PAUSE"})},resume(){i({type:"RESUME"})},dismiss(){i({type:"DISMISS",src:"programmatic"})},getRootProps(){return t.element(y(v({},gi.root.attrs),{dir:r("dir"),id:_d(s),"data-state":l?"open":"closed","data-type":d,"data-placement":p,"data-align":E,"data-side":S,"data-mounted":T(u),"data-paused":T(c),"data-first":T(h),"data-sibling":T(!h),"data-stack":T(g),"data-overlap":T(!g),role:"status","aria-atomic":"true","aria-describedby":b?Ld(s):void 0,"aria-labelledby":m?Dd(s):void 0,tabIndex:0,style:NC(e,l),onKeyDown(f){f.defaultPrevented||f.key=="Escape"&&(i({type:"DISMISS",src:"keyboard"}),f.preventDefault())}}))},getGhostBeforeProps(){return t.element({"data-ghost":"before",style:RC(e,l)})},getGhostAfterProps(){return t.element({"data-ghost":"after",style:AC()})},getTitleProps(){return t.element(y(v({},gi.title.attrs),{id:Dd(s)}))},getDescriptionProps(){return t.element(y(v({},gi.description.attrs),{id:Ld(s)}))},getActionTriggerProps(){return t.button(y(v({},gi.actionTrigger.attrs),{type:"button",onClick(f){var C;f.defaultPrevented||((C=P==null?void 0:P.onClick)==null||C.call(P),i({type:"DISMISS",src:"user"}))}}))},getCloseTriggerProps(){return t.button(y(v({id:VC(s)},gi.closeTrigger.attrs),{type:"button","aria-label":"Dismiss notification",onClick(f){f.defaultPrevented||i({type:"DISMISS",src:"user"})}}))}}}function Md(e,t){let{id:n,height:i}=t;e.context.set("heights",r=>r.find(o=>o.id===n)?r.map(o=>o.id===n?y(v({},o),{height:i}):o):[{id:n,height:i},...r])}function UC(e={}){let t=GC(e,{placement:"bottom",overlap:!1,max:24,gap:16,offsets:"1rem",hotkey:["altKey","KeyT"],removeDelay:200,pauseOnPageIdle:!0}),n=[],i=[],r=new Set,s=[],o=L=>(n.push(L),()=>{let M=n.indexOf(L);n.splice(M,1)}),a=L=>(n.forEach(M=>M(L)),L),l=L=>{if(i.length>=t.max){s.push(L);return}a(L),i.unshift(L)},c=()=>{for(;s.length>0&&i.length<t.max;){let L=s.shift();L&&(a(L),i.unshift(L))}},u=L=>{var q;let M=(q=L.id)!=null?q:`toast:${js()}`,j=i.find(J=>J.id===M);return r.has(M)&&r.delete(M),j?i=i.map(J=>J.id===M?a(y(v(v({},J),L),{id:M})):J):l(y(v({id:M,duration:t.duration,removeDelay:t.removeDelay,type:"info"},L),{stacked:!t.overlap,gap:t.gap})),M},h=L=>(r.add(L),L?(n.forEach(M=>M({id:L,dismiss:!0})),i=i.filter(M=>M.id!==L),c()):(i.forEach(M=>{n.forEach(j=>j({id:M.id,dismiss:!0}))}),i=[],s=[]),L);return{attrs:t,subscribe:o,create:u,update:(L,M)=>u(v({id:L},M)),remove:h,dismiss:L=>{L!=null?i=i.map(M=>M.id===L?a(y(v({},M),{message:"DISMISS"})):M):i=i.map(M=>a(y(v({},M),{message:"DISMISS"})))},error:L=>u(y(v({},L),{type:"error"})),success:L=>u(y(v({},L),{type:"success"})),info:L=>u(y(v({},L),{type:"info"})),warning:L=>u(y(v({},L),{type:"warning"})),loading:L=>u(y(v({},L),{type:"loading"})),getVisibleToasts:()=>i.filter(L=>!r.has(L.id)),getCount:()=>i.length,promise:(L,M,j={})=>{if(!M||!M.loading){wt("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");return}let q=u(y(v(v({},j),M.loading),{promise:L,type:"loading"})),J=!0,W,ge=St(L).then(X=>Ee(null,null,function*(){if(W=["resolve",X],qC(X)&&!X.ok){J=!1;let ue=St(M.error,`HTTP Error! status: ${X.status}`);u(y(v(v({},j),ue),{id:q,type:"error"}))}else if(M.success!==void 0){J=!1;let ue=St(M.success,X);u(y(v(v({},j),ue),{id:q,type:"success"}))}})).catch(X=>Ee(null,null,function*(){if(W=["reject",X],M.error!==void 0){J=!1;let ue=St(M.error,X);u(y(v(v({},j),ue),{id:q,type:"error"}))}})).finally(()=>{var X;J&&h(q),(X=M.finally)==null||X.call(M)});return{id:q,unwrap:()=>new Promise((X,ue)=>ge.then(()=>W[0]==="reject"?ue(W[1]):X(W[1])).catch(ue))}},pause:L=>{L!=null?i=i.map(M=>M.id===L?a(y(v({},M),{message:"PAUSE"})):M):i=i.map(M=>a(y(v({},M),{message:"PAUSE"})))},resume:L=>{L!=null?i=i.map(M=>M.id===L?a(y(v({},M),{message:"RESUME"})):M):i=i.map(M=>a(y(v({},M),{message:"RESUME"})))},isVisible:L=>!r.has(L)&&!!i.find(M=>M.id===L),isDismissed:L=>r.has(L),expand:()=>{i=i.map(L=>a(y(v({},L),{stacked:!0})))},collapse:()=>{i=i.map(L=>a(y(v({},L),{stacked:!1})))}}}function jC(e,t){var s,o,a;let n=(s=t==null?void 0:t.id)!=null?s:rn(e,"toast"),i=(a=t==null?void 0:t.store)!=null?a:UC({placement:(o=t==null?void 0:t.placement)!=null?o:"bottom",overlap:t==null?void 0:t.overlap,max:t==null?void 0:t.max,gap:t==null?void 0:t.gap,offsets:t==null?void 0:t.offsets,pauseOnPageIdle:t==null?void 0:t.pauseOnPageIdle}),r=new YC(e,{id:n,store:i});return r.init(),WC.set(n,r),fa.set(n,i),e.dataset.toastGroup="true",e.dataset.toastGroupId=n,{group:r,store:i}}function Xi(e){if(e)return fa.get(e);let t=document.querySelector("[data-toast-group]");if(!t)return;let n=t.dataset.toastGroupId||t.id;return n?fa.get(n):void 0}var PC,gi,wC,Rd,_d,Ad,Dd,Ld,VC,Fd,xC,LC,FC,MC,$C,HC,BC,GC,qC,$d,WC,fa,KC,YC,XC,Bd=fe(()=>{"use strict";gn();me();PC=Z("toast").parts("group","root","title","description","actionTrigger","closeTrigger"),gi=PC.build(),wC=e=>`toast-group:${e}`,Rd=(e,t)=>e.getById(`toast-group:${t}`),_d=e=>`toast:${e.id}`,Ad=e=>e.getById(_d(e)),Dd=e=>`toast:${e.id}:title`,Ld=e=>`toast:${e.id}:description`,VC=e=>`toast${e.id}:close`,Fd={info:5e3,error:5e3,success:2e3,loading:1/0,DEFAULT:5e3};xC=e=>typeof e=="string"?{left:e,right:e,bottom:e,top:e}:e;({guards:LC,createMachine:FC}=Wn()),{and:MC}=LC,$C=FC({props({props:e}){return y(v({dir:"ltr",id:js()},e),{store:e.store})},initialState({prop:e}){return e("store").attrs.overlap?"overlap":"stack"},refs(){return{lastFocusedEl:null,isFocusWithin:!1,isPointerWithin:!1,ignoreMouseTimer:$s.create(),dismissableCleanup:void 0}},context({bindable:e}){return{toasts:e(()=>({defaultValue:[],sync:!0,hash:t=>t.map(n=>n.id).join(",")})),heights:e(()=>({defaultValue:[],sync:!0}))}},computed:{count:({context:e})=>e.get("toasts").length,overlap:({prop:e})=>e("store").attrs.overlap,placement:({prop:e})=>e("store").attrs.placement},effects:["subscribeToStore","trackDocumentVisibility","trackHotKeyPress"],watch({track:e,context:t,action:n}){e([()=>t.hash("toasts")],()=>{queueMicrotask(()=>{n(["collapsedIfEmpty","setDismissableBranch"])})})},exit:["clearDismissableBranch","clearLastFocusedEl","clearMouseEventTimer"],on:{"DOC.HOTKEY":{actions:["focusRegionEl"]},"REGION.BLUR":[{guard:MC("isOverlapping","isPointerOut"),target:"overlap",actions:["collapseToasts","resumeToasts","restoreFocusIfPointerOut"]},{guard:"isPointerOut",target:"stack",actions:["resumeToasts","restoreFocusIfPointerOut"]},{actions:["clearFocusWithin"]}],"TOAST.REMOVE":{actions:["removeToast","removeHeight","ignoreMouseEventsTemporarily"]},"TOAST.PAUSE":{actions:["pauseToasts"]}},states:{stack:{on:{"REGION.POINTER_LEAVE":[{guard:"isOverlapping",target:"overlap",actions:["clearPointerWithin","resumeToasts","collapseToasts"]},{actions:["clearPointerWithin","resumeToasts"]}],"REGION.OVERLAP":{target:"overlap",actions:["collapseToasts"]},"REGION.FOCUS":{actions:["setLastFocusedEl","pauseToasts"]},"REGION.POINTER_ENTER":{actions:["setPointerWithin","pauseToasts"]}}},overlap:{on:{"REGION.STACK":{target:"stack",actions:["expandToasts"]},"REGION.POINTER_ENTER":{target:"stack",actions:["setPointerWithin","pauseToasts","expandToasts"]},"REGION.FOCUS":{target:"stack",actions:["setLastFocusedEl","pauseToasts","expandToasts"]}}}},implementations:{guards:{isOverlapping:({computed:e})=>e("overlap"),isPointerOut:({refs:e})=>!e.get("isPointerWithin")},effects:{subscribeToStore({context:e,prop:t}){let n=t("store");return e.set("toasts",n.getVisibleToasts()),n.subscribe(i=>{if(i.dismiss){e.set("toasts",r=>r.filter(s=>s.id!==i.id));return}e.set("toasts",r=>{let s=r.findIndex(o=>o.id===i.id);return s!==-1?[...r.slice(0,s),v(v({},r[s]),i),...r.slice(s+1)]:[i,...r]})})},trackHotKeyPress({prop:e,send:t}){return re(document,"keydown",i=>{let{hotkey:r}=e("store").attrs;r.every(o=>i[o]||i.code===o)&&t({type:"DOC.HOTKEY"})},{capture:!0})},trackDocumentVisibility({prop:e,send:t,scope:n}){let{pauseOnPageIdle:i}=e("store").attrs;if(!i)return;let r=n.getDoc();return re(r,"visibilitychange",()=>{let s=r.visibilityState==="hidden";t({type:s?"PAUSE_ALL":"RESUME_ALL"})})}},actions:{setDismissableBranch({refs:e,context:t,computed:n,scope:i}){var c;let r=t.get("toasts"),s=n("placement"),o=r.length>0;if(!o){(c=e.get("dismissableCleanup"))==null||c();return}if(o&&e.get("dismissableCleanup"))return;let l=mc(()=>Rd(i,s),{defer:!0});e.set("dismissableCleanup",l)},clearDismissableBranch({refs:e}){var t;(t=e.get("dismissableCleanup"))==null||t()},focusRegionEl({scope:e,computed:t}){queueMicrotask(()=>{var n;(n=Rd(e,t("placement")))==null||n.focus()})},pauseToasts({prop:e}){e("store").pause()},resumeToasts({prop:e}){e("store").resume()},expandToasts({prop:e}){e("store").expand()},collapseToasts({prop:e}){e("store").collapse()},removeToast({prop:e,event:t}){e("store").remove(t.id)},removeHeight({event:e,context:t}){(e==null?void 0:e.id)!=null&&queueMicrotask(()=>{t.set("heights",n=>n.filter(i=>i.id!==e.id))})},collapsedIfEmpty({send:e,computed:t}){!t("overlap")||t("count")>1||e({type:"REGION.OVERLAP"})},setLastFocusedEl({refs:e,event:t}){e.get("isFocusWithin")||!t.target||(e.set("isFocusWithin",!0),e.set("lastFocusedEl",t.target))},restoreFocusIfPointerOut({refs:e}){var t;!e.get("lastFocusedEl")||e.get("isPointerWithin")||((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null),e.set("isFocusWithin",!1))},setPointerWithin({refs:e}){e.set("isPointerWithin",!0)},clearPointerWithin({refs:e}){var t;e.set("isPointerWithin",!1),e.get("lastFocusedEl")&&!e.get("isFocusWithin")&&((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null))},clearFocusWithin({refs:e}){e.set("isFocusWithin",!1)},clearLastFocusedEl({refs:e}){var t;e.get("lastFocusedEl")&&((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null),e.set("isFocusWithin",!1))},ignoreMouseEventsTemporarily({refs:e}){e.get("ignoreMouseTimer").request()},clearMouseEventTimer({refs:e}){e.get("ignoreMouseTimer").cancel()}}}});({not:HC}=ye()),BC={props({props:e}){return br(e,["id","type","parent","removeDelay"],"toast"),y(v({closable:!0},e),{duration:ga(e.duration,e.type)})},initialState({prop:e}){return e("type")==="loading"||e("duration")===1/0?"visible:persist":"visible"},context({prop:e,bindable:t}){return{remainingTime:t(()=>({defaultValue:ga(e("duration"),e("type"))})),createdAt:t(()=>({defaultValue:Date.now()})),mounted:t(()=>({defaultValue:!1})),initialHeight:t(()=>({defaultValue:0}))}},refs(){return{closeTimerStartTime:Date.now(),lastCloseStartTimerStartTime:0}},computed:{zIndex:({prop:e})=>{let t=e("parent").context.get("toasts"),n=t.findIndex(i=>i.id===e("id"));return t.length-n},height:({prop:e})=>{var i;let n=e("parent").context.get("heights").find(r=>r.id===e("id"));return(i=n==null?void 0:n.height)!=null?i:0},heightIndex:({prop:e})=>e("parent").context.get("heights").findIndex(n=>n.id===e("id")),frontmost:({prop:e})=>e("index")===0,heightBefore:({prop:e})=>{let t=e("parent").context.get("heights"),n=t.findIndex(i=>i.id===e("id"));return t.reduce((i,r,s)=>s>=n?i:i+r.height,0)},shouldPersist:({prop:e})=>e("type")==="loading"||e("duration")===1/0},watch({track:e,prop:t,send:n}){e([()=>t("message")],()=>{let i=t("message");i&&n({type:i,src:"programmatic"})}),e([()=>t("type"),()=>t("duration")],()=>{n({type:"UPDATE"})})},on:{UPDATE:[{guard:"shouldPersist",target:"visible:persist",actions:["resetCloseTimer"]},{target:"visible:updating",actions:["resetCloseTimer"]}],MEASURE:{actions:["measureHeight"]}},entry:["setMounted","measureHeight","invokeOnVisible"],effects:["trackHeight"],states:{"visible:updating":{tags:["visible","updating"],effects:["waitForNextTick"],on:{SHOW:{target:"visible"}}},"visible:persist":{tags:["visible","paused"],on:{RESUME:{guard:HC("isLoadingType"),target:"visible",actions:["setCloseTimer"]},DISMISS:{target:"dismissing"}}},visible:{tags:["visible"],effects:["waitForDuration"],on:{DISMISS:{target:"dismissing"},PAUSE:{target:"visible:persist",actions:["syncRemainingTime"]}}},dismissing:{entry:["invokeOnDismiss"],effects:["waitForRemoveDelay"],on:{REMOVE:{target:"unmounted",actions:["notifyParentToRemove"]}}},unmounted:{entry:["invokeOnUnmount"]}},implementations:{effects:{waitForRemoveDelay({prop:e,send:t}){return Un(()=>{t({type:"REMOVE",src:"timer"})},e("removeDelay"))},waitForDuration({send:e,context:t,computed:n}){if(!n("shouldPersist"))return Un(()=>{e({type:"DISMISS",src:"timer"})},t.get("remainingTime"))},waitForNextTick({send:e}){return Un(()=>{e({type:"SHOW",src:"timer"})},0)},trackHeight({scope:e,prop:t}){let n;return H(()=>{let i=Ad(e);if(!i)return;let r=()=>{let a=i.style.height;i.style.height="auto";let l=i.getBoundingClientRect().height;i.style.height=a;let c={id:t("id"),height:l};Md(t("parent"),c)},s=e.getWin(),o=new s.MutationObserver(r);o.observe(i,{childList:!0,subtree:!0,characterData:!0}),n=()=>o.disconnect()}),()=>n==null?void 0:n()}},guards:{isLoadingType:({prop:e})=>e("type")==="loading",shouldPersist:({computed:e})=>e("shouldPersist")},actions:{setMounted({context:e}){H(()=>{e.set("mounted",!0)})},measureHeight({scope:e,prop:t,context:n}){queueMicrotask(()=>{let i=Ad(e);if(!i)return;let r=i.style.height;i.style.height="auto";let s=i.getBoundingClientRect().height;i.style.height=r,n.set("initialHeight",s);let o={id:t("id"),height:s};Md(t("parent"),o)})},setCloseTimer({refs:e}){e.set("closeTimerStartTime",Date.now())},resetCloseTimer({context:e,refs:t,prop:n}){t.set("closeTimerStartTime",Date.now()),e.set("remainingTime",ga(n("duration"),n("type")))},syncRemainingTime({context:e,refs:t}){e.set("remainingTime",n=>{let i=t.get("closeTimerStartTime"),r=Date.now()-i;return t.set("lastCloseStartTimerStartTime",Date.now()),n-r})},notifyParentToRemove({prop:e}){e("parent").send({type:"TOAST.REMOVE",id:e("id")})},invokeOnDismiss({prop:e,event:t}){var n;(n=e("onStatusChange"))==null||n({status:"dismissing",src:t.src})},invokeOnUnmount({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"unmounted"})},invokeOnVisible({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"visible"})}}}};GC=(e,t)=>v(v({},t),Gn(e));qC=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",$d={connect:DC,machine:$C},WC=new Map,fa=new Map,KC=class extends te{constructor(t,n){super(t,n);U(this,"parts");U(this,"duration");U(this,"destroy",()=>{this.machine.stop(),this.el.remove()});this.duration=n.duration,this.el.setAttribute("data-scope","toast"),this.el.setAttribute("data-part","root"),this.el.innerHTML=`
+"use strict";var Corex=(()=>{var Kr=Object.defineProperty,Ff=Object.defineProperties,$f=Object.getOwnPropertyDescriptor,Hf=Object.getOwnPropertyDescriptors,Bf=Object.getOwnPropertyNames,Wr=Object.getOwnPropertySymbols;var Ha=Object.prototype.hasOwnProperty,rc=Object.prototype.propertyIsEnumerable;var Fa=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),_f=e=>{throw TypeError(e)};var $a=(e,t,n)=>t in e?Kr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,g=(e,t)=>{for(var n in t||(t={}))Ha.call(t,n)&&$a(e,n,t[n]);if(Wr)for(var n of Wr(t))rc.call(t,n)&&$a(e,n,t[n]);return e},y=(e,t)=>Ff(e,Hf(t));var ft=(e,t)=>{var n={};for(var i in e)Ha.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(e!=null&&Wr)for(var i of Wr(e))t.indexOf(i)<0&&rc.call(e,i)&&(n[i]=e[i]);return n};var re=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var n in t)Kr(e,n,{get:t[n],enumerable:!0})},Gf=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Bf(t))!Ha.call(e,r)&&r!==n&&Kr(e,r,{get:()=>t[r],enumerable:!(i=$f(t,r))||i.enumerable});return e};var Uf=e=>Gf(Kr({},"__esModule",{value:!0}),e);var z=(e,t,n)=>$a(e,typeof t!="symbol"?t+"":t,n);var Ve=(e,t,n)=>new Promise((i,r)=>{var s=l=>{try{o(n.next(l))}catch(c){r(c)}},a=l=>{try{o(n.throw(l))}catch(c){r(c)}},o=l=>l.done?i(l.value):Promise.resolve(l.value).then(s,a);o((n=n.apply(e,t)).next())}),qf=function(e,t){this[0]=e,this[1]=t};var sc=e=>{var t=e[Fa("asyncIterator")],n=!1,i,r={};return t==null?(t=e[Fa("iterator")](),i=s=>r[s]=a=>t[s](a)):(t=t.call(e),i=s=>r[s]=a=>{if(n){if(n=!1,s==="throw")throw a;return a}return n=!0,{done:!1,value:new qf(new Promise(o=>{var l=t[s](a);l instanceof Object||_f("Object expected"),o(l)}),1)}}),r[Fa("iterator")]=()=>r,i("next"),"throw"in t?i("throw"):r.throw=s=>{throw s},"return"in t&&i("return"),r};function Oe(e){let t=e.dataset.dir;if(t!==void 0&&Wf.includes(t))return t;let n=document.documentElement.getAttribute("dir");return n==="ltr"||n==="rtl"?n:"ltr"}function tr(e){if(e)try{if(e.ownerDocument.activeElement!==e)return;let t=e.value.length;e.setSelectionRange(t,t)}catch(t){}}function em(e){return["html","body","#document"].includes(bc(e))}function es(e){if(!e)return!1;let t=e.getRootNode();return ui(t)===e}function Ot(e){if(e==null||!le(e))return!1;try{return nm(e)&&e.selectionStart!=null||rm.test(e.localName)||e.isContentEditable||e.getAttribute("contenteditable")==="true"||e.getAttribute("contenteditable")===""}catch(t){return!1}}function ce(e,t){var i;if(!e||!t||!le(e)||!le(t))return!1;let n=(i=t.getRootNode)==null?void 0:i.call(t);if(e===t||e.contains(t))return!0;if(n&&Ln(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function Le(e){var t;return nr(e)?e:Qf(e)?e.document:(t=e==null?void 0:e.ownerDocument)!=null?t:document}function sm(e){return Le(e).documentElement}function ue(e){var t,n,i;return Ln(e)?ue(e.host):nr(e)?(t=e.defaultView)!=null?t:window:le(e)&&(i=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?i:window}function ui(e){let t=e.activeElement;for(;t!=null&&t.shadowRoot;){let n=t.shadowRoot.activeElement;if(!n||n===t)break;t=n}return t}function am(e){if(bc(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Ln(e)&&e.host||sm(e);return Ln(t)?t.host:t}function Ya(e){var n;let t;try{if(t=e.getRootNode({composed:!0}),nr(t)||Ln(t))return t}catch(i){}return(n=e.ownerDocument)!=null?n:document}function at(e){return Ga.has(e)||Ga.set(e,ue(e).getComputedStyle(e)),Ga.get(e)}function as(e,t){let n=new Set,i=Ya(e),r=s=>{let a=s.querySelectorAll("[aria-controls]");for(let o of a){if(o.getAttribute("aria-expanded")!=="true")continue;let l=Ec(o);for(let c of l){if(!c||n.has(c))continue;n.add(c);let u=i.getElementById(c);if(u){let h=u.getAttribute("role"),m=u.getAttribute("aria-modal")==="true";if(h&&om(h)&&!m&&(u===t||u.contains(t)||r(u)))return!0}}}return!1};return r(e)}function Xa(e,t){let n=Ya(e),i=new Set,r=s=>{let a=s.querySelectorAll("[aria-controls]");for(let o of a){if(o.getAttribute("aria-expanded")!=="true")continue;let l=Ec(o);for(let c of l){if(!c||i.has(c))continue;i.add(c);let u=n.getElementById(c);if(u){let h=u.getAttribute("role"),m=u.getAttribute("aria-modal")==="true";h&&ja.has(h)&&!m&&(t(u),r(u))}}}};r(e)}function Ic(e){let t=new Set;return Xa(e,n=>{e.contains(n)||t.add(n)}),Array.from(t)}function lm(e){let t=e.getAttribute("role");return!!(t&&ja.has(t))}function cm(e){return e.hasAttribute("aria-controls")&&e.getAttribute("aria-expanded")==="true"}function Pc(e){var t;return cm(e)?!0:!!((t=e.querySelector)!=null&&t.call(e,'[aria-controls][aria-expanded="true"]'))}function Cc(e){if(!e.id)return!1;let t=Ya(e),n=CSS.escape(e.id),i=`[aria-controls~="${n}"][aria-expanded="true"], [aria-controls="${n}"][aria-expanded="true"]`;return!!(t.querySelector(i)&&lm(e))}function Sc(e,t){let{type:n,quality:i=.92,background:r}=t;if(!e)throw new Error("[zag-js > getDataUrl]: Could not find the svg element");let s=ue(e),a=s.document,o=e.getBoundingClientRect(),l=e.cloneNode(!0);l.hasAttribute("viewBox")||l.setAttribute("viewBox",`0 0 ${o.width} ${o.height}`);let u=`<?xml version="1.0" standalone="no"?>\r
+`+new s.XMLSerializer().serializeToString(l),h="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(u);if(n==="image/svg+xml")return Promise.resolve(h).then(I=>(l.remove(),I));let m=s.devicePixelRatio||1,d=a.createElement("canvas"),p=new s.Image;p.src=h,d.width=o.width*m,d.height=o.height*m;let v=d.getContext("2d");return(n==="image/jpeg"||r)&&(v.fillStyle=r||"white",v.fillRect(0,0,d.width,d.height)),new Promise(I=>{p.onload=()=>{v==null||v.drawImage(p,0,0,d.width,d.height),I(d.toDataURL(n,i)),l.remove()}})}function um(){var t;let e=navigator.userAgentData;return(t=e==null?void 0:e.platform)!=null?t:navigator.platform}function dm(){let e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(({brand:t,version:n})=>`${t}/${n}`).join(" "):navigator.userAgent}function Oc(e){let{selectionStart:t,selectionEnd:n,value:i}=e.currentTarget,r=e.data;return i.slice(0,t)+(r!=null?r:"")+i.slice(n)}function vm(e){var t,n,i,r;return(r=(t=e.composedPath)==null?void 0:t.call(e))!=null?r:(i=(n=e.nativeEvent)==null?void 0:n.composedPath)==null?void 0:i.call(n)}function j(e){var n;let t=vm(e);return(n=t==null?void 0:t[0])!=null?n:e.target}function Fn(e){let t=e.currentTarget;if(!t||!t.matches("a[href], button[type='submit'], input[type='submit']"))return!1;let i=e.button===1,r=ls(e);return i||r}function rr(e){let t=e.currentTarget;if(!t)return!1;let n=t.localName;return e.altKey?n==="a"||n==="button"&&t.type==="submit"||n==="input"&&t.type==="submit":!1}function Re(e){return Yt(e).isComposing||e.keyCode===229}function ls(e){return di()?e.metaKey:e.ctrlKey}function wc(e){return e.key.length===1&&!e.ctrlKey&&!e.metaKey}function Vc(e){return e.pointerType===""&&e.isTrusted?!0:mm()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function ge(e,t={}){var a;let{dir:n="ltr",orientation:i="horizontal"}=t,r=e.key;return r=(a=bm[r])!=null?a:r,n==="rtl"&&i==="horizontal"&&r in oc&&(r=oc[r]),r}function Yt(e){var t;return(t=e.nativeEvent)!=null?t:e}function gi(e){return e.ctrlKey||e.metaKey?.1:Em.has(e.key)||e.shiftKey&&Im.has(e.key)?10:1}function je(e,t="client"){let n=ym(e)?e.touches[0]||e.changedTouches[0]:e;return{x:n[`${t}X`],y:n[`${t}Y`]}}function xc(e,t){var s;let{type:n="HTMLInputElement",property:i="value"}=t,r=ue(e)[n].prototype;return(s=Object.getOwnPropertyDescriptor(r,i))!=null?s:{}}function Pm(e){if(e.localName==="input")return"HTMLInputElement";if(e.localName==="textarea")return"HTMLTextAreaElement";if(e.localName==="select")return"HTMLSelectElement"}function Me(e,t,n="value"){var r;if(!e)return;let i=Pm(e);i&&((r=xc(e,{type:i,property:n}).set)==null||r.call(e,t)),e.setAttribute(n,t)}function sr(e,t){var i;if(!e)return;(i=xc(e,{type:"HTMLInputElement",property:"checked"}).set)==null||i.call(e,t),t?e.setAttribute("checked",""):e.removeAttribute("checked")}function Ac(e,t){let{value:n,bubbles:i=!0}=t;if(!e)return;let r=ue(e);e instanceof r.HTMLInputElement&&(Me(e,`${n}`),e.dispatchEvent(new r.Event("input",{bubbles:i})))}function pi(e,t){let{checked:n,bubbles:i=!0}=t;if(!e)return;let r=ue(e);e instanceof r.HTMLInputElement&&(sr(e,n),e.dispatchEvent(new r.Event("click",{bubbles:i})))}function Cm(e){return Sm(e)?e.form:e.closest("form")}function Sm(e){return e.matches("textarea, input, select, button")}function Tm(e,t){if(!e)return;let n=Cm(e),i=r=>{r.defaultPrevented||t()};return n==null||n.addEventListener("reset",i,{passive:!0}),()=>n==null?void 0:n.removeEventListener("reset",i)}function Om(e,t){let n=e==null?void 0:e.closest("fieldset");if(!n)return;t(n.disabled);let i=ue(n),r=new i.MutationObserver(()=>t(n.disabled));return r.observe(n,{attributes:!0,attributeFilter:["disabled"]}),()=>r.disconnect()}function wt(e,t){if(!e)return;let{onFieldsetDisabledChange:n,onFormReset:i}=t,r=[Tm(e,i),Om(e,n)];return()=>r.forEach(s=>s==null?void 0:s())}function Nc(e){let t=e.getAttribute("tabindex");return t?parseInt(t,10):NaN}function Am(e,t){if(!t)return null;if(t===!0)return e.shadowRoot||null;let n=t(e);return(n===!0?e.shadowRoot:n)||null}function Rc(e,t,n){let i=[...e],r=[...e],s=new Set,a=new Map;e.forEach((l,c)=>a.set(l,c));let o=0;for(;o<r.length;){let l=r[o++];if(!l||s.has(l))continue;s.add(l);let c=Am(l,t);if(c){let u=Array.from(c.querySelectorAll(cs)).filter(n),h=a.get(l);if(h!==void 0){let m=h+1;i.splice(m,0,...u),u.forEach((d,p)=>{a.set(d,m+p)});for(let d=m+u.length;d<i.length;d++)a.set(i[d],d)}else{let m=i.length;i.push(...u),u.forEach((d,p)=>{a.set(d,m+p)})}r.push(...u)}}return i}function Ye(e){return!le(e)||e.closest("[inert]")?!1:e.matches(cs)&&im(e)}function jt(e,t={}){if(!e)return[];let{includeContainer:n,getShadowRoot:i}=t,r=Array.from(e.querySelectorAll(cs));n&&dn(e)&&r.unshift(e);let s=[];for(let a of r)if(dn(a)){if(kc(a)&&a.contentDocument){let o=a.contentDocument.body;s.push(...jt(o,{getShadowRoot:i}));continue}s.push(a)}if(i){let a=Rc(s,i,dn);return!a.length&&n?r:a}return!s.length&&n?r:s}function dn(e){return le(e)&&e.tabIndex>0?!0:Ye(e)&&!xm(e)}function km(e,t={}){let n=jt(e,t),i=n[0]||null,r=n[n.length-1]||null;return[i,r]}function fi(e){return e.tabIndex<0&&(wm.test(e.localName)||Ot(e))&&!Vm(e)?0:e.tabIndex}function us(e){let{root:t,getInitialEl:n,filter:i,enabled:r=!0}=e;if(!r)return;let s=null;if(s||(s=typeof n=="function"?n():n),s||(s=t==null?void 0:t.querySelector("[data-autofocus],[autofocus]")),!s){let a=jt(t);s=i?a.filter(i)[0]:a[0]}return s||t||void 0}function ds(e){let t=e.currentTarget;if(!t)return!1;let[n,i]=km(t);return!(es(n)&&e.shiftKey||es(i)&&!e.shiftKey||!n&&!i)}function H(e){let t=eo.create();return t.request(e),t.cleanup}function $n(e){let t=new Set;function n(i){let r=globalThis.requestAnimationFrame(i);t.add(()=>globalThis.cancelAnimationFrame(r))}return n(()=>n(e)),function(){t.forEach(r=>r())}}function Nm(e,t,n){let i=H(()=>{e.removeEventListener(t,r,!0),n()}),r=()=>{i(),n()};return e.addEventListener(t,r,{once:!0,capture:!0}),i}function Rm(e,t){if(!e)return;let{attributes:n,callback:i}=t,r=e.ownerDocument.defaultView||window,s=new r.MutationObserver(a=>{for(let o of a)o.type==="attributes"&&o.attributeName&&n.includes(o.attributeName)&&i(o)});return s.observe(e,{attributes:!0,attributeFilter:n}),()=>s.disconnect()}function ot(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(Rm(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function Dm(e,t){let{callback:n}=t;if(!e)return;let i=e.ownerDocument.defaultView||window,r=new i.MutationObserver(n);return r.observe(e,{childList:!0,subtree:!0}),()=>r.disconnect()}function hs(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(Dm(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function mi(e){let t=()=>{let n=ue(e);e.dispatchEvent(new n.MouseEvent("click"))};fm()?Nm(e,"keyup",t):queueMicrotask(t)}function gs(e){let t=am(e);return em(t)?Le(t).body:le(t)&&Lc(t)?t:gs(t)}function Lc(e){let t=ue(e),{overflow:n,overflowX:i,overflowY:r,display:s}=t.getComputedStyle(e);return Lm.test(n+r+i)&&!Mm.has(s)}function Fm(e){return e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth}function Xt(e,t){let r=t||{},{rootEl:n}=r,i=ft(r,["rootEl"]);!e||!n||!Lc(n)||!Fm(n)||e.scrollIntoView(i)}function to(e,t){let{left:n,top:i,width:r,height:s}=t.getBoundingClientRect(),a={x:e.x-n,y:e.y-i},o={x:ac(a.x/r),y:ac(a.y/s)};function l(c={}){let{dir:u="ltr",orientation:h="horizontal",inverted:m}=c,d=typeof m=="object"?m.x:m,p=typeof m=="object"?m.y:m;return h==="horizontal"?u==="rtl"||d?1-o.x:o.x:p?1-o.y:o.y}return{offset:a,percent:o,getPercentValue:l}}function Mc(e,t){let n=e.body,i="pointerLockElement"in e||"mozPointerLockElement"in e,r=()=>!!e.pointerLockElement;function s(){t==null||t(r())}function a(l){r()&&(t==null||t(!1)),console.error("PointerLock error occurred:",l),e.exitPointerLock()}if(!i)return;try{n.requestPointerLock()}catch(l){}let o=[ee(e,"pointerlockchange",s,!1),ee(e,"pointerlockerror",a,!1)];return()=>{o.forEach(l=>l()),e.exitPointerLock()}}function $m(e={}){let{target:t,doc:n}=e,i=n!=null?n:document,r=i.documentElement;return ir()?(ci==="default"&&(qa=r.style.webkitUserSelect,r.style.webkitUserSelect="none"),ci="disabled"):t&&(Xr.set(t,t.style.userSelect),t.style.userSelect="none"),()=>no({target:t,doc:i})}function no(e={}){let{target:t,doc:n}=e,r=(n!=null?n:document).documentElement;if(ir()){if(ci!=="disabled")return;ci="restoring",setTimeout(()=>{$n(()=>{ci==="restoring"&&(r.style.webkitUserSelect==="none"&&(r.style.webkitUserSelect=qa||""),qa="",ci="default")})},300)}else if(t&&Xr.has(t)){let s=Xr.get(t);t.style.userSelect==="none"&&(t.style.userSelect=s!=null?s:""),t.getAttribute("style")===""&&t.removeAttribute("style"),Xr.delete(t)}}function io(e={}){let a=e,{defer:t,target:n}=a,i=ft(a,["defer","target"]),r=t?H:o=>o(),s=[];return s.push(r(()=>{let o=typeof n=="function"?n():n;s.push($m(y(g({},i),{target:o})))})),()=>{s.forEach(o=>o==null?void 0:o())}}function hn(e,t){let{onPointerMove:n,onPointerUp:i}=t,r=o=>{let l=je(o),c=Math.sqrt(l.x**2+l.y**2),u=o.pointerType==="touch"?10:5;if(!(c<u)){if(o.pointerType==="mouse"&&o.buttons===0){s(o);return}n({point:l,event:o})}},s=o=>{let l=je(o);i({point:l,event:o})},a=[ee(e,"pointermove",r,!1),ee(e,"pointerup",s,!1),ee(e,"pointercancel",s,!1),ee(e,"contextmenu",s,!1),io({doc:e})];return()=>{a.forEach(o=>o())}}function ps(e){let{pointerNode:t,keyboardNode:n=t,onPress:i,onPressStart:r,onPressEnd:s,isValidKey:a=w=>w.key==="Enter"}=e;if(!t)return qt;let o=ue(t),l=qt,c=qt,u=qt,h=w=>({point:je(w),event:w});function m(w){r==null||r(h(w))}function d(w){s==null||s(h(w))}let v=ee(t,"pointerdown",w=>{c();let f=ee(o,"pointerup",P=>{let V=j(P);ce(t,V)?i==null||i(h(P)):s==null||s(h(P))},{passive:!i,once:!0}),S=ee(o,"pointercancel",d,{passive:!s,once:!0});c=_a(f,S),es(n)&&w.pointerType==="mouse"&&w.preventDefault(),m(w)},{passive:!r}),I=ee(n,"focus",T);l=_a(v,I);function T(){let w=P=>{if(!a(P))return;let V=x=>{if(!a(x))return;let k=new o.PointerEvent("pointerup"),N=h(k);i==null||i(N),s==null||s(N)};c(),c=ee(n,"keyup",V);let A=new o.PointerEvent("pointerdown");m(A)},b=()=>{let P=new o.PointerEvent("pointercancel");d(P)},f=ee(n,"keydown",w),S=ee(n,"blur",b);u=_a(f,S)}return()=>{l(),c(),u()}}function Fe(e,t){var n;return Array.from((n=e==null?void 0:e.querySelectorAll(t))!=null?n:[])}function vi(e,t){var n;return(n=e==null?void 0:e.querySelector(t))!=null?n:null}function so(e,t,n=ro){return e.find(i=>n(i)===t)}function ao(e,t,n=ro){let i=so(e,t,n);return i?e.indexOf(i):-1}function yi(e,t,n=!0){let i=ao(e,t);return i=n?(i+1)%e.length:Math.min(i+1,e.length-1),e[i]}function bi(e,t,n=!0){let i=ao(e,t);return i===-1?n?e[e.length-1]:null:(i=n?(i-1+e.length)%e.length:Math.max(0,i-1),e[i])}function Hm(e){let t=new WeakMap,n,i=new WeakMap,r=o=>n||(n=new o.ResizeObserver(l=>{for(let c of l){i.set(c.target,c);let u=t.get(c.target);if(u)for(let h of u)h(c)}}),n);return{observe:(o,l)=>{let c=t.get(o)||new Set;c.add(l),t.set(o,c);let u=ue(o);return r(u).observe(o,e),()=>{let h=t.get(o);h&&(h.delete(l),h.size===0&&(t.delete(o),r(u).unobserve(o)))}},unobserve:o=>{t.delete(o),n==null||n.unobserve(o)}}}function Um(e,t,n,i=ro){let r=n?ao(e,n,i):-1,s=n?jf(e,r):e;return t.length===1&&(s=s.filter(o=>i(o)!==n)),s.find(o=>Gm(_m(o),t))}function Fc(e,t,n){let i=e.getAttribute(t),r=i!=null;return i===n?qt:(e.setAttribute(t,n),()=>{r?e.setAttribute(t,i):e.removeAttribute(t)})}function Hn(e,t){if(!e)return qt;let n=Object.keys(t).reduce((i,r)=>(i[r]=e.style.getPropertyValue(r),i),{});return qm(n,t)?qt:(Object.assign(e.style,t),()=>{Object.assign(e.style,n),e.style.length===0&&e.removeAttribute("style")})}function $c(e,t,n){if(!e)return qt;let i=e.style.getPropertyValue(t);return i===n?qt:(e.style.setProperty(t,n),()=>{e.style.setProperty(t,i),e.style.length===0&&e.removeAttribute("style")})}function qm(e,t){return Object.keys(e).every(n=>e[n]===t[n])}function Wm(e,t){let{state:n,activeId:i,key:r,timeout:s=350,itemToId:a}=t,o=n.keysSoFar+r,c=o.length>1&&Array.from(o).every(p=>p===o[0])?o[0]:o,u=e.slice(),h=Um(u,c,i,a);function m(){clearTimeout(n.timer),n.timer=-1}function d(p){n.keysSoFar=p,m(),p!==""&&(n.timer=+setTimeout(()=>{d(""),m()},s))}return d(o),h}function Km(e){return e.key.length===1&&!e.ctrlKey&&!e.metaKey}function zm(e,t,n){let{signal:i}=t;return[new Promise((a,o)=>{let l=setTimeout(()=>{o(new Error(`Timeout of ${n}ms exceeded`))},n);i.addEventListener("abort",()=>{clearTimeout(l),o(new Error("Promise aborted"))}),e.then(c=>{i.aborted||(clearTimeout(l),a(c))}).catch(c=>{i.aborted||(clearTimeout(l),o(c))})}),()=>t.abort()]}function Hc(e,t){let{timeout:n,rootNode:i}=t,r=ue(i),s=Le(i),a=new r.AbortController;return zm(new Promise(o=>{let l=e();if(l){o(l);return}let c=new r.MutationObserver(()=>{let u=e();u&&u.isConnected&&(c.disconnect(),o(u))});c.observe(s.body,{childList:!0,subtree:!0})}),a,n)}function or(e){return e==null?[]:Array.isArray(e)?e:[e]}function Ei(e,t,n={}){let{step:i=1,loop:r=!0}=n,s=t+i,a=e.length,o=a-1;return t===-1?i>0?0:o:s<0?r?o:0:s>=a?r?0:t>a?a:t:s}function _c(e,t,n={}){return e[Ei(e,t,n)]}function lr(e,t,n={}){let{step:i=1,loop:r=!0}=n;return Ei(e,t,{step:-i,loop:r})}function Gc(e,t,n={}){return e[lr(e,t,n)]}function cr(e,t){return e.reduce((n,i,r)=>{var s;return r%t===0?n.push([i]):(s=mt(n))==null||s.push(i),n},[])}function oo(e,t){return e.reduce(([n,i],r)=>(t(r)?n.push(r):i.push(r),[n,i]),[[],[]])}function Ce(e,t,...n){var r;if(e in t){let s=t[e];return Wt(s)?s(...n):s}let i=new Error(`No matching key: ${JSON.stringify(e)} in ${JSON.stringify(Object.keys(t))}`);throw(r=Error.captureStackTrace)==null||r.call(Error,i,Ce),i}function Yc(e,t=0){let n=0,i=null;return(...r)=>{let s=Date.now(),a=s-n;a>=t?(i&&(clearTimeout(i),i=null),e(...r),n=s):i||(i=setTimeout(()=>{e(...r),n=Date.now(),i=null},t-a))}}function Si(e){if(!Qi(e)||e===void 0)return e;let t=Reflect.ownKeys(e).filter(i=>typeof i=="string"),n={};for(let i of t){let r=e[i];r!==void 0&&(n[i]=Si(r))}return n}function fn(e,t){let n={};for(let i of t){let r=e[i];r!==void 0&&(n[i]=r)}return n}function uv(e,t){let n={},i={},r=new Set(t),s=Reflect.ownKeys(e);for(let a of s)r.has(a)?i[a]=e[a]:n[a]=e[a];return[i,n]}function su(e,t){let n=new ru(({now:i,deltaMs:r})=>{if(r>=t){let s=t>0?i-r%t:i;n.setStartMs(s),e({startMs:s,deltaMs:r})}});return n.start(),()=>n.stop()}function mn(e,t){let n=new ru(({deltaMs:i})=>{if(i>=t)return e(),!1});return n.start(),()=>n.stop()}function zt(...e){let t=e.length===1?e[0]:e[1];(e.length===2?e[0]:!0)&&console.warn(t)}function vs(...e){let t=e.length===1?e[0]:e[1];if(e.length===2?e[0]:!0)throw new Error(t)}function vn(e,t){if(e==null)throw new Error(t())}function yn(e,t,n){let i=[];for(let r of t)e[r]==null&&i.push(r);if(i.length>0)throw new Error(`[zag-js${n?` > ${n}`:""}] missing required props: ${i.join(", ")}`)}function au(...e){let t={};for(let n of e){if(!n)continue;for(let r in t){if(r.startsWith("on")&&typeof t[r]=="function"&&typeof n[r]=="function"){t[r]=At(n[r],t[r]);continue}if(r==="className"||r==="class"){t[r]=dv(t[r],n[r]);continue}if(r==="style"){t[r]=gv(t[r],n[r]);continue}t[r]=n[r]!==void 0?n[r]:t[r]}for(let r in n)t[r]===void 0&&(t[r]=n[r]);let i=Object.getOwnPropertySymbols(n);for(let r of i)t[r]=n[r]}return t}function Bn(e,t,n){let i=[],r;return s=>{var l;let a=e(s);return(a.length!==i.length||a.some((c,u)=>!fe(i[u],c)))&&(i=a,r=t(a,s),(l=n==null?void 0:n.onChange)==null||l.call(n,r)),r}}function Ee(){return{and:(...e)=>function(n){return e.every(i=>n.guard(i))},or:(...e)=>function(n){return e.some(i=>n.guard(i))},not:e=>function(n){return!n.guard(e)}}}function ut(){return{guards:Ee(),createMachine:e=>e,choose:e=>function({choose:n}){var i;return(i=n(e))==null?void 0:i.actions}}}function pv(e){let t=()=>{var a,o;return(o=(a=e.getRootNode)==null?void 0:a.call(e))!=null?o:document},n=()=>Le(t()),i=()=>{var a;return(a=n().defaultView)!=null?a:window},r=()=>ui(t()),s=a=>t().getElementById(a);return y(g({},e),{getRootNode:t,getDoc:n,getWin:i,getActiveElement:r,isActiveElement:es,getById:s})}function fv(e){return new Proxy({},{get(t,n){return n==="style"?i=>e({style:i}).style:e}})}function bv(){if(typeof globalThis!="undefined")return globalThis;if(typeof self!="undefined")return self;if(typeof window!="undefined")return window;if(typeof global!="undefined")return global}function ou(e,t){let n=bv();return n?(n[e]||(n[e]=t()),n[e]):t()}function ys(e={}){return Tv(e)}function ns(e,t,n){let i=Dn.get(e);ts()&&!i&&console.warn("Please use proxy object");let r,s=[],a=i[3],o=!1,c=a(u=>{if(s.push(u),n){t(s.splice(0));return}r||(r=Promise.resolve().then(()=>{r=void 0,o&&t(s.splice(0))}))});return o=!0,()=>{o=!1,c()}}function Ov(e){let t=Dn.get(e);ts()&&!t&&console.warn("Please use proxy object");let[n,i,r]=t;return r(n,i())}function Rv(e,t,n){let i=n||"default",r=Yr.get(e);r||(r=new Map,Yr.set(e,r));let s=r.get(i)||{},a=Object.keys(t),o=(v,I)=>{e.addEventListener(v.toLowerCase(),I)},l=(v,I)=>{e.removeEventListener(v.toLowerCase(),I)},c=v=>v.startsWith("on"),u=v=>!v.startsWith("on"),h=v=>o(v.substring(2),t[v]),m=v=>l(v.substring(2),t[v]),d=v=>{let I=t[v],T=s[v];if(I!==T){if(v==="class"){e.className=I!=null?I:"";return}if(yc.has(v)){e[v]=I!=null?I:"";return}if(typeof I=="boolean"&&!v.includes("aria-")){e.toggleAttribute(jr(e,v),I);return}if(v==="children"){e.innerHTML=I;return}if(I!=null){e.setAttribute(jr(e,v),I);return}e.removeAttribute(jr(e,v))}};for(let v in s)t[v]==null&&(v==="class"?e.className="":yc.has(v)?e[v]="":e.removeAttribute(jr(e,v)));return Object.keys(s).filter(c).forEach(v=>{l(v.substring(2),s[v])}),a.filter(c).forEach(h),a.filter(u).forEach(d),r.set(i,t),function(){a.filter(c).forEach(m);let I=Yr.get(e);I&&(I.delete(i),I.size===0&&Yr.delete(e))}}function is(e){var s,a;let t=(s=e().value)!=null?s:e().defaultValue;e().debug&&console.log(`[bindable > ${e().debug}] initial`,t);let n=(a=e().isEqual)!=null?a:Object.is,i=ys({value:t}),r=()=>e().value!==void 0;return{initial:t,ref:i,get(){return r()?e().value:i.value},set(o){var u,h;let l=i.value,c=Wt(o)?o(l):o;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:c,prev:l}),r()||(i.value=c),n(c,l)||(h=(u=e()).onChange)==null||h.call(u,c,l)},invoke(o,l){var c,u;(u=(c=e()).onChange)==null||u.call(c,o,l)},hash(o){var l,c,u;return(u=(c=(l=e()).hash)==null?void 0:c.call(l,o))!=null?u:String(o)}}}function Dv(e){let t={current:e};return{get(n){return t.current[n]},set(n,i){t.current[n]=i}}}function lu(e,t){if(!Qi(e)||!Qi(t))return t===void 0?e:t;let n=g({},e);for(let i of Object.keys(t)){let r=t[i],s=e[i];r!==void 0&&(Qi(s)&&Qi(r)?n[i]=lu(s,r):n[i]=r)}return n}var Wf,O,Z,Y,C,Mn,U,li,Kf,zf,Yf,Ba,ac,jf,_a,qt,rs,ss,E,X,Xf,Zf,Jf,le,nr,Qf,bc,tm,Ln,nm,st,im,rm,Ga,ja,om,Ec,os,Za,Tc,hm,Ja,gm,pm,ir,Qa,di,Xe,fm,mm,pe,hi,xe,ym,bm,oc,Em,Im,ee,kc,wm,Vm,xm,cs,ar,eo,Lm,Mm,ci,qa,Xr,ro,gn,Bm,_m,Gm,Ue,Vt,Ym,Bc,jm,un,Xm,lc,Zm,lt,mt,Jm,Ze,ct,vt,fs,yt,cc,Qm,fe,pn,Uc,qc,xt,Zr,Wt,Wc,$e,ev,Kc,tv,Qi,nv,iv,rv,Kt,lo,sv,zc,At,ur,jc,uc,Xc,av,ov,lv,cv,Wa,Ii,Zc,Jc,Qc,Pi,He,dc,Ci,eu,ms,hc,tu,nu,iu,ye,B,zr,Jr,ru,dv,hv,gc,gv,er,Ua,_,n0,mv,pc,Ka,vv,yv,fc,Qr,Ev,Iv,Pv,Cv,za,mc,ts,Dn,Sv,Tv,wv,Vv,oe,vc,xv,Av,q,Yr,yc,kv,Nv,jr,W,K,se=re(()=>{"use strict";Wf=["ltr","rtl"];O=(e,t,n)=>{let i=e.dataset[t];if(i!==void 0&&(!n||n.includes(i)))return i},Z=(e,t)=>{let n=e.dataset[t];if(typeof n=="string")return n.split(",").map(i=>i.trim()).filter(i=>i.length>0)},Y=(e,t,n)=>{let i=e.dataset[t];if(i===void 0)return;let r=Number(i);if(!Number.isNaN(r))return n&&!n.includes(r)?0:r},C=(e,t)=>{let n=t.replace(/([A-Z])/g,"-$1").toLowerCase();return e.hasAttribute(`data-${n}`)},Mn=(e,t="element")=>e!=null&&e.id?e.id:`${t}-${Math.random().toString(36).substring(2,9)}`,U=(e,t=[])=>({parts:(...n)=>{if(Kf(t))return U(e,n);throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?")},extendWith:(...n)=>U(e,[...t,...n]),omit:(...n)=>U(e,t.filter(i=>!n.includes(i))),rename:n=>U(n,t),keys:()=>t,build:()=>[...new Set(t)].reduce((n,i)=>Object.assign(n,{[i]:{selector:[`&[data-scope="${li(e)}"][data-part="${li(i)}"]`,`& [data-scope="${li(e)}"][data-part="${li(i)}"]`].join(", "),attrs:{"data-scope":li(e),"data-part":li(i)}}}),{})}),li=e=>e.replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),Kf=e=>e.length===0,zf=Object.defineProperty,Yf=(e,t,n)=>t in e?zf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ba=(e,t,n)=>Yf(e,typeof t!="symbol"?t+"":t,n);ac=e=>Math.max(0,Math.min(1,e)),jf=(e,t)=>e.map((n,i)=>e[(Math.max(t,0)+i)%e.length]),_a=(...e)=>t=>e.reduce((n,i)=>i(n),t),qt=()=>{},rs=e=>typeof e=="object"&&e!==null,ss=2147483647,E=e=>e?"":void 0,X=e=>e?"true":void 0,Xf=1,Zf=9,Jf=11,le=e=>rs(e)&&e.nodeType===Xf&&typeof e.nodeName=="string",nr=e=>rs(e)&&e.nodeType===Zf,Qf=e=>rs(e)&&e===e.window,bc=e=>le(e)?e.localName||"":"#document";tm=e=>rs(e)&&e.nodeType!==void 0,Ln=e=>tm(e)&&e.nodeType===Jf&&"host"in e,nm=e=>le(e)&&e.localName==="input",st=e=>!!(e!=null&&e.matches("a[href]")),im=e=>le(e)?e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0:!1;rm=/(textarea|select)/;Ga=new WeakMap;ja=new Set(["menu","listbox","dialog","grid","tree","region"]),om=e=>ja.has(e),Ec=e=>{var t;return((t=e.getAttribute("aria-controls"))==null?void 0:t.split(" "))||[]};os=()=>typeof document!="undefined";Za=e=>os()&&e.test(um()),Tc=e=>os()&&e.test(dm()),hm=e=>os()&&e.test(navigator.vendor),Ja=()=>os()&&!!navigator.maxTouchPoints,gm=()=>Za(/^iPhone/i),pm=()=>Za(/^iPad/i)||di()&&navigator.maxTouchPoints>1,ir=()=>gm()||pm(),Qa=()=>di()||ir(),di=()=>Za(/^Mac/i),Xe=()=>Qa()&&hm(/apple/i),fm=()=>Tc(/Firefox/i),mm=()=>Tc(/Android/i);pe=e=>e.button===0,hi=e=>e.button===2||di()&&e.ctrlKey&&e.button===0,xe=e=>e.ctrlKey||e.altKey||e.metaKey,ym=e=>"touches"in e&&e.touches.length>0,bm={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"},oc={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"};Em=new Set(["PageUp","PageDown"]),Im=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);ee=(e,t,n,i)=>{let r=typeof e=="function"?e():e;return r==null||r.addEventListener(t,n,i),()=>{r==null||r.removeEventListener(t,n,i)}};kc=e=>le(e)&&e.tagName==="IFRAME",wm=/^(audio|video|details)$/;Vm=e=>!Number.isNaN(Nc(e)),xm=e=>Nc(e)<0;cs="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type",ar=(e,t={})=>{if(!e)return[];let{includeContainer:n=!1,getShadowRoot:i}=t,r=Array.from(e.querySelectorAll(cs));(n==!0||n=="if-empty"&&r.length===0)&&le(e)&&Ye(e)&&r.unshift(e);let a=[];for(let o of r)if(Ye(o)){if(kc(o)&&o.contentDocument){let l=o.contentDocument.body;a.push(...ar(l,{getShadowRoot:i}));continue}a.push(o)}return i?Rc(a,i,Ye):a};eo=class Dc{constructor(){Ba(this,"id",null),Ba(this,"fn_cleanup"),Ba(this,"cleanup",()=>{this.cancel()})}static create(){return new Dc}request(t){this.cancel(),this.id=globalThis.requestAnimationFrame(()=>{this.id=null,this.fn_cleanup=t==null?void 0:t()})}cancel(){var t;this.id!==null&&(globalThis.cancelAnimationFrame(this.id),this.id=null),(t=this.fn_cleanup)==null||t.call(this),this.fn_cleanup=void 0}isActive(){return this.id!==null}};Lm=/auto|scroll|overlay|hidden|clip/,Mm=new Set(["inline","contents"]);ci="default",qa="",Xr=new WeakMap;ro=e=>e.id;gn=Hm({box:"border-box"}),Bm=e=>e.split("").map(t=>{let n=t.charCodeAt(0);return n>0&&n<128?t:n>=128&&n<=255?`/x${n.toString(16)}`.replace("/","\\"):""}).join("").trim(),_m=e=>{var t,n,i;return Bm((i=(n=(t=e.dataset)==null?void 0:t.valuetext)!=null?n:e.textContent)!=null?i:"")},Gm=(e,t)=>e.trim().toLowerCase().startsWith(t.toLowerCase());Ue=Object.assign(Wm,{defaultOptions:{keysSoFar:"",timer:-1},isValidEvent:Km});Vt={border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"};Ym=Object.defineProperty,Bc=e=>{throw TypeError(e)},jm=(e,t,n)=>t in e?Ym(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,un=(e,t,n)=>jm(e,typeof t!="symbol"?t+"":t,n),Xm=(e,t,n)=>t.has(e)||Bc("Cannot "+n),lc=(e,t,n)=>(Xm(e,t,"read from private field"),t.get(e)),Zm=(e,t,n)=>t.has(e)?Bc("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n);lt=e=>e[0],mt=e=>e[e.length-1],Jm=(e,t)=>e.indexOf(t)!==-1,Ze=(e,...t)=>e.concat(t),ct=(e,...t)=>e.filter(n=>!t.includes(n)),vt=e=>Array.from(new Set(e)),fs=(e,t)=>{let n=new Set(t);return e.filter(i=>!n.has(i))},yt=(e,t)=>Jm(e,t)?ct(e,t):Ze(e,t);cc=e=>(e==null?void 0:e.constructor.name)==="Array",Qm=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!fe(e[n],t[n]))return!1;return!0},fe=(e,t)=>{if(Object.is(e,t))return!0;if(e==null&&t!=null||e!=null&&t==null)return!1;if(typeof(e==null?void 0:e.isEqual)=="function"&&typeof(t==null?void 0:t.isEqual)=="function")return e.isEqual(t);if(typeof e=="function"&&typeof t=="function")return e.toString()===t.toString();if(cc(e)&&cc(t))return Qm(Array.from(e),Array.from(t));if(typeof e!="object"||typeof t!="object")return!1;let n=Object.keys(t!=null?t:Object.create(null)),i=n.length;for(let r=0;r<i;r++)if(!Reflect.has(e,n[r]))return!1;for(let r=0;r<i;r++){let s=n[r];if(!fe(e[s],t[s]))return!1}return!0},pn=e=>Array.isArray(e),Uc=e=>e===!0||e===!1,qc=e=>e!=null&&typeof e=="object",xt=e=>qc(e)&&!pn(e),Zr=e=>typeof e=="string",Wt=e=>typeof e=="function",Wc=e=>e==null,$e=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),ev=e=>Object.prototype.toString.call(e),Kc=Function.prototype.toString,tv=Kc.call(Object),Qi=e=>{if(!qc(e)||ev(e)!="[object Object]"||rv(e))return!1;let t=Object.getPrototypeOf(e);if(t===null)return!0;let n=$e(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&Kc.call(n)==tv},nv=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,iv=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,rv=e=>nv(e)||iv(e),Kt=(e,...t)=>{let n=typeof e=="function"?e(...t):e;return n!=null?n:void 0},lo=e=>e,sv=e=>e(),zc=()=>{},At=(...e)=>(...t)=>{e.forEach(function(n){n==null||n(...t)})},ur=(()=>{let e=0;return()=>(e++,e.toString(36))})();({floor:jc,abs:uc,round:Xc,min:av,max:ov,pow:lv,sign:cv}=Math),Wa=e=>Number.isNaN(e),Ii=e=>Wa(e)?0:e,Zc=(e,t)=>(e%t+t)%t,Jc=(e,t)=>Ii(e)>=t,Qc=(e,t)=>Ii(e)<=t,Pi=(e,t,n)=>{let i=Ii(e),r=t==null||i>=t,s=n==null||i<=n;return r&&s},He=(e,t,n)=>av(ov(Ii(e),t),n),dc=(e,t)=>{let n=e,i=t.toString(),r=i.indexOf("."),s=r>=0?i.length-r:0;if(s>0){let a=lv(10,s);n=Xc(n*a)/a}return n},Ci=(e,t)=>typeof t=="number"?jc(e*t+.5)/t:Xc(e),eu=(e,t,n,i)=>{let r=t!=null?Number(t):0,s=Number(n),a=(e-r)%i,o=uc(a)*2>=i?e+cv(a)*(i-uc(a)):e-a;if(o=dc(o,i),!Wa(r)&&o<r)o=r;else if(!Wa(s)&&o>s){let l=jc((s-r)/i),c=r+l*i;o=l<=0||c<r?s:c}return dc(o,i)},ms=(e,t,n)=>e[t]===n?e:[...e.slice(0,t),n,...e.slice(t+1)],hc=e=>{if(!Number.isFinite(e))return 0;let t=1,n=0;for(;Math.round(e*t)/t!==e;)t*=10,n+=1;return n},tu=(e,t,n)=>{let i=t==="+"?e+n:e-n;if(e%1!==0||n%1!==0){let r=10**Math.max(hc(e),hc(n));e=Math.round(e*r),n=Math.round(n*r),i=t==="+"?e+n:e-n,i/=r}return i},nu=(e,t)=>tu(Ii(e),"+",t),iu=(e,t)=>tu(Ii(e),"-",t),ye=e=>typeof e=="number"?`${e}px`:e;B=e=>function(n){return uv(n,e)},zr=()=>performance.now(),ru=class{constructor(e){this.onTick=e,un(this,"frameId",null),un(this,"pausedAtMs",null),un(this,"context"),un(this,"cancelFrame",()=>{this.frameId!==null&&(cancelAnimationFrame(this.frameId),this.frameId=null)}),un(this,"setStartMs",t=>{this.context.startMs=t}),un(this,"start",()=>{if(this.frameId!==null)return;let t=zr();this.pausedAtMs!==null?(this.context.startMs+=t-this.pausedAtMs,this.pausedAtMs=null):this.context.startMs=t,this.frameId=requestAnimationFrame(lc(this,Jr))}),un(this,"pause",()=>{this.frameId!==null&&(this.cancelFrame(),this.pausedAtMs=zr())}),un(this,"stop",()=>{this.frameId!==null&&(this.cancelFrame(),this.pausedAtMs=null)}),Zm(this,Jr,t=>{if(this.context.now=t,this.context.deltaMs=t-this.context.startMs,this.onTick(this.context)===!1){this.stop();return}this.frameId=requestAnimationFrame(lc(this,Jr))}),this.context={now:0,startMs:zr(),deltaMs:0}}get elapsedMs(){return this.pausedAtMs!==null?this.pausedAtMs-this.context.startMs:zr()-this.context.startMs}};Jr=new WeakMap;dv=(...e)=>e.map(t=>{var n;return(n=t==null?void 0:t.trim)==null?void 0:n.call(t)}).filter(Boolean).join(" "),hv=/((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g,gc=e=>{let t={},n;for(;n=hv.exec(e);)t[n[1]]=n[2];return t},gv=(e,t)=>{if(Zr(e)){if(Zr(t))return`${e};${t}`;e=gc(e)}else Zr(t)&&(t=gc(t));return Object.assign({},e!=null?e:{},t!=null?t:{})};er=(e=>(e.NotStarted="Not Started",e.Started="Started",e.Stopped="Stopped",e))(er||{}),Ua="__init__";_=()=>e=>Array.from(new Set(e)),n0=Symbol(),mv=Symbol(),pc=Object.getPrototypeOf,Ka=new WeakMap,vv=e=>e&&(Ka.has(e)?Ka.get(e):pc(e)===Object.prototype||pc(e)===Array.prototype),yv=e=>vv(e)&&e[mv]||null,fc=(e,t=!0)=>{Ka.set(e,t)};Qr=ou("__zag__refSet",()=>new WeakSet),Ev=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Iv=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,Pv=e=>typeof e=="object"&&e!==null&&"nodeType"in e&&typeof e.nodeName=="string",Cv=e=>Ev(e)||Iv(e)||Pv(e),za=e=>e!==null&&typeof e=="object",mc=e=>za(e)&&!Qr.has(e)&&(Array.isArray(e)||!(Symbol.iterator in e))&&!Cv(e)&&!(e instanceof WeakMap)&&!(e instanceof WeakSet)&&!(e instanceof Error)&&!(e instanceof Number)&&!(e instanceof Date)&&!(e instanceof String)&&!(e instanceof RegExp)&&!(e instanceof ArrayBuffer)&&!(e instanceof Promise)&&!(e instanceof File)&&!(e instanceof Blob)&&!(e instanceof AbortController),ts=()=>!0,Dn=ou("__zag__proxyStateMap",()=>new WeakMap),Sv=(e=Object.is,t=(o,l)=>new Proxy(o,l),n=new WeakMap,i=(o,l)=>{let c=n.get(o);if((c==null?void 0:c[0])===l)return c[1];let u=Array.isArray(o)?[]:Object.create(Object.getPrototypeOf(o));return fc(u,!0),n.set(o,[l,u]),Reflect.ownKeys(o).forEach(h=>{let m=Reflect.get(o,h);Qr.has(m)?(fc(m,!1),u[h]=m):Dn.has(m)?u[h]=Ov(m):u[h]=m}),Object.freeze(u)},r=new WeakMap,s=[1,1],a=o=>{if(!za(o))throw new Error("object required");let l=r.get(o);if(l)return l;let c=s[0],u=new Set,h=(V,A=++s[0])=>{c!==A&&(c=A,u.forEach(x=>x(V,A)))},m=s[1],d=(V=++s[1])=>(m!==V&&!u.size&&(m=V,v.forEach(([A])=>{let x=A[1](V);x>c&&(c=x)})),c),p=V=>(A,x)=>{let k=[...A];k[1]=[V,...k[1]],h(k,x)},v=new Map,I=(V,A)=>{if(ts()&&v.has(V))throw new Error("prop listener already exists");if(u.size){let x=A[3](p(V));v.set(V,[A,x])}else v.set(V,[A])},T=V=>{var x;let A=v.get(V);A&&(v.delete(V),(x=A[1])==null||x.call(A))},w=V=>(u.add(V),u.size===1&&v.forEach(([x,k],N)=>{if(ts()&&k)throw new Error("remove already exists");let D=x[3](p(N));v.set(N,[x,D])}),()=>{u.delete(V),u.size===0&&v.forEach(([x,k],N)=>{k&&(k(),v.set(N,[x]))})}),b=Array.isArray(o)?[]:Object.create(Object.getPrototypeOf(o)),S=t(b,{deleteProperty(V,A){let x=Reflect.get(V,A);T(A);let k=Reflect.deleteProperty(V,A);return k&&h(["delete",[A],x]),k},set(V,A,x,k){var te;let N=Reflect.has(V,A),D=Reflect.get(V,A,k);if(N&&(e(D,x)||r.has(x)&&e(D,r.get(x))))return!0;T(A),za(x)&&(x=yv(x)||x);let $=x;if(!((te=Object.getOwnPropertyDescriptor(V,A))!=null&&te.set)){!Dn.has(x)&&mc(x)&&($=ys(x));let J=!Qr.has($)&&Dn.get($);J&&I(A,J)}return Reflect.set(V,A,$,k),h(["set",[A],x,D]),!0}});r.set(o,S);let P=[b,d,i,w];return Dn.set(S,P),Reflect.ownKeys(o).forEach(V=>{let A=Object.getOwnPropertyDescriptor(o,V);A.get||A.set?Object.defineProperty(b,V,A):S[V]=o[V]}),S})=>[a,Dn,Qr,e,t,mc,n,i,r,s],[Tv]=Sv();wv=Object.defineProperty,Vv=(e,t,n)=>t in e?wv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,oe=(e,t,n)=>Vv(e,typeof t!="symbol"?t+"":t,n),vc={onFocus:"onFocusin",onBlur:"onFocusout",onChange:"onInput",onDoubleClick:"onDblclick",htmlFor:"for",className:"class",defaultValue:"value",defaultChecked:"checked"},xv=new Set(["viewBox","preserveAspectRatio"]),Av=e=>{let t="";for(let n in e){let i=e[n];i!=null&&(n.startsWith("--")||(n=n.replace(/[A-Z]/g,r=>`-${r.toLowerCase()}`)),t+=`${n}:${i};`)}return t},q=fv(e=>Object.entries(e).reduce((t,[n,i])=>{if(i===void 0)return t;if(n in vc&&(n=vc[n]),n==="style"&&typeof i=="object")return t.style=Av(i),t;let r=xv.has(n)?n:n.toLowerCase();return t[r]=i,t},{})),Yr=new WeakMap,yc=new Set(["value","checked","selected"]),kv=new Set(["viewBox","preserveAspectRatio","clipPath","clipRule","fillRule","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","strokeMiterlimit"]),Nv=e=>e.tagName==="svg"||e.namespaceURI==="http://www.w3.org/2000/svg",jr=(e,t)=>Nv(e)&&kv.has(t)?t:t.toLowerCase();is.cleanup=e=>{};is.ref=e=>{let t=e;return{get:()=>t,set:n=>{t=n}}};W=class{constructor(e,t={}){var h,m,d;this.machine=e,oe(this,"scope"),oe(this,"context"),oe(this,"prop"),oe(this,"state"),oe(this,"refs"),oe(this,"computed"),oe(this,"event",{type:""}),oe(this,"previousEvent",{type:""}),oe(this,"effects",new Map),oe(this,"transition",null),oe(this,"cleanups",[]),oe(this,"subscriptions",[]),oe(this,"userPropsRef"),oe(this,"getEvent",()=>y(g({},this.event),{current:()=>this.event,previous:()=>this.previousEvent})),oe(this,"getStateConfig",p=>this.machine.states[p]),oe(this,"getState",()=>y(g({},this.state),{matches:(...p)=>p.includes(this.state.get()),hasTag:p=>{var v,I;return!!((I=(v=this.getStateConfig(this.state.get()))==null?void 0:v.tags)!=null&&I.includes(p))}})),oe(this,"debug",(...p)=>{this.machine.debug&&console.log(...p)}),oe(this,"notify",()=>{this.publish()}),oe(this,"send",p=>{this.status===er.Started&&queueMicrotask(()=>{var S,P,V,A,x;if(!p)return;this.previousEvent=this.event,this.event=p,this.debug("send",p);let v=this.state.get(),I=p.type,T=(A=(P=(S=this.getStateConfig(v))==null?void 0:S.on)==null?void 0:P[I])!=null?A:(V=this.machine.on)==null?void 0:V[I],w=this.choose(T);if(!w)return;this.transition=w;let b=(x=w.target)!=null?x:v;this.debug("transition",w);let f=b!==v;f?this.state.set(b):w.reenter&&!f?this.state.invoke(v,v):this.action(w.actions)})}),oe(this,"action",p=>{let v=Wt(p)?p(this.getParams()):p;if(!v)return;let I=v.map(T=>{var b,f;let w=(f=(b=this.machine.implementations)==null?void 0:b.actions)==null?void 0:f[T];return w||zt(`[zag-js] No implementation found for action "${JSON.stringify(T)}"`),w});for(let T of I)T==null||T(this.getParams())}),oe(this,"guard",p=>{var v,I;return Wt(p)?p(this.getParams()):(I=(v=this.machine.implementations)==null?void 0:v.guards)==null?void 0:I[p](this.getParams())}),oe(this,"effect",p=>{let v=Wt(p)?p(this.getParams()):p;if(!v)return;let I=v.map(w=>{var f,S;let b=(S=(f=this.machine.implementations)==null?void 0:f.effects)==null?void 0:S[w];return b||zt(`[zag-js] No implementation found for effect "${JSON.stringify(w)}"`),b}),T=[];for(let w of I){let b=w==null?void 0:w(this.getParams());b&&T.push(b)}return()=>T.forEach(w=>w==null?void 0:w())}),oe(this,"choose",p=>or(p).find(v=>{let I=!v.guard;return Zr(v.guard)?I=!!this.guard(v.guard):Wt(v.guard)&&(I=v.guard(this.getParams())),I})),oe(this,"subscribe",p=>(this.subscriptions.push(p),()=>{let v=this.subscriptions.indexOf(p);v>-1&&this.subscriptions.splice(v,1)})),oe(this,"status",er.NotStarted),oe(this,"publish",()=>{this.callTrackers(),this.subscriptions.forEach(p=>p(this.service))}),oe(this,"trackers",[]),oe(this,"setupTrackers",()=>{var p,v;(v=(p=this.machine).watch)==null||v.call(p,this.getParams())}),oe(this,"callTrackers",()=>{this.trackers.forEach(({deps:p,fn:v})=>{let I=p.map(T=>T());fe(v.prev,I)||(v(),v.prev=I)})}),oe(this,"getParams",()=>({state:this.getState(),context:this.context,event:this.getEvent(),prop:this.prop,send:this.send,action:this.action,guard:this.guard,track:(p,v)=>{v.prev=p.map(I=>I()),this.trackers.push({deps:p,fn:v})},refs:this.refs,computed:this.computed,flush:sv,scope:this.scope,choose:this.choose})),this.userPropsRef={current:t};let{id:n,ids:i,getRootNode:r}=Kt(t);this.scope=pv({id:n,ids:i,getRootNode:r});let s=p=>{var T,w;let v=Kt(this.userPropsRef.current);return((w=(T=e.props)==null?void 0:T.call(e,{props:Si(v),scope:this.scope}))!=null?w:v)[p]};this.prop=s;let a=(h=e.context)==null?void 0:h.call(e,{prop:s,bindable:is,scope:this.scope,flush(p){queueMicrotask(p)},getContext(){return o},getComputed(){return l},getRefs(){return c},getEvent:this.getEvent.bind(this)});a&&Object.values(a).forEach(p=>{let v=ns(p.ref,()=>this.notify());this.cleanups.push(v)});let o={get(p){return a==null?void 0:a[p].get()},set(p,v){a==null||a[p].set(v)},initial(p){return a==null?void 0:a[p].initial},hash(p){let v=a==null?void 0:a[p].get();return a==null?void 0:a[p].hash(v)}};this.context=o;let l=p=>{var v,I;return(I=(v=e.computed)==null?void 0:v[p]({context:o,event:this.getEvent(),prop:s,refs:this.refs,scope:this.scope,computed:l}))!=null?I:{}};this.computed=l;let c=Dv((d=(m=e.refs)==null?void 0:m.call(e,{prop:s,context:o}))!=null?d:{});this.refs=c;let u=is(()=>({defaultValue:e.initialState({prop:s}),onChange:(p,v)=>{var T,w,b,f;if(v){let S=this.effects.get(v);S==null||S(),this.effects.delete(v)}v&&this.action((T=this.getStateConfig(v))==null?void 0:T.exit),this.action((w=this.transition)==null?void 0:w.actions);let I=this.effect((b=this.getStateConfig(p))==null?void 0:b.effects);if(I&&this.effects.set(p,I),v===Ua){this.action(e.entry);let S=this.effect(e.effects);S&&this.effects.set(Ua,S)}this.action((f=this.getStateConfig(p))==null?void 0:f.entry)}}));this.state=u,this.cleanups.push(ns(this.state.ref,()=>this.notify()))}updateProps(e){let t=this.userPropsRef.current;this.userPropsRef.current=()=>{let n=Kt(t),i=Kt(e);return lu(n,i)},this.notify()}start(){this.status=er.Started,this.debug("initializing..."),this.state.invoke(this.state.initial,Ua),this.setupTrackers()}stop(){this.effects.forEach(e=>e==null?void 0:e()),this.effects.clear(),this.transition=null,this.action(this.machine.exit),this.cleanups.forEach(e=>e()),this.cleanups=[],this.subscriptions=[],this.status=er.Stopped,this.debug("unmounting...")}get service(){return{state:this.getState(),send:this.send,context:this.context,prop:this.prop,scope:this.scope,refs:this.refs,computed:this.computed,event:this.getEvent(),getStatus:()=>this.status}}},K=class{constructor(e,t){z(this,"el");z(this,"doc");z(this,"machine");z(this,"api");z(this,"init",()=>{this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()});z(this,"destroy",()=>{this.machine.stop()});z(this,"spreadProps",(e,t)=>{Rv(e,t,this.machine.scope.id)});z(this,"updateProps",e=>{this.machine.updateProps(e)});if(!e)throw new Error("Root element not found");this.el=e,this.doc=document,this.machine=this.initMachine(t),this.api=this.initApi()}}});var cu={};he(cu,{Accordion:()=>jv});function Gv(e,t){let{send:n,context:i,prop:r,scope:s,computed:a}=e,o=i.get("focusedValue"),l=i.get("value"),c=r("multiple");function u(m){let d=m;!c&&d.length>1&&(d=[d[0]]),n({type:"VALUE.SET",value:d})}function h(m){var d;return{expanded:l.includes(m.value),focused:o===m.value,disabled:!!((d=m.disabled)!=null?d:r("disabled"))}}return{focusedValue:o,value:l,setValue:u,getItemState:h,getRootProps(){return t.element(y(g({},dr.root.attrs),{dir:r("dir"),id:bs(s),"data-orientation":r("orientation")}))},getItemProps(m){let d=h(m);return t.element(y(g({},dr.item.attrs),{dir:r("dir"),id:Mv(s,m.value),"data-state":d.expanded?"open":"closed","data-focus":E(d.focused),"data-disabled":E(d.disabled),"data-orientation":r("orientation")}))},getItemContentProps(m){let d=h(m);return t.element(y(g({},dr.itemContent.attrs),{dir:r("dir"),role:"region",id:co(s,m.value),"aria-labelledby":Es(s,m.value),hidden:!d.expanded,"data-state":d.expanded?"open":"closed","data-disabled":E(d.disabled),"data-focus":E(d.focused),"data-orientation":r("orientation")}))},getItemIndicatorProps(m){let d=h(m);return t.element(y(g({},dr.itemIndicator.attrs),{dir:r("dir"),"aria-hidden":!0,"data-state":d.expanded?"open":"closed","data-disabled":E(d.disabled),"data-focus":E(d.focused),"data-orientation":r("orientation")}))},getItemTriggerProps(m){let{value:d}=m,p=h(m);return t.button(y(g({},dr.itemTrigger.attrs),{type:"button",dir:r("dir"),id:Es(s,d),"aria-controls":co(s,d),"data-controls":co(s,d),"aria-expanded":p.expanded,disabled:p.disabled,"data-orientation":r("orientation"),"aria-disabled":p.disabled,"data-state":p.expanded?"open":"closed","data-ownedby":bs(s),onFocus(){p.disabled||n({type:"TRIGGER.FOCUS",value:d})},onBlur(){p.disabled||n({type:"TRIGGER.BLUR"})},onClick(v){p.disabled||(Xe()&&v.currentTarget.focus(),n({type:"TRIGGER.CLICK",value:d}))},onKeyDown(v){if(v.defaultPrevented||p.disabled)return;let I={ArrowDown(){a("isHorizontal")||n({type:"GOTO.NEXT",value:d})},ArrowUp(){a("isHorizontal")||n({type:"GOTO.PREV",value:d})},ArrowRight(){a("isHorizontal")&&n({type:"GOTO.NEXT",value:d})},ArrowLeft(){a("isHorizontal")&&n({type:"GOTO.PREV",value:d})},Home(){n({type:"GOTO.FIRST",value:d})},End(){n({type:"GOTO.LAST",value:d})}},T=ge(v,{dir:r("dir"),orientation:r("orientation")}),w=I[T];w&&(w(v),v.preventDefault())}}))}}}var Lv,dr,bs,Mv,co,Es,Fv,Is,$v,Hv,Bv,_v,Uv,qv,Wv,Kv,c0,zv,u0,Yv,jv,uu=re(()=>{"use strict";se();Lv=U("accordion").parts("root","item","itemTrigger","itemContent","itemIndicator"),dr=Lv.build(),bs=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`accordion:${e.id}`},Mv=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:item:${t}`},co=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemContent)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:content:${t}`},Es=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemTrigger)==null?void 0:i.call(n,t))!=null?r:`accordion:${e.id}:trigger:${t}`},Fv=e=>e.getById(bs(e)),Is=e=>{let n=`[data-controls][data-ownedby='${CSS.escape(bs(e))}']:not([disabled])`;return Fe(Fv(e),n)},$v=e=>lt(Is(e)),Hv=e=>mt(Is(e)),Bv=(e,t)=>yi(Is(e),Es(e,t)),_v=(e,t)=>bi(Is(e),Es(e,t));({and:Uv,not:qv}=Ee()),Wv={props({props:e}){return g({collapsible:!1,multiple:!1,orientation:"vertical",defaultValue:[]},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{focusedValue:t(()=>({defaultValue:null,sync:!0,onChange(n){var i;(i=e("onFocusChange"))==null||i({value:n})}})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}}))}},computed:{isHorizontal:({prop:e})=>e("orientation")==="horizontal"},on:{"VALUE.SET":{actions:["setValue"]}},states:{idle:{on:{"TRIGGER.FOCUS":{target:"focused",actions:["setFocusedValue"]}}},focused:{on:{"GOTO.NEXT":{actions:["focusNextTrigger"]},"GOTO.PREV":{actions:["focusPrevTrigger"]},"TRIGGER.CLICK":[{guard:Uv("isExpanded","canToggle"),actions:["collapse"]},{guard:qv("isExpanded"),actions:["expand"]}],"GOTO.FIRST":{actions:["focusFirstTrigger"]},"GOTO.LAST":{actions:["focusLastTrigger"]},"TRIGGER.BLUR":{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{canToggle:({prop:e})=>!!e("collapsible")||!!e("multiple"),isExpanded:({context:e,event:t})=>e.get("value").includes(t.value)},actions:{collapse({context:e,prop:t,event:n}){let i=t("multiple")?ct(e.get("value"),n.value):[];e.set("value",i)},expand({context:e,prop:t,event:n}){let i=t("multiple")?Ze(e.get("value"),n.value):[n.value];e.set("value",i)},focusFirstTrigger({scope:e}){var t;(t=$v(e))==null||t.focus()},focusLastTrigger({scope:e}){var t;(t=Hv(e))==null||t.focus()},focusNextTrigger({context:e,scope:t}){let n=e.get("focusedValue");if(!n)return;let i=Bv(t,n);i==null||i.focus()},focusPrevTrigger({context:e,scope:t}){let n=e.get("focusedValue");if(!n)return;let i=_v(t,n);i==null||i.focus()},setFocusedValue({context:e,event:t}){e.set("focusedValue",t.value)},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t}){e.set("value",t.value)},coarseValue({context:e,prop:t}){!t("multiple")&&e.get("value").length>1&&(zt("The value of accordion should be a single value when multiple is false."),e.set("value",[e.get("value")[0]]))}}}},Kv=_()(["collapsible","dir","disabled","getRootNode","id","ids","multiple","onFocusChange","onValueChange","orientation","value","defaultValue"]),c0=B(Kv),zv=_()(["value","disabled"]),u0=B(zv),Yv=class extends K{initMachine(e){return new W(Wv,e)}initApi(){return Gv(this.machine.service,q)}render(){var i;let e=(i=this.el.querySelector('[data-scope="accordion"][data-part="root"]'))!=null?i:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.getItemsList(),n=e.querySelectorAll('[data-scope="accordion"][data-part="item"]');for(let r=0;r<n.length;r++){let s=n[r],a=t[r];if(!(a!=null&&a.value))continue;let{value:o,disabled:l}=a;this.spreadProps(s,this.api.getItemProps({value:o,disabled:l}));let c=s.querySelector('[data-scope="accordion"][data-part="item-trigger"]');c&&this.spreadProps(c,this.api.getItemTriggerProps({value:o,disabled:l}));let u=s.querySelector('[data-scope="accordion"][data-part="item-indicator"]');u&&this.spreadProps(u,this.api.getItemIndicatorProps({value:o,disabled:l}));let h=s.querySelector('[data-scope="accordion"][data-part="item-content"]');h&&this.spreadProps(h,this.api.getItemContentProps({value:o,disabled:l}))}}getItemsList(){let e=this.el.getAttribute("data-items");if(!e)return[];try{return JSON.parse(e)}catch(t){return[]}}},jv={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new Yv(e,y(g({id:e.id},C(e,"controlled")?{value:Z(e,"value")}:{defaultValue:Z(e,"defaultValue")}),{collapsible:C(e,"collapsible"),multiple:C(e,"multiple"),orientation:O(e,"orientation",["horizontal","vertical"]),dir:Oe(e),onValueChange:i=>{var a,o;let r=O(e,"onValueChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(a=i.value)!=null?a:null});let s=O(e,"onValueChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(o=i.value)!=null?o:null}}))},onFocusChange:i=>{var a,o;let r=O(e,"onFocusChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(a=i.value)!=null?a:null});let s=O(e,"onFocusChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(o=i.value)!=null?o:null}}))}}));n.init(),this.accordion=n,this.onSetValue=i=>{let{value:r}=i.detail;n.api.setValue(r)},e.addEventListener("phx:accordion:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("accordion_set_value",i=>{let r=i.accordion_id;r&&!(e.id===r||e.id===`accordion:${r}`)||n.api.setValue(i.value)})),this.handlers.push(this.handleEvent("accordion_value",()=>{this.pushEvent("accordion_value_response",{value:n.api.value})})),this.handlers.push(this.handleEvent("accordion_focused_value",()=>{this.pushEvent("accordion_focused_value_response",{value:n.api.focusedValue})}))},updated(){var t,n,i,r;let e=C(this.el,"controlled");(r=this.accordion)==null||r.updateProps(y(g({id:this.el.id},e?{value:Z(this.el,"value")}:{defaultValue:(i=(n=(t=this.accordion)==null?void 0:t.api)==null?void 0:n.value)!=null?i:Z(this.el,"defaultValue")}),{collapsible:C(this.el,"collapsible"),multiple:C(this.el,"multiple"),orientation:O(this.el,"orientation",["horizontal","vertical"]),dir:Oe(this.el)}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:accordion:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.accordion)==null||e.destroy()}}});function yu(e,t,n=e.center){let i=t.x-n.x,r=t.y-n.y;return 360-(Math.atan2(i,r)*(180/Math.PI)+180)}function bn(e){let{x:t,y:n,width:i,height:r}=e,s=t+i/2,a=n+r/2;return{x:t,y:n,width:i,height:r,minX:t,minY:n,maxX:t+i,maxY:n+r,midX:s,midY:a,center:_n(s,a)}}function ey(e){let t=_n(e.minX,e.minY),n=_n(e.maxX,e.minY),i=_n(e.maxX,e.maxY),r=_n(e.minX,e.maxY);return{top:t,right:n,bottom:i,left:r}}function ty(e){if(!uo.has(e)){let t=e.ownerDocument.defaultView||window;uo.set(e,t.getComputedStyle(e))}return uo.get(e)}function po(e,t={}){return bn(ny(e,t))}function ny(e,t={}){let{excludeScrollbar:n=!1,excludeBorders:i=!1}=t,{x:r,y:s,width:a,height:o}=e.getBoundingClientRect(),l={x:r,y:s,width:a,height:o},c=ty(e),{borderLeftWidth:u,borderTopWidth:h,borderRightWidth:m,borderBottomWidth:d}=c,p=gu(u,m),v=gu(h,d);if(i&&(l.width-=p,l.height-=v,l.x+=ho(u),l.y+=ho(h)),n){let I=e.offsetWidth-e.clientWidth-p,T=e.offsetHeight-e.clientHeight-v;l.width-=I,l.height-=T}return l}function Cu(e,t={}){return bn(iy(e,t))}function iy(e,t){let{excludeScrollbar:n=!1}=t,{innerWidth:i,innerHeight:r,document:s,visualViewport:a}=e,o=(a==null?void 0:a.width)||i,l=(a==null?void 0:a.height)||r,c={x:0,y:0,width:o,height:l};if(n){let u=i-s.documentElement.clientWidth,h=r-s.documentElement.clientHeight;c.width-=u,c.height-=h}return c}function Su(e,t){let n=bn(e),{top:i,right:r,left:s,bottom:a}=ey(n),[o]=t.split("-");return{top:[s,i,r,a],right:[i,r,a,s],bottom:[i,s,a,r],left:[r,i,s,a]}[o]}function fo(e,t){let{x:n,y:i}=t,r=!1;for(let s=0,a=e.length-1;s<e.length;a=s++){let o=e[s].x,l=e[s].y,c=e[a].x,u=e[a].y;l>i!=u>i&&n<(c-o)*(i-l)/(u-l)+o&&(r=!r)}return r}function mu(e,t){let{minX:n,minY:i,maxX:r,maxY:s,midX:a,midY:o}=e,l=t.includes("w")?n:t.includes("e")?r:a,c=t.includes("n")?i:t.includes("s")?s:o;return{x:l,y:c}}function sy(e){return ry[e]}function Tu(e,t,n,i){let{scalingOriginMode:r,lockAspectRatio:s}=i,a=mu(e,n),o=sy(n),l=mu(e,o);r==="center"&&(t={x:t.x*2,y:t.y*2});let c={x:a.x+t.x,y:a.y+t.y},u={x:pu[n].x*2-1,y:pu[n].y*2-1},h={width:c.x-l.x,height:c.y-l.y},m=u.x*h.width/e.width,d=u.y*h.height/e.height,p=Ti(m)>Ti(d)?m:d,v=s?{x:p,y:p}:{x:a.x===l.x?1:m,y:a.y===l.y?1:d};switch(a.y===l.y?v.y=Ti(v.y):Ps(v.y)!==Ps(d)&&(v.y*=-1),a.x===l.x?v.x=Ti(v.x):Ps(v.x)!==Ps(m)&&(v.x*=-1),r){case"extent":return vu(e,du.scale(v.x,v.y,l),!1);case"center":return vu(e,du.scale(v.x,v.y,{x:e.midX,y:e.midY}),!1)}}function ay(e,t,n=!0){return n?{x:fu(t.x,e.x),y:fu(t.y,e.y),width:Ti(t.x-e.x),height:Ti(t.y-e.y)}:{x:e.x,y:e.y,width:t.x-e.x,height:t.y-e.y}}function vu(e,t,n=!0){let i=t.applyTo({x:e.minX,y:e.minY}),r=t.applyTo({x:e.maxX,y:e.maxY});return ay(i,r,n)}var Xv,Zv,Zt,du,hu,hr,Jv,Qv,gr,_n,go,bu,Eu,Iu,Pu,uo,ho,gu,g0,p0,pu,ry,Ps,Ti,fu,Cs=re(()=>{"use strict";Xv=Object.defineProperty,Zv=(e,t,n)=>t in e?Xv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Zt=(e,t,n)=>Zv(e,typeof t!="symbol"?t+"":t,n),du=class Ae{constructor([t,n,i,r,s,a]=[0,0,0,0,0,0]){Zt(this,"m00"),Zt(this,"m01"),Zt(this,"m02"),Zt(this,"m10"),Zt(this,"m11"),Zt(this,"m12"),Zt(this,"rotate",(...o)=>this.prepend(Ae.rotate(...o))),Zt(this,"scale",(...o)=>this.prepend(Ae.scale(...o))),Zt(this,"translate",(...o)=>this.prepend(Ae.translate(...o))),this.m00=t,this.m01=n,this.m02=i,this.m10=r,this.m11=s,this.m12=a}applyTo(t){let{x:n,y:i}=t,{m00:r,m01:s,m02:a,m10:o,m11:l,m12:c}=this;return{x:r*n+s*i+a,y:o*n+l*i+c}}prepend(t){return new Ae([this.m00*t.m00+this.m01*t.m10,this.m00*t.m01+this.m01*t.m11,this.m00*t.m02+this.m01*t.m12+this.m02,this.m10*t.m00+this.m11*t.m10,this.m10*t.m01+this.m11*t.m11,this.m10*t.m02+this.m11*t.m12+this.m12])}append(t){return new Ae([t.m00*this.m00+t.m01*this.m10,t.m00*this.m01+t.m01*this.m11,t.m00*this.m02+t.m01*this.m12+t.m02,t.m10*this.m00+t.m11*this.m10,t.m10*this.m01+t.m11*this.m11,t.m10*this.m02+t.m11*this.m12+t.m12])}get determinant(){return this.m00*this.m11-this.m01*this.m10}get isInvertible(){let t=this.determinant;return isFinite(t)&&isFinite(this.m02)&&isFinite(this.m12)&&t!==0}invert(){let t=this.determinant;return new Ae([this.m11/t,-this.m01/t,(this.m01*this.m12-this.m11*this.m02)/t,-this.m10/t,this.m00/t,(this.m10*this.m02-this.m00*this.m12)/t])}get array(){return[this.m00,this.m01,this.m02,this.m10,this.m11,this.m12,0,0,1]}get float32Array(){return new Float32Array(this.array)}static get identity(){return new Ae([1,0,0,0,1,0])}static rotate(t,n){let i=new Ae([Math.cos(t),-Math.sin(t),0,Math.sin(t),Math.cos(t),0]);return n&&(n.x!==0||n.y!==0)?Ae.multiply(Ae.translate(n.x,n.y),i,Ae.translate(-n.x,-n.y)):i}static scale(t,n=t,i={x:0,y:0}){let r=new Ae([t,0,0,0,n,0]);return i.x!==0||i.y!==0?Ae.multiply(Ae.translate(i.x,i.y),r,Ae.translate(-i.x,-i.y)):r}static translate(t,n){return new Ae([1,0,t,0,1,n])}static multiply(...[t,...n]){return t?n.reduce((i,r)=>i.prepend(r),t):Ae.identity}get a(){return this.m00}get b(){return this.m10}get c(){return this.m01}get d(){return this.m11}get tx(){return this.m02}get ty(){return this.m12}get scaleComponents(){return{x:this.a,y:this.d}}get translationComponents(){return{x:this.tx,y:this.ty}}get skewComponents(){return{x:this.c,y:this.b}}toString(){return`matrix(${this.a}, ${this.b}, ${this.c}, ${this.d}, ${this.tx}, ${this.ty})`}};hu=(e,t,n)=>Math.min(Math.max(e,t),n),hr=(e,t,n)=>{let i=hu(e.x,n.x,n.x+n.width-t.width),r=hu(e.y,n.y,n.y+n.height-t.height);return{x:i,y:r}},Jv={width:0,height:0},Qv={width:1/0,height:1/0},gr=(e,t=Jv,n=Qv)=>({width:Math.min(Math.max(e.width,t.width),n.width),height:Math.min(Math.max(e.height,t.height),n.height)}),_n=(e,t)=>({x:e,y:t}),go=(e,t)=>t?_n(e.x-t.x,e.y-t.y):e,bu=(e,t)=>_n(e.x+t.x,e.y+t.y);Eu=(e,t)=>{let n=Math.max(t.x,Math.min(e.x,t.x+t.width-e.width)),i=Math.max(t.y,Math.min(e.y,t.y+t.height-e.height));return{x:n,y:i,width:Math.min(e.width,t.width),height:Math.min(e.height,t.height)}},Iu=(e,t)=>e.width===(t==null?void 0:t.width)&&e.height===(t==null?void 0:t.height),Pu=(e,t)=>e.x===(t==null?void 0:t.x)&&e.y===(t==null?void 0:t.y),uo=new WeakMap;ho=e=>parseFloat(e.replace("px","")),gu=(...e)=>e.reduce((t,n)=>t+(n?ho(n):0),0),{min:g0,max:p0}=Math;pu={n:{x:.5,y:0},ne:{x:1,y:0},e:{x:1,y:.5},se:{x:1,y:1},s:{x:.5,y:1},sw:{x:0,y:1},w:{x:0,y:.5},nw:{x:0,y:0}},ry={n:"s",ne:"sw",e:"w",se:"nw",s:"n",sw:"ne",w:"e",nw:"se"},{sign:Ps,abs:Ti,min:fu}=Math});var Nu={};he(Nu,{AngleSlider:()=>vy});function Au(e,t,n){let i=bn(e.getBoundingClientRect()),r=yu(i,t);return n!=null?r-n:r}function ku(e){return Math.min(Math.max(e,Ss),Ts)}function hy(e,t){let n=ku(e),i=Math.ceil(n/t),r=Math.round(n/t);return i>=n/t?i*t===Ts?Ss:i*t:r*t}function wu(e,t){return eu(e,Ss,Ts,t)}function gy(e,t){let{state:n,send:i,context:r,prop:s,computed:a,scope:o}=e,l=n.matches("dragging"),c=r.get("value"),u=a("valueAsDegree"),h=s("disabled"),m=s("invalid"),d=s("readOnly"),p=a("interactive"),v=s("aria-label"),I=s("aria-labelledby");return{value:c,valueAsDegree:u,dragging:l,setValue(T){i({type:"VALUE.SET",value:T})},getRootProps(){return t.element(y(g({},Gn.root.attrs),{id:ly(o),"data-disabled":E(h),"data-invalid":E(m),"data-readonly":E(d),style:{"--value":c,"--angle":u}}))},getLabelProps(){return t.label(y(g({},Gn.label.attrs),{id:Ou(o),htmlFor:mo(o),"data-disabled":E(h),"data-invalid":E(m),"data-readonly":E(d),onClick(T){var w;p&&(T.preventDefault(),(w=vo(o))==null||w.focus())}}))},getHiddenInputProps(){return t.element({type:"hidden",value:c,name:s("name"),id:mo(o)})},getControlProps(){return t.element(y(g({},Gn.control.attrs),{role:"presentation",id:xu(o),"data-disabled":E(h),"data-invalid":E(m),"data-readonly":E(d),onPointerDown(T){if(!p||!pe(T))return;let w=je(T),b=T.currentTarget,f=vo(o),S=Yt(T).composedPath(),P=f&&S.includes(f),V=null;P&&(V=Au(b,w)-c),i({type:"CONTROL.POINTER_DOWN",point:w,angularOffset:V}),T.stopPropagation()},style:{touchAction:"none",userSelect:"none",WebkitUserSelect:"none"}}))},getThumbProps(){return t.element(y(g({},Gn.thumb.attrs),{id:Vu(o),role:"slider","aria-label":v,"aria-labelledby":I!=null?I:Ou(o),"aria-valuemax":360,"aria-valuemin":0,"aria-valuenow":c,tabIndex:d||p?0:void 0,"data-disabled":E(h),"data-invalid":E(m),"data-readonly":E(d),onFocus(){i({type:"THUMB.FOCUS"})},onBlur(){i({type:"THUMB.BLUR"})},onKeyDown(T){if(!p)return;let w=gi(T)*s("step");switch(T.key){case"ArrowLeft":case"ArrowUp":T.preventDefault(),i({type:"THUMB.ARROW_DEC",step:w});break;case"ArrowRight":case"ArrowDown":T.preventDefault(),i({type:"THUMB.ARROW_INC",step:w});break;case"Home":T.preventDefault(),i({type:"THUMB.HOME"});break;case"End":T.preventDefault(),i({type:"THUMB.END"});break}},style:{rotate:"var(--angle)"}}))},getValueTextProps(){return t.element(y(g({},Gn.valueText.attrs),{id:cy(o)}))},getMarkerGroupProps(){return t.element(g({},Gn.markerGroup.attrs))},getMarkerProps(T){let w;return T.value<c?w="under-value":T.value>c?w="over-value":w="at-value",t.element(y(g({},Gn.marker.attrs),{"data-value":T.value,"data-state":w,"data-disabled":E(h),style:{"--marker-value":T.value,rotate:"calc(var(--marker-value) * 1deg)"}}))}}}var oy,Gn,ly,Vu,mo,xu,cy,Ou,uy,dy,vo,Ss,Ts,py,fy,y0,my,vy,Ru=re(()=>{"use strict";Cs();se();oy=U("angle-slider").parts("root","label","thumb","valueText","control","track","markerGroup","marker"),Gn=oy.build(),ly=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`angle-slider:${e.id}`},Vu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.thumb)!=null?n:`angle-slider:${e.id}:thumb`},mo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`angle-slider:${e.id}:input`},xu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`angle-slider:${e.id}:control`},cy=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.valueText)!=null?n:`angle-slider:${e.id}:value-text`},Ou=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`angle-slider:${e.id}:label`},uy=e=>e.getById(mo(e)),dy=e=>e.getById(xu(e)),vo=e=>e.getById(Vu(e)),Ss=0,Ts=359;py={props({props:e}){return g({step:1,defaultValue:0},e)},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n,valueAsDegree:`${n}deg`})}}))}},refs(){return{thumbDragOffset:null}},computed:{interactive:({prop:e})=>!(e("disabled")||e("readOnly")),valueAsDegree:({context:e})=>`${e.get("value")}deg`},watch({track:e,context:t,action:n}){e([()=>t.get("value")],()=>{n(["syncInputElement"])})},initialState(){return"idle"},on:{"VALUE.SET":{actions:["setValue"]}},states:{idle:{on:{"CONTROL.POINTER_DOWN":{target:"dragging",actions:["setThumbDragOffset","setPointerValue","focusThumb"]},"THUMB.FOCUS":{target:"focused"}}},focused:{on:{"CONTROL.POINTER_DOWN":{target:"dragging",actions:["setThumbDragOffset","setPointerValue","focusThumb"]},"THUMB.ARROW_DEC":{actions:["decrementValue","invokeOnChangeEnd"]},"THUMB.ARROW_INC":{actions:["incrementValue","invokeOnChangeEnd"]},"THUMB.HOME":{actions:["setValueToMin","invokeOnChangeEnd"]},"THUMB.END":{actions:["setValueToMax","invokeOnChangeEnd"]},"THUMB.BLUR":{target:"idle"}}},dragging:{entry:["focusThumb"],effects:["trackPointerMove"],on:{"DOC.POINTER_UP":{target:"focused",actions:["invokeOnChangeEnd","clearThumbDragOffset"]},"DOC.POINTER_MOVE":{actions:["setPointerValue"]}}}},implementations:{effects:{trackPointerMove({scope:e,send:t}){return hn(e.getDoc(),{onPointerMove(n){t({type:"DOC.POINTER_MOVE",point:n.point})},onPointerUp(){t({type:"DOC.POINTER_UP"})}})}},actions:{syncInputElement({scope:e,context:t}){let n=uy(e);Me(n,t.get("value").toString())},invokeOnChangeEnd({context:e,prop:t,computed:n}){var i;(i=t("onValueChangeEnd"))==null||i({value:e.get("value"),valueAsDegree:n("valueAsDegree")})},setPointerValue({scope:e,event:t,context:n,prop:i,refs:r}){let s=dy(e);if(!s)return;let a=r.get("thumbDragOffset"),o=Au(s,t.point,a);n.set("value",hy(o,i("step")))},setValueToMin({context:e}){e.set("value",Ss)},setValueToMax({context:e}){e.set("value",Ts)},setValue({context:e,event:t}){e.set("value",ku(t.value))},decrementValue({context:e,event:t,prop:n}){var r;let i=wu(e.get("value")-t.step,(r=t.step)!=null?r:n("step"));e.set("value",i)},incrementValue({context:e,event:t,prop:n}){var r;let i=wu(e.get("value")+t.step,(r=t.step)!=null?r:n("step"));e.set("value",i)},focusThumb({scope:e}){H(()=>{var t;(t=vo(e))==null||t.focus({preventScroll:!0})})},setThumbDragOffset({refs:e,event:t}){var n;e.set("thumbDragOffset",(n=t.angularOffset)!=null?n:null)},clearThumbDragOffset({refs:e}){e.set("thumbDragOffset",null)}}}},fy=_()(["aria-label","aria-labelledby","dir","disabled","getRootNode","id","ids","invalid","name","onValueChange","onValueChangeEnd","readOnly","step","value","defaultValue"]),y0=B(fy),my=class extends K{initMachine(e){return new W(py,e)}initApi(){return gy(this.machine.service,q)}render(){var o;let e=(o=this.el.querySelector('[data-scope="angle-slider"][data-part="root"]'))!=null?o:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="angle-slider"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=this.el.querySelector('[data-scope="angle-slider"][data-part="hidden-input"]');n&&this.spreadProps(n,this.api.getHiddenInputProps());let i=this.el.querySelector('[data-scope="angle-slider"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=this.el.querySelector('[data-scope="angle-slider"][data-part="thumb"]');r&&this.spreadProps(r,this.api.getThumbProps());let s=this.el.querySelector('[data-scope="angle-slider"][data-part="value-text"]');if(s){this.spreadProps(s,this.api.getValueTextProps());let l=s.querySelector('[data-scope="angle-slider"][data-part="value"]');l&&l.textContent!==String(this.api.value)&&(l.textContent=String(this.api.value))}let a=this.el.querySelector('[data-scope="angle-slider"][data-part="marker-group"]');a&&this.spreadProps(a,this.api.getMarkerGroupProps()),this.el.querySelectorAll('[data-scope="angle-slider"][data-part="marker"]').forEach(l=>{let c=l.dataset.value;if(c==null)return;let u=Number(c);Number.isNaN(u)||this.spreadProps(l,this.api.getMarkerProps({value:u}))})}},vy={mounted(){var a;let e=this.el,t=Y(e,"value"),n=Y(e,"defaultValue"),i=C(e,"controlled"),r=!1,s=new my(e,y(g({id:e.id},i&&t!==void 0?{value:t}:{defaultValue:n!=null?n:0}),{step:(a=Y(e,"step"))!=null?a:1,disabled:C(e,"disabled"),readOnly:C(e,"readOnly"),invalid:C(e,"invalid"),name:O(e,"name"),dir:O(e,"dir",["ltr","rtl"]),onValueChange:o=>{if(r){r=!1;return}if(i)r=!0,s.api.setValue(o.value);else{let u=e.querySelector('[data-scope="angle-slider"][data-part="hidden-input"]');u&&(u.value=String(o.value),u.dispatchEvent(new Event("input",{bubbles:!0})),u.dispatchEvent(new Event("change",{bubbles:!0})))}let l=O(e,"onValueChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(l,{value:o.value,valueAsDegree:o.valueAsDegree,id:e.id});let c=O(e,"onValueChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:!0,detail:{value:o,id:e.id}}))},onValueChangeEnd:o=>{if(i){let u=e.querySelector('[data-scope="angle-slider"][data-part="hidden-input"]');u&&(u.value=String(o.value),u.dispatchEvent(new Event("input",{bubbles:!0})),u.dispatchEvent(new Event("change",{bubbles:!0})))}let l=O(e,"onValueChangeEnd");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(l,{value:o.value,valueAsDegree:o.valueAsDegree,id:e.id});let c=O(e,"onValueChangeEndClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:!0,detail:{value:o,id:e.id}}))}}));s.init(),this.angleSlider=s,this.handlers=[],this.onSetValue=o=>{let{value:l}=o.detail;s.api.setValue(l)},e.addEventListener("phx:angle-slider:set-value",this.onSetValue),this.handlers.push(this.handleEvent("angle_slider_set_value",o=>{let l=o.angle_slider_id;l&&!(e.id===l||e.id===`angle-slider:${l}`)||s.api.setValue(o.value)})),this.handlers.push(this.handleEvent("angle_slider_value",()=>{this.pushEvent("angle_slider_value_response",{value:s.api.value,valueAsDegree:s.api.valueAsDegree,dragging:s.api.dragging})}))},updated(){var n,i;let e=Y(this.el,"value"),t=C(this.el,"controlled");(i=this.angleSlider)==null||i.updateProps(y(g({id:this.el.id},t&&e!==void 0?{value:e}:{}),{step:(n=Y(this.el,"step"))!=null?n:1,disabled:C(this.el,"disabled"),readOnly:C(this.el,"readOnly"),invalid:C(this.el,"invalid"),name:O(this.el,"name")}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:angle-slider:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.angleSlider)==null||e.destroy()}}});var Mu={};he(Mu,{Avatar:()=>Oy});function Iy(e,t){let{state:n,send:i,prop:r,scope:s}=e,a=n.matches("loaded");return{loaded:a,setSrc(o){let l=bo(s);l==null||l.setAttribute("src",o)},setLoaded(){i({type:"img.loaded",src:"api"})},setError(){i({type:"img.error",src:"api"})},getRootProps(){return t.element(y(g({},yo.root.attrs),{dir:r("dir"),id:Du(s)}))},getImageProps(){return t.img(y(g({},yo.image.attrs),{hidden:!a,dir:r("dir"),id:Lu(s),"data-state":a?"visible":"hidden",onLoad(){i({type:"img.loaded",src:"element"})},onError(){i({type:"img.error",src:"element"})}}))},getFallbackProps(){return t.element(y(g({},yo.fallback.attrs),{dir:r("dir"),id:by(s),hidden:a,"data-state":a?"hidden":"visible"}))}}}function Cy(e){return e.complete&&e.naturalWidth!==0&&e.naturalHeight!==0}var yy,yo,Du,Lu,by,Ey,bo,Py,Sy,P0,Ty,Oy,Fu=re(()=>{"use strict";se();yy=U("avatar").parts("root","image","fallback"),yo=yy.build(),Du=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`avatar:${e.id}`},Lu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.image)!=null?n:`avatar:${e.id}:image`},by=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.fallback)!=null?n:`avatar:${e.id}:fallback`},Ey=e=>e.getById(Du(e)),bo=e=>e.getById(Lu(e));Py={initialState(){return"loading"},effects:["trackImageRemoval","trackSrcChange"],on:{"src.change":{target:"loading"},"img.unmount":{target:"error"}},states:{loading:{entry:["checkImageStatus"],on:{"img.loaded":{target:"loaded",actions:["invokeOnLoad"]},"img.error":{target:"error",actions:["invokeOnError"]}}},error:{on:{"img.loaded":{target:"loaded",actions:["invokeOnLoad"]}}},loaded:{on:{"img.error":{target:"error",actions:["invokeOnError"]}}}},implementations:{actions:{invokeOnLoad({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"loaded"})},invokeOnError({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"error"})},checkImageStatus({send:e,scope:t}){let n=bo(t);if(!(n!=null&&n.complete))return;let i=Cy(n)?"img.loaded":"img.error";e({type:i,src:"ssr"})}},effects:{trackImageRemoval({send:e,scope:t}){let n=Ey(t);return hs(n,{callback(i){Array.from(i[0].removedNodes).find(a=>a.nodeType===Node.ELEMENT_NODE&&a.matches("[data-scope=avatar][data-part=image]"))&&e({type:"img.unmount"})}})},trackSrcChange({send:e,scope:t}){let n=bo(t);return ot(n,{attributes:["src","srcset"],callback(){e({type:"src.change"})}})}}}};Sy=_()(["dir","id","ids","onStatusChange","getRootNode"]),P0=B(Sy),Ty=class extends K{initMachine(e){return new W(Py,e)}initApi(){return Iy(this.machine.service,q)}render(){var r;let e=(r=this.el.querySelector('[data-scope="avatar"][data-part="root"]'))!=null?r:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="avatar"][data-part="image"]');t&&this.spreadProps(t,this.api.getImageProps());let n=this.el.querySelector('[data-scope="avatar"][data-part="fallback"]');n&&this.spreadProps(n,this.api.getFallbackProps());let i=this.el.querySelector('[data-scope="avatar"][data-part="skeleton"]');if(i){let s=this.machine.service.state,a=s.matches("loaded"),o=s.matches("error");i.hidden=a||o,i.setAttribute("data-state",a||o?"hidden":"visible")}}},Oy={mounted(){let e=this.el,t=O(e,"src"),n=new Ty(e,g({id:e.id,onStatusChange:i=>{let r=O(e,"onStatusChange");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(r,{status:i.status,id:e.id});let s=O(e,"onStatusChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{value:i,id:e.id}}))}},t!==void 0?{}:{}));n.init(),this.avatar=n,t!==void 0&&n.api.setSrc(t),this.handlers=[]},updated(){let e=O(this.el,"src");e!==void 0&&this.avatar&&this.avatar.api.setSrc(e)},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.avatar)==null||e.destroy()}}});var qu={};he(qu,{Carousel:()=>qy});function Bu(e){let t=at(e),n=e.getBoundingClientRect(),i=t.getPropertyValue("scroll-padding-left").replace("auto","0px"),r=t.getPropertyValue("scroll-padding-top").replace("auto","0px"),s=t.getPropertyValue("scroll-padding-right").replace("auto","0px"),a=t.getPropertyValue("scroll-padding-bottom").replace("auto","0px");function o(m,d){let p=parseFloat(m);return/%/.test(m)&&(p/=100,p*=d),Number.isNaN(p)?0:p}let l=o(i,n.width),c=o(r,n.height),u=o(s,n.width),h=o(a,n.height);return{x:{before:l,after:u},y:{before:c,after:h}}}function wy(e,t,n="both"){return n==="x"&&e.right>=t.left&&e.left<=t.right||n==="y"&&e.bottom>=t.top&&e.top<=t.bottom||n==="both"&&e.right>=t.left&&e.left<=t.right&&e.bottom>=t.top&&e.top<=t.bottom}function _u(e){let t=[];for(let n of e.children)t=t.concat(n,_u(n));return t}function Gu(e,t=!1){let n=e.getBoundingClientRect(),r=Po(e)==="rtl",s={x:{start:[],center:[],end:[]},y:{start:[],center:[],end:[]}},a=t?_u(e):e.children;for(let o of["x","y"]){let l=o==="x"?"y":"x",c=o==="x"?"left":"top",u=o==="x"?"right":"bottom",h=o==="x"?"width":"height",m=o==="x"?"scrollLeft":"scrollTop",d=r&&o==="x";for(let p of a){let v=p.getBoundingClientRect();if(!wy(n,v,l))continue;let I=at(p),[T,w]=I.getPropertyValue("scroll-snap-align").split(" ");typeof w=="undefined"&&(w=T);let b=o==="x"?w:T,f,S,P;if(d){let V=Math.abs(e[m]),A=n[u]-v[u]+V;f=A,S=A+v[h],P=A+v[h]/2}else f=v[c]-n[c]+e[m],S=f+v[h],P=f+v[h]/2;switch(b){case"none":break;case"start":s[o].start.push({node:p,position:f});break;case"center":s[o].center.push({node:p,position:P});break;case"end":s[o].end.push({node:p,position:S});break}}}return s}function Vy(e){let t=Po(e),n=e.getBoundingClientRect(),i=Bu(e),r=Gu(e),s={x:e.scrollWidth-e.offsetWidth,y:e.scrollHeight-e.offsetHeight},a=t==="rtl",o=a&&e.scrollLeft<=0,l;return a?(l=Eo([...r.x.start.map(c=>c.position-i.x.after),...r.x.center.map(c=>c.position-n.width/2),...r.x.end.map(c=>c.position-n.width+i.x.before)].map(Io(0,s.x))),o&&(l=l.map(c=>-c))):l=Eo([...r.x.start.map(c=>c.position-i.x.before),...r.x.center.map(c=>c.position-n.width/2),...r.x.end.map(c=>c.position-n.width+i.x.after)].map(Io(0,s.x))),{x:l,y:Eo([...r.y.start.map(c=>c.position-i.y.before),...r.y.center.map(c=>c.position-n.height/2),...r.y.end.map(c=>c.position-n.height+i.y.after)].map(Io(0,s.y)))}}function xy(e,t,n){let i=Po(e),r=Bu(e),s=Gu(e),a=[...s[t].start,...s[t].center,...s[t].end],o=i==="rtl",l=o&&t==="x"&&e.scrollLeft<=0;for(let c of a)if(n(c.node)){let u;return t==="x"&&o?(u=c.position-r.x.after,l&&(u=-u)):u=c.position-(t==="x"?r.x.before:r.y.before),u}}function Fy(e,t){let{state:n,context:i,computed:r,send:s,scope:a,prop:o}=e,l=n.matches("autoplay"),c=n.matches("dragging"),u=r("canScrollNext"),h=r("canScrollPrev"),m=r("isHorizontal"),d=o("autoSize"),p=Array.from(i.get("pageSnapPoints")),v=i.get("page"),I=o("slidesPerPage"),T=o("padding"),w=o("translations");return{isPlaying:l,isDragging:c,page:v,pageSnapPoints:p,canScrollNext:u,canScrollPrev:h,getProgress(){return v/p.length},getProgressText(){var f,S;let b={page:v+1,totalPages:p.length};return(S=(f=w.progressText)==null?void 0:f.call(w,b))!=null?S:""},scrollToIndex(b,f){s({type:"INDEX.SET",index:b,instant:f})},scrollTo(b,f){s({type:"PAGE.SET",index:b,instant:f})},scrollNext(b){s({type:"PAGE.NEXT",instant:b})},scrollPrev(b){s({type:"PAGE.PREV",instant:b})},play(){s({type:"AUTOPLAY.START"})},pause(){s({type:"AUTOPLAY.PAUSE"})},isInView(b){return Array.from(i.get("slidesInView")).includes(b)},refresh(){s({type:"SNAP.REFRESH"})},getRootProps(){return t.element(y(g({},kt.root.attrs),{id:ky(a),role:"region","aria-roledescription":"carousel","data-orientation":o("orientation"),dir:o("dir"),style:{"--slides-per-page":I,"--slide-spacing":o("spacing"),"--slide-item-size":d?"auto":"calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))"}}))},getItemGroupProps(){return t.element(y(g({},kt.itemGroup.attrs),{id:Os(a),"data-orientation":o("orientation"),"data-dragging":E(c),dir:o("dir"),"aria-live":l?"off":"polite",onFocus(b){ce(b.currentTarget,j(b))&&s({type:"VIEWPORT.FOCUS"})},onBlur(b){ce(b.currentTarget,b.relatedTarget)||s({type:"VIEWPORT.BLUR"})},onMouseDown(b){if(b.defaultPrevented||!o("allowMouseDrag")||!pe(b))return;let f=j(b);Ye(f)&&f!==b.currentTarget||(b.preventDefault(),s({type:"DRAGGING.START"}))},onWheel:Yc(b=>{let f=o("orientation")==="horizontal"?"deltaX":"deltaY";b[f]<0&&!r("canScrollPrev")||b[f]>0&&!r("canScrollNext")||s({type:"USER.SCROLL"})},150),onTouchStart(){s({type:"USER.SCROLL"})},style:{display:d?"flex":"grid",gap:"var(--slide-spacing)",scrollSnapType:[m?"x":"y",o("snapType")].join(" "),gridAutoFlow:m?"column":"row",scrollbarWidth:"none",overscrollBehaviorX:"contain",[m?"gridAutoColumns":"gridAutoRows"]:d?void 0:"var(--slide-item-size)",[m?"scrollPaddingInline":"scrollPaddingBlock"]:T,[m?"paddingInline":"paddingBlock"]:T,[m?"overflowX":"overflowY"]:"auto"}}))},getItemProps(b){let f=i.get("slidesInView").includes(b.index);return t.element(y(g({},kt.item.attrs),{id:Ny(a,b.index),dir:o("dir"),role:"group","data-index":b.index,"data-inview":E(f),"aria-roledescription":"slide","data-orientation":o("orientation"),"aria-label":w.item(b.index,o("slideCount")),"aria-hidden":X(!f),style:{flex:"0 0 auto",[m?"maxWidth":"maxHeight"]:"100%",scrollSnapAlign:(()=>{var x;let S=(x=b.snapAlign)!=null?x:"start",P=o("slidesPerMove"),V=P==="auto"?Math.floor(o("slidesPerPage")):P;return(b.index+V)%V===0?S:void 0})()}}))},getControlProps(){return t.element(y(g({},kt.control.attrs),{"data-orientation":o("orientation")}))},getPrevTriggerProps(){return t.button(y(g({},kt.prevTrigger.attrs),{id:Dy(a),type:"button",disabled:!h,dir:o("dir"),"aria-label":w.prevTrigger,"data-orientation":o("orientation"),"aria-controls":Os(a),onClick(b){b.defaultPrevented||s({type:"PAGE.PREV",src:"trigger"})}}))},getNextTriggerProps(){return t.button(y(g({},kt.nextTrigger.attrs),{dir:o("dir"),id:Ry(a),type:"button","aria-label":w.nextTrigger,"data-orientation":o("orientation"),"aria-controls":Os(a),disabled:!u,onClick(b){b.defaultPrevented||s({type:"PAGE.NEXT",src:"trigger"})}}))},getIndicatorGroupProps(){return t.element(y(g({},kt.indicatorGroup.attrs),{dir:o("dir"),id:Ly(a),"data-orientation":o("orientation"),onKeyDown(b){if(b.defaultPrevented)return;let f="indicator",S={ArrowDown(A){m||(s({type:"PAGE.NEXT",src:f}),A.preventDefault())},ArrowUp(A){m||(s({type:"PAGE.PREV",src:f}),A.preventDefault())},ArrowRight(A){m&&(s({type:"PAGE.NEXT",src:f}),A.preventDefault())},ArrowLeft(A){m&&(s({type:"PAGE.PREV",src:f}),A.preventDefault())},Home(A){s({type:"PAGE.SET",index:0,src:f}),A.preventDefault()},End(A){s({type:"PAGE.SET",index:p.length-1,src:f}),A.preventDefault()}},P=ge(b,{dir:o("dir"),orientation:o("orientation")}),V=S[P];V==null||V(b)}}))},getIndicatorProps(b){return t.button(y(g({},kt.indicator.attrs),{dir:o("dir"),id:Uu(a,b.index),type:"button","data-orientation":o("orientation"),"data-index":b.index,"data-readonly":E(b.readOnly),"data-current":E(b.index===v),"aria-label":w.indicator(b.index),onClick(f){f.defaultPrevented||b.readOnly||s({type:"PAGE.SET",index:b.index,src:"indicator"})}}))},getAutoplayTriggerProps(){return t.button(y(g({},kt.autoplayTrigger.attrs),{type:"button","data-orientation":o("orientation"),"data-pressed":E(l),"aria-label":l?w.autoplayStop:w.autoplayStart,onClick(b){b.defaultPrevented||s({type:l?"AUTOPLAY.PAUSE":"AUTOPLAY.START"})}}))},getProgressTextProps(){return t.element(g({},kt.progressText.attrs))}}}function Hy(e,t,n){if(e==null||n<=0)return[];let i=[],r=t==="auto"?Math.floor(n):t;if(r<=0)return[];for(let s=0;s<e&&!(s+n>e);s+=r)i.push(s);return i}var Po,Eo,Io,Ay,kt,ky,Ny,Os,Ry,Dy,Ly,Uu,qe,$u,My,Hu,$y,By,O0,_y,w0,Gy,V0,Uy,qy,Wu=re(()=>{"use strict";se();Po=e=>at(e).direction;Eo=e=>[...new Set(e)],Io=(e,t)=>n=>Math.max(e,Math.min(t,n)),Ay=U("carousel").parts("root","itemGroup","item","control","nextTrigger","prevTrigger","indicatorGroup","indicator","autoplayTrigger","progressText"),kt=Ay.build(),ky=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`carousel:${e.id}`},Ny=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`carousel:${e.id}:item:${t}`},Os=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.itemGroup)!=null?n:`carousel:${e.id}:item-group`},Ry=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.nextTrigger)!=null?n:`carousel:${e.id}:next-trigger`},Dy=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.prevTrigger)!=null?n:`carousel:${e.id}:prev-trigger`},Ly=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.indicatorGroup)!=null?n:`carousel:${e.id}:indicator-group`},Uu=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.indicator)==null?void 0:i.call(n,t))!=null?r:`carousel:${e.id}:indicator:${t}`},qe=e=>e.getById(Os(e)),$u=e=>Fe(qe(e),"[data-part=item]"),My=(e,t)=>e.getById(Uu(e,t)),Hu=e=>{let t=qe(e);if(!t)return;let n=jt(t);t.setAttribute("tabindex",n.length>0?"-1":"0")};$y={props({props:e}){return yn(e,["slideCount"],"carousel"),y(g({dir:"ltr",defaultPage:0,orientation:"horizontal",snapType:"mandatory",loop:!!e.autoplay,slidesPerPage:1,slidesPerMove:"auto",spacing:"0px",autoplay:!1,allowMouseDrag:!1,inViewThreshold:.6,autoSize:!1},e),{translations:g({nextTrigger:"Next slide",prevTrigger:"Previous slide",indicator:t=>`Go to slide ${t+1}`,item:(t,n)=>`${t+1} of ${n}`,autoplayStart:"Start slide rotation",autoplayStop:"Stop slide rotation",progressText:({page:t,totalPages:n})=>`${t} / ${n}`},e.translations)})},refs(){return{timeoutRef:void 0}},initialState({prop:e}){return e("autoplay")?"autoplay":"idle"},context({prop:e,bindable:t,getContext:n}){return{page:t(()=>({defaultValue:e("defaultPage"),value:e("page"),onChange(i){var a;let s=n().get("pageSnapPoints");(a=e("onPageChange"))==null||a({page:i,pageSnapPoint:s[i]})}})),pageSnapPoints:t(()=>({defaultValue:e("autoSize")?Array.from({length:e("slideCount")},(i,r)=>r):Hy(e("slideCount"),e("slidesPerMove"),e("slidesPerPage"))})),slidesInView:t(()=>({defaultValue:[]}))}},computed:{isRtl:({prop:e})=>e("dir")==="rtl",isHorizontal:({prop:e})=>e("orientation")==="horizontal",canScrollNext:({prop:e,context:t})=>e("loop")||t.get("page")<t.get("pageSnapPoints").length-1,canScrollPrev:({prop:e,context:t})=>e("loop")||t.get("page")>0,autoplayInterval:({prop:e})=>{let t=e("autoplay");return xt(t)?t.delay:4e3}},watch({track:e,action:t,context:n,prop:i,send:r}){e([()=>i("slidesPerPage"),()=>i("slidesPerMove")],()=>{t(["setSnapPoints"])}),e([()=>n.get("page")],()=>{t(["scrollToPage","focusIndicatorEl"])}),e([()=>i("orientation"),()=>i("autoSize"),()=>i("dir")],()=>{t(["setSnapPoints","scrollToPage"])}),e([()=>i("slideCount")],()=>{r({type:"SNAP.REFRESH",src:"slide.count"})}),e([()=>!!i("autoplay")],()=>{r({type:i("autoplay")?"AUTOPLAY.START":"AUTOPLAY.PAUSE",src:"autoplay.prop.change"})})},on:{"PAGE.NEXT":{target:"idle",actions:["clearScrollEndTimer","setNextPage"]},"PAGE.PREV":{target:"idle",actions:["clearScrollEndTimer","setPrevPage"]},"PAGE.SET":{target:"idle",actions:["clearScrollEndTimer","setPage"]},"INDEX.SET":{target:"idle",actions:["clearScrollEndTimer","setMatchingPage"]},"SNAP.REFRESH":{actions:["setSnapPoints","clampPage"]},"PAGE.SCROLL":{actions:["scrollToPage"]}},effects:["trackSlideMutation","trackSlideIntersections","trackSlideResize"],entry:["setSnapPoints","setPage"],exit:["clearScrollEndTimer"],states:{idle:{on:{"DRAGGING.START":{target:"dragging",actions:["invokeDragStart"]},"AUTOPLAY.START":{target:"autoplay",actions:["invokeAutoplayStart"]},"USER.SCROLL":{target:"userScroll"},"VIEWPORT.FOCUS":{target:"focus"}}},focus:{effects:["trackKeyboardScroll"],on:{"VIEWPORT.BLUR":{target:"idle"},"PAGE.NEXT":{actions:["clearScrollEndTimer","setNextPage"]},"PAGE.PREV":{actions:["clearScrollEndTimer","setPrevPage"]},"PAGE.SET":{actions:["clearScrollEndTimer","setPage"]},"INDEX.SET":{actions:["clearScrollEndTimer","setMatchingPage"]},"USER.SCROLL":{target:"userScroll"}}},dragging:{effects:["trackPointerMove"],entry:["disableScrollSnap"],on:{DRAGGING:{actions:["scrollSlides","invokeDragging"]},"DRAGGING.END":{target:"idle",actions:["endDragging","invokeDraggingEnd"]}}},userScroll:{effects:["trackScroll"],on:{"DRAGGING.START":{target:"dragging",actions:["invokeDragStart"]},"SCROLL.END":[{guard:"isFocused",target:"focus",actions:["setClosestPage"]},{target:"idle",actions:["setClosestPage"]}]}},autoplay:{effects:["trackDocumentVisibility","trackScroll","autoUpdateSlide"],exit:["invokeAutoplayEnd"],on:{"AUTOPLAY.TICK":{actions:["setNextPage","invokeAutoplay"]},"DRAGGING.START":{target:"dragging",actions:["invokeDragStart"]},"AUTOPLAY.PAUSE":{target:"idle"}}}},implementations:{guards:{isFocused:({scope:e})=>e.isActiveElement(qe(e))},effects:{autoUpdateSlide({computed:e,send:t}){let n=setInterval(()=>{t({type:e("canScrollNext")?"AUTOPLAY.TICK":"AUTOPLAY.PAUSE",src:"autoplay.interval"})},e("autoplayInterval"));return()=>clearInterval(n)},trackSlideMutation({scope:e,send:t}){let n=qe(e);if(!n)return;let i=e.getWin(),r=new i.MutationObserver(()=>{t({type:"SNAP.REFRESH",src:"slide.mutation"}),Hu(e)});return Hu(e),r.observe(n,{childList:!0,subtree:!0}),()=>r.disconnect()},trackSlideResize({scope:e,send:t}){if(!qe(e))return;let i=()=>{t({type:"SNAP.REFRESH",src:"slide.resize"})};H(()=>{i(),H(()=>{t({type:"PAGE.SCROLL",instant:!0})})});let r=$u(e);r.forEach(i);let s=r.map(a=>gn.observe(a,i));return At(...s)},trackSlideIntersections({scope:e,prop:t,context:n}){let i=qe(e),r=e.getWin(),s=new r.IntersectionObserver(a=>{let o=a.reduce((l,c)=>{var m;let u=c.target,h=Number((m=u.dataset.index)!=null?m:"-1");return h==null||Number.isNaN(h)||h===-1?l:c.isIntersecting?Ze(l,h):ct(l,h)},n.get("slidesInView"));n.set("slidesInView",vt(o))},{root:i,threshold:t("inViewThreshold")});return $u(e).forEach(a=>s.observe(a)),()=>s.disconnect()},trackScroll({send:e,refs:t,scope:n}){let i=qe(n);return i?ee(i,"scroll",()=>{clearTimeout(t.get("timeoutRef")),t.set("timeoutRef",void 0),t.set("timeoutRef",setTimeout(()=>{e({type:"SCROLL.END"})},150))},{passive:!0}):void 0},trackDocumentVisibility({scope:e,send:t}){let n=e.getDoc();return ee(n,"visibilitychange",()=>{n.visibilityState!=="visible"&&t({type:"AUTOPLAY.PAUSE",src:"doc.hidden"})})},trackPointerMove({scope:e,send:t}){let n=e.getDoc();return hn(n,{onPointerMove({event:i}){t({type:"DRAGGING",left:-i.movementX,top:-i.movementY})},onPointerUp(){t({type:"DRAGGING.END"})}})},trackKeyboardScroll({scope:e,send:t,context:n}){let i=e.getWin();return ee(i,"keydown",s=>{switch(s.key){case"ArrowRight":s.preventDefault(),t({type:"PAGE.NEXT"});break;case"ArrowLeft":s.preventDefault(),t({type:"PAGE.PREV"});break;case"Home":s.preventDefault(),t({type:"PAGE.SET",index:0});break;case"End":s.preventDefault(),t({type:"PAGE.SET",index:n.get("pageSnapPoints").length-1})}},{capture:!0})}},actions:{clearScrollEndTimer({refs:e}){e.get("timeoutRef")!=null&&(clearTimeout(e.get("timeoutRef")),e.set("timeoutRef",void 0))},scrollToPage({context:e,event:t,scope:n,computed:i,flush:r}){var c;let s=t.instant?"instant":"smooth",a=He((c=t.index)!=null?c:e.get("page"),0,e.get("pageSnapPoints").length-1),o=qe(n);if(!o)return;let l=i("isHorizontal")?"left":"top";r(()=>{o.scrollTo({[l]:e.get("pageSnapPoints")[a],behavior:s})})},setClosestPage({context:e,scope:t,computed:n}){let i=qe(t);if(!i)return;let r=n("isHorizontal")?i.scrollLeft:i.scrollTop,s=e.get("pageSnapPoints").findIndex(a=>Math.abs(a-r)<1);s!==-1&&e.set("page",s)},setNextPage({context:e,prop:t,state:n}){let i=n.matches("autoplay")||t("loop"),r=Ei(e.get("pageSnapPoints"),e.get("page"),{loop:i});e.set("page",r)},setPrevPage({context:e,prop:t,state:n}){let i=n.matches("autoplay")||t("loop"),r=lr(e.get("pageSnapPoints"),e.get("page"),{loop:i});e.set("page",r)},setMatchingPage({context:e,event:t,computed:n,scope:i}){let r=qe(i);if(!r)return;let s=xy(r,n("isHorizontal")?"x":"y",o=>o.dataset.index===t.index.toString());if(s==null)return;let a=e.get("pageSnapPoints").findIndex(o=>Math.abs(o-s)<1);e.set("page",a)},setPage({context:e,event:t}){var i;let n=(i=t.index)!=null?i:e.get("page");e.set("page",n)},clampPage({context:e}){let t=He(e.get("page"),0,e.get("pageSnapPoints").length-1);e.set("page",t)},setSnapPoints({context:e,computed:t,scope:n}){let i=qe(n);if(!i)return;let r=Vy(i);e.set("pageSnapPoints",t("isHorizontal")?r.x:r.y)},disableScrollSnap({scope:e}){let t=qe(e);if(!t)return;let n=getComputedStyle(t);t.dataset.scrollSnapType=n.getPropertyValue("scroll-snap-type"),t.style.setProperty("scroll-snap-type","none")},scrollSlides({scope:e,event:t}){let n=qe(e);n==null||n.scrollBy({left:t.left,top:t.top,behavior:"instant"})},endDragging({scope:e,context:t,computed:n}){let i=qe(e);if(!i)return;let r=n("isHorizontal"),s=r?i.scrollLeft:i.scrollTop,a=t.get("pageSnapPoints"),o=a.reduce((l,c)=>Math.abs(c-s)<Math.abs(l-s)?c:l,a[0]);H(()=>{i.scrollTo({left:r?o:i.scrollLeft,top:r?i.scrollTop:o,behavior:"smooth"}),t.set("page",a.indexOf(o));let l=i.dataset.scrollSnapType;l&&(i.style.setProperty("scroll-snap-type",l),delete i.dataset.scrollSnapType)})},focusIndicatorEl({context:e,event:t,scope:n}){if(t.src!=="indicator")return;let i=My(n,e.get("page"));i&&H(()=>i.focus({preventScroll:!0}))},invokeDragStart({context:e,prop:t}){var n;(n=t("onDragStatusChange"))==null||n({type:"dragging.start",isDragging:!0,page:e.get("page")})},invokeDragging({context:e,prop:t}){var n;(n=t("onDragStatusChange"))==null||n({type:"dragging",isDragging:!0,page:e.get("page")})},invokeDraggingEnd({context:e,prop:t}){var n;(n=t("onDragStatusChange"))==null||n({type:"dragging.end",isDragging:!1,page:e.get("page")})},invokeAutoplay({context:e,prop:t}){var n;(n=t("onAutoplayStatusChange"))==null||n({type:"autoplay",isPlaying:!0,page:e.get("page")})},invokeAutoplayStart({context:e,prop:t}){var n;(n=t("onAutoplayStatusChange"))==null||n({type:"autoplay.start",isPlaying:!0,page:e.get("page")})},invokeAutoplayEnd({context:e,prop:t}){var n;(n=t("onAutoplayStatusChange"))==null||n({type:"autoplay.stop",isPlaying:!1,page:e.get("page")})}}}};By=_()(["dir","getRootNode","id","ids","loop","page","defaultPage","onPageChange","orientation","slideCount","slidesPerPage","slidesPerMove","spacing","padding","autoplay","allowMouseDrag","inViewThreshold","translations","snapType","autoSize","onDragStatusChange","onAutoplayStatusChange"]),O0=B(By),_y=_()(["index","readOnly"]),w0=B(_y),Gy=_()(["index","snapAlign"]),V0=B(Gy),Uy=class extends K{initMachine(e){return new W($y,e)}initApi(){return Fy(this.machine.service,q)}render(){var u;let e=(u=this.el.querySelector('[data-scope="carousel"][data-part="root"]'))!=null?u:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="carousel"][data-part="control"]');t&&this.spreadProps(t,this.api.getControlProps());let n=this.el.querySelector('[data-scope="carousel"][data-part="item-group"]');n&&this.spreadProps(n,this.api.getItemGroupProps());let i=Number(this.el.dataset.slideCount)||0;for(let h=0;h<i;h++){let m=this.el.querySelector(`[data-scope="carousel"][data-part="item"][data-index="${h}"]`);m&&this.spreadProps(m,this.api.getItemProps({index:h}))}let r=this.el.querySelector('[data-scope="carousel"][data-part="prev-trigger"]');r&&this.spreadProps(r,this.api.getPrevTriggerProps());let s=this.el.querySelector('[data-scope="carousel"][data-part="next-trigger"]');s&&this.spreadProps(s,this.api.getNextTriggerProps());let a=this.el.querySelector('[data-scope="carousel"][data-part="autoplay-trigger"]');a&&this.spreadProps(a,this.api.getAutoplayTriggerProps());let o=this.el.querySelector('[data-scope="carousel"][data-part="indicator-group"]');o&&this.spreadProps(o,this.api.getIndicatorGroupProps());let l=this.api.pageSnapPoints.length;for(let h=0;h<l;h++){let m=this.el.querySelector(`[data-scope="carousel"][data-part="indicator"][data-index="${h}"]`);m&&this.spreadProps(m,this.api.getIndicatorProps({index:h}))}let c=this.el.querySelector('[data-scope="carousel"][data-part="progress-text"]');c&&this.spreadProps(c,this.api.getProgressTextProps())}},qy={mounted(){var a,o,l,c;let e=this.el,t=Y(e,"page"),n=Y(e,"defaultPage"),i=C(e,"controlled"),r=Y(e,"slideCount");if(r==null||r<1)return;let s=new Uy(e,y(g({id:e.id,slideCount:r},i&&t!==void 0?{page:t}:{defaultPage:n!=null?n:0}),{dir:Oe(e),orientation:O(e,"orientation",["horizontal","vertical"]),slidesPerPage:(a=Y(e,"slidesPerPage"))!=null?a:1,slidesPerMove:O(e,"slidesPerMove")==="auto"?"auto":Y(e,"slidesPerMove"),loop:C(e,"loop"),autoplay:C(e,"autoplay")?{delay:(o=Y(e,"autoplayDelay"))!=null?o:4e3}:!1,allowMouseDrag:C(e,"allowMouseDrag"),spacing:(l=O(e,"spacing"))!=null?l:"0px",padding:O(e,"padding"),inViewThreshold:(c=Y(e,"inViewThreshold"))!=null?c:.6,snapType:O(e,"snapType",["proximity","mandatory"]),autoSize:C(e,"autoSize"),onPageChange:u=>{let h=O(e,"onPageChange");h&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(h,{page:u.page,pageSnapPoint:u.pageSnapPoint,id:e.id});let m=O(e,"onPageChangeClient");m&&e.dispatchEvent(new CustomEvent(m,{bubbles:!0,detail:{value:u,id:e.id}}))}}));s.init(),this.carousel=s,this.handlers=[]},updated(){var i,r;let e=Y(this.el,"slideCount");if(e==null||e<1)return;let t=Y(this.el,"page"),n=C(this.el,"controlled");(r=this.carousel)==null||r.updateProps(y(g({id:this.el.id,slideCount:e},n&&t!==void 0?{page:t}:{}),{dir:Oe(this.el),orientation:O(this.el,"orientation",["horizontal","vertical"]),slidesPerPage:(i=Y(this.el,"slidesPerPage"))!=null?i:1,loop:C(this.el,"loop"),allowMouseDrag:C(this.el,"allowMouseDrag")}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.carousel)==null||e.destroy()}}});function Wy(e){return!(e.metaKey||!di()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function zy(e,t,n){let i=n?j(n):null,r=ue(i);return e=e||i instanceof r.HTMLInputElement&&!Ky.has(i==null?void 0:i.type)||i instanceof r.HTMLTextAreaElement||i instanceof r.HTMLElement&&i.isContentEditable,!(e&&t==="keyboard"&&n instanceof r.KeyboardEvent&&!Reflect.has(Yy,n.key))}function xs(e,t){for(let n of Co)n(e,t)}function Vs(e){Un=!0,Wy(e)&&(In="keyboard",xs("keyboard",e))}function dt(e){In="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(Un=!0,xs("pointer",e))}function Ku(e){Vc(e)&&(Un=!0,In="virtual")}function zu(e){let t=j(e);t===ue(t)||t===Le(t)||(!Un&&!So&&(In="virtual",xs("virtual",e)),Un=!1,So=!1)}function Yu(){Un=!1,So=!0}function jy(e){if(typeof window=="undefined"||ws.get(ue(e)))return;let t=ue(e),n=Le(e),i=t.HTMLElement.prototype.focus;function r(){In="virtual",xs("virtual",null),Un=!0,i.apply(this,arguments)}try{Object.defineProperty(t.HTMLElement.prototype,"focus",{configurable:!0,value:r})}catch(s){}n.addEventListener("keydown",Vs,!0),n.addEventListener("keyup",Vs,!0),n.addEventListener("click",Ku,!0),t.addEventListener("focus",zu,!0),t.addEventListener("blur",Yu,!1),typeof t.PointerEvent!="undefined"?(n.addEventListener("pointerdown",dt,!0),n.addEventListener("pointermove",dt,!0),n.addEventListener("pointerup",dt,!0)):(n.addEventListener("mousedown",dt,!0),n.addEventListener("mousemove",dt,!0),n.addEventListener("mouseup",dt,!0)),t.addEventListener("beforeunload",()=>{Xy(e)},{once:!0}),ws.set(t,{focus:i})}function ju(){return In}function En(){return In==="keyboard"}function Pn(e={}){let{isTextInput:t,autoFocus:n,onChange:i,root:r}=e;jy(r),i==null||i({isFocusVisible:n||En(),modality:In});let s=(a,o)=>{zy(!!t,a,o)&&(i==null||i({isFocusVisible:En(),modality:a}))};return Co.add(s),()=>{Co.delete(s)}}var Ky,In,Co,ws,Un,So,Yy,Xy,pr=re(()=>{"use strict";se();Ky=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);In=null,Co=new Set,ws=new Map,Un=!1,So=!1,Yy={Tab:!0,Escape:!0};Xy=(e,t)=>{let n=ue(e),i=Le(e),r=ws.get(n);if(r){try{Object.defineProperty(n.HTMLElement.prototype,"focus",{configurable:!0,value:r.focus})}catch(s){}i.removeEventListener("keydown",Vs,!0),i.removeEventListener("keyup",Vs,!0),i.removeEventListener("click",Ku,!0),n.removeEventListener("focus",zu,!0),n.removeEventListener("blur",Yu,!1),typeof n.PointerEvent!="undefined"?(i.removeEventListener("pointerdown",dt,!0),i.removeEventListener("pointermove",dt,!0),i.removeEventListener("pointerup",dt,!0)):(i.removeEventListener("mousedown",dt,!0),i.removeEventListener("mousemove",dt,!0),i.removeEventListener("mouseup",dt,!0)),ws.delete(n)}}});var Qu={};he(Qu,{Checkbox:()=>sb});function eb(e,t){let{send:n,context:i,prop:r,computed:s,scope:a}=e,o=!!r("disabled"),l=!!r("readOnly"),c=!!r("required"),u=!!r("invalid"),h=!o&&i.get("focused"),m=!o&&i.get("focusVisible"),d=s("checked"),p=s("indeterminate"),v=i.get("checked"),I={"data-active":E(i.get("active")),"data-focus":E(h),"data-focus-visible":E(m),"data-readonly":E(l),"data-hover":E(i.get("hovered")),"data-disabled":E(o),"data-state":p?"indeterminate":d?"checked":"unchecked","data-invalid":E(u),"data-required":E(c)};return{checked:d,disabled:o,indeterminate:p,focused:h,checkedState:v,setChecked(T){n({type:"CHECKED.SET",checked:T,isTrusted:!1})},toggleChecked(){n({type:"CHECKED.TOGGLE",checked:d,isTrusted:!1})},getRootProps(){return t.label(y(g(g({},As.root.attrs),I),{dir:r("dir"),id:Ju(a),htmlFor:To(a),onPointerMove(){o||n({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){o||n({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(T){j(T)===fr(a)&&T.stopPropagation()}}))},getLabelProps(){return t.element(y(g(g({},As.label.attrs),I),{dir:r("dir"),id:Xu(a)}))},getControlProps(){return t.element(y(g(g({},As.control.attrs),I),{dir:r("dir"),id:Jy(a),"aria-hidden":!0}))},getIndicatorProps(){return t.element(y(g(g({},As.indicator.attrs),I),{dir:r("dir"),hidden:!p&&!d}))},getHiddenInputProps(){return t.input({id:To(a),type:"checkbox",required:r("required"),defaultChecked:d,disabled:o,"aria-labelledby":Xu(a),"aria-invalid":u,name:r("name"),form:r("form"),value:r("value"),style:Vt,onFocus(){let T=En();n({type:"CONTEXT.SET",context:{focused:!0,focusVisible:T}})},onBlur(){n({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(T){if(l){T.preventDefault();return}let w=T.currentTarget.checked;n({type:"CHECKED.SET",checked:w,isTrusted:!0})}})}}}function ks(e){return e==="indeterminate"}function nb(e){return ks(e)?!1:!!e}var Zy,As,Ju,Xu,Jy,To,Qy,fr,Zu,tb,ib,L0,rb,sb,ed=re(()=>{"use strict";pr();se();Zy=U("checkbox").parts("root","label","control","indicator"),As=Zy.build(),Ju=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`checkbox:${e.id}`},Xu=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`checkbox:${e.id}:label`},Jy=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`checkbox:${e.id}:control`},To=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`checkbox:${e.id}:input`},Qy=e=>e.getById(Ju(e)),fr=e=>e.getById(To(e));({not:Zu}=Ee()),tb={props({props:e}){var t;return y(g({value:"on"},e),{defaultChecked:(t=e.defaultChecked)!=null?t:!1})},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(n){var i;(i=e("onCheckedChange"))==null||i({checked:n})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:n,action:i}){e([()=>n("disabled")],()=>{i(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{i(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:Zu("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:Zu("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>ks(e.get("checked")),checked:({context:e})=>nb(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:n}){if(!t("disabled"))return ps({pointerNode:Qy(n),keyboardNode:fr(n),isValidKey:i=>i.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){var n;if(!e("disabled"))return Pn({root:(n=t.getRootNode)==null?void 0:n.call(t)})},trackFormControlState({context:e,scope:t}){return wt(fr(t),{onFieldsetDisabledChange(n){e.set("fieldsetDisabled",n)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(let n in t.context)e.set(n,t.context[n])},syncInputElement({context:e,computed:t,scope:n}){let i=fr(n);i&&(sr(i,t("checked")),i.indeterminate=ks(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){let n=ks(t("checked"))?!0:!t("checked");e.set("checked",n)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{let n=fr(t);pi(n,{checked:e("checked")})})}}}};ib=_()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),L0=B(ib),rb=class extends K{initMachine(e){return new W(tb,e)}initApi(){return eb(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="checkbox"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=e.querySelector(':scope > [data-scope="checkbox"][data-part="hidden-input"]');t&&this.spreadProps(t,this.api.getHiddenInputProps());let n=e.querySelector(':scope > [data-scope="checkbox"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=e.querySelector(':scope > [data-scope="checkbox"][data-part="control"]');if(i){this.spreadProps(i,this.api.getControlProps());let r=i.querySelector(':scope > [data-scope="checkbox"][data-part="indicator"]');r&&this.spreadProps(r,this.api.getIndicatorProps())}}},sb={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new rb(e,y(g({id:e.id},C(e,"controlled")?{checked:C(e,"checked")}:{defaultChecked:C(e,"defaultChecked")}),{disabled:C(e,"disabled"),name:O(e,"name"),form:O(e,"form"),value:O(e,"value"),dir:Oe(e),invalid:C(e,"invalid"),required:C(e,"required"),readOnly:C(e,"readOnly"),onCheckedChange:i=>{let r=O(e,"onCheckedChange");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(r,{checked:i.checked,id:e.id});let s=O(e,"onCheckedChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{value:i,id:e.id}}))}}));n.init(),this.checkbox=n,this.onSetChecked=i=>{let{checked:r}=i.detail;n.api.setChecked(r)},e.addEventListener("phx:checkbox:set-checked",this.onSetChecked),this.onToggleChecked=()=>{n.api.toggleChecked()},e.addEventListener("phx:checkbox:toggle-checked",this.onToggleChecked),this.handlers=[],this.handlers.push(this.handleEvent("checkbox_set_checked",i=>{let r=i.id;r&&r!==e.id||n.api.setChecked(i.checked)})),this.handlers.push(this.handleEvent("checkbox_toggle_checked",i=>{let r=i.id;r&&r!==e.id||n.api.toggleChecked()})),this.handlers.push(this.handleEvent("checkbox_checked",()=>{this.pushEvent("checkbox_checked_response",{value:n.api.checked})})),this.handlers.push(this.handleEvent("checkbox_focused",()=>{this.pushEvent("checkbox_focused_response",{value:n.api.focused})})),this.handlers.push(this.handleEvent("checkbox_disabled",()=>{this.pushEvent("checkbox_disabled_response",{value:n.api.disabled})}))},updated(){var e;(e=this.checkbox)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{checked:C(this.el,"checked")}:{defaultChecked:C(this.el,"defaultChecked")}),{disabled:C(this.el,"disabled"),name:O(this.el,"name"),form:O(this.el,"form"),value:O(this.el,"value"),dir:Oe(this.el),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly"),label:O(this.el,"label")}))},destroyed(){var e;if(this.onSetChecked&&this.el.removeEventListener("phx:checkbox:set-checked",this.onSetChecked),this.onToggleChecked&&this.el.removeEventListener("phx:checkbox:toggle-checked",this.onToggleChecked),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.checkbox)==null||e.destroy()}}});var td={};he(td,{Clipboard:()=>bb});function db(e,t){let n=e.createElement("pre");return Object.assign(n.style,{width:"1px",height:"1px",position:"fixed",top:"5px"}),n.textContent=t,n}function hb(e){let n=ue(e).getSelection();if(n==null)return Promise.reject(new Error);n.removeAllRanges();let i=e.ownerDocument,r=i.createRange();return r.selectNodeContents(e),n.addRange(r),i.execCommand("copy"),n.removeAllRanges(),Promise.resolve()}function gb(e,t){var r;let n=e.defaultView||window;if(((r=n.navigator.clipboard)==null?void 0:r.writeText)!==void 0)return n.navigator.clipboard.writeText(t);if(!e.body)return Promise.reject(new Error);let i=db(e,t);return e.body.appendChild(i),hb(i),e.body.removeChild(i),Promise.resolve()}function pb(e,t){let{state:n,send:i,context:r,scope:s}=e,a=n.matches("copied");return{copied:a,value:r.get("value"),setValue(o){i({type:"VALUE.SET",value:o})},copy(){i({type:"COPY"})},getRootProps(){return t.element(y(g({},Oi.root.attrs),{"data-copied":E(a),id:ob(s)}))},getLabelProps(){return t.label(y(g({},Oi.label.attrs),{htmlFor:Oo(s),"data-copied":E(a),id:lb(s)}))},getControlProps(){return t.element(y(g({},Oi.control.attrs),{"data-copied":E(a)}))},getInputProps(){return t.input(y(g({},Oi.input.attrs),{defaultValue:r.get("value"),"data-copied":E(a),readOnly:!0,"data-readonly":"true",id:Oo(s),onFocus(o){o.currentTarget.select()},onCopy(){i({type:"INPUT.COPY"})}}))},getTriggerProps(){return t.button(y(g({},Oi.trigger.attrs),{type:"button","aria-label":a?"Copied to clipboard":"Copy to clipboard","data-copied":E(a),onClick(){i({type:"COPY"})}}))},getIndicatorProps(o){return t.element(y(g({},Oi.indicator.attrs),{hidden:o.copied!==a}))}}}var ab,Oi,ob,Oo,lb,cb,ub,fb,mb,H0,vb,B0,yb,bb,nd=re(()=>{"use strict";se();ab=U("clipboard").parts("root","control","trigger","indicator","input","label"),Oi=ab.build(),ob=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`clip:${e.id}`},Oo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`clip:${e.id}:input`},lb=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`clip:${e.id}:label`},cb=e=>e.getById(Oo(e)),ub=(e,t)=>gb(e.getDoc(),t);fb={props({props:e}){return g({timeout:3e3,defaultValue:""},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}}))}},watch({track:e,context:t,action:n}){e([()=>t.get("value")],()=>{n(["syncInputElement"])})},on:{"VALUE.SET":{actions:["setValue"]},COPY:{target:"copied",actions:["copyToClipboard","invokeOnCopy"]}},states:{idle:{on:{"INPUT.COPY":{target:"copied",actions:["invokeOnCopy"]}}},copied:{effects:["waitForTimeout"],on:{"COPY.DONE":{target:"idle"},COPY:{target:"copied",actions:["copyToClipboard","invokeOnCopy"]},"INPUT.COPY":{actions:["invokeOnCopy"]}}}},implementations:{effects:{waitForTimeout({prop:e,send:t}){return mn(()=>{t({type:"COPY.DONE"})},e("timeout"))}},actions:{setValue({context:e,event:t}){e.set("value",t.value)},copyToClipboard({context:e,scope:t}){ub(t,e.get("value"))},invokeOnCopy({prop:e}){var t;(t=e("onStatusChange"))==null||t({copied:!0})},syncInputElement({context:e,scope:t}){let n=cb(t);n&&Me(n,e.get("value"))}}}},mb=_()(["getRootNode","id","ids","value","defaultValue","timeout","onStatusChange","onValueChange"]),H0=B(mb),vb=_()(["copied"]),B0=B(vb),yb=class extends K{initMachine(e){return new W(fb,e)}initApi(){return pb(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="clipboard"][data-part="root"]');if(e){this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="clipboard"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=e.querySelector('[data-scope="clipboard"][data-part="control"]');if(n){this.spreadProps(n,this.api.getControlProps());let i=n.querySelector('[data-scope="clipboard"][data-part="input"]');if(i){let s=g({},this.api.getInputProps()),a=this.el.dataset.inputAriaLabel;a&&(s["aria-label"]=a),this.spreadProps(i,s)}let r=n.querySelector('[data-scope="clipboard"][data-part="trigger"]');if(r){let s=g({},this.api.getTriggerProps()),a=this.el.dataset.triggerAriaLabel;a&&(s["aria-label"]=a),this.spreadProps(r,s)}}}}},bb={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=this.liveSocket,i=new yb(e,y(g({id:e.id,timeout:Y(e,"timeout")},C(e,"controlled")?{value:O(e,"value")}:{defaultValue:O(e,"defaultValue")}),{onValueChange:r=>{var a;let s=O(e,"onValueChange");s&&n.main.isConnected()&&t(s,{id:e.id,value:(a=r.value)!=null?a:null})},onStatusChange:r=>{let s=O(e,"onStatusChange");s&&n.main.isConnected()&&t(s,{id:e.id,copied:r.copied});let a=O(e,"onStatusChangeClient");a&&e.dispatchEvent(new CustomEvent(a,{bubbles:!0}))}}));i.init(),this.clipboard=i,this.onCopy=()=>{i.api.copy()},e.addEventListener("phx:clipboard:copy",this.onCopy),this.onSetValue=r=>{let{value:s}=r.detail;i.api.setValue(s)},e.addEventListener("phx:clipboard:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("clipboard_copy",r=>{let s=r.clipboard_id;s&&s!==e.id||i.api.copy()})),this.handlers.push(this.handleEvent("clipboard_set_value",r=>{let s=r.clipboard_id;s&&s!==e.id||i.api.setValue(r.value)})),this.handlers.push(this.handleEvent("clipboard_copied",()=>{this.pushEvent("clipboard_copied_response",{value:i.api.copied})}))},updated(){var e;(e=this.clipboard)==null||e.updateProps(y(g({id:this.el.id,timeout:Y(this.el,"timeout")},C(this.el,"controlled")?{value:O(this.el,"value")}:{defaultValue:O(this.el,"value")}),{dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onCopy&&this.el.removeEventListener("phx:clipboard:copy",this.onCopy),this.onSetValue&&this.el.removeEventListener("phx:clipboard:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.clipboard)==null||e.destroy()}}});var id={};he(id,{Collapsible:()=>wb});function Cb(e,t){let{state:n,send:i,context:r,scope:s,prop:a}=e,o=n.matches("open")||n.matches("closing"),l=n.matches("open"),c=n.matches("closed"),{width:u,height:h}=r.get("size"),m=!!a("disabled"),d=a("collapsedHeight"),p=a("collapsedWidth"),v=d!=null,I=p!=null,T=v||I,w=!r.get("initial")&&l;return{disabled:m,visible:o,open:l,measureSize(){i({type:"size.measure"})},setOpen(b){n.matches("open")!==b&&i({type:b?"open":"close"})},getRootProps(){return t.element(y(g({},Ns.root.attrs),{"data-state":l?"open":"closed",dir:a("dir"),id:Ib(s)}))},getContentProps(){return t.element(y(g({},Ns.content.attrs),{id:wo(s),"data-collapsible":"","data-state":w?void 0:l?"open":"closed","data-disabled":E(m),"data-has-collapsed-size":E(T),hidden:!o&&!T,dir:a("dir"),style:g(g({"--height":ye(h),"--width":ye(u),"--collapsed-height":ye(d),"--collapsed-width":ye(p)},c&&v&&{overflow:"hidden",minHeight:ye(d),maxHeight:ye(d)}),c&&I&&{overflow:"hidden",minWidth:ye(p),maxWidth:ye(p)})}))},getTriggerProps(){return t.element(y(g({},Ns.trigger.attrs),{id:Pb(s),dir:a("dir"),type:"button","data-state":l?"open":"closed","data-disabled":E(m),"aria-controls":wo(s),"aria-expanded":o||!1,onClick(b){b.defaultPrevented||m||i({type:l?"close":"open"})}}))},getIndicatorProps(){return t.element(y(g({},Ns.indicator.attrs),{dir:a("dir"),"data-state":l?"open":"closed","data-disabled":E(m)}))}}}var Eb,Ns,Ib,wo,Pb,mr,Sb,Tb,q0,Ob,wb,rd=re(()=>{"use strict";se();Eb=U("collapsible").parts("root","trigger","content","indicator"),Ns=Eb.build(),Ib=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`collapsible:${e.id}`},wo=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`collapsible:${e.id}:content`},Pb=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`collapsible:${e.id}:trigger`},mr=e=>e.getById(wo(e));Sb={initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({bindable:e}){return{size:e(()=>({defaultValue:{height:0,width:0},sync:!0})),initial:e(()=>({defaultValue:!1}))}},refs(){return{cleanup:void 0,stylesRef:void 0}},watch({track:e,prop:t,action:n}){e([()=>t("open")],()=>{n(["setInitial","computeSize","toggleVisibility"])})},exit:["cleanupNode"],states:{closed:{effects:["trackTabbableElements"],on:{"controlled.open":{target:"open"},open:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitial","computeSize","invokeOnOpen"]}]}},closing:{effects:["trackExitAnimation"],on:{"controlled.close":{target:"closed"},"controlled.open":{target:"open"},open:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitial","invokeOnOpen"]}],close:[{guard:"isOpenControlled",actions:["invokeOnExitComplete"]},{target:"closed",actions:["setInitial","computeSize","invokeOnExitComplete"]}],"animation.end":{target:"closed",actions:["invokeOnExitComplete","clearInitial"]}}},open:{effects:["trackEnterAnimation"],on:{"controlled.close":{target:"closing"},close:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closing",actions:["setInitial","computeSize","invokeOnClose"]}],"size.measure":{actions:["measureSize"]},"animation.end":{actions:["clearInitial"]}}}},implementations:{guards:{isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackEnterAnimation:({send:e,scope:t})=>{let n,i=H(()=>{let r=mr(t);if(!r)return;let s=at(r).animationName;if(!s||s==="none"){e({type:"animation.end"});return}let o=l=>{j(l)===r&&e({type:"animation.end"})};r.addEventListener("animationend",o),n=()=>{r.removeEventListener("animationend",o)}});return()=>{i(),n==null||n()}},trackExitAnimation:({send:e,scope:t})=>{let n,i=H(()=>{let r=mr(t);if(!r)return;let s=at(r).animationName;if(!s||s==="none"){e({type:"animation.end"});return}let o=c=>{j(c)===r&&e({type:"animation.end"})};r.addEventListener("animationend",o);let l=Hn(r,{animationFillMode:"forwards"});n=()=>{r.removeEventListener("animationend",o),$n(()=>l())}});return()=>{i(),n==null||n()}},trackTabbableElements:({scope:e,prop:t})=>{if(!t("collapsedHeight")&&!t("collapsedWidth"))return;let n=mr(e);if(!n)return;let i=()=>{let o=jt(n).map(l=>Fc(l,"inert",""));return()=>{o.forEach(l=>l())}},r=i(),s=hs(n,{callback(){r(),r=i()}});return()=>{r(),s()}}},actions:{setInitial:({context:e,flush:t})=>{t(()=>{e.set("initial",!0)})},clearInitial:({context:e})=>{e.set("initial",!1)},cleanupNode:({refs:e})=>{e.set("stylesRef",null)},measureSize:({context:e,scope:t})=>{let n=mr(t);if(!n)return;let{height:i,width:r}=n.getBoundingClientRect();e.set("size",{height:i,width:r})},computeSize:({refs:e,scope:t,context:n})=>{var r;(r=e.get("cleanup"))==null||r();let i=H(()=>{let s=mr(t);if(!s)return;let a=s.hidden;s.style.animationName="none",s.style.animationDuration="0s",s.hidden=!1;let o=s.getBoundingClientRect();n.set("size",{height:o.height,width:o.width}),n.get("initial")&&(s.style.animationName="",s.style.animationDuration=""),s.hidden=a});e.set("cleanup",i)},invokeOnOpen:({prop:e})=>{var t;(t=e("onOpenChange"))==null||t({open:!0})},invokeOnClose:({prop:e})=>{var t;(t=e("onOpenChange"))==null||t({open:!1})},invokeOnExitComplete:({prop:e})=>{var t;(t=e("onExitComplete"))==null||t()},toggleVisibility:({prop:e,send:t})=>{t({type:e("open")?"controlled.open":"controlled.close"})}}}},Tb=_()(["dir","disabled","getRootNode","id","ids","collapsedHeight","collapsedWidth","onExitComplete","onOpenChange","defaultOpen","open"]),q0=B(Tb),Ob=class extends K{initMachine(e){return new W(Sb,e)}initApi(){return Cb(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="collapsible"][data-part="root"]');if(e){this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="collapsible"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=e.querySelector('[data-scope="collapsible"][data-part="content"]');n&&this.spreadProps(n,this.api.getContentProps())}}},wb={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new Ob(e,y(g({id:e.id},C(e,"controlled")?{open:C(e,"open")}:{defaultOpen:C(e,"defaultOpen")}),{disabled:C(e,"disabled"),dir:O(e,"dir",["ltr","rtl"]),onOpenChange:i=>{let r=O(e,"onOpenChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,open:i.open});let s=O(e,"onOpenChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,open:i.open}}))}}));n.init(),this.collapsible=n,this.onSetOpen=i=>{let{open:r}=i.detail;n.api.setOpen(r)},e.addEventListener("phx:collapsible:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("collapsible_set_open",i=>{let r=i.collapsible_id;r&&r!==e.id||n.api.setOpen(i.open)})),this.handlers.push(this.handleEvent("collapsible_open",()=>{this.pushEvent("collapsible_open_response",{value:n.api.open})}))},updated(){var e;(e=this.collapsible)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{open:C(this.el,"open")}:{defaultOpen:C(this.el,"defaultOpen")}),{disabled:C(this.el,"disabled"),dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetOpen&&this.el.removeEventListener("phx:collapsible:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.collapsible)==null||e.destroy()}}});function vr(e,t,...n){return[...e.slice(0,t),...n,...e.slice(t)]}function Rs(e,t,n){t=[...t].sort((r,s)=>r-s);let i=t.map(r=>e[r]);for(let r=t.length-1;r>=0;r--)e=[...e.slice(0,t[r]),...e.slice(t[r]+1)];return n=Math.max(0,n-t.filter(r=>r<n).length),[...e.slice(0,n),...i,...e.slice(n)]}function Cn(e){return $e(e,"columnCount")&&$e(e,"getRows")}function cd(e,t,n){for(let i=0;i<t.length;i++)e=n.getChildren(e,t.slice(i+1))[t[i]];return e}function kb(e){let t=Nb(e),n=[],i=new Set;for(let r of t){let s=r.join();i.has(s)||(i.add(s),n.push(r))}return n}function ud(e,t){for(let n=0;n<Math.min(e.length,t.length);n++){if(e[n]<t[n])return-1;if(e[n]>t[n])return 1}return e.length-t.length}function Nb(e){return e.sort(ud)}function Rb(e,t){let n;return Je(e,y(g({},t),{onEnter:(i,r)=>{if(t.predicate(i,r))return n=i,"stop"}})),n}function Db(e,t){let n=[];return Je(e,{onEnter:(i,r)=>{t.predicate(i,r)&&n.push(i)},getChildren:t.getChildren}),n}function sd(e,t){let n;return Je(e,{onEnter:(i,r)=>{if(t.predicate(i,r))return n=[...r],"stop"},getChildren:t.getChildren}),n}function Lb(e,t){let n=t.initialResult;return Je(e,y(g({},t),{onEnter:(i,r)=>{n=t.nextResult(n,i,r)}})),n}function Mb(e,t){return Lb(e,y(g({},t),{initialResult:[],nextResult:(n,i,r)=>(n.push(...t.transform(i,r)),n)}))}function Fb(e,t){let{predicate:n,create:i,getChildren:r}=t,s=(a,o)=>{let l=r(a,o),c=[];l.forEach((d,p)=>{let v=[...o,p],I=s(d,v);I&&c.push(I)});let u=o.length===0,h=n(a,o),m=c.length>0;return u||h||m?i(a,c,o):null};return s(e,[])||i(e,[],[])}function $b(e,t){let n=[],i=0,r=new Map,s=new Map;return Je(e,{getChildren:t.getChildren,onEnter:(a,o)=>{r.has(a)||r.set(a,i++);let l=t.getChildren(a,o);l.forEach(d=>{s.has(d)||s.set(d,a),r.has(d)||r.set(d,i++)});let c=l.length>0?l.map(d=>r.get(d)):void 0,u=s.get(a),h=u?r.get(u):void 0,m=r.get(a);n.push(y(g({},a),{_children:c,_parent:h,_index:m}))}}),n}function Hb(e,t){return{type:"insert",index:e,nodes:t}}function Bb(e){return{type:"remove",indexes:e}}function xo(){return{type:"replace"}}function dd(e){return[e.slice(0,-1),e[e.length-1]]}function hd(e,t,n=new Map){var a;let[i,r]=dd(e);for(let o=i.length-1;o>=0;o--){let l=i.slice(0,o).join();switch((a=n.get(l))==null?void 0:a.type){case"remove":continue}n.set(l,xo())}let s=n.get(i.join());switch(s==null?void 0:s.type){case"remove":n.set(i.join(),{type:"removeThenInsert",removeIndexes:s.indexes,insertIndex:r,insertNodes:t});break;default:n.set(i.join(),Hb(r,t))}return n}function gd(e){var i;let t=new Map,n=new Map;for(let r of e){let s=r.slice(0,-1).join(),a=(i=n.get(s))!=null?i:[];a.push(r[r.length-1]),n.set(s,a.sort((o,l)=>o-l))}for(let r of e)for(let s=r.length-2;s>=0;s--){let a=r.slice(0,s).join();t.has(a)||t.set(a,xo())}for(let[r,s]of n)t.set(r,Bb(s));return t}function _b(e,t){let n=new Map,[i,r]=dd(e);for(let s=i.length-1;s>=0;s--){let a=i.slice(0,s).join();n.set(a,xo())}return n.set(i.join(),{type:"removeThenInsert",removeIndexes:[r],insertIndex:r,insertNodes:[t]}),n}function Ms(e,t,n){return Gb(e,y(g({},n),{getChildren:(i,r)=>{let s=r.join(),a=t.get(s);switch(a==null?void 0:a.type){case"replace":case"remove":case"removeThenInsert":case"insert":return n.getChildren(i,r);default:return[]}},transform:(i,r,s)=>{let a=s.join(),o=t.get(a);switch(o==null?void 0:o.type){case"remove":return n.create(i,r.filter((u,h)=>!o.indexes.includes(h)),s);case"removeThenInsert":let l=r.filter((u,h)=>!o.removeIndexes.includes(h)),c=o.removeIndexes.reduce((u,h)=>h<u?u-1:u,o.insertIndex);return n.create(i,ad(l,c,0,...o.insertNodes),s);case"insert":return n.create(i,ad(r,o.index,0,...o.nodes),s);case"replace":return n.create(i,r,s);default:return i}}}))}function ad(e,t,n,...i){return[...e.slice(0,t),...i,...e.slice(t+n)]}function Gb(e,t){let n={};return Je(e,y(g({},t),{onLeave:(i,r)=>{var u,h;let s=[0,...r],a=s.join(),o=t.transform(i,(u=n[a])!=null?u:[],r),l=s.slice(0,-1).join(),c=(h=n[l])!=null?h:[];c.push(o),n[l]=c}})),n[""][0]}function Ub(e,t){let{nodes:n,at:i}=t;if(i.length===0)throw new Error("Can't insert nodes at the root");let r=hd(i,n);return Ms(e,r,t)}function qb(e,t){if(t.at.length===0)return t.node;let n=_b(t.at,t.node);return Ms(e,n,t)}function Wb(e,t){if(t.indexPaths.length===0)return e;for(let i of t.indexPaths)if(i.length===0)throw new Error("Can't remove the root node");let n=gd(t.indexPaths);return Ms(e,n,t)}function Kb(e,t){if(t.indexPaths.length===0)return e;for(let s of t.indexPaths)if(s.length===0)throw new Error("Can't move the root node");if(t.to.length===0)throw new Error("Can't move nodes to the root");let n=kb(t.indexPaths),i=n.map(s=>cd(e,s,t)),r=hd(t.to,i,gd(n));return Ms(e,r,t)}function Je(e,t){let{onEnter:n,onLeave:i,getChildren:r}=t,s=[],a=[{node:e}],o=t.reuseIndexPath?()=>s:()=>s.slice();for(;a.length>0;){let l=a[a.length-1];if(l.state===void 0){let u=n==null?void 0:n(l.node,o());if(u==="stop")return;l.state=u==="skip"?-1:0}let c=l.children||r(l.node,o());if(l.children||(l.children=c),l.state!==-1){if(l.state<c.length){let h=l.state;s.push(h),a.push({node:c[h]}),l.state=h+1;continue}if((i==null?void 0:i(l.node,o()))==="stop")return}s.pop(),a.pop()}}var Vb,xb,L,Ds,Nt,Ab,Vo,ld,Ao,wi,yr=re(()=>{"use strict";se();Vb=Object.defineProperty,xb=(e,t,n)=>t in e?Vb(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t,n)=>xb(e,typeof t!="symbol"?t+"":t,n),Ds={itemToValue(e){return typeof e=="string"?e:xt(e)&&$e(e,"value")?e.value:""},itemToString(e){return typeof e=="string"?e:xt(e)&&$e(e,"label")?e.label:Ds.itemToValue(e)},isItemDisabled(e){return xt(e)&&$e(e,"disabled")?!!e.disabled:!1}},Nt=class od{constructor(t){this.options=t,L(this,"items"),L(this,"indexMap",null),L(this,"copy",n=>new od(y(g({},this.options),{items:n!=null?n:[...this.items]}))),L(this,"isEqual",n=>fe(this.items,n.items)),L(this,"setItems",n=>this.copy(n)),L(this,"getValues",(n=this.items)=>{let i=[];for(let r of n){let s=this.getItemValue(r);s!=null&&i.push(s)}return i}),L(this,"find",n=>{if(n==null)return null;let i=this.indexOf(n);return i!==-1?this.at(i):null}),L(this,"findMany",n=>{let i=[];for(let r of n){let s=this.find(r);s!=null&&i.push(s)}return i}),L(this,"at",n=>{var s;if(!this.options.groupBy&&!this.options.groupSort)return(s=this.items[n])!=null?s:null;let i=0,r=this.group();for(let[,a]of r)for(let o of a){if(i===n)return o;i++}return null}),L(this,"sortFn",(n,i)=>{let r=this.indexOf(n),s=this.indexOf(i);return(r!=null?r:0)-(s!=null?s:0)}),L(this,"sort",n=>[...n].sort(this.sortFn.bind(this))),L(this,"getItemValue",n=>{var i,r,s;return n==null?null:(s=(r=(i=this.options).itemToValue)==null?void 0:r.call(i,n))!=null?s:Ds.itemToValue(n)}),L(this,"getItemDisabled",n=>{var i,r,s;return n==null?!1:(s=(r=(i=this.options).isItemDisabled)==null?void 0:r.call(i,n))!=null?s:Ds.isItemDisabled(n)}),L(this,"stringifyItem",n=>{var i,r,s;return n==null?null:(s=(r=(i=this.options).itemToString)==null?void 0:r.call(i,n))!=null?s:Ds.itemToString(n)}),L(this,"stringify",n=>n==null?null:this.stringifyItem(this.find(n))),L(this,"stringifyItems",(n,i=", ")=>{let r=[];for(let s of n){let a=this.stringifyItem(s);a!=null&&r.push(a)}return r.join(i)}),L(this,"stringifyMany",(n,i)=>this.stringifyItems(this.findMany(n),i)),L(this,"has",n=>this.indexOf(n)!==-1),L(this,"hasItem",n=>n==null?!1:this.has(this.getItemValue(n))),L(this,"group",()=>{let{groupBy:n,groupSort:i}=this.options;if(!n)return[["",[...this.items]]];let r=new Map;this.items.forEach((a,o)=>{let l=n(a,o);r.has(l)||r.set(l,[]),r.get(l).push(a)});let s=Array.from(r.entries());return i&&s.sort(([a],[o])=>{if(typeof i=="function")return i(a,o);if(Array.isArray(i)){let l=i.indexOf(a),c=i.indexOf(o);return l===-1?1:c===-1?-1:l-c}return i==="asc"?a.localeCompare(o):i==="desc"?o.localeCompare(a):0}),s}),L(this,"getNextValue",(n,i=1,r=!1)=>{let s=this.indexOf(n);if(s===-1)return null;for(s=r?Math.min(s+i,this.size-1):s+i;s<=this.size&&this.getItemDisabled(this.at(s));)s++;return this.getItemValue(this.at(s))}),L(this,"getPreviousValue",(n,i=1,r=!1)=>{let s=this.indexOf(n);if(s===-1)return null;for(s=r?Math.max(s-i,0):s-i;s>=0&&this.getItemDisabled(this.at(s));)s--;return this.getItemValue(this.at(s))}),L(this,"indexOf",n=>{var i;if(n==null)return-1;if(!this.options.groupBy&&!this.options.groupSort)return this.items.findIndex(r=>this.getItemValue(r)===n);if(!this.indexMap){this.indexMap=new Map;let r=0,s=this.group();for(let[,a]of s)for(let o of a){let l=this.getItemValue(o);l!=null&&this.indexMap.set(l,r),r++}}return(i=this.indexMap.get(n))!=null?i:-1}),L(this,"getByText",(n,i)=>{let r=i!=null?this.indexOf(i):-1,s=n.length===1;for(let a=0;a<this.items.length;a++){let o=this.items[(r+a+1)%this.items.length];if(!(s&&this.getItemValue(o)===i)&&!this.getItemDisabled(o)&&Ab(this.stringifyItem(o),n))return o}}),L(this,"search",(n,i)=>{let{state:r,currentValue:s,timeout:a=350}=i,o=r.keysSoFar+n,c=o.length>1&&Array.from(o).every(p=>p===o[0])?o[0]:o,u=this.getByText(c,s),h=this.getItemValue(u);function m(){clearTimeout(r.timer),r.timer=-1}function d(p){r.keysSoFar=p,m(),p!==""&&(r.timer=+setTimeout(()=>{d(""),m()},a))}return d(o),h}),L(this,"update",(n,i)=>{let r=this.indexOf(n);return r===-1?this:this.copy([...this.items.slice(0,r),i,...this.items.slice(r+1)])}),L(this,"upsert",(n,i,r="append")=>{let s=this.indexOf(n);return s===-1?(r==="append"?this.append:this.prepend)(i):this.copy([...this.items.slice(0,s),i,...this.items.slice(s+1)])}),L(this,"insert",(n,...i)=>this.copy(vr(this.items,n,...i))),L(this,"insertBefore",(n,...i)=>{let r=this.indexOf(n);if(r===-1)if(this.items.length===0)r=0;else return this;return this.copy(vr(this.items,r,...i))}),L(this,"insertAfter",(n,...i)=>{let r=this.indexOf(n);if(r===-1)if(this.items.length===0)r=0;else return this;return this.copy(vr(this.items,r+1,...i))}),L(this,"prepend",(...n)=>this.copy(vr(this.items,0,...n))),L(this,"append",(...n)=>this.copy(vr(this.items,this.items.length,...n))),L(this,"filter",n=>{let i=this.items.filter((r,s)=>n(this.stringifyItem(r),s,r));return this.copy(i)}),L(this,"remove",(...n)=>{let i=n.map(r=>typeof r=="string"?r:this.getItemValue(r));return this.copy(this.items.filter(r=>{let s=this.getItemValue(r);return s==null?!1:!i.includes(s)}))}),L(this,"move",(n,i)=>{let r=this.indexOf(n);return r===-1?this:this.copy(Rs(this.items,[r],i))}),L(this,"moveBefore",(n,...i)=>{let r=this.items.findIndex(a=>this.getItemValue(a)===n);if(r===-1)return this;let s=i.map(a=>this.items.findIndex(o=>this.getItemValue(o)===a)).sort((a,o)=>a-o);return this.copy(Rs(this.items,s,r))}),L(this,"moveAfter",(n,...i)=>{let r=this.items.findIndex(a=>this.getItemValue(a)===n);if(r===-1)return this;let s=i.map(a=>this.items.findIndex(o=>this.getItemValue(o)===a)).sort((a,o)=>a-o);return this.copy(Rs(this.items,s,r+1))}),L(this,"reorder",(n,i)=>this.copy(Rs(this.items,[n],i))),L(this,"compareValue",(n,i)=>{let r=this.indexOf(n),s=this.indexOf(i);return r<s?-1:r>s?1:0}),L(this,"range",(n,i)=>{let r=[],s=n;for(;s!=null;){if(this.find(s)&&r.push(s),s===i)return r;s=this.getNextValue(s)}return[]}),L(this,"getValueRange",(n,i)=>n&&i?this.compareValue(n,i)<=0?this.range(n,i):this.range(i,n):[]),L(this,"toString",()=>{let n="";for(let i of this.items){let r=this.getItemValue(i),s=this.stringifyItem(i),a=this.getItemDisabled(i),o=[r,s,a].filter(Boolean).join(":");n+=o+","}return n}),L(this,"toJSON",()=>({size:this.size,first:this.firstValue,last:this.lastValue})),this.items=[...t.items]}get size(){return this.items.length}get firstValue(){let t=0;for(;this.getItemDisabled(this.at(t));)t++;return this.getItemValue(this.at(t))}get lastValue(){let t=this.size-1;for(;this.getItemDisabled(this.at(t));)t--;return this.getItemValue(this.at(t))}*[Symbol.iterator](){yield*sc(this.items)}},Ab=(e,t)=>!!(e!=null&&e.toLowerCase().startsWith(t.toLowerCase()));Vo=class extends Nt{constructor(e){let{columnCount:t}=e;super(e),L(this,"columnCount"),L(this,"rows",null),L(this,"getRows",()=>(this.rows||(this.rows=cr([...this.items],this.columnCount)),this.rows)),L(this,"getRowCount",()=>Math.ceil(this.items.length/this.columnCount)),L(this,"getCellIndex",(n,i)=>n*this.columnCount+i),L(this,"getCell",(n,i)=>this.at(this.getCellIndex(n,i))),L(this,"getValueCell",n=>{let i=this.indexOf(n);if(i===-1)return null;let r=Math.floor(i/this.columnCount),s=i%this.columnCount;return{row:r,column:s}}),L(this,"getLastEnabledColumnIndex",n=>{for(let i=this.columnCount-1;i>=0;i--){let r=this.getCell(n,i);if(r&&!this.getItemDisabled(r))return i}return null}),L(this,"getFirstEnabledColumnIndex",n=>{for(let i=0;i<this.columnCount;i++){let r=this.getCell(n,i);if(r&&!this.getItemDisabled(r))return i}return null}),L(this,"getPreviousRowValue",(n,i=!1)=>{let r=this.getValueCell(n);if(r===null)return null;let s=this.getRows(),a=s.length,o=r.row,l=r.column;for(let c=1;c<=a;c++){o=lr(s,o,{loop:i});let u=s[o];if(!u)continue;if(!u[l]){let d=this.getLastEnabledColumnIndex(o);d!=null&&(l=d)}let m=this.getCell(o,l);if(!this.getItemDisabled(m))return this.getItemValue(m)}return this.firstValue}),L(this,"getNextRowValue",(n,i=!1)=>{let r=this.getValueCell(n);if(r===null)return null;let s=this.getRows(),a=s.length,o=r.row,l=r.column;for(let c=1;c<=a;c++){o=Ei(s,o,{loop:i});let u=s[o];if(!u)continue;if(!u[l]){let d=this.getLastEnabledColumnIndex(o);d!=null&&(l=d)}let m=this.getCell(o,l);if(!this.getItemDisabled(m))return this.getItemValue(m)}return this.lastValue}),this.columnCount=t}};ld=class Ls extends Set{constructor(t=[]){super(t),L(this,"selectionMode","single"),L(this,"deselectable",!0),L(this,"copy",()=>{let n=new Ls([...this]);return this.sync(n)}),L(this,"sync",n=>(n.selectionMode=this.selectionMode,n.deselectable=this.deselectable,n)),L(this,"isEmpty",()=>this.size===0),L(this,"isSelected",n=>this.selectionMode==="none"||n==null?!1:this.has(n)),L(this,"canSelect",(n,i)=>this.selectionMode!=="none"||!n.getItemDisabled(n.find(i))),L(this,"firstSelectedValue",n=>{let i=null;for(let r of this)(!i||n.compareValue(r,i)<0)&&(i=r);return i}),L(this,"lastSelectedValue",n=>{let i=null;for(let r of this)(!i||n.compareValue(r,i)>0)&&(i=r);return i}),L(this,"extendSelection",(n,i,r)=>{if(this.selectionMode==="none")return this;if(this.selectionMode==="single")return this.replaceSelection(n,r);let s=this.copy(),a=Array.from(this).pop();for(let o of n.getValueRange(i,a!=null?a:r))s.delete(o);for(let o of n.getValueRange(r,i))this.canSelect(n,o)&&s.add(o);return s}),L(this,"toggleSelection",(n,i)=>{if(this.selectionMode==="none")return this;if(this.selectionMode==="single"&&!this.isSelected(i))return this.replaceSelection(n,i);let r=this.copy();return r.has(i)?r.delete(i):r.canSelect(n,i)&&r.add(i),r}),L(this,"replaceSelection",(n,i)=>{if(this.selectionMode==="none")return this;if(i==null)return this;if(!this.canSelect(n,i))return this;let r=new Ls([i]);return this.sync(r)}),L(this,"setSelection",n=>{if(this.selectionMode==="none")return this;let i=new Ls;for(let r of n)if(r!=null&&(i.add(r),this.selectionMode==="single"))break;return this.sync(i)}),L(this,"clearSelection",()=>{let n=this.copy();return n.deselectable&&n.size>0&&n.clear(),n}),L(this,"select",(n,i,r)=>this.selectionMode==="none"?this:this.selectionMode==="single"?this.isSelected(i)&&this.deselectable?this.toggleSelection(n,i):this.replaceSelection(n,i):this.selectionMode==="multiple"||r?this.toggleSelection(n,i):this.replaceSelection(n,i)),L(this,"deselect",n=>{let i=this.copy();return i.delete(n),i}),L(this,"isEqual",n=>fe(Array.from(this),Array.from(n)))}};Ao=class pd{constructor(t){this.options=t,L(this,"rootNode"),L(this,"isEqual",n=>fe(this.rootNode,n.rootNode)),L(this,"getNodeChildren",n=>{var i,r,s,a;return(a=(s=(r=(i=this.options).nodeToChildren)==null?void 0:r.call(i,n))!=null?s:wi.nodeToChildren(n))!=null?a:[]}),L(this,"resolveIndexPath",n=>typeof n=="string"?this.getIndexPath(n):n),L(this,"resolveNode",n=>{let i=this.resolveIndexPath(n);return i?this.at(i):void 0}),L(this,"getNodeChildrenCount",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToChildrenCount)==null?void 0:r.call(i,n))!=null?s:wi.nodeToChildrenCount(n)}),L(this,"getNodeValue",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToValue)==null?void 0:r.call(i,n))!=null?s:wi.nodeToValue(n)}),L(this,"getNodeDisabled",n=>{var i,r,s;return(s=(r=(i=this.options).isNodeDisabled)==null?void 0:r.call(i,n))!=null?s:wi.isNodeDisabled(n)}),L(this,"stringify",n=>{let i=this.findNode(n);return i?this.stringifyNode(i):null}),L(this,"stringifyNode",n=>{var i,r,s;return(s=(r=(i=this.options).nodeToString)==null?void 0:r.call(i,n))!=null?s:wi.nodeToString(n)}),L(this,"getFirstNode",(n=this.rootNode,i={})=>{let r;return Je(n,{getChildren:this.getNodeChildren,onEnter:(s,a)=>{var o;if(!this.isSameNode(s,n)){if((o=i.skip)!=null&&o.call(i,{value:this.getNodeValue(s),node:s,indexPath:a}))return"skip";if(!r&&a.length>0&&!this.getNodeDisabled(s))return r=s,"stop"}}}),r}),L(this,"getLastNode",(n=this.rootNode,i={})=>{let r;return Je(n,{getChildren:this.getNodeChildren,onEnter:(s,a)=>{var o;if(!this.isSameNode(s,n)){if((o=i.skip)!=null&&o.call(i,{value:this.getNodeValue(s),node:s,indexPath:a}))return"skip";a.length>0&&!this.getNodeDisabled(s)&&(r=s)}}}),r}),L(this,"at",n=>cd(this.rootNode,n,{getChildren:this.getNodeChildren})),L(this,"findNode",(n,i=this.rootNode)=>Rb(i,{getChildren:this.getNodeChildren,predicate:r=>this.getNodeValue(r)===n})),L(this,"findNodes",(n,i=this.rootNode)=>{let r=new Set(n.filter(s=>s!=null));return Db(i,{getChildren:this.getNodeChildren,predicate:s=>r.has(this.getNodeValue(s))})}),L(this,"sort",n=>n.reduce((i,r)=>{let s=this.getIndexPath(r);return s&&i.push({value:r,indexPath:s}),i},[]).sort((i,r)=>ud(i.indexPath,r.indexPath)).map(({value:i})=>i)),L(this,"getIndexPath",n=>sd(this.rootNode,{getChildren:this.getNodeChildren,predicate:i=>this.getNodeValue(i)===n})),L(this,"getValue",n=>{let i=this.at(n);return i?this.getNodeValue(i):void 0}),L(this,"getValuePath",n=>{if(!n)return[];let i=[],r=[...n];for(;r.length>0;){let s=this.at(r);s&&i.unshift(this.getNodeValue(s)),r.pop()}return i}),L(this,"getDepth",n=>{var r;let i=sd(this.rootNode,{getChildren:this.getNodeChildren,predicate:s=>this.getNodeValue(s)===n});return(r=i==null?void 0:i.length)!=null?r:0}),L(this,"isSameNode",(n,i)=>this.getNodeValue(n)===this.getNodeValue(i)),L(this,"isRootNode",n=>this.isSameNode(n,this.rootNode)),L(this,"contains",(n,i)=>!n||!i?!1:i.slice(0,n.length).every((r,s)=>n[s]===i[s])),L(this,"getNextNode",(n,i={})=>{let r=!1,s;return Je(this.rootNode,{getChildren:this.getNodeChildren,onEnter:(a,o)=>{var c;if(this.isRootNode(a))return;let l=this.getNodeValue(a);if((c=i.skip)!=null&&c.call(i,{value:l,node:a,indexPath:o}))return l===n&&(r=!0),"skip";if(r&&!this.getNodeDisabled(a))return s=a,"stop";l===n&&(r=!0)}}),s}),L(this,"getPreviousNode",(n,i={})=>{let r,s=!1;return Je(this.rootNode,{getChildren:this.getNodeChildren,onEnter:(a,o)=>{var c;if(this.isRootNode(a))return;let l=this.getNodeValue(a);if((c=i.skip)!=null&&c.call(i,{value:l,node:a,indexPath:o}))return"skip";if(l===n)return s=!0,"stop";this.getNodeDisabled(a)||(r=a)}}),s?r:void 0}),L(this,"getParentNodes",n=>{var s;let i=(s=this.resolveIndexPath(n))==null?void 0:s.slice();if(!i)return[];let r=[];for(;i.length>0;){i.pop();let a=this.at(i);a&&!this.isRootNode(a)&&r.unshift(a)}return r}),L(this,"getDescendantNodes",(n,i)=>{let r=this.resolveNode(n);if(!r)return[];let s=[];return Je(r,{getChildren:this.getNodeChildren,onEnter:(a,o)=>{o.length!==0&&(!(i!=null&&i.withBranch)&&this.isBranchNode(a)||s.push(a))}}),s}),L(this,"getDescendantValues",(n,i)=>this.getDescendantNodes(n,i).map(s=>this.getNodeValue(s))),L(this,"getParentIndexPath",n=>n.slice(0,-1)),L(this,"getParentNode",n=>{let i=this.resolveIndexPath(n);return i?this.at(this.getParentIndexPath(i)):void 0}),L(this,"visit",n=>{let s=n,{skip:i}=s,r=ft(s,["skip"]);Je(this.rootNode,y(g({},r),{getChildren:this.getNodeChildren,onEnter:(a,o)=>{var l;if(!this.isRootNode(a))return i!=null&&i({value:this.getNodeValue(a),node:a,indexPath:o})?"skip":(l=r.onEnter)==null?void 0:l.call(r,a,o)}}))}),L(this,"getPreviousSibling",n=>{let i=this.getParentNode(n);if(!i)return;let r=this.getNodeChildren(i),s=n[n.length-1];for(;--s>=0;){let a=r[s];if(!this.getNodeDisabled(a))return a}}),L(this,"getNextSibling",n=>{let i=this.getParentNode(n);if(!i)return;let r=this.getNodeChildren(i),s=n[n.length-1];for(;++s<r.length;){let a=r[s];if(!this.getNodeDisabled(a))return a}}),L(this,"getSiblingNodes",n=>{let i=this.getParentNode(n);return i?this.getNodeChildren(i):[]}),L(this,"getValues",(n=this.rootNode)=>Mb(n,{getChildren:this.getNodeChildren,transform:r=>[this.getNodeValue(r)]}).slice(1)),L(this,"isValidDepth",(n,i)=>i==null?!0:typeof i=="function"?i(n.length):n.length===i),L(this,"isBranchNode",n=>this.getNodeChildren(n).length>0||this.getNodeChildrenCount(n)!=null),L(this,"getBranchValues",(n=this.rootNode,i={})=>{let r=[];return Je(n,{getChildren:this.getNodeChildren,onEnter:(s,a)=>{var l;if(a.length===0)return;let o=this.getNodeValue(s);if((l=i.skip)!=null&&l.call(i,{value:o,node:s,indexPath:a}))return"skip";this.isBranchNode(s)&&this.isValidDepth(a,i.depth)&&r.push(this.getNodeValue(s))}}),r}),L(this,"flatten",(n=this.rootNode)=>$b(n,{getChildren:this.getNodeChildren})),L(this,"_create",(n,i)=>this.getNodeChildren(n).length>0||i.length>0?y(g({},n),{children:i}):g({},n)),L(this,"_insert",(n,i,r)=>this.copy(Ub(n,{at:i,nodes:r,getChildren:this.getNodeChildren,create:this._create}))),L(this,"copy",n=>new pd(y(g({},this.options),{rootNode:n}))),L(this,"_replace",(n,i,r)=>this.copy(qb(n,{at:i,node:r,getChildren:this.getNodeChildren,create:this._create}))),L(this,"_move",(n,i,r)=>this.copy(Kb(n,{indexPaths:i,to:r,getChildren:this.getNodeChildren,create:this._create}))),L(this,"_remove",(n,i)=>this.copy(Wb(n,{indexPaths:i,getChildren:this.getNodeChildren,create:this._create}))),L(this,"replace",(n,i)=>this._replace(this.rootNode,n,i)),L(this,"remove",n=>this._remove(this.rootNode,n)),L(this,"insertBefore",(n,i)=>this.getParentNode(n)?this._insert(this.rootNode,n,i):void 0),L(this,"insertAfter",(n,i)=>{if(!this.getParentNode(n))return;let s=[...n.slice(0,-1),n[n.length-1]+1];return this._insert(this.rootNode,s,i)}),L(this,"move",(n,i)=>this._move(this.rootNode,n,i)),L(this,"filter",n=>{let i=Fb(this.rootNode,{predicate:n,getChildren:this.getNodeChildren,create:this._create});return this.copy(i)}),L(this,"toJSON",()=>this.getValues(this.rootNode)),this.rootNode=t.rootNode}},wi={nodeToValue(e){return typeof e=="string"?e:xt(e)&&$e(e,"value")?e.value:""},nodeToString(e){return typeof e=="string"?e:xt(e)&&$e(e,"label")?e.label:wi.nodeToValue(e)},isNodeDisabled(e){return xt(e)&&$e(e,"disabled")?!!e.disabled:!1},nodeToChildren(e){return e.children},nodeToChildrenCount(e){if(xt(e)&&$e(e,"childrenCount"))return e.childrenCount}}});function No(e,t,n){return Qe(e,Sn(t,n))}function Qt(e,t){return typeof e=="function"?e(t):e}function en(e){return e.split("-")[0]}function Ai(e){return e.split("-")[1]}function Lo(e){return e==="x"?"y":"x"}function Mo(e){return e==="y"?"height":"width"}function Rt(e){return Xb.has(en(e))?"y":"x"}function Fo(e){return Lo(Rt(e))}function Zb(e,t,n){n===void 0&&(n=!1);let i=Ai(e),r=Fo(e),s=Mo(r),a=r==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(a=Hs(a)),[a,Hs(a)]}function Jb(e){let t=Hs(e);return[Ro(e),t,Ro(t)]}function Ro(e){return e.replace(/start|end/g,t=>jb[t])}function tE(e,t,n){switch(e){case"top":case"bottom":return n?t?md:fd:t?fd:md;case"left":case"right":return t?Qb:eE;default:return[]}}function nE(e,t,n,i){let r=Ai(e),s=tE(en(e),n==="start",i);return r&&(s=s.map(a=>a+"-"+r),t&&(s=s.concat(s.map(Ro)))),s}function Hs(e){return e.replace(/left|right|bottom|top/g,t=>Yb[t])}function iE(e){return g({top:0,right:0,bottom:0,left:0},e)}function Od(e){return typeof e!="number"?iE(e):{top:e,right:e,bottom:e,left:e}}function Bs(e){let{x:t,y:n,width:i,height:r}=e;return{width:i,height:r,top:n,left:t,right:t+i,bottom:n+r,x:t,y:n}}function vd(e,t,n){let{reference:i,floating:r}=e,s=Rt(t),a=Fo(t),o=Mo(a),l=en(t),c=s==="y",u=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,m=i[o]/2-r[o]/2,d;switch(l){case"top":d={x:u,y:i.y-r.height};break;case"bottom":d={x:u,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:h};break;case"left":d={x:i.x-r.width,y:h};break;default:d={x:i.x,y:i.y}}switch(Ai(t)){case"start":d[a]-=m*(n&&c?-1:1);break;case"end":d[a]+=m*(n&&c?-1:1);break}return d}function rE(e,t){return Ve(this,null,function*(){var n;t===void 0&&(t={});let{x:i,y:r,platform:s,rects:a,elements:o,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:m=!1,padding:d=0}=Qt(t,e),p=Od(d),I=o[m?h==="floating"?"reference":"floating":h],T=Bs(yield s.getClippingRect({element:(n=yield s.isElement==null?void 0:s.isElement(I))==null||n?I:I.contextElement||(yield s.getDocumentElement==null?void 0:s.getDocumentElement(o.floating)),boundary:c,rootBoundary:u,strategy:l})),w=h==="floating"?{x:i,y:r,width:a.floating.width,height:a.floating.height}:a.reference,b=yield s.getOffsetParent==null?void 0:s.getOffsetParent(o.floating),f=(yield s.isElement==null?void 0:s.isElement(b))?(yield s.getScale==null?void 0:s.getScale(b))||{x:1,y:1}:{x:1,y:1},S=Bs(s.convertOffsetParentRelativeRectToViewportRelativeRect?yield s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:w,offsetParent:b,strategy:l}):w);return{top:(T.top-S.top+p.top)/f.y,bottom:(S.bottom-T.bottom+p.bottom)/f.y,left:(T.left-S.left+p.left)/f.x,right:(S.right-T.right+p.right)/f.x}})}function yd(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function bd(e){return zb.some(t=>e[t]>=0)}function cE(e,t){return Ve(this,null,function*(){let{placement:n,platform:i,elements:r}=e,s=yield i.isRTL==null?void 0:i.isRTL(r.floating),a=en(n),o=Ai(n),l=Rt(n)==="y",c=wd.has(a)?-1:1,u=s&&l?-1:1,h=Qt(t,e),{mainAxis:m,crossAxis:d,alignmentAxis:p}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return o&&typeof p=="number"&&(d=o==="end"?p*-1:p),l?{x:d*u,y:m*c}:{x:m*c,y:d*u}})}function _s(){return typeof window!="undefined"}function ki(e){return Vd(e)?(e.nodeName||"").toLowerCase():"#document"}function et(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Mt(e){var t;return(t=(Vd(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Vd(e){return _s()?e instanceof Node||e instanceof et(e).Node:!1}function bt(e){return _s()?e instanceof Element||e instanceof et(e).Element:!1}function Lt(e){return _s()?e instanceof HTMLElement||e instanceof et(e).HTMLElement:!1}function Ed(e){return!_s()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof et(e).ShadowRoot}function Ir(e){let{overflow:t,overflowX:n,overflowY:i,display:r}=Et(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!pE.has(r)}function mE(e){return fE.has(ki(e))}function Gs(e){return vE.some(t=>{try{return e.matches(t)}catch(n){return!1}})}function $o(e){let t=Ho(),n=bt(e)?Et(e):e;return yE.some(i=>n[i]?n[i]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||bE.some(i=>(n.willChange||"").includes(i))||EE.some(i=>(n.contain||"").includes(i))}function IE(e){let t=Tn(e);for(;Lt(t)&&!xi(t);){if($o(t))return t;if(Gs(t))return null;t=Tn(t)}return null}function Ho(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function xi(e){return PE.has(ki(e))}function Et(e){return et(e).getComputedStyle(e)}function Us(e){return bt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Tn(e){if(ki(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Ed(e)&&e.host||Mt(e);return Ed(t)?t.host:t}function xd(e){let t=Tn(e);return xi(t)?e.ownerDocument?e.ownerDocument.body:e.body:Lt(t)&&Ir(t)?t:xd(t)}function Er(e,t,n){var i;t===void 0&&(t=[]),n===void 0&&(n=!0);let r=xd(e),s=r===((i=e.ownerDocument)==null?void 0:i.body),a=et(r);if(s){let o=Do(a);return t.concat(a,a.visualViewport||[],Ir(r)?r:[],o&&n?Er(o):[])}return t.concat(r,Er(r,[],n))}function Do(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ad(e){let t=Et(e),n=parseFloat(t.width)||0,i=parseFloat(t.height)||0,r=Lt(e),s=r?e.offsetWidth:n,a=r?e.offsetHeight:i,o=$s(n)!==s||$s(i)!==a;return o&&(n=s,i=a),{width:n,height:i,$:o}}function Bo(e){return bt(e)?e:e.contextElement}function Vi(e){let t=Bo(e);if(!Lt(t))return Dt(1);let n=t.getBoundingClientRect(),{width:i,height:r,$:s}=Ad(t),a=(s?$s(n.width):n.width)/i,o=(s?$s(n.height):n.height)/r;return(!a||!Number.isFinite(a))&&(a=1),(!o||!Number.isFinite(o))&&(o=1),{x:a,y:o}}function kd(e){let t=et(e);return!Ho()||!t.visualViewport?CE:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function SE(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==et(e)?!1:t}function qn(e,t,n,i){t===void 0&&(t=!1),n===void 0&&(n=!1);let r=e.getBoundingClientRect(),s=Bo(e),a=Dt(1);t&&(i?bt(i)&&(a=Vi(i)):a=Vi(e));let o=SE(s,n,i)?kd(s):Dt(0),l=(r.left+o.x)/a.x,c=(r.top+o.y)/a.y,u=r.width/a.x,h=r.height/a.y;if(s){let m=et(s),d=i&&bt(i)?et(i):i,p=m,v=Do(p);for(;v&&i&&d!==p;){let I=Vi(v),T=v.getBoundingClientRect(),w=Et(v),b=T.left+(v.clientLeft+parseFloat(w.paddingLeft))*I.x,f=T.top+(v.clientTop+parseFloat(w.paddingTop))*I.y;l*=I.x,c*=I.y,u*=I.x,h*=I.y,l+=b,c+=f,p=et(v),v=Do(p)}}return Bs({width:u,height:h,x:l,y:c})}function qs(e,t){let n=Us(e).scrollLeft;return t?t.left+n:qn(Mt(e)).left+n}function Nd(e,t){let n=e.getBoundingClientRect(),i=n.left+t.scrollLeft-qs(e,n),r=n.top+t.scrollTop;return{x:i,y:r}}function TE(e){let{elements:t,rect:n,offsetParent:i,strategy:r}=e,s=r==="fixed",a=Mt(i),o=t?Gs(t.floating):!1;if(i===a||o&&s)return n;let l={scrollLeft:0,scrollTop:0},c=Dt(1),u=Dt(0),h=Lt(i);if((h||!h&&!s)&&((ki(i)!=="body"||Ir(a))&&(l=Us(i)),Lt(i))){let d=qn(i);c=Vi(i),u.x=d.x+i.clientLeft,u.y=d.y+i.clientTop}let m=a&&!h&&!s?Nd(a,l):Dt(0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+u.x+m.x,y:n.y*c.y-l.scrollTop*c.y+u.y+m.y}}function OE(e){return Array.from(e.getClientRects())}function wE(e){let t=Mt(e),n=Us(e),i=e.ownerDocument.body,r=Qe(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),s=Qe(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),a=-n.scrollLeft+qs(e),o=-n.scrollTop;return Et(i).direction==="rtl"&&(a+=Qe(t.clientWidth,i.clientWidth)-r),{width:r,height:s,x:a,y:o}}function VE(e,t){let n=et(e),i=Mt(e),r=n.visualViewport,s=i.clientWidth,a=i.clientHeight,o=0,l=0;if(r){s=r.width,a=r.height;let u=Ho();(!u||u&&t==="fixed")&&(o=r.offsetLeft,l=r.offsetTop)}let c=qs(i);if(c<=0){let u=i.ownerDocument,h=u.body,m=getComputedStyle(h),d=u.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(i.clientWidth-h.clientWidth-d);p<=Id&&(s-=p)}else c<=Id&&(s+=c);return{width:s,height:a,x:o,y:l}}function AE(e,t){let n=qn(e,!0,t==="fixed"),i=n.top+e.clientTop,r=n.left+e.clientLeft,s=Lt(e)?Vi(e):Dt(1),a=e.clientWidth*s.x,o=e.clientHeight*s.y,l=r*s.x,c=i*s.y;return{width:a,height:o,x:l,y:c}}function Pd(e,t,n){let i;if(t==="viewport")i=VE(e,n);else if(t==="document")i=wE(Mt(e));else if(bt(t))i=AE(t,n);else{let r=kd(e);i={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return Bs(i)}function Rd(e,t){let n=Tn(e);return n===t||!bt(n)||xi(n)?!1:Et(n).position==="fixed"||Rd(n,t)}function kE(e,t){let n=t.get(e);if(n)return n;let i=Er(e,[],!1).filter(o=>bt(o)&&ki(o)!=="body"),r=null,s=Et(e).position==="fixed",a=s?Tn(e):e;for(;bt(a)&&!xi(a);){let o=Et(a),l=$o(a);!l&&o.position==="fixed"&&(r=null),(s?!l&&!r:!l&&o.position==="static"&&!!r&&xE.has(r.position)||Ir(a)&&!l&&Rd(e,a))?i=i.filter(u=>u!==a):r=o,a=Tn(a)}return t.set(e,i),i}function NE(e){let{element:t,boundary:n,rootBoundary:i,strategy:r}=e,a=[...n==="clippingAncestors"?Gs(t)?[]:kE(t,this._c):[].concat(n),i],o=a[0],l=a.reduce((c,u)=>{let h=Pd(t,u,r);return c.top=Qe(h.top,c.top),c.right=Sn(h.right,c.right),c.bottom=Sn(h.bottom,c.bottom),c.left=Qe(h.left,c.left),c},Pd(t,o,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function RE(e){let{width:t,height:n}=Ad(e);return{width:t,height:n}}function DE(e,t,n){let i=Lt(t),r=Mt(t),s=n==="fixed",a=qn(e,!0,s,t),o={scrollLeft:0,scrollTop:0},l=Dt(0);function c(){l.x=qs(r)}if(i||!i&&!s)if((ki(t)!=="body"||Ir(r))&&(o=Us(t)),i){let d=qn(t,!0,s,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else r&&c();s&&!i&&r&&c();let u=r&&!i&&!s?Nd(r,o):Dt(0),h=a.left+o.scrollLeft-l.x-u.x,m=a.top+o.scrollTop-l.y-u.y;return{x:h,y:m,width:a.width,height:a.height}}function ko(e){return Et(e).position==="static"}function Cd(e,t){if(!Lt(e)||Et(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return Mt(e)===n&&(n=n.ownerDocument.body),n}function Dd(e,t){let n=et(e);if(Gs(e))return n;if(!Lt(e)){let r=Tn(e);for(;r&&!xi(r);){if(bt(r)&&!ko(r))return r;r=Tn(r)}return n}let i=Cd(e,t);for(;i&&mE(i)&&ko(i);)i=Cd(i,t);return i&&xi(i)&&ko(i)&&!$o(i)?n:i||IE(e)||n}function ME(e){return Et(e).direction==="rtl"}function Ld(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function $E(e,t){let n=null,i,r=Mt(e);function s(){var o;clearTimeout(i),(o=n)==null||o.disconnect(),n=null}function a(o,l){o===void 0&&(o=!1),l===void 0&&(l=1),s();let c=e.getBoundingClientRect(),{left:u,top:h,width:m,height:d}=c;if(o||t(),!m||!d)return;let p=Fs(h),v=Fs(r.clientWidth-(u+m)),I=Fs(r.clientHeight-(h+d)),T=Fs(u),b={rootMargin:-p+"px "+-v+"px "+-I+"px "+-T+"px",threshold:Qe(0,Sn(1,l))||1},f=!0;function S(P){let V=P[0].intersectionRatio;if(V!==l){if(!f)return a();V?a(!1,V):i=setTimeout(()=>{a(!1,1e-7)},1e3)}V===1&&!Ld(c,e.getBoundingClientRect())&&a(),f=!1}try{n=new IntersectionObserver(S,y(g({},b),{root:r.ownerDocument}))}catch(P){n=new IntersectionObserver(S,b)}n.observe(e)}return a(!0),s}function HE(e,t,n,i){i===void 0&&(i={});let{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:o=typeof IntersectionObserver=="function",animationFrame:l=!1}=i,c=Bo(e),u=r||s?[...c?Er(c):[],...Er(t)]:[];u.forEach(T=>{r&&T.addEventListener("scroll",n,{passive:!0}),s&&T.addEventListener("resize",n)});let h=c&&o?$E(c,n):null,m=-1,d=null;a&&(d=new ResizeObserver(T=>{let[w]=T;w&&w.target===c&&d&&(d.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var b;(b=d)==null||b.observe(t)})),n()}),c&&!l&&d.observe(c),d.observe(t));let p,v=l?qn(e):null;l&&I();function I(){let T=qn(e);v&&!Ld(v,T)&&n(),v=T,p=requestAnimationFrame(I)}return n(),()=>{var T;u.forEach(w=>{r&&w.removeEventListener("scroll",n),s&&w.removeEventListener("resize",n)}),h==null||h(),(T=d)==null||T.disconnect(),d=null,l&&cancelAnimationFrame(p)}}function Sd(e=0,t=0,n=0,i=0){if(typeof DOMRect=="function")return new DOMRect(e,t,n,i);let r={x:e,y:t,width:n,height:i,top:t,right:e+n,bottom:t+i,left:e};return y(g({},r),{toJSON:()=>r})}function YE(e){if(!e)return Sd();let{x:t,y:n,width:i,height:r}=e;return Sd(t,n,i,r)}function jE(e,t){return{contextElement:le(e)?e:e==null?void 0:e.contextElement,getBoundingClientRect:()=>{let n=e,i=t==null?void 0:t(n);return i||!n?YE(i):n.getBoundingClientRect()}}}function ZE(e,t){return{name:"transformOrigin",fn(n){var x,k,N,D,$;let{elements:i,middlewareData:r,placement:s,rects:a,y:o}=n,l=s.split("-")[0],c=XE(l),u=((x=r.arrow)==null?void 0:x.x)||0,h=((k=r.arrow)==null?void 0:k.y)||0,m=(t==null?void 0:t.clientWidth)||0,d=(t==null?void 0:t.clientHeight)||0,p=u+m/2,v=h+d/2,I=Math.abs(((N=r.shift)==null?void 0:N.y)||0),T=a.reference.height/2,w=d/2,b=($=(D=e.offset)==null?void 0:D.mainAxis)!=null?$:e.gutter,f=typeof b=="number"?b+w:b!=null?b:w,S=I>f,P={top:`${p}px calc(100% + ${f}px)`,bottom:`${p}px ${-f}px`,left:`calc(100% + ${f}px) ${v}px`,right:`${-f}px ${v}px`}[l],V=`${p}px ${a.reference.y+T-o}px`,A=!!e.overlap&&c==="y"&&S;return i.floating.style.setProperty(Jt.transformOrigin.variable,A?V:P),{data:{transformOrigin:A?V:P}}}}}function eI(e){let[t,n]=e.split("-");return{side:t,align:n,hasAlign:n!=null}}function Md(e){return e.split("-")[0]}function Td(e,t){let n=e.devicePixelRatio||1;return Math.round(t*n)/n}function _o(e){return typeof e=="function"?e():e==="clipping-ancestors"?"clippingAncestors":e}function nI(e,t,n){let i=e||t.createElement("div");return WE({element:i,padding:n.arrowPadding})}function iI(e,t){var n;if(!Wc((n=t.offset)!=null?n:t.gutter))return BE(({placement:i})=>{var u,h,m,d;let r=((e==null?void 0:e.clientHeight)||0)/2,s=(h=(u=t.offset)==null?void 0:u.mainAxis)!=null?h:t.gutter,a=typeof s=="number"?s+r:s!=null?s:r,{hasAlign:o}=eI(i),l=o?void 0:t.shift,c=(d=(m=t.offset)==null?void 0:m.crossAxis)!=null?d:l;return Si({crossAxis:c,mainAxis:a,alignmentAxis:t.shift})})}function rI(e){if(!e.flip)return;let t=_o(e.boundary);return GE(y(g({},t?{boundary:t}:void 0),{padding:e.overflowPadding,fallbackPlacements:e.flip===!0?void 0:e.flip}))}function sI(e){if(!e.slide&&!e.overlap)return;let t=_o(e.boundary);return _E(y(g({},t?{boundary:t}:void 0),{mainAxis:e.slide,crossAxis:e.overlap,padding:e.overflowPadding,limiter:KE()}))}function aI(e){return UE({padding:e.overflowPadding,apply({elements:t,rects:n,availableHeight:i,availableWidth:r}){let s=t.floating,a=Math.round(n.reference.width),o=Math.round(n.reference.height);r=Math.floor(r),i=Math.floor(i),s.style.setProperty("--reference-width",`${a}px`),s.style.setProperty("--reference-height",`${o}px`),s.style.setProperty("--available-width",`${r}px`),s.style.setProperty("--available-height",`${i}px`)}})}function oI(e){var t;if(e.hideWhenDetached)return qE({strategy:"referenceHidden",boundary:(t=_o(e.boundary))!=null?t:"clippingAncestors"})}function lI(e){return e?e===!0?{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,layoutShift:!0}:e:{}}function cI(e,t,n={}){var I,T;let i=(T=(I=n.getAnchorElement)==null?void 0:I.call(n))!=null?T:e,r=jE(i,n.getAnchorRect);if(!t||!r)return;let s=Object.assign({},tI,n),a=t.querySelector("[data-part=arrow]"),o=[iI(a,s),rI(s),sI(s),nI(a,t.ownerDocument,s),QE(a),ZE({gutter:s.gutter,offset:s.offset,overlap:s.overlap},a),aI(s),oI(s),JE],{placement:l,strategy:c,onComplete:u,onPositioned:h}=s,m=()=>Ve(null,null,function*(){var V;if(!r||!t)return;let w=yield zE(r,t,{placement:l,middleware:o,strategy:c});u==null||u(w),h==null||h({placed:!0});let b=ue(t),f=Td(b,w.x),S=Td(b,w.y);t.style.setProperty("--x",`${f}px`),t.style.setProperty("--y",`${S}px`),s.hideWhenDetached&&(((V=w.middlewareData.hide)==null?void 0:V.referenceHidden)?(t.style.setProperty("visibility","hidden"),t.style.setProperty("pointer-events","none")):(t.style.removeProperty("visibility"),t.style.removeProperty("pointer-events")));let P=t.firstElementChild;if(P){let A=at(P);t.style.setProperty("--z-index",A.zIndex)}}),d=()=>Ve(null,null,function*(){n.updatePosition?(yield n.updatePosition({updatePosition:m,floatingElement:t}),h==null||h({placed:!0})):yield m()}),p=lI(s.listeners),v=s.listeners?HE(r,t,d,p):zc;return d(),()=>{v==null||v(),h==null||h({placed:!1})}}function It(e,t,n={}){let o=n,{defer:i}=o,r=ft(o,["defer"]),s=i?H:l=>l(),a=[];return a.push(s(()=>{let l=typeof e=="function"?e():e,c=typeof t=="function"?t():t;a.push(cI(l,c,r))})),()=>{a.forEach(l=>l==null?void 0:l())}}function On(e={}){let{placement:t,sameWidth:n,fitViewport:i,strategy:r="absolute"}=e;return{arrow:{position:"absolute",width:Jt.arrowSize.reference,height:Jt.arrowSize.reference,[Jt.arrowSizeHalf.variable]:`calc(${Jt.arrowSize.reference} / 2)`,[Jt.arrowOffset.variable]:`calc(${Jt.arrowSizeHalf.reference} * -1)`},arrowTip:{transform:t?uI[t.split("-")[0]]:void 0,background:Jt.arrowBg.reference,top:"0",left:"0",width:"100%",height:"100%",position:"absolute",zIndex:"inherit"},floating:{position:r,isolation:"isolate",minWidth:n?void 0:"max-content",width:n?"var(--reference-width)":void 0,maxWidth:i?"var(--available-width)":void 0,maxHeight:i?"var(--available-height)":void 0,pointerEvents:t?void 0:"none",top:"0px",left:"0px",transform:t?"translate3d(var(--x), var(--y), 0)":"translate3d(0, -100vh, 0)",zIndex:"var(--z-index)"}}}var zb,Sn,Qe,$s,Fs,Dt,Yb,jb,Xb,fd,md,Qb,eE,sE,aE,oE,lE,wd,uE,dE,hE,gE,pE,fE,vE,yE,bE,EE,PE,CE,Id,xE,LE,FE,BE,_E,GE,UE,qE,WE,KE,zE,br,Jt,XE,JE,QE,tI,uI,Pr=re(()=>{"use strict";se();zb=["top","right","bottom","left"],Sn=Math.min,Qe=Math.max,$s=Math.round,Fs=Math.floor,Dt=e=>({x:e,y:e}),Yb={left:"right",right:"left",bottom:"top",top:"bottom"},jb={start:"end",end:"start"};Xb=new Set(["top","bottom"]);fd=["left","right"],md=["right","left"],Qb=["top","bottom"],eE=["bottom","top"];sE=(e,t,n)=>Ve(null,null,function*(){let{placement:i="bottom",strategy:r="absolute",middleware:s=[],platform:a}=n,o=s.filter(Boolean),l=yield a.isRTL==null?void 0:a.isRTL(t),c=yield a.getElementRects({reference:e,floating:t,strategy:r}),{x:u,y:h}=vd(c,i,l),m=i,d={},p=0;for(let I=0;I<o.length;I++){var v;let{name:T,fn:w}=o[I],{x:b,y:f,data:S,reset:P}=yield w({x:u,y:h,initialPlacement:i,placement:m,strategy:r,middlewareData:d,rects:c,platform:y(g({},a),{detectOverflow:(v=a.detectOverflow)!=null?v:rE}),elements:{reference:e,floating:t}});u=b!=null?b:u,h=f!=null?f:h,d=y(g({},d),{[T]:g(g({},d[T]),S)}),P&&p<=50&&(p++,typeof P=="object"&&(P.placement&&(m=P.placement),P.rects&&(c=P.rects===!0?yield a.getElementRects({reference:e,floating:t,strategy:r}):P.rects),{x:u,y:h}=vd(c,m,l)),I=-1)}return{x:u,y:h,placement:m,strategy:r,middlewareData:d}}),aE=e=>({name:"arrow",options:e,fn(n){return Ve(this,null,function*(){let{x:i,y:r,placement:s,rects:a,platform:o,elements:l,middlewareData:c}=n,{element:u,padding:h=0}=Qt(e,n)||{};if(u==null)return{};let m=Od(h),d={x:i,y:r},p=Fo(s),v=Mo(p),I=yield o.getDimensions(u),T=p==="y",w=T?"top":"left",b=T?"bottom":"right",f=T?"clientHeight":"clientWidth",S=a.reference[v]+a.reference[p]-d[p]-a.floating[v],P=d[p]-a.reference[p],V=yield o.getOffsetParent==null?void 0:o.getOffsetParent(u),A=V?V[f]:0;(!A||!(yield o.isElement==null?void 0:o.isElement(V)))&&(A=l.floating[f]||a.floating[v]);let x=S/2-P/2,k=A/2-I[v]/2-1,N=Sn(m[w],k),D=Sn(m[b],k),$=N,te=A-I[v]-D,J=A/2-I[v]/2+x,ie=No($,J,te),Q=!c.arrow&&Ai(s)!=null&&J!==ie&&a.reference[v]/2-(J<$?N:D)-I[v]/2<0,Se=Q?J<$?J-$:J-te:0;return{[p]:d[p]+Se,data:g({[p]:ie,centerOffset:J-ie-Se},Q&&{alignmentOffset:Se}),reset:Q}})}}),oE=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(n){return Ve(this,null,function*(){var i,r;let{placement:s,middlewareData:a,rects:o,initialPlacement:l,platform:c,elements:u}=n,J=Qt(e,n),{mainAxis:h=!0,crossAxis:m=!0,fallbackPlacements:d,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:I=!0}=J,T=ft(J,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((i=a.arrow)!=null&&i.alignmentOffset)return{};let w=en(s),b=Rt(l),f=en(l)===l,S=yield c.isRTL==null?void 0:c.isRTL(u.floating),P=d||(f||!I?[Hs(l)]:Jb(l)),V=v!=="none";!d&&V&&P.push(...nE(l,I,v,S));let A=[l,...P],x=yield c.detectOverflow(n,T),k=[],N=((r=a.flip)==null?void 0:r.overflows)||[];if(h&&k.push(x[w]),m){let ie=Zb(s,o,S);k.push(x[ie[0]],x[ie[1]])}if(N=[...N,{placement:s,overflows:k}],!k.every(ie=>ie<=0)){var D,$;let ie=(((D=a.flip)==null?void 0:D.index)||0)+1,Q=A[ie];if(Q&&(!(m==="alignment"?b!==Rt(Q):!1)||N.every(ne=>Rt(ne.placement)===b?ne.overflows[0]>0:!0)))return{data:{index:ie,overflows:N},reset:{placement:Q}};let Se=($=N.filter(Pe=>Pe.overflows[0]<=0).sort((Pe,ne)=>Pe.overflows[1]-ne.overflows[1])[0])==null?void 0:$.placement;if(!Se)switch(p){case"bestFit":{var te;let Pe=(te=N.filter(ne=>{if(V){let Ie=Rt(ne.placement);return Ie===b||Ie==="y"}return!0}).map(ne=>[ne.placement,ne.overflows.filter(Ie=>Ie>0).reduce((Ie,rt)=>Ie+rt,0)]).sort((ne,Ie)=>ne[1]-Ie[1])[0])==null?void 0:te[0];Pe&&(Se=Pe);break}case"initialPlacement":Se=l;break}if(s!==Se)return{reset:{placement:Se}}}return{}})}}};lE=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(n){return Ve(this,null,function*(){let{rects:i,platform:r}=n,o=Qt(e,n),{strategy:s="referenceHidden"}=o,a=ft(o,["strategy"]);switch(s){case"referenceHidden":{let l=yield r.detectOverflow(n,y(g({},a),{elementContext:"reference"})),c=yd(l,i.reference);return{data:{referenceHiddenOffsets:c,referenceHidden:bd(c)}}}case"escaped":{let l=yield r.detectOverflow(n,y(g({},a),{altBoundary:!0})),c=yd(l,i.floating);return{data:{escapedOffsets:c,escaped:bd(c)}}}default:return{}}})}}},wd=new Set(["left","top"]);uE=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(n){return Ve(this,null,function*(){var i,r;let{x:s,y:a,placement:o,middlewareData:l}=n,c=yield cE(n,e);return o===((i=l.offset)==null?void 0:i.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:s+c.x,y:a+c.y,data:y(g({},c),{placement:o})}})}}},dE=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(n){return Ve(this,null,function*(){let{x:i,y:r,placement:s,platform:a}=n,w=Qt(e,n),{mainAxis:o=!0,crossAxis:l=!1,limiter:c={fn:b=>{let{x:f,y:S}=b;return{x:f,y:S}}}}=w,u=ft(w,["mainAxis","crossAxis","limiter"]),h={x:i,y:r},m=yield a.detectOverflow(n,u),d=Rt(en(s)),p=Lo(d),v=h[p],I=h[d];if(o){let b=p==="y"?"top":"left",f=p==="y"?"bottom":"right",S=v+m[b],P=v-m[f];v=No(S,v,P)}if(l){let b=d==="y"?"top":"left",f=d==="y"?"bottom":"right",S=I+m[b],P=I-m[f];I=No(S,I,P)}let T=c.fn(y(g({},n),{[p]:v,[d]:I}));return y(g({},T),{data:{x:T.x-i,y:T.y-r,enabled:{[p]:o,[d]:l}}})})}}},hE=function(e){return e===void 0&&(e={}),{options:e,fn(t){let{x:n,y:i,placement:r,rects:s,middlewareData:a}=t,{offset:o=0,mainAxis:l=!0,crossAxis:c=!0}=Qt(e,t),u={x:n,y:i},h=Rt(r),m=Lo(h),d=u[m],p=u[h],v=Qt(o,t),I=typeof v=="number"?{mainAxis:v,crossAxis:0}:g({mainAxis:0,crossAxis:0},v);if(l){let b=m==="y"?"height":"width",f=s.reference[m]-s.floating[b]+I.mainAxis,S=s.reference[m]+s.reference[b]-I.mainAxis;d<f?d=f:d>S&&(d=S)}if(c){var T,w;let b=m==="y"?"width":"height",f=wd.has(en(r)),S=s.reference[h]-s.floating[b]+(f&&((T=a.offset)==null?void 0:T[h])||0)+(f?0:I.crossAxis),P=s.reference[h]+s.reference[b]+(f?0:((w=a.offset)==null?void 0:w[h])||0)-(f?I.crossAxis:0);p<S?p=S:p>P&&(p=P)}return{[m]:d,[h]:p}}}},gE=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(n){return Ve(this,null,function*(){var i,r;let{placement:s,rects:a,platform:o,elements:l}=n,N=Qt(e,n),{apply:c=()=>{}}=N,u=ft(N,["apply"]),h=yield o.detectOverflow(n,u),m=en(s),d=Ai(s),p=Rt(s)==="y",{width:v,height:I}=a.floating,T,w;m==="top"||m==="bottom"?(T=m,w=d===((yield o.isRTL==null?void 0:o.isRTL(l.floating))?"start":"end")?"left":"right"):(w=m,T=d==="end"?"top":"bottom");let b=I-h.top-h.bottom,f=v-h.left-h.right,S=Sn(I-h[T],b),P=Sn(v-h[w],f),V=!n.middlewareData.shift,A=S,x=P;if((i=n.middlewareData.shift)!=null&&i.enabled.x&&(x=f),(r=n.middlewareData.shift)!=null&&r.enabled.y&&(A=b),V&&!d){let D=Qe(h.left,0),$=Qe(h.right,0),te=Qe(h.top,0),J=Qe(h.bottom,0);p?x=v-2*(D!==0||$!==0?D+$:Qe(h.left,h.right)):A=I-2*(te!==0||J!==0?te+J:Qe(h.top,h.bottom))}yield c(y(g({},n),{availableWidth:x,availableHeight:A}));let k=yield o.getDimensions(l.floating);return v!==k.width||I!==k.height?{reset:{rects:!0}}:{}})}}};pE=new Set(["inline","contents"]);fE=new Set(["table","td","th"]);vE=[":popover-open",":modal"];yE=["transform","translate","scale","rotate","perspective"],bE=["transform","translate","scale","rotate","perspective","filter"],EE=["paint","layout","strict","content"];PE=new Set(["html","body","#document"]);CE=Dt(0);Id=25;xE=new Set(["absolute","fixed"]);LE=function(e){return Ve(this,null,function*(){let t=this.getOffsetParent||Dd,n=this.getDimensions,i=yield n(e.floating);return{reference:DE(e.reference,yield t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}})};FE={convertOffsetParentRelativeRectToViewportRelativeRect:TE,getDocumentElement:Mt,getClippingRect:NE,getOffsetParent:Dd,getElementRects:LE,getClientRects:OE,getDimensions:RE,getScale:Vi,isElement:bt,isRTL:ME};BE=uE,_E=dE,GE=oE,UE=gE,qE=lE,WE=aE,KE=hE,zE=(e,t,n)=>{let i=new Map,r=g({platform:FE},n),s=y(g({},r.platform),{_c:i});return sE(e,t,y(g({},r),{platform:s}))};br=e=>({variable:e,reference:`var(${e})`}),Jt={arrowSize:br("--arrow-size"),arrowSizeHalf:br("--arrow-size-half"),arrowBg:br("--arrow-background"),transformOrigin:br("--transform-origin"),arrowOffset:br("--arrow-offset")},XE=e=>e==="top"||e==="bottom"?"y":"x";JE={name:"rects",fn({rects:e}){return{data:e}}},QE=e=>{if(e)return{name:"shiftArrow",fn({placement:t,middlewareData:n}){if(!n.arrow)return{};let{x:i,y:r}=n.arrow,s=t.split("-")[0];return Object.assign(e.style,{left:i!=null?`${i}px`:"",top:r!=null?`${r}px`:"",[s]:`calc(100% + ${Jt.arrowOffset.reference})`}),{}}}};tI={strategy:"absolute",placement:"bottom",listeners:!0,gutter:8,flip:!0,slide:!0,overlap:!1,sameWidth:!1,fitViewport:!1,overflowPadding:8,arrowPadding:4};uI={bottom:"rotate(45deg)",left:"rotate(135deg)",top:"rotate(225deg)",right:"rotate(315deg)"}});function dI(e){let t={each(n){var i;for(let r=0;r<((i=e.frames)==null?void 0:i.length);r+=1){let s=e.frames[r];s&&n(s)}},addEventListener(n,i,r){return t.each(s=>{try{s.document.addEventListener(n,i,r)}catch(a){}}),()=>{try{t.removeEventListener(n,i,r)}catch(s){}}},removeEventListener(n,i,r){t.each(s=>{try{s.document.removeEventListener(n,i,r)}catch(a){}})}};return t}function hI(e){let t=e.frameElement!=null?e.parent:null;return{addEventListener:(n,i,r)=>{try{t==null||t.addEventListener(n,i,r)}catch(s){}return()=>{try{t==null||t.removeEventListener(n,i,r)}catch(s){}}},removeEventListener:(n,i,r)=>{try{t==null||t.removeEventListener(n,i,r)}catch(s){}}}}function gI(e){for(let t of e)if(le(t)&&Ye(t))return!0;return!1}function pI(e,t){if(!_d(t)||!e)return!1;let n=e.getBoundingClientRect();return n.width===0||n.height===0?!1:n.top<=t.clientY&&t.clientY<=n.top+n.height&&n.left<=t.clientX&&t.clientX<=n.left+n.width}function fI(e,t){return e.y<=t.y&&t.y<=e.y+e.height&&e.x<=t.x&&t.x<=e.x+e.width}function Hd(e,t){if(!t||!_d(e))return!1;let n=t.scrollHeight>t.clientHeight,i=n&&e.clientX>t.offsetLeft+t.clientWidth,r=t.scrollWidth>t.clientWidth,s=r&&e.clientY>t.offsetTop+t.clientHeight,a={x:t.offsetLeft,y:t.offsetTop,width:t.clientWidth+(n?16:0),height:t.clientHeight+(r?16:0)},o={x:e.clientX,y:e.clientY};return fI(a,o)?i||s:!1}function mI(e,t){let{exclude:n,onFocusOutside:i,onPointerDownOutside:r,onInteractOutside:s,defer:a,followControlledElements:o=!0}=t;if(!e)return;let l=Le(e),c=ue(e),u=dI(c),h=hI(c);function m(b,f){if(!le(f)||!f.isConnected||ce(e,f)||pI(e,b)||o&&as(e,f))return!1;let S=l.querySelector(`[aria-controls="${e.id}"]`);if(S){let V=gs(S);if(Hd(b,V))return!1}let P=gs(e);return Hd(b,P)?!1:!(n!=null&&n(f))}let d=new Set,p=Ln(e==null?void 0:e.getRootNode());function v(b){function f(S){var x,k;let P=a&&!Ja()?H:N=>N(),V=S!=null?S:b,A=(k=(x=V==null?void 0:V.composedPath)==null?void 0:x.call(V))!=null?k:[V==null?void 0:V.target];P(()=>{let N=p?A[0]:j(b);if(!(!e||!m(b,N))){if(r||s){let D=At(r,s);e.addEventListener(Fd,D,{once:!0})}Bd(e,Fd,{bubbles:!1,cancelable:!0,detail:{originalEvent:V,contextmenu:hi(V),focusable:gI(A),target:N}})}})}b.pointerType==="touch"?(d.forEach(S=>S()),d.add(ee(l,"click",f,{once:!0})),d.add(h.addEventListener("click",f,{once:!0})),d.add(u.addEventListener("click",f,{once:!0}))):f()}let I=new Set,T=setTimeout(()=>{I.add(ee(l,"pointerdown",v,!0)),I.add(h.addEventListener("pointerdown",v,!0)),I.add(u.addEventListener("pointerdown",v,!0))},0);function w(b){(a?H:S=>S())(()=>{var V,A;let S=(A=(V=b==null?void 0:b.composedPath)==null?void 0:V.call(b))!=null?A:[b==null?void 0:b.target],P=p?S[0]:j(b);if(!(!e||!m(b,P))){if(i||s){let x=At(i,s);e.addEventListener($d,x,{once:!0})}Bd(e,$d,{bubbles:!1,cancelable:!0,detail:{originalEvent:b,contextmenu:!1,focusable:Ye(P),target:P}})}})}return Ja()||(I.add(ee(l,"focusin",w,!0)),I.add(h.addEventListener("focusin",w,!0)),I.add(u.addEventListener("focusin",w,!0))),()=>{clearTimeout(T),d.forEach(b=>b()),I.forEach(b=>b())}}function Ws(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=typeof e=="function"?e():e;r.push(mI(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function Bd(e,t,n){let i=e.ownerDocument.defaultView||window,r=new i.CustomEvent(t,n);return e.dispatchEvent(r)}var Fd,$d,_d,tn=re(()=>{"use strict";se();Fd="pointerdown.outside",$d="focus.outside";_d=e=>"clientY"in e});function vI(e,t){let n=i=>{i.key==="Escape"&&(i.isComposing||t==null||t(i))};return ee(Le(e),"keydown",n,{capture:!0})}function yI(e,t,n){let i=e.ownerDocument.defaultView||window,r=new i.CustomEvent(t,{cancelable:!0,bubbles:!0,detail:n});return e.dispatchEvent(r)}function bI(e,t,n){e.addEventListener(t,n,{once:!0})}function qd(){We.layers.forEach(({node:e})=>{e.style.pointerEvents=We.isBelowPointerBlockingLayer(e)?"none":"auto"})}function EI(e){e.style.pointerEvents=""}function II(e,t){let n=Le(e),i=[];return We.hasPointerBlockingLayer()&&!n.body.hasAttribute("data-inert")&&(Ud=document.body.style.pointerEvents,queueMicrotask(()=>{n.body.style.pointerEvents="none",n.body.setAttribute("data-inert","")})),t==null||t.forEach(r=>{let[s,a]=Hc(()=>{let o=r();return le(o)?o:null},{timeout:1e3});s.then(o=>i.push(Hn(o,{pointerEvents:"auto"}))),i.push(a)}),()=>{We.hasPointerBlockingLayer()||(queueMicrotask(()=>{n.body.style.pointerEvents=Ud,n.body.removeAttribute("data-inert"),n.body.style.length===0&&n.body.removeAttribute("style")}),i.forEach(r=>r()))}}function PI(e,t){let{warnOnMissingNode:n=!0}=t;if(n&&!e){zt("[@zag-js/dismissable] node is `null` or `undefined`");return}if(!e)return;let{onDismiss:i,onRequestDismiss:r,pointerBlocking:s,exclude:a,debug:o,type:l="dialog"}=t,c={dismiss:i,node:e,type:l,pointerBlocking:s,requestDismiss:r};We.add(c),qd();function u(v){var T,w;let I=j(v.detail.originalEvent);We.isBelowPointerBlockingLayer(e)||We.isInBranch(I)||((T=t.onPointerDownOutside)==null||T.call(t,v),(w=t.onInteractOutside)==null||w.call(t,v),!v.defaultPrevented&&(o&&console.log("onPointerDownOutside:",v.detail.originalEvent),i==null||i()))}function h(v){var T,w;let I=j(v.detail.originalEvent);We.isInBranch(I)||((T=t.onFocusOutside)==null||T.call(t,v),(w=t.onInteractOutside)==null||w.call(t,v),!v.defaultPrevented&&(o&&console.log("onFocusOutside:",v.detail.originalEvent),i==null||i()))}function m(v){var I;We.isTopMost(e)&&((I=t.onEscapeKeyDown)==null||I.call(t,v),!v.defaultPrevented&&i&&(v.preventDefault(),i()))}function d(v){var b;if(!e)return!1;let I=typeof a=="function"?a():a,T=Array.isArray(I)?I:[I],w=(b=t.persistentElements)==null?void 0:b.map(f=>f()).filter(le);return w&&T.push(...w),T.some(f=>ce(f,v))||We.isInNestedLayer(e,v)}let p=[s?II(e,t.persistentElements):void 0,vI(e,m),Ws(e,{exclude:d,onFocusOutside:h,onPointerDownOutside:u,defer:t.defer})];return()=>{We.remove(e),qd(),EI(e),p.forEach(v=>v==null?void 0:v())}}function Ft(e,t){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=Wt(e)?e():e;r.push(PI(s,t))})),()=>{r.forEach(s=>s==null?void 0:s())}}function Wd(e,t={}){let{defer:n}=t,i=n?H:s=>s(),r=[];return r.push(i(()=>{let s=Wt(e)?e():e;if(!s){zt("[@zag-js/dismissable] branch node is `null` or `undefined`");return}We.addBranch(s),r.push(()=>{We.removeBranch(s)})})),()=>{r.forEach(s=>s==null?void 0:s())}}var Gd,We,Ud,Wn=re(()=>{"use strict";tn();se();Gd="layer:request-dismiss",We={layers:[],branches:[],recentlyRemoved:new Set,count(){return this.layers.length},pointerBlockingLayers(){return this.layers.filter(e=>e.pointerBlocking)},topMostPointerBlockingLayer(){return[...this.pointerBlockingLayers()].slice(-1)[0]},hasPointerBlockingLayer(){return this.pointerBlockingLayers().length>0},isBelowPointerBlockingLayer(e){var i;let t=this.indexOf(e),n=this.topMostPointerBlockingLayer()?this.indexOf((i=this.topMostPointerBlockingLayer())==null?void 0:i.node):-1;return t<n},isTopMost(e){let t=this.layers[this.count()-1];return(t==null?void 0:t.node)===e},getNestedLayers(e){return Array.from(this.layers).slice(this.indexOf(e)+1)},getLayersByType(e){return this.layers.filter(t=>t.type===e)},getNestedLayersByType(e,t){let n=this.indexOf(e);return n===-1?[]:this.layers.slice(n+1).filter(i=>i.type===t)},getParentLayerOfType(e,t){let n=this.indexOf(e);if(!(n<=0))return this.layers.slice(0,n).reverse().find(i=>i.type===t)},countNestedLayersOfType(e,t){return this.getNestedLayersByType(e,t).length},isInNestedLayer(e,t){return!!(this.getNestedLayers(e).some(i=>ce(i.node,t))||this.recentlyRemoved.size>0)},isInBranch(e){return Array.from(this.branches).some(t=>ce(t,e))},add(e){this.layers.push(e),this.syncLayers()},addBranch(e){this.branches.push(e)},remove(e){let t=this.indexOf(e);t<0||(this.recentlyRemoved.add(e),$n(()=>this.recentlyRemoved.delete(e)),t<this.count()-1&&this.getNestedLayers(e).forEach(i=>We.dismiss(i.node,e)),this.layers.splice(t,1),this.syncLayers())},removeBranch(e){let t=this.branches.indexOf(e);t>=0&&this.branches.splice(t,1)},syncLayers(){this.layers.forEach((e,t)=>{e.node.style.setProperty("--layer-index",`${t}`),e.node.removeAttribute("data-nested"),e.node.removeAttribute("data-has-nested"),this.getParentLayerOfType(e.node,e.type)&&e.node.setAttribute("data-nested",e.type);let i=this.countNestedLayersOfType(e.node,e.type);i>0&&e.node.setAttribute("data-has-nested",e.type),e.node.style.setProperty("--nested-layer-count",`${i}`)})},indexOf(e){return this.layers.findIndex(t=>t.node===e)},dismiss(e,t){let n=this.indexOf(e);if(n===-1)return;let i=this.layers[n];bI(e,Gd,r=>{var s;(s=i.requestDismiss)==null||s.call(i,r),r.defaultPrevented||i==null||i.dismiss()}),yI(e,Gd,{originalLayer:e,targetLayer:t,originalIndex:n,targetIndex:t?this.indexOf(t):-1}),this.syncLayers()},clear(){this.remove(this.layers[0].node)}}});var nh={};he(nh,{Combobox:()=>BI});function VI(e,t){let{context:n,prop:i,state:r,send:s,scope:a,computed:o,event:l}=e,c=i("translations"),u=i("collection"),h=!!i("disabled"),m=o("isInteractive"),d=!!i("invalid"),p=!!i("required"),v=!!i("readOnly"),I=r.hasTag("open"),T=r.hasTag("focused"),w=i("composite"),b=n.get("highlightedValue"),f=On(y(g({},i("positioning")),{placement:n.get("currentPlacement")}));function S(P){let V=u.getItemDisabled(P.item),A=u.getItemValue(P.item);return vn(A,()=>`[zag-js] No value found for item ${JSON.stringify(P.item)}`),{value:A,disabled:!!(V||V),highlighted:b===A,selected:n.get("value").includes(A)}}return{focused:T,open:I,inputValue:n.get("inputValue"),highlightedValue:b,highlightedItem:n.get("highlightedItem"),value:n.get("value"),valueAsString:o("valueAsString"),hasSelectedItems:o("hasSelectedItems"),selectedItems:n.get("selectedItems"),collection:i("collection"),multiple:!!i("multiple"),disabled:!!h,syncSelectedItems(){s({type:"SELECTED_ITEMS.SYNC"})},reposition(P={}){s({type:"POSITIONING.SET",options:P})},setHighlightValue(P){s({type:"HIGHLIGHTED_VALUE.SET",value:P})},clearHighlightValue(){s({type:"HIGHLIGHTED_VALUE.CLEAR"})},selectValue(P){s({type:"ITEM.SELECT",value:P})},setValue(P){s({type:"VALUE.SET",value:P})},setInputValue(P,V="script"){s({type:"INPUT_VALUE.SET",value:P,src:V})},clearValue(P){P!=null?s({type:"ITEM.CLEAR",value:P}):s({type:"VALUE.CLEAR"})},focus(){var P;(P=zn(a))==null||P.focus()},setOpen(P,V="script"){r.hasTag("open")!==P&&s({type:P?"OPEN":"CLOSE",src:V})},getRootProps(){return t.element(y(g({},Ke.root.attrs),{dir:i("dir"),id:SI(a),"data-invalid":E(d),"data-readonly":E(v)}))},getLabelProps(){return t.label(y(g({},Ke.label.attrs),{dir:i("dir"),htmlFor:Ks(a),id:Go(a),"data-readonly":E(v),"data-disabled":E(h),"data-invalid":E(d),"data-required":E(p),"data-focus":E(T),onClick(P){var V;w||(P.preventDefault(),(V=Cr(a))==null||V.focus({preventScroll:!0}))}}))},getControlProps(){return t.element(y(g({},Ke.control.attrs),{dir:i("dir"),id:Jd(a),"data-state":I?"open":"closed","data-focus":E(T),"data-disabled":E(h),"data-invalid":E(d)}))},getPositionerProps(){return t.element(y(g({},Ke.positioner.attrs),{dir:i("dir"),id:Qd(a),style:f.floating}))},getInputProps(){return t.input(y(g({},Ke.input.attrs),{dir:i("dir"),"aria-invalid":X(d),"data-invalid":E(d),"data-autofocus":E(i("autoFocus")),name:i("name"),form:i("form"),disabled:h,required:i("required"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"none",spellCheck:"false",readOnly:v,placeholder:i("placeholder"),id:Ks(a),type:"text",role:"combobox",defaultValue:n.get("inputValue"),"aria-autocomplete":o("autoComplete")?"both":"list","aria-controls":zs(a),"aria-expanded":I,"data-state":I?"open":"closed","aria-activedescendant":b?zd(a,b):void 0,onClick(P){P.defaultPrevented||i("openOnClick")&&m&&s({type:"INPUT.CLICK",src:"input-click"})},onFocus(){h||s({type:"INPUT.FOCUS"})},onBlur(){h||s({type:"INPUT.BLUR"})},onChange(P){s({type:"INPUT.CHANGE",value:P.currentTarget.value,src:"input-change"})},onKeyDown(P){if(P.defaultPrevented||!m||P.ctrlKey||P.shiftKey||Re(P))return;let V=i("openOnKeyPress"),A=P.ctrlKey||P.metaKey||P.shiftKey,x=!0,k={ArrowDown($){!V&&!I||(s({type:$.altKey?"OPEN":"INPUT.ARROW_DOWN",keypress:x,src:"arrow-key"}),$.preventDefault())},ArrowUp(){!V&&!I||(s({type:P.altKey?"CLOSE":"INPUT.ARROW_UP",keypress:x,src:"arrow-key"}),P.preventDefault())},Home($){A||(s({type:"INPUT.HOME",keypress:x}),I&&$.preventDefault())},End($){A||(s({type:"INPUT.END",keypress:x}),I&&$.preventDefault())},Enter($){var Se;s({type:"INPUT.ENTER",keypress:x,src:"item-select"});let te=o("isCustomValue")&&i("allowCustomValue"),J=b!=null,ie=i("alwaysSubmitOnEnter");if(I&&!te&&!ie&&J&&$.preventDefault(),b==null)return;let Q=Ni(a,b);st(Q)&&((Se=i("navigate"))==null||Se({value:b,node:Q,href:Q.href}))},Escape(){s({type:"INPUT.ESCAPE",keypress:x,src:"escape-key"}),P.preventDefault()}},N=ge(P,{dir:i("dir")}),D=k[N];D==null||D(P)}}))},getTriggerProps(P={}){return t.button(y(g({},Ke.trigger.attrs),{dir:i("dir"),id:eh(a),"aria-haspopup":w?"listbox":"dialog",type:"button",tabIndex:P.focusable?void 0:-1,"aria-label":c.triggerLabel,"aria-expanded":I,"data-state":I?"open":"closed","aria-controls":I?zs(a):void 0,disabled:h,"data-invalid":E(d),"data-focusable":E(P.focusable),"data-readonly":E(v),"data-disabled":E(h),onFocus(){P.focusable&&s({type:"INPUT.FOCUS",src:"trigger"})},onClick(V){V.defaultPrevented||m&&pe(V)&&s({type:"TRIGGER.CLICK",src:"trigger-click"})},onPointerDown(V){m&&V.pointerType!=="touch"&&pe(V)&&(V.preventDefault(),queueMicrotask(()=>{var A;(A=zn(a))==null||A.focus({preventScroll:!0})}))},onKeyDown(V){if(V.defaultPrevented||w)return;let A={ArrowDown(){s({type:"INPUT.ARROW_DOWN",src:"arrow-key"})},ArrowUp(){s({type:"INPUT.ARROW_UP",src:"arrow-key"})}},x=ge(V,{dir:i("dir")}),k=A[x];k&&(k(V),V.preventDefault())}}))},getContentProps(){return t.element(y(g({},Ke.content.attrs),{dir:i("dir"),id:zs(a),role:w?"listbox":"dialog",tabIndex:-1,hidden:!I,"data-state":I?"open":"closed","data-placement":n.get("currentPlacement"),"aria-labelledby":Go(a),"aria-multiselectable":i("multiple")&&w?!0:void 0,"data-empty":E(u.size===0),onPointerDown(P){pe(P)&&P.preventDefault()}}))},getListProps(){return t.element(y(g({},Ke.list.attrs),{role:w?void 0:"listbox","data-empty":E(u.size===0),"aria-labelledby":Go(a),"aria-multiselectable":i("multiple")&&!w?!0:void 0}))},getClearTriggerProps(){return t.button(y(g({},Ke.clearTrigger.attrs),{dir:i("dir"),id:th(a),type:"button",tabIndex:-1,disabled:h,"data-invalid":E(d),"aria-label":c.clearTriggerLabel,"aria-controls":Ks(a),hidden:!n.get("value").length,onPointerDown(P){pe(P)&&P.preventDefault()},onClick(P){P.defaultPrevented||m&&s({type:"VALUE.CLEAR",src:"clear-trigger"})}}))},getItemState:S,getItemProps(P){let V=S(P),A=V.value;return t.element(y(g({},Ke.item.attrs),{dir:i("dir"),id:zd(a,A),role:"option",tabIndex:-1,"data-highlighted":E(V.highlighted),"data-state":V.selected?"checked":"unchecked","aria-selected":X(V.highlighted),"aria-disabled":X(V.disabled),"data-disabled":E(V.disabled),"data-value":V.value,onPointerMove(){V.disabled||V.highlighted||s({type:"ITEM.POINTER_MOVE",value:A})},onPointerLeave(){if(P.persistFocus||V.disabled)return;let x=l.previous();x!=null&&x.type.includes("POINTER")&&s({type:"ITEM.POINTER_LEAVE",value:A})},onClick(x){rr(x)||Fn(x)||hi(x)||V.disabled||s({type:"ITEM.CLICK",src:"item-select",value:A})}}))},getItemTextProps(P){let V=S(P);return t.element(y(g({},Ke.itemText.attrs),{dir:i("dir"),"data-state":V.selected?"checked":"unchecked","data-disabled":E(V.disabled),"data-highlighted":E(V.highlighted)}))},getItemIndicatorProps(P){let V=S(P);return t.element(y(g({"aria-hidden":!0},Ke.itemIndicator.attrs),{dir:i("dir"),"data-state":V.selected?"checked":"unchecked",hidden:!V.selected}))},getItemGroupProps(P){let{id:V}=P;return t.element(y(g({},Ke.itemGroup.attrs),{dir:i("dir"),id:TI(a,V),"aria-labelledby":Kd(a,V),"data-empty":E(u.size===0),role:"group"}))},getItemGroupLabelProps(P){let{htmlFor:V}=P;return t.element(y(g({},Ke.itemGroupLabel.attrs),{dir:i("dir"),id:Kd(a,V),role:"presentation"}))}}}function Zd(e){return(e.previousEvent||e).src}function $I(e){return e.replace(/_([a-z])/g,(t,n)=>n.toUpperCase())}function HI(e){let t={};for(let[n,i]of Object.entries(e)){let r=$I(n);t[r]=i}return t}var CI,Ke,Ys,SI,Go,Jd,Ks,zs,Qd,eh,th,TI,Kd,zd,Kn,zn,Yd,jd,Cr,OI,Ni,Xd,wI,xI,AI,kI,we,tt,NI,RI,ux,DI,dx,LI,hx,MI,gx,FI,BI,ih=re(()=>{"use strict";yr();Pr();Wn();tn();se();CI=U("combobox").parts("root","clearTrigger","content","control","input","item","itemGroup","itemGroupLabel","itemIndicator","itemText","label","list","positioner","trigger"),Ke=CI.build(),Ys=e=>new Nt(e);Ys.empty=()=>new Nt({items:[]});SI=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`combobox:${e.id}`},Go=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`combobox:${e.id}:label`},Jd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`combobox:${e.id}:control`},Ks=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`combobox:${e.id}:input`},zs=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`combobox:${e.id}:content`},Qd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`combobox:${e.id}:popper`},eh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`combobox:${e.id}:toggle-btn`},th=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`combobox:${e.id}:clear-btn`},TI=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroup)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:optgroup:${t}`},Kd=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroupLabel)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:optgroup-label:${t}`},zd=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`combobox:${e.id}:option:${t}`},Kn=e=>e.getById(zs(e)),zn=e=>e.getById(Ks(e)),Yd=e=>e.getById(Qd(e)),jd=e=>e.getById(Jd(e)),Cr=e=>e.getById(eh(e)),OI=e=>e.getById(th(e)),Ni=(e,t)=>{if(t==null)return null;let n=`[role=option][data-value="${CSS.escape(t)}"]`;return vi(Kn(e),n)},Xd=e=>{let t=zn(e);e.isActiveElement(t)||t==null||t.focus({preventScroll:!0})},wI=e=>{let t=Cr(e);e.isActiveElement(t)||t==null||t.focus({preventScroll:!0})};({guards:xI,createMachine:AI,choose:kI}=ut()),{and:we,not:tt}=xI,NI=AI({props({props:e}){return y(g({loopFocus:!0,openOnClick:!1,defaultValue:[],defaultInputValue:"",closeOnSelect:!e.multiple,allowCustomValue:!1,alwaysSubmitOnEnter:!1,inputBehavior:"none",selectionBehavior:e.multiple?"clear":"replace",openOnKeyPress:!0,openOnChange:!0,composite:!0,navigate({node:t}){mi(t)},collection:Ys.empty()},e),{positioning:g({placement:"bottom",sameWidth:!0},e.positioning),translations:g({triggerLabel:"Toggle suggestions",clearTriggerLabel:"Clear value"},e.translations)})},initialState({prop:e}){return e("open")||e("defaultOpen")?"suggesting":"idle"},context({prop:e,bindable:t,getContext:n,getEvent:i}){return{currentPlacement:t(()=>({defaultValue:void 0})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:fe,hash(r){return r.join(",")},onChange(r){var c;let s=n(),a=s.get("selectedItems"),o=e("collection"),l=r.map(u=>a.find(m=>o.getItemValue(m)===u)||o.find(u));s.set("selectedItems",l),(c=e("onValueChange"))==null||c({value:r,items:l})}})),highlightedValue:t(()=>({defaultValue:e("defaultHighlightedValue")||null,value:e("highlightedValue"),onChange(r){var a;let s=e("collection").find(r);(a=e("onHighlightChange"))==null||a({highlightedValue:r,highlightedItem:s})}})),inputValue:t(()=>{let r=e("inputValue")||e("defaultInputValue"),s=e("value")||e("defaultValue");if(!r.trim()&&!e("multiple")){let a=e("collection").stringifyMany(s);r=Ce(e("selectionBehavior"),{preserve:r||a,replace:a,clear:""})}return{defaultValue:r,value:e("inputValue"),onChange(a){var c;let o=i(),l=(o.previousEvent||o).src;(c=e("onInputValueChange"))==null||c({inputValue:a,reason:l})}}}),highlightedItem:t(()=>{let r=e("highlightedValue");return{defaultValue:e("collection").find(r)}}),selectedItems:t(()=>{let r=e("value")||e("defaultValue")||[];return{defaultValue:e("collection").findMany(r)}})}},computed:{isInputValueEmpty:({context:e})=>e.get("inputValue").length===0,isInteractive:({prop:e})=>!(e("readOnly")||e("disabled")),autoComplete:({prop:e})=>e("inputBehavior")==="autocomplete",autoHighlight:({prop:e})=>e("inputBehavior")==="autohighlight",hasSelectedItems:({context:e})=>e.get("value").length>0,valueAsString:({context:e,prop:t})=>t("collection").stringifyItems(e.get("selectedItems")),isCustomValue:({context:e,computed:t})=>e.get("inputValue")!==t("valueAsString")},watch({context:e,prop:t,track:n,action:i,send:r}){n([()=>e.hash("value")],()=>{i(["syncSelectedItems"])}),n([()=>e.get("inputValue")],()=>{i(["syncInputValue"])}),n([()=>e.get("highlightedValue")],()=>{i(["syncHighlightedItem","autofillInputValue"])}),n([()=>t("open")],()=>{i(["toggleVisibility"])}),n([()=>t("collection").toString()],()=>{r({type:"CHILDREN_CHANGE"})})},on:{"SELECTED_ITEMS.SYNC":{actions:["syncSelectedItems"]},"HIGHLIGHTED_VALUE.SET":{actions:["setHighlightedValue"]},"HIGHLIGHTED_VALUE.CLEAR":{actions:["clearHighlightedValue"]},"ITEM.SELECT":{actions:["selectItem"]},"ITEM.CLEAR":{actions:["clearItem"]},"VALUE.SET":{actions:["setValue"]},"INPUT_VALUE.SET":{actions:["setInputValue"]},"POSITIONING.SET":{actions:["reposition"]}},entry:kI([{guard:"autoFocus",actions:["setInitialFocus"]}]),states:{idle:{tags:["idle","closed"],entry:["scrollContentToTop","clearHighlightedValue"],on:{"CONTROLLED.OPEN":{target:"interacting"},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.CLICK":[{guard:"isOpenControlled",actions:["highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.FOCUS":{target:"focused"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"interacting",actions:["invokeOnOpen"]}],"VALUE.CLEAR":{target:"focused",actions:["clearInputValue","clearSelectedItems","setInitialFocus"]}}},focused:{tags:["focused","closed"],entry:["scrollContentToTop","clearHighlightedValue"],on:{"CONTROLLED.OPEN":[{guard:"isChangeEvent",target:"suggesting"},{target:"interacting"}],"INPUT.CHANGE":[{guard:we("isOpenControlled","openOnChange"),actions:["setInputValue","invokeOnOpen","highlightFirstItemIfNeeded"]},{guard:"openOnChange",target:"suggesting",actions:["setInputValue","invokeOnOpen","highlightFirstItemIfNeeded"]},{actions:["setInputValue"]}],"LAYER.INTERACT_OUTSIDE":{target:"idle"},"INPUT.ESCAPE":{guard:we("isCustomValue",tt("allowCustomValue")),actions:["revertInputValue"]},"INPUT.BLUR":{target:"idle"},"INPUT.CLICK":[{guard:"isOpenControlled",actions:["highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstSelectedItem","invokeOnOpen"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["setInitialFocus","highlightFirstSelectedItem","invokeOnOpen"]}],"INPUT.ARROW_DOWN":[{guard:we("isOpenControlled","autoComplete"),actions:["invokeOnOpen"]},{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{guard:"isOpenControlled",actions:["highlightFirstOrSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightFirstOrSelectedItem","invokeOnOpen"]}],"INPUT.ARROW_UP":[{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{guard:"autoComplete",target:"interacting",actions:["invokeOnOpen"]},{target:"interacting",actions:["highlightLastOrSelectedItem","invokeOnOpen"]},{target:"interacting",actions:["highlightLastOrSelectedItem","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"interacting",actions:["invokeOnOpen"]}],"VALUE.CLEAR":{actions:["clearInputValue","clearSelectedItems"]}}},interacting:{tags:["open","focused"],entry:["setInitialFocus"],effects:["scrollToHighlightedItem","trackDismissableLayer","trackPlacement"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["setFinalFocus"]},{target:"idle"}],CHILDREN_CHANGE:[{guard:"isHighlightedItemRemoved",actions:["clearHighlightedValue"]},{actions:["scrollToHighlightedItem"]}],"INPUT.HOME":{actions:["highlightFirstItem"]},"INPUT.END":{actions:["highlightLastItem"]},"INPUT.ARROW_DOWN":[{guard:we("autoComplete","isLastItemHighlighted"),actions:["clearHighlightedValue","scrollContentToTop"]},{actions:["highlightNextItem"]}],"INPUT.ARROW_UP":[{guard:we("autoComplete","isFirstItemHighlighted"),actions:["clearHighlightedValue"]},{actions:["highlightPrevItem"]}],"INPUT.ENTER":[{guard:we("isOpenControlled","isCustomValue",tt("hasHighlightedItem"),tt("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:we("isCustomValue",tt("hasHighlightedItem"),tt("allowCustomValue")),target:"focused",actions:["revertInputValue","invokeOnClose"]},{guard:we("isOpenControlled","closeOnSelect"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","setFinalFocus"]},{actions:["selectHighlightedItem"]}],"INPUT.CHANGE":[{guard:"autoComplete",target:"suggesting",actions:["setInputValue"]},{target:"suggesting",actions:["clearHighlightedValue","setInputValue"]}],"ITEM.POINTER_MOVE":{actions:["setHighlightedValue"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedValue"]},"ITEM.CLICK":[{guard:we("isOpenControlled","closeOnSelect"),actions:["selectItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectItem","invokeOnClose","setFinalFocus"]},{actions:["selectItem"]}],"LAYER.ESCAPE":[{guard:we("isOpenControlled","autoComplete"),actions:["syncInputValue","invokeOnClose"]},{guard:"autoComplete",target:"focused",actions:["syncInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"LAYER.INTERACT_OUTSIDE":[{guard:we("isOpenControlled","isCustomValue",tt("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:we("isCustomValue",tt("allowCustomValue")),target:"idle",actions:["revertInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"idle",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"VALUE.CLEAR":[{guard:"isOpenControlled",actions:["clearInputValue","clearSelectedItems","invokeOnClose"]},{target:"focused",actions:["clearInputValue","clearSelectedItems","invokeOnClose","setFinalFocus"]}]}},suggesting:{tags:["open","focused"],effects:["trackDismissableLayer","scrollToHighlightedItem","trackPlacement"],entry:["setInitialFocus"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["setFinalFocus"]},{target:"idle"}],CHILDREN_CHANGE:[{guard:we("isHighlightedItemRemoved","hasCollectionItems","autoHighlight"),actions:["clearHighlightedValue","highlightFirstItem"]},{guard:"isHighlightedItemRemoved",actions:["clearHighlightedValue"]},{guard:"autoHighlight",actions:["highlightFirstItem"]}],"INPUT.ARROW_DOWN":{target:"interacting",actions:["highlightNextItem"]},"INPUT.ARROW_UP":{target:"interacting",actions:["highlightPrevItem"]},"INPUT.HOME":{target:"interacting",actions:["highlightFirstItem"]},"INPUT.END":{target:"interacting",actions:["highlightLastItem"]},"INPUT.ENTER":[{guard:we("isOpenControlled","isCustomValue",tt("hasHighlightedItem"),tt("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:we("isCustomValue",tt("hasHighlightedItem"),tt("allowCustomValue")),target:"focused",actions:["revertInputValue","invokeOnClose"]},{guard:we("isOpenControlled","closeOnSelect"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","setFinalFocus"]},{actions:["selectHighlightedItem"]}],"INPUT.CHANGE":{actions:["setInputValue"]},"LAYER.ESCAPE":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"ITEM.POINTER_MOVE":{target:"interacting",actions:["setHighlightedValue"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedValue"]},"LAYER.INTERACT_OUTSIDE":[{guard:we("isOpenControlled","isCustomValue",tt("allowCustomValue")),actions:["revertInputValue","invokeOnClose"]},{guard:we("isCustomValue",tt("allowCustomValue")),target:"idle",actions:["revertInputValue","invokeOnClose"]},{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"idle",actions:["invokeOnClose"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"ITEM.CLICK":[{guard:we("isOpenControlled","closeOnSelect"),actions:["selectItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectItem","invokeOnClose","setFinalFocus"]},{actions:["selectItem"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","setFinalFocus"]}],"VALUE.CLEAR":[{guard:"isOpenControlled",actions:["clearInputValue","clearSelectedItems","invokeOnClose"]},{target:"focused",actions:["clearInputValue","clearSelectedItems","invokeOnClose","setFinalFocus"]}]}}},implementations:{guards:{isInputValueEmpty:({computed:e})=>e("isInputValueEmpty"),autoComplete:({computed:e,prop:t})=>e("autoComplete")&&!t("multiple"),autoHighlight:({computed:e})=>e("autoHighlight"),isFirstItemHighlighted:({prop:e,context:t})=>e("collection").firstValue===t.get("highlightedValue"),isLastItemHighlighted:({prop:e,context:t})=>e("collection").lastValue===t.get("highlightedValue"),isCustomValue:({computed:e})=>e("isCustomValue"),allowCustomValue:({prop:e})=>!!e("allowCustomValue"),hasHighlightedItem:({context:e})=>e.get("highlightedValue")!=null,closeOnSelect:({prop:e})=>!!e("closeOnSelect"),isOpenControlled:({prop:e})=>e("open")!=null,openOnChange:({prop:e,context:t})=>{let n=e("openOnChange");return Uc(n)?n:!!(n!=null&&n({inputValue:t.get("inputValue")}))},restoreFocus:({event:e})=>{var n,i;let t=(i=e.restoreFocus)!=null?i:(n=e.previousEvent)==null?void 0:n.restoreFocus;return t==null?!0:!!t},isChangeEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="INPUT.CHANGE"},autoFocus:({prop:e})=>!!e("autoFocus"),isHighlightedItemRemoved:({prop:e,context:t})=>!e("collection").has(t.get("highlightedValue")),hasCollectionItems:({prop:e})=>e("collection").size>0},effects:{trackDismissableLayer({send:e,prop:t,scope:n}){return t("disableLayer")?void 0:Ft(()=>Kn(n),{type:"listbox",defer:!0,exclude:()=>[zn(n),Cr(n),OI(n)],onFocusOutside:t("onFocusOutside"),onPointerDownOutside:t("onPointerDownOutside"),onInteractOutside:t("onInteractOutside"),onEscapeKeyDown(r){r.preventDefault(),r.stopPropagation(),e({type:"LAYER.ESCAPE",src:"escape-key"})},onDismiss(){e({type:"LAYER.INTERACT_OUTSIDE",src:"interact-outside",restoreFocus:!1})}})},trackPlacement({context:e,prop:t,scope:n}){let i=()=>jd(n)||Cr(n),r=()=>Yd(n);return e.set("currentPlacement",t("positioning").placement),It(i,r,y(g({},t("positioning")),{defer:!0,onComplete(s){e.set("currentPlacement",s.placement)}}))},scrollToHighlightedItem({context:e,prop:t,scope:n,event:i}){let r=zn(n),s=[],a=c=>{let u=i.current().type.includes("POINTER"),h=e.get("highlightedValue");if(u||!h)return;let m=Kn(n),d=t("scrollToIndexFn");if(d){let I=t("collection").indexOf(h);d({index:I,immediate:c,getElement:()=>Ni(n,h)});return}let p=Ni(n,h),v=H(()=>{Xt(p,{rootEl:m,block:"nearest"})});s.push(v)},o=H(()=>a(!0));s.push(o);let l=ot(r,{attributes:["aria-activedescendant"],callback:()=>a(!1)});return s.push(l),()=>{s.forEach(c=>c())}}},actions:{reposition({context:e,prop:t,scope:n,event:i}){It(()=>jd(n),()=>Yd(n),y(g(g({},t("positioning")),i.options),{defer:!0,listeners:!1,onComplete(a){e.set("currentPlacement",a.placement)}}))},setHighlightedValue({context:e,event:t}){t.value!=null&&e.set("highlightedValue",t.value)},clearHighlightedValue({context:e}){e.set("highlightedValue",null)},selectHighlightedItem(e){var o;let{context:t,prop:n}=e,i=n("collection"),r=t.get("highlightedValue");if(!r||!i.has(r))return;let s=n("multiple")?yt(t.get("value"),r):[r];(o=n("onSelect"))==null||o({value:s,itemValue:r}),t.set("value",s);let a=Ce(n("selectionBehavior"),{preserve:t.get("inputValue"),replace:i.stringifyMany(s),clear:""});t.set("inputValue",a)},scrollToHighlightedItem({context:e,prop:t,scope:n}){$n(()=>{let i=e.get("highlightedValue");if(i==null)return;let r=Ni(n,i),s=Kn(n),a=t("scrollToIndexFn");if(a){let o=t("collection").indexOf(i);a({index:o,immediate:!0,getElement:()=>Ni(n,i)});return}Xt(r,{rootEl:s,block:"nearest"})})},selectItem(e){let{context:t,event:n,flush:i,prop:r}=e;n.value!=null&&i(()=>{var o;let s=r("multiple")?yt(t.get("value"),n.value):[n.value];(o=r("onSelect"))==null||o({value:s,itemValue:n.value}),t.set("value",s);let a=Ce(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(s),clear:""});t.set("inputValue",a)})},clearItem(e){let{context:t,event:n,flush:i,prop:r}=e;n.value!=null&&i(()=>{let s=ct(t.get("value"),n.value);t.set("value",s);let a=Ce(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(s),clear:""});t.set("inputValue",a)})},setInitialFocus({scope:e}){H(()=>{Xd(e)})},setFinalFocus({scope:e}){H(()=>{let t=Cr(e);(t==null?void 0:t.dataset.focusable)==null?Xd(e):wI(e)})},syncInputValue({context:e,scope:t,event:n}){let i=zn(t);i&&(i.value=e.get("inputValue"),queueMicrotask(()=>{n.current().type!=="INPUT.CHANGE"&&tr(i)}))},setInputValue({context:e,event:t}){e.set("inputValue",t.value)},clearInputValue({context:e}){e.set("inputValue","")},revertInputValue({context:e,prop:t,computed:n}){let i=t("selectionBehavior"),r=Ce(i,{replace:n("hasSelectedItems")?n("valueAsString"):"",preserve:e.get("inputValue"),clear:""});e.set("inputValue",r)},setValue(e){let{context:t,flush:n,event:i,prop:r}=e;n(()=>{t.set("value",i.value);let s=Ce(r("selectionBehavior"),{preserve:t.get("inputValue"),replace:r("collection").stringifyMany(i.value),clear:""});t.set("inputValue",s)})},clearSelectedItems(e){let{context:t,flush:n,prop:i}=e;n(()=>{t.set("value",[]);let r=Ce(i("selectionBehavior"),{preserve:t.get("inputValue"),replace:i("collection").stringifyMany([]),clear:""});t.set("inputValue",r)})},scrollContentToTop({prop:e,scope:t}){let n=e("scrollToIndexFn");if(n){let i=e("collection").firstValue;n({index:0,immediate:!0,getElement:()=>Ni(t,i)})}else{let i=Kn(t);if(!i)return;i.scrollTop=0}},invokeOnOpen({prop:e,event:t,context:n}){var r;let i=Zd(t);(r=e("onOpenChange"))==null||r({open:!0,reason:i,value:n.get("value")})},invokeOnClose({prop:e,event:t,context:n}){var r;let i=Zd(t);(r=e("onOpenChange"))==null||r({open:!1,reason:i,value:n.get("value")})},highlightFirstItem({context:e,prop:t,scope:n}){(Kn(n)?queueMicrotask:H)(()=>{let r=t("collection").firstValue;r&&e.set("highlightedValue",r)})},highlightFirstItemIfNeeded({computed:e,action:t}){e("autoHighlight")&&t(["highlightFirstItem"])},highlightLastItem({context:e,prop:t,scope:n}){(Kn(n)?queueMicrotask:H)(()=>{let r=t("collection").lastValue;r&&e.set("highlightedValue",r)})},highlightNextItem({context:e,prop:t}){let n=null,i=e.get("highlightedValue"),r=t("collection");i?(n=r.getNextValue(i),!n&&t("loopFocus")&&(n=r.firstValue)):n=r.firstValue,n&&e.set("highlightedValue",n)},highlightPrevItem({context:e,prop:t}){let n=null,i=e.get("highlightedValue"),r=t("collection");i?(n=r.getPreviousValue(i),!n&&t("loopFocus")&&(n=r.lastValue)):n=r.lastValue,n&&e.set("highlightedValue",n)},highlightFirstSelectedItem({context:e,prop:t}){H(()=>{let[n]=t("collection").sort(e.get("value"));n&&e.set("highlightedValue",n)})},highlightFirstOrSelectedItem({context:e,prop:t,computed:n}){H(()=>{let i=null;n("hasSelectedItems")?i=t("collection").sort(e.get("value"))[0]:i=t("collection").firstValue,i&&e.set("highlightedValue",i)})},highlightLastOrSelectedItem({context:e,prop:t,computed:n}){H(()=>{let i=t("collection"),r=null;n("hasSelectedItems")?r=i.sort(e.get("value"))[0]:r=i.lastValue,r&&e.set("highlightedValue",r)})},autofillInputValue({context:e,computed:t,prop:n,event:i,scope:r}){let s=zn(r),a=n("collection");if(!t("autoComplete")||!s||!i.keypress)return;let o=a.stringify(e.get("highlightedValue"));H(()=>{s.value=o||e.get("inputValue")})},syncSelectedItems(e){queueMicrotask(()=>{let{context:t,prop:n}=e,i=n("collection"),r=t.get("value"),s=r.map(o=>t.get("selectedItems").find(c=>i.getItemValue(c)===o)||i.find(o));t.set("selectedItems",s);let a=Ce(n("selectionBehavior"),{preserve:t.get("inputValue"),replace:i.stringifyMany(r),clear:""});t.set("inputValue",a)})},syncHighlightedItem({context:e,prop:t}){let n=t("collection").find(e.get("highlightedValue"));e.set("highlightedItem",n)},toggleVisibility({event:e,send:t,prop:n}){t({type:n("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:e})}}}});RI=_()(["allowCustomValue","autoFocus","closeOnSelect","collection","composite","defaultHighlightedValue","defaultInputValue","defaultOpen","defaultValue","dir","disabled","disableLayer","form","getRootNode","highlightedValue","id","ids","inputBehavior","inputValue","invalid","loopFocus","multiple","name","navigate","onFocusOutside","onHighlightChange","onInputValueChange","onInteractOutside","onOpenChange","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","openOnChange","openOnClick","openOnKeyPress","placeholder","positioning","readOnly","required","scrollToIndexFn","selectionBehavior","translations","value","alwaysSubmitOnEnter"]),ux=B(RI),DI=_()(["htmlFor"]),dx=B(DI),LI=_()(["id"]),hx=B(LI),MI=_()(["item","persistFocus"]),gx=B(MI),FI=class extends K{constructor(){super(...arguments);z(this,"options",[]);z(this,"allOptions",[]);z(this,"hasGroups",!1)}setAllOptions(t){this.allOptions=t,this.options=t}getCollection(){let t=this.options||this.allOptions||[];return this.hasGroups?Ys({items:t,itemToValue:n=>{var i;return(i=n.id)!=null?i:""},itemToString:n=>n.label,isItemDisabled:n=>{var i;return(i=n.disabled)!=null?i:!1},groupBy:n=>{var i;return(i=n.group)!=null?i:""}}):Ys({items:t,itemToValue:n=>{var i;return(i=n.id)!=null?i:""},itemToString:n=>n.label,isItemDisabled:n=>{var i;return(i=n.disabled)!=null?i:!1}})}initMachine(t){let n=this.getCollection.bind(this);return new W(NI,y(g({},t),{get collection(){return n()},onOpenChange:i=>{i.open&&(this.options=this.allOptions),t.onOpenChange&&t.onOpenChange(i)},onInputValueChange:i=>{let r=this.allOptions.filter(s=>s.label.toLowerCase().includes(i.inputValue.toLowerCase()));this.options=r.length>0?r:this.allOptions,t.onInputValueChange&&t.onInputValueChange(i)}}))}initApi(){return VI(this.machine.service,q)}renderItems(){var a,o,l;let t=this.el.querySelector('[data-scope="combobox"][data-part="content"]');if(!t)return;let n=this.el.querySelector('[data-templates="combobox"]');if(!n)return;t.querySelectorAll('[data-scope="combobox"][data-part="item"]:not([data-template])').forEach(c=>c.remove()),t.querySelectorAll('[data-scope="combobox"][data-part="item-group"]:not([data-template])').forEach(c=>c.remove());let i=this.api.collection.items,r=(l=(o=(a=this.api.collection).group)==null?void 0:o.call(a))!=null?l:[];r.some(([c])=>c!=null)?this.renderGroupedItems(t,n,r):this.renderFlatItems(t,n,i)}renderGroupedItems(t,n,i){for(let[r,s]of i){if(r==null)continue;let a=n.querySelector(`[data-scope="combobox"][data-part="item-group"][data-id="${r}"][data-template]`);if(!a)continue;let o=a.cloneNode(!0);o.removeAttribute("data-template"),this.spreadProps(o,this.api.getItemGroupProps({id:r}));let l=o.querySelector('[data-scope="combobox"][data-part="item-group-label"]');l&&this.spreadProps(l,this.api.getItemGroupLabelProps({htmlFor:r}));let c=o.querySelector('[data-scope="combobox"][data-part="item-group-content"]');if(c){c.innerHTML="";for(let u of s){let h=this.cloneItem(n,u);h&&c.appendChild(h)}t.appendChild(o)}}}renderFlatItems(t,n,i){for(let r of i){let s=this.cloneItem(n,r);s&&t.appendChild(s)}}cloneItem(t,n){let i=this.api.collection.getItemValue(n),r=t.querySelector(`[data-scope="combobox"][data-part="item"][data-value="${i}"][data-template]`);if(!r)return null;let s=r.cloneNode(!0);s.removeAttribute("data-template"),this.spreadProps(s,this.api.getItemProps({item:n}));let a=s.querySelector('[data-scope="combobox"][data-part="item-text"]');a&&(this.spreadProps(a,this.api.getItemTextProps({item:n})),a.children.length===0&&(a.textContent=n.label||""));let o=s.querySelector('[data-scope="combobox"][data-part="item-indicator"]');return o&&this.spreadProps(o,this.api.getItemIndicatorProps({item:n})),s}render(){let t=this.el.querySelector('[data-scope="combobox"][data-part="root"]');if(!t)return;this.spreadProps(t,this.api.getRootProps()),["label","control","input","trigger","clear-trigger","positioner"].forEach(i=>{let r=this.el.querySelector(`[data-scope="combobox"][data-part="${i}"]`);if(!r)return;let s="get"+i.split("-").map(a=>a[0].toUpperCase()+a.slice(1)).join("")+"Props";this.spreadProps(r,this.api[s]())});let n=this.el.querySelector('[data-scope="combobox"][data-part="content"]');n&&(this.spreadProps(n,this.api.getContentProps()),this.renderItems())}};BI={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=JSON.parse(e.dataset.collection||"[]"),i=n.some(o=>o.group!==void 0),r=y(g({id:e.id},C(e,"controlled")?{value:Z(e,"value")}:{defaultValue:Z(e,"defaultValue")}),{disabled:C(e,"disabled"),placeholder:O(e,"placeholder"),alwaysSubmitOnEnter:C(e,"alwaysSubmitOnEnter"),autoFocus:C(e,"autoFocus"),closeOnSelect:C(e,"closeOnSelect"),dir:O(e,"dir",["ltr","rtl"]),inputBehavior:O(e,"inputBehavior",["autohighlight","autocomplete","none"]),loopFocus:C(e,"loopFocus"),multiple:C(e,"multiple"),invalid:C(e,"invalid"),allowCustomValue:!1,selectionBehavior:"replace",name:O(e,"name"),form:O(e,"form"),readOnly:C(e,"readOnly"),required:C(e,"required"),positioning:(()=>{let o=e.dataset.positioning;if(o)try{let l=JSON.parse(o);return HI(l)}catch(l){return}})(),onOpenChange:o=>{let l=O(e,"onOpenChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(l,{open:o.open,reason:o.reason,value:o.value,id:e.id});let c=O(e,"onOpenChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:C(e,"bubble"),detail:{open:o.open,reason:o.reason,value:o.value,id:e.id}}))},onInputValueChange:o=>{let l=O(e,"onInputValueChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(l,{value:o.inputValue,reason:o.reason,id:e.id});let c=O(e,"onInputValueChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:C(e,"bubble"),detail:{value:o.inputValue,reason:o.reason,id:e.id}}))},onValueChange:o=>{let l=e.querySelector('[data-scope="combobox"][data-part="value-input"]');if(l){let h=o.value.length===0?"":o.value.length===1?String(o.value[0]):o.value.map(String).join(",");l.value=h;let m=l.getAttribute("form"),d=null;m?d=document.getElementById(m):d=l.closest("form");let p=new Event("change",{bubbles:!0,cancelable:!0});l.dispatchEvent(p);let v=new Event("input",{bubbles:!0,cancelable:!0});l.dispatchEvent(v),d&&d.hasAttribute("phx-change")&&requestAnimationFrame(()=>{let I=d.querySelector("input, select, textarea");if(I){let T=new Event("change",{bubbles:!0,cancelable:!0});I.dispatchEvent(T)}else{let T=new Event("change",{bubbles:!0,cancelable:!0});d.dispatchEvent(T)}})}let c=O(e,"onValueChange");c&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(c,{value:o.value,items:o.items,id:e.id});let u=O(e,"onValueChangeClient");u&&e.dispatchEvent(new CustomEvent(u,{bubbles:C(e,"bubble"),detail:{value:o.value,items:o.items,id:e.id}}))}}),s=new FI(e,r);s.hasGroups=i,s.setAllOptions(n),s.init();let a=C(e,"controlled")?Z(e,"value"):Z(e,"defaultValue");if(a&&a.length>0){let o=n.filter(l=>{var c;return a.includes((c=l.id)!=null?c:"")});if(o.length>0){let l=o.map(c=>{var u;return(u=c.label)!=null?u:""}).join(", ");if(s.api&&typeof s.api.setInputValue=="function")s.api.setInputValue(l);else{let c=e.querySelector('[data-scope="combobox"][data-part="input"]');c&&(c.value=l)}}}this.combobox=s,this.handlers=[]},updated(){let e=JSON.parse(this.el.dataset.collection||"[]"),t=e.some(n=>n.group!==void 0);if(this.combobox){this.combobox.hasGroups=t,this.combobox.setAllOptions(e),this.combobox.updateProps(y(g({},C(this.el,"controlled")?{value:Z(this.el,"value")}:{defaultValue:Z(this.el,"defaultValue")}),{name:O(this.el,"name"),form:O(this.el,"form"),disabled:C(this.el,"disabled"),multiple:C(this.el,"multiple"),dir:O(this.el,"dir",["ltr","rtl"]),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly")}));let n=this.el.querySelector('[data-scope="combobox"][data-part="input"]');n&&(n.removeAttribute("name"),n.removeAttribute("form"),n.name="")}},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.combobox)==null||e.destroy()}}});var eg={};he(eg,{DatePicker:()=>kC});function Uo(e,t){return e-t*Math.floor(e/t)}function js(e,t,n,i){t=al(e,t);let r=t-1,s=-2;return n<=2?s=0:na(t)&&(s=-1),bh-1+365*r+Math.floor(r/4)-Math.floor(r/100)+Math.floor(r/400)+Math.floor((367*n-362)/12+s+i)}function na(e){return e%4===0&&(e%100!==0||e%400===0)}function al(e,t){return e==="BC"?1-t:t}function _I(e){let t="AD";return e<=0&&(t="BC",e=1-e),[t,e]}function Zn(e,t){return t=it(t,e.calendar),e.era===t.era&&e.year===t.year&&e.month===t.month&&e.day===t.day}function qI(e,t){return t=it(t,e.calendar),e=rn(e),t=rn(t),e.era===t.era&&e.year===t.year&&e.month===t.month}function WI(e,t){return t=it(t,e.calendar),e=Or(e),t=Or(t),e.era===t.era&&e.year===t.year}function KI(e,t){return aa(e.calendar,t.calendar)&&Zn(e,t)}function zI(e,t){return aa(e.calendar,t.calendar)&&qI(e,t)}function YI(e,t){return aa(e.calendar,t.calendar)&&WI(e,t)}function aa(e,t){var n,i,r,s;return(s=(r=(n=e.isEqual)===null||n===void 0?void 0:n.call(e,t))!==null&&r!==void 0?r:(i=t.isEqual)===null||i===void 0?void 0:i.call(t,e))!==null&&s!==void 0?s:e.identifier===t.identifier}function jI(e,t){return Zn(e,oa(t))}function Eh(e,t,n){let i=e.calendar.toJulianDay(e),r=n?XI[n]:QI(t),s=Math.ceil(i+1-r)%7;return s<0&&(s+=7),s}function Ih(e){return sn(Date.now(),e)}function oa(e){return Yn(Ih(e))}function Ph(e,t){return e.calendar.toJulianDay(e)-t.calendar.toJulianDay(t)}function ZI(e,t){return rh(e)-rh(t)}function rh(e){return e.hour*36e5+e.minute*6e4+e.second*1e3+e.millisecond}function ol(){return qo==null&&(qo=new Intl.DateTimeFormat().resolvedOptions().timeZone),qo}function rn(e){return e.subtract({days:e.day-1})}function Zo(e){return e.add({days:e.calendar.getDaysInMonth(e)-e.day})}function Or(e){return rn(e.subtract({months:e.month-1}))}function JI(e){return Zo(e.add({months:e.calendar.getMonthsInYear(e)-e.month}))}function wr(e,t,n){let i=Eh(e,t,n);return e.subtract({days:i})}function sh(e,t,n){return wr(e,t,n).add({days:6})}function Ch(e){if(Intl.Locale){let n=ah.get(e);return n||(n=new Intl.Locale(e).maximize().region,n&&ah.set(e,n)),n}let t=e.split("-")[1];return t==="u"?void 0:t}function QI(e){let t=Wo.get(e);if(!t){if(Intl.Locale){let i=new Intl.Locale(e);if("getWeekInfo"in i&&(t=i.getWeekInfo(),t))return Wo.set(e,t),t.firstDay}let n=Ch(e);if(e.includes("-fw-")){let i=e.split("-fw-")[1].split("-")[0];i==="mon"?t={firstDay:1}:i==="tue"?t={firstDay:2}:i==="wed"?t={firstDay:3}:i==="thu"?t={firstDay:4}:i==="fri"?t={firstDay:5}:i==="sat"?t={firstDay:6}:t={firstDay:0}}else e.includes("-ca-iso8601")?t={firstDay:1}:t={firstDay:n&&UI[n]||0};Wo.set(e,t)}return t.firstDay}function eP(e,t,n){let i=e.calendar.getDaysInMonth(e);return Math.ceil((Eh(rn(e),t,n)+i)/7)}function Sh(e,t){return e&&t?e.compare(t)<=0?e:t:e||t}function Th(e,t){return e&&t?e.compare(t)>=0?e:t:e||t}function nP(e,t){let n=e.calendar.toJulianDay(e),i=Math.ceil(n+1)%7;i<0&&(i+=7);let r=Ch(t),[s,a]=tP[r]||[6,0];return i===s||i===a}function Fi(e){e=it(e,new Mi);let t=al(e.era,e.year);return Oh(t,e.month,e.day,e.hour,e.minute,e.second,e.millisecond)}function Oh(e,t,n,i,r,s,a){let o=new Date;return o.setUTCHours(i,r,s,a),o.setUTCFullYear(e,t-1,n),o.getTime()}function Jo(e,t){if(t==="UTC")return 0;if(e>0&&t===ol())return new Date(e).getTimezoneOffset()*-6e4;let{year:n,month:i,day:r,hour:s,minute:a,second:o}=wh(e,t);return Oh(n,i,r,s,a,o,0)-Math.floor(e/1e3)*1e3}function wh(e,t){let n=oh.get(t);n||(n=new Intl.DateTimeFormat("en-US",{timeZone:t,hour12:!1,era:"short",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}),oh.set(t,n));let i=n.formatToParts(new Date(e)),r={};for(let s of i)s.type!=="literal"&&(r[s.type]=s.value);return{year:r.era==="BC"||r.era==="B"?-r.year+1:+r.year,month:+r.month,day:+r.day,hour:r.hour==="24"?0:+r.hour,minute:+r.minute,second:+r.second}}function iP(e,t,n,i){return(n===i?[n]:[n,i]).filter(s=>rP(e,t,s))}function rP(e,t,n){let i=wh(n,t);return e.year===i.year&&e.month===i.month&&e.day===i.day&&e.hour===i.hour&&e.minute===i.minute&&e.second===i.second}function nn(e,t,n="compatible"){let i=jn(e);if(t==="UTC")return Fi(i);if(t===ol()&&n==="compatible"){i=it(i,new Mi);let l=new Date,c=al(i.era,i.year);return l.setFullYear(c,i.month-1,i.day),l.setHours(i.hour,i.minute,i.second,i.millisecond),l.getTime()}let r=Fi(i),s=Jo(r-lh,t),a=Jo(r+lh,t),o=iP(i,t,r-s,r-a);if(o.length===1)return o[0];if(o.length>1)switch(n){case"compatible":case"earlier":return o[0];case"later":return o[o.length-1];case"reject":throw new RangeError("Multiple possible absolute times found")}switch(n){case"earlier":return Math.min(r-s,r-a);case"compatible":case"later":return Math.max(r-s,r-a);case"reject":throw new RangeError("No such absolute time found")}}function Vh(e,t,n="compatible"){return new Date(nn(e,t,n))}function sn(e,t){let n=Jo(e,t),i=new Date(e+n),r=i.getUTCFullYear(),s=i.getUTCMonth()+1,a=i.getUTCDate(),o=i.getUTCHours(),l=i.getUTCMinutes(),c=i.getUTCSeconds(),u=i.getUTCMilliseconds();return new Mh(r<1?"BC":"AD",r<1?-r+1:r,s,a,t,n,o,l,c,u)}function Yn(e){return new $i(e.calendar,e.era,e.year,e.month,e.day)}function jn(e,t){let n=0,i=0,r=0,s=0;if("timeZone"in e)({hour:n,minute:i,second:r,millisecond:s}=e);else if("hour"in e&&!t)return e;return t&&({hour:n,minute:i,second:r,millisecond:s}=t),new TP(e.calendar,e.era,e.year,e.month,e.day,n,i,r,s)}function it(e,t){if(aa(e.calendar,t))return e;let n=t.fromJulianDay(e.calendar.toJulianDay(e)),i=e.copy();return i.calendar=t,i.era=n.era,i.year=n.year,i.month=n.month,i.day=n.day,Xn(i),i}function sP(e,t,n){if(e instanceof Mh)return e.timeZone===t?e:oP(e,t);let i=nn(e,t,n);return sn(i,t)}function aP(e){let t=Fi(e)-e.offset;return new Date(t)}function oP(e,t){let n=Fi(e)-e.offset;return it(sn(n,t),e.calendar)}function la(e,t){let n=e.copy(),i="hour"in n?dP(n,t):0;Qo(n,t.years||0),n.calendar.balanceYearMonth&&n.calendar.balanceYearMonth(n,e),n.month+=t.months||0,el(n),xh(n),n.day+=(t.weeks||0)*7,n.day+=t.days||0,n.day+=i,lP(n),n.calendar.balanceDate&&n.calendar.balanceDate(n),n.year<1&&(n.year=1,n.month=1,n.day=1);let r=n.calendar.getYearsInEra(n);if(n.year>r){var s,a;let l=(s=(a=n.calendar).isInverseEra)===null||s===void 0?void 0:s.call(a,n);n.year=r,n.month=l?1:n.calendar.getMonthsInYear(n),n.day=l?1:n.calendar.getDaysInMonth(n)}n.month<1&&(n.month=1,n.day=1);let o=n.calendar.getMonthsInYear(n);return n.month>o&&(n.month=o,n.day=n.calendar.getDaysInMonth(n)),n.day=Math.max(1,Math.min(n.calendar.getDaysInMonth(n),n.day)),n}function Qo(e,t){var n,i;!((n=(i=e.calendar).isInverseEra)===null||n===void 0)&&n.call(i,e)&&(t=-t),e.year+=t}function el(e){for(;e.month<1;)Qo(e,-1),e.month+=e.calendar.getMonthsInYear(e);let t=0;for(;e.month>(t=e.calendar.getMonthsInYear(e));)e.month-=t,Qo(e,1)}function lP(e){for(;e.day<1;)e.month--,el(e),e.day+=e.calendar.getDaysInMonth(e);for(;e.day>e.calendar.getDaysInMonth(e);)e.day-=e.calendar.getDaysInMonth(e),e.month++,el(e)}function xh(e){e.month=Math.max(1,Math.min(e.calendar.getMonthsInYear(e),e.month)),e.day=Math.max(1,Math.min(e.calendar.getDaysInMonth(e),e.day))}function Xn(e){e.calendar.constrainDate&&e.calendar.constrainDate(e),e.year=Math.max(1,Math.min(e.calendar.getYearsInEra(e),e.year)),xh(e)}function Ah(e){let t={};for(let n in e)typeof e[n]=="number"&&(t[n]=-e[n]);return t}function kh(e,t){return la(e,Ah(t))}function ll(e,t){let n=e.copy();return t.era!=null&&(n.era=t.era),t.year!=null&&(n.year=t.year),t.month!=null&&(n.month=t.month),t.day!=null&&(n.day=t.day),Xn(n),n}function sa(e,t){let n=e.copy();return t.hour!=null&&(n.hour=t.hour),t.minute!=null&&(n.minute=t.minute),t.second!=null&&(n.second=t.second),t.millisecond!=null&&(n.millisecond=t.millisecond),uP(n),n}function cP(e){e.second+=Math.floor(e.millisecond/1e3),e.millisecond=Xs(e.millisecond,1e3),e.minute+=Math.floor(e.second/60),e.second=Xs(e.second,60),e.hour+=Math.floor(e.minute/60),e.minute=Xs(e.minute,60);let t=Math.floor(e.hour/24);return e.hour=Xs(e.hour,24),t}function uP(e){e.millisecond=Math.max(0,Math.min(e.millisecond,1e3)),e.second=Math.max(0,Math.min(e.second,59)),e.minute=Math.max(0,Math.min(e.minute,59)),e.hour=Math.max(0,Math.min(e.hour,23))}function Xs(e,t){let n=e%t;return n<0&&(n+=t),n}function dP(e,t){return e.hour+=t.hours||0,e.minute+=t.minutes||0,e.second+=t.seconds||0,e.millisecond+=t.milliseconds||0,cP(e)}function cl(e,t,n,i){let r=e.copy();switch(t){case"era":{let o=e.calendar.getEras(),l=o.indexOf(e.era);if(l<0)throw new Error("Invalid era: "+e.era);l=an(l,n,0,o.length-1,i==null?void 0:i.round),r.era=o[l],Xn(r);break}case"year":var s,a;!((s=(a=r.calendar).isInverseEra)===null||s===void 0)&&s.call(a,r)&&(n=-n),r.year=an(e.year,n,-1/0,9999,i==null?void 0:i.round),r.year===-1/0&&(r.year=1),r.calendar.balanceYearMonth&&r.calendar.balanceYearMonth(r,e);break;case"month":r.month=an(e.month,n,1,e.calendar.getMonthsInYear(e),i==null?void 0:i.round);break;case"day":r.day=an(e.day,n,1,e.calendar.getDaysInMonth(e),i==null?void 0:i.round);break;default:throw new Error("Unsupported field "+t)}return e.calendar.balanceDate&&e.calendar.balanceDate(r),Xn(r),r}function Nh(e,t,n,i){let r=e.copy();switch(t){case"hour":{let s=e.hour,a=0,o=23;if((i==null?void 0:i.hourCycle)===12){let l=s>=12;a=l?12:0,o=l?23:11}r.hour=an(s,n,a,o,i==null?void 0:i.round);break}case"minute":r.minute=an(e.minute,n,0,59,i==null?void 0:i.round);break;case"second":r.second=an(e.second,n,0,59,i==null?void 0:i.round);break;case"millisecond":r.millisecond=an(e.millisecond,n,0,999,i==null?void 0:i.round);break;default:throw new Error("Unsupported field "+t)}return r}function an(e,t,n,i,r=!1){if(r){e+=Math.sign(t),e<n&&(e=i);let s=Math.abs(t);t>0?e=Math.ceil(e/s)*s:e=Math.floor(e/s)*s,e>i&&(e=n)}else e+=t,e<n?e=i-(n-e-1):e>i&&(e=n+(e-i-1));return e}function Rh(e,t){let n;if(t.years!=null&&t.years!==0||t.months!=null&&t.months!==0||t.weeks!=null&&t.weeks!==0||t.days!=null&&t.days!==0){let r=la(jn(e),{years:t.years,months:t.months,weeks:t.weeks,days:t.days});n=nn(r,e.timeZone)}else n=Fi(e)-e.offset;n+=t.milliseconds||0,n+=(t.seconds||0)*1e3,n+=(t.minutes||0)*6e4,n+=(t.hours||0)*36e5;let i=sn(n,e.timeZone);return it(i,e.calendar)}function hP(e,t){return Rh(e,Ah(t))}function gP(e,t,n,i){switch(t){case"hour":{let r=0,s=23;if((i==null?void 0:i.hourCycle)===12){let p=e.hour>=12;r=p?12:0,s=p?23:11}let a=jn(e),o=it(sa(a,{hour:r}),new Mi),l=[nn(o,e.timeZone,"earlier"),nn(o,e.timeZone,"later")].filter(p=>sn(p,e.timeZone).day===o.day)[0],c=it(sa(a,{hour:s}),new Mi),u=[nn(c,e.timeZone,"earlier"),nn(c,e.timeZone,"later")].filter(p=>sn(p,e.timeZone).day===c.day).pop(),h=Fi(e)-e.offset,m=Math.floor(h/Sr),d=h%Sr;return h=an(m,n,Math.floor(l/Sr),Math.floor(u/Sr),i==null?void 0:i.round)*Sr+d,it(sn(h,e.timeZone),e.calendar)}case"minute":case"second":case"millisecond":return Nh(e,t,n,i);case"era":case"year":case"month":case"day":{let r=cl(jn(e),t,n,i),s=nn(r,e.timeZone);return it(sn(s,e.timeZone),e.calendar)}default:throw new Error("Unsupported field "+t)}}function pP(e,t,n){let i=jn(e),r=sa(ll(i,t),t);if(r.compare(i)===0)return e;let s=nn(r,e.timeZone,n);return it(sn(s,e.timeZone),e.calendar)}function yP(e){let t=e.match(fP);if(!t)throw mP.test(e)?new Error(`Invalid ISO 8601 date string: ${e}. Use parseAbsolute() instead.`):new Error("Invalid ISO 8601 date string: "+e);let n=new $i(Ko(t[1],0,9999),Ko(t[2],1,12),1);return n.day=Ko(t[3],1,n.calendar.getDaysInMonth(n)),n}function Ko(e,t,n){let i=Number(e);if(i<t||i>n)throw new RangeError(`Value out of range: ${t} <= ${i} <= ${n}`);return i}function bP(e){return`${String(e.hour).padStart(2,"0")}:${String(e.minute).padStart(2,"0")}:${String(e.second).padStart(2,"0")}${e.millisecond?String(e.millisecond/1e3).slice(1):""}`}function Dh(e){let t=it(e,new Mi),n;return t.era==="BC"?n=t.year===1?"0000":"-"+String(Math.abs(1-t.year)).padStart(6,"00"):n=String(t.year).padStart(4,"0"),`${n}-${String(t.month).padStart(2,"0")}-${String(t.day).padStart(2,"0")}`}function Lh(e){return`${Dh(e)}T${bP(e)}`}function EP(e){let t=Math.sign(e)<0?"-":"+";e=Math.abs(e);let n=Math.floor(e/36e5),i=Math.floor(e%36e5/6e4),r=Math.floor(e%36e5%6e4/1e3),s=`${t}${String(n).padStart(2,"0")}:${String(i).padStart(2,"0")}`;return r!==0&&(s+=`:${String(r).padStart(2,"0")}`),s}function IP(e){return`${Lh(e)}${EP(e.offset)}[${e.timeZone}]`}function PP(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function ul(e,t,n){PP(e,t),t.set(e,n)}function dl(e){let t=typeof e[0]=="object"?e.shift():new Mi,n;if(typeof e[0]=="string")n=e.shift();else{let a=t.getEras();n=a[a.length-1]}let i=e.shift(),r=e.shift(),s=e.shift();return[t,n,i,r,s]}function Fh(e,t={}){if(typeof t.hour12=="boolean"&&VP()){t=g({},t);let r=wP[String(t.hour12)][e.split("-")[0]],s=t.hour12?"h12":"h23";t.hourCycle=r!=null?r:s,delete t.hour12}let n=e+(t?Object.entries(t).sort((r,s)=>r[0]<s[0]?-1:1).join():"");if(zo.has(n))return zo.get(n);let i=new Intl.DateTimeFormat(e,t);return zo.set(n,i),i}function VP(){return Yo==null&&(Yo=new Intl.DateTimeFormat("en-US",{hour:"numeric",hour12:!1}).format(new Date(2020,2,3,0))==="24"),Yo}function xP(){return jo==null&&(jo=new Intl.DateTimeFormat("fr",{hour:"numeric",hour12:!1}).resolvedOptions().hourCycle==="h12"),jo}function AP(e,t){if(!t.timeStyle&&!t.hour)return;e=e.replace(/(-u-)?-nu-[a-zA-Z0-9]+/,""),e+=(e.includes("-u-")?"":"-u")+"-nu-latn";let n=Fh(e,y(g({},t),{timeZone:void 0})),i=parseInt(n.formatToParts(new Date(2020,2,3,0)).find(s=>s.type==="hour").value,10),r=parseInt(n.formatToParts(new Date(2020,2,3,23)).find(s=>s.type==="hour").value,10);if(i===0&&r===23)return"h23";if(i===24&&r===23)return"h24";if(i===0&&r===11)return"h11";if(i===12&&r===11)return"h12";throw new Error("Unexpected hour cycle result")}function kP(e,t,n,i,r){let s={};for(let o in t){let l=o,c=t[l];c!=null&&(s[l]=Math.floor(c/2),s[l]>0&&c%2===0&&s[l]--)}let a=Jn(e,t,n).subtract(s);return Vr(e,a,t,n,i,r)}function Jn(e,t,n,i,r){let s=e;return t.years?s=Or(e):t.months?s=rn(e):t.weeks&&(s=wr(e,n)),Vr(e,s,t,n,i,r)}function hl(e,t,n,i,r){let s=g({},t);s.days?s.days--:s.weeks?s.weeks--:s.months?s.months--:s.years&&s.years--;let a=Jn(e,t,n).subtract(s);return Vr(e,a,t,n,i,r)}function Vr(e,t,n,i,r,s){return r&&e.compare(r)>=0&&(t=Th(t,Jn(Yn(r),n,i))),s&&e.compare(s)<=0&&(t=Sh(t,hl(Yn(s),n,i))),t}function Pt(e,t,n){let i=Yn(e);return t&&(i=Th(i,Yn(t))),n&&(i=Sh(i,Yn(n))),i}function ch(e,t,n,i,r,s){switch(t){case"start":return Jn(e,n,i,r,s);case"end":return hl(e,n,i,r,s);case"center":default:return kP(e,n,i,r,s)}}function nt(e,t){return e==null||t==null?e===t:Zn(e,t)}function uh(e,t,n,i,r){return e?t!=null&&t(e,n)?!0:$t(e,i,r):!1}function $t(e,t,n){return t!=null&&e.compare(t)<0||n!=null&&e.compare(n)>0}function NP(e,t,n){let i=e.subtract({days:1});return Zn(i,e)||$t(i,t,n)}function RP(e,t,n){let i=e.add({days:1});return Zn(i,e)||$t(i,t,n)}function gl(e){let t=g({},e);for(let n in t)t[n]=1;return t}function $h(e,t){let n=g({},t);return n.days?n.days--:n.days=-1,e.add(n)}function Hh(e){return(e==null?void 0:e.calendar.identifier)==="gregory"&&e.era==="BC"?"short":void 0}function Bh(e,t){let n=jn(oa(t));return new Ct(e,{weekday:"long",month:"long",year:"numeric",day:"numeric",era:Hh(n),timeZone:t})}function dh(e,t){let n=oa(t);return new Ct(e,{month:"long",year:"numeric",era:Hh(n),calendar:n==null?void 0:n.calendar.identifier,timeZone:t})}function DP(e,t,n,i,r){let s=n.formatRangeToParts(e.toDate(r),t.toDate(r)),a=-1;for(let c=0;c<s.length;c++){let u=s[c];if(u.source==="shared"&&u.type==="literal")a=c;else if(u.source==="endRange")break}let o="",l="";for(let c=0;c<s.length;c++)c<a?o+=s[c].value:c>a&&(l+=s[c].value);return i(o,l)}function Zs(e,t,n,i){if(!e)return"";let r=e,s=t!=null?t:e,a=Bh(n,i);return Zn(r,s)?a.format(r.toDate(i)):DP(r,s,a,(o,l)=>`${o} \u2013 ${l}`,i)}function _h(e){return e!=null?LP[e]:void 0}function Gh(e,t,n){let i=_h(n);return wr(e,t,i)}function Uh(e,t,n,i){let r=t.add({weeks:e}),s=[],a=Gh(r,n,i);for(;s.length<7;){s.push(a);let o=a.add({days:1});if(Zn(a,o))break;a=o}return s}function MP(e,t,n,i){let r=_h(i),s=n!=null?n:eP(e,t,r);return[...new Array(s).keys()].map(o=>Uh(o,e,t,i))}function FP(e,t){let n=new Ct(e,{weekday:"long",timeZone:t}),i=new Ct(e,{weekday:"short",timeZone:t}),r=new Ct(e,{weekday:"narrow",timeZone:t});return s=>{let a=s instanceof Date?s:s.toDate(t);return{value:s,short:i.format(a),long:n.format(a),narrow:r.format(a)}}}function $P(e,t,n,i){let r=Gh(e,i,t),s=[...new Array(7).keys()],a=FP(i,n);return s.map(o=>a(r.add({days:o})))}function HP(e,t="long"){let n=new Date(2021,0,1),i=[];for(let r=0;r<12;r++)i.push(n.toLocaleString(e,{month:t})),n.setMonth(n.getMonth()+1);return i}function BP(e){let t=[];for(let n=e.from;n<=e.to;n+=1)t.push(n);return t}function GP(e){if(e){if(e.length===3)return e.padEnd(4,"0");if(e.length===2){let t=new Date().getFullYear(),n=Math.floor(t/100)*100,i=parseInt(e.slice(-2),10),r=n+i;return r>t+_P?(r-100).toString():r.toString()}return e}}function Li(e,t){let n=t!=null&&t.strict?10:12,i=e-e%10,r=[];for(let s=0;s<n;s+=1){let a=i+s;r.push(a)}return r}function Di(e){return oa(e!=null?e:ol())}function xr(e,t,n,i){return function(s){let{startDate:a,focusedDate:o}=s,l=$h(a,e);return $t(o,n,i)?{startDate:a,focusedDate:Pt(o,n,i),endDate:l}:o.compare(a)<0?{startDate:hl(o,e,t,n,i),focusedDate:Pt(o,n,i),endDate:l}:o.compare(l)>0?{startDate:Jn(o,e,t,n,i),endDate:l,focusedDate:Pt(o,n,i)}:{startDate:a,endDate:l,focusedDate:Pt(o,n,i)}}}function qh(e,t,n,i,r,s){let a=xr(n,i,r,s),o=t.add(n);return a({focusedDate:e.add(n),startDate:Jn(Vr(e,o,n,i,r,s),n,i)})}function Wh(e,t,n,i,r,s){let a=xr(n,i,r,s),o=t.subtract(n);return a({focusedDate:e.subtract(n),startDate:Jn(Vr(e,o,n,i,r,s),n,i)})}function UP(e,t,n,i,r,s,a){let o=xr(i,r,s,a);if(!n&&!i.days)return o({focusedDate:e.add(gl(i)),startDate:t});if(i.days)return qh(e,t,i,r,s,a);if(i.weeks)return o({focusedDate:e.add({months:1}),startDate:t});if(i.months||i.years)return o({focusedDate:e.add({years:1}),startDate:t})}function qP(e,t,n,i,r,s,a){let o=xr(i,r,s,a);if(!n&&!i.days)return o({focusedDate:e.subtract(gl(i)),startDate:t});if(i.days)return Wh(e,t,i,r,s,a);if(i.weeks)return o({focusedDate:e.subtract({months:1}),startDate:t});if(i.months||i.years)return o({focusedDate:e.subtract({years:1}),startDate:t})}function zP(e,t,n){var c;let i=YP(t,n),{year:r,month:s,day:a}=(c=jP(i,e))!=null?c:{};if(r!=null||s!=null||a!=null){let u=new Date;r||(r=u.getFullYear().toString()),s||(s=(u.getMonth()+1).toString()),a||(a=u.getDate().toString())}if(hh(r)||(r=GP(r)),hh(r)&&WP(s)&&KP(a))return new $i(+r,+s,+a);let l=Date.parse(e);if(!isNaN(l)){let u=new Date(l);return new $i(u.getFullYear(),u.getMonth()+1,u.getDate())}}function YP(e,t){return new Ct(e,{day:"numeric",month:"numeric",year:"numeric",timeZone:t}).formatToParts(new Date(2e3,11,25)).map(({type:r,value:s})=>r==="literal"?`${s}?`:`((?!=<${r}>)\\d+)?`).join("")}function jP(e,t){var i;let n=t.match(e);return(i=e.toString().match(/<(.+?)>/g))==null?void 0:i.map(r=>{var a;let s=r.match(/<(.+)>/);return!s||s.length<=0?null:(a=r.match(/<(.+)>/))==null?void 0:a[1]}).reduce((r,s,a)=>(s&&(n&&n.length>a?r[s]=n[a+1]:r[s]=null),r),{})}function gh(e,t,n){let i=Yn(Ih(n));switch(e){case"thisWeek":return[wr(i,t),sh(i,t)];case"thisMonth":return[rn(i),i];case"thisQuarter":return[rn(i).add({months:-((i.month-1)%3)}),i];case"thisYear":return[Or(i),i];case"last3Days":return[i.add({days:-2}),i];case"last7Days":return[i.add({days:-6}),i];case"last14Days":return[i.add({days:-13}),i];case"last30Days":return[i.add({days:-29}),i];case"last90Days":return[i.add({days:-89}),i];case"lastMonth":return[rn(i.add({months:-1})),Zo(i.add({months:-1}))];case"lastQuarter":return[rn(i.add({months:-((i.month-1)%3)-3})),Zo(i.add({months:-((i.month-1)%3)-1}))];case"lastWeek":return[wr(i,t).add({weeks:-1}),sh(i,t).add({weeks:-1})];case"lastYear":return[Or(i.add({years:-1})),JI(i.add({years:-1}))];default:throw new Error(`Invalid date range preset: ${e}`)}}function XP(e={}){var c;let{level:t="polite",document:n=document,root:i,delay:r=0}=e,s=(c=n.defaultView)!=null?c:window,a=i!=null?i:n.body;function o(u,h){let m=n.getElementById(Js);m==null||m.remove(),h=h!=null?h:r;let d=n.createElement("span");d.id=Js,d.dataset.liveAnnouncer="true";let p=t!=="assertive"?"status":"alert";d.setAttribute("aria-live",t),d.setAttribute("role",p),Object.assign(d.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),a.appendChild(d),s.setTimeout(()=>{d.textContent=u},h)}function l(){let u=n.getElementById(Js);u==null||u.remove()}return{announce:o,destroy:l,toJSON(){return Js}}}function sl(e){let[t,n]=e,i;return!t||!n?i=e:i=t.compare(n)<=0?e:[n,t],i}function Ri(e,t){let[n,i]=t;return!n||!i?!1:n.compare(e)<=0&&i.compare(e)>=0}function Qs(e){return e.slice().filter(t=>t!=null).sort((t,n)=>t.compare(n))}function lC(e){return Ce(e,{year:"calendar decade",month:"calendar year",day:"calendar month"})}function uC(e){return new Ct(e).formatToParts(new Date).map(t=>{var n;return(n=cC[t.type])!=null?n:t.value}).join("")}function hC(e){let i=new Intl.DateTimeFormat(e).formatToParts(new Date).find(r=>r.type==="literal");return i?i.value:"/"}function on(e,t){return e?e==="day"?0:e==="month"?1:2:t||0}function pl(e){return e===0?"day":e===1?"month":"year"}function fl(e,t,n){return pl(He(on(e,0),on(t,0),on(n,2)))}function pC(e,t){return on(e,0)>on(t,0)}function fC(e,t){return on(e,0)<on(t,0)}function mC(e,t,n){let i=on(e,0)+1;return fl(pl(i),t,n)}function vC(e,t,n){let i=on(e,0)-1;return fl(pl(i),t,n)}function bC(e){yC.forEach(t=>e(t))}function IC(e,t){let{state:n,context:i,prop:r,send:s,computed:a,scope:o}=e,l=i.get("startValue"),c=a("endValue"),u=i.get("value"),h=i.get("focusedValue"),m=i.get("hoveredValue"),d=m?sl([u[0],m]):[],p=!!r("disabled"),v=!!r("readOnly"),I=!!r("invalid"),T=a("isInteractive"),w=u.length===0,b=r("min"),f=r("max"),S=r("locale"),P=r("timeZone"),V=r("startOfWeek"),A=n.matches("focused"),x=n.matches("open"),k=r("selectionMode")==="range",N=r("isDateUnavailable"),D=i.get("currentPlacement"),$=On(y(g({},r("positioning")),{placement:D})),te=hC(S),J=g(g({},gC),r("translations"));function ie(M=l){let R=r("fixedWeeks")?6:void 0;return MP(M,S,R,V)}function Q(M={}){let{format:R}=M;return HP(S,R).map((F,G)=>{let ae=G+1,ze=h.set({month:ae}),Ne=$t(ze,b,f);return{label:F,value:ae,disabled:Ne}})}function Se(){var R,F;return BP({from:(R=b==null?void 0:b.year)!=null?R:1900,to:(F=f==null?void 0:f.year)!=null?F:2100}).map(G=>({label:G.toString(),value:G,disabled:!Pi(G,b==null?void 0:b.year,f==null?void 0:f.year)}))}function Pe(M){return uh(M,N,S,b,f)}function ne(M){let R=l!=null?l:Di(P);s({type:"FOCUS.SET",value:R.set({month:M})})}function Ie(M){let R=l!=null?l:Di(P);s({type:"FOCUS.SET",value:R.set({year:M})})}function rt(M){let{value:R,disabled:F}=M,G=h.set({year:R}),ze=!Li(l.year,{strict:!0}).includes(R),Ne=Pi(R,b==null?void 0:b.year,f==null?void 0:f.year),Tt={focused:h.year===M.value,selectable:ze||Ne,outsideRange:ze,selected:!!u.find(Zi=>Zi&&Zi.year===R),valueText:R.toString(),inRange:k&&(Ri(G,u)||Ri(G,d)),value:G,get disabled(){return F||!Tt.selectable}};return Tt}function Ut(M){let{value:R,disabled:F}=M,G=h.set({month:R}),ae=dh(S,P),ze={focused:h.month===M.value,selectable:!$t(G,b,f),selected:!!u.find(Ne=>Ne&&Ne.month===R&&Ne.year===h.year),valueText:ae.format(G.toDate(P)),inRange:k&&(Ri(G,u)||Ri(G,d)),value:G,get disabled(){return F||!ze.selectable}};return ze}function Xi(M){let{value:R,disabled:F,visibleRange:G=a("visibleRange")}=M,ae=Bh(S,P),ze=gl(a("visibleDuration")),Ne=r("outsideDaySelectable"),Tt=G.start.add(ze).subtract({days:1}),Zi=$t(R,G.start,Tt),kf=k&&Ri(R,u),Nf=k&&nt(R,u[0]),Rf=k&&nt(R,u[1]),Ma=k&&d.length>0,ic=Ma&&Ri(R,d),Df=Ma&&nt(R,d[0]),Lf=Ma&&nt(R,d[1]),Ji={invalid:$t(R,b,f),disabled:F||!Ne&&Zi||$t(R,b,f),selected:u.some(Mf=>nt(R,Mf)),unavailable:uh(R,N,S,b,f)&&!F,outsideRange:Zi,today:jI(R,P),weekend:nP(R,S),formattedDate:ae.format(R.toDate(P)),get focused(){return nt(R,h)&&(!Ji.outsideRange||Ne)},get ariaLabel(){return J.dayCell(Ji)},get selectable(){return!Ji.disabled&&!Ji.unavailable},inRange:kf||ic,firstInRange:Nf,lastInRange:Rf,inHoveredRange:ic,firstInHoveredRange:Df,lastInHoveredRange:Lf};return Ji}function La(M){let{view:R="day",id:F}=M;return[R,F].filter(Boolean).join(" ")}return{focused:A,open:x,disabled:p,invalid:I,readOnly:v,inline:!!r("inline"),numOfMonths:r("numOfMonths"),selectionMode:r("selectionMode"),view:i.get("view"),getRangePresetValue(M){return gh(M,S,P)},getDaysInWeek(M,R=l){return Uh(M,R,S,V)},getOffset(M){let R=l.add(M),F=c.add(M),G=dh(S,P);return{visibleRange:{start:R,end:F},weeks:ie(R),visibleRangeText:{start:G.format(R.toDate(P)),end:G.format(F.toDate(P))}}},getMonthWeeks:ie,isUnavailable:Pe,weeks:ie(),weekDays:$P(Di(P),V,P,S),visibleRangeText:a("visibleRangeText"),value:u,valueAsDate:u.filter(M=>M!=null).map(M=>M.toDate(P)),valueAsString:a("valueAsString"),focusedValue:h,focusedValueAsDate:h==null?void 0:h.toDate(P),focusedValueAsString:r("format")(h,{locale:S,timeZone:P}),visibleRange:a("visibleRange"),selectToday(){let M=Pt(Di(P),b,f);s({type:"VALUE.SET",value:M})},setValue(M){let R=M.map(F=>Pt(F,b,f));s({type:"VALUE.SET",value:R})},clearValue(){s({type:"VALUE.CLEAR"})},setFocusedValue(M){s({type:"FOCUS.SET",value:M})},setOpen(M){r("inline")||n.matches("open")===M||s({type:M?"OPEN":"CLOSE"})},focusMonth:ne,focusYear:Ie,getYears:Se,getMonths:Q,getYearsGrid(M={}){let{columns:R=1}=M,F=Li(l.year,{strict:!0}).map(G=>({label:G.toString(),value:G,disabled:!Pi(G,b==null?void 0:b.year,f==null?void 0:f.year)}));return cr(F,R)},getDecade(){let M=Li(l.year,{strict:!0});return{start:M.at(0),end:M.at(-1)}},getMonthsGrid(M={}){let{columns:R=1,format:F}=M;return cr(Q({format:F}),R)},format(M,R={month:"long",year:"numeric"}){return new Ct(S,R).format(M.toDate(P))},setView(M){s({type:"VIEW.SET",view:M})},goToNext(){s({type:"GOTO.NEXT",view:i.get("view")})},goToPrev(){s({type:"GOTO.PREV",view:i.get("view")})},getRootProps(){return t.element(y(g({},de.root.attrs),{dir:r("dir"),id:QP(o),"data-state":x?"open":"closed","data-disabled":E(p),"data-readonly":E(v),"data-empty":E(w)}))},getLabelProps(M={}){let{index:R=0}=M;return t.label(y(g({},de.label.attrs),{id:JP(o,R),dir:r("dir"),htmlFor:ph(o,R),"data-state":x?"open":"closed","data-index":R,"data-disabled":E(p),"data-readonly":E(v)}))},getControlProps(){return t.element(y(g({},de.control.attrs),{dir:r("dir"),id:zh(o),"data-disabled":E(p),"data-placeholder-shown":E(w)}))},getRangeTextProps(){return t.element(y(g({},de.rangeText.attrs),{dir:r("dir")}))},getContentProps(){return t.element(y(g({},de.content.attrs),{hidden:!x,dir:r("dir"),"data-state":x?"open":"closed","data-placement":D,"data-inline":E(r("inline")),id:rl(o),tabIndex:-1,role:"application","aria-roledescription":"datepicker","aria-label":J.content}))},getTableProps(M={}){let{view:R="day",columns:F=R==="day"?7:4}=M,G=La(M);return t.element(y(g({},de.table.attrs),{role:"grid","data-columns":F,"aria-roledescription":lC(R),id:eC(o,G),"aria-readonly":X(v),"aria-disabled":X(p),"aria-multiselectable":X(r("selectionMode")!=="single"),"data-view":R,dir:r("dir"),tabIndex:-1,onKeyDown(ae){if(ae.defaultPrevented)return;let Ne={Enter(){R==="day"&&Pe(h)||R==="month"&&!Ut({value:h.month}).selectable||R==="year"&&!rt({value:h.year}).selectable||s({type:"TABLE.ENTER",view:R,columns:F,focus:!0})},ArrowLeft(){s({type:"TABLE.ARROW_LEFT",view:R,columns:F,focus:!0})},ArrowRight(){s({type:"TABLE.ARROW_RIGHT",view:R,columns:F,focus:!0})},ArrowUp(){s({type:"TABLE.ARROW_UP",view:R,columns:F,focus:!0})},ArrowDown(){s({type:"TABLE.ARROW_DOWN",view:R,columns:F,focus:!0})},PageUp(Tt){s({type:"TABLE.PAGE_UP",larger:Tt.shiftKey,view:R,columns:F,focus:!0})},PageDown(Tt){s({type:"TABLE.PAGE_DOWN",larger:Tt.shiftKey,view:R,columns:F,focus:!0})},Home(){s({type:"TABLE.HOME",view:R,columns:F,focus:!0})},End(){s({type:"TABLE.END",view:R,columns:F,focus:!0})}}[ge(ae,{dir:r("dir")})];Ne&&(Ne(ae),ae.preventDefault(),ae.stopPropagation())},onPointerLeave(){s({type:"TABLE.POINTER_LEAVE"})},onPointerDown(){s({type:"TABLE.POINTER_DOWN",view:R})},onPointerUp(){s({type:"TABLE.POINTER_UP",view:R})}}))},getTableHeadProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.tableHead.attrs),{"aria-hidden":!0,dir:r("dir"),"data-view":R,"data-disabled":E(p)}))},getTableHeaderProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.tableHeader.attrs),{dir:r("dir"),"data-view":R,"data-disabled":E(p)}))},getTableBodyProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.tableBody.attrs),{"data-view":R,"data-disabled":E(p)}))},getTableRowProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.tableRow.attrs),{"aria-disabled":X(p),"data-disabled":E(p),"data-view":R}))},getDayTableCellState:Xi,getDayTableCellProps(M){let{value:R}=M,F=Xi(M);return t.element(y(g({},de.tableCell.attrs),{role:"gridcell","aria-disabled":X(!F.selectable),"aria-selected":F.selected||F.inRange,"aria-invalid":X(F.invalid),"aria-current":F.today?"date":void 0,"data-value":R.toString()}))},getDayTableCellTriggerProps(M){let{value:R}=M,F=Xi(M);return t.element(y(g({},de.tableCellTrigger.attrs),{id:Xo(o,R.toString()),role:"button",dir:r("dir"),tabIndex:F.focused?0:-1,"aria-label":F.ariaLabel,"aria-disabled":X(!F.selectable),"aria-invalid":X(F.invalid),"data-disabled":E(!F.selectable),"data-selected":E(F.selected),"data-value":R.toString(),"data-view":"day","data-today":E(F.today),"data-focus":E(F.focused),"data-unavailable":E(F.unavailable),"data-range-start":E(F.firstInRange),"data-range-end":E(F.lastInRange),"data-in-range":E(F.inRange),"data-outside-range":E(F.outsideRange),"data-weekend":E(F.weekend),"data-in-hover-range":E(F.inHoveredRange),"data-hover-range-start":E(F.firstInHoveredRange),"data-hover-range-end":E(F.lastInHoveredRange),onClick(G){G.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"day",value:R})},onPointerMove:k?G=>{if(G.pointerType==="touch"||!F.selectable)return;let ae=!o.isActiveElement(G.currentTarget);m&&KI(R,m)||s({type:"CELL.POINTER_MOVE",cell:"day",value:R,focus:ae})}:void 0}))},getMonthTableCellState:Ut,getMonthTableCellProps(M){let{value:R,columns:F}=M,G=Ut(M);return t.element(y(g({},de.tableCell.attrs),{dir:r("dir"),colSpan:F,role:"gridcell","aria-selected":X(G.selected||G.inRange),"data-selected":E(G.selected),"aria-disabled":X(!G.selectable),"data-value":R}))},getMonthTableCellTriggerProps(M){let{value:R}=M,F=Ut(M);return t.element(y(g({},de.tableCellTrigger.attrs),{dir:r("dir"),role:"button",id:Xo(o,R.toString()),"data-selected":E(F.selected),"aria-disabled":X(!F.selectable),"data-disabled":E(!F.selectable),"data-focus":E(F.focused),"data-in-range":E(F.inRange),"data-outside-range":E(F.outsideRange),"aria-label":F.valueText,"data-view":"month","data-value":R,tabIndex:F.focused?0:-1,onClick(G){G.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"month",value:R})},onPointerMove:k?G=>{if(G.pointerType==="touch"||!F.selectable)return;let ae=!o.isActiveElement(G.currentTarget);m&&F.value&&zI(F.value,m)||s({type:"CELL.POINTER_MOVE",cell:"month",value:F.value,focus:ae})}:void 0}))},getYearTableCellState:rt,getYearTableCellProps(M){let{value:R,columns:F}=M,G=rt(M);return t.element(y(g({},de.tableCell.attrs),{dir:r("dir"),colSpan:F,role:"gridcell","aria-selected":X(G.selected),"data-selected":E(G.selected),"aria-disabled":X(!G.selectable),"data-value":R}))},getYearTableCellTriggerProps(M){let{value:R}=M,F=rt(M);return t.element(y(g({},de.tableCellTrigger.attrs),{dir:r("dir"),role:"button",id:Xo(o,R.toString()),"data-selected":E(F.selected),"data-focus":E(F.focused),"data-in-range":E(F.inRange),"aria-disabled":X(!F.selectable),"data-disabled":E(!F.selectable),"aria-label":F.valueText,"data-outside-range":E(F.outsideRange),"data-value":R,"data-view":"year",tabIndex:F.focused?0:-1,onClick(G){G.defaultPrevented||F.selectable&&s({type:"CELL.CLICK",cell:"year",value:R})},onPointerMove:k?G=>{if(G.pointerType==="touch"||!F.selectable)return;let ae=!o.isActiveElement(G.currentTarget);m&&F.value&&YI(F.value,m)||s({type:"CELL.POINTER_MOVE",cell:"year",value:F.value,focus:ae})}:void 0}))},getNextTriggerProps(M={}){let{view:R="day"}=M,F=p||!a("isNextVisibleRangeValid");return t.button(y(g({},de.nextTrigger.attrs),{dir:r("dir"),id:nC(o,R),type:"button","aria-label":J.nextTrigger(R),disabled:F,"data-disabled":E(F),onClick(G){G.defaultPrevented||s({type:"GOTO.NEXT",view:R})}}))},getPrevTriggerProps(M={}){let{view:R="day"}=M,F=p||!a("isPrevVisibleRangeValid");return t.button(y(g({},de.prevTrigger.attrs),{dir:r("dir"),id:tC(o,R),type:"button","aria-label":J.prevTrigger(R),disabled:F,"data-disabled":E(F),onClick(G){G.defaultPrevented||s({type:"GOTO.PREV",view:R})}}))},getClearTriggerProps(){return t.button(y(g({},de.clearTrigger.attrs),{id:Kh(o),dir:r("dir"),type:"button","aria-label":J.clearTrigger,hidden:!u.length,onClick(M){M.defaultPrevented||s({type:"VALUE.CLEAR"})}}))},getTriggerProps(){return t.button(y(g({},de.trigger.attrs),{id:Yh(o),dir:r("dir"),type:"button","data-placement":D,"aria-label":J.trigger(x),"aria-controls":rl(o),"data-state":x?"open":"closed","data-placeholder-shown":E(w),"aria-haspopup":"grid",disabled:p,onClick(M){M.defaultPrevented||T&&s({type:"TRIGGER.CLICK"})}}))},getViewProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.view.attrs),{"data-view":R,hidden:i.get("view")!==R}))},getViewTriggerProps(M={}){let{view:R="day"}=M;return t.button(y(g({},de.viewTrigger.attrs),{"data-view":R,dir:r("dir"),id:iC(o,R),type:"button",disabled:p,"aria-label":J.viewTrigger(R),onClick(F){F.defaultPrevented||T&&s({type:"VIEW.TOGGLE",src:"viewTrigger"})}}))},getViewControlProps(M={}){let{view:R="day"}=M;return t.element(y(g({},de.viewControl.attrs),{"data-view":R,dir:r("dir")}))},getInputProps(M={}){let{index:R=0,fixOnBlur:F=!0}=M;return t.input(y(g({},de.input.attrs),{id:ph(o,R),autoComplete:"off",autoCorrect:"off",spellCheck:"false",dir:r("dir"),name:r("name"),"data-index":R,"data-state":x?"open":"closed","data-placeholder-shown":E(w),readOnly:v,disabled:p,required:r("required"),"aria-invalid":X(I),"data-invalid":E(I),placeholder:r("placeholder")||uC(S),defaultValue:a("valueAsString")[R],onBeforeInput(G){let{data:ae}=Yt(G);Qh(ae,te)||G.preventDefault()},onFocus(){s({type:"INPUT.FOCUS",index:R})},onBlur(G){let ae=G.currentTarget.value.trim();s({type:"INPUT.BLUR",value:ae,index:R,fixOnBlur:F})},onKeyDown(G){if(G.defaultPrevented||!T)return;let ze={Enter(Ne){Re(Ne)||Pe(h)||Ne.currentTarget.value.trim()!==""&&s({type:"INPUT.ENTER",value:Ne.currentTarget.value,index:R})}}[G.key];ze&&(ze(G),G.preventDefault())},onInput(G){let ae=G.currentTarget.value;s({type:"INPUT.CHANGE",value:dC(ae,te),index:R})}}))},getMonthSelectProps(){return t.select(y(g({},de.monthSelect.attrs),{id:Xh(o),"aria-label":J.monthSelect,disabled:p,dir:r("dir"),defaultValue:l.month,onChange(M){ne(Number(M.currentTarget.value))}}))},getYearSelectProps(){return t.select(y(g({},de.yearSelect.attrs),{id:Zh(o),disabled:p,"aria-label":J.yearSelect,dir:r("dir"),defaultValue:l.year,onChange(M){Ie(Number(M.currentTarget.value))}}))},getPositionerProps(){return t.element(y(g({id:jh(o)},de.positioner.attrs),{dir:r("dir"),style:$.floating}))},getPresetTriggerProps(M){let R=Array.isArray(M.value)?M.value:gh(M.value,S,P),F=R.filter(G=>G!=null).map(G=>G.toDate(P).toDateString());return t.button(y(g({},de.presetTrigger.attrs),{"aria-label":J.presetTrigger(F),type:"button",onClick(G){G.defaultPrevented||s({type:"PRESET.CLICK",value:R})}}))}}}function PC(e,t){if((e==null?void 0:e.length)!==(t==null?void 0:t.length))return!1;let n=Math.max(e.length,t.length);for(let i=0;i<n;i++)if(!nt(e[i],t[i]))return!1;return!0}function ea(e,t){return e.map(n=>n==null?"":t("format")(n,{locale:t("locale"),timeZone:t("timeZone")}))}function ve(e,t){let{context:n,prop:i,computed:r}=e;if(!t)return;let s=ra(e,t);if(nt(n.get("focusedValue"),s))return;let o=xr(r("visibleDuration"),i("locale"),i("min"),i("max"))({focusedDate:s,startDate:n.get("startValue")});n.set("startValue",o.startDate),n.set("focusedValue",o.focusedDate)}function ta(e,t){let{context:n}=e;n.set("startValue",t.startDate);let i=n.get("focusedValue");nt(i,t.focusedDate)||n.set("focusedValue",t.focusedDate)}function gt(e){return Array.isArray(e)?e.map(t=>gt(t)):e instanceof Date?new $i(e.getFullYear(),e.getMonth()+1,e.getDate()):yP(e)}function yh(e){let t=n=>String(n).padStart(2,"0");return`${e.year}-${t(e.month)}-${t(e.day)}`}var bh,GI,Mi,UI,XI,qo,ah,Wo,tP,oh,lh,Sr,fP,mP,vP,Ex,CP,$i,SP,TP,OP,Mh,zo,Ct,wP,Yo,jo,LP,_P,hh,WP,KP,Js,ZP,de,JP,QP,eC,rl,Xo,tC,nC,iC,Kh,zh,ph,Yh,jh,Xh,Zh,fh,mh,ia,Tr,rC,sC,aC,oC,Jh,cC,Qh,vh,dC,gC,yC,EC,ht,CC,ra,SC,Ix,TC,Px,OC,Cx,wC,Sx,VC,Tx,xC,Ox,AC,kC,tg=re(()=>{"use strict";Pr();Wn();tn();se();bh=1721426;GI={standard:[31,28,31,30,31,30,31,31,30,31,30,31],leapyear:[31,29,31,30,31,30,31,31,30,31,30,31]},Mi=class{fromJulianDay(e){let t=e,n=t-bh,i=Math.floor(n/146097),r=Uo(n,146097),s=Math.floor(r/36524),a=Uo(r,36524),o=Math.floor(a/1461),l=Uo(a,1461),c=Math.floor(l/365),u=i*400+s*100+o*4+c+(s!==4&&c!==4?1:0),[h,m]=_I(u),d=t-js(h,m,1,1),p=2;t<js(h,m,3,1)?p=0:na(m)&&(p=1);let v=Math.floor(((d+p)*12+373)/367),I=t-js(h,m,v,1)+1;return new $i(h,m,v,I)}toJulianDay(e){return js(e.era,e.year,e.month,e.day)}getDaysInMonth(e){return GI[na(e.year)?"leapyear":"standard"][e.month-1]}getMonthsInYear(e){return 12}getDaysInYear(e){return na(e.year)?366:365}getMaximumMonthsInYear(){return 12}getMaximumDaysInMonth(){return 31}getYearsInEra(e){return 9999}getEras(){return["BC","AD"]}isInverseEra(e){return e.era==="BC"}balanceDate(e){e.year<=0&&(e.era=e.era==="BC"?"AD":"BC",e.year=1-e.year)}constructor(){this.identifier="gregory"}},UI={"001":1,AD:1,AE:6,AF:6,AI:1,AL:1,AM:1,AN:1,AR:1,AT:1,AU:1,AX:1,AZ:1,BA:1,BE:1,BG:1,BH:6,BM:1,BN:1,BY:1,CH:1,CL:1,CM:1,CN:1,CR:1,CY:1,CZ:1,DE:1,DJ:6,DK:1,DZ:6,EC:1,EE:1,EG:6,ES:1,FI:1,FJ:1,FO:1,FR:1,GB:1,GE:1,GF:1,GP:1,GR:1,HR:1,HU:1,IE:1,IQ:6,IR:6,IS:1,IT:1,JO:6,KG:1,KW:6,KZ:1,LB:1,LI:1,LK:1,LT:1,LU:1,LV:1,LY:6,MC:1,MD:1,ME:1,MK:1,MN:1,MQ:1,MV:5,MY:1,NL:1,NO:1,NZ:1,OM:6,PL:1,QA:6,RE:1,RO:1,RS:1,RU:1,SD:6,SE:1,SI:1,SK:1,SM:1,SY:6,TJ:1,TM:1,TR:1,UA:1,UY:1,UZ:1,VA:1,VN:1,XK:1};XI={sun:0,mon:1,tue:2,wed:3,thu:4,fri:5,sat:6};qo=null;ah=new Map,Wo=new Map;tP={AF:[4,5],AE:[5,6],BH:[5,6],DZ:[5,6],EG:[5,6],IL:[5,6],IQ:[5,6],IR:[5,5],JO:[5,6],KW:[5,6],LY:[5,6],OM:[5,6],QA:[5,6],SA:[5,6],SD:[5,6],SY:[5,6],YE:[5,6]};oh=new Map;lh=864e5;Sr=36e5;fP=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})$/,mP=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})(?:T(\d{2}))?(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?(?:(?:([+-]\d{2})(?::?(\d{2}))?)|Z)$/,vP=["hours","minutes","seconds"],Ex=["years","months","weeks","days",...vP];CP=new WeakMap,$i=class tl{copy(){return this.era?new tl(this.calendar,this.era,this.year,this.month,this.day):new tl(this.calendar,this.year,this.month,this.day)}add(t){return la(this,t)}subtract(t){return kh(this,t)}set(t){return ll(this,t)}cycle(t,n,i){return cl(this,t,n,i)}toDate(t){return Vh(this,t)}toString(){return Dh(this)}compare(t){return Ph(this,t)}constructor(...t){ul(this,CP,{writable:!0,value:void 0});let[n,i,r,s,a]=dl(t);this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=a,Xn(this)}},SP=new WeakMap,TP=class nl{copy(){return this.era?new nl(this.calendar,this.era,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond):new nl(this.calendar,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond)}add(t){return la(this,t)}subtract(t){return kh(this,t)}set(t){return ll(sa(this,t),t)}cycle(t,n,i){switch(t){case"era":case"year":case"month":case"day":return cl(this,t,n,i);default:return Nh(this,t,n,i)}}toDate(t,n){return Vh(this,t,n)}toString(){return Lh(this)}compare(t){let n=Ph(this,t);return n===0?ZI(this,jn(t)):n}constructor(...t){ul(this,SP,{writable:!0,value:void 0});let[n,i,r,s,a]=dl(t);this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=a,this.hour=t.shift()||0,this.minute=t.shift()||0,this.second=t.shift()||0,this.millisecond=t.shift()||0,Xn(this)}},OP=new WeakMap,Mh=class il{copy(){return this.era?new il(this.calendar,this.era,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond):new il(this.calendar,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond)}add(t){return Rh(this,t)}subtract(t){return hP(this,t)}set(t,n){return pP(this,t,n)}cycle(t,n,i){return gP(this,t,n,i)}toDate(){return aP(this)}toString(){return IP(this)}toAbsoluteString(){return this.toDate().toISOString()}compare(t){return this.toDate().getTime()-sP(t,this.timeZone).toDate().getTime()}constructor(...t){ul(this,OP,{writable:!0,value:void 0});let[n,i,r,s,a]=dl(t),o=t.shift(),l=t.shift();this.calendar=n,this.era=i,this.year=r,this.month=s,this.day=a,this.timeZone=o,this.offset=l,this.hour=t.shift()||0,this.minute=t.shift()||0,this.second=t.shift()||0,this.millisecond=t.shift()||0,Xn(this)}},zo=new Map,Ct=class{format(e){return this.formatter.format(e)}formatToParts(e){return this.formatter.formatToParts(e)}formatRange(e,t){if(typeof this.formatter.formatRange=="function")return this.formatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.formatter.format(e)} \u2013 ${this.formatter.format(t)}`}formatRangeToParts(e,t){if(typeof this.formatter.formatRangeToParts=="function")return this.formatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let n=this.formatter.formatToParts(e),i=this.formatter.formatToParts(t);return[...n.map(r=>y(g({},r),{source:"startRange"})),{type:"literal",value:" \u2013 ",source:"shared"},...i.map(r=>y(g({},r),{source:"endRange"}))]}resolvedOptions(){let e=this.formatter.resolvedOptions();return xP()&&(this.resolvedHourCycle||(this.resolvedHourCycle=AP(e.locale,this.options)),e.hourCycle=this.resolvedHourCycle,e.hour12=this.resolvedHourCycle==="h11"||this.resolvedHourCycle==="h12"),e.calendar==="ethiopic-amete-alem"&&(e.calendar="ethioaa"),e}constructor(e,t={}){this.formatter=Fh(e,t),this.options=t}},wP={true:{ja:"h11"},false:{}};Yo=null;jo=null;LP=["sun","mon","tue","wed","thu","fri","sat"];_P=10;hh=e=>e!=null&&e.length===4,WP=e=>e!=null&&parseFloat(e)<=12,KP=e=>e!=null&&parseFloat(e)<=31;Js="__live-region__";ZP=U("date-picker").parts("clearTrigger","content","control","input","label","monthSelect","nextTrigger","positioner","presetTrigger","prevTrigger","rangeText","root","table","tableBody","tableCell","tableCellTrigger","tableHead","tableHeader","tableRow","trigger","view","viewControl","viewTrigger","yearSelect"),de=ZP.build(),JP=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.label)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:label:${t}`},QP=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`datepicker:${e.id}`},eC=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.table)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:table:${t}`},rl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`datepicker:${e.id}:content`},Xo=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.cellTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:cell-trigger:${t}`},tC=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.prevTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:prev:${t}`},nC=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.nextTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:next:${t}`},iC=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.viewTrigger)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:view:${t}`},Kh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`datepicker:${e.id}:clear`},zh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`datepicker:${e.id}:control`},ph=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.input)==null?void 0:i.call(n,t))!=null?r:`datepicker:${e.id}:input:${t}`},Yh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`datepicker:${e.id}:trigger`},jh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`datepicker:${e.id}:positioner`},Xh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.monthSelect)!=null?n:`datepicker:${e.id}:month-select`},Zh=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.yearSelect)!=null?n:`datepicker:${e.id}:year-select`},fh=(e,t)=>vi(ia(e),`[data-part=table-cell-trigger][data-view=${t}][data-focus]:not([data-outside-range])`),mh=e=>e.getById(Yh(e)),ia=e=>e.getById(rl(e)),Tr=e=>Fe(Jh(e),"[data-part=input]"),rC=e=>e.getById(Zh(e)),sC=e=>e.getById(Xh(e)),aC=e=>e.getById(Kh(e)),oC=e=>e.getById(jh(e)),Jh=e=>e.getById(zh(e));cC={day:"dd",month:"mm",year:"yyyy"};Qh=(e,t)=>e?/\d/.test(e)||e===t||e.length!==1:!0,vh=e=>!Number.isNaN(e.day)&&!Number.isNaN(e.month)&&!Number.isNaN(e.year),dC=(e,t)=>e.split("").filter(n=>Qh(n,t)).join("");gC={dayCell(e){return e.unavailable?`Not available. ${e.formattedDate}`:e.selected?`Selected date. ${e.formattedDate}`:`Choose ${e.formattedDate}`},trigger(e){return e?"Close calendar":"Open calendar"},viewTrigger(e){return Ce(e,{year:"Switch to month view",month:"Switch to day view",day:"Switch to year view"})},presetTrigger(e){let[t="",n=""]=e;return`select ${t} to ${n}`},prevTrigger(e){return Ce(e,{year:"Switch to previous decade",month:"Switch to previous year",day:"Switch to previous month"})},nextTrigger(e){return Ce(e,{year:"Switch to next decade",month:"Switch to next year",day:"Switch to next month"})},placeholder(){return{day:"dd",month:"mm",year:"yyyy"}},content:"calendar",monthSelect:"Select month",yearSelect:"Select year",clearTrigger:"Clear selected dates"};yC=["day","month","year"];EC=Bn(e=>[e.view,e.startValue.toString(),e.endValue.toString(),e.locale],([e],t)=>{let{startValue:n,endValue:i,locale:r,timeZone:s,selectionMode:a}=t;if(e==="year"){let h=Li(n.year,{strict:!0}),m=h.at(0).toString(),d=h.at(-1).toString();return{start:m,end:d,formatted:`${m} - ${d}`}}if(e==="month"){let h=new Ct(r,{year:"numeric",timeZone:s}),m=h.format(n.toDate(s)),d=h.format(i.toDate(s)),p=a==="range"?`${m} - ${d}`:m;return{start:m,end:d,formatted:p}}let o=new Ct(r,{month:"long",year:"numeric",timeZone:s}),l=o.format(n.toDate(s)),c=o.format(i.toDate(s)),u=a==="range"?`${l} - ${c}`:l;return{start:l,end:c,formatted:u}});({and:ht}=Ee());CC={props({props:e}){let t=e.locale||"en-US",n=e.timeZone||"UTC",i=e.selectionMode||"single",r=e.numOfMonths||1,s=e.defaultValue?Qs(e.defaultValue).map(h=>Pt(h,e.min,e.max)):void 0,a=e.value?Qs(e.value).map(h=>Pt(h,e.min,e.max)):void 0,o=e.focusedValue||e.defaultFocusedValue||(a==null?void 0:a[0])||(s==null?void 0:s[0])||Di(n);o=Pt(o,e.min,e.max);let l="day",c="year",u=fl(e.view||l,l,c);return y(g({locale:t,numOfMonths:r,timeZone:n,selectionMode:i,defaultView:u,minView:l,maxView:c,outsideDaySelectable:!1,closeOnSelect:!0,format(h,{locale:m,timeZone:d}){return new Ct(m,{timeZone:d,day:"2-digit",month:"2-digit",year:"numeric"}).format(h.toDate(d))},parse(h,{locale:m,timeZone:d}){return zP(h,m,d)}},e),{focusedValue:typeof e.focusedValue=="undefined"?void 0:o,defaultFocusedValue:o,value:a,defaultValue:s!=null?s:[],positioning:g({placement:"bottom"},e.positioning)})},initialState({prop:e}){return e("open")||e("defaultOpen")||e("inline")?"open":"idle"},refs(){return{announcer:void 0}},context({prop:e,bindable:t,getContext:n}){return{focusedValue:t(()=>({defaultValue:e("defaultFocusedValue"),value:e("focusedValue"),isEqual:nt,hash:i=>i.toString(),sync:!0,onChange(i){var l;let r=n(),s=r.get("view"),a=r.get("value"),o=ea(a,e);(l=e("onFocusChange"))==null||l({value:a,valueAsString:o,view:s,focusedValue:i})}})),value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:PC,hash:i=>i.map(r=>{var s;return(s=r==null?void 0:r.toString())!=null?s:""}).join(","),onChange(i){var a;let r=n(),s=ea(i,e);(a=e("onValueChange"))==null||a({value:i,valueAsString:s,view:r.get("view")})}})),inputValue:t(()=>({defaultValue:""})),activeIndex:t(()=>({defaultValue:0,sync:!0})),hoveredValue:t(()=>({defaultValue:null,isEqual:nt})),view:t(()=>({defaultValue:e("defaultView"),value:e("view"),onChange(i){var r;(r=e("onViewChange"))==null||r({view:i})}})),startValue:t(()=>{let i=e("focusedValue")||e("defaultFocusedValue");return{defaultValue:ch(i,"start",{months:e("numOfMonths")},e("locale")),isEqual:nt,hash:r=>r.toString()}}),currentPlacement:t(()=>({defaultValue:void 0})),restoreFocus:t(()=>({defaultValue:!1}))}},computed:{isInteractive:({prop:e})=>!e("disabled")&&!e("readOnly"),visibleDuration:({prop:e})=>({months:e("numOfMonths")}),endValue:({context:e,computed:t})=>$h(e.get("startValue"),t("visibleDuration")),visibleRange:({context:e,computed:t})=>({start:e.get("startValue"),end:t("endValue")}),visibleRangeText:({context:e,prop:t,computed:n})=>EC({view:e.get("view"),startValue:e.get("startValue"),endValue:n("endValue"),locale:t("locale"),timeZone:t("timeZone"),selectionMode:t("selectionMode")}),isPrevVisibleRangeValid:({context:e,prop:t})=>!NP(e.get("startValue"),t("min"),t("max")),isNextVisibleRangeValid:({prop:e,computed:t})=>!RP(t("endValue"),e("min"),e("max")),valueAsString:({context:e,prop:t})=>ea(e.get("value"),t)},effects:["setupLiveRegion"],watch({track:e,prop:t,context:n,action:i,computed:r}){e([()=>t("locale")],()=>{i(["setStartValue","syncInputElement"])}),e([()=>n.hash("focusedValue")],()=>{i(["setStartValue","focusActiveCellIfNeeded","setHoveredValueIfKeyboard"])}),e([()=>n.hash("startValue")],()=>{i(["syncMonthSelectElement","syncYearSelectElement","invokeOnVisibleRangeChange"])}),e([()=>n.get("inputValue")],()=>{i(["syncInputValue"])}),e([()=>n.hash("value")],()=>{i(["syncInputElement"])}),e([()=>r("valueAsString").toString()],()=>{i(["announceValueText"])}),e([()=>n.get("view")],()=>{i(["focusActiveCell"])}),e([()=>t("open")],()=>{i(["toggleVisibility"])})},on:{"VALUE.SET":{actions:["setDateValue","setFocusedDate"]},"VIEW.SET":{actions:["setView"]},"FOCUS.SET":{actions:["setFocusedDate"]},"VALUE.CLEAR":{actions:["clearDateValue","clearFocusedDate","focusFirstInputElement"]},"INPUT.CHANGE":[{guard:"isInputValueEmpty",actions:["setInputValue","clearDateValue","clearFocusedDate"]},{actions:["setInputValue","focusParsedDate"]}],"INPUT.ENTER":{actions:["focusParsedDate","selectFocusedDate"]},"INPUT.FOCUS":{actions:["setActiveIndex"]},"INPUT.BLUR":[{guard:"shouldFixOnBlur",actions:["setActiveIndexToStart","selectParsedDate"]},{actions:["setActiveIndexToStart"]}],"PRESET.CLICK":[{guard:"isOpenControlled",actions:["setDateValue","setFocusedDate","invokeOnClose"]},{target:"focused",actions:["setDateValue","setFocusedDate","focusInputElement"]}],"GOTO.NEXT":[{guard:"isYearView",actions:["focusNextDecade","announceVisibleRange"]},{guard:"isMonthView",actions:["focusNextYear","announceVisibleRange"]},{actions:["focusNextPage"]}],"GOTO.PREV":[{guard:"isYearView",actions:["focusPreviousDecade","announceVisibleRange"]},{guard:"isMonthView",actions:["focusPreviousYear","announceVisibleRange"]},{actions:["focusPreviousPage"]}]},states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["focusFirstSelectedDate","focusActiveCell"]},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}]}},focused:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["focusFirstSelectedDate","focusActiveCell"]},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["focusFirstSelectedDate","focusActiveCell","invokeOnOpen"]}]}},open:{tags:["open"],effects:["trackDismissableElement","trackPositioning"],exit:["clearHoveredDate","resetView"],on:{"CONTROLLED.CLOSE":[{guard:ht("shouldRestoreFocus","isInteractOutsideEvent"),target:"focused",actions:["focusTriggerElement"]},{guard:"shouldRestoreFocus",target:"focused",actions:["focusInputElement"]},{target:"idle"}],"CELL.CLICK":[{guard:"isAboveMinView",actions:["setFocusedValueForView","setPreviousView"]},{guard:ht("isRangePicker","hasSelectedRange"),actions:["setActiveIndexToStart","resetSelection","setActiveIndexToEnd"]},{guard:ht("isRangePicker","isSelectingEndDate","closeOnSelect","isOpenControlled"),actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","setRestoreFocus"]},{guard:ht("isRangePicker","isSelectingEndDate","closeOnSelect"),target:"focused",actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","focusInputElement"]},{guard:ht("isRangePicker","isSelectingEndDate"),actions:["setFocusedDate","setSelectedDate","setActiveIndexToStart","clearHoveredDate"]},{guard:"isRangePicker",actions:["setFocusedDate","setSelectedDate","setActiveIndexToEnd"]},{guard:"isMultiPicker",actions:["setFocusedDate","toggleSelectedDate"]},{guard:ht("closeOnSelect","isOpenControlled"),actions:["setFocusedDate","setSelectedDate","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["setFocusedDate","setSelectedDate","invokeOnClose","focusInputElement"]},{actions:["setFocusedDate","setSelectedDate"]}],"CELL.POINTER_MOVE":{guard:ht("isRangePicker","isSelectingEndDate"),actions:["setHoveredDate","setFocusedDate"]},"TABLE.POINTER_LEAVE":{guard:"isRangePicker",actions:["clearHoveredDate"]},"TABLE.POINTER_DOWN":{actions:["disableTextSelection"]},"TABLE.POINTER_UP":{actions:["enableTextSelection"]},"TABLE.ESCAPE":[{guard:"isOpenControlled",actions:["focusFirstSelectedDate","invokeOnClose"]},{target:"focused",actions:["focusFirstSelectedDate","invokeOnClose","focusTriggerElement"]}],"TABLE.ENTER":[{guard:"isAboveMinView",actions:["setPreviousView"]},{guard:ht("isRangePicker","hasSelectedRange"),actions:["setActiveIndexToStart","clearDateValue","setSelectedDate","setActiveIndexToEnd"]},{guard:ht("isRangePicker","isSelectingEndDate","closeOnSelect","isOpenControlled"),actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose"]},{guard:ht("isRangePicker","isSelectingEndDate","closeOnSelect"),target:"focused",actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate","invokeOnClose","focusInputElement"]},{guard:ht("isRangePicker","isSelectingEndDate"),actions:["setSelectedDate","setActiveIndexToStart","clearHoveredDate"]},{guard:"isRangePicker",actions:["setSelectedDate","setActiveIndexToEnd","focusNextDay"]},{guard:"isMultiPicker",actions:["toggleSelectedDate"]},{guard:ht("closeOnSelect","isOpenControlled"),actions:["selectFocusedDate","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectFocusedDate","invokeOnClose","focusInputElement"]},{actions:["selectFocusedDate"]}],"TABLE.ARROW_RIGHT":[{guard:"isMonthView",actions:["focusNextMonth"]},{guard:"isYearView",actions:["focusNextYear"]},{actions:["focusNextDay","setHoveredDate"]}],"TABLE.ARROW_LEFT":[{guard:"isMonthView",actions:["focusPreviousMonth"]},{guard:"isYearView",actions:["focusPreviousYear"]},{actions:["focusPreviousDay"]}],"TABLE.ARROW_UP":[{guard:"isMonthView",actions:["focusPreviousMonthColumn"]},{guard:"isYearView",actions:["focusPreviousYearColumn"]},{actions:["focusPreviousWeek"]}],"TABLE.ARROW_DOWN":[{guard:"isMonthView",actions:["focusNextMonthColumn"]},{guard:"isYearView",actions:["focusNextYearColumn"]},{actions:["focusNextWeek"]}],"TABLE.PAGE_UP":{actions:["focusPreviousSection"]},"TABLE.PAGE_DOWN":{actions:["focusNextSection"]},"TABLE.HOME":[{guard:"isMonthView",actions:["focusFirstMonth"]},{guard:"isYearView",actions:["focusFirstYear"]},{actions:["focusSectionStart"]}],"TABLE.END":[{guard:"isMonthView",actions:["focusLastMonth"]},{guard:"isYearView",actions:["focusLastYear"]},{actions:["focusSectionEnd"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose"]}],"VIEW.TOGGLE":{actions:["setNextView"]},INTERACT_OUTSIDE:[{guard:"isOpenControlled",actions:["setActiveIndexToStart","invokeOnClose"]},{guard:"shouldRestoreFocus",target:"focused",actions:["setActiveIndexToStart","invokeOnClose","focusTriggerElement"]},{target:"idle",actions:["setActiveIndexToStart","invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["setActiveIndexToStart","invokeOnClose"]},{target:"idle",actions:["setActiveIndexToStart","invokeOnClose"]}]}}},implementations:{guards:{isAboveMinView:({context:e,prop:t})=>pC(e.get("view"),t("minView")),isDayView:({context:e,event:t})=>(t.view||e.get("view"))==="day",isMonthView:({context:e,event:t})=>(t.view||e.get("view"))==="month",isYearView:({context:e,event:t})=>(t.view||e.get("view"))==="year",isRangePicker:({prop:e})=>e("selectionMode")==="range",hasSelectedRange:({context:e})=>e.get("value").length===2,isMultiPicker:({prop:e})=>e("selectionMode")==="multiple",shouldRestoreFocus:({context:e})=>!!e.get("restoreFocus"),isSelectingEndDate:({context:e})=>e.get("activeIndex")===1,closeOnSelect:({prop:e})=>!!e("closeOnSelect"),isOpenControlled:({prop:e})=>e("open")!=null||!!e("inline"),isInteractOutsideEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="INTERACT_OUTSIDE"},isInputValueEmpty:({event:e})=>e.value.trim()==="",shouldFixOnBlur:({event:e})=>!!e.fixOnBlur},effects:{trackPositioning({context:e,prop:t,scope:n}){if(t("inline"))return;e.get("currentPlacement")||e.set("currentPlacement",t("positioning").placement);let i=Jh(n);return It(i,()=>oC(n),y(g({},t("positioning")),{defer:!0,onComplete(s){e.set("currentPlacement",s.placement)}}))},setupLiveRegion({scope:e,refs:t}){let n=e.getDoc();return t.set("announcer",XP({level:"assertive",document:n})),()=>{var i,r;return(r=(i=t.get("announcer"))==null?void 0:i.destroy)==null?void 0:r.call(i)}},trackDismissableElement({scope:e,send:t,context:n,prop:i}){return i("inline")?void 0:Ft(()=>ia(e),{type:"popover",defer:!0,exclude:[...Tr(e),mh(e),aC(e)],onInteractOutside(s){n.set("restoreFocus",!s.detail.focusable)},onDismiss(){t({type:"INTERACT_OUTSIDE"})},onEscapeKeyDown(s){s.preventDefault(),t({type:"TABLE.ESCAPE",src:"dismissable"})}})}},actions:{setNextView({context:e,prop:t}){let n=mC(e.get("view"),t("minView"),t("maxView"));e.set("view",n)},setPreviousView({context:e,prop:t}){let n=vC(e.get("view"),t("minView"),t("maxView"));e.set("view",n)},setView({context:e,event:t}){e.set("view",t.view)},setRestoreFocus({context:e}){e.set("restoreFocus",!0)},announceValueText({context:e,prop:t,refs:n}){var o;let i=e.get("value"),r=t("locale"),s=t("timeZone"),a;if(t("selectionMode")==="range"){let[l,c]=i;l&&c?a=Zs(l,c,r,s):l?a=Zs(l,null,r,s):c?a=Zs(c,null,r,s):a=""}else a=i.map(l=>Zs(l,null,r,s)).filter(Boolean).join(",");(o=n.get("announcer"))==null||o.announce(a,3e3)},announceVisibleRange({computed:e,refs:t}){var i;let{formatted:n}=e("visibleRangeText");(i=t.get("announcer"))==null||i.announce(n)},disableTextSelection({scope:e}){io({target:ia(e),doc:e.getDoc()})},enableTextSelection({scope:e}){no({doc:e.getDoc(),target:ia(e)})},focusFirstSelectedDate(e){let{context:t}=e;t.get("value").length&&ve(e,t.get("value")[0])},syncInputElement({scope:e,computed:t}){H(()=>{Tr(e).forEach((i,r)=>{Me(i,t("valueAsString")[r]||"")})})},setFocusedDate(e){let{event:t}=e,n=Array.isArray(t.value)?t.value[0]:t.value;ve(e,n)},setFocusedValueForView(e){let{context:t,event:n}=e;ve(e,t.get("focusedValue").set({[t.get("view")]:n.value}))},focusNextMonth(e){let{context:t}=e;ve(e,t.get("focusedValue").add({months:1}))},focusPreviousMonth(e){let{context:t}=e;ve(e,t.get("focusedValue").subtract({months:1}))},setDateValue({context:e,event:t,prop:n}){if(!Array.isArray(t.value))return;let i=t.value.map(r=>Pt(r,n("min"),n("max")));e.set("value",i)},clearDateValue({context:e}){e.set("value",[])},setSelectedDate(e){var r;let{context:t,event:n}=e,i=Array.from(t.get("value"));i[t.get("activeIndex")]=ra(e,(r=n.value)!=null?r:t.get("focusedValue")),t.set("value",sl(i))},resetSelection(e){var r;let{context:t,event:n}=e,i=ra(e,(r=n.value)!=null?r:t.get("focusedValue"));t.set("value",[i])},toggleSelectedDate(e){var s;let{context:t,event:n}=e,i=ra(e,(s=n.value)!=null?s:t.get("focusedValue")),r=t.get("value").findIndex(a=>nt(a,i));if(r===-1){let a=[...t.get("value"),i];t.set("value",Qs(a))}else{let a=Array.from(t.get("value"));a.splice(r,1),t.set("value",Qs(a))}},setHoveredDate({context:e,event:t}){e.set("hoveredValue",t.value)},clearHoveredDate({context:e}){e.set("hoveredValue",null)},selectFocusedDate({context:e,computed:t}){let n=Array.from(e.get("value")),i=e.get("activeIndex");n[i]=e.get("focusedValue").copy(),e.set("value",sl(n));let r=t("valueAsString");e.set("inputValue",r[i])},focusPreviousDay(e){let{context:t}=e,n=t.get("focusedValue").subtract({days:1});ve(e,n)},focusNextDay(e){let{context:t}=e,n=t.get("focusedValue").add({days:1});ve(e,n)},focusPreviousWeek(e){let{context:t}=e,n=t.get("focusedValue").subtract({weeks:1});ve(e,n)},focusNextWeek(e){let{context:t}=e,n=t.get("focusedValue").add({weeks:1});ve(e,n)},focusNextPage(e){let{context:t,computed:n,prop:i}=e,r=qh(t.get("focusedValue"),t.get("startValue"),n("visibleDuration"),i("locale"),i("min"),i("max"));ta(e,r)},focusPreviousPage(e){let{context:t,computed:n,prop:i}=e,r=Wh(t.get("focusedValue"),t.get("startValue"),n("visibleDuration"),i("locale"),i("min"),i("max"));ta(e,r)},focusSectionStart(e){let{context:t}=e;ve(e,t.get("startValue").copy())},focusSectionEnd(e){let{computed:t}=e;ve(e,t("endValue").copy())},focusNextSection(e){let{context:t,event:n,computed:i,prop:r}=e,s=UP(t.get("focusedValue"),t.get("startValue"),n.larger,i("visibleDuration"),r("locale"),r("min"),r("max"));s&&ta(e,s)},focusPreviousSection(e){let{context:t,event:n,computed:i,prop:r}=e,s=qP(t.get("focusedValue"),t.get("startValue"),n.larger,i("visibleDuration"),r("locale"),r("min"),r("max"));s&&ta(e,s)},focusNextYear(e){let{context:t}=e,n=t.get("focusedValue").add({years:1});ve(e,n)},focusPreviousYear(e){let{context:t}=e,n=t.get("focusedValue").subtract({years:1});ve(e,n)},focusNextDecade(e){let{context:t}=e,n=t.get("focusedValue").add({years:10});ve(e,n)},focusPreviousDecade(e){let{context:t}=e,n=t.get("focusedValue").subtract({years:10});ve(e,n)},clearFocusedDate(e){let{prop:t}=e;ve(e,Di(t("timeZone")))},focusPreviousMonthColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").subtract({months:n.columns});ve(e,i)},focusNextMonthColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").add({months:n.columns});ve(e,i)},focusPreviousYearColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").subtract({years:n.columns});ve(e,i)},focusNextYearColumn(e){let{context:t,event:n}=e,i=t.get("focusedValue").add({years:n.columns});ve(e,i)},focusFirstMonth(e){let{context:t}=e,n=t.get("focusedValue").set({month:1});ve(e,n)},focusLastMonth(e){let{context:t}=e,n=t.get("focusedValue").set({month:12});ve(e,n)},focusFirstYear(e){let{context:t}=e,n=Li(t.get("focusedValue").year),i=t.get("focusedValue").set({year:n[0]});ve(e,i)},focusLastYear(e){let{context:t}=e,n=Li(t.get("focusedValue").year),i=t.get("focusedValue").set({year:n[n.length-1]});ve(e,i)},setActiveIndex({context:e,event:t}){e.set("activeIndex",t.index)},setActiveIndexToEnd({context:e}){e.set("activeIndex",1)},setActiveIndexToStart({context:e}){e.set("activeIndex",0)},focusActiveCell({scope:e,context:t}){H(()=>{var i;let n=t.get("view");(i=fh(e,n))==null||i.focus({preventScroll:!0})})},focusActiveCellIfNeeded({scope:e,context:t,event:n}){n.focus&&H(()=>{var r;let i=t.get("view");(r=fh(e,i))==null||r.focus({preventScroll:!0})})},setHoveredValueIfKeyboard({context:e,event:t,prop:n}){!t.type.startsWith("TABLE.ARROW")||n("selectionMode")!=="range"||e.get("activeIndex")===0||e.set("hoveredValue",e.get("focusedValue").copy())},focusTriggerElement({scope:e}){H(()=>{var t;(t=mh(e))==null||t.focus({preventScroll:!0})})},focusFirstInputElement({scope:e}){H(()=>{let[t]=Tr(e);t==null||t.focus({preventScroll:!0})})},focusInputElement({scope:e}){H(()=>{let t=Tr(e),n=t.findLastIndex(s=>s.value!==""),i=Math.max(n,0),r=t[i];r==null||r.focus({preventScroll:!0}),r==null||r.setSelectionRange(r.value.length,r.value.length)})},syncMonthSelectElement({scope:e,context:t}){let n=sC(e);Me(n,t.get("startValue").month.toString())},syncYearSelectElement({scope:e,context:t}){let n=rC(e);Me(n,t.get("startValue").year.toString())},setInputValue({context:e,event:t}){e.get("activeIndex")===t.index&&e.set("inputValue",t.value)},syncInputValue({scope:e,context:t,event:n}){queueMicrotask(()=>{var s;let i=Tr(e),r=(s=n.index)!=null?s:t.get("activeIndex");Me(i[r],t.get("inputValue"))})},focusParsedDate(e){let{event:t,prop:n}=e;if(t.index==null)return;let r=n("parse")(t.value,{locale:n("locale"),timeZone:n("timeZone")});!r||!vh(r)||ve(e,r)},selectParsedDate({context:e,event:t,prop:n}){if(t.index==null)return;let r=n("parse")(t.value,{locale:n("locale"),timeZone:n("timeZone")});if((!r||!vh(r))&&t.value&&(r=e.get("focusedValue").copy()),!r)return;r=Pt(r,n("min"),n("max"));let s=Array.from(e.get("value"));s[t.index]=r,e.set("value",s);let a=ea(s,n);e.set("inputValue",a[t.index])},resetView({context:e}){e.set("view",e.initial("view"))},setStartValue({context:e,computed:t,prop:n}){let i=e.get("focusedValue");if(!$t(i,e.get("startValue"),t("endValue")))return;let s=ch(i,"start",{months:n("numOfMonths")},n("locale"));e.set("startValue",s)},invokeOnOpen({prop:e,context:t}){var n;e("inline")||(n=e("onOpenChange"))==null||n({open:!0,value:t.get("value")})},invokeOnClose({prop:e,context:t}){var n;e("inline")||(n=e("onOpenChange"))==null||n({open:!1,value:t.get("value")})},invokeOnVisibleRangeChange({prop:e,context:t,computed:n}){var i;(i=e("onVisibleRangeChange"))==null||i({view:t.get("view"),visibleRange:n("visibleRange")})},toggleVisibility({event:e,send:t,prop:n}){t({type:n("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:e})}}}},ra=(e,t)=>{let{context:n,prop:i}=e,r=n.get("view"),s=typeof t=="number"?n.get("focusedValue").set({[r]:t}):t;return bC(a=>{fC(a,i("minView"))&&(s=s.set({[a]:a==="day"?1:0}))}),s};SC=_()(["closeOnSelect","dir","disabled","fixedWeeks","focusedValue","format","parse","placeholder","getRootNode","id","ids","inline","invalid","isDateUnavailable","locale","max","min","name","numOfMonths","onFocusChange","onOpenChange","onValueChange","onViewChange","onVisibleRangeChange","open","defaultOpen","positioning","readOnly","required","selectionMode","startOfWeek","timeZone","translations","value","defaultView","defaultValue","view","defaultFocusedValue","outsideDaySelectable","minView","maxView"]),Ix=B(SC),TC=_()(["index","fixOnBlur"]),Px=B(TC),OC=_()(["value"]),Cx=B(OC),wC=_()(["columns","id","view"]),Sx=B(wC),VC=_()(["disabled","value","columns"]),Tx=B(VC),xC=_()(["view"]),Ox=B(xC),AC=class extends K{constructor(){super(...arguments);z(this,"getDayView",()=>this.el.querySelector('[data-part="day-view"]'));z(this,"getMonthView",()=>this.el.querySelector('[data-part="month-view"]'));z(this,"getYearView",()=>this.el.querySelector('[data-part="year-view"]'));z(this,"renderDayTableHeader",()=>{let t=this.getDayView(),n=t==null?void 0:t.querySelector("thead");if(!n||!this.api.weekDays)return;let i=this.doc.createElement("tr");this.spreadProps(i,this.api.getTableRowProps({view:"day"})),this.api.weekDays.forEach(r=>{let s=this.doc.createElement("th");s.scope="col",s.setAttribute("aria-label",r.long),s.textContent=r.narrow,i.appendChild(s)}),n.innerHTML="",n.appendChild(i)});z(this,"renderDayTableBody",()=>{let t=this.getDayView(),n=t==null?void 0:t.querySelector("tbody");n&&(this.spreadProps(n,this.api.getTableBodyProps({view:"day"})),this.api.weeks&&(n.innerHTML="",this.api.weeks.forEach(i=>{let r=this.doc.createElement("tr");this.spreadProps(r,this.api.getTableRowProps({view:"day"})),i.forEach(s=>{let a=this.doc.createElement("td");this.spreadProps(a,this.api.getDayTableCellProps({value:s}));let o=this.doc.createElement("div");this.spreadProps(o,this.api.getDayTableCellTriggerProps({value:s})),o.textContent=String(s.day),a.appendChild(o),r.appendChild(a)}),n.appendChild(r)})))});z(this,"renderMonthTableBody",()=>{let t=this.getMonthView(),n=t==null?void 0:t.querySelector("tbody");if(!n)return;this.spreadProps(n,this.api.getTableBodyProps({view:"month"}));let i=this.api.getMonthsGrid({columns:4,format:"short"});n.innerHTML="",i.forEach(r=>{let s=this.doc.createElement("tr");this.spreadProps(s,this.api.getTableRowProps()),r.forEach(a=>{let o=this.doc.createElement("td");this.spreadProps(o,this.api.getMonthTableCellProps(y(g({},a),{columns:4})));let l=this.doc.createElement("div");this.spreadProps(l,this.api.getMonthTableCellTriggerProps(y(g({},a),{columns:4}))),l.textContent=a.label,o.appendChild(l),s.appendChild(o)}),n.appendChild(s)})});z(this,"renderYearTableBody",()=>{let t=this.getYearView(),n=t==null?void 0:t.querySelector("tbody");if(!n)return;this.spreadProps(n,this.api.getTableBodyProps());let i=this.api.getYearsGrid({columns:4});n.innerHTML="",i.forEach(r=>{let s=this.doc.createElement("tr");this.spreadProps(s,this.api.getTableRowProps({view:"year"})),r.forEach(a=>{let o=this.doc.createElement("td");this.spreadProps(o,this.api.getYearTableCellProps(y(g({},a),{columns:4})));let l=this.doc.createElement("div");this.spreadProps(l,this.api.getYearTableCellTriggerProps(y(g({},a),{columns:4}))),l.textContent=a.label,o.appendChild(l),s.appendChild(o)}),n.appendChild(s)})})}initMachine(t){return new W(CC,t)}initApi(){return IC(this.machine.service,q)}render(){let t=this.el.querySelector('[data-scope="date-picker"][data-part="root"]');t&&this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="date-picker"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="date-picker"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=this.el.querySelector('[data-scope="date-picker"][data-part="input"]');r&&this.spreadProps(r,this.api.getInputProps());let s=this.el.querySelector('[data-scope="date-picker"][data-part="trigger"]');s&&this.spreadProps(s,this.api.getTriggerProps());let a=this.el.querySelector('[data-scope="date-picker"][data-part="positioner"]');a&&this.spreadProps(a,this.api.getPositionerProps());let o=this.el.querySelector('[data-scope="date-picker"][data-part="content"]');if(o&&this.spreadProps(o,this.api.getContentProps()),this.api.open){let l=this.getDayView(),c=this.getMonthView(),u=this.getYearView();if(l&&(l.hidden=this.api.view!=="day"),c&&(c.hidden=this.api.view!=="month"),u&&(u.hidden=this.api.view!=="year"),this.api.view==="day"&&l){let h=l.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"year"}));let m=l.querySelector('[data-part="prev-trigger"]');m&&this.spreadProps(m,this.api.getPrevTriggerProps());let d=l.querySelector('[data-part="view-trigger"]');d&&(this.spreadProps(d,this.api.getViewTriggerProps()),d.textContent=this.api.visibleRangeText.start);let p=l.querySelector('[data-part="next-trigger"]');p&&this.spreadProps(p,this.api.getNextTriggerProps());let v=l.querySelector("table");v&&this.spreadProps(v,this.api.getTableProps({view:"day"}));let I=l.querySelector("thead");I&&this.spreadProps(I,this.api.getTableHeaderProps({view:"day"})),this.renderDayTableHeader(),this.renderDayTableBody()}else if(this.api.view==="month"&&c){let h=c.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"month"}));let m=c.querySelector('[data-part="prev-trigger"]');m&&this.spreadProps(m,this.api.getPrevTriggerProps({view:"month"}));let d=c.querySelector('[data-part="view-trigger"]');d&&(this.spreadProps(d,this.api.getViewTriggerProps({view:"month"})),d.textContent=String(this.api.visibleRange.start.year));let p=c.querySelector('[data-part="next-trigger"]');p&&this.spreadProps(p,this.api.getNextTriggerProps({view:"month"}));let v=c.querySelector("table");v&&this.spreadProps(v,this.api.getTableProps({view:"month",columns:4})),this.renderMonthTableBody()}else if(this.api.view==="year"&&u){let h=u.querySelector('[data-part="view-control"]');h&&this.spreadProps(h,this.api.getViewControlProps({view:"year"}));let m=u.querySelector('[data-part="prev-trigger"]');m&&this.spreadProps(m,this.api.getPrevTriggerProps({view:"year"}));let d=u.querySelector('[data-part="decade"]');if(d){let I=this.api.getDecade();d.textContent=`${I.start} - ${I.end}`}let p=u.querySelector('[data-part="next-trigger"]');p&&this.spreadProps(p,this.api.getNextTriggerProps({view:"year"}));let v=u.querySelector("table");v&&this.spreadProps(v,this.api.getTableProps({view:"year",columns:4})),this.renderYearTableBody()}}}};kC={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=this.liveSocket,i=O(e,"min"),r=O(e,"max"),s=O(e,"positioning"),a=u=>u?u.map(h=>gt(h)):void 0,o=u=>u?gt(u):void 0,l=new AC(e,y(g({id:e.id},C(e,"controlled")?{value:a(Z(e,"value"))}:{defaultValue:a(Z(e,"defaultValue"))}),{defaultFocusedValue:o(O(e,"focusedValue")),defaultView:O(e,"defaultView",["day","month","year"]),dir:O(e,"dir",["ltr","rtl"]),locale:O(e,"locale"),timeZone:O(e,"timeZone"),disabled:C(e,"disabled"),readOnly:C(e,"readOnly"),required:C(e,"required"),invalid:C(e,"invalid"),outsideDaySelectable:C(e,"outsideDaySelectable"),closeOnSelect:C(e,"closeOnSelect"),min:i?gt(i):void 0,max:r?gt(r):void 0,numOfMonths:Y(e,"numOfMonths"),startOfWeek:Y(e,"startOfWeek"),fixedWeeks:C(e,"fixedWeeks"),selectionMode:O(e,"selectionMode",["single","multiple","range"]),placeholder:O(e,"placeholder"),minView:O(e,"minView",["day","month","year"]),maxView:O(e,"maxView",["day","month","year"]),inline:C(e,"inline"),positioning:s?JSON.parse(s):void 0,onValueChange:u=>{var p;let h=(p=u.value)!=null&&p.length?u.value.map(v=>yh(v)).join(","):"",m=e.querySelector(`#${e.id}-value`);m&&m.value!==h&&(m.value=h,m.dispatchEvent(new Event("input",{bubbles:!0})),m.dispatchEvent(new Event("change",{bubbles:!0})));let d=O(e,"onValueChange");d&&n.main.isConnected()&&t(d,{id:e.id,value:h||null})},onFocusChange:u=>{var m;let h=O(e,"onFocusChange");h&&n.main.isConnected()&&t(h,{id:e.id,focused:(m=u.focused)!=null?m:!1})},onViewChange:u=>{let h=O(e,"onViewChange");h&&n.main.isConnected()&&t(h,{id:e.id,view:u.view})},onVisibleRangeChange:u=>{let h=O(e,"onVisibleRangeChange");h&&n.main.isConnected()&&t(h,{id:e.id,start:u.start,end:u.end})},onOpenChange:u=>{let h=O(e,"onOpenChange");h&&n.main.isConnected()&&t(h,{id:e.id,open:u.open})}}));l.init(),this.datePicker=l;let c=e.querySelector('[data-scope="date-picker"][data-part="input-wrapper"]');c&&c.removeAttribute("data-loading"),this.handlers=[],this.handlers.push(this.handleEvent("date_picker_set_value",u=>{let h=u.date_picker_id;h&&h!==e.id||l.api.setValue([gt(u.value)])})),this.onSetValue=u=>{var m;let h=(m=u.detail)==null?void 0:m.value;typeof h=="string"&&l.api.setValue([gt(h)])},e.addEventListener("phx:date-picker:set-value",this.onSetValue)},updated(){var l,c;let e=this.el,t=e.querySelector('[data-scope="date-picker"][data-part="input-wrapper"]');t&&t.removeAttribute("data-loading");let n=u=>u?u.map(h=>gt(h)):void 0,i=O(e,"min"),r=O(e,"max"),s=O(e,"positioning"),a=C(e,"controlled"),o=O(e,"focusedValue");if((l=this.datePicker)==null||l.updateProps(y(g({},C(e,"controlled")?{value:n(Z(e,"value"))}:{defaultValue:n(Z(e,"defaultValue"))}),{defaultFocusedValue:o?gt(o):void 0,defaultView:O(e,"defaultView",["day","month","year"]),dir:O(this.el,"dir",["ltr","rtl"]),locale:O(this.el,"locale"),timeZone:O(this.el,"timeZone"),disabled:C(this.el,"disabled"),readOnly:C(this.el,"readOnly"),required:C(this.el,"required"),invalid:C(this.el,"invalid"),outsideDaySelectable:C(this.el,"outsideDaySelectable"),closeOnSelect:C(this.el,"closeOnSelect"),min:i?gt(i):void 0,max:r?gt(r):void 0,numOfMonths:Y(this.el,"numOfMonths"),startOfWeek:Y(this.el,"startOfWeek"),fixedWeeks:C(this.el,"fixedWeeks"),selectionMode:O(this.el,"selectionMode",["single","multiple","range"]),placeholder:O(this.el,"placeholder"),minView:O(this.el,"minView",["day","month","year"]),maxView:O(this.el,"maxView",["day","month","year"]),inline:C(this.el,"inline"),positioning:s?JSON.parse(s):void 0})),a&&this.datePicker){let u=Z(e,"value"),h=(c=u==null?void 0:u.join(","))!=null?c:"",m=this.datePicker.api.value,d=m!=null&&m.length?m.map(p=>yh(p)).join(","):"";if(h!==d){let p=u!=null&&u.length?u.map(v=>gt(v)):[];this.datePicker.api.setValue(p)}}},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:date-picker:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.datePicker)==null||e.destroy()}}});var ug={};he(ug,{Dialog:()=>lS});function HC(e,t={}){let{defer:n=!0}=t,i=n?$C:s=>s(),r=[];return r.push(i(()=>{let a=(typeof e=="function"?e():e).filter(Boolean);a.length!==0&&r.push(FC(a))})),()=>{r.forEach(s=>s==null?void 0:s())}}function YC(e,t={}){let n,i=H(()=>{let s=(Array.isArray(e)?e:[e]).map(o=>typeof o=="function"?o():o).filter(o=>o!=null);if(s.length===0)return;let a=s[0];n=new UC(s,y(g({escapeDeactivates:!1,allowOutsideClick:!0,preventScroll:!0,returnFocusOnDeactivate:!0,delayInitialFocus:!1,fallbackFocus:a},t),{document:Le(a)}));try{n.activate()}catch(o){}});return function(){n==null||n.deactivate(),i()}}function jC(e){let t=e.getBoundingClientRect().left;return Math.round(t)+e.scrollLeft?"paddingLeft":"paddingRight"}function rg(e){let t=at(e),n=t==null?void 0:t.scrollbarGutter;return n==="stable"||(n==null?void 0:n.startsWith("stable "))===!0}function XC(e){var d;let t=e!=null?e:document,n=(d=t.defaultView)!=null?d:window,{documentElement:i,body:r}=t;if(r.hasAttribute(yl))return;let a=rg(i)||rg(r),o=n.innerWidth-i.clientWidth;r.setAttribute(yl,"");let l=()=>$c(i,"--scrollbar-width",`${o}px`),c=jC(i),u=()=>{let p={overflow:"hidden"};return!a&&o>0&&(p[c]=`${o}px`),Hn(r,p)},h=()=>{var S,P;let{scrollX:p,scrollY:v,visualViewport:I}=n,T=(S=I==null?void 0:I.offsetLeft)!=null?S:0,w=(P=I==null?void 0:I.offsetTop)!=null?P:0,b={position:"fixed",overflow:"hidden",top:`${-(v-Math.floor(w))}px`,left:`${-(p-Math.floor(T))}px`,right:"0"};!a&&o>0&&(b[c]=`${o}px`);let f=Hn(r,b);return()=>{f==null||f(),n.scrollTo({left:p,top:v,behavior:"instant"})}},m=[l(),ir()?h():u()];return()=>{m.forEach(p=>p==null?void 0:p()),r.removeAttribute(yl)}}function rS(e,t){let{state:n,send:i,context:r,prop:s,scope:a}=e,o=s("aria-label"),l=n.matches("open");return{open:l,setOpen(c){n.matches("open")!==c&&i({type:c?"OPEN":"CLOSE"})},getTriggerProps(){return t.button(y(g({},Qn.trigger.attrs),{dir:s("dir"),id:lg(a),"aria-haspopup":"dialog",type:"button","aria-expanded":l,"data-state":l?"open":"closed","aria-controls":bl(a),onClick(c){c.defaultPrevented||i({type:"TOGGLE"})}}))},getBackdropProps(){return t.element(y(g({},Qn.backdrop.attrs),{dir:s("dir"),hidden:!l,id:og(a),"data-state":l?"open":"closed"}))},getPositionerProps(){return t.element(y(g({},Qn.positioner.attrs),{dir:s("dir"),id:ag(a),style:{pointerEvents:l?void 0:"none"}}))},getContentProps(){let c=r.get("rendered");return t.element(y(g({},Qn.content.attrs),{dir:s("dir"),role:s("role"),hidden:!l,id:bl(a),tabIndex:-1,"data-state":l?"open":"closed","aria-modal":!0,"aria-label":o||void 0,"aria-labelledby":o||!c.title?void 0:El(a),"aria-describedby":c.description?Il(a):void 0}))},getTitleProps(){return t.element(y(g({},Qn.title.attrs),{dir:s("dir"),id:El(a)}))},getDescriptionProps(){return t.element(y(g({},Qn.description.attrs),{dir:s("dir"),id:Il(a)}))},getCloseTriggerProps(){return t.button(y(g({},Qn.closeTrigger.attrs),{dir:s("dir"),id:cg(a),type:"button",onClick(c){c.defaultPrevented||(c.stopPropagation(),i({type:"CLOSE"}))}}))}}}var Hi,ca,ua,ml,sg,NC,RC,DC,LC,MC,FC,$C,BC,_C,be,ng,GC,UC,Pl,vl,qC,WC,Ar,KC,ig,zC,yl,ZC,Qn,ag,og,bl,lg,El,Il,cg,da,JC,QC,eS,tS,nS,iS,sS,aS,Dx,oS,lS,dg=re(()=>{"use strict";Wn();tn();se();Hi=new WeakMap,ca=new WeakMap,ua={},ml=0,sg=e=>e&&(e.host||sg(e.parentNode)),NC=(e,t)=>t.map(n=>{if(e.contains(n))return n;let i=sg(n);return i&&e.contains(i)?i:(console.error("[zag-js > ariaHidden] target",n,"in not contained inside",e,". Doing nothing"),null)}).filter(n=>!!n),RC=new Set(["script","output","status","next-route-announcer"]),DC=e=>RC.has(e.localName)||e.role==="status"||e.hasAttribute("aria-live")?!0:e.matches("[data-live-announcer]"),LC=(e,t)=>{let{parentNode:n,markerName:i,controlAttribute:r,followControlledElements:s=!0}=t,a=NC(n,Array.isArray(e)?e:[e]);ua[i]||(ua[i]=new WeakMap);let o=ua[i],l=[],c=new Set,u=new Set(a),h=d=>{!d||c.has(d)||(c.add(d),h(d.parentNode))};a.forEach(d=>{h(d),s&&le(d)&&Xa(d,p=>{h(p)})});let m=d=>{!d||u.has(d)||Array.prototype.forEach.call(d.children,p=>{if(c.has(p))m(p);else try{if(DC(p))return;let I=p.getAttribute(r)==="true",T=(Hi.get(p)||0)+1,w=(o.get(p)||0)+1;Hi.set(p,T),o.set(p,w),l.push(p),T===1&&I&&ca.set(p,!0),w===1&&p.setAttribute(i,""),I||p.setAttribute(r,"true")}catch(v){console.error("[zag-js > ariaHidden] cannot operate on ",p,v)}})};return m(n),c.clear(),ml++,()=>{l.forEach(d=>{let p=Hi.get(d)-1,v=o.get(d)-1;Hi.set(d,p),o.set(d,v),p||(ca.has(d)||d.removeAttribute(r),ca.delete(d)),v||d.removeAttribute(i)}),ml--,ml||(Hi=new WeakMap,Hi=new WeakMap,ca=new WeakMap,ua={})}},MC=e=>(Array.isArray(e)?e[0]:e).ownerDocument.body,FC=(e,t=MC(e),n="data-aria-hidden",i=!0)=>{if(t)return LC(e,{parentNode:t,markerName:n,controlAttribute:"aria-hidden",followControlledElements:i})},$C=e=>{let t=requestAnimationFrame(()=>e());return()=>cancelAnimationFrame(t)};BC=Object.defineProperty,_C=(e,t,n)=>t in e?BC(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,be=(e,t,n)=>_C(e,typeof t!="symbol"?t+"":t,n),ng={activateTrap(e,t){if(e.length>0){let i=e[e.length-1];i!==t&&i.pause()}let n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap(e,t){let n=e.indexOf(t);n!==-1&&e.splice(n,1),e.length>0&&e[e.length-1].unpause()}},GC=[],UC=class{constructor(e,t){be(this,"trapStack"),be(this,"config"),be(this,"doc"),be(this,"state",{containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0}),be(this,"portalContainers",new Set),be(this,"listenerCleanups",[]),be(this,"handleFocus",i=>{let r=j(i),s=this.findContainerIndex(r,i)>=0;if(s||nr(r))s&&(this.state.mostRecentlyFocusedNode=r);else{i.stopImmediatePropagation();let a,o=!0;if(this.state.mostRecentlyFocusedNode)if(fi(this.state.mostRecentlyFocusedNode)>0){let l=this.findContainerIndex(this.state.mostRecentlyFocusedNode),{tabbableNodes:c}=this.state.containerGroups[l];if(c.length>0){let u=c.findIndex(h=>h===this.state.mostRecentlyFocusedNode);u>=0&&(this.config.isKeyForward(this.state.recentNavEvent)?u+1<c.length&&(a=c[u+1],o=!1):u-1>=0&&(a=c[u-1],o=!1))}}else this.state.containerGroups.some(l=>l.tabbableNodes.some(c=>fi(c)>0))||(o=!1);else o=!1;o&&(a=this.findNextNavNode({target:this.state.mostRecentlyFocusedNode,isBackward:this.config.isKeyBackward(this.state.recentNavEvent)})),a?this.tryFocus(a):this.tryFocus(this.state.mostRecentlyFocusedNode||this.getInitialFocusNode())}this.state.recentNavEvent=void 0}),be(this,"handlePointerDown",i=>{let r=j(i);if(!(this.findContainerIndex(r,i)>=0)){if(Ar(this.config.clickOutsideDeactivates,i)){this.deactivate({returnFocus:this.config.returnFocusOnDeactivate});return}Ar(this.config.allowOutsideClick,i)||i.preventDefault()}}),be(this,"handleClick",i=>{let r=j(i);this.findContainerIndex(r,i)>=0||Ar(this.config.clickOutsideDeactivates,i)||Ar(this.config.allowOutsideClick,i)||(i.preventDefault(),i.stopImmediatePropagation())}),be(this,"handleTabKey",i=>{if(this.config.isKeyForward(i)||this.config.isKeyBackward(i)){this.state.recentNavEvent=i;let r=this.config.isKeyBackward(i),s=this.findNextNavNode({event:i,isBackward:r});if(!s)return;vl(i)&&i.preventDefault(),this.tryFocus(s)}}),be(this,"handleEscapeKey",i=>{KC(i)&&Ar(this.config.escapeDeactivates,i)!==!1&&(i.preventDefault(),this.deactivate())}),be(this,"_mutationObserver"),be(this,"setupMutationObserver",()=>{let i=this.doc.defaultView||window;this._mutationObserver=new i.MutationObserver(r=>{r.some(o=>Array.from(o.removedNodes).some(c=>c===this.state.mostRecentlyFocusedNode))&&this.tryFocus(this.getInitialFocusNode()),r.some(o=>o.type==="attributes"&&(o.attributeName==="aria-controls"||o.attributeName==="aria-expanded")?!0:o.type==="childList"&&o.addedNodes.length>0?Array.from(o.addedNodes).some(l=>{if(l.nodeType!==Node.ELEMENT_NODE)return!1;let c=l;return Pc(c)?!0:c.id&&!this.state.containers.some(u=>u.contains(c))?Cc(c):!1}):!1)&&this.state.active&&!this.state.paused&&(this.updateTabbableNodes(),this.updatePortalContainers())})}),be(this,"updateObservedNodes",()=>{var i;(i=this._mutationObserver)==null||i.disconnect(),this.state.active&&!this.state.paused&&(this.state.containers.map(r=>{var s;(s=this._mutationObserver)==null||s.observe(r,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-controls","aria-expanded"]})}),this.portalContainers.forEach(r=>{this.observePortalContainer(r)}))}),be(this,"getInitialFocusNode",()=>{let i=this.getNodeForOption("initialFocus",{hasFallback:!0});if(i===!1)return!1;if(i===void 0||i&&!Ye(i)){let r=ui(this.doc);if(r&&this.findContainerIndex(r)>=0)i=r;else{let s=this.state.tabbableGroups[0];i=s&&s.firstTabbableNode||this.getNodeForOption("fallbackFocus")}}else i===null&&(i=this.getNodeForOption("fallbackFocus"));if(!i)throw new Error("Your focus-trap needs to have at least one focusable element");return i.isConnected||(i=this.getNodeForOption("fallbackFocus")),i}),be(this,"tryFocus",i=>{if(i!==!1&&i!==ui(this.doc)){if(!i||!i.focus){this.tryFocus(this.getInitialFocusNode());return}i.focus({preventScroll:!!this.config.preventScroll}),this.state.mostRecentlyFocusedNode=i,zC(i)&&i.select()}}),be(this,"deactivate",i=>{if(!this.state.active)return this;let r=g({onDeactivate:this.config.onDeactivate,onPostDeactivate:this.config.onPostDeactivate,checkCanReturnFocus:this.config.checkCanReturnFocus},i);clearTimeout(this.state.delayInitialFocusTimer),this.state.delayInitialFocusTimer=void 0,this.removeListeners(),this.state.active=!1,this.state.paused=!1,this.updateObservedNodes(),ng.deactivateTrap(this.trapStack,this),this.portalContainers.clear();let s=this.getOption(r,"onDeactivate"),a=this.getOption(r,"onPostDeactivate"),o=this.getOption(r,"checkCanReturnFocus"),l=this.getOption(r,"returnFocus","returnFocusOnDeactivate");s==null||s();let c=()=>{ig(()=>{if(l){let u=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);this.tryFocus(u)}a==null||a()})};if(l&&o){let u=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);return o(u).then(c,c),this}return c(),this}),be(this,"pause",i=>{if(this.state.paused||!this.state.active)return this;let r=this.getOption(i,"onPause"),s=this.getOption(i,"onPostPause");return this.state.paused=!0,r==null||r(),this.removeListeners(),this.updateObservedNodes(),s==null||s(),this}),be(this,"unpause",i=>{if(!this.state.paused||!this.state.active)return this;let r=this.getOption(i,"onUnpause"),s=this.getOption(i,"onPostUnpause");return this.state.paused=!1,r==null||r(),this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),s==null||s(),this}),be(this,"updateContainerElements",i=>(this.state.containers=Array.isArray(i)?i.filter(Boolean):[i].filter(Boolean),this.state.active&&this.updateTabbableNodes(),this.updateObservedNodes(),this)),be(this,"getReturnFocusNode",i=>{let r=this.getNodeForOption("setReturnFocus",{params:[i]});return r||(r===!1?!1:i)}),be(this,"getOption",(i,r,s)=>i&&i[r]!==void 0?i[r]:this.config[s||r]),be(this,"getNodeForOption",(i,{hasFallback:r=!1,params:s=[]}={})=>{let a=this.config[i];if(typeof a=="function"&&(a=a(...s)),a===!0&&(a=void 0),!a){if(a===void 0||a===!1)return a;throw new Error(`\`${i}\` was specified but was not a node, or did not return a node`)}let o=a;if(typeof a=="string"){try{o=this.doc.querySelector(a)}catch(l){throw new Error(`\`${i}\` appears to be an invalid selector; error="${l.message}"`)}if(!o&&!r)throw new Error(`\`${i}\` as selector refers to no known node`)}return o}),be(this,"findNextNavNode",i=>{let{event:r,isBackward:s=!1}=i,a=i.target||j(r);this.updateTabbableNodes();let o=null;if(this.state.tabbableGroups.length>0){let l=this.findContainerIndex(a,r),c=l>=0?this.state.containerGroups[l]:void 0;if(l<0)s?o=this.state.tabbableGroups[this.state.tabbableGroups.length-1].lastTabbableNode:o=this.state.tabbableGroups[0].firstTabbableNode;else if(s){let u=this.state.tabbableGroups.findIndex(({firstTabbableNode:h})=>a===h);if(u<0&&((c==null?void 0:c.container)===a||Ye(a)&&!dn(a)&&!(c!=null&&c.nextTabbableNode(a,!1)))&&(u=l),u>=0){let h=u===0?this.state.tabbableGroups.length-1:u-1,m=this.state.tabbableGroups[h];o=fi(a)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else vl(r)||(o=c==null?void 0:c.nextTabbableNode(a,!1))}else{let u=this.state.tabbableGroups.findIndex(({lastTabbableNode:h})=>a===h);if(u<0&&((c==null?void 0:c.container)===a||Ye(a)&&!dn(a)&&!(c!=null&&c.nextTabbableNode(a)))&&(u=l),u>=0){let h=u===this.state.tabbableGroups.length-1?0:u+1,m=this.state.tabbableGroups[h];o=fi(a)>=0?m.firstTabbableNode:m.firstDomTabbableNode}else vl(r)||(o=c==null?void 0:c.nextTabbableNode(a))}}else o=this.getNodeForOption("fallbackFocus");return o}),this.trapStack=t.trapStack||GC;let n=g({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,followControlledElements:!0,isKeyForward:qC,isKeyBackward:WC},t);this.doc=n.document||Le(Array.isArray(e)?e[0]:e),this.config=n,this.updateContainerElements(e),this.setupMutationObserver()}addPortalContainer(e){let t=e.parentElement;t&&!this.portalContainers.has(t)&&(this.portalContainers.add(t),this.state.active&&!this.state.paused&&this.observePortalContainer(t))}observePortalContainer(e){var t;(t=this._mutationObserver)==null||t.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-controls","aria-expanded"]})}updatePortalContainers(){this.config.followControlledElements&&this.state.containers.forEach(e=>{Ic(e).forEach(n=>{this.addPortalContainer(n)})})}get active(){return this.state.active}get paused(){return this.state.paused}findContainerIndex(e,t){let n=typeof(t==null?void 0:t.composedPath)=="function"?t.composedPath():void 0;return this.state.containerGroups.findIndex(({container:i,tabbableNodes:r})=>i.contains(e)||(n==null?void 0:n.includes(i))||r.find(s=>s===e)||this.isControlledElement(i,e))}isControlledElement(e,t){return this.config.followControlledElements?as(e,t):!1}updateTabbableNodes(){if(this.state.containerGroups=this.state.containers.map(e=>{let t=jt(e,{getShadowRoot:this.config.getShadowRoot}),n=ar(e,{getShadowRoot:this.config.getShadowRoot}),i=t[0],r=t[t.length-1],s=i,a=r,o=!1;for(let c=0;c<t.length;c++)if(fi(t[c])>0){o=!0;break}function l(c,u=!0){let h=t.indexOf(c);if(h>=0)return t[h+(u?1:-1)];let m=n.indexOf(c);if(!(m<0)){if(u){for(let d=m+1;d<n.length;d++)if(dn(n[d]))return n[d]}else for(let d=m-1;d>=0;d--)if(dn(n[d]))return n[d]}}return{container:e,tabbableNodes:t,focusableNodes:n,posTabIndexesFound:o,firstTabbableNode:i,lastTabbableNode:r,firstDomTabbableNode:s,lastDomTabbableNode:a,nextTabbableNode:l}}),this.state.tabbableGroups=this.state.containerGroups.filter(e=>e.tabbableNodes.length>0),this.state.tabbableGroups.length<=0&&!this.getNodeForOption("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(this.state.containerGroups.find(e=>e.posTabIndexesFound)&&this.state.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}addListeners(){if(this.state.active)return ng.activateTrap(this.trapStack,this),this.state.delayInitialFocusTimer=this.config.delayInitialFocus?ig(()=>{this.tryFocus(this.getInitialFocusNode())}):this.tryFocus(this.getInitialFocusNode()),this.listenerCleanups.push(ee(this.doc,"focusin",this.handleFocus,!0),ee(this.doc,"mousedown",this.handlePointerDown,{capture:!0,passive:!1}),ee(this.doc,"touchstart",this.handlePointerDown,{capture:!0,passive:!1}),ee(this.doc,"click",this.handleClick,{capture:!0,passive:!1}),ee(this.doc,"keydown",this.handleTabKey,{capture:!0,passive:!1}),ee(this.doc,"keydown",this.handleEscapeKey)),this}removeListeners(){if(this.state.active)return this.listenerCleanups.forEach(e=>e()),this.listenerCleanups=[],this}activate(e){if(this.state.active)return this;let t=this.getOption(e,"onActivate"),n=this.getOption(e,"onPostActivate"),i=this.getOption(e,"checkCanFocusTrap");i||this.updateTabbableNodes(),this.state.active=!0,this.state.paused=!1,this.state.nodeFocusedBeforeActivation=ui(this.doc),t==null||t();let r=()=>{i&&this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),n==null||n()};return i?(i(this.state.containers.concat()).then(r,r),this):(r(),this)}},Pl=e=>e.type==="keydown",vl=e=>Pl(e)&&(e==null?void 0:e.key)==="Tab",qC=e=>Pl(e)&&e.key==="Tab"&&!(e!=null&&e.shiftKey),WC=e=>Pl(e)&&e.key==="Tab"&&(e==null?void 0:e.shiftKey),Ar=(e,...t)=>typeof e=="function"?e(...t):e,KC=e=>!e.isComposing&&e.key==="Escape",ig=e=>setTimeout(e,0),zC=e=>e.localName==="input"&&"select"in e&&typeof e.select=="function";yl="data-scroll-lock";ZC=U("dialog").parts("trigger","backdrop","positioner","content","title","description","closeTrigger"),Qn=ZC.build(),ag=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`dialog:${e.id}:positioner`},og=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.backdrop)!=null?n:`dialog:${e.id}:backdrop`},bl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`dialog:${e.id}:content`},lg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`dialog:${e.id}:trigger`},El=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.title)!=null?n:`dialog:${e.id}:title`},Il=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.description)!=null?n:`dialog:${e.id}:description`},cg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.closeTrigger)!=null?n:`dialog:${e.id}:close`},da=e=>e.getById(bl(e)),JC=e=>e.getById(ag(e)),QC=e=>e.getById(og(e)),eS=e=>e.getById(lg(e)),tS=e=>e.getById(El(e)),nS=e=>e.getById(Il(e)),iS=e=>e.getById(cg(e));sS={props({props:e,scope:t}){let n=e.role==="alertdialog",i=n?()=>iS(t):void 0,r=typeof e.modal=="boolean"?e.modal:!0;return g({role:"dialog",modal:r,trapFocus:r,preventScroll:r,closeOnInteractOutside:!n,closeOnEscape:!0,restoreFocus:!0,initialFocusEl:i},e)},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({bindable:e}){return{rendered:e(()=>({defaultValue:{title:!0,description:!0}}))}},watch({track:e,action:t,prop:n}){e([()=>n("open")],()=>{t(["toggleVisibility"])})},states:{open:{entry:["checkRenderedElements","syncZIndex"],effects:["trackDismissableElement","trapFocus","preventScroll","hideContentBelow"],on:{"CONTROLLED.CLOSE":{target:"closed"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]}},closed:{on:{"CONTROLLED.OPEN":{target:"open"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}}},implementations:{guards:{isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackDismissableElement({scope:e,send:t,prop:n}){return Ft(()=>da(e),{type:"dialog",defer:!0,pointerBlocking:n("modal"),exclude:[eS(e)],onInteractOutside(r){var s;(s=n("onInteractOutside"))==null||s(r),n("closeOnInteractOutside")||r.preventDefault()},persistentElements:n("persistentElements"),onFocusOutside:n("onFocusOutside"),onPointerDownOutside:n("onPointerDownOutside"),onRequestDismiss:n("onRequestDismiss"),onEscapeKeyDown(r){var s;(s=n("onEscapeKeyDown"))==null||s(r),n("closeOnEscape")||r.preventDefault()},onDismiss(){t({type:"CLOSE",src:"interact-outside"})}})},preventScroll({scope:e,prop:t}){if(t("preventScroll"))return XC(e.getDoc())},trapFocus({scope:e,prop:t}){return t("trapFocus")?YC(()=>da(e),{preventScroll:!0,returnFocusOnDeactivate:!!t("restoreFocus"),initialFocus:t("initialFocusEl"),setReturnFocus:i=>{var r,s;return(s=(r=t("finalFocusEl"))==null?void 0:r())!=null?s:i},getShadowRoot:!0}):void 0},hideContentBelow({scope:e,prop:t}){return t("modal")?HC(()=>[da(e)],{defer:!0}):void 0}},actions:{checkRenderedElements({context:e,scope:t}){H(()=>{e.set("rendered",{title:!!tS(t),description:!!nS(t)})})},syncZIndex({scope:e}){H(()=>{let t=da(e);if(!t)return;let n=at(t);[JC(e),QC(e)].forEach(r=>{r==null||r.style.setProperty("--z-index",n.zIndex),r==null||r.style.setProperty("--layer-index",n.getPropertyValue("--layer-index"))})})},invokeOnClose({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!1})},invokeOnOpen({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!0})},toggleVisibility({prop:e,send:t,event:n}){t({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:n})}}}},aS=_()(["aria-label","closeOnEscape","closeOnInteractOutside","dir","finalFocusEl","getRootNode","getRootNode","id","id","ids","initialFocusEl","modal","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenChange","onPointerDownOutside","onRequestDismiss","defaultOpen","open","persistentElements","preventScroll","restoreFocus","role","trapFocus"]),Dx=B(aS),oS=class extends K{initMachine(e){return new W(sS,e)}initApi(){return rS(this.machine.service,q)}render(){let e=this.el,t=e.querySelector('[data-scope="dialog"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=e.querySelector('[data-scope="dialog"][data-part="backdrop"]');n&&this.spreadProps(n,this.api.getBackdropProps());let i=e.querySelector('[data-scope="dialog"][data-part="positioner"]');i&&this.spreadProps(i,this.api.getPositionerProps());let r=e.querySelector('[data-scope="dialog"][data-part="content"]');r&&this.spreadProps(r,this.api.getContentProps());let s=e.querySelector('[data-scope="dialog"][data-part="title"]');s&&this.spreadProps(s,this.api.getTitleProps());let a=e.querySelector('[data-scope="dialog"][data-part="description"]');a&&this.spreadProps(a,this.api.getDescriptionProps());let o=e.querySelector('[data-scope="dialog"][data-part="close-trigger"]');o&&this.spreadProps(o,this.api.getCloseTriggerProps())}},lS={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new oS(e,y(g({id:e.id},C(e,"controlled")?{open:C(e,"open")}:{defaultOpen:C(e,"defaultOpen")}),{modal:C(e,"modal"),closeOnInteractOutside:C(e,"closeOnInteractOutside"),closeOnEscape:C(e,"closeOnEscapeKeyDown"),preventScroll:C(e,"preventScroll"),restoreFocus:C(e,"restoreFocus"),dir:O(e,"dir",["ltr","rtl"]),onOpenChange:i=>{let r=O(e,"onOpenChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,open:i.open});let s=O(e,"onOpenChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,open:i.open}}))}}));n.init(),this.dialog=n,this.onSetOpen=i=>{let{open:r}=i.detail;n.api.setOpen(r)},e.addEventListener("phx:dialog:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("dialog_set_open",i=>{let r=i.dialog_id;r&&r!==e.id||n.api.setOpen(i.open)})),this.handlers.push(this.handleEvent("dialog_open",()=>{this.pushEvent("dialog_open_response",{value:n.api.open})}))},updated(){var e;(e=this.dialog)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{open:C(this.el,"open")}:{defaultOpen:C(this.el,"defaultOpen")}),{modal:C(this.el,"modal"),closeOnInteractOutside:C(this.el,"closeOnInteractOutside"),closeOnEscape:C(this.el,"closeOnEscapeKeyDown"),preventScroll:C(this.el,"preventScroll"),restoreFocus:C(this.el,"restoreFocus"),dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetOpen&&this.el.removeEventListener("phx:dialog:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.dialog)==null||e.destroy()}}});var mg={};he(mg,{Editable:()=>PS});function yS(e,t){var S;let{state:n,context:i,send:r,prop:s,scope:a,computed:o}=e,l=!!s("disabled"),c=o("isInteractive"),u=!!s("readOnly"),h=!!s("required"),m=!!s("invalid"),d=!!s("autoResize"),p=s("translations"),v=n.matches("edit"),I=s("placeholder"),T=typeof I=="string"?{edit:I,preview:I}:I,w=i.get("value"),b=w.trim()==="",f=b?(S=T==null?void 0:T.preview)!=null?S:"":w;return{editing:v,empty:b,value:w,valueText:f,setValue(P){r({type:"VALUE.SET",value:P,src:"setValue"})},clearValue(){r({type:"VALUE.SET",value:"",src:"clearValue"})},edit(){c&&r({type:"EDIT"})},cancel(){c&&r({type:"CANCEL"})},submit(){c&&r({type:"SUBMIT"})},getRootProps(){return t.element(y(g({},ln.root.attrs),{id:uS(a),dir:s("dir")}))},getAreaProps(){return t.element(y(g({},ln.area.attrs),{id:dS(a),dir:s("dir"),style:d?{display:"inline-grid"}:void 0,"data-focus":E(v),"data-disabled":E(l),"data-placeholder-shown":E(b)}))},getLabelProps(){return t.label(y(g({},ln.label.attrs),{id:hS(a),dir:s("dir"),htmlFor:Cl(a),"data-focus":E(v),"data-invalid":E(m),"data-required":E(h),onClick(){if(v)return;let P=pS(a);P==null||P.focus({preventScroll:!0})}}))},getInputProps(){return t.input(y(g({},ln.input.attrs),{dir:s("dir"),"aria-label":p==null?void 0:p.input,name:s("name"),form:s("form"),id:Cl(a),hidden:d?void 0:!v,placeholder:T==null?void 0:T.edit,maxLength:s("maxLength"),required:s("required"),disabled:l,"data-disabled":E(l),readOnly:u,"data-readonly":E(u),"aria-invalid":X(m),"data-invalid":E(m),"data-autoresize":E(d),defaultValue:w,size:d?1:void 0,onChange(P){r({type:"VALUE.SET",src:"input.change",value:P.currentTarget.value})},onKeyDown(P){if(P.defaultPrevented||Re(P))return;let A={Escape(){r({type:"CANCEL"}),P.preventDefault()},Enter(x){if(!o("submitOnEnter"))return;let{localName:k}=x.currentTarget;if(k==="textarea"){if(!(Qa()?x.metaKey:x.ctrlKey))return;r({type:"SUBMIT",src:"keydown.enter"});return}k==="input"&&!x.shiftKey&&!x.metaKey&&(r({type:"SUBMIT",src:"keydown.enter"}),x.preventDefault())}}[P.key];A&&A(P)},style:d?{gridArea:"1 / 1 / auto / auto",visibility:v?void 0:"hidden"}:void 0}))},getPreviewProps(){return t.element(y(g({id:hg(a)},ln.preview.attrs),{dir:s("dir"),"data-placeholder-shown":E(b),"aria-readonly":X(u),"data-readonly":E(l),"data-disabled":E(l),"aria-disabled":X(l),"aria-invalid":X(m),"data-invalid":E(m),"aria-label":p==null?void 0:p.edit,"data-autoresize":E(d),children:f,hidden:d?void 0:v,tabIndex:c?0:void 0,onClick(){c&&s("activationMode")==="click"&&r({type:"EDIT",src:"click"})},onFocus(){c&&s("activationMode")==="focus"&&r({type:"EDIT",src:"focus"})},onDoubleClick(P){P.defaultPrevented||c&&s("activationMode")==="dblclick"&&r({type:"EDIT",src:"dblclick"})},style:d?{whiteSpace:"pre",gridArea:"1 / 1 / auto / auto",visibility:v?"hidden":void 0,overflow:"hidden",textOverflow:"ellipsis"}:void 0}))},getEditTriggerProps(){return t.button(y(g({},ln.editTrigger.attrs),{id:fg(a),dir:s("dir"),"aria-label":p==null?void 0:p.edit,hidden:v,type:"button",disabled:l,onClick(P){P.defaultPrevented||c&&r({type:"EDIT",src:"edit.click"})}}))},getControlProps(){return t.element(y(g({id:gS(a)},ln.control.attrs),{dir:s("dir")}))},getSubmitTriggerProps(){return t.button(y(g({},ln.submitTrigger.attrs),{dir:s("dir"),id:gg(a),"aria-label":p==null?void 0:p.submit,hidden:!v,disabled:l,type:"button",onClick(P){P.defaultPrevented||c&&r({type:"SUBMIT",src:"submit.click"})}}))},getCancelTriggerProps(){return t.button(y(g({},ln.cancelTrigger.attrs),{dir:s("dir"),"aria-label":p==null?void 0:p.cancel,id:pg(a),hidden:!v,type:"button",disabled:l,onClick(P){P.defaultPrevented||c&&r({type:"CANCEL",src:"cancel.click"})}}))}}}var cS,ln,uS,dS,hS,hg,Cl,gS,gg,pg,fg,ha,pS,fS,mS,vS,bS,ES,Bx,IS,PS,vg=re(()=>{"use strict";tn();se();cS=U("editable").parts("root","area","label","preview","input","editTrigger","submitTrigger","cancelTrigger","control"),ln=cS.build(),uS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`editable:${e.id}`},dS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.area)!=null?n:`editable:${e.id}:area`},hS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`editable:${e.id}:label`},hg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.preview)!=null?n:`editable:${e.id}:preview`},Cl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`editable:${e.id}:input`},gS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`editable:${e.id}:control`},gg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.submitTrigger)!=null?n:`editable:${e.id}:submit`},pg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.cancelTrigger)!=null?n:`editable:${e.id}:cancel`},fg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.editTrigger)!=null?n:`editable:${e.id}:edit`},ha=e=>e.getById(Cl(e)),pS=e=>e.getById(hg(e)),fS=e=>e.getById(gg(e)),mS=e=>e.getById(pg(e)),vS=e=>e.getById(fg(e));bS={props({props:e}){return y(g({activationMode:"focus",submitMode:"both",defaultValue:"",selectOnFocus:!0},e),{translations:g({input:"editable input",edit:"edit",submit:"submit",cancel:"cancel"},e.translations)})},initialState({prop:e}){return e("edit")||e("defaultEdit")?"edit":"preview"},entry:["focusInputIfNeeded"],context:({bindable:e,prop:t})=>({value:e(()=>({defaultValue:t("defaultValue"),value:t("value"),onChange(n){var i;return(i=t("onValueChange"))==null?void 0:i({value:n})}})),previousValue:e(()=>({defaultValue:""}))}),watch({track:e,action:t,context:n,prop:i}){e([()=>n.get("value")],()=>{t(["syncInputValue"])}),e([()=>i("edit")],()=>{t(["toggleEditing"])})},computed:{submitOnEnter({prop:e}){let t=e("submitMode");return t==="both"||t==="enter"},submitOnBlur({prop:e}){let t=e("submitMode");return t==="both"||t==="blur"},isInteractive({prop:e}){return!(e("disabled")||e("readOnly"))}},on:{"VALUE.SET":{actions:["setValue"]}},states:{preview:{entry:["blurInput"],on:{"CONTROLLED.EDIT":{target:"edit",actions:["setPreviousValue","focusInput"]},EDIT:[{guard:"isEditControlled",actions:["invokeOnEdit"]},{target:"edit",actions:["setPreviousValue","focusInput","invokeOnEdit"]}]}},edit:{effects:["trackInteractOutside"],entry:["syncInputValue"],on:{"CONTROLLED.PREVIEW":[{guard:"isSubmitEvent",target:"preview",actions:["setPreviousValue","restoreFocus","invokeOnSubmit"]},{target:"preview",actions:["revertValue","restoreFocus","invokeOnCancel"]}],CANCEL:[{guard:"isEditControlled",actions:["invokeOnPreview"]},{target:"preview",actions:["revertValue","restoreFocus","invokeOnCancel","invokeOnPreview"]}],SUBMIT:[{guard:"isEditControlled",actions:["invokeOnPreview"]},{target:"preview",actions:["setPreviousValue","restoreFocus","invokeOnSubmit","invokeOnPreview"]}]}}},implementations:{guards:{isEditControlled:({prop:e})=>e("edit")!=null,isSubmitEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="SUBMIT"}},effects:{trackInteractOutside({send:e,scope:t,prop:n,computed:i}){return Ws(ha(t),{exclude(r){return[mS(t),fS(t)].some(a=>ce(a,r))},onFocusOutside:n("onFocusOutside"),onPointerDownOutside:n("onPointerDownOutside"),onInteractOutside(r){var a;if((a=n("onInteractOutside"))==null||a(r),r.defaultPrevented)return;let{focusable:s}=r.detail;e({type:i("submitOnBlur")?"SUBMIT":"CANCEL",src:"interact-outside",focusable:s})}})}},actions:{restoreFocus({event:e,scope:t,prop:n}){e.focusable||H(()=>{var r,s;let i=(s=(r=n("finalFocusEl"))==null?void 0:r())!=null?s:vS(t);i==null||i.focus({preventScroll:!0})})},clearValue({context:e}){e.set("value","")},focusInputIfNeeded({action:e,prop:t}){(t("edit")||t("defaultEdit"))&&e(["focusInput"])},focusInput({scope:e,prop:t}){H(()=>{let n=ha(e);n&&(t("selectOnFocus")?n.select():n.focus({preventScroll:!0}))})},invokeOnCancel({prop:e,context:t}){var i;let n=t.get("previousValue");(i=e("onValueRevert"))==null||i({value:n})},invokeOnSubmit({prop:e,context:t}){var i;let n=t.get("value");(i=e("onValueCommit"))==null||i({value:n})},invokeOnEdit({prop:e}){var t;(t=e("onEditChange"))==null||t({edit:!0})},invokeOnPreview({prop:e}){var t;(t=e("onEditChange"))==null||t({edit:!1})},toggleEditing({prop:e,send:t,event:n}){t({type:e("edit")?"CONTROLLED.EDIT":"CONTROLLED.PREVIEW",previousEvent:n})},syncInputValue({context:e,scope:t}){let n=ha(t);n&&Me(n,e.get("value"))},setValue({context:e,prop:t,event:n}){let i=t("maxLength"),r=i!=null?n.value.slice(0,i):n.value;e.set("value",r)},setPreviousValue({context:e}){e.set("previousValue",e.get("value"))},revertValue({context:e}){let t=e.get("previousValue");t&&e.set("value",t)},blurInput({scope:e}){var t;(t=ha(e))==null||t.blur()}}}},ES=_()(["activationMode","autoResize","dir","disabled","finalFocusEl","form","getRootNode","id","ids","invalid","maxLength","name","onEditChange","onFocusOutside","onInteractOutside","onPointerDownOutside","onValueChange","onValueCommit","onValueRevert","placeholder","readOnly","required","selectOnFocus","edit","defaultEdit","submitMode","translations","defaultValue","value"]),Bx=B(ES),IS=class extends K{initMachine(e){return new W(bS,e)}initApi(){return yS(this.machine.service,q)}render(){var l;let e=(l=this.el.querySelector('[data-scope="editable"][data-part="root"]'))!=null?l:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="editable"][data-part="area"]');t&&this.spreadProps(t,this.api.getAreaProps());let n=this.el.querySelector('[data-scope="editable"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="editable"][data-part="input"]');i&&this.spreadProps(i,this.api.getInputProps());let r=this.el.querySelector('[data-scope="editable"][data-part="preview"]');r&&this.spreadProps(r,this.api.getPreviewProps());let s=this.el.querySelector('[data-scope="editable"][data-part="edit-trigger"]');s&&this.spreadProps(s,this.api.getEditTriggerProps());let a=this.el.querySelector('[data-scope="editable"][data-part="submit-trigger"]');a&&this.spreadProps(a,this.api.getSubmitTriggerProps());let o=this.el.querySelector('[data-scope="editable"][data-part="cancel-trigger"]');o&&this.spreadProps(o,this.api.getCancelTriggerProps())}},PS={mounted(){let e=this.el,t=O(e,"value"),n=O(e,"defaultValue"),i=C(e,"controlled"),r=O(e,"placeholder"),s=O(e,"activationMode"),a=C(e,"selectOnFocus"),o=new IS(e,y(g(g(g(g(y(g({id:e.id},i&&t!==void 0?{value:t}:{defaultValue:n!=null?n:""}),{disabled:C(e,"disabled"),readOnly:C(e,"readOnly"),required:C(e,"required"),invalid:C(e,"invalid"),name:O(e,"name"),form:O(e,"form"),dir:Oe(e)}),r!==void 0?{placeholder:r}:{}),s!==void 0?{activationMode:s}:{}),a!==void 0?{selectOnFocus:a}:{}),C(e,"controlledEdit")?{edit:C(e,"edit")}:{defaultEdit:C(e,"defaultEdit")}),{onValueChange:l=>{let c=e.querySelector('[data-scope="editable"][data-part="input"]');c&&(c.value=l.value,c.dispatchEvent(new Event("input",{bubbles:!0})),c.dispatchEvent(new Event("change",{bubbles:!0})));let u=O(e,"onValueChange");u&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(u,{value:l.value,id:e.id});let h=O(e,"onValueChangeClient");h&&e.dispatchEvent(new CustomEvent(h,{bubbles:!0,detail:{value:l,id:e.id}}))}}));o.init(),this.editable=o,this.handlers=[]},updated(){var n;let e=O(this.el,"value"),t=C(this.el,"controlled");(n=this.editable)==null||n.updateProps(y(g({id:this.el.id},t&&e!==void 0?{value:e}:{}),{disabled:C(this.el,"disabled"),readOnly:C(this.el,"readOnly"),required:C(this.el,"required"),invalid:C(this.el,"invalid"),name:O(this.el,"name"),form:O(this.el,"form")}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.editable)==null||e.destroy()}}});var Vg={};he(Vg,{FloatingPanel:()=>RS});function TS(e){switch(e){case"n":return{cursor:"n-resize",width:"100%",top:0,left:"50%",translate:"-50%"};case"e":return{cursor:"e-resize",height:"100%",right:0,top:"50%",translate:"0 -50%"};case"s":return{cursor:"s-resize",width:"100%",bottom:0,left:"50%",translate:"-50%"};case"w":return{cursor:"w-resize",height:"100%",left:0,top:"50%",translate:"0 -50%"};case"se":return{cursor:"se-resize",bottom:0,right:0};case"sw":return{cursor:"sw-resize",bottom:0,left:0};case"ne":return{cursor:"ne-resize",top:0,right:0};case"nw":return{cursor:"nw-resize",top:0,left:0};default:throw new Error(`Invalid axis: ${e}`)}}function OS(e,t){let{state:n,send:i,scope:r,prop:s,computed:a,context:o}=e,l=n.hasTag("open"),c=n.matches("open.dragging"),u=n.matches("open.resizing"),h=o.get("isTopmost"),m=o.get("size"),d=o.get("position"),p=a("isMaximized"),v=a("isMinimized"),I=a("isStaged"),T=a("canResize"),w=a("canDrag");return{open:l,resizable:s("resizable"),draggable:s("draggable"),setOpen(b){n.hasTag("open")!==b&&i({type:b?"OPEN":"CLOSE"})},dragging:c,resizing:u,position:d,size:m,setPosition(b){i({type:"SET_POSITION",position:b})},setSize(b){i({type:"SET_SIZE",size:b})},minimize(){i({type:"MINIMIZE"})},maximize(){i({type:"MAXIMIZE"})},restore(){i({type:"RESTORE"})},getTriggerProps(){return t.button(y(g({},St.trigger.attrs),{dir:s("dir"),type:"button",disabled:s("disabled"),id:Tg(r),"data-state":l?"open":"closed","data-dragging":E(c),"aria-controls":Sl(r),onClick(b){if(b.defaultPrevented||s("disabled"))return;let f=n.hasTag("open");i({type:f?"CLOSE":"OPEN",src:"trigger"})}}))},getPositionerProps(){return t.element(y(g({},St.positioner.attrs),{dir:s("dir"),id:Og(r),style:{"--width":ye(m==null?void 0:m.width),"--height":ye(m==null?void 0:m.height),"--x":ye(d==null?void 0:d.x),"--y":ye(d==null?void 0:d.y),position:s("strategy"),top:"var(--y)",left:"var(--x)"}}))},getContentProps(){return t.element(y(g({},St.content.attrs),{dir:s("dir"),role:"dialog",tabIndex:0,hidden:!l,id:Sl(r),"aria-labelledby":yg(r),"data-state":l?"open":"closed","data-dragging":E(c),"data-topmost":E(h),"data-behind":E(!h),"data-minimized":E(v),"data-maximized":E(p),"data-staged":E(I),style:{width:"var(--width)",height:"var(--height)",overflow:v?"hidden":void 0},onFocus(){i({type:"CONTENT_FOCUS"})},onKeyDown(b){if(b.defaultPrevented||b.currentTarget!==j(b))return;let f=gi(b)*s("gridSize"),P={Escape(){h&&i({type:"ESCAPE"})},ArrowLeft(){i({type:"MOVE",direction:"left",step:f})},ArrowRight(){i({type:"MOVE",direction:"right",step:f})},ArrowUp(){i({type:"MOVE",direction:"up",step:f})},ArrowDown(){i({type:"MOVE",direction:"down",step:f})}}[ge(b,{dir:s("dir")})];P&&(b.preventDefault(),P(b))}}))},getCloseTriggerProps(){return t.button(y(g({},St.closeTrigger.attrs),{dir:s("dir"),disabled:s("disabled"),"aria-label":"Close Window",type:"button",onClick(b){b.defaultPrevented||i({type:"CLOSE"})}}))},getStageTriggerProps(b){if(!Pg.has(b.stage))throw new Error(`[zag-js] Invalid stage: ${b.stage}. Must be one of: ${Array.from(Pg).join(", ")}`);let f=s("translations"),S=Ce(b.stage,{minimized:()=>({"aria-label":f.minimize,hidden:I}),maximized:()=>({"aria-label":f.maximize,hidden:I}),default:()=>({"aria-label":f.restore,hidden:!I})});return t.button(y(g(y(g({},St.stageTrigger.attrs),{dir:s("dir"),disabled:s("disabled"),"data-stage":b.stage}),S),{type:"button",onClick(P){if(P.defaultPrevented||!s("resizable"))return;let V=Ce(b.stage,{minimized:()=>"MINIMIZE",maximized:()=>"MAXIMIZE",default:()=>"RESTORE"});i({type:V.toUpperCase()})}}))},getResizeTriggerProps(b){return t.element(y(g({},St.resizeTrigger.attrs),{dir:s("dir"),"data-disabled":E(!T),"data-axis":b.axis,onPointerDown(f){T&&pe(f)&&(f.currentTarget.setPointerCapture(f.pointerId),f.stopPropagation(),i({type:"RESIZE_START",axis:b.axis,position:{x:f.clientX,y:f.clientY}}))},onPointerUp(f){if(!T)return;let S=f.currentTarget;S.hasPointerCapture(f.pointerId)&&S.releasePointerCapture(f.pointerId)},style:g({position:"absolute",touchAction:"none"},TS(b.axis))}))},getDragTriggerProps(){return t.element(y(g({},St.dragTrigger.attrs),{dir:s("dir"),"data-disabled":E(!w),onPointerDown(b){if(!w||!pe(b))return;let f=j(b);f!=null&&f.closest("button")||f!=null&&f.closest("[data-no-drag]")||(b.currentTarget.setPointerCapture(b.pointerId),b.stopPropagation(),i({type:"DRAG_START",pointerId:b.pointerId,position:{x:b.clientX,y:b.clientY}}))},onPointerUp(b){if(!w)return;let f=b.currentTarget;f.hasPointerCapture(b.pointerId)&&f.releasePointerCapture(b.pointerId)},onDoubleClick(b){b.defaultPrevented||s("resizable")&&i({type:I?"RESTORE":"MAXIMIZE"})},style:{WebkitUserSelect:"none",userSelect:"none",touchAction:"none",cursor:"move"}}))},getControlProps(){return t.element(y(g({},St.control.attrs),{dir:s("dir"),"data-disabled":E(s("disabled")),"data-stage":o.get("stage"),"data-minimized":E(v),"data-maximized":E(p),"data-staged":E(I)}))},getTitleProps(){return t.element(y(g({},St.title.attrs),{dir:s("dir"),id:yg(r)}))},getHeaderProps(){return t.element(y(g({},St.header.attrs),{dir:s("dir"),id:wg(r),"data-dragging":E(c),"data-topmost":E(h),"data-behind":E(!h),"data-minimized":E(v),"data-maximized":E(p),"data-staged":E(I)}))},getBodyProps(){return t.element(y(g({},St.body.attrs),{dir:s("dir"),"data-dragging":E(c),"data-minimized":E(v),"data-maximized":E(p),"data-staged":E(I),hidden:v}))}}}function ga(e){if(e)try{let t=JSON.parse(e);if(typeof t.width=="number"&&typeof t.height=="number")return{width:t.width,height:t.height}}catch(t){}}function Sg(e){if(e)try{let t=JSON.parse(e);if(typeof t.x=="number"&&typeof t.y=="number")return{x:t.x,y:t.y}}catch(t){}}var CS,St,Tg,Og,Sl,yg,wg,bg,Eg,Ig,SS,wn,Pg,kr,Cg,wS,VS,xS,AS,Wx,kS,Kx,NS,RS,xg=re(()=>{"use strict";Cs();se();CS=U("floating-panel").parts("trigger","positioner","content","header","body","title","resizeTrigger","dragTrigger","stageTrigger","closeTrigger","control"),St=CS.build(),Tg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`float:${e.id}:trigger`},Og=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`float:${e.id}:positioner`},Sl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`float:${e.id}:content`},yg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.title)!=null?n:`float:${e.id}:title`},wg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.header)!=null?n:`float:${e.id}:header`},bg=e=>e.getById(Tg(e)),Eg=e=>e.getById(Og(e)),Ig=e=>e.getById(Sl(e)),SS=e=>e.getById(wg(e)),wn=(e,t,n)=>{let i;return le(t)?i=po(t):i=Cu(e.getWin()),n&&(i=bn({x:-i.width,y:i.minY,width:i.width*3,height:i.height*2})),fn(i,["x","y","width","height"])};Pg=new Set(["minimized","maximized","default"]);kr=ys({stack:[],count(){return this.stack.length},add(e){this.stack.includes(e)||this.stack.push(e)},remove(e){let t=this.stack.indexOf(e);t<0||this.stack.splice(t,1)},bringToFront(e){this.remove(e),this.add(e)},isTopmost(e){return this.stack[this.stack.length-1]===e},indexOf(e){return this.stack.indexOf(e)}}),{not:Cg,and:wS}=Ee(),VS={minimize:"Minimize window",maximize:"Maximize window",restore:"Restore window"},xS={props({props:e}){return yn(e,["id"],"floating-panel"),y(g({strategy:"fixed",gridSize:1,defaultSize:{width:320,height:240},defaultPosition:{x:300,y:100},allowOverflow:!0,resizable:!0,draggable:!0},e),{hasSpecifiedPosition:!!e.defaultPosition||!!e.position,translations:g(g({},VS),e.translations)})},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({prop:e,bindable:t}){return{size:t(()=>({defaultValue:e("defaultSize"),value:e("size"),isEqual:Iu,sync:!0,hash(n){return`W:${n.width} H:${n.height}`},onChange(n){var i;(i=e("onSizeChange"))==null||i({size:n})}})),position:t(()=>({defaultValue:e("defaultPosition"),value:e("position"),isEqual:Pu,sync:!0,hash(n){return`X:${n.x} Y:${n.y}`},onChange(n){var i;(i=e("onPositionChange"))==null||i({position:n})}})),stage:t(()=>({defaultValue:"default",onChange(n){var i;(i=e("onStageChange"))==null||i({stage:n})}})),lastEventPosition:t(()=>({defaultValue:null})),prevPosition:t(()=>({defaultValue:null})),prevSize:t(()=>({defaultValue:null})),isTopmost:t(()=>({defaultValue:void 0}))}},computed:{isMaximized:({context:e})=>e.get("stage")==="maximized",isMinimized:({context:e})=>e.get("stage")==="minimized",isStaged:({context:e})=>e.get("stage")!=="default",canResize:({context:e,prop:t})=>t("resizable")&&!t("disabled")&&e.get("stage")==="default",canDrag:({prop:e,computed:t})=>e("draggable")&&!e("disabled")&&!t("isMaximized")},watch({track:e,context:t,action:n,prop:i}){e([()=>t.hash("position")],()=>{n(["setPositionStyle"])}),e([()=>t.hash("size")],()=>{n(["setSizeStyle"])}),e([()=>i("open")],()=>{n(["toggleVisibility"])})},effects:["trackPanelStack"],on:{CONTENT_FOCUS:{actions:["bringToFrontOfPanelStack"]},SET_POSITION:{actions:["setPosition"]},SET_SIZE:{actions:["setSize"]}},states:{closed:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open",actions:["setAnchorPosition","setPositionStyle","setSizeStyle","focusContentEl"]},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setAnchorPosition","setPositionStyle","setSizeStyle","focusContentEl"]}]}},open:{tags:["open"],entry:["bringToFrontOfPanelStack"],effects:["trackBoundaryRect"],on:{DRAG_START:{guard:Cg("isMaximized"),target:"open.dragging",actions:["setPrevPosition"]},RESIZE_START:{guard:Cg("isMinimized"),target:"open.resizing",actions:["setPrevSize"]},"CONTROLLED.CLOSE":{target:"closed",actions:["resetRect","focusTriggerEl"]},CLOSE:[{guard:"isOpenControlled",target:"closed",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose","resetRect","focusTriggerEl"]}],ESCAPE:[{guard:wS("isOpenControlled","closeOnEsc"),actions:["invokeOnClose"]},{guard:"closeOnEsc",target:"closed",actions:["invokeOnClose","resetRect","focusTriggerEl"]}],MINIMIZE:{actions:["setMinimized"]},MAXIMIZE:{actions:["setMaximized"]},RESTORE:{actions:["setRestored"]},MOVE:{actions:["setPositionFromKeyboard"]}}},"open.dragging":{tags:["open"],effects:["trackPointerMove"],exit:["clearPrevPosition"],on:{DRAG:{actions:["setPosition"]},DRAG_END:{target:"open",actions:["invokeOnDragEnd"]},"CONTROLLED.CLOSE":{target:"closed",actions:["resetRect"]},CLOSE:[{guard:"isOpenControlled",target:"closed",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose","resetRect"]}],ESCAPE:{target:"open"}}},"open.resizing":{tags:["open"],effects:["trackPointerMove"],exit:["clearPrevSize"],on:{DRAG:{actions:["setSize"]},DRAG_END:{target:"open",actions:["invokeOnResizeEnd"]},"CONTROLLED.CLOSE":{target:"closed",actions:["resetRect"]},CLOSE:[{guard:"isOpenControlled",target:"closed",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose","resetRect"]}],ESCAPE:{target:"open"}}}},implementations:{guards:{closeOnEsc:({prop:e})=>!!e("closeOnEscape"),isMaximized:({context:e})=>e.get("stage")==="maximized",isMinimized:({context:e})=>e.get("stage")==="minimized",isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackPointerMove({scope:e,send:t,event:n,prop:i}){var o;let r=e.getDoc(),s=(o=i("getBoundaryEl"))==null?void 0:o(),a=wn(e,s,!1);return hn(r,{onPointerMove({point:l,event:c}){let{altKey:u,shiftKey:h}=c,m=He(l.x,a.x,a.x+a.width),d=He(l.y,a.y,a.y+a.height);t({type:"DRAG",position:{x:m,y:d},axis:n.axis,altKey:u,shiftKey:h})},onPointerUp(){t({type:"DRAG_END"})}})},trackBoundaryRect({context:e,scope:t,prop:n,computed:i}){var l;let r=t.getWin(),s=!0,a=()=>{var h;if(s){s=!1;return}let c=(h=n("getBoundaryEl"))==null?void 0:h(),u=wn(t,c,!1);if(!i("isMaximized")){let m=g(g({},e.get("position")),e.get("size"));u=Eu(m,u)}e.set("size",fn(u,["width","height"])),e.set("position",fn(u,["x","y"]))},o=(l=n("getBoundaryEl"))==null?void 0:l();return le(o)?gn.observe(o,a):ee(r,"resize",a)},trackPanelStack({context:e,scope:t}){let n=ns(kr,()=>{e.set("isTopmost",kr.isTopmost(t.id));let i=Ig(t);if(!i)return;let r=kr.indexOf(t.id);r!==-1&&i.style.setProperty("--z-index",`${r+1}`)});return()=>{kr.remove(t.id),n()}}},actions:{setAnchorPosition({context:e,prop:t,scope:n}){if(t("hasSpecifiedPosition"))return;let i=e.get("prevPosition")||e.get("prevSize");t("persistRect")&&i||H(()=>{var o,l;let r=bg(n),s=wn(n,(o=t("getBoundaryEl"))==null?void 0:o(),!1),a=(l=t("getAnchorPosition"))==null?void 0:l({triggerRect:r?DOMRect.fromRect(po(r)):null,boundaryRect:DOMRect.fromRect(s)});if(!a){let c=e.get("size");a={x:s.x+(s.width-c.width)/2,y:s.y+(s.height-c.height)/2}}a&&e.set("position",a)})},setPrevPosition({context:e,event:t}){e.set("prevPosition",g({},e.get("position"))),e.set("lastEventPosition",t.position)},clearPrevPosition({context:e,prop:t}){t("persistRect")||e.set("prevPosition",null),e.set("lastEventPosition",null)},setPosition({context:e,event:t,prop:n,scope:i}){var c;let r=go(t.position,e.get("lastEventPosition"));r.x=Math.round(r.x/n("gridSize"))*n("gridSize"),r.y=Math.round(r.y/n("gridSize"))*n("gridSize");let s=e.get("prevPosition");if(!s)return;let a=bu(s,r),o=(c=n("getBoundaryEl"))==null?void 0:c(),l=wn(i,o,n("allowOverflow"));a=hr(a,e.get("size"),l),e.set("position",a)},setPositionStyle({scope:e,context:t}){let n=Eg(e),i=t.get("position");n==null||n.style.setProperty("--x",`${i.x}px`),n==null||n.style.setProperty("--y",`${i.y}px`)},resetRect({context:e,prop:t}){e.set("stage","default"),t("persistRect")||(e.set("position",e.initial("position")),e.set("size",e.initial("size")))},setPrevSize({context:e,event:t}){e.set("prevSize",g({},e.get("size"))),e.set("prevPosition",g({},e.get("position"))),e.set("lastEventPosition",t.position)},clearPrevSize({context:e}){e.set("prevSize",null),e.set("prevPosition",null),e.set("lastEventPosition",null)},setSize({context:e,event:t,scope:n,prop:i}){var p;let r=e.get("prevSize"),s=e.get("prevPosition"),a=e.get("lastEventPosition");if(!r||!s||!a)return;let o=bn(g(g({},s),r)),l=go(t.position,a),c=Tu(o,l,t.axis,{scalingOriginMode:t.altKey?"center":"extent",lockAspectRatio:!!i("lockAspectRatio")||t.shiftKey}),u=fn(c,["width","height"]),h=fn(c,["x","y"]),m=(p=i("getBoundaryEl"))==null?void 0:p(),d=wn(n,m,!1);if(u=gr(u,i("minSize"),i("maxSize")),u=gr(u,i("minSize"),d),e.set("size",u),h){let v=hr(h,u,d);e.set("position",v)}},setSizeStyle({scope:e,context:t}){queueMicrotask(()=>{let n=Eg(e),i=t.get("size");n==null||n.style.setProperty("--width",`${i.width}px`),n==null||n.style.setProperty("--height",`${i.height}px`)})},setMaximized({context:e,prop:t,scope:n}){var s;e.set("stage","maximized"),e.set("prevSize",e.get("size")),e.set("prevPosition",e.get("position"));let i=(s=t("getBoundaryEl"))==null?void 0:s(),r=wn(n,i,!1);e.set("position",fn(r,["x","y"])),e.set("size",fn(r,["height","width"]))},setMinimized({context:e,scope:t}){e.set("stage","minimized"),e.set("prevSize",e.get("size")),e.set("prevPosition",e.get("position"));let n=SS(t);if(!n)return;let i=y(g({},e.get("size")),{height:n==null?void 0:n.offsetHeight});e.set("size",i)},setRestored({context:e,prop:t,scope:n}){var s;let i=wn(n,(s=t("getBoundaryEl"))==null?void 0:s(),!1);e.set("stage","default");let r=e.get("prevSize");if(r){let a=r;a=gr(a,t("minSize"),t("maxSize")),a=gr(a,t("minSize"),i),e.set("size",a),e.set("prevSize",null)}if(e.get("prevPosition")){let a=e.get("prevPosition");a=hr(a,e.get("size"),i),e.set("position",a),e.set("prevPosition",null)}},setPositionFromKeyboard({context:e,event:t,prop:n,scope:i}){var c;vs(t.step==null,"step is required");let r=e.get("position"),s=t.step,a=Ce(t.direction,{left:{x:r.x-s,y:r.y},right:{x:r.x+s,y:r.y},up:{x:r.x,y:r.y-s},down:{x:r.x,y:r.y+s}}),o=(c=n("getBoundaryEl"))==null?void 0:c(),l=wn(i,o,!1);a=hr(a,e.get("size"),l),e.set("position",a)},bringToFrontOfPanelStack({prop:e}){kr.bringToFront(e("id"))},invokeOnOpen({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!0})},invokeOnClose({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!1})},invokeOnDragEnd({context:e,prop:t}){var n;(n=t("onPositionChangeEnd"))==null||n({position:e.get("position")})},invokeOnResizeEnd({context:e,prop:t}){var n;(n=t("onSizeChangeEnd"))==null||n({size:e.get("size")})},focusTriggerEl({scope:e}){H(()=>{var t;(t=bg(e))==null||t.focus()})},focusContentEl({scope:e}){H(()=>{var t;(t=Ig(e))==null||t.focus()})},toggleVisibility({send:e,prop:t,event:n}){e({type:t("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:n})}}}},AS=_()(["allowOverflow","closeOnEscape","defaultOpen","defaultPosition","defaultSize","dir","disabled","draggable","getAnchorPosition","getBoundaryEl","getRootNode","gridSize","id","ids","lockAspectRatio","maxSize","minSize","onOpenChange","onPositionChange","onPositionChangeEnd","onSizeChange","onSizeChangeEnd","onStageChange","open","persistRect","position","resizable","size","strategy","translations"]),Wx=B(AS),kS=_()(["axis"]),Kx=B(kS),NS=class extends K{initMachine(e){return new W(xS,e)}initApi(){return OS(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="floating-panel"][data-part="trigger"]');e&&this.spreadProps(e,this.api.getTriggerProps());let t=this.el.querySelector('[data-scope="floating-panel"][data-part="positioner"]');t&&this.spreadProps(t,this.api.getPositionerProps());let n=this.el.querySelector('[data-scope="floating-panel"][data-part="content"]');n&&this.spreadProps(n,this.api.getContentProps());let i=this.el.querySelector('[data-scope="floating-panel"][data-part="title"]');i&&this.spreadProps(i,this.api.getTitleProps());let r=this.el.querySelector('[data-scope="floating-panel"][data-part="header"]');r&&this.spreadProps(r,this.api.getHeaderProps());let s=this.el.querySelector('[data-scope="floating-panel"][data-part="body"]');s&&this.spreadProps(s,this.api.getBodyProps());let a=this.el.querySelector('[data-scope="floating-panel"][data-part="drag-trigger"]');a&&this.spreadProps(a,this.api.getDragTriggerProps()),["s","w","e","n","sw","nw","se","ne"].forEach(h=>{let m=this.el.querySelector(`[data-scope="floating-panel"][data-part="resize-trigger"][data-axis="${h}"]`);m&&this.spreadProps(m,this.api.getResizeTriggerProps({axis:h}))});let l=this.el.querySelector('[data-scope="floating-panel"][data-part="close-trigger"]');l&&this.spreadProps(l,this.api.getCloseTriggerProps());let c=this.el.querySelector('[data-scope="floating-panel"][data-part="control"]');c&&this.spreadProps(c,this.api.getControlProps()),["minimized","maximized","default"].forEach(h=>{let m=this.el.querySelector(`[data-scope="floating-panel"][data-part="stage-trigger"][data-stage="${h}"]`);m&&this.spreadProps(m,this.api.getStageTriggerProps({stage:h}))})}};RS={mounted(){let e=this.el,t=C(e,"open"),n=C(e,"defaultOpen"),i=C(e,"controlled"),r=ga(e.dataset.size),s=ga(e.dataset.defaultSize),a=Sg(e.dataset.position),o=Sg(e.dataset.defaultPosition),l=new NS(e,y(g({id:e.id},i?{open:t}:{defaultOpen:n}),{draggable:C(e,"draggable")!==!1,resizable:C(e,"resizable")!==!1,allowOverflow:C(e,"allowOverflow")!==!1,closeOnEscape:C(e,"closeOnEscape")!==!1,disabled:C(e,"disabled"),dir:Oe(e),size:r,defaultSize:s,position:a,defaultPosition:o,minSize:ga(e.dataset.minSize),maxSize:ga(e.dataset.maxSize),persistRect:C(e,"persistRect"),gridSize:Number(e.dataset.gridSize)||1,onOpenChange:c=>{let u=O(e,"onOpenChange");u&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(u,{open:c.open,id:e.id});let h=O(e,"onOpenChangeClient");h&&e.dispatchEvent(new CustomEvent(h,{bubbles:!0,detail:{value:c,id:e.id}}))},onPositionChange:c=>{let u=O(e,"onPositionChange");u&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(u,{position:c.position,id:e.id})},onSizeChange:c=>{let u=O(e,"onSizeChange");u&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(u,{size:c.size,id:e.id})},onStageChange:c=>{let u=O(e,"onStageChange");u&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(u,{stage:c.stage,id:e.id})}}));l.init(),this.floatingPanel=l,this.handlers=[]},updated(){var n;let e=C(this.el,"open"),t=C(this.el,"controlled");(n=this.floatingPanel)==null||n.updateProps(y(g({id:this.el.id},t?{open:e}:{}),{disabled:C(this.el,"disabled"),dir:Oe(this.el)}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.floatingPanel)==null||e.destroy()}}});var Dg={};he(Dg,{Listbox:()=>jS});function $S(e,t){let{context:n,prop:i,scope:r,computed:s,send:a,refs:o}=e,l=i("disabled"),c=i("collection"),u=Cn(c)?"grid":"list",h=n.get("focused"),m=o.get("focusVisible")&&h,d=o.get("inputState"),p=n.get("value"),v=n.get("selectedItems"),I=n.get("highlightedValue"),T=n.get("highlightedItem"),w=s("isTypingAhead"),b=s("isInteractive"),f=I?Ol(r,I):void 0;function S(P){let V=c.getItemDisabled(P.item),A=c.getItemValue(P.item);vn(A,()=>`[zag-js] No value found for item ${JSON.stringify(P.item)}`);let x=I===A;return{value:A,disabled:!!(l||V),focused:x&&h,focusVisible:x&&m,highlighted:x&&(d.focused?h:m),selected:n.get("value").includes(A)}}return{empty:p.length===0,highlightedItem:T,highlightedValue:I,clearHighlightedValue(){a({type:"HIGHLIGHTED_VALUE.SET",value:null})},selectedItems:v,hasSelectedItems:s("hasSelectedItems"),value:p,valueAsString:s("valueAsString"),collection:c,disabled:!!l,selectValue(P){a({type:"ITEM.SELECT",value:P})},setValue(P){a({type:"VALUE.SET",value:P})},selectAll(){if(!s("multiple"))throw new Error("[zag-js] Cannot select all items in a single-select listbox");a({type:"VALUE.SET",value:c.getValues()})},highlightValue(P){a({type:"HIGHLIGHTED_VALUE.SET",value:P})},clearValue(P){a(P?{type:"ITEM.CLEAR",value:P}:{type:"VALUE.CLEAR"})},getItemState:S,getRootProps(){return t.element(y(g({},Ht.root.attrs),{dir:i("dir"),id:MS(r),"data-orientation":i("orientation"),"data-disabled":E(l)}))},getInputProps(P={}){return t.input(y(g({},Ht.input.attrs),{dir:i("dir"),disabled:l,"data-disabled":E(l),autoComplete:"off",autoCorrect:"off","aria-haspopup":"listbox","aria-controls":Tl(r),"aria-autocomplete":"list","aria-activedescendant":f,spellCheck:!1,enterKeyHint:"go",onFocus(){queueMicrotask(()=>{a({type:"INPUT.FOCUS",autoHighlight:!!(P!=null&&P.autoHighlight)})})},onBlur(){a({type:"CONTENT.BLUR",src:"input"})},onInput(V){P!=null&&P.autoHighlight&&(V.currentTarget.value.trim()||queueMicrotask(()=>{a({type:"HIGHLIGHTED_VALUE.SET",value:null})}))},onKeyDown(V){if(V.defaultPrevented||Re(V))return;let A=Yt(V),x=()=>{var D;V.preventDefault();let k=r.getWin(),N=new k.KeyboardEvent(A.type,A);(D=pa(r))==null||D.dispatchEvent(N)};switch(A.key){case"ArrowLeft":case"ArrowRight":{if(!Cn(c)||V.ctrlKey)return;x()}case"Home":case"End":{if(I==null&&V.shiftKey)return;x()}case"ArrowDown":case"ArrowUp":{x();break}case"Enter":I!=null&&(V.preventDefault(),a({type:"ITEM.CLICK",value:I}));break}}}))},getLabelProps(){return t.element(y(g({dir:i("dir"),id:Ag(r)},Ht.label.attrs),{"data-disabled":E(l)}))},getValueTextProps(){return t.element(y(g({},Ht.valueText.attrs),{dir:i("dir"),"data-disabled":E(l)}))},getItemProps(P){let V=S(P);return t.element(y(g({id:Ol(r,V.value),role:"option"},Ht.item.attrs),{dir:i("dir"),"data-value":V.value,"aria-selected":V.selected,"data-selected":E(V.selected),"data-layout":u,"data-state":V.selected?"checked":"unchecked","data-orientation":i("orientation"),"data-highlighted":E(V.highlighted),"data-disabled":E(V.disabled),"aria-disabled":X(V.disabled),onPointerMove(A){P.highlightOnHover&&(V.disabled||A.pointerType!=="mouse"||V.highlighted||a({type:"ITEM.POINTER_MOVE",value:V.value}))},onMouseDown(A){var x;A.preventDefault(),(x=pa(r))==null||x.focus()},onClick(A){A.defaultPrevented||V.disabled||a({type:"ITEM.CLICK",value:V.value,shiftKey:A.shiftKey,anchorValue:I,metaKey:ls(A)})}}))},getItemTextProps(P){let V=S(P);return t.element(y(g({},Ht.itemText.attrs),{"data-state":V.selected?"checked":"unchecked","data-disabled":E(V.disabled),"data-highlighted":E(V.highlighted)}))},getItemIndicatorProps(P){let V=S(P);return t.element(y(g({},Ht.itemIndicator.attrs),{"aria-hidden":!0,"data-state":V.selected?"checked":"unchecked",hidden:!V.selected}))},getItemGroupLabelProps(P){let{htmlFor:V}=P;return t.element(y(g({},Ht.itemGroupLabel.attrs),{id:kg(r,V),dir:i("dir"),role:"presentation"}))},getItemGroupProps(P){let{id:V}=P;return t.element(y(g({},Ht.itemGroup.attrs),{"data-disabled":E(l),"data-orientation":i("orientation"),"data-empty":E(c.size===0),id:FS(r,V),"aria-labelledby":kg(r,V),role:"group",dir:i("dir")}))},getContentProps(){return t.element(y(g({dir:i("dir"),id:Tl(r),role:"listbox"},Ht.content.attrs),{"data-activedescendant":f,"aria-activedescendant":f,"data-orientation":i("orientation"),"aria-multiselectable":s("multiple")?!0:void 0,"aria-labelledby":Ag(r),tabIndex:0,"data-layout":u,"data-empty":E(c.size===0),style:{"--column-count":Cn(c)?c.columnCount:1},onFocus(){a({type:"CONTENT.FOCUS"})},onBlur(){a({type:"CONTENT.BLUR"})},onKeyDown(P){if(!b||!ce(P.currentTarget,j(P)))return;let V=P.shiftKey,A={ArrowUp(N){let D=null;Cn(c)&&I?D=c.getPreviousRowValue(I):I&&(D=c.getPreviousValue(I)),!D&&(i("loopFocus")||!I)&&(D=c.lastValue),D&&(N.preventDefault(),a({type:"NAVIGATE",value:D,shiftKey:V,anchorValue:I}))},ArrowDown(N){let D=null;Cn(c)&&I?D=c.getNextRowValue(I):I&&(D=c.getNextValue(I)),!D&&(i("loopFocus")||!I)&&(D=c.firstValue),D&&(N.preventDefault(),a({type:"NAVIGATE",value:D,shiftKey:V,anchorValue:I}))},ArrowLeft(){if(!Cn(c)&&i("orientation")==="vertical")return;let N=I?c.getPreviousValue(I):null;!N&&i("loopFocus")&&(N=c.lastValue),N&&(P.preventDefault(),a({type:"NAVIGATE",value:N,shiftKey:V,anchorValue:I}))},ArrowRight(){if(!Cn(c)&&i("orientation")==="vertical")return;let N=I?c.getNextValue(I):null;!N&&i("loopFocus")&&(N=c.firstValue),N&&(P.preventDefault(),a({type:"NAVIGATE",value:N,shiftKey:V,anchorValue:I}))},Home(N){N.preventDefault();let D=c.firstValue;a({type:"NAVIGATE",value:D,shiftKey:V,anchorValue:I})},End(N){N.preventDefault();let D=c.lastValue;a({type:"NAVIGATE",value:D,shiftKey:V,anchorValue:I})},Enter(){a({type:"ITEM.CLICK",value:I})},a(N){ls(N)&&s("multiple")&&!i("disallowSelectAll")&&(N.preventDefault(),a({type:"VALUE.SET",value:c.getValues()}))},Space(N){var D;w&&i("typeahead")?a({type:"CONTENT.TYPEAHEAD",key:N.key}):(D=A.Enter)==null||D.call(A,N)},Escape(N){i("deselectable")&&p.length>0&&(N.preventDefault(),N.stopPropagation(),a({type:"VALUE.CLEAR"}))}},x=A[ge(P)];if(x){x(P);return}let k=j(P);Ot(k)||Ue.isValidEvent(P)&&i("typeahead")&&(a({type:"CONTENT.TYPEAHEAD",key:P.key}),P.preventDefault())}}))}}}function Nr(e,t,n){let i=US(t,e);for(let r of i)n==null||n({value:r})}function Rg(e,t){return Bi(t?{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}:{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}var DS,Ht,Bi,LS,MS,Tl,Ag,Ol,FS,kg,pa,Ng,HS,BS,_S,GS,US,qS,Jx,WS,Qx,KS,eA,zS,tA,YS,jS,Lg=re(()=>{"use strict";pr();yr();se();DS=U("listbox").parts("label","input","item","itemText","itemIndicator","itemGroup","itemGroupLabel","content","root","valueText"),Ht=DS.build(),Bi=e=>new Nt(e);Bi.empty=()=>new Nt({items:[]});LS=e=>new Vo(e);LS.empty=()=>new Vo({items:[],columnCount:0});MS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`select:${e.id}`},Tl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`select:${e.id}:content`},Ag=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`select:${e.id}:label`},Ol=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:option:${t}`},FS=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroup)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup:${t}`},kg=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroupLabel)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup-label:${t}`},pa=e=>e.getById(Tl(e)),Ng=(e,t)=>e.getById(Ol(e,t));({guards:HS,createMachine:BS}=ut()),{or:_S}=HS,GS=BS({props({props:e}){return g({loopFocus:!1,composite:!0,defaultValue:[],multiple:!1,typeahead:!0,collection:Bi.empty(),orientation:"vertical",selectionMode:"single"},e)},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:fe,onChange(n){var r;let i=e("collection").findMany(n);return(r=e("onValueChange"))==null?void 0:r({value:n,items:i})}})),highlightedValue:t(()=>({defaultValue:e("defaultHighlightedValue")||null,value:e("highlightedValue"),sync:!0,onChange(n){var i;(i=e("onHighlightChange"))==null||i({highlightedValue:n,highlightedItem:e("collection").find(n),highlightedIndex:e("collection").indexOf(n)})}})),highlightedItem:t(()=>({defaultValue:null})),selectedItems:t(()=>{var r,s;let n=(s=(r=e("value"))!=null?r:e("defaultValue"))!=null?s:[];return{defaultValue:e("collection").findMany(n)}}),focused:t(()=>({sync:!0,defaultValue:!1}))}},refs(){return{typeahead:g({},Ue.defaultOptions),focusVisible:!1,inputState:{autoHighlight:!1,focused:!1}}},computed:{hasSelectedItems:({context:e})=>e.get("value").length>0,isTypingAhead:({refs:e})=>e.get("typeahead").keysSoFar!=="",isInteractive:({prop:e})=>!e("disabled"),selection:({context:e,prop:t})=>{let n=new ld(e.get("value"));return n.selectionMode=t("selectionMode"),n.deselectable=!!t("deselectable"),n},multiple:({prop:e})=>e("selectionMode")==="multiple"||e("selectionMode")==="extended",valueAsString:({context:e,prop:t})=>t("collection").stringifyItems(e.get("selectedItems"))},initialState(){return"idle"},watch({context:e,prop:t,track:n,action:i}){n([()=>e.get("value").toString()],()=>{i(["syncSelectedItems"])}),n([()=>e.get("highlightedValue")],()=>{i(["syncHighlightedItem"])}),n([()=>t("collection").toString()],()=>{i(["syncHighlightedValue"])})},effects:["trackFocusVisible"],on:{"HIGHLIGHTED_VALUE.SET":{actions:["setHighlightedItem"]},"ITEM.SELECT":{actions:["selectItem"]},"ITEM.CLEAR":{actions:["clearItem"]},"VALUE.SET":{actions:["setSelectedItems"]},"VALUE.CLEAR":{actions:["clearSelectedItems"]}},states:{idle:{effects:["scrollToHighlightedItem"],on:{"INPUT.FOCUS":{actions:["setFocused","setInputState"]},"CONTENT.FOCUS":[{guard:_S("hasSelectedValue","hasHighlightedValue"),actions:["setFocused"]},{actions:["setFocused","setDefaultHighlightedValue"]}],"CONTENT.BLUR":{actions:["clearFocused","clearInputState"]},"ITEM.CLICK":{actions:["setHighlightedItem","selectHighlightedItem"]},"CONTENT.TYPEAHEAD":{actions:["setFocused","highlightMatchingItem"]},"ITEM.POINTER_MOVE":{actions:["highlightItem"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedItem"]},NAVIGATE:{actions:["setFocused","setHighlightedItem","selectWithKeyboard"]}}}},implementations:{guards:{hasSelectedValue:({context:e})=>e.get("value").length>0,hasHighlightedValue:({context:e})=>e.get("highlightedValue")!=null},effects:{trackFocusVisible:({scope:e,refs:t})=>{var n;return Pn({root:(n=e.getRootNode)==null?void 0:n.call(e),onChange(i){t.set("focusVisible",i.isFocusVisible)}})},scrollToHighlightedItem({context:e,prop:t,scope:n}){let i=s=>{let a=e.get("highlightedValue");if(a==null||ju()!=="keyboard")return;let l=pa(n),c=t("scrollToIndexFn");if(c){let h=t("collection").indexOf(a);c==null||c({index:h,immediate:s,getElement(){return Ng(n,a)}});return}let u=Ng(n,a);Xt(u,{rootEl:l,block:"nearest"})};return H(()=>i(!0)),ot(()=>pa(n),{defer:!0,attributes:["data-activedescendant"],callback(){i(!1)}})}},actions:{selectHighlightedItem({context:e,prop:t,event:n,computed:i}){var o;let r=(o=n.value)!=null?o:e.get("highlightedValue"),s=t("collection");if(r==null||!s.has(r))return;let a=i("selection");if(n.shiftKey&&i("multiple")&&n.anchorValue){let l=a.extendSelection(s,n.anchorValue,r);Nr(a,l,t("onSelect")),e.set("value",Array.from(l))}else{let l=a.select(s,r,n.metaKey);Nr(a,l,t("onSelect")),e.set("value",Array.from(l))}},selectWithKeyboard({context:e,prop:t,event:n,computed:i}){let r=i("selection"),s=t("collection");if(n.shiftKey&&i("multiple")&&n.anchorValue){let a=r.extendSelection(s,n.anchorValue,n.value);Nr(r,a,t("onSelect")),e.set("value",Array.from(a));return}if(t("selectOnHighlight")){let a=r.replaceSelection(s,n.value);Nr(r,a,t("onSelect")),e.set("value",Array.from(a))}},highlightItem({context:e,event:t}){e.set("highlightedValue",t.value)},highlightMatchingItem({context:e,prop:t,event:n,refs:i}){let r=t("collection").search(n.key,{state:i.get("typeahead"),currentValue:e.get("highlightedValue")});r!=null&&e.set("highlightedValue",r)},setHighlightedItem({context:e,event:t}){e.set("highlightedValue",t.value)},clearHighlightedItem({context:e}){e.set("highlightedValue",null)},selectItem({context:e,prop:t,event:n,computed:i}){let r=t("collection"),s=i("selection"),a=s.select(r,n.value);Nr(s,a,t("onSelect")),e.set("value",Array.from(a))},clearItem({context:e,event:t,computed:n}){let r=n("selection").deselect(t.value);e.set("value",Array.from(r))},setSelectedItems({context:e,event:t}){e.set("value",t.value)},clearSelectedItems({context:e}){e.set("value",[])},syncSelectedItems({context:e,prop:t}){let n=t("collection"),i=e.get("selectedItems"),s=e.get("value").map(a=>i.find(l=>n.getItemValue(l)===a)||n.find(a));e.set("selectedItems",s)},syncHighlightedItem({context:e,prop:t}){let n=t("collection"),i=e.get("highlightedValue"),r=i?n.find(i):null;e.set("highlightedItem",r)},syncHighlightedValue({context:e,prop:t,refs:n}){let i=t("collection"),r=e.get("highlightedValue"),{autoHighlight:s}=n.get("inputState");if(s){queueMicrotask(()=>{var a;e.set("highlightedValue",(a=t("collection").firstValue)!=null?a:null)});return}r!=null&&!i.has(r)&&queueMicrotask(()=>{e.set("highlightedValue",null)})},setFocused({context:e}){e.set("focused",!0)},setDefaultHighlightedValue({context:e,prop:t}){let i=t("collection").firstValue;i!=null&&e.set("highlightedValue",i)},clearFocused({context:e}){e.set("focused",!1)},setInputState({refs:e,event:t}){e.set("inputState",{autoHighlight:!!t.autoHighlight,focused:!0})},clearInputState({refs:e}){e.set("inputState",{autoHighlight:!1,focused:!1})}}}}),US=(e,t)=>{let n=new Set(e);for(let i of t)n.delete(i);return n};qS=_()(["collection","defaultHighlightedValue","defaultValue","dir","disabled","deselectable","disallowSelectAll","getRootNode","highlightedValue","id","ids","loopFocus","onHighlightChange","onSelect","onValueChange","orientation","scrollToIndexFn","selectionMode","selectOnHighlight","typeahead","value"]),Jx=B(qS),WS=_()(["item","highlightOnHover"]),Qx=B(WS),KS=_()(["id"]),eA=B(KS),zS=_()(["htmlFor"]),tA=B(zS),YS=class extends K{constructor(t,n){var r;super(t,n);z(this,"_options",[]);z(this,"hasGroups",!1);z(this,"init",()=>{this.machine.start(),this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()})});let i=n.collection;this._options=(r=i==null?void 0:i.items)!=null?r:[]}get options(){return Array.isArray(this._options)?this._options:[]}setOptions(t){this._options=Array.isArray(t)?t:[]}getCollection(){let t=this.options;return this.hasGroups?Bi({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}):Bi({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}initMachine(t){let n=this.getCollection.bind(this),i=t.collection;return new W(GS,y(g({},t),{get collection(){return i!=null?i:n()}}))}initApi(){return $S(this.machine.service,q)}applyItemProps(){let t=this.el.querySelector('[data-scope="listbox"][data-part="content"]');t&&(t.querySelectorAll('[data-scope="listbox"][data-part="item-group"]').forEach(n=>{var s;let i=(s=n.dataset.id)!=null?s:"";this.spreadProps(n,this.api.getItemGroupProps({id:i}));let r=n.querySelector('[data-scope="listbox"][data-part="item-group-label"]');r&&this.spreadProps(r,this.api.getItemGroupLabelProps({htmlFor:i}))}),t.querySelectorAll('[data-scope="listbox"][data-part="item"]').forEach(n=>{var o;let i=(o=n.dataset.value)!=null?o:"",r=this.options.find(l=>{var c,u;return String((u=(c=l.id)!=null?c:l.value)!=null?u:"")===String(i)});if(!r)return;this.spreadProps(n,this.api.getItemProps({item:r}));let s=n.querySelector('[data-scope="listbox"][data-part="item-text"]');s&&this.spreadProps(s,this.api.getItemTextProps({item:r}));let a=n.querySelector('[data-scope="listbox"][data-part="item-indicator"]');a&&this.spreadProps(a,this.api.getItemIndicatorProps({item:r}))}))}render(){var a;let t=(a=this.el.querySelector('[data-scope="listbox"][data-part="root"]'))!=null?a:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="listbox"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="listbox"][data-part="value-text"]');i&&this.spreadProps(i,this.api.getValueTextProps());let r=this.el.querySelector('[data-scope="listbox"][data-part="input"]');r&&this.spreadProps(r,this.api.getInputProps());let s=this.el.querySelector('[data-scope="listbox"][data-part="content"]');s&&(this.spreadProps(s,this.api.getContentProps()),this.applyItemProps())}};jS={mounted(){var o;let e=this.el,t=JSON.parse((o=e.dataset.collection)!=null?o:"[]"),n=t.some(l=>l.group!==void 0),i=Z(e,"value"),r=Z(e,"defaultValue"),s=C(e,"controlled"),a=new YS(e,y(g({id:e.id,collection:Rg(t,n)},s&&i?{value:i}:{defaultValue:r!=null?r:[]}),{disabled:C(e,"disabled"),dir:O(e,"dir",["ltr","rtl"]),orientation:O(e,"orientation",["horizontal","vertical"]),loopFocus:C(e,"loopFocus"),selectionMode:O(e,"selectionMode",["single","multiple","extended"]),selectOnHighlight:C(e,"selectOnHighlight"),deselectable:C(e,"deselectable"),typeahead:C(e,"typeahead"),onValueChange:l=>{let c=O(e,"onValueChange");c&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(c,{value:l.value,items:l.items,id:e.id});let u=O(e,"onValueChangeClient");u&&e.dispatchEvent(new CustomEvent(u,{bubbles:!0,detail:{value:l,id:e.id}}))}}));a.hasGroups=n,a.setOptions(t),a.init(),this.listbox=a,this.handlers=[]},updated(){var r;let e=JSON.parse((r=this.el.dataset.collection)!=null?r:"[]"),t=e.some(s=>s.group!==void 0),n=Z(this.el,"value"),i=C(this.el,"controlled");this.listbox&&(this.listbox.hasGroups=t,this.listbox.setOptions(e),this.listbox.updateProps(y(g({collection:Rg(e,t),id:this.el.id},i&&n?{value:n}:{}),{disabled:C(this.el,"disabled"),dir:O(this.el,"dir",["ltr","rtl"]),orientation:O(this.el,"orientation",["horizontal","vertical"])})))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.listbox)==null||e.destroy()}}});var Ug={};he(Ug,{Menu:()=>mT});function sT(e,t){if(!e)return;let n=ue(e),i=new n.CustomEvent(Vl,{detail:{value:t}});e.dispatchEvent(i)}function aT(e,t){let{context:n,send:i,state:r,computed:s,prop:a,scope:o}=e,l=r.hasTag("open"),c=n.get("isSubmenu"),u=s("isTypingAhead"),h=a("composite"),m=n.get("currentPlacement"),d=n.get("anchorPoint"),p=n.get("highlightedValue"),v=On(y(g({},a("positioning")),{placement:d?"bottom":m}));function I(f){return{id:Rr(o,f.value),disabled:!!f.disabled,highlighted:p===f.value}}function T(f){var P;let S=(P=f.valueText)!=null?P:f.value;return y(g({},f),{id:f.value,valueText:S})}function w(f){let S=I(T(f));return y(g({},S),{checked:!!f.checked})}function b(f){let{closeOnSelect:S,valueText:P,value:V}=f,A=I(f),x=Rr(o,V);return t.element(y(g({},Be.item.attrs),{id:x,role:"menuitem","aria-disabled":X(A.disabled),"data-disabled":E(A.disabled),"data-ownedby":Gi(o),"data-highlighted":E(A.highlighted),"data-value":V,"data-valuetext":P,onDragStart(k){k.currentTarget.matches("a[href]")&&k.preventDefault()},onPointerMove(k){if(A.disabled||k.pointerType!=="mouse")return;let N=k.currentTarget;if(A.highlighted)return;let D=je(k);i({type:"ITEM_POINTERMOVE",id:x,target:N,closeOnSelect:S,point:D})},onPointerLeave(k){var $;if(A.disabled||k.pointerType!=="mouse"||!(($=e.event.previous())==null?void 0:$.type.includes("POINTER")))return;let D=k.currentTarget;i({type:"ITEM_POINTERLEAVE",id:x,target:D,closeOnSelect:S})},onPointerDown(k){if(A.disabled)return;let N=k.currentTarget;i({type:"ITEM_POINTERDOWN",target:N,id:x,closeOnSelect:S})},onClick(k){if(rr(k)||Fn(k)||A.disabled)return;let N=k.currentTarget;i({type:"ITEM_CLICK",target:N,id:x,closeOnSelect:S})}}))}return{highlightedValue:p,open:l,setOpen(f){r.hasTag("open")!==f&&i({type:f?"OPEN":"CLOSE"})},setHighlightedValue(f){i({type:"HIGHLIGHTED.SET",value:f})},setParent(f){i({type:"PARENT.SET",value:f,id:f.prop("id")})},setChild(f){i({type:"CHILD.SET",value:f,id:f.prop("id")})},reposition(f={}){i({type:"POSITIONING.SET",options:f})},addItemListener(f){let S=o.getById(f.id);if(!S)return;let P=()=>{var V;return(V=f.onSelect)==null?void 0:V.call(f)};return S.addEventListener(Vl,P),()=>S.removeEventListener(Vl,P)},getContextTriggerProps(){return t.element(y(g({},Be.contextTrigger.attrs),{dir:a("dir"),id:_g(o),"data-state":l?"open":"closed",onPointerDown(f){if(f.pointerType==="mouse")return;let S=je(f);i({type:"CONTEXT_MENU_START",point:S})},onPointerCancel(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onPointerMove(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onPointerUp(f){f.pointerType!=="mouse"&&i({type:"CONTEXT_MENU_CANCEL"})},onContextMenu(f){let S=je(f);i({type:"CONTEXT_MENU",point:S}),f.preventDefault()},style:{WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"}}))},getTriggerItemProps(f){let S=f.getTriggerProps();return au(b({value:S.id}),S)},getTriggerProps(){return t.button(y(g({},c?Be.triggerItem.attrs:Be.trigger.attrs),{"data-placement":n.get("currentPlacement"),type:"button",dir:a("dir"),id:va(o),"data-uid":a("id"),"aria-haspopup":h?"menu":"dialog","aria-controls":Gi(o),"data-controls":Gi(o),"aria-expanded":l||void 0,"data-state":l?"open":"closed",onPointerMove(f){if(f.pointerType!=="mouse"||ma(f.currentTarget)||!c)return;let P=je(f);i({type:"TRIGGER_POINTERMOVE",target:f.currentTarget,point:P})},onPointerLeave(f){if(ma(f.currentTarget)||f.pointerType!=="mouse"||!c)return;let S=je(f);i({type:"TRIGGER_POINTERLEAVE",target:f.currentTarget,point:S})},onPointerDown(f){ma(f.currentTarget)||hi(f)||f.preventDefault()},onClick(f){f.defaultPrevented||ma(f.currentTarget)||i({type:"TRIGGER_CLICK",target:f.currentTarget})},onBlur(){i({type:"TRIGGER_BLUR"})},onFocus(){i({type:"TRIGGER_FOCUS"})},onKeyDown(f){if(f.defaultPrevented)return;let S={ArrowDown(){i({type:"ARROW_DOWN"})},ArrowUp(){i({type:"ARROW_UP"})},Enter(){i({type:"ARROW_DOWN",src:"enter"})},Space(){i({type:"ARROW_DOWN",src:"space"})}},P=ge(f,{orientation:"vertical",dir:a("dir")}),V=S[P];V&&(f.preventDefault(),V(f))}}))},getIndicatorProps(){return t.element(y(g({},Be.indicator.attrs),{dir:a("dir"),"data-state":l?"open":"closed"}))},getPositionerProps(){return t.element(y(g({},Be.positioner.attrs),{dir:a("dir"),id:Gg(o),style:v.floating}))},getArrowProps(){return t.element(y(g({id:ZS(o)},Be.arrow.attrs),{dir:a("dir"),style:v.arrow}))},getArrowTipProps(){return t.element(y(g({},Be.arrowTip.attrs),{dir:a("dir"),style:v.arrowTip}))},getContentProps(){return t.element(y(g({},Be.content.attrs),{id:Gi(o),"aria-label":a("aria-label"),hidden:!l,"data-state":l?"open":"closed",role:h?"menu":"dialog",tabIndex:0,dir:a("dir"),"aria-activedescendant":s("highlightedId")||void 0,"aria-labelledby":va(o),"data-placement":m,onPointerEnter(f){f.pointerType==="mouse"&&i({type:"MENU_POINTERENTER"})},onKeyDown(f){if(f.defaultPrevented||!ce(f.currentTarget,j(f)))return;let S=j(f);if(!((S==null?void 0:S.closest("[role=menu]"))===f.currentTarget||S===f.currentTarget))return;if(f.key==="Tab"&&!ds(f)){f.preventDefault();return}let V={ArrowDown(){i({type:"ARROW_DOWN"})},ArrowUp(){i({type:"ARROW_UP"})},ArrowLeft(){i({type:"ARROW_LEFT"})},ArrowRight(){i({type:"ARROW_RIGHT"})},Enter(){i({type:"ENTER"})},Space(k){var N;u?i({type:"TYPEAHEAD",key:k.key}):(N=V.Enter)==null||N.call(V,k)},Home(){i({type:"HOME"})},End(){i({type:"END"})}},A=ge(f,{dir:a("dir")}),x=V[A];if(x){x(f),f.stopPropagation(),f.preventDefault();return}a("typeahead")&&wc(f)&&(xe(f)||Ot(S)||(i({type:"TYPEAHEAD",key:f.key}),f.preventDefault()))}}))},getSeparatorProps(){return t.element(y(g({},Be.separator.attrs),{role:"separator",dir:a("dir"),"aria-orientation":"horizontal"}))},getItemState:I,getItemProps:b,getOptionItemState:w,getOptionItemProps(f){let{type:S,disabled:P,closeOnSelect:V}=f,A=T(f),x=w(f);return g(g({},b(A)),t.element(y(g({"data-type":S},Be.item.attrs),{dir:a("dir"),"data-value":A.value,role:`menuitem${S}`,"aria-checked":!!x.checked,"data-state":x.checked?"checked":"unchecked",onClick(k){if(P||rr(k)||Fn(k))return;let N=k.currentTarget;i({type:"ITEM_CLICK",target:N,option:A,closeOnSelect:V})}})))},getItemIndicatorProps(f){let S=w(lo(f)),P=S.checked?"checked":"unchecked";return t.element(y(g({},Be.itemIndicator.attrs),{dir:a("dir"),"data-disabled":E(S.disabled),"data-highlighted":E(S.highlighted),"data-state":$e(f,"checked")?P:void 0,hidden:$e(f,"checked")?!S.checked:void 0}))},getItemTextProps(f){let S=w(lo(f)),P=S.checked?"checked":"unchecked";return t.element(y(g({},Be.itemText.attrs),{dir:a("dir"),"data-disabled":E(S.disabled),"data-highlighted":E(S.highlighted),"data-state":$e(f,"checked")?P:void 0}))},getItemGroupLabelProps(f){return t.element(y(g({},Be.itemGroupLabel.attrs),{id:Mg(o,f.htmlFor),dir:a("dir")}))},getItemGroupProps(f){return t.element(y(g({id:JS(o,f.id)},Be.itemGroup.attrs),{dir:a("dir"),"aria-labelledby":Mg(o,f.id),role:"group"}))}}}function Hg(e){let t=e.parent;for(;t&&t.context.get("isSubmenu");)t=t.refs.get("parent");t==null||t.send({type:"CLOSE"})}function cT(e,t){return e?fo(e,t):!1}function uT(e,t,n){let i=Object.keys(e).length>0;if(!t)return null;if(!i)return Rr(n,t);for(let r in e){let s=e[r],a=va(s.scope);if(a===t)return a}return Rr(n,t)}var XS,Be,va,_g,Gi,ZS,Gg,JS,Rr,ei,Mg,cn,Fg,fa,QS,wl,Dr,eT,tT,xl,nT,iT,rT,ma,$g,Vl,pt,_i,oT,lT,dT,cA,hT,uA,gT,dA,pT,hA,fT,gA,Bg,mT,qg=re(()=>{"use strict";Cs();Pr();Wn();tn();se();XS=U("menu").parts("arrow","arrowTip","content","contextTrigger","indicator","item","itemGroup","itemGroupLabel","itemIndicator","itemText","positioner","separator","trigger","triggerItem"),Be=XS.build(),va=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`menu:${e.id}:trigger`},_g=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.contextTrigger)!=null?n:`menu:${e.id}:ctx-trigger`},Gi=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`menu:${e.id}:content`},ZS=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.arrow)!=null?n:`menu:${e.id}:arrow`},Gg=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`menu:${e.id}:popper`},JS=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.group)==null?void 0:i.call(n,t))!=null?r:`menu:${e.id}:group:${t}`},Rr=(e,t)=>`${e.id}/${t}`,ei=e=>{var t;return(t=e==null?void 0:e.dataset.value)!=null?t:null},Mg=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.groupLabel)==null?void 0:i.call(n,t))!=null?r:`menu:${e.id}:group-label:${t}`},cn=e=>e.getById(Gi(e)),Fg=e=>e.getById(Gg(e)),fa=e=>e.getById(va(e)),QS=(e,t)=>t?e.getById(Rr(e,t)):null,wl=e=>e.getById(_g(e)),Dr=e=>{let n=`[role^="menuitem"][data-ownedby=${CSS.escape(Gi(e))}]:not([data-disabled])`;return Fe(cn(e),n)},eT=e=>lt(Dr(e)),tT=e=>mt(Dr(e)),xl=(e,t)=>t?e.id===t||e.dataset.value===t:!1,nT=(e,t)=>{var r;let n=Dr(e),i=n.findIndex(s=>xl(s,t.value));return _c(n,i,{loop:(r=t.loop)!=null?r:t.loopFocus})},iT=(e,t)=>{var r;let n=Dr(e),i=n.findIndex(s=>xl(s,t.value));return Gc(n,i,{loop:(r=t.loop)!=null?r:t.loopFocus})},rT=(e,t)=>{var r;let n=Dr(e),i=n.find(s=>xl(s,t.value));return Ue(n,{state:t.typeaheadState,key:t.key,activeId:(r=i==null?void 0:i.id)!=null?r:null})},ma=e=>le(e)&&(e.dataset.disabled===""||e.hasAttribute("disabled")),$g=e=>{var t;return!!((t=e==null?void 0:e.getAttribute("role"))!=null&&t.startsWith("menuitem"))&&!!(e!=null&&e.hasAttribute("data-controls"))},Vl="menu:select";({not:pt,and:_i,or:oT}=Ee()),lT={props({props:e}){return y(g({closeOnSelect:!0,typeahead:!0,composite:!0,loopFocus:!1,navigate(t){mi(t.node)}},e),{positioning:g({placement:"bottom-start",gutter:8},e.positioning)})},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"idle"},context({bindable:e,prop:t}){return{suspendPointer:e(()=>({defaultValue:!1})),highlightedValue:e(()=>({defaultValue:t("defaultHighlightedValue")||null,value:t("highlightedValue"),onChange(n){var i;(i=t("onHighlightChange"))==null||i({highlightedValue:n})}})),lastHighlightedValue:e(()=>({defaultValue:null})),currentPlacement:e(()=>({defaultValue:void 0})),intentPolygon:e(()=>({defaultValue:null})),anchorPoint:e(()=>({defaultValue:null,hash(n){return`x: ${n==null?void 0:n.x}, y: ${n==null?void 0:n.y}`}})),isSubmenu:e(()=>({defaultValue:!1}))}},refs(){return{parent:null,children:{},typeaheadState:g({},Ue.defaultOptions),positioningOverride:{}}},computed:{isRtl:({prop:e})=>e("dir")==="rtl",isTypingAhead:({refs:e})=>e.get("typeaheadState").keysSoFar!=="",highlightedId:({context:e,scope:t,refs:n})=>uT(n.get("children"),e.get("highlightedValue"),t)},watch({track:e,action:t,context:n,prop:i}){e([()=>n.get("isSubmenu")],()=>{t(["setSubmenuPlacement"])}),e([()=>n.hash("anchorPoint")],()=>{n.get("anchorPoint")&&t(["reposition"])}),e([()=>i("open")],()=>{t(["toggleVisibility"])})},on:{"PARENT.SET":{actions:["setParentMenu"]},"CHILD.SET":{actions:["setChildMenu"]},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],OPEN_AUTOFOCUS:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightFirstItem","invokeOnOpen"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"HIGHLIGHTED.RESTORE":{actions:["restoreHighlightedItem"]},"HIGHLIGHTED.SET":{actions:["setHighlightedItem"]}},states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},CONTEXT_MENU_START:{target:"opening:contextmenu",actions:["setAnchorPoint"]},CONTEXT_MENU:[{guard:"isOpenControlled",actions:["setAnchorPoint","invokeOnOpen"]},{target:"open",actions:["setAnchorPoint","invokeOnOpen"]}],TRIGGER_CLICK:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TRIGGER_FOCUS:{guard:pt("isSubmenu"),target:"closed"},TRIGGER_POINTERMOVE:{guard:"isSubmenu",target:"opening"}}},"opening:contextmenu":{tags:["closed"],effects:["waitForLongPress"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},CONTEXT_MENU_CANCEL:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"LONG_PRESS.OPEN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}},opening:{tags:["closed"],effects:["waitForOpenDelay"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},BLUR:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_POINTERLEAVE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"DELAY.OPEN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}},closing:{tags:["open"],effects:["trackPointerMove","trackInteractOutside","waitForCloseDelay"],on:{"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem"]},MENU_POINTERENTER:{target:"open",actions:["clearIntentPolygon"]},POINTER_MOVED_AWAY_FROM_SUBMENU:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem"]}],"DELAY.CLOSE":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["focusParentMenu","restoreParentHighlightedItem","invokeOnClose"]}]}},closed:{tags:["closed"],entry:["clearHighlightedItem","focusTrigger","resumePointer","clearAnchorPoint"],on:{"CONTROLLED.OPEN":[{guard:oT("isOpenAutoFocusEvent","isArrowDownEvent"),target:"open",actions:["highlightFirstItem"]},{guard:"isArrowUpEvent",target:"open",actions:["highlightLastItem"]},{target:"open"}],CONTEXT_MENU_START:{target:"opening:contextmenu",actions:["setAnchorPoint"]},CONTEXT_MENU:[{guard:"isOpenControlled",actions:["setAnchorPoint","invokeOnOpen"]},{target:"open",actions:["setAnchorPoint","invokeOnOpen"]}],TRIGGER_CLICK:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TRIGGER_POINTERMOVE:{guard:"isTriggerItem",target:"opening"},TRIGGER_BLUR:{target:"idle"},ARROW_DOWN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightFirstItem","invokeOnOpen"]}],ARROW_UP:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["highlightLastItem","invokeOnOpen"]}]}},open:{tags:["open"],effects:["trackInteractOutside","trackPositioning","scrollToHighlightedItem"],entry:["focusMenu","resumePointer"],on:{"CONTROLLED.CLOSE":[{target:"closed",guard:"isArrowLeftEvent",actions:["focusParentMenu"]},{target:"closed"}],TRIGGER_CLICK:[{guard:_i(pt("isTriggerItem"),"isOpenControlled"),actions:["invokeOnClose"]},{guard:pt("isTriggerItem"),target:"closed",actions:["invokeOnClose"]}],CONTEXT_MENU:{actions:["setAnchorPoint","focusMenu"]},ARROW_UP:{actions:["highlightPrevItem","focusMenu"]},ARROW_DOWN:{actions:["highlightNextItem","focusMenu"]},ARROW_LEFT:[{guard:_i("isSubmenu","isOpenControlled"),actions:["invokeOnClose"]},{guard:"isSubmenu",target:"closed",actions:["focusParentMenu","invokeOnClose"]}],HOME:{actions:["highlightFirstItem","focusMenu"]},END:{actions:["highlightLastItem","focusMenu"]},ARROW_RIGHT:{guard:"isTriggerItemHighlighted",actions:["openSubmenu"]},ENTER:[{guard:"isTriggerItemHighlighted",actions:["openSubmenu"]},{actions:["clickHighlightedItem"]}],ITEM_POINTERMOVE:[{guard:pt("isPointerSuspended"),actions:["setHighlightedItem","focusMenu","closeSiblingMenus"]},{actions:["setLastHighlightedItem","closeSiblingMenus"]}],ITEM_POINTERLEAVE:{guard:_i(pt("isPointerSuspended"),pt("isTriggerItem")),actions:["clearHighlightedItem"]},ITEM_CLICK:[{guard:_i(pt("isTriggerItemHighlighted"),pt("isHighlightedItemEditable"),"closeOnSelect","isOpenControlled"),actions:["invokeOnSelect","setOptionState","closeRootMenu","invokeOnClose"]},{guard:_i(pt("isTriggerItemHighlighted"),pt("isHighlightedItemEditable"),"closeOnSelect"),target:"closed",actions:["invokeOnSelect","setOptionState","closeRootMenu","invokeOnClose"]},{guard:_i(pt("isTriggerItemHighlighted"),pt("isHighlightedItemEditable")),actions:["invokeOnSelect","setOptionState"]},{actions:["setHighlightedItem"]}],TRIGGER_POINTERMOVE:{guard:"isTriggerItem",actions:["setIntentPolygon"]},TRIGGER_POINTERLEAVE:{target:"closing",actions:["setIntentPolygon"]},ITEM_POINTERDOWN:{actions:["setHighlightedItem"]},TYPEAHEAD:{actions:["highlightMatchedItem"]},FOCUS_MENU:{actions:["focusMenu"]},"POSITIONING.SET":{actions:["reposition"]}}}},implementations:{guards:{closeOnSelect:({prop:e,event:t})=>{var n;return!!((n=t==null?void 0:t.closeOnSelect)!=null?n:e("closeOnSelect"))},isTriggerItem:({event:e})=>$g(e.target),isTriggerItemHighlighted:({event:e,scope:t,computed:n})=>{var r;let i=(r=e.target)!=null?r:t.getById(n("highlightedId"));return!!(i!=null&&i.hasAttribute("data-controls"))},isSubmenu:({context:e})=>e.get("isSubmenu"),isPointerSuspended:({context:e})=>e.get("suspendPointer"),isHighlightedItemEditable:({scope:e,computed:t})=>Ot(e.getById(t("highlightedId"))),isOpenControlled:({prop:e})=>e("open")!==void 0,isArrowLeftEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_LEFT"},isArrowUpEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_UP"},isArrowDownEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="ARROW_DOWN"},isOpenAutoFocusEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="OPEN_AUTOFOCUS"}},effects:{waitForOpenDelay({send:e}){let t=setTimeout(()=>{e({type:"DELAY.OPEN"})},200);return()=>clearTimeout(t)},waitForCloseDelay({send:e}){let t=setTimeout(()=>{e({type:"DELAY.CLOSE"})},100);return()=>clearTimeout(t)},waitForLongPress({send:e}){let t=setTimeout(()=>{e({type:"LONG_PRESS.OPEN"})},700);return()=>clearTimeout(t)},trackPositioning({context:e,prop:t,scope:n,refs:i}){if(wl(n))return;let r=g(g({},t("positioning")),i.get("positioningOverride"));e.set("currentPlacement",r.placement);let s=()=>Fg(n);return It(fa(n),s,y(g({},r),{defer:!0,onComplete(a){e.set("currentPlacement",a.placement)}}))},trackInteractOutside({refs:e,scope:t,prop:n,context:i,send:r}){let s=()=>cn(t),a=!0;return Ft(s,{type:"menu",defer:!0,exclude:[fa(t)],onInteractOutside:n("onInteractOutside"),onRequestDismiss:n("onRequestDismiss"),onFocusOutside(o){var u;(u=n("onFocusOutside"))==null||u(o);let l=j(o.detail.originalEvent);if(ce(wl(t),l)){o.preventDefault();return}},onEscapeKeyDown(o){var l;(l=n("onEscapeKeyDown"))==null||l(o),i.get("isSubmenu")&&o.preventDefault(),Hg({parent:e.get("parent")})},onPointerDownOutside(o){var u;(u=n("onPointerDownOutside"))==null||u(o);let l=j(o.detail.originalEvent);if(ce(wl(t),l)&&o.detail.contextmenu){o.preventDefault();return}a=!o.detail.focusable},onDismiss(){r({type:"CLOSE",src:"interact-outside",restoreFocus:a})}})},trackPointerMove({context:e,scope:t,send:n,refs:i,flush:r}){let s=i.get("parent");r(()=>{s.context.set("suspendPointer",!0)});let a=t.getDoc();return ee(a,"pointermove",o=>{cT(e.get("intentPolygon"),{x:o.clientX,y:o.clientY})||(n({type:"POINTER_MOVED_AWAY_FROM_SUBMENU"}),s.context.set("suspendPointer",!1))})},scrollToHighlightedItem({event:e,scope:t,computed:n}){let i=()=>{if(e.current().type.startsWith("ITEM_POINTER"))return;let s=t.getById(n("highlightedId")),a=cn(t);Xt(s,{rootEl:a,block:"nearest"})};return H(()=>i()),ot(()=>cn(t),{defer:!0,attributes:["aria-activedescendant"],callback:i})}},actions:{setAnchorPoint({context:e,event:t}){e.set("anchorPoint",n=>fe(n,t.point)?n:t.point)},setSubmenuPlacement({context:e,computed:t,refs:n}){if(!e.get("isSubmenu"))return;let i=t("isRtl")?"left-start":"right-start";n.set("positioningOverride",{placement:i,gutter:0})},reposition({context:e,scope:t,prop:n,event:i,refs:r}){var c;let s=()=>Fg(t),a=e.get("anchorPoint"),o=a?()=>g({width:0,height:0},a):void 0,l=g(g({},n("positioning")),r.get("positioningOverride"));It(fa(t),s,y(g(y(g({},l),{defer:!0,getAnchorRect:o}),(c=i.options)!=null?c:{}),{listeners:!1,onComplete(u){e.set("currentPlacement",u.placement)}}))},setOptionState({event:e}){if(!e.option)return;let{checked:t,onCheckedChange:n,type:i}=e.option;i==="radio"?n==null||n(!0):i==="checkbox"&&(n==null||n(!t))},clickHighlightedItem({scope:e,computed:t,prop:n,context:i}){var a;let r=e.getById(t("highlightedId"));if(!r||r.dataset.disabled)return;let s=i.get("highlightedValue");st(r)?(a=n("navigate"))==null||a({value:s,node:r,href:r.href}):queueMicrotask(()=>r.click())},setIntentPolygon({context:e,scope:t,event:n}){let i=cn(t),r=e.get("currentPlacement");if(!i||!r)return;let s=i.getBoundingClientRect(),a=Su(s,r);if(!a)return;let l=Md(r)==="right"?-5:5;e.set("intentPolygon",[y(g({},n.point),{x:n.point.x+l}),...a])},clearIntentPolygon({context:e}){e.set("intentPolygon",null)},clearAnchorPoint({context:e}){e.set("anchorPoint",null)},resumePointer({refs:e,flush:t}){let n=e.get("parent");n&&t(()=>{n.context.set("suspendPointer",!1)})},setHighlightedItem({context:e,event:t}){let n=t.value||ei(t.target);e.set("highlightedValue",n)},clearHighlightedItem({context:e}){e.set("highlightedValue",null)},focusMenu({scope:e}){H(()=>{let t=cn(e),n=us({root:t,enabled:!ce(t,e.getActiveElement()),filter(i){var r;return!((r=i.role)!=null&&r.startsWith("menuitem"))}});n==null||n.focus({preventScroll:!0})})},highlightFirstItem({context:e,scope:t}){(cn(t)?queueMicrotask:H)(()=>{let i=eT(t);i&&e.set("highlightedValue",ei(i))})},highlightLastItem({context:e,scope:t}){(cn(t)?queueMicrotask:H)(()=>{let i=tT(t);i&&e.set("highlightedValue",ei(i))})},highlightNextItem({context:e,scope:t,event:n,prop:i}){let r=nT(t,{loop:n.loop,value:e.get("highlightedValue"),loopFocus:i("loopFocus")});e.set("highlightedValue",ei(r))},highlightPrevItem({context:e,scope:t,event:n,prop:i}){let r=iT(t,{loop:n.loop,value:e.get("highlightedValue"),loopFocus:i("loopFocus")});e.set("highlightedValue",ei(r))},invokeOnSelect({context:e,prop:t,scope:n}){var s;let i=e.get("highlightedValue");if(i==null)return;let r=QS(n,i);sT(r,i),(s=t("onSelect"))==null||s({value:i})},focusTrigger({scope:e,context:t,event:n}){t.get("isSubmenu")||t.get("anchorPoint")||n.restoreFocus===!1||queueMicrotask(()=>{var i;return(i=fa(e))==null?void 0:i.focus({preventScroll:!0})})},highlightMatchedItem({scope:e,context:t,event:n,refs:i}){let r=rT(e,{key:n.key,value:t.get("highlightedValue"),typeaheadState:i.get("typeaheadState")});r&&t.set("highlightedValue",ei(r))},setParentMenu({refs:e,event:t,context:n}){e.set("parent",t.value),n.set("isSubmenu",!0)},setChildMenu({refs:e,event:t}){let n=e.get("children");n[t.id]=t.value,e.set("children",n)},closeSiblingMenus({refs:e,event:t,scope:n}){var a;let i=t.target;if(!$g(i))return;let r=i==null?void 0:i.getAttribute("data-uid"),s=e.get("children");for(let o in s){if(o===r)continue;let l=s[o],c=l.context.get("intentPolygon");c&&t.point&&fo(c,t.point)||((a=cn(n))==null||a.focus({preventScroll:!0}),l.send({type:"CLOSE"}))}},closeRootMenu({refs:e}){Hg({parent:e.get("parent")})},openSubmenu({refs:e,scope:t,computed:n}){let i=t.getById(n("highlightedId")),r=i==null?void 0:i.getAttribute("data-uid"),s=e.get("children"),a=r?s[r]:null;a==null||a.send({type:"OPEN_AUTOFOCUS"})},focusParentMenu({refs:e}){var t;(t=e.get("parent"))==null||t.send({type:"FOCUS_MENU"})},setLastHighlightedItem({context:e,event:t}){e.set("lastHighlightedValue",ei(t.target))},restoreHighlightedItem({context:e}){e.get("lastHighlightedValue")&&(e.set("highlightedValue",e.get("lastHighlightedValue")),e.set("lastHighlightedValue",null))},restoreParentHighlightedItem({refs:e}){var t;(t=e.get("parent"))==null||t.send({type:"HIGHLIGHTED.RESTORE"})},invokeOnOpen({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!0})},invokeOnClose({prop:e}){var t;(t=e("onOpenChange"))==null||t({open:!1})},toggleVisibility({prop:e,event:t,send:n}){n({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:t})}}}};dT=_()(["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","dir","getRootNode","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onRequestDismiss","onSelect","open","positioning","typeahead"]),cA=B(dT),hT=_()(["closeOnSelect","disabled","value","valueText"]),uA=B(hT),gT=_()(["htmlFor"]),dA=B(gT),pT=_()(["id"]),hA=B(pT),fT=_()(["checked","closeOnSelect","disabled","onCheckedChange","type","value","valueText"]),gA=B(fT),Bg=class extends K{constructor(){super(...arguments);z(this,"children",[])}initMachine(t){return new W(lT,t)}initApi(){return aT(this.machine.service,q)}setChild(t){this.api.setChild(t.machine.service),this.children.includes(t)||this.children.push(t)}setParent(t){this.api.setParent(t.machine.service)}isOwnElement(t){return t.closest('[phx-hook="Menu"]')===this.el}renderSubmenuTriggers(){let t=this.el.querySelector('[data-scope="menu"][data-part="content"]');if(!t)return;let n=t.querySelectorAll('[data-scope="menu"][data-nested-menu]');for(let i of n){if(!this.isOwnElement(i))continue;let r=i.dataset.nestedMenu;if(!r)continue;let s=this.children.find(o=>o.el.id===`menu:${r}`);if(!s)continue;let a=()=>{let o=this.api.getTriggerItemProps(s.api);this.spreadProps(i,o)};a(),this.machine.subscribe(a),s.machine.subscribe(a)}}render(){let t=this.el.querySelector('[data-scope="menu"][data-part="trigger"]');t&&this.spreadProps(t,this.api.getTriggerProps());let n=this.el.querySelector('[data-scope="menu"][data-part="positioner"]'),i=this.el.querySelector('[data-scope="menu"][data-part="content"]');if(n&&i){this.spreadProps(n,this.api.getPositionerProps()),this.spreadProps(i,this.api.getContentProps()),i.style.pointerEvents="auto",n.hidden=!this.api.open;let s=!this.el.querySelector('[data-scope="menu"][data-part="trigger"]');(this.api.open||s)&&(i.querySelectorAll('[data-scope="menu"][data-part="item"]').forEach(u=>{if(!this.isOwnElement(u))return;let h=u.dataset.value;if(h){let m=u.hasAttribute("data-disabled");this.spreadProps(u,this.api.getItemProps({value:h,disabled:m||void 0}))}}),i.querySelectorAll('[data-scope="menu"][data-part="item-group"]').forEach(u=>{if(!this.isOwnElement(u))return;let h=u.id;h&&this.spreadProps(u,this.api.getItemGroupProps({id:h}))}),i.querySelectorAll('[data-scope="menu"][data-part="separator"]').forEach(u=>{this.isOwnElement(u)&&this.spreadProps(u,this.api.getSeparatorProps())}))}let r=this.el.querySelector('[data-scope="menu"][data-part="indicator"]');r&&this.spreadProps(r,this.api.getIndicatorProps())}},mT={mounted(){let e=this.el;if(e.hasAttribute("data-nested"))return;let t=this.pushEvent.bind(this),n=()=>{var a;return(a=this.liveSocket)==null?void 0:a.main},i=new Bg(e,y(g({id:e.id.replace("menu:","")},C(e,"controlled")?{open:C(e,"open")}:{defaultOpen:C(e,"defaultOpen")}),{closeOnSelect:C(e,"closeOnSelect"),loopFocus:C(e,"loopFocus"),typeahead:C(e,"typeahead"),composite:C(e,"composite"),dir:O(e,"dir",["ltr","rtl"]),onSelect:a=>{var v,I,T;let o=C(e,"redirect"),l=[...e.querySelectorAll('[data-scope="menu"][data-part="item"]')].find(w=>w.getAttribute("data-value")===a.value),c=l==null?void 0:l.getAttribute("data-redirect"),u=l==null?void 0:l.hasAttribute("data-new-tab"),h=n();o&&a.value&&((v=h==null?void 0:h.isDead)!=null?v:!0)&&c!=="false"&&(u?window.open(a.value,"_blank","noopener,noreferrer"):window.location.href=a.value);let d=O(e,"onSelect");d&&h&&!h.isDead&&h.isConnected()&&t(d,{id:e.id,value:(I=a.value)!=null?I:null});let p=O(e,"onSelectClient");p&&e.dispatchEvent(new CustomEvent(p,{bubbles:!0,detail:{id:e.id,value:(T=a.value)!=null?T:null}}))},onOpenChange:a=>{var u,h;let o=n(),l=O(e,"onOpenChange");l&&o&&!o.isDead&&o.isConnected()&&t(l,{id:e.id,open:(u=a.open)!=null?u:!1});let c=O(e,"onOpenChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:!0,detail:{id:e.id,open:(h=a.open)!=null?h:!1}}))}}));i.init(),this.menu=i,this.nestedMenus=new Map;let r=e.querySelectorAll('[data-scope="menu"][data-nested="menu"]'),s=[];r.forEach((a,o)=>{var c;let l=a.id;if(l){let u=`${l}-${o}`,h=new Bg(a,{id:u,dir:O(a,"dir",["ltr","rtl"]),closeOnSelect:C(a,"closeOnSelect"),loopFocus:C(a,"loopFocus"),typeahead:C(a,"typeahead"),composite:C(a,"composite"),onSelect:m=>{var S,P,V;let d=C(e,"redirect"),p=[...e.querySelectorAll('[data-scope="menu"][data-part="item"]')].find(A=>A.getAttribute("data-value")===m.value),v=p==null?void 0:p.getAttribute("data-redirect"),I=p==null?void 0:p.hasAttribute("data-new-tab"),T=n();d&&m.value&&((S=T==null?void 0:T.isDead)!=null?S:!0)&&v!=="false"&&(I?window.open(m.value,"_blank","noopener,noreferrer"):window.location.href=m.value);let b=O(e,"onSelect");b&&T&&!T.isDead&&T.isConnected()&&t(b,{id:e.id,value:(P=m.value)!=null?P:null});let f=O(e,"onSelectClient");f&&e.dispatchEvent(new CustomEvent(f,{bubbles:!0,detail:{id:e.id,value:(V=m.value)!=null?V:null}}))}});h.init(),(c=this.nestedMenus)==null||c.set(l,h),s.push(h)}}),setTimeout(()=>{s.forEach(a=>{this.menu&&(this.menu.setChild(a),a.setParent(this.menu))}),this.menu&&this.menu.children.length>0&&this.menu.renderSubmenuTriggers()},0),this.onSetOpen=a=>{let{open:o}=a.detail;i.api.open!==o&&i.api.setOpen(o)},e.addEventListener("phx:menu:set-open",this.onSetOpen),this.handlers=[],this.handlers.push(this.handleEvent("menu_set_open",a=>{let o=a.menu_id;(!o||e.id===o||e.id===`menu:${o}`)&&i.api.setOpen(a.open)})),this.handlers.push(this.handleEvent("menu_open",()=>{this.pushEvent("menu_open_response",{open:i.api.open})}))},updated(){var e;this.el.hasAttribute("data-nested")||(e=this.menu)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{open:C(this.el,"open")}:{defaultOpen:C(this.el,"defaultOpen")}),{closeOnSelect:C(this.el,"closeOnSelect"),loopFocus:C(this.el,"loopFocus"),typeahead:C(this.el,"typeahead"),composite:C(this.el,"composite"),dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(!this.el.hasAttribute("data-nested")){if(this.onSetOpen&&this.el.removeEventListener("phx:menu:set-open",this.onSetOpen),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);if(this.nestedMenus)for(let[,t]of this.nestedMenus)t.destroy();(e=this.menu)==null||e.destroy()}}}});var rp={};he(rp,{NumberInput:()=>zT});function yT(e,t={}){let{numberingSystem:n}=t;if(n&&e.includes("-nu-")&&(e.includes("-u-")||(e+="-u-"),e+=`-nu-${n}`),t.style==="unit"&&!ya){var i;let{unit:a,unitDisplay:o="short"}=t;if(!a)throw new Error('unit option must be provided with style: "unit"');if(!(!((i=Jg[a])===null||i===void 0)&&i[o]))throw new Error(`Unsupported unit ${a} with unitDisplay = ${o}`);t=y(g({},t),{style:"decimal"})}let r=e+(t?Object.entries(t).sort((a,o)=>a[0]<o[0]?-1:1).join():"");if(Al.has(r))return Al.get(r);let s=new Intl.NumberFormat(e,t);return Al.set(r,s),s}function bT(e,t,n){if(t==="auto")return e.format(n);if(t==="never")return e.format(Math.abs(n));{let i=!1;if(t==="always"?i=n>0||Object.is(n,0):t==="exceptZero"&&(Object.is(n,-0)||Object.is(n,0)?n=Math.abs(n):i=n>0),i){let r=e.format(-n),s=e.format(n),a=r.replace(s,"").replace(/\u200e|\u061C/,"");return[...a].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),r.replace(s,"!!!").replace(a,"+").replace("!!!",s)}else return e.format(n)}}function kl(e,t,n){let i=Kg(e,t);if(!e.includes("-nu-")&&!i.isValidPartialNumber(n)){for(let r of IT)if(r!==i.options.numberingSystem){let s=Kg(e+(e.includes("-u-")?"-nu-":"-u-nu-")+r,t);if(s.isValidPartialNumber(n))return s}}return i}function Kg(e,t){let n=e+(t?Object.entries(t).sort((r,s)=>r[0]<s[0]?-1:1).join():""),i=Wg.get(n);return i||(i=new PT(e,t),Wg.set(n,i)),i}function ST(e,t,n,i){var r,s,a,o;let l=new Intl.NumberFormat(e,y(g({},n),{minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"})),c=l.formatToParts(-10000.111),u=l.formatToParts(10000.111),h=CT.map(k=>l.formatToParts(k));var m;let d=(m=(r=c.find(k=>k.type==="minusSign"))===null||r===void 0?void 0:r.value)!==null&&m!==void 0?m:"-",p=(s=u.find(k=>k.type==="plusSign"))===null||s===void 0?void 0:s.value;!p&&((i==null?void 0:i.signDisplay)==="exceptZero"||(i==null?void 0:i.signDisplay)==="always")&&(p="+");let I=(a=new Intl.NumberFormat(e,y(g({},n),{minimumFractionDigits:2,maximumFractionDigits:2})).formatToParts(.001).find(k=>k.type==="decimal"))===null||a===void 0?void 0:a.value,T=(o=c.find(k=>k.type==="group"))===null||o===void 0?void 0:o.value,w=c.filter(k=>!zg.has(k.type)).map(k=>Yg(k.value)),b=h.flatMap(k=>k.filter(N=>!zg.has(N.type)).map(N=>Yg(N.value))),f=[...new Set([...w,...b])].sort((k,N)=>N.length-k.length),S=f.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${f.join("|")}|[\\p{White_Space}]`,"gu"),P=[...new Intl.NumberFormat(n.locale,{useGrouping:!1}).format(9876543210)].reverse(),V=new Map(P.map((k,N)=>[k,N])),A=new RegExp(`[${P.join("")}]`,"g");return{minusSign:d,plusSign:p,decimal:I,group:T,literals:S,numeral:A,index:k=>String(V.get(k))}}function Ui(e,t,n){return e.replaceAll?e.replaceAll(t,n):e.split(t).join(n)}function Yg(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Dl(e,t){if(!(!e||!t.isActiveElement(e)))try{let{selectionStart:n,selectionEnd:i,value:r}=e;return n==null||i==null?void 0:{start:n,end:i,value:r}}catch(n){return}}function OT(e,t,n){if(!(!e||!n.isActiveElement(e))){if(!t){let i=e.value.length;e.setSelectionRange(i,i);return}try{let i=e.value,{start:r,end:s,value:a}=t;if(i===a){e.setSelectionRange(r,s);return}let o=jg(a,i,r),l=r===s?o:jg(a,i,s),c=Math.max(0,Math.min(o,i.length)),u=Math.max(c,Math.min(l,i.length));e.setSelectionRange(c,u)}catch(i){let r=e.value.length;e.setSelectionRange(r,r)}}}function jg(e,t,n){let i=e.slice(0,n),r=e.slice(n),s=0,a=Math.min(i.length,t.length);for(let c=0;c<a&&i[c]===t[c];c++)s=c+1;let o=0,l=Math.min(r.length,t.length-s);for(let c=0;c<l;c++){let u=r.length-1-c,h=t.length-1-c;if(r[u]===t[h])o=c+1;else break}if(i.length>0&&s>=i.length)return s;if(o>=r.length)return t.length-o;if(s>0)return s;if(o>0)return t.length-o;if(n===0&&s===0&&o===0)return t.length;if(e.length>0){let c=n/e.length;return Math.round(c*t.length)}return t.length}function FT(e,t){let{state:n,send:i,prop:r,scope:s,computed:a}=e,o=n.hasTag("focus"),l=a("isDisabled"),c=!!r("readOnly"),u=!!r("required"),h=n.matches("scrubbing"),m=a("isValueEmpty"),d=a("isOutOfRange")||!!r("invalid"),p=l||!a("canIncrement")||c,v=l||!a("canDecrement")||c,I=r("translations");return{focused:o,invalid:d,empty:m,value:a("formattedValue"),valueAsNumber:a("valueAsNumber"),setValue(T){i({type:"VALUE.SET",value:T})},clearValue(){i({type:"VALUE.CLEAR"})},increment(){i({type:"VALUE.INCREMENT"})},decrement(){i({type:"VALUE.DECREMENT"})},setToMax(){i({type:"VALUE.SET",value:r("max")})},setToMin(){i({type:"VALUE.SET",value:r("min")})},focus(){var T;(T=ni(s))==null||T.focus()},getRootProps(){return t.element(y(g({id:wT(s)},Vn.root.attrs),{dir:r("dir"),"data-disabled":E(l),"data-focus":E(o),"data-invalid":E(d),"data-scrubbing":E(h)}))},getLabelProps(){return t.label(y(g({},Vn.label.attrs),{dir:r("dir"),"data-disabled":E(l),"data-focus":E(o),"data-invalid":E(d),"data-required":E(u),"data-scrubbing":E(h),id:xT(s),htmlFor:Lr(s),onClick(){H(()=>{tr(ni(s))})}}))},getControlProps(){return t.element(y(g({},Vn.control.attrs),{dir:r("dir"),role:"group","aria-disabled":l,"data-focus":E(o),"data-disabled":E(l),"data-invalid":E(d),"data-scrubbing":E(h),"aria-invalid":X(d)}))},getValueTextProps(){return t.element(y(g({},Vn.valueText.attrs),{dir:r("dir"),"data-disabled":E(l),"data-invalid":E(d),"data-focus":E(o),"data-scrubbing":E(h)}))},getInputProps(){return t.input(y(g({},Vn.input.attrs),{dir:r("dir"),name:r("name"),form:r("form"),id:Lr(s),role:"spinbutton",defaultValue:a("formattedValue"),pattern:r("formatOptions")?void 0:r("pattern"),inputMode:r("inputMode"),"aria-invalid":X(d),"data-invalid":E(d),disabled:l,"data-disabled":E(l),readOnly:c,required:r("required"),autoComplete:"off",autoCorrect:"off",spellCheck:"false",type:"text","aria-roledescription":"numberfield","aria-valuemin":r("min"),"aria-valuemax":r("max"),"aria-valuenow":Number.isNaN(a("valueAsNumber"))?void 0:a("valueAsNumber"),"aria-valuetext":a("valueText"),"data-scrubbing":E(h),onFocus(){i({type:"INPUT.FOCUS"})},onBlur(){i({type:"INPUT.BLUR"})},onInput(T){let w=Dl(T.currentTarget,s);i({type:"INPUT.CHANGE",target:T.currentTarget,hint:"set",selection:w})},onBeforeInput(T){var w;try{let{selectionStart:b,selectionEnd:f,value:S}=T.currentTarget,P=S.slice(0,b)+((w=T.data)!=null?w:"")+S.slice(f);a("parser").isValidPartialNumber(P)||T.preventDefault()}catch(b){}},onKeyDown(T){if(T.defaultPrevented||c||Re(T))return;let w=gi(T)*r("step"),f={ArrowUp(){i({type:"INPUT.ARROW_UP",step:w}),T.preventDefault()},ArrowDown(){i({type:"INPUT.ARROW_DOWN",step:w}),T.preventDefault()},Home(){xe(T)||(i({type:"INPUT.HOME"}),T.preventDefault())},End(){xe(T)||(i({type:"INPUT.END"}),T.preventDefault())},Enter(S){let P=Dl(S.currentTarget,s);i({type:"INPUT.ENTER",selection:P})}}[T.key];f==null||f(T)}}))},getDecrementTriggerProps(){return t.button(y(g({},Vn.decrementTrigger.attrs),{dir:r("dir"),id:tp(s),disabled:v,"data-disabled":E(v),"aria-label":I.decrementLabel,type:"button",tabIndex:-1,"aria-controls":Lr(s),"data-scrubbing":E(h),onPointerDown(T){var w;v||pe(T)&&(i({type:"TRIGGER.PRESS_DOWN",hint:"decrement",pointerType:T.pointerType}),T.pointerType==="mouse"&&T.preventDefault(),T.pointerType==="touch"&&((w=T.currentTarget)==null||w.focus({preventScroll:!0})))},onPointerUp(T){i({type:"TRIGGER.PRESS_UP",hint:"decrement",pointerType:T.pointerType})},onPointerLeave(){v||i({type:"TRIGGER.PRESS_UP",hint:"decrement"})}}))},getIncrementTriggerProps(){return t.button(y(g({},Vn.incrementTrigger.attrs),{dir:r("dir"),id:ep(s),disabled:p,"data-disabled":E(p),"aria-label":I.incrementLabel,type:"button",tabIndex:-1,"aria-controls":Lr(s),"data-scrubbing":E(h),onPointerDown(T){var w;p||!pe(T)||(i({type:"TRIGGER.PRESS_DOWN",hint:"increment",pointerType:T.pointerType}),T.pointerType==="mouse"&&T.preventDefault(),T.pointerType==="touch"&&((w=T.currentTarget)==null||w.focus({preventScroll:!0})))},onPointerUp(T){i({type:"TRIGGER.PRESS_UP",hint:"increment",pointerType:T.pointerType})},onPointerLeave(T){i({type:"TRIGGER.PRESS_UP",hint:"increment",pointerType:T.pointerType})}}))},getScrubberProps(){return t.element(y(g({},Vn.scrubber.attrs),{dir:r("dir"),"data-disabled":E(l),id:VT(s),role:"presentation","data-scrubbing":E(h),onMouseDown(T){if(l||!pe(T))return;let w=je(T),f=ue(T.currentTarget).devicePixelRatio;w.x=w.x-Ci(7.5,f),w.y=w.y-Ci(7.5,f),i({type:"SCRUBBER.PRESS_DOWN",point:w}),T.preventDefault(),H(()=>{tr(ni(s))})},style:{cursor:l?void 0:"ew-resize"}}))}}}var Al,Rl,ya,Jg,vT,ET,IT,Qg,Wg,PT,zg,CT,TT,Vn,wT,Lr,ep,tp,VT,np,xT,ni,AT,kT,ip,NT,RT,DT,LT,MT,$T,HT,Nl,ti,BT,_T,GT,UT,Xg,Zg,qT,WT,vA,KT,zT,sp=re(()=>{"use strict";se();Al=new Map,Rl=!1;try{Rl=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch(e){}ya=!1;try{ya=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch(e){}Jg={degree:{narrow:{default:"\xB0","ja-JP":" \u5EA6","zh-TW":"\u5EA6","sl-SI":" \xB0"}}},vT=class{format(e){let t="";if(!Rl&&this.options.signDisplay!=null?t=bT(this.numberFormatter,this.options.signDisplay,e):t=this.numberFormatter.format(e),this.options.style==="unit"&&!ya){var n;let{unit:i,unitDisplay:r="short",locale:s}=this.resolvedOptions();if(!i)return t;let a=(n=Jg[i])===null||n===void 0?void 0:n[r];t+=a[s]||a.default}return t}formatToParts(e){return this.numberFormatter.formatToParts(e)}formatRange(e,t){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.format(e)} \u2013 ${this.format(t)}`}formatRangeToParts(e,t){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let n=this.numberFormatter.formatToParts(e),i=this.numberFormatter.formatToParts(t);return[...n.map(r=>y(g({},r),{source:"startRange"})),{type:"literal",value:" \u2013 ",source:"shared"},...i.map(r=>y(g({},r),{source:"endRange"}))]}resolvedOptions(){let e=this.numberFormatter.resolvedOptions();return!Rl&&this.options.signDisplay!=null&&(e=y(g({},e),{signDisplay:this.options.signDisplay})),!ya&&this.options.style==="unit"&&(e=y(g({},e),{style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay})),e}constructor(e,t={}){this.numberFormatter=yT(e,t),this.options=t}};ET=new RegExp("^.*\\(.*\\).*$"),IT=["latn","arab","hanidec","deva","beng","fullwide"],Qg=class{parse(e){return kl(this.locale,this.options,e).parse(e)}isValidPartialNumber(e,t,n){return kl(this.locale,this.options,e).isValidPartialNumber(e,t,n)}getNumberingSystem(e){return kl(this.locale,this.options,e).options.numberingSystem}constructor(e,t={}){this.locale=e,this.options=t}},Wg=new Map;PT=class{parse(e){let t=this.sanitize(e);if(this.symbols.group&&(t=Ui(t,this.symbols.group,"")),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(t=t.replace(this.symbols.minusSign,"-")),t=t.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let s=t.indexOf("-");t=t.replace("-",""),t=t.replace("+","");let a=t.indexOf(".");a===-1&&(a=t.length),t=t.replace(".",""),a-2===0?t=`0.${t}`:a-2===-1?t=`0.0${t}`:a-2===-2?t="0.00":t=`${t.slice(0,a-2)}.${t.slice(a-2)}`,s>-1&&(t=`-${t}`)}let n=t?+t:NaN;if(isNaN(n))return NaN;if(this.options.style==="percent"){var i,r;let s=y(g({},this.options),{style:"decimal",minimumFractionDigits:Math.min(((i=this.options.minimumFractionDigits)!==null&&i!==void 0?i:0)+2,20),maximumFractionDigits:Math.min(((r=this.options.maximumFractionDigits)!==null&&r!==void 0?r:0)+2,20)});return new Qg(this.locale,s).parse(new vT(this.locale,s).format(n))}return this.options.currencySign==="accounting"&&ET.test(e)&&(n=-1*n),n}sanitize(e){return e=e.replace(this.symbols.literals,""),this.symbols.minusSign&&(e=e.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(e=e.replace(",",this.symbols.decimal),e=e.replace("\u060C",this.symbols.decimal)),this.symbols.group&&(e=Ui(e,".",this.symbols.group))),this.symbols.group==="\u2019"&&e.includes("'")&&(e=Ui(e,"'",this.symbols.group)),this.options.locale==="fr-FR"&&this.symbols.group&&(e=Ui(e," ",this.symbols.group),e=Ui(e,/\u00A0/g,this.symbols.group)),e}isValidPartialNumber(e,t=-1/0,n=1/0){return e=this.sanitize(e),this.symbols.minusSign&&e.startsWith(this.symbols.minusSign)&&t<0?e=e.slice(this.symbols.minusSign.length):this.symbols.plusSign&&e.startsWith(this.symbols.plusSign)&&n>0&&(e=e.slice(this.symbols.plusSign.length)),this.symbols.group&&e.startsWith(this.symbols.group)||this.symbols.decimal&&e.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(e=Ui(e,this.symbols.group,"")),e=e.replace(this.symbols.numeral,""),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,"")),e.length===0)}constructor(e,t={}){this.locale=e,t.roundingIncrement!==1&&t.roundingIncrement!=null&&(t.maximumFractionDigits==null&&t.minimumFractionDigits==null?(t.maximumFractionDigits=0,t.minimumFractionDigits=0):t.maximumFractionDigits==null?t.maximumFractionDigits=t.minimumFractionDigits:t.minimumFractionDigits==null&&(t.minimumFractionDigits=t.maximumFractionDigits)),this.formatter=new Intl.NumberFormat(e,t),this.options=this.formatter.resolvedOptions(),this.symbols=ST(e,this.formatter,this.options,t);var n,i;this.options.style==="percent"&&(((n=this.options.minimumFractionDigits)!==null&&n!==void 0?n:0)>18||((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}},zg=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),CT=[0,4,2,1,11,20,3,7,100,21,.1,1.1];TT=U("numberInput").parts("root","label","input","control","valueText","incrementTrigger","decrementTrigger","scrubber"),Vn=TT.build();wT=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`number-input:${e.id}`},Lr=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`number-input:${e.id}:input`},ep=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.incrementTrigger)!=null?n:`number-input:${e.id}:inc`},tp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.decrementTrigger)!=null?n:`number-input:${e.id}:dec`},VT=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.scrubber)!=null?n:`number-input:${e.id}:scrubber`},np=e=>`number-input:${e.id}:cursor`,xT=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`number-input:${e.id}:label`},ni=e=>e.getById(Lr(e)),AT=e=>e.getById(ep(e)),kT=e=>e.getById(tp(e)),ip=e=>e.getDoc().getElementById(np(e)),NT=(e,t)=>{let n=null;return t==="increment"&&(n=AT(e)),t==="decrement"&&(n=kT(e)),n},RT=(e,t)=>{if(!Xe())return MT(e,t),()=>{var n;(n=ip(e))==null||n.remove()}},DT=e=>{let t=e.getDoc(),n=t.documentElement,i=t.body;return i.style.pointerEvents="none",n.style.userSelect="none",n.style.cursor="ew-resize",()=>{i.style.pointerEvents="",n.style.userSelect="",n.style.cursor="",n.style.length||n.removeAttribute("style"),i.style.length||i.removeAttribute("style")}},LT=(e,t)=>{let{point:n,isRtl:i,event:r}=t,s=e.getWin(),a=Ci(r.movementX,s.devicePixelRatio),o=Ci(r.movementY,s.devicePixelRatio),l=a>0?"increment":a<0?"decrement":null;i&&l==="increment"&&(l="decrement"),i&&l==="decrement"&&(l="increment");let c={x:n.x+a,y:n.y+o},u=s.innerWidth,h=Ci(7.5,s.devicePixelRatio);return c.x=Zc(c.x+h,u)-h,{hint:l,point:c}},MT=(e,t)=>{let n=e.getDoc(),i=n.createElement("div");i.className="scrubber--cursor",i.id=np(e),Object.assign(i.style,{width:"15px",height:"15px",position:"fixed",pointerEvents:"none",left:"0px",top:"0px",zIndex:ss,transform:t?`translate3d(${t.x}px, ${t.y}px, 0px)`:void 0,willChange:"transform"}),i.innerHTML=`
+      <svg width="46" height="15" style="left: -15.5px; position: absolute; top: 0; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 1.1px);">
+        <g transform="translate(2 3)">
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z" style="stroke-width: 2px; stroke: white;"></path>
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z"></path>
+        </g>
+      </svg>`,n.body.appendChild(i)};$T=(e,t={})=>new Intl.NumberFormat(e,t),HT=(e,t={})=>new Qg(e,t),Nl=(e,t)=>{let{prop:n,computed:i}=t;return n("formatOptions")?e===""?Number.NaN:i("parser").parse(e):parseFloat(e)},ti=(e,t)=>{let{prop:n,computed:i}=t;return Number.isNaN(e)?"":n("formatOptions")?i("formatter").format(e):e.toString()},BT=(e,t)=>{let n=e!==void 0&&!Number.isNaN(e)?e:1;return(t==null?void 0:t.style)==="percent"&&(e===void 0||Number.isNaN(e))&&(n=.01),n},{choose:_T,guards:GT,createMachine:UT}=ut(),{not:Xg,and:Zg}=GT,qT=UT({props({props:e}){let t=BT(e.step,e.formatOptions);return y(g({dir:"ltr",locale:"en-US",focusInputOnChange:!0,clampValueOnBlur:!e.allowOverflow,allowOverflow:!1,inputMode:"decimal",pattern:"-?[0-9]*(.[0-9]+)?",defaultValue:"",step:t,min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,spinOnPress:!0},e),{translations:g({incrementLabel:"increment value",decrementLabel:"decrease value"},e.translations)})},initialState(){return"idle"},context({prop:e,bindable:t,getComputed:n}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(i){var a;let r=n(),s=Nl(i,{computed:r,prop:e});(a=e("onValueChange"))==null||a({value:i,valueAsNumber:s})}})),hint:t(()=>({defaultValue:null})),scrubberCursorPoint:t(()=>({defaultValue:null,hash(i){return i?`x:${i.x}, y:${i.y}`:""}})),fieldsetDisabled:t(()=>({defaultValue:!1}))}},computed:{isRtl:({prop:e})=>e("dir")==="rtl",valueAsNumber:({context:e,computed:t,prop:n})=>Nl(e.get("value"),{computed:t,prop:n}),formattedValue:({computed:e,prop:t})=>ti(e("valueAsNumber"),{computed:e,prop:t}),isAtMin:({computed:e,prop:t})=>Qc(e("valueAsNumber"),t("min")),isAtMax:({computed:e,prop:t})=>Jc(e("valueAsNumber"),t("max")),isOutOfRange:({computed:e,prop:t})=>!Pi(e("valueAsNumber"),t("min"),t("max")),isValueEmpty:({context:e})=>e.get("value")==="",isDisabled:({prop:e,context:t})=>!!e("disabled")||t.get("fieldsetDisabled"),canIncrement:({prop:e,computed:t})=>e("allowOverflow")||!t("isAtMax"),canDecrement:({prop:e,computed:t})=>e("allowOverflow")||!t("isAtMin"),valueText:({prop:e,context:t})=>{var n,i;return(i=(n=e("translations")).valueText)==null?void 0:i.call(n,t.get("value"))},formatter:Bn(({prop:e})=>[e("locale"),e("formatOptions")],([e,t])=>$T(e,t)),parser:Bn(({prop:e})=>[e("locale"),e("formatOptions")],([e,t])=>HT(e,t))},watch({track:e,action:t,context:n,computed:i,prop:r}){e([()=>n.get("value"),()=>r("locale"),()=>JSON.stringify(r("formatOptions"))],()=>{t(["syncInputElement"])}),e([()=>i("isOutOfRange")],()=>{t(["invokeOnInvalid"])}),e([()=>n.hash("scrubberCursorPoint")],()=>{t(["setVirtualCursorPosition"])})},effects:["trackFormControl"],on:{"VALUE.SET":{actions:["setRawValue"]},"VALUE.CLEAR":{actions:["clearValue"]},"VALUE.INCREMENT":{actions:["increment"]},"VALUE.DECREMENT":{actions:["decrement"]}},states:{idle:{on:{"TRIGGER.PRESS_DOWN":[{guard:"isTouchPointer",target:"before:spin",actions:["setHint"]},{target:"before:spin",actions:["focusInput","invokeOnFocus","setHint"]}],"SCRUBBER.PRESS_DOWN":{target:"scrubbing",actions:["focusInput","invokeOnFocus","setHint","setCursorPoint"]},"INPUT.FOCUS":{target:"focused",actions:["focusInput","invokeOnFocus"]}}},focused:{tags:["focus"],effects:["attachWheelListener"],on:{"TRIGGER.PRESS_DOWN":[{guard:"isTouchPointer",target:"before:spin",actions:["setHint"]},{target:"before:spin",actions:["focusInput","setHint"]}],"SCRUBBER.PRESS_DOWN":{target:"scrubbing",actions:["focusInput","setHint","setCursorPoint"]},"INPUT.ARROW_UP":{actions:["increment"]},"INPUT.ARROW_DOWN":{actions:["decrement"]},"INPUT.HOME":{actions:["decrementToMin"]},"INPUT.END":{actions:["incrementToMax"]},"INPUT.CHANGE":{actions:["setValue","setHint"]},"INPUT.BLUR":[{guard:Zg("clampValueOnBlur",Xg("isInRange")),target:"idle",actions:["setClampedValue","clearHint","invokeOnBlur","invokeOnValueCommit"]},{guard:Xg("isInRange"),target:"idle",actions:["setFormattedValue","clearHint","invokeOnBlur","invokeOnInvalid","invokeOnValueCommit"]},{target:"idle",actions:["setFormattedValue","clearHint","invokeOnBlur","invokeOnValueCommit"]}],"INPUT.ENTER":{actions:["setFormattedValue","clearHint","invokeOnBlur","invokeOnValueCommit"]}}},"before:spin":{tags:["focus"],effects:["trackButtonDisabled","waitForChangeDelay"],entry:_T([{guard:"isIncrementHint",actions:["increment"]},{guard:"isDecrementHint",actions:["decrement"]}]),on:{CHANGE_DELAY:{target:"spinning",guard:Zg("isInRange","spinOnPress")},"TRIGGER.PRESS_UP":[{guard:"isTouchPointer",target:"focused",actions:["clearHint"]},{target:"focused",actions:["focusInput","clearHint"]}]}},spinning:{tags:["focus"],effects:["trackButtonDisabled","spinValue"],on:{SPIN:[{guard:"isIncrementHint",actions:["increment"]},{guard:"isDecrementHint",actions:["decrement"]}],"TRIGGER.PRESS_UP":{target:"focused",actions:["focusInput","clearHint"]}}},scrubbing:{tags:["focus"],effects:["activatePointerLock","trackMousemove","setupVirtualCursor","preventTextSelection"],on:{"SCRUBBER.POINTER_UP":{target:"focused",actions:["focusInput","clearCursorPoint"]},"SCRUBBER.POINTER_MOVE":[{guard:"isIncrementHint",actions:["increment","setCursorPoint"]},{guard:"isDecrementHint",actions:["decrement","setCursorPoint"]}]}}},implementations:{guards:{clampValueOnBlur:({prop:e})=>e("clampValueOnBlur"),spinOnPress:({prop:e})=>!!e("spinOnPress"),isInRange:({computed:e})=>!e("isOutOfRange"),isDecrementHint:({context:e,event:t})=>{var n;return((n=t.hint)!=null?n:e.get("hint"))==="decrement"},isIncrementHint:({context:e,event:t})=>{var n;return((n=t.hint)!=null?n:e.get("hint"))==="increment"},isTouchPointer:({event:e})=>e.pointerType==="touch"},effects:{waitForChangeDelay({send:e}){let t=setTimeout(()=>{e({type:"CHANGE_DELAY"})},300);return()=>clearTimeout(t)},spinValue({send:e}){let t=setInterval(()=>{e({type:"SPIN"})},50);return()=>clearInterval(t)},trackFormControl({context:e,scope:t}){let n=ni(t);return wt(n,{onFieldsetDisabledChange(i){e.set("fieldsetDisabled",i)},onFormReset(){e.set("value",e.initial("value"))}})},setupVirtualCursor({context:e,scope:t}){let n=e.get("scrubberCursorPoint");return RT(t,n)},preventTextSelection({scope:e}){return DT(e)},trackButtonDisabled({context:e,scope:t,send:n}){let i=e.get("hint"),r=NT(t,i);return ot(r,{attributes:["disabled"],callback(){n({type:"TRIGGER.PRESS_UP",src:"attr"})}})},attachWheelListener({scope:e,send:t,prop:n}){let i=ni(e);if(!i||!e.isActiveElement(i)||!n("allowMouseWheel"))return;function r(s){s.preventDefault();let a=Math.sign(s.deltaY)*-1;a===1?t({type:"VALUE.INCREMENT"}):a===-1&&t({type:"VALUE.DECREMENT"})}return ee(i,"wheel",r,{passive:!1})},activatePointerLock({scope:e}){if(!Xe())return Mc(e.getDoc())},trackMousemove({scope:e,send:t,context:n,computed:i}){let r=e.getDoc();function s(o){let l=n.get("scrubberCursorPoint"),c=i("isRtl"),u=LT(e,{point:l,isRtl:c,event:o});u.hint&&t({type:"SCRUBBER.POINTER_MOVE",hint:u.hint,point:u.point})}function a(){t({type:"SCRUBBER.POINTER_UP"})}return At(ee(r,"mousemove",s,!1),ee(r,"mouseup",a,!1))}},actions:{focusInput({scope:e,prop:t}){if(!t("focusInputOnChange"))return;let n=ni(e);e.isActiveElement(n)||H(()=>n==null?void 0:n.focus({preventScroll:!0}))},increment({context:e,event:t,prop:n,computed:i}){var s;let r=nu(i("valueAsNumber"),(s=t.step)!=null?s:n("step"));n("allowOverflow")||(r=He(r,n("min"),n("max"))),e.set("value",ti(r,{computed:i,prop:n}))},decrement({context:e,event:t,prop:n,computed:i}){var s;let r=iu(i("valueAsNumber"),(s=t.step)!=null?s:n("step"));n("allowOverflow")||(r=He(r,n("min"),n("max"))),e.set("value",ti(r,{computed:i,prop:n}))},setClampedValue({context:e,prop:t,computed:n}){let i=He(n("valueAsNumber"),t("min"),t("max"));e.set("value",ti(i,{computed:n,prop:t}))},setRawValue({context:e,event:t,prop:n,computed:i}){let r=Nl(t.value,{computed:i,prop:n});n("allowOverflow")||(r=He(r,n("min"),n("max"))),e.set("value",ti(r,{computed:i,prop:n}))},setValue({context:e,event:t}){var i,r;let n=(r=(i=t.target)==null?void 0:i.value)!=null?r:t.value;e.set("value",n)},clearValue({context:e}){e.set("value","")},incrementToMax({context:e,prop:t,computed:n}){let i=ti(t("max"),{computed:n,prop:t});e.set("value",i)},decrementToMin({context:e,prop:t,computed:n}){let i=ti(t("min"),{computed:n,prop:t});e.set("value",i)},setHint({context:e,event:t}){e.set("hint",t.hint)},clearHint({context:e}){e.set("hint",null)},invokeOnFocus({computed:e,prop:t}){var n;(n=t("onFocusChange"))==null||n({focused:!0,value:e("formattedValue"),valueAsNumber:e("valueAsNumber")})},invokeOnBlur({computed:e,prop:t}){var n;(n=t("onFocusChange"))==null||n({focused:!1,value:e("formattedValue"),valueAsNumber:e("valueAsNumber")})},invokeOnInvalid({computed:e,prop:t,event:n}){var r;if(n.type==="INPUT.CHANGE")return;let i=e("valueAsNumber")>t("max")?"rangeOverflow":"rangeUnderflow";(r=t("onValueInvalid"))==null||r({reason:i,value:e("formattedValue"),valueAsNumber:e("valueAsNumber")})},invokeOnValueCommit({computed:e,prop:t}){var n;(n=t("onValueCommit"))==null||n({value:e("formattedValue"),valueAsNumber:e("valueAsNumber")})},syncInputElement({context:e,event:t,computed:n,scope:i}){var o;let r=t.type.endsWith("CHANGE")?e.get("value"):n("formattedValue"),s=ni(i),a=(o=t.selection)!=null?o:Dl(s,i);H(()=>{Me(s,r),OT(s,a,i)})},setFormattedValue({context:e,computed:t,action:n}){e.set("value",t("formattedValue")),n(["syncInputElement"])},setCursorPoint({context:e,event:t}){e.set("scrubberCursorPoint",t.point)},clearCursorPoint({context:e}){e.set("scrubberCursorPoint",null)},setVirtualCursorPosition({context:e,scope:t}){let n=ip(t),i=e.get("scrubberCursorPoint");!n||!i||(n.style.transform=`translate3d(${i.x}px, ${i.y}px, 0px)`)}}}}),WT=_()(["allowMouseWheel","allowOverflow","clampValueOnBlur","dir","disabled","focusInputOnChange","form","formatOptions","getRootNode","id","ids","inputMode","invalid","locale","max","min","name","onFocusChange","onValueChange","onValueCommit","onValueInvalid","pattern","required","readOnly","spinOnPress","step","translations","value","defaultValue"]),vA=B(WT),KT=class extends K{initMachine(e){return new W(qT,e)}initApi(){return FT(this.machine.service,q)}render(){var l;let e=(l=this.el.querySelector('[data-scope="number-input"][data-part="root"]'))!=null?l:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="number-input"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=this.el.querySelector('[data-scope="number-input"][data-part="control"]');n&&this.spreadProps(n,this.api.getControlProps());let i=this.el.querySelector('[data-scope="number-input"][data-part="value-text"]');i&&this.spreadProps(i,this.api.getValueTextProps());let r=this.el.querySelector('[data-scope="number-input"][data-part="input"]');r&&this.spreadProps(r,this.api.getInputProps());let s=this.el.querySelector('[data-scope="number-input"][data-part="decrement-trigger"]');s&&this.spreadProps(s,this.api.getDecrementTriggerProps());let a=this.el.querySelector('[data-scope="number-input"][data-part="increment-trigger"]');a&&this.spreadProps(a,this.api.getIncrementTriggerProps());let o=this.el.querySelector('[data-scope="number-input"][data-part="scrubber"]');o&&(this.spreadProps(o,this.api.getScrubberProps()),o.setAttribute("aria-label","Scrub to adjust value"),o.removeAttribute("role"))}},zT={mounted(){let e=this.el,t=O(e,"value"),n=O(e,"defaultValue"),i=C(e,"controlled"),r=new KT(e,y(g({id:e.id},i&&t!==void 0?{value:t}:{defaultValue:n}),{min:Y(e,"min"),max:Y(e,"max"),step:Y(e,"step"),disabled:C(e,"disabled"),readOnly:C(e,"readOnly"),invalid:C(e,"invalid"),required:C(e,"required"),allowMouseWheel:C(e,"allowMouseWheel"),name:O(e,"name"),form:O(e,"form"),onValueChange:s=>{let a=e.querySelector('[data-scope="number-input"][data-part="input"]');a&&(a.value=s.value,a.dispatchEvent(new Event("input",{bubbles:!0})),a.dispatchEvent(new Event("change",{bubbles:!0})));let o=O(e,"onValueChange");o&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(o,{value:s.value,valueAsNumber:s.valueAsNumber,id:e.id});let l=O(e,"onValueChangeClient");l&&e.dispatchEvent(new CustomEvent(l,{bubbles:!0,detail:{value:s,id:e.id}}))}}));r.init(),this.numberInput=r,this.handlers=[]},updated(){var n;let e=O(this.el,"value"),t=C(this.el,"controlled");(n=this.numberInput)==null||n.updateProps(y(g({id:this.el.id},t&&e!==void 0?{value:e}:{}),{min:Y(this.el,"min"),max:Y(this.el,"max"),step:Y(this.el,"step"),disabled:C(this.el,"disabled"),readOnly:C(this.el,"readOnly"),invalid:C(this.el,"invalid"),required:C(this.el,"required"),name:O(this.el,"name"),form:O(this.el,"form")}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.numberInput)==null||e.destroy()}}});var ap={};he(ap,{PasswordInput:()=>eO});function jT(e,t){let{scope:n,prop:i,context:r}=e,s=r.get("visible"),a=!!i("disabled"),o=!!i("invalid"),l=!!i("readOnly"),c=!!i("required"),u=!(l||a),h=i("translations");return{visible:s,disabled:a,invalid:o,focus(){var m;(m=Ll(n))==null||m.focus()},setVisible(m){e.send({type:"VISIBILITY.SET",value:m})},toggleVisible(){e.send({type:"VISIBILITY.SET",value:!s})},getRootProps(){return t.element(y(g({},qi.root.attrs),{dir:i("dir"),"data-disabled":E(a),"data-invalid":E(o),"data-readonly":E(l)}))},getLabelProps(){return t.label(y(g({},qi.label.attrs),{htmlFor:ba(n),"data-disabled":E(a),"data-invalid":E(o),"data-readonly":E(l),"data-required":E(c)}))},getInputProps(){return t.input(g(y(g({},qi.input.attrs),{id:ba(n),autoCapitalize:"off",name:i("name"),required:i("required"),autoComplete:i("autoComplete"),spellCheck:!1,readOnly:l,disabled:a,type:s?"text":"password","data-state":s?"visible":"hidden","aria-invalid":X(o),"data-disabled":E(a),"data-invalid":E(o),"data-readonly":E(l)}),i("ignorePasswordManagers")?XT:{}))},getVisibilityTriggerProps(){var m;return t.button(y(g({},qi.visibilityTrigger.attrs),{type:"button",tabIndex:-1,"aria-controls":ba(n),"aria-expanded":s,"data-readonly":E(l),disabled:a,"data-disabled":E(a),"data-state":s?"visible":"hidden","aria-label":(m=h==null?void 0:h.visibilityTrigger)==null?void 0:m.call(h,s),onPointerDown(d){pe(d)&&u&&(d.preventDefault(),e.send({type:"TRIGGER.CLICK"}))}}))},getIndicatorProps(){return t.element(y(g({},qi.indicator.attrs),{"aria-hidden":!0,"data-state":s?"visible":"hidden","data-disabled":E(a),"data-invalid":E(o),"data-readonly":E(l)}))},getControlProps(){return t.element(y(g({},qi.control.attrs),{"data-disabled":E(a),"data-invalid":E(o),"data-readonly":E(l)}))}}}var YT,qi,ba,Ll,XT,ZT,JT,SA,QT,eO,op=re(()=>{"use strict";se();YT=U("password-input").parts("root","input","label","control","indicator","visibilityTrigger"),qi=YT.build(),ba=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.input)!=null?n:`p-input-${e.id}-input`},Ll=e=>e.getById(ba(e));XT={"data-1p-ignore":"","data-lpignore":"true","data-bwignore":"true","data-form-type":"other","data-protonpass-ignore":"true"},ZT={props({props:e}){return y(g({id:ur(),defaultVisible:!1,autoComplete:"current-password",ignorePasswordManagers:!1},e),{translations:g({visibilityTrigger(t){return t?"Hide password":"Show password"}},e.translations)})},context({prop:e,bindable:t}){return{visible:t(()=>({value:e("visible"),defaultValue:e("defaultVisible"),onChange(n){var i;(i=e("onVisibilityChange"))==null||i({visible:n})}}))}},initialState(){return"idle"},effects:["trackFormEvents"],states:{idle:{on:{"VISIBILITY.SET":{actions:["setVisibility"]},"TRIGGER.CLICK":{actions:["toggleVisibility","focusInputEl"]}}}},implementations:{actions:{setVisibility({context:e,event:t}){e.set("visible",t.value)},toggleVisibility({context:e}){e.set("visible",t=>!t)},focusInputEl({scope:e}){let t=Ll(e);t==null||t.focus()}},effects:{trackFormEvents({scope:e,send:t}){let n=Ll(e),i=n==null?void 0:n.form;if(!i)return;let r=e.getWin(),s=new r.AbortController;return i.addEventListener("reset",a=>{a.defaultPrevented||t({type:"VISIBILITY.SET",value:!1})},{signal:s.signal}),i.addEventListener("submit",()=>{t({type:"VISIBILITY.SET",value:!1})},{signal:s.signal}),()=>s.abort()}}}},JT=_()(["defaultVisible","dir","id","onVisibilityChange","visible","ids","getRootNode","disabled","invalid","required","readOnly","translations","ignorePasswordManagers","autoComplete","name"]),SA=B(JT),QT=class extends K{initMachine(e){return new W(ZT,e)}initApi(){return jT(this.machine.service,q)}render(){var a;let e=(a=this.el.querySelector('[data-scope="password-input"][data-part="root"]'))!=null?a:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="password-input"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=this.el.querySelector('[data-scope="password-input"][data-part="control"]');n&&this.spreadProps(n,this.api.getControlProps());let i=this.el.querySelector('[data-scope="password-input"][data-part="input"]');i&&this.spreadProps(i,this.api.getInputProps());let r=this.el.querySelector('[data-scope="password-input"][data-part="visibility-trigger"]');r&&this.spreadProps(r,this.api.getVisibilityTriggerProps());let s=this.el.querySelector('[data-scope="password-input"][data-part="indicator"]');s&&this.spreadProps(s,this.api.getIndicatorProps())}},eO={mounted(){let e=this.el,t=new QT(e,y(g({id:e.id},C(e,"controlledVisible")?{visible:C(e,"visible")}:{defaultVisible:C(e,"defaultVisible")}),{disabled:C(e,"disabled"),invalid:C(e,"invalid"),readOnly:C(e,"readOnly"),required:C(e,"required"),ignorePasswordManagers:C(e,"ignorePasswordManagers"),name:O(e,"name"),dir:Oe(e),autoComplete:O(e,"autoComplete",["current-password","new-password"]),onVisibilityChange:n=>{let i=O(e,"onVisibilityChange");i&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(i,{visible:n.visible,id:e.id});let r=O(e,"onVisibilityChangeClient");r&&e.dispatchEvent(new CustomEvent(r,{bubbles:!0,detail:{value:n,id:e.id}}))}}));t.init(),this.passwordInput=t,this.handlers=[]},updated(){var e;(e=this.passwordInput)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlledVisible")?{visible:C(this.el,"visible")}:{}),{disabled:C(this.el,"disabled"),invalid:C(this.el,"invalid"),readOnly:C(this.el,"readOnly"),required:C(this.el,"required"),name:O(this.el,"name"),form:O(this.el,"form"),dir:Oe(this.el)}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.passwordInput)==null||e.destroy()}}});var dp={};he(dp,{PinInput:()=>fO});function lO(e,t){var n;return e?!!((n=oO[e])!=null&&n.test(t)):!0}function cp(e,t,n){return n?new RegExp(n,"g").test(e):lO(t,e)}function cO(e,t){let{send:n,context:i,computed:r,prop:s,scope:a}=e,o=r("isValueComplete"),l=!!s("disabled"),c=!!s("readOnly"),u=!!s("invalid"),h=!!s("required"),m=s("translations"),d=i.get("focusedIndex");function p(){var v;(v=aO(a))==null||v.focus()}return{focus:p,count:i.get("count"),items:Array.from({length:i.get("count")}).map((v,I)=>I),value:i.get("value"),valueAsString:r("valueAsString"),complete:o,setValue(v){Array.isArray(v)||vs("[pin-input/setValue] value must be an array"),n({type:"VALUE.SET",value:v})},clearValue(){n({type:"VALUE.CLEAR"})},setValueAtIndex(v,I){n({type:"VALUE.SET",value:I,index:v})},getRootProps(){return t.element(y(g({dir:s("dir")},Ea.root.attrs),{id:Fr(a),"data-invalid":E(u),"data-disabled":E(l),"data-complete":E(o),"data-readonly":E(c)}))},getLabelProps(){return t.label(y(g({},Ea.label.attrs),{dir:s("dir"),htmlFor:Fl(a),id:iO(a),"data-invalid":E(u),"data-disabled":E(l),"data-complete":E(o),"data-required":E(h),"data-readonly":E(c),onClick(v){v.preventDefault(),p()}}))},getHiddenInputProps(){return t.input({"aria-hidden":!0,type:"text",tabIndex:-1,id:Fl(a),readOnly:c,disabled:l,required:h,name:s("name"),form:s("form"),style:Vt,maxLength:r("valueLength"),defaultValue:r("valueAsString")})},getControlProps(){return t.element(y(g({},Ea.control.attrs),{dir:s("dir"),id:rO(a)}))},getInputProps(v){var w;let{index:I}=v,T=s("type")==="numeric"?"tel":"text";return t.input(y(g({},Ea.input.attrs),{dir:s("dir"),disabled:l,"data-disabled":E(l),"data-complete":E(o),id:nO(a,I.toString()),"data-index":I,"data-ownedby":Fr(a),"aria-label":(w=m==null?void 0:m.inputLabel)==null?void 0:w.call(m,I,r("valueLength")),inputMode:s("otp")||s("type")==="numeric"?"numeric":"text","aria-invalid":X(u),"data-invalid":E(u),type:s("mask")?"password":T,defaultValue:i.get("value")[I]||"",readOnly:c,autoCapitalize:"none",autoComplete:s("otp")?"one-time-code":"off",placeholder:d===I?"":s("placeholder"),onPaste(b){var P;let f=(P=b.clipboardData)==null?void 0:P.getData("text/plain");if(!f)return;if(!cp(f,s("type"),s("pattern"))){n({type:"VALUE.INVALID",value:f}),b.preventDefault();return}b.preventDefault(),n({type:"INPUT.PASTE",value:f})},onBeforeInput(b){try{let f=Oc(b);cp(f,s("type"),s("pattern"))||(n({type:"VALUE.INVALID",value:f}),b.preventDefault()),f.length>1&&b.currentTarget.setSelectionRange(0,1,"forward")}catch(f){}},onChange(b){let f=Yt(b),{value:S}=b.currentTarget;if(f.inputType==="insertFromPaste"){b.currentTarget.value=S[0]||"";return}if(S.length>2){n({type:"INPUT.PASTE",value:S}),b.currentTarget.value=S[0],b.preventDefault();return}if(f.inputType==="deleteContentBackward"){n({type:"INPUT.BACKSPACE"});return}n({type:"INPUT.CHANGE",value:S,index:I})},onKeyDown(b){if(b.defaultPrevented||Re(b)||xe(b))return;let S={Backspace(){n({type:"INPUT.BACKSPACE"})},Delete(){n({type:"INPUT.DELETE"})},ArrowLeft(){n({type:"INPUT.ARROW_LEFT"})},ArrowRight(){n({type:"INPUT.ARROW_RIGHT"})},Enter(){n({type:"INPUT.ENTER"})}}[ge(b,{dir:s("dir"),orientation:"horizontal"})];S&&(S(b),b.preventDefault())},onFocus(){n({type:"INPUT.FOCUS",index:I})},onBlur(b){let f=b.relatedTarget;le(f)&&f.dataset.ownedby===Fr(a)||n({type:"INPUT.BLUR",index:I})}}))}}}function up(e,t){let n=t;e[0]===t[0]?n=t[1]:e[0]===t[1]&&(n=t[0]);let i=n.split("");return n=i[i.length-1],n!=null?n:""}function Ia(e,t){return Array.from({length:t}).fill("").map((n,i)=>e[i]||n)}var tO,Ea,Fr,nO,Fl,iO,rO,sO,Pa,Mr,aO,lp,Ml,oO,uO,dO,hO,gO,VA,pO,fO,hp=re(()=>{"use strict";se();tO=U("pinInput").parts("root","label","input","control"),Ea=tO.build(),Fr=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`pin-input:${e.id}`},nO=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.input)==null?void 0:i.call(n,t))!=null?r:`pin-input:${e.id}:${t}`},Fl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`pin-input:${e.id}:hidden`},iO=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`pin-input:${e.id}:label`},rO=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`pin-input:${e.id}:control`},sO=e=>e.getById(Fr(e)),Pa=e=>{let n=`input[data-ownedby=${CSS.escape(Fr(e))}]`;return Fe(sO(e),n)},Mr=(e,t)=>Pa(e)[t],aO=e=>Pa(e)[0],lp=e=>e.getById(Fl(e)),Ml=(e,t)=>{e.value=t,e.setAttribute("value",t)},oO={numeric:/^[0-9]+$/,alphabetic:/^[A-Za-z]+$/,alphanumeric:/^[a-zA-Z0-9]+$/i};({choose:uO,createMachine:dO}=ut()),hO=dO({props({props:e}){return y(g({placeholder:"\u25CB",otp:!1,type:"numeric",defaultValue:e.count?Ia([],e.count):[]},e),{translations:g({inputLabel:(t,n)=>`pin code ${t+1} of ${n}`},e.translations)})},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({value:e("value"),defaultValue:e("defaultValue"),isEqual:fe,onChange(n){var i;(i=e("onValueChange"))==null||i({value:n,valueAsString:n.join("")})}})),focusedIndex:t(()=>({sync:!0,defaultValue:-1})),count:t(()=>({defaultValue:e("count")}))}},computed:{_value:({context:e})=>Ia(e.get("value"),e.get("count")),valueLength:({computed:e})=>e("_value").length,filledValueLength:({computed:e})=>e("_value").filter(t=>(t==null?void 0:t.trim())!=="").length,isValueComplete:({computed:e})=>e("valueLength")===e("filledValueLength"),valueAsString:({computed:e})=>e("_value").join(""),focusedValue:({computed:e,context:t})=>e("_value")[t.get("focusedIndex")]||""},entry:uO([{guard:"autoFocus",actions:["setInputCount","setFocusIndexToFirst"]},{actions:["setInputCount"]}]),watch({action:e,track:t,context:n,computed:i}){t([()=>n.get("focusedIndex")],()=>{e(["focusInput","selectInputIfNeeded"])}),t([()=>n.get("value").join(",")],()=>{e(["syncInputElements","dispatchInputEvent"])}),t([()=>i("isValueComplete")],()=>{e(["invokeOnComplete","blurFocusedInputIfNeeded"])})},on:{"VALUE.SET":[{guard:"hasIndex",actions:["setValueAtIndex"]},{actions:["setValue"]}],"VALUE.CLEAR":{actions:["clearValue","setFocusIndexToFirst"]}},states:{idle:{on:{"INPUT.FOCUS":{target:"focused",actions:["setFocusedIndex"]}}},focused:{on:{"INPUT.CHANGE":{actions:["setFocusedValue","syncInputValue","setNextFocusedIndex"]},"INPUT.PASTE":{actions:["setPastedValue","setLastValueFocusIndex"]},"INPUT.FOCUS":{actions:["setFocusedIndex"]},"INPUT.BLUR":{target:"idle",actions:["clearFocusedIndex"]},"INPUT.DELETE":{guard:"hasValue",actions:["clearFocusedValue"]},"INPUT.ARROW_LEFT":{actions:["setPrevFocusedIndex"]},"INPUT.ARROW_RIGHT":{actions:["setNextFocusedIndex"]},"INPUT.BACKSPACE":[{guard:"hasValue",actions:["clearFocusedValue"]},{actions:["setPrevFocusedIndex","clearFocusedValue"]}],"INPUT.ENTER":{guard:"isValueComplete",actions:["requestFormSubmit"]},"VALUE.INVALID":{actions:["invokeOnInvalid"]}}}},implementations:{guards:{autoFocus:({prop:e})=>!!e("autoFocus"),hasValue:({context:e})=>e.get("value")[e.get("focusedIndex")]!=="",isValueComplete:({computed:e})=>e("isValueComplete"),hasIndex:({event:e})=>e.index!==void 0},actions:{dispatchInputEvent({computed:e,scope:t}){let n=lp(t);Ac(n,{value:e("valueAsString")})},setInputCount({scope:e,context:t,prop:n}){if(n("count"))return;let i=Pa(e);t.set("count",i.length)},focusInput({context:e,scope:t}){var i;let n=e.get("focusedIndex");n!==-1&&((i=Mr(t,n))==null||i.focus({preventScroll:!0}))},selectInputIfNeeded({context:e,prop:t,scope:n}){let i=e.get("focusedIndex");!t("selectOnFocus")||i===-1||H(()=>{var r;(r=Mr(n,i))==null||r.select()})},invokeOnComplete({computed:e,prop:t}){var n;e("isValueComplete")&&((n=t("onValueComplete"))==null||n({value:e("_value"),valueAsString:e("valueAsString")}))},invokeOnInvalid({context:e,event:t,prop:n}){var i;(i=n("onValueInvalid"))==null||i({value:t.value,index:e.get("focusedIndex")})},clearFocusedIndex({context:e}){e.set("focusedIndex",-1)},setFocusedIndex({context:e,event:t}){e.set("focusedIndex",t.index)},setValue({context:e,event:t}){let n=Ia(t.value,e.get("count"));e.set("value",n)},setFocusedValue({context:e,event:t,computed:n,flush:i}){let r=n("focusedValue"),s=e.get("focusedIndex"),a=up(r,t.value);i(()=>{e.set("value",ms(n("_value"),s,a))})},revertInputValue({context:e,computed:t,scope:n}){let i=Mr(n,e.get("focusedIndex"));Ml(i,t("focusedValue"))},syncInputValue({context:e,event:t,scope:n}){let i=e.get("value"),r=Mr(n,t.index);Ml(r,i[t.index])},syncInputElements({context:e,scope:t}){let n=Pa(t),i=e.get("value");n.forEach((r,s)=>{Ml(r,i[s])})},setPastedValue({context:e,event:t,computed:n,flush:i}){H(()=>{let r=n("valueAsString"),s=e.get("focusedIndex"),a=n("valueLength"),o=n("filledValueLength"),l=Math.min(s,o),c=l>0?r.substring(0,s):"",u=t.value.substring(0,a-l),h=Ia(`${c}${u}`.split(""),a);i(()=>{e.set("value",h)})})},setValueAtIndex({context:e,event:t,computed:n}){let i=up(n("focusedValue"),t.value);e.set("value",ms(n("_value"),t.index,i))},clearValue({context:e}){let t=Array.from({length:e.get("count")}).fill("");queueMicrotask(()=>{e.set("value",t)})},clearFocusedValue({context:e,computed:t}){let n=e.get("focusedIndex");n!==-1&&e.set("value",ms(t("_value"),n,""))},setFocusIndexToFirst({context:e}){e.set("focusedIndex",0)},setNextFocusedIndex({context:e,computed:t}){e.set("focusedIndex",Math.min(e.get("focusedIndex")+1,t("valueLength")-1))},setPrevFocusedIndex({context:e}){e.set("focusedIndex",Math.max(e.get("focusedIndex")-1,0))},setLastValueFocusIndex({context:e,computed:t}){H(()=>{e.set("focusedIndex",Math.min(t("filledValueLength"),t("valueLength")-1))})},blurFocusedInputIfNeeded({context:e,prop:t,scope:n}){t("blurOnComplete")&&H(()=>{var i;(i=Mr(n,e.get("focusedIndex")))==null||i.blur()})},requestFormSubmit({computed:e,prop:t,scope:n}){var r;if(!t("name")||!e("isValueComplete"))return;let i=lp(n);(r=i==null?void 0:i.form)==null||r.requestSubmit()}}}});gO=_()(["autoFocus","blurOnComplete","count","defaultValue","dir","disabled","form","getRootNode","id","ids","invalid","mask","name","onValueChange","onValueComplete","onValueInvalid","otp","pattern","placeholder","readOnly","required","selectOnFocus","translations","type","value"]),VA=B(gO),pO=class extends K{initMachine(e){return new W(hO,e)}initApi(){return cO(this.machine.service,q)}render(){var r;let e=(r=this.el.querySelector('[data-scope="pin-input"][data-part="root"]'))!=null?r:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="pin-input"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=this.el.querySelector('[data-scope="pin-input"][data-part="hidden-input"]');n&&this.spreadProps(n,this.api.getHiddenInputProps());let i=this.el.querySelector('[data-scope="pin-input"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps()),this.api.items.forEach(s=>{let a=this.el.querySelector(`[data-scope="pin-input"][data-part="input"][data-index="${s}"]`);a&&this.spreadProps(a,this.api.getInputProps({index:s}))})}},fO={mounted(){var s;let e=this.el,t=Z(e,"value"),n=Z(e,"defaultValue"),i=C(e,"controlled"),r=new pO(e,y(g({id:e.id,count:(s=Y(e,"count"))!=null?s:4},i&&t?{value:t}:{defaultValue:n!=null?n:[]}),{disabled:C(e,"disabled"),invalid:C(e,"invalid"),required:C(e,"required"),readOnly:C(e,"readOnly"),mask:C(e,"mask"),otp:C(e,"otp"),blurOnComplete:C(e,"blurOnComplete"),selectOnFocus:C(e,"selectOnFocus"),name:O(e,"name"),form:O(e,"form"),dir:O(e,"dir",["ltr","rtl"]),type:O(e,"type",["alphanumeric","numeric","alphabetic"]),placeholder:O(e,"placeholder"),onValueChange:a=>{let o=e.querySelector('[data-scope="pin-input"][data-part="hidden-input"]');o&&(o.value=a.valueAsString,o.dispatchEvent(new Event("input",{bubbles:!0})),o.dispatchEvent(new Event("change",{bubbles:!0})));let l=O(e,"onValueChange");l&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(l,{value:a.value,valueAsString:a.valueAsString,id:e.id});let c=O(e,"onValueChangeClient");c&&e.dispatchEvent(new CustomEvent(c,{bubbles:!0,detail:{value:a,id:e.id}}))},onValueComplete:a=>{let o=O(e,"onValueComplete");o&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(o,{value:a.value,valueAsString:a.valueAsString,id:e.id})}}));r.init(),this.pinInput=r,this.handlers=[]},updated(){var n,i,r,s;let e=Z(this.el,"value"),t=C(this.el,"controlled");(s=this.pinInput)==null||s.updateProps(y(g({id:this.el.id,count:(r=(i=Y(this.el,"count"))!=null?i:(n=this.pinInput)==null?void 0:n.api.count)!=null?r:4},t&&e?{value:e}:{}),{disabled:C(this.el,"disabled"),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly"),name:O(this.el,"name"),form:O(this.el,"form")}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.pinInput)==null||e.destroy()}}});var vp={};he(vp,{RadioGroup:()=>kO});function TO(e,t){let{context:n,send:i,computed:r,prop:s,scope:a}=e,o=r("isDisabled"),l=s("invalid"),c=s("readOnly");function u(d){return{value:d.value,invalid:!!d.invalid||!!l,disabled:!!d.disabled||o,checked:n.get("value")===d.value,focused:n.get("focusedValue")===d.value,focusVisible:n.get("focusVisibleValue")===d.value,hovered:n.get("hoveredValue")===d.value,active:n.get("activeValue")===d.value}}function h(d){let p=u(d);return{"data-focus":E(p.focused),"data-focus-visible":E(p.focusVisible),"data-disabled":E(p.disabled),"data-readonly":E(c),"data-state":p.checked?"checked":"unchecked","data-hover":E(p.hovered),"data-invalid":E(p.invalid),"data-orientation":s("orientation"),"data-ssr":E(n.get("ssr"))}}let m=()=>{var p;let d=(p=PO(a))!=null?p:IO(a);d==null||d.focus()};return{focus:m,value:n.get("value"),setValue(d){i({type:"SET_VALUE",value:d,isTrusted:!1})},clearValue(){i({type:"SET_VALUE",value:null,isTrusted:!1})},getRootProps(){return t.element(y(g({},Wi.root.attrs),{role:"radiogroup",id:Ca(a),"aria-labelledby":gp(a),"aria-required":s("required")||void 0,"aria-disabled":o||void 0,"aria-readonly":c||void 0,"data-orientation":s("orientation"),"data-disabled":E(o),"data-invalid":E(l),"data-required":E(s("required")),"aria-orientation":s("orientation"),dir:s("dir"),style:{position:"relative"}}))},getLabelProps(){return t.element(y(g({},Wi.label.attrs),{dir:s("dir"),"data-orientation":s("orientation"),"data-disabled":E(o),"data-invalid":E(l),"data-required":E(s("required")),id:gp(a),onClick:m}))},getItemState:u,getItemProps(d){let p=u(d);return t.label(y(g(y(g({},Wi.item.attrs),{dir:s("dir"),id:fp(a,d.value),htmlFor:$l(a,d.value)}),h(d)),{onPointerMove(){p.disabled||p.hovered||i({type:"SET_HOVERED",value:d.value,hovered:!0})},onPointerLeave(){p.disabled||i({type:"SET_HOVERED",value:null})},onPointerDown(v){p.disabled||pe(v)&&(p.focused&&v.pointerType==="mouse"&&v.preventDefault(),i({type:"SET_ACTIVE",value:d.value,active:!0}))},onPointerUp(){p.disabled||i({type:"SET_ACTIVE",value:null})},onClick(){var v;!p.disabled&&Xe()&&((v=bO(a,d.value))==null||v.focus())}}))},getItemTextProps(d){return t.element(g(y(g({},Wi.itemText.attrs),{dir:s("dir"),id:yO(a,d.value)}),h(d)))},getItemControlProps(d){let p=u(d);return t.element(g(y(g({},Wi.itemControl.attrs),{dir:s("dir"),id:vO(a,d.value),"data-active":E(p.active),"aria-hidden":!0}),h(d)))},getItemHiddenInputProps(d){let p=u(d);return t.input({"data-ownedby":Ca(a),id:$l(a,d.value),type:"radio",name:s("name")||s("id"),form:s("form"),value:d.value,required:s("required"),"aria-invalid":p.invalid||void 0,onClick(v){if(c){v.preventDefault();return}v.currentTarget.checked&&i({type:"SET_VALUE",value:d.value,isTrusted:!0})},onBlur(){i({type:"SET_FOCUSED",value:null,focused:!1,focusVisible:!1})},onFocus(){let v=En();i({type:"SET_FOCUSED",value:d.value,focused:!0,focusVisible:v})},onKeyDown(v){v.defaultPrevented||v.key===" "&&i({type:"SET_ACTIVE",value:d.value,active:!0})},onKeyUp(v){v.defaultPrevented||v.key===" "&&i({type:"SET_ACTIVE",value:null})},disabled:p.disabled||c,defaultChecked:p.checked,style:Vt})},getIndicatorProps(){let d=n.get("indicatorRect"),p=d==null||d.width===0&&d.height===0&&d.x===0&&d.y===0;return t.element(y(g({id:mp(a)},Wi.indicator.attrs),{dir:s("dir"),hidden:n.get("value")==null||p,"data-disabled":E(o),"data-orientation":s("orientation"),style:{"--transition-property":"left, top, width, height","--left":ye(d==null?void 0:d.x),"--top":ye(d==null?void 0:d.y),"--width":ye(d==null?void 0:d.width),"--height":ye(d==null?void 0:d.height),position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:"var(--transition-duration, 150ms)",transitionTimingFunction:"var(--transition-timing-function)",[s("orientation")==="horizontal"?"left":"top"]:s("orientation")==="horizontal"?"var(--left)":"var(--top)"}}))}}}var mO,Wi,Ca,gp,fp,$l,vO,yO,mp,Sa,bO,EO,IO,PO,pp,CO,SO,OO,wO,VO,RA,xO,DA,AO,kO,yp=re(()=>{"use strict";pr();se();mO=U("radio-group").parts("root","label","item","itemText","itemControl","indicator"),Wi=mO.build(),Ca=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`radio-group:${e.id}`},gp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`radio-group:${e.id}:label`},fp=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`radio-group:${e.id}:radio:${t}`},$l=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemHiddenInput)==null?void 0:i.call(n,t))!=null?r:`radio-group:${e.id}:radio:input:${t}`},vO=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemControl)==null?void 0:i.call(n,t))!=null?r:`radio-group:${e.id}:radio:control:${t}`},yO=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemLabel)==null?void 0:i.call(n,t))!=null?r:`radio-group:${e.id}:radio:label:${t}`},mp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.indicator)!=null?n:`radio-group:${e.id}:indicator`},Sa=e=>e.getById(Ca(e)),bO=(e,t)=>e.getById($l(e,t)),EO=e=>e.getById(mp(e)),IO=e=>{var t;return(t=Sa(e))==null?void 0:t.querySelector("input:not(:disabled)")},PO=e=>{var t;return(t=Sa(e))==null?void 0:t.querySelector("input:not(:disabled):checked")},pp=e=>{let n=`input[type=radio][data-ownedby='${CSS.escape(Ca(e))}']:not([disabled])`;return Fe(Sa(e),n)},CO=(e,t)=>{if(t)return e.getById(fp(e,t))},SO=e=>{var t,n,i,r;return{x:(t=e==null?void 0:e.offsetLeft)!=null?t:0,y:(n=e==null?void 0:e.offsetTop)!=null?n:0,width:(i=e==null?void 0:e.offsetWidth)!=null?i:0,height:(r=e==null?void 0:e.offsetHeight)!=null?r:0}};({not:OO}=Ee()),wO={props({props:e}){return g({orientation:"vertical"},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}})),activeValue:t(()=>({defaultValue:null})),focusedValue:t(()=>({defaultValue:null})),focusVisibleValue:t(()=>({defaultValue:null})),hoveredValue:t(()=>({defaultValue:null})),indicatorRect:t(()=>({defaultValue:null})),fieldsetDisabled:t(()=>({defaultValue:!1})),ssr:t(()=>({defaultValue:!0}))}},refs(){return{indicatorCleanup:null,focusVisibleValue:null}},computed:{isDisabled:({prop:e,context:t})=>!!e("disabled")||t.get("fieldsetDisabled")},entry:["syncIndicatorRect","syncSsr"],exit:["cleanupObserver"],effects:["trackFormControlState","trackFocusVisible"],watch({track:e,action:t,context:n}){e([()=>n.get("value")],()=>{t(["syncIndicatorRect","syncInputElements"])})},on:{SET_VALUE:[{guard:OO("isTrusted"),actions:["setValue","dispatchChangeEvent"]},{actions:["setValue"]}],SET_HOVERED:{actions:["setHovered"]},SET_ACTIVE:{actions:["setActive"]},SET_FOCUSED:{actions:["setFocused"]}},states:{idle:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackFormControlState({context:e,scope:t}){return wt(Sa(t),{onFieldsetDisabledChange(n){e.set("fieldsetDisabled",n)},onFormReset(){e.set("value",e.initial("value"))}})},trackFocusVisible({scope:e}){var t;return Pn({root:(t=e.getRootNode)==null?void 0:t.call(e)})}},actions:{setValue({context:e,event:t}){e.set("value",t.value)},setHovered({context:e,event:t}){e.set("hoveredValue",t.value)},setActive({context:e,event:t}){e.set("activeValue",t.value)},setFocused({context:e,event:t}){e.set("focusedValue",t.value);let n=t.value!=null&&t.focusVisible?t.value:null;e.set("focusVisibleValue",n)},syncInputElements({context:e,scope:t}){pp(t).forEach(i=>{i.checked=i.value===e.get("value")})},cleanupObserver({refs:e}){var t;(t=e.get("indicatorCleanup"))==null||t()},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,scope:t,refs:n}){var o;if((o=n.get("indicatorCleanup"))==null||o(),!EO(t))return;let i=e.get("value"),r=CO(t,i);if(i==null||!r){e.set("indicatorRect",null);return}let s=()=>{e.set("indicatorRect",SO(r))};s();let a=gn.observe(r,s);n.set("indicatorCleanup",a)},dispatchChangeEvent({context:e,scope:t}){pp(t).forEach(i=>{let r=i.value===e.get("value");r!==i.checked&&pi(i,{checked:r})})}}}},VO=_()(["dir","disabled","form","getRootNode","id","ids","invalid","name","onValueChange","orientation","readOnly","required","value","defaultValue"]),RA=B(VO),xO=_()(["value","disabled","invalid"]),DA=B(xO),AO=class extends K{initMachine(e){return new W(wO,e)}initApi(){return TO(this.machine.service,q)}render(){var i;let e=(i=this.el.querySelector('[data-scope="radio-group"][data-part="root"]'))!=null?i:this.el;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="radio-group"][data-part="label"]');t&&this.spreadProps(t,this.api.getLabelProps());let n=this.el.querySelector('[data-scope="radio-group"][data-part="indicator"]');n&&this.spreadProps(n,this.api.getIndicatorProps()),this.el.querySelectorAll('[data-scope="radio-group"][data-part="item"]').forEach(r=>{let s=r.dataset.value;if(s==null)return;let a=r.dataset.disabled==="true",o=r.dataset.invalid==="true";this.spreadProps(r,this.api.getItemProps({value:s,disabled:a,invalid:o}));let l=r.querySelector('[data-scope="radio-group"][data-part="item-text"]');l&&this.spreadProps(l,this.api.getItemTextProps({value:s,disabled:a,invalid:o}));let c=r.querySelector('[data-scope="radio-group"][data-part="item-control"]');c&&this.spreadProps(c,this.api.getItemControlProps({value:s,disabled:a,invalid:o}));let u=r.querySelector('[data-scope="radio-group"][data-part="item-hidden-input"]');u&&this.spreadProps(u,this.api.getItemHiddenInputProps({value:s,disabled:a,invalid:o}))})}},kO={mounted(){let e=this.el,t=O(e,"value"),n=O(e,"defaultValue"),i=C(e,"controlled"),r=new AO(e,y(g({id:e.id},i&&t!==void 0?{value:t!=null?t:null}:{defaultValue:n!=null?n:null}),{name:O(e,"name"),form:O(e,"form"),disabled:C(e,"disabled"),invalid:C(e,"invalid"),required:C(e,"required"),readOnly:C(e,"readOnly"),dir:O(e,"dir",["ltr","rtl"]),orientation:O(e,"orientation",["horizontal","vertical"]),onValueChange:s=>{let a=O(e,"onValueChange");a&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(a,{value:s.value,id:e.id});let o=O(e,"onValueChangeClient");o&&e.dispatchEvent(new CustomEvent(o,{bubbles:!0,detail:{value:s,id:e.id}}))}}));r.init(),this.radioGroup=r,this.handlers=[]},updated(){var n;let e=O(this.el,"value"),t=C(this.el,"controlled");(n=this.radioGroup)==null||n.updateProps(y(g({id:this.el.id},t&&e!==void 0?{value:e!=null?e:null}:{}),{name:O(this.el,"name"),form:O(this.el,"form"),disabled:C(this.el,"disabled"),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly"),orientation:O(this.el,"orientation",["horizontal","vertical"])}))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.radioGroup)==null||e.destroy()}}});var Tp={};he(Tp,{Select:()=>zO});function FO(e,t){let{context:n,prop:i,scope:r,state:s,computed:a,send:o}=e,l=i("disabled")||n.get("fieldsetDisabled"),c=!!i("invalid"),u=!!i("required"),h=!!i("readOnly"),m=i("composite"),d=i("collection"),p=s.hasTag("open"),v=s.matches("focused"),I=n.get("highlightedValue"),T=n.get("highlightedItem"),w=n.get("selectedItems"),b=n.get("currentPlacement"),f=a("isTypingAhead"),S=a("isInteractive"),P=I?Ul(r,I):void 0;function V(x){let k=d.getItemDisabled(x.item),N=d.getItemValue(x.item);return vn(N,()=>`[zag-js] No value found for item ${JSON.stringify(x.item)}`),{value:N,disabled:!!(l||k),highlighted:I===N,selected:n.get("value").includes(N)}}let A=On(y(g({},i("positioning")),{placement:b}));return{open:p,focused:v,empty:n.get("value").length===0,highlightedItem:T,highlightedValue:I,selectedItems:w,hasSelectedItems:a("hasSelectedItems"),value:n.get("value"),valueAsString:a("valueAsString"),collection:d,multiple:!!i("multiple"),disabled:!!l,reposition(x={}){o({type:"POSITIONING.SET",options:x})},focus(){var x;(x=ri(r))==null||x.focus({preventScroll:!0})},setOpen(x){s.hasTag("open")!==x&&o({type:x?"OPEN":"CLOSE"})},selectValue(x){o({type:"ITEM.SELECT",value:x})},setValue(x){o({type:"VALUE.SET",value:x})},selectAll(){o({type:"VALUE.SET",value:d.getValues()})},setHighlightValue(x){o({type:"HIGHLIGHTED_VALUE.SET",value:x})},clearHighlightValue(){o({type:"HIGHLIGHTED_VALUE.CLEAR"})},clearValue(x){o(x?{type:"ITEM.CLEAR",value:x}:{type:"VALUE.CLEAR"})},getItemState:V,getRootProps(){return t.element(y(g({},_e.root.attrs),{dir:i("dir"),id:RO(r),"data-invalid":E(c),"data-readonly":E(h)}))},getLabelProps(){return t.label(y(g({dir:i("dir"),id:Ta(r)},_e.label.attrs),{"data-disabled":E(l),"data-invalid":E(c),"data-readonly":E(h),"data-required":E(u),htmlFor:ql(r),onClick(x){var k;x.defaultPrevented||l||(k=ri(r))==null||k.focus({preventScroll:!0})}}))},getControlProps(){return t.element(y(g({},_e.control.attrs),{dir:i("dir"),id:DO(r),"data-state":p?"open":"closed","data-focus":E(v),"data-disabled":E(l),"data-invalid":E(c)}))},getValueTextProps(){return t.element(y(g({},_e.valueText.attrs),{dir:i("dir"),"data-disabled":E(l),"data-invalid":E(c),"data-focus":E(v)}))},getTriggerProps(){return t.button(y(g({id:Gl(r),disabled:l,dir:i("dir"),type:"button",role:"combobox","aria-controls":_l(r),"aria-expanded":p,"aria-haspopup":"listbox","data-state":p?"open":"closed","aria-invalid":c,"aria-required":u,"aria-labelledby":Ta(r)},_e.trigger.attrs),{"data-disabled":E(l),"data-invalid":E(c),"data-readonly":E(h),"data-placement":b,"data-placeholder-shown":E(!a("hasSelectedItems")),onClick(x){S&&(x.defaultPrevented||o({type:"TRIGGER.CLICK"}))},onFocus(){o({type:"TRIGGER.FOCUS"})},onBlur(){o({type:"TRIGGER.BLUR"})},onKeyDown(x){if(x.defaultPrevented||!S)return;let N={ArrowUp(){o({type:"TRIGGER.ARROW_UP"})},ArrowDown(D){o({type:D.altKey?"OPEN":"TRIGGER.ARROW_DOWN"})},ArrowLeft(){o({type:"TRIGGER.ARROW_LEFT"})},ArrowRight(){o({type:"TRIGGER.ARROW_RIGHT"})},Home(){o({type:"TRIGGER.HOME"})},End(){o({type:"TRIGGER.END"})},Enter(){o({type:"TRIGGER.ENTER"})},Space(D){o(f?{type:"TRIGGER.TYPEAHEAD",key:D.key}:{type:"TRIGGER.ENTER"})}}[ge(x,{dir:i("dir"),orientation:"vertical"})];if(N){N(x),x.preventDefault();return}Ue.isValidEvent(x)&&(o({type:"TRIGGER.TYPEAHEAD",key:x.key}),x.preventDefault())}}))},getIndicatorProps(){return t.element(y(g({},_e.indicator.attrs),{dir:i("dir"),"aria-hidden":!0,"data-state":p?"open":"closed","data-disabled":E(l),"data-invalid":E(c),"data-readonly":E(h)}))},getItemProps(x){let k=V(x);return t.element(y(g({id:Ul(r,k.value),role:"option"},_e.item.attrs),{dir:i("dir"),"data-value":k.value,"aria-selected":k.selected,"data-state":k.selected?"checked":"unchecked","data-highlighted":E(k.highlighted),"data-disabled":E(k.disabled),"aria-disabled":X(k.disabled),onPointerMove(N){k.disabled||N.pointerType!=="mouse"||k.value!==I&&o({type:"ITEM.POINTER_MOVE",value:k.value})},onClick(N){N.defaultPrevented||k.disabled||o({type:"ITEM.CLICK",src:"pointerup",value:k.value})},onPointerLeave(N){var $;k.disabled||x.persistFocus||N.pointerType!=="mouse"||!(($=e.event.previous())!=null&&$.type.includes("POINTER"))||o({type:"ITEM.POINTER_LEAVE"})}}))},getItemTextProps(x){let k=V(x);return t.element(y(g({},_e.itemText.attrs),{"data-state":k.selected?"checked":"unchecked","data-disabled":E(k.disabled),"data-highlighted":E(k.highlighted)}))},getItemIndicatorProps(x){let k=V(x);return t.element(y(g({"aria-hidden":!0},_e.itemIndicator.attrs),{"data-state":k.selected?"checked":"unchecked",hidden:!k.selected}))},getItemGroupLabelProps(x){let{htmlFor:k}=x;return t.element(y(g({},_e.itemGroupLabel.attrs),{id:bp(r,k),dir:i("dir"),role:"presentation"}))},getItemGroupProps(x){let{id:k}=x;return t.element(y(g({},_e.itemGroup.attrs),{"data-disabled":E(l),id:LO(r,k),"aria-labelledby":bp(r,k),role:"group",dir:i("dir")}))},getClearTriggerProps(){return t.button(y(g({},_e.clearTrigger.attrs),{id:Cp(r),type:"button","aria-label":"Clear value","data-invalid":E(c),disabled:l,hidden:!a("hasSelectedItems"),dir:i("dir"),onClick(x){x.defaultPrevented||o({type:"CLEAR.CLICK"})}}))},getHiddenSelectProps(){let x=n.get("value"),k=i("multiple")?x:x==null?void 0:x[0];return t.select({name:i("name"),form:i("form"),disabled:l,multiple:i("multiple"),required:i("required"),"aria-hidden":!0,id:ql(r),defaultValue:k,style:Vt,tabIndex:-1,onFocus(){var N;(N=ri(r))==null||N.focus({preventScroll:!0})},"aria-labelledby":Ta(r)})},getPositionerProps(){return t.element(y(g({},_e.positioner.attrs),{dir:i("dir"),id:Sp(r),style:A.floating}))},getContentProps(){return t.element(y(g({hidden:!p,dir:i("dir"),id:_l(r),role:m?"listbox":"dialog"},_e.content.attrs),{"data-state":p?"open":"closed","data-placement":b,"data-activedescendant":P,"aria-activedescendant":m?P:void 0,"aria-multiselectable":i("multiple")&&m?!0:void 0,"aria-labelledby":Ta(r),tabIndex:0,onKeyDown(x){if(!S||!ce(x.currentTarget,j(x)))return;if(x.key==="Tab"&&!ds(x)){x.preventDefault();return}let k={ArrowUp(){o({type:"CONTENT.ARROW_UP"})},ArrowDown(){o({type:"CONTENT.ARROW_DOWN"})},Home(){o({type:"CONTENT.HOME"})},End(){o({type:"CONTENT.END"})},Enter(){o({type:"ITEM.CLICK",src:"keydown.enter"})},Space($){var te;f?o({type:"CONTENT.TYPEAHEAD",key:$.key}):(te=k.Enter)==null||te.call(k,$)}},N=k[ge(x)];if(N){N(x),x.preventDefault();return}let D=j(x);Ot(D)||Ue.isValidEvent(x)&&(o({type:"CONTENT.TYPEAHEAD",key:x.key}),x.preventDefault())}}))},getListProps(){return t.element(y(g({},_e.list.attrs),{tabIndex:0,role:m?void 0:"listbox","aria-labelledby":Gl(r),"aria-activedescendant":m?void 0:P,"aria-multiselectable":!m&&i("multiple")?!0:void 0}))}}}function Ip(e){var n,i;let t=(i=e.restoreFocus)!=null?i:(n=e.previousEvent)==null?void 0:n.restoreFocus;return t==null||!!t}function Pp(e,t){return Ki(t?{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}:{items:e,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}function WO(e){return e.replace(/_([a-z])/g,(t,n)=>n.toUpperCase())}function KO(e){let t={};for(let[n,i]of Object.entries(e)){let r=WO(n);t[r]=i}return t}var NO,_e,Ki,RO,_l,Gl,Cp,Ta,DO,Ul,ql,Sp,LO,bp,Hl,$r,ri,MO,Ep,Bl,Hr,ii,$O,HO,BO,GA,_O,UA,GO,qA,UO,WA,qO,zO,Op=re(()=>{"use strict";yr();Pr();Wn();tn();se();NO=U("select").parts("label","positioner","trigger","indicator","clearTrigger","item","itemText","itemIndicator","itemGroup","itemGroupLabel","list","content","root","control","valueText"),_e=NO.build(),Ki=e=>new Nt(e);Ki.empty=()=>new Nt({items:[]});RO=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`select:${e.id}`},_l=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.content)!=null?n:`select:${e.id}:content`},Gl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.trigger)!=null?n:`select:${e.id}:trigger`},Cp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.clearTrigger)!=null?n:`select:${e.id}:clear-trigger`},Ta=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`select:${e.id}:label`},DO=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`select:${e.id}:control`},Ul=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:option:${t}`},ql=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenSelect)!=null?n:`select:${e.id}:select`},Sp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.positioner)!=null?n:`select:${e.id}:positioner`},LO=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroup)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup:${t}`},bp=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.itemGroupLabel)==null?void 0:i.call(n,t))!=null?r:`select:${e.id}:optgroup-label:${t}`},Hl=e=>e.getById(ql(e)),$r=e=>e.getById(_l(e)),ri=e=>e.getById(Gl(e)),MO=e=>e.getById(Cp(e)),Ep=e=>e.getById(Sp(e)),Bl=(e,t)=>t==null?null:e.getById(Ul(e,t));({and:Hr,not:ii,or:$O}=Ee()),HO={props({props:e}){var t;return y(g({loopFocus:!1,closeOnSelect:!e.multiple,composite:!0,defaultValue:[]},e),{collection:(t=e.collection)!=null?t:Ki.empty(),positioning:g({placement:"bottom-start",gutter:8},e.positioning)})},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),isEqual:fe,onChange(n){var r;let i=e("collection").findMany(n);return(r=e("onValueChange"))==null?void 0:r({value:n,items:i})}})),highlightedValue:t(()=>({defaultValue:e("defaultHighlightedValue")||null,value:e("highlightedValue"),onChange(n){var i;(i=e("onHighlightChange"))==null||i({highlightedValue:n,highlightedItem:e("collection").find(n),highlightedIndex:e("collection").indexOf(n)})}})),currentPlacement:t(()=>({defaultValue:void 0})),fieldsetDisabled:t(()=>({defaultValue:!1})),highlightedItem:t(()=>({defaultValue:null})),selectedItems:t(()=>{var r,s;let n=(s=(r=e("value"))!=null?r:e("defaultValue"))!=null?s:[];return{defaultValue:e("collection").findMany(n)}})}},refs(){return{typeahead:g({},Ue.defaultOptions)}},computed:{hasSelectedItems:({context:e})=>e.get("value").length>0,isTypingAhead:({refs:e})=>e.get("typeahead").keysSoFar!=="",isDisabled:({prop:e,context:t})=>!!e("disabled")||!!t.get("fieldsetDisabled"),isInteractive:({prop:e})=>!(e("disabled")||e("readOnly")),valueAsString:({context:e,prop:t})=>t("collection").stringifyItems(e.get("selectedItems"))},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"idle"},entry:["syncSelectElement"],watch({context:e,prop:t,track:n,action:i}){n([()=>e.get("value").toString()],()=>{i(["syncSelectedItems","syncSelectElement","dispatchChangeEvent"])}),n([()=>t("open")],()=>{i(["toggleVisibility"])}),n([()=>e.get("highlightedValue")],()=>{i(["syncHighlightedItem"])}),n([()=>t("collection").toString()],()=>{i(["syncCollection"])})},on:{"HIGHLIGHTED_VALUE.SET":{actions:["setHighlightedItem"]},"HIGHLIGHTED_VALUE.CLEAR":{actions:["clearHighlightedItem"]},"ITEM.SELECT":{actions:["selectItem"]},"ITEM.CLEAR":{actions:["clearItem"]},"VALUE.SET":{actions:["setSelectedItems"]},"VALUE.CLEAR":{actions:["clearSelectedItems"]},"CLEAR.CLICK":{actions:["clearSelectedItems","focusTriggerEl"]}},effects:["trackFormControlState"],states:{idle:{tags:["closed"],on:{"CONTROLLED.OPEN":[{guard:"isTriggerClickEvent",target:"open",actions:["setInitialFocus","highlightFirstSelectedItem"]},{target:"open",actions:["setInitialFocus"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus","highlightFirstSelectedItem"]}],"TRIGGER.FOCUS":{target:"focused"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen"]}]}},focused:{tags:["closed"],on:{"CONTROLLED.OPEN":[{guard:"isTriggerClickEvent",target:"open",actions:["setInitialFocus","highlightFirstSelectedItem"]},{guard:"isTriggerArrowUpEvent",target:"open",actions:["setInitialFocus","highlightComputedLastItem"]},{guard:$O("isTriggerArrowDownEvent","isTriggerEnterEvent"),target:"open",actions:["setInitialFocus","highlightComputedFirstItem"]},{target:"open",actions:["setInitialFocus"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen"]}],"TRIGGER.BLUR":{target:"idle"},"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightFirstSelectedItem"]}],"TRIGGER.ENTER":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedFirstItem"]}],"TRIGGER.ARROW_UP":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedLastItem"]}],"TRIGGER.ARROW_DOWN":[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["setInitialFocus","invokeOnOpen","highlightComputedFirstItem"]}],"TRIGGER.ARROW_LEFT":[{guard:Hr(ii("multiple"),"hasSelectedItems"),actions:["selectPreviousItem"]},{guard:ii("multiple"),actions:["selectLastItem"]}],"TRIGGER.ARROW_RIGHT":[{guard:Hr(ii("multiple"),"hasSelectedItems"),actions:["selectNextItem"]},{guard:ii("multiple"),actions:["selectFirstItem"]}],"TRIGGER.HOME":{guard:ii("multiple"),actions:["selectFirstItem"]},"TRIGGER.END":{guard:ii("multiple"),actions:["selectLastItem"]},"TRIGGER.TYPEAHEAD":{guard:ii("multiple"),actions:["selectMatchingItem"]}}},open:{tags:["open"],exit:["scrollContentToTop"],effects:["trackDismissableElement","computePlacement","scrollToHighlightedItem"],on:{"CONTROLLED.CLOSE":[{guard:"restoreFocus",target:"focused",actions:["focusTriggerEl","clearHighlightedItem"]},{target:"idle",actions:["clearHighlightedItem"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{guard:"restoreFocus",target:"focused",actions:["invokeOnClose","focusTriggerEl","clearHighlightedItem"]},{target:"idle",actions:["invokeOnClose","clearHighlightedItem"]}],"TRIGGER.CLICK":[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"focused",actions:["invokeOnClose","clearHighlightedItem"]}],"ITEM.CLICK":[{guard:Hr("closeOnSelect","isOpenControlled"),actions:["selectHighlightedItem","invokeOnClose"]},{guard:"closeOnSelect",target:"focused",actions:["selectHighlightedItem","invokeOnClose","focusTriggerEl","clearHighlightedItem"]},{actions:["selectHighlightedItem"]}],"CONTENT.HOME":{actions:["highlightFirstItem"]},"CONTENT.END":{actions:["highlightLastItem"]},"CONTENT.ARROW_DOWN":[{guard:Hr("hasHighlightedItem","loop","isLastItemHighlighted"),actions:["highlightFirstItem"]},{guard:"hasHighlightedItem",actions:["highlightNextItem"]},{actions:["highlightFirstItem"]}],"CONTENT.ARROW_UP":[{guard:Hr("hasHighlightedItem","loop","isFirstItemHighlighted"),actions:["highlightLastItem"]},{guard:"hasHighlightedItem",actions:["highlightPreviousItem"]},{actions:["highlightLastItem"]}],"CONTENT.TYPEAHEAD":{actions:["highlightMatchingItem"]},"ITEM.POINTER_MOVE":{actions:["highlightItem"]},"ITEM.POINTER_LEAVE":{actions:["clearHighlightedItem"]},"POSITIONING.SET":{actions:["reposition"]}}}},implementations:{guards:{loop:({prop:e})=>!!e("loopFocus"),multiple:({prop:e})=>!!e("multiple"),hasSelectedItems:({computed:e})=>!!e("hasSelectedItems"),hasHighlightedItem:({context:e})=>e.get("highlightedValue")!=null,isFirstItemHighlighted:({context:e,prop:t})=>e.get("highlightedValue")===t("collection").firstValue,isLastItemHighlighted:({context:e,prop:t})=>e.get("highlightedValue")===t("collection").lastValue,closeOnSelect:({prop:e,event:t})=>{var n;return!!((n=t.closeOnSelect)!=null?n:e("closeOnSelect"))},restoreFocus:({event:e})=>Ip(e),isOpenControlled:({prop:e})=>e("open")!==void 0,isTriggerClickEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.CLICK"},isTriggerEnterEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ENTER"},isTriggerArrowUpEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ARROW_UP"},isTriggerArrowDownEvent:({event:e})=>{var t;return((t=e.previousEvent)==null?void 0:t.type)==="TRIGGER.ARROW_DOWN"}},effects:{trackFormControlState({context:e,scope:t}){return wt(Hl(t),{onFieldsetDisabledChange(n){e.set("fieldsetDisabled",n)},onFormReset(){let n=e.initial("value");e.set("value",n)}})},trackDismissableElement({scope:e,send:t,prop:n}){let i=()=>$r(e),r=!0;return Ft(i,{type:"listbox",defer:!0,exclude:[ri(e),MO(e)],onFocusOutside:n("onFocusOutside"),onPointerDownOutside:n("onPointerDownOutside"),onInteractOutside(s){var a;(a=n("onInteractOutside"))==null||a(s),r=!(s.detail.focusable||s.detail.contextmenu)},onDismiss(){t({type:"CLOSE",src:"interact-outside",restoreFocus:r})}})},computePlacement({context:e,prop:t,scope:n}){let i=t("positioning");return e.set("currentPlacement",i.placement),It(()=>ri(n),()=>Ep(n),y(g({defer:!0},i),{onComplete(a){e.set("currentPlacement",a.placement)}}))},scrollToHighlightedItem({context:e,prop:t,scope:n,event:i}){let r=a=>{let o=e.get("highlightedValue");if(o==null||i.current().type.includes("POINTER"))return;let l=$r(n),c=t("scrollToIndexFn");if(c){let h=t("collection").indexOf(o);c==null||c({index:h,immediate:a,getElement:()=>Bl(n,o)});return}let u=Bl(n,o);Xt(u,{rootEl:l,block:"nearest"})};return H(()=>r(!0)),ot(()=>$r(n),{defer:!0,attributes:["data-activedescendant"],callback(){r(!1)}})}},actions:{reposition({context:e,prop:t,scope:n,event:i}){let r=()=>Ep(n);It(ri(n),r,y(g(g({},t("positioning")),i.options),{defer:!0,listeners:!1,onComplete(s){e.set("currentPlacement",s.placement)}}))},toggleVisibility({send:e,prop:t,event:n}){e({type:t("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:n})},highlightPreviousItem({context:e,prop:t}){let n=e.get("highlightedValue");if(n==null)return;let i=t("collection").getPreviousValue(n,1,t("loopFocus"));i!=null&&e.set("highlightedValue",i)},highlightNextItem({context:e,prop:t}){let n=e.get("highlightedValue");if(n==null)return;let i=t("collection").getNextValue(n,1,t("loopFocus"));i!=null&&e.set("highlightedValue",i)},highlightFirstItem({context:e,prop:t}){let n=t("collection").firstValue;e.set("highlightedValue",n)},highlightLastItem({context:e,prop:t}){let n=t("collection").lastValue;e.set("highlightedValue",n)},setInitialFocus({scope:e}){H(()=>{let t=us({root:$r(e)});t==null||t.focus({preventScroll:!0})})},focusTriggerEl({event:e,scope:t}){Ip(e)&&H(()=>{let n=ri(t);n==null||n.focus({preventScroll:!0})})},selectHighlightedItem({context:e,prop:t,event:n}){var s,a;let i=(s=n.value)!=null?s:e.get("highlightedValue");if(i==null||!t("collection").has(i))return;(a=t("onSelect"))==null||a({value:i}),i=t("deselectable")&&!t("multiple")&&e.get("value").includes(i)?null:i,e.set("value",o=>i==null?[]:t("multiple")?yt(o,i):[i])},highlightComputedFirstItem({context:e,prop:t,computed:n}){let i=t("collection"),r=n("hasSelectedItems")?i.sort(e.get("value"))[0]:i.firstValue;e.set("highlightedValue",r)},highlightComputedLastItem({context:e,prop:t,computed:n}){let i=t("collection"),r=n("hasSelectedItems")?i.sort(e.get("value"))[0]:i.lastValue;e.set("highlightedValue",r)},highlightFirstSelectedItem({context:e,prop:t,computed:n}){if(!n("hasSelectedItems"))return;let i=t("collection").sort(e.get("value"))[0];e.set("highlightedValue",i)},highlightItem({context:e,event:t}){e.set("highlightedValue",t.value)},highlightMatchingItem({context:e,prop:t,event:n,refs:i}){let r=t("collection").search(n.key,{state:i.get("typeahead"),currentValue:e.get("highlightedValue")});r!=null&&e.set("highlightedValue",r)},setHighlightedItem({context:e,event:t}){e.set("highlightedValue",t.value)},clearHighlightedItem({context:e}){e.set("highlightedValue",null)},selectItem({context:e,prop:t,event:n}){var s;(s=t("onSelect"))==null||s({value:n.value});let r=t("deselectable")&&!t("multiple")&&e.get("value").includes(n.value)?null:n.value;e.set("value",a=>r==null?[]:t("multiple")?yt(a,r):[r])},clearItem({context:e,event:t}){e.set("value",n=>n.filter(i=>i!==t.value))},setSelectedItems({context:e,event:t}){e.set("value",t.value)},clearSelectedItems({context:e}){e.set("value",[])},selectPreviousItem({context:e,prop:t}){let[n]=e.get("value"),i=t("collection").getPreviousValue(n);i&&e.set("value",[i])},selectNextItem({context:e,prop:t}){let[n]=e.get("value"),i=t("collection").getNextValue(n);i&&e.set("value",[i])},selectFirstItem({context:e,prop:t}){let n=t("collection").firstValue;n&&e.set("value",[n])},selectLastItem({context:e,prop:t}){let n=t("collection").lastValue;n&&e.set("value",[n])},selectMatchingItem({context:e,prop:t,event:n,refs:i}){let r=t("collection").search(n.key,{state:i.get("typeahead"),currentValue:e.get("value")[0]});r!=null&&e.set("value",[r])},scrollContentToTop({prop:e,scope:t}){var n,i;if(e("scrollToIndexFn")){let r=e("collection").firstValue;(n=e("scrollToIndexFn"))==null||n({index:0,immediate:!0,getElement:()=>Bl(t,r)})}else(i=$r(t))==null||i.scrollTo(0,0)},invokeOnOpen({prop:e,context:t}){var n;(n=e("onOpenChange"))==null||n({open:!0,value:t.get("value")})},invokeOnClose({prop:e,context:t}){var n;(n=e("onOpenChange"))==null||n({open:!1,value:t.get("value")})},syncSelectElement({context:e,prop:t,scope:n}){let i=Hl(n);if(i){if(e.get("value").length===0&&!t("multiple")){i.selectedIndex=-1;return}for(let r of i.options)r.selected=e.get("value").includes(r.value)}},syncCollection({context:e,prop:t}){let n=t("collection"),i=n.find(e.get("highlightedValue"));i&&e.set("highlightedItem",i);let r=n.findMany(e.get("value"));e.set("selectedItems",r)},syncSelectedItems({context:e,prop:t}){let n=t("collection"),i=e.get("selectedItems"),s=e.get("value").map(a=>i.find(l=>n.getItemValue(l)===a)||n.find(a));e.set("selectedItems",s)},syncHighlightedItem({context:e,prop:t}){let n=t("collection"),i=e.get("highlightedValue"),r=i?n.find(i):null;e.set("highlightedItem",r)},dispatchChangeEvent({scope:e}){queueMicrotask(()=>{let t=Hl(e);if(!t)return;let n=e.getWin(),i=new n.Event("change",{bubbles:!0,composed:!0});t.dispatchEvent(i)})}}}};BO=_()(["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","dir","disabled","form","getRootNode","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),GA=B(BO),_O=_()(["item","persistFocus"]),UA=B(_O),GO=_()(["id"]),qA=B(GO),UO=_()(["htmlFor"]),WA=B(UO),qO=class extends K{constructor(t,n){var r;super(t,n);z(this,"_options",[]);z(this,"hasGroups",!1);z(this,"placeholder","");z(this,"init",()=>{this.machine.start(),this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()})});let i=n.collection;this._options=(r=i==null?void 0:i.items)!=null?r:[],this.placeholder=O(this.el,"placeholder")||""}get options(){return Array.isArray(this._options)?this._options:[]}setOptions(t){this._options=Array.isArray(t)?t:[]}getCollection(){let t=this.options;return this.hasGroups?Ki({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled,groupBy:n=>{var i;return(i=n.group)!=null?i:""}}):Ki({items:t,itemToValue:n=>{var i,r;return(r=(i=n.id)!=null?i:n.value)!=null?r:""},itemToString:n=>n.label,isItemDisabled:n=>!!n.disabled})}initMachine(t){let n=this.getCollection.bind(this),i=t.collection;return new W(HO,y(g({},t),{get collection(){return i!=null?i:n()}}))}initApi(){return FO(this.machine.service,q)}applyItemProps(){let t=this.el.querySelector('[data-scope="select"][data-part="content"]');t&&(t.querySelectorAll('[data-scope="select"][data-part="item-group"]').forEach(n=>{var s;let i=(s=n.dataset.id)!=null?s:"";this.spreadProps(n,this.api.getItemGroupProps({id:i}));let r=n.querySelector('[data-scope="select"][data-part="item-group-label"]');r&&this.spreadProps(r,this.api.getItemGroupLabelProps({htmlFor:i}))}),t.querySelectorAll('[data-scope="select"][data-part="item"]').forEach(n=>{var o;let i=(o=n.dataset.value)!=null?o:"",r=this.options.find(l=>{var c,u;return String((u=(c=l.id)!=null?c:l.value)!=null?u:"")===String(i)});if(!r)return;this.spreadProps(n,this.api.getItemProps({item:r}));let s=n.querySelector('[data-scope="select"][data-part="item-text"]');s&&this.spreadProps(s,this.api.getItemTextProps({item:r}));let a=n.querySelector('[data-scope="select"][data-part="item-indicator"]');a&&this.spreadProps(a,this.api.getItemIndicatorProps({item:r}))}))}render(){var a;let t=(a=this.el.querySelector('[data-scope="select"][data-part="root"]'))!=null?a:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="select"][data-part="hidden-select"]'),i=this.el.querySelector('[data-scope="select"][data-part="value-input"]');i&&(!this.api.value||this.api.value.length===0?i.value="":this.api.value.length===1?i.value=String(this.api.value[0]):i.value=this.api.value.map(String).join(",")),n&&this.spreadProps(n,this.api.getHiddenSelectProps()),["label","control","trigger","indicator","clear-trigger","positioner"].forEach(o=>{let l=this.el.querySelector(`[data-scope="select"][data-part="${o}"]`);if(!l)return;let c="get"+o.split("-").map(u=>u[0].toUpperCase()+u.slice(1)).join("")+"Props";this.spreadProps(l,this.api[c]())});let r=this.el.querySelector('[data-scope="select"][data-part="item-text"]');if(r){let o=this.api.valueAsString;if(this.api.value&&this.api.value.length>0&&!o){let l=this.api.value[0],c=this.options.find(u=>{var m,d;let h=(d=(m=u.id)!=null?m:u.value)!=null?d:"";return String(h)===String(l)});c?r.textContent=c.label:r.textContent=this.placeholder||""}else r.textContent=o||this.placeholder||""}let s=this.el.querySelector('[data-scope="select"][data-part="content"]');s&&(this.spreadProps(s,this.api.getContentProps()),this.applyItemProps())}};zO={mounted(){let e=this.el,t=JSON.parse(e.dataset.collection||"[]"),n=t.some(s=>s.group!==void 0),i=Pp(t,n),r=new qO(e,y(g({id:e.id,collection:i},C(e,"controlled")?{value:Z(e,"value")}:{defaultValue:Z(e,"defaultValue")}),{disabled:C(e,"disabled"),closeOnSelect:C(e,"closeOnSelect"),dir:O(e,"dir",["ltr","rtl"]),loopFocus:C(e,"loopFocus"),multiple:C(e,"multiple"),invalid:C(e,"invalid"),name:O(e,"name"),form:O(e,"form"),readOnly:C(e,"readOnly"),required:C(e,"required"),positioning:(()=>{let s=e.dataset.positioning;if(s)try{let a=JSON.parse(s);return KO(a)}catch(a){return}})(),onValueChange:s=>{var T;let a=C(e,"redirect"),o=s.value.length>0?String(s.value[0]):null,l=(T=s.items)!=null&&T.length?s.items[0]:null,c=l&&typeof l=="object"&&l!==null&&"redirect"in l?l.redirect:void 0,u=l&&typeof l=="object"&&l!==null&&"new_tab"in l?l.new_tab:void 0;a&&o&&this.liveSocket.main.isDead&&c!==!1&&(u===!0?window.open(o,"_blank","noopener,noreferrer"):window.location.href=o);let d=e.querySelector('[data-scope="select"][data-part="value-input"]');d&&(d.value=s.value.length===0?"":s.value.length===1?String(s.value[0]):s.value.map(String).join(","),d.dispatchEvent(new Event("input",{bubbles:!0})),d.dispatchEvent(new Event("change",{bubbles:!0})));let p={value:s.value,items:s.items,id:e.id},v=O(e,"onValueChangeClient");v&&e.dispatchEvent(new CustomEvent(v,{bubbles:!0,detail:p}));let I=O(e,"onValueChange");I&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(I,p)}}));r.hasGroups=n,r.setOptions(t),r.init(),this.select=r,this.handlers=[]},updated(){let e=JSON.parse(this.el.dataset.collection||"[]"),t=e.some(n=>n.group!==void 0);this.select&&(this.select.hasGroups=t,this.select.setOptions(e),this.select.updateProps(y(g({collection:Pp(e,t),id:this.el.id},C(this.el,"controlled")?{value:Z(this.el,"value")}:{defaultValue:Z(this.el,"defaultValue")}),{name:O(this.el,"name"),form:O(this.el,"form"),disabled:C(this.el,"disabled"),multiple:C(this.el,"multiple"),dir:O(this.el,"dir",["ltr","rtl"]),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly")})))},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.select)==null||e.destroy()}}});var Kp={};he(Kp,{SignaturePad:()=>Ew});function xp(e,t,n,i=r=>r){return e*i(.5-t*(.5-n))}function Bp(e,t,n){let i=Wl(1,t/n);return Wl(1,e+(Wl(1,1-i)-e)*(i*.275))}function jO(e){return[-e[0],-e[1]]}function Bt(e,t){return[e[0]+t[0],e[1]+t[1]]}function Ap(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e}function Nn(e,t){return[e[0]-t[0],e[1]-t[1]]}function Yl(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e}function kn(e,t){return[e[0]*t,e[1]*t]}function Kl(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e}function XO(e,t){return[e[0]/t,e[1]/t]}function _p(e){return[e[1],-e[0]]}function zl(e,t){let n=t[0];return e[0]=t[1],e[1]=-n,e}function kp(e,t){return e[0]*t[0]+e[1]*t[1]}function ZO(e,t){return e[0]===t[0]&&e[1]===t[1]}function JO(e){return Math.hypot(e[0],e[1])}function Np(e,t){let n=e[0]-t[0],i=e[1]-t[1];return n*n+i*i}function Gp(e){return XO(e,JO(e))}function QO(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function jl(e,t,n){let i=Math.sin(n),r=Math.cos(n),s=e[0]-t[0],a=e[1]-t[1],o=s*r-a*i,l=s*i+a*r;return[o+t[0],l+t[1]]}function Rp(e,t,n,i){let r=Math.sin(i),s=Math.cos(i),a=t[0]-n[0],o=t[1]-n[1],l=a*s-o*r,c=a*r+o*s;return e[0]=l+n[0],e[1]=c+n[1],e}function Dp(e,t,n){return Bt(e,kn(Nn(t,e),n))}function ew(e,t,n,i){let r=n[0]-t[0],s=n[1]-t[1];return e[0]=t[0]+r*i,e[1]=t[1]+s*i,e}function Up(e,t,n){return Bt(e,kn(t,n))}function tw(e,t){let n=Up(e,Gp(_p(Nn(e,Bt(e,[1,1])))),-t),i=[],r=1/13;for(let s=r;s<=1;s+=r)i.push(jl(n,e,Br*2*s));return i}function nw(e,t,n){let i=[],r=1/n;for(let s=r;s<=1;s+=r)i.push(jl(t,e,Br*s));return i}function iw(e,t,n){let i=Nn(t,n),r=kn(i,.5),s=kn(i,.51);return[Nn(e,r),Nn(e,s),Bt(e,s),Bt(e,r)]}function rw(e,t,n,i){let r=[],s=Up(e,t,n),a=1/i;for(let o=a;o<1;o+=a)r.push(jl(s,e,Br*3*o));return r}function sw(e,t,n){return[Bt(e,kn(t,n)),Bt(e,kn(t,n*.99)),Nn(e,kn(t,n*.99)),Nn(e,kn(t,n))]}function Lp(e,t,n){return e===!1||e===void 0?0:e===!0?Math.max(t,n):e}function aw(e,t,n){return e.slice(0,10).reduce((i,r)=>{let s=r.pressure;return t&&(s=Bp(i,r.distance,n)),(i+s)/2},e[0].pressure)}function ow(e,t={}){let{size:n=16,smoothing:i=.5,thinning:r=.5,simulatePressure:s=!0,easing:a=Q=>Q,start:o={},end:l={},last:c=!1}=t,{cap:u=!0,easing:h=Q=>Q*(2-Q)}=o,{cap:m=!0,easing:d=Q=>--Q*Q*Q+1}=l;if(e.length===0||n<=0)return[];let p=e[e.length-1].runningLength,v=Lp(o.taper,n,p),I=Lp(l.taper,n,p),T=(n*i)**2,w=[],b=[],f=aw(e,s,n),S=xp(n,r,e[e.length-1].pressure,a),P,V=e[0].vector,A=e[0].point,x=A,k=A,N=x,D=!1;for(let Q=0;Q<e.length;Q++){let{pressure:Se}=e[Q],{point:Pe,vector:ne,distance:Ie,runningLength:rt}=e[Q],Ut=Q===e.length-1;if(!Ut&&p-rt<3)continue;r?(s&&(Se=Bp(f,Ie,n)),S=xp(n,r,Se,a)):S=n/2,P===void 0&&(P=S);let Xi=rt<v?h(rt/v):1,La=p-rt<I?d((p-rt)/I):1;S=Math.max(.01,S*Math.min(Xi,La));let M=(Ut?e[Q]:e[Q+1]).vector,R=Ut?1:kp(ne,M),F=kp(ne,V)<0&&!D,G=R!==null&&R<0;if(F||G){zl(De,V),Kl(De,De,S);for(let ae=0;ae<=1;ae+=.07692307692307693)Yl(xn,Pe,De),Rp(xn,xn,Pe,Br*ae),k=[xn[0],xn[1]],w.push(k),Ap(An,Pe,De),Rp(An,An,Pe,Br*-ae),N=[An[0],An[1]],b.push(N);A=k,x=N,G&&(D=!0);continue}if(D=!1,Ut){zl(De,ne),Kl(De,De,S),w.push(Nn(Pe,De)),b.push(Bt(Pe,De));continue}ew(De,M,ne,R),zl(De,De),Kl(De,De,S),Yl(xn,Pe,De),k=[xn[0],xn[1]],(Q<=1||Np(A,k)>T)&&(w.push(k),A=k),Ap(An,Pe,De),N=[An[0],An[1]],(Q<=1||Np(x,N)>T)&&(b.push(N),x=N),f=Se,V=ne}let $=[e[0].point[0],e[0].point[1]],te=e.length>1?[e[e.length-1].point[0],e[e.length-1].point[1]]:Bt(e[0].point,[1,1]),J=[],ie=[];if(e.length===1){if(!(v||I)||c)return tw($,P||S)}else{v||I&&e.length===1||(u?J.push(...nw($,b[0],13)):J.push(...iw($,w[0],b[0])));let Q=_p(jO(e[e.length-1].vector));I||v&&e.length===1?ie.push(te):m?ie.push(...rw(te,Q,S,29)):ie.push(...sw(te,Q,S))}return w.concat(ie,b.reverse(),J)}function Fp(e){return e!=null&&e>=0}function lw(e,t={}){var m;let{streamline:n=.5,size:i=16,last:r=!1}=t;if(e.length===0)return[];let s=.15+(1-n)*.85,a=Array.isArray(e[0])?e:e.map(({x:d,y:p,pressure:v=wp})=>[d,p,v]);if(a.length===2){let d=a[1];a=a.slice(0,-1);for(let p=1;p<5;p++)a.push(Dp(a[0],d,p/4))}a.length===1&&(a=[...a,[...Bt(a[0],Vp),...a[0].slice(2)]]);let o=[{point:[a[0][0],a[0][1]],pressure:Fp(a[0][2])?a[0][2]:.25,vector:[...Vp],distance:0,runningLength:0}],l=!1,c=0,u=o[0],h=a.length-1;for(let d=1;d<a.length;d++){let p=r&&d===h?[a[d][0],a[d][1]]:Dp(u.point,a[d],s);if(ZO(u.point,p))continue;let v=QO(p,u.point);if(c+=v,d<h&&!l){if(c<i)continue;l=!0}Yl(Mp,u.point,p),u={point:p,pressure:Fp(a[d][2])?a[d][2]:wp,vector:Gp(Mp),distance:v,runningLength:c},o.push(u)}return o[0].vector=((m=o[1])==null?void 0:m.vector)||[0,0],o}function cw(e,t={}){return ow(lw(e,t),t)}function fw(e,t){let{state:n,send:i,prop:r,computed:s,context:a,scope:o}=e,l=n.matches("drawing"),c=s("isEmpty"),u=s("isInteractive"),h=!!r("disabled"),m=!!r("required"),d=r("translations");return{empty:c,drawing:l,currentPath:a.get("currentPath"),paths:a.get("paths"),clear(){i({type:"CLEAR"})},getDataUrl(p,v){return s("isEmpty")?Promise.resolve(""):Wp(o,{type:p,quality:v})},getLabelProps(){return t.label(y(g({},si.label.attrs),{id:gw(o),"data-disabled":E(h),"data-required":E(m),htmlFor:$p(o),onClick(p){if(!u||p.defaultPrevented)return;let v=Va(o);v==null||v.focus({preventScroll:!0})}}))},getRootProps(){return t.element(y(g({},si.root.attrs),{"data-disabled":E(h),id:hw(o)}))},getControlProps(){return t.element(y(g({},si.control.attrs),{tabIndex:h?void 0:0,id:qp(o),role:"application","aria-roledescription":"signature pad","aria-label":d.control,"aria-disabled":h,"data-disabled":E(h),onPointerDown(p){if(!pe(p)||xe(p)||!u)return;let v=j(p);if(v!=null&&v.closest("[data-part=clear-trigger]"))return;p.currentTarget.setPointerCapture(p.pointerId);let I={x:p.clientX,y:p.clientY},T=Va(o);if(!T)return;let{offset:w}=to(I,T);i({type:"POINTER_DOWN",point:w,pressure:p.pressure})},onPointerUp(p){u&&p.currentTarget.hasPointerCapture(p.pointerId)&&p.currentTarget.releasePointerCapture(p.pointerId)},style:{position:"relative",touchAction:"none",userSelect:"none",WebkitUserSelect:"none"}}))},getSegmentProps(){return t.svg(y(g({},si.segment.attrs),{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",fill:r("drawing").fill}}))},getSegmentPathProps(p){return t.path(y(g({},si.segmentPath.attrs),{d:p.path}))},getGuideProps(){return t.element(y(g({},si.guide.attrs),{"data-disabled":E(h)}))},getClearTriggerProps(){return t.button(y(g({},si.clearTrigger.attrs),{type:"button","aria-label":d.clearTrigger,hidden:!a.get("paths").length||l,disabled:h,onClick(){i({type:"CLEAR"})}}))},getHiddenInputProps(p){return t.input({id:$p(o),type:"text",hidden:!0,disabled:h,required:r("required"),readOnly:!0,name:r("name"),value:p.value})}}}function mw(e,t=!0){let n=e.length;if(n<4)return"";let i=e[0],r=e[1],s=e[2],a=`M${i[0].toFixed(2)},${i[1].toFixed(2)} Q${r[0].toFixed(2)},${r[1].toFixed(2)} ${Oa(r[0],s[0]).toFixed(2)},${Oa(r[1],s[1]).toFixed(2)} T`;for(let o=2,l=n-1;o<l;o++)i=e[o],r=e[o+1],a+=`${Oa(i[0],r[0]).toFixed(2)},${Oa(i[1],r[1]).toFixed(2)} `;return t&&(a+="Z"),a}function wa(e,t){let n=e.dataset[t];if(!n)return[];try{return JSON.parse(n)}catch(i){return[]}}function Hp(e){var t,n,i,r;return{fill:O(e,"drawingFill")||"black",size:(t=Y(e,"drawingSize"))!=null?t:2,simulatePressure:C(e,"drawingSimulatePressure"),smoothing:(n=Y(e,"drawingSmoothing"))!=null?n:.5,thinning:(i=Y(e,"drawingThinning"))!=null?i:.7,streamline:(r=Y(e,"drawingStreamline"))!=null?r:.65}}var YO,Br,wp,Vp,Wl,De,xn,An,Mp,uw,dw,si,hw,qp,gw,$p,Va,pw,Wp,Oa,vw,yw,jA,bw,Ew,zp=re(()=>{"use strict";se();({PI:YO}=Math),Br=YO+1e-4,wp=.5,Vp=[1,1];({min:Wl}=Math);De=[0,0],xn=[0,0],An=[0,0];Mp=[0,0];uw=cw,dw=U("signature-pad").parts("root","control","segment","segmentPath","guide","clearTrigger","label"),si=dw.build(),hw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`signature-${e.id}`},qp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`signature-control-${e.id}`},gw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`signature-label-${e.id}`},$p=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`signature-input-${e.id}`},Va=e=>e.getById(qp(e)),pw=e=>vi(Va(e),"[data-part=segment]"),Wp=(e,t)=>Sc(pw(e),t);Oa=(e,t)=>(e+t)/2;vw={props({props:e}){return y(g({defaultPaths:[]},e),{drawing:g({size:2,simulatePressure:!1,thinning:.7,smoothing:.4,streamline:.6},e.drawing),translations:g({control:"signature pad",clearTrigger:"clear signature"},e.translations)})},initialState(){return"idle"},context({prop:e,bindable:t}){return{paths:t(()=>({defaultValue:e("defaultPaths"),value:e("paths"),sync:!0,onChange(n){var i;(i=e("onDraw"))==null||i({paths:n})}})),currentPoints:t(()=>({defaultValue:[]})),currentPath:t(()=>({defaultValue:null}))}},computed:{isInteractive:({prop:e})=>!(e("disabled")||e("readOnly")),isEmpty:({context:e})=>e.get("paths").length===0},on:{CLEAR:{actions:["clearPoints","invokeOnDrawEnd","focusCanvasEl"]}},states:{idle:{on:{POINTER_DOWN:{target:"drawing",actions:["addPoint"]}}},drawing:{effects:["trackPointerMove"],on:{POINTER_MOVE:{actions:["addPoint","invokeOnDraw"]},POINTER_UP:{target:"idle",actions:["endStroke","invokeOnDrawEnd"]}}}},implementations:{effects:{trackPointerMove({scope:e,send:t}){let n=e.getDoc();return hn(n,{onPointerMove({event:i,point:r}){let s=Va(e);if(!s)return;let{offset:a}=to(r,s);t({type:"POINTER_MOVE",point:a,pressure:i.pressure})},onPointerUp(){t({type:"POINTER_UP"})}})}},actions:{addPoint({context:e,event:t,prop:n}){let i=[...e.get("currentPoints"),t.point];e.set("currentPoints",i);let r=uw(i,n("drawing"));e.set("currentPath",mw(r))},endStroke({context:e}){let t=[...e.get("paths"),e.get("currentPath")];e.set("paths",t),e.set("currentPoints",[]),e.set("currentPath",null)},clearPoints({context:e}){e.set("currentPoints",[]),e.set("paths",[]),e.set("currentPath",null)},focusCanvasEl({scope:e}){queueMicrotask(()=>{var t;(t=e.getActiveElement())==null||t.focus({preventScroll:!0})})},invokeOnDraw({context:e,prop:t}){var n;(n=t("onDraw"))==null||n({paths:[...e.get("paths"),e.get("currentPath")]})},invokeOnDrawEnd({context:e,prop:t,scope:n,computed:i}){var r;(r=t("onDrawEnd"))==null||r({paths:[...e.get("paths")],getDataUrl(s,a=.92){return i("isEmpty")?Promise.resolve(""):Wp(n,{type:s,quality:a})}})}}}},yw=_()(["defaultPaths","dir","disabled","drawing","getRootNode","id","ids","name","onDraw","onDrawEnd","paths","readOnly","required","translations"]),jA=B(yw),bw=class extends K{constructor(){super(...arguments);z(this,"imageURL","");z(this,"paths",[]);z(this,"name");z(this,"syncPaths",()=>{let t=this.el.querySelector('[data-scope="signature-pad"][data-part="segment"]');if(!t)return;if(this.api.paths.length+(this.api.currentPath?1:0)===0){t.innerHTML="",this.imageURL="",this.paths=[];let i=this.el.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');i&&(i.value="");return}if(t.innerHTML="",this.api.paths.forEach(i=>{let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("data-scope","signature-pad"),r.setAttribute("data-part","path"),this.spreadProps(r,this.api.getSegmentPathProps({path:i})),t.appendChild(r)}),this.api.currentPath){let i=document.createElementNS("http://www.w3.org/2000/svg","path");i.setAttribute("data-scope","signature-pad"),i.setAttribute("data-part","current-path"),this.spreadProps(i,this.api.getSegmentPathProps({path:this.api.currentPath})),t.appendChild(i)}})}initMachine(t){return this.name=t.name,new W(vw,t)}setName(t){this.name=t}setPaths(t){this.paths=t}initApi(){return fw(this.machine.service,q)}render(){let t=this.el.querySelector('[data-scope="signature-pad"][data-part="root"]');if(!t)return;this.spreadProps(t,this.api.getRootProps());let n=t.querySelector('[data-scope="signature-pad"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=t.querySelector('[data-scope="signature-pad"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=t.querySelector('[data-scope="signature-pad"][data-part="segment"]');r&&this.spreadProps(r,this.api.getSegmentProps());let s=t.querySelector('[data-scope="signature-pad"][data-part="guide"]');s&&this.spreadProps(s,this.api.getGuideProps());let a=t.querySelector('[data-scope="signature-pad"][data-part="clear-trigger"]');if(a){this.spreadProps(a,this.api.getClearTriggerProps());let l=this.api.paths.length>0||!!this.api.currentPath;a.hidden=!l}let o=t.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');if(o){let l=this.paths.length>0?this.paths:this.api.paths;this.paths.length===0&&this.api.paths.length>0&&(this.paths=[...this.api.paths]);let c=l.length>0?JSON.stringify(l):"";this.spreadProps(o,this.api.getHiddenInputProps({value:c})),this.name&&(o.name=this.name),o.value=c}this.syncPaths()}};Ew={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=C(e,"controlled"),i=wa(e,"paths"),r=wa(e,"defaultPaths"),s=new bw(e,y(g(g({id:e.id,name:O(e,"name")},n&&i.length>0?{paths:i}:void 0),!n&&r.length>0?{defaultPaths:r}:void 0),{drawing:Hp(e),onDrawEnd:o=>{s.setPaths(o.paths);let l=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');l&&(l.value=JSON.stringify(o.paths)),o.getDataUrl("image/png").then(c=>{s.imageURL=c;let u=O(e,"onDrawEnd");u&&this.liveSocket.main.isConnected()&&t(u,{id:e.id,paths:o.paths,url:c});let h=O(e,"onDrawEndClient");h&&e.dispatchEvent(new CustomEvent(h,{bubbles:!0,detail:{id:e.id,paths:o.paths,url:c}}))})}}));if(s.init(),this.signaturePad=s,(n?i:r).length>0){let o=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');o&&(o.dispatchEvent(new Event("input",{bubbles:!0})),o.dispatchEvent(new Event("change",{bubbles:!0})))}this.onClear=o=>{let{id:l}=o.detail;if(l&&l!==e.id)return;s.api.clear(),s.imageURL="",s.setPaths([]);let c=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');c&&(c.value="")},e.addEventListener("phx:signature-pad:clear",this.onClear),this.handlers=[],this.handlers.push(this.handleEvent("signature_pad_clear",o=>{let l=o.signature_pad_id;if(l&&l!==e.id)return;s.api.clear(),s.imageURL="",s.setPaths([]);let c=e.querySelector('[data-scope="signature-pad"][data-part="hidden-input"]');c&&(c.value="")}))},updated(){var r,s;let e=C(this.el,"controlled"),t=wa(this.el,"paths"),n=wa(this.el,"defaultPaths"),i=O(this.el,"name");i&&((r=this.signaturePad)==null||r.setName(i)),(s=this.signaturePad)==null||s.updateProps(y(g(g({id:this.el.id,name:i},e&&t.length>0?{paths:t}:{}),!e&&n.length>0?{defaultPaths:n}:{}),{drawing:Hp(this.el)}))},destroyed(){var e;if(this.onClear&&this.el.removeEventListener("phx:signature-pad:clear",this.onClear),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.signaturePad)==null||e.destroy()}}});var Zp={};he(Zp,{Switch:()=>xw});function Tw(e,t){let{context:n,send:i,prop:r,scope:s}=e,a=!!r("disabled"),o=!!r("readOnly"),l=!!r("required"),c=!!n.get("checked"),u=!a&&n.get("focused"),h=!a&&n.get("focusVisible"),m=!a&&n.get("active"),d={"data-active":E(m),"data-focus":E(u),"data-focus-visible":E(h),"data-readonly":E(o),"data-hover":E(n.get("hovered")),"data-disabled":E(a),"data-state":c?"checked":"unchecked","data-invalid":E(r("invalid")),"data-required":E(l)};return{checked:c,disabled:a,focused:u,setChecked(p){i({type:"CHECKED.SET",checked:p,isTrusted:!1})},toggleChecked(){i({type:"CHECKED.TOGGLE",checked:c,isTrusted:!1})},getRootProps(){return t.label(y(g(g({},xa.root.attrs),d),{dir:r("dir"),id:Xp(s),htmlFor:Xl(s),onPointerMove(){a||i({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){a||i({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(p){var I;if(a)return;j(p)===zi(s)&&p.stopPropagation(),Xe()&&((I=zi(s))==null||I.focus())}}))},getLabelProps(){return t.element(y(g(g({},xa.label.attrs),d),{dir:r("dir"),id:Yp(s)}))},getThumbProps(){return t.element(y(g(g({},xa.thumb.attrs),d),{dir:r("dir"),id:Pw(s),"aria-hidden":!0}))},getControlProps(){return t.element(y(g(g({},xa.control.attrs),d),{dir:r("dir"),id:Cw(s),"aria-hidden":!0}))},getHiddenInputProps(){return t.input({id:Xl(s),type:"checkbox",required:r("required"),defaultChecked:c,disabled:a,"aria-labelledby":Yp(s),"aria-invalid":r("invalid"),name:r("name"),form:r("form"),value:r("value"),style:Vt,onFocus(){let p=En();i({type:"CONTEXT.SET",context:{focused:!0,focusVisible:p}})},onBlur(){i({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(p){if(o){p.preventDefault();return}let v=p.currentTarget.checked;i({type:"CHECKED.SET",checked:v,isTrusted:!0})}})}}}var Iw,xa,Xp,Yp,Pw,Cw,Xl,Sw,zi,jp,Ow,ww,ek,Vw,xw,Jp=re(()=>{"use strict";pr();se();Iw=U("switch").parts("root","label","control","thumb"),xa=Iw.build(),Xp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`switch:${e.id}`},Yp=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`switch:${e.id}:label`},Pw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.thumb)!=null?n:`switch:${e.id}:thumb`},Cw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.control)!=null?n:`switch:${e.id}:control`},Xl=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.hiddenInput)!=null?n:`switch:${e.id}:input`},Sw=e=>e.getById(Xp(e)),zi=e=>e.getById(Xl(e));({not:jp}=Ee()),Ow={props({props:e}){return g({defaultChecked:!1,label:"switch",value:"on"},e)},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(n){var i;(i=e("onCheckedChange"))==null||i({checked:n})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},computed:{isDisabled:({context:e,prop:t})=>t("disabled")||e.get("fieldsetDisabled")},watch({track:e,prop:t,context:n,action:i}){e([()=>t("disabled")],()=>{i(["removeFocusIfNeeded"])}),e([()=>n.get("checked")],()=>{i(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:jp("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:jp("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({computed:e,scope:t,context:n}){if(!e("isDisabled"))return ps({pointerNode:Sw(t),keyboardNode:zi(t),isValidKey:i=>i.key===" ",onPress:()=>n.set("active",!1),onPressStart:()=>n.set("active",!0),onPressEnd:()=>n.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("isDisabled"))return Pn({root:t.getRootNode()})},trackFormControlState({context:e,send:t,scope:n}){return wt(zi(n),{onFieldsetDisabledChange(i){e.set("fieldsetDisabled",i)},onFormReset(){let i=e.initial("checked");t({type:"CHECKED.SET",checked:!!i,src:"form-reset"})}})}},actions:{setContext({context:e,event:t}){for(let n in t.context)e.set(n,t.context[n])},syncInputElement({context:e,scope:t}){let n=zi(t);n&&sr(n,!!e.get("checked"))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.set("focused",!1)},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e}){e.set("checked",!e.get("checked"))},dispatchChangeEvent({context:e,scope:t}){queueMicrotask(()=>{let n=zi(t);pi(n,{checked:e.get("checked")})})}}}},ww=_()(["checked","defaultChecked","dir","disabled","form","getRootNode","id","ids","invalid","label","name","onCheckedChange","readOnly","required","value"]),ek=B(ww),Vw=class extends K{initMachine(e){return new W(Ow,e)}initApi(){return Tw(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="switch"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelector('[data-scope="switch"][data-part="hidden-input"]');t&&this.spreadProps(t,this.api.getHiddenInputProps());let n=this.el.querySelector('[data-scope="switch"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps());let i=this.el.querySelector('[data-scope="switch"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps());let r=this.el.querySelector('[data-scope="switch"][data-part="thumb"]');r&&this.spreadProps(r,this.api.getThumbProps())}},xw={mounted(){let e=this.el,t=this.pushEvent.bind(this);this.wasFocused=!1;let n=new Vw(e,y(g({id:e.id},C(e,"controlled")?{checked:C(e,"checked")}:{defaultChecked:C(e,"defaultChecked")}),{disabled:C(e,"disabled"),name:O(e,"name"),form:O(e,"form"),value:O(e,"value"),dir:O(e,"dir",["ltr","rtl"]),invalid:C(e,"invalid"),required:C(e,"required"),readOnly:C(e,"readOnly"),label:O(e,"label"),onCheckedChange:i=>{let r=O(e,"onCheckedChange");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(r,{checked:i.checked,id:e.id});let s=O(e,"onCheckedChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{value:i,id:e.id}}))}}));n.init(),this.zagSwitch=n,this.onSetChecked=i=>{let{value:r}=i.detail;n.api.setChecked(r)},e.addEventListener("phx:switch:set-checked",this.onSetChecked),this.handlers=[],this.handlers.push(this.handleEvent("switch_set_checked",i=>{let r=i.id;r&&r!==e.id||n.api.setChecked(i.value)})),this.handlers.push(this.handleEvent("switch_toggle_checked",i=>{let r=i.id;r&&r!==e.id||n.api.toggleChecked()})),this.handlers.push(this.handleEvent("switch_checked",()=>{this.pushEvent("switch_checked_response",{value:n.api.checked})})),this.handlers.push(this.handleEvent("switch_focused",()=>{this.pushEvent("switch_focused_response",{value:n.api.focused})})),this.handlers.push(this.handleEvent("switch_disabled",()=>{this.pushEvent("switch_disabled_response",{value:n.api.disabled})}))},beforeUpdate(){var e,t;this.wasFocused=(t=(e=this.zagSwitch)==null?void 0:e.api.focused)!=null?t:!1},updated(){var e;if((e=this.zagSwitch)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{checked:C(this.el,"checked")}:{defaultChecked:C(this.el,"defaultChecked")}),{disabled:C(this.el,"disabled"),name:O(this.el,"name"),form:O(this.el,"form"),value:O(this.el,"value"),dir:O(this.el,"dir",["ltr","rtl"]),invalid:C(this.el,"invalid"),required:C(this.el,"required"),readOnly:C(this.el,"readOnly"),label:O(this.el,"label")})),C(this.el,"controlled")&&this.wasFocused){let t=this.el.querySelector('[data-part="hidden-input"]');t==null||t.focus()}},destroyed(){var e;if(this.onSetChecked&&this.el.removeEventListener("phx:switch:set-checked",this.onSetChecked),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.zagSwitch)==null||e.destroy()}}});var nf={};he(nf,{Tabs:()=>Kw});function Hw(e,t){let{state:n,send:i,context:r,prop:s,scope:a}=e,o=s("translations"),l=n.matches("focused"),c=s("orientation")==="vertical",u=s("orientation")==="horizontal",h=s("composite");function m(d){return{selected:r.get("value")===d.value,focused:r.get("focusedValue")===d.value,disabled:!!d.disabled}}return{value:r.get("value"),focusedValue:r.get("focusedValue"),setValue(d){i({type:"SET_VALUE",value:d})},clearValue(){i({type:"CLEAR_VALUE"})},setIndicatorRect(d){let p=ai(a,d);i({type:"SET_INDICATOR_RECT",id:p})},syncTabIndex(){i({type:"SYNC_TAB_INDEX"})},selectNext(d){i({type:"TAB_FOCUS",value:d,src:"selectNext"}),i({type:"ARROW_NEXT",src:"selectNext"})},selectPrev(d){i({type:"TAB_FOCUS",value:d,src:"selectPrev"}),i({type:"ARROW_PREV",src:"selectPrev"})},focus(){var p;let d=r.get("value");d&&((p=Aa(a,d))==null||p.focus())},getRootProps(){return t.element(y(g({},_r.root.attrs),{id:kw(a),"data-orientation":s("orientation"),"data-focus":E(l),dir:s("dir")}))},getListProps(){return t.element(y(g({},_r.list.attrs),{id:Gr(a),role:"tablist",dir:s("dir"),"data-focus":E(l),"aria-orientation":s("orientation"),"data-orientation":s("orientation"),"aria-label":o==null?void 0:o.listLabel,onKeyDown(d){if(d.defaultPrevented||Re(d)||!ce(d.currentTarget,j(d)))return;let p={ArrowDown(){u||i({type:"ARROW_NEXT",key:"ArrowDown"})},ArrowUp(){u||i({type:"ARROW_PREV",key:"ArrowUp"})},ArrowLeft(){c||i({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){c||i({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){i({type:"HOME"})},End(){i({type:"END"})}},v=ge(d,{dir:s("dir"),orientation:s("orientation")}),I=p[v];if(I){d.preventDefault(),I(d);return}}}))},getTriggerState:m,getTriggerProps(d){let{value:p,disabled:v}=d,I=m(d);return t.button(y(g({},_r.trigger.attrs),{role:"tab",type:"button",disabled:v,dir:s("dir"),"data-orientation":s("orientation"),"data-disabled":E(v),"aria-disabled":v,"data-value":p,"aria-selected":I.selected,"data-selected":E(I.selected),"data-focus":E(I.focused),"aria-controls":I.selected?Zl(a,p):void 0,"data-ownedby":Gr(a),"data-ssr":E(r.get("ssr")),id:ai(a,p),tabIndex:I.selected&&h?0:-1,onFocus(){i({type:"TAB_FOCUS",value:p})},onBlur(T){let w=T.relatedTarget;(w==null?void 0:w.getAttribute("role"))!=="tab"&&i({type:"TAB_BLUR"})},onClick(T){T.defaultPrevented||Fn(T)||v||(Xe()&&T.currentTarget.focus(),i({type:"TAB_CLICK",value:p}))}}))},getContentProps(d){let{value:p}=d,v=r.get("value")===p;return t.element(y(g({},_r.content.attrs),{dir:s("dir"),id:Zl(a,p),tabIndex:h?0:-1,"aria-labelledby":ai(a,p),role:"tabpanel","data-ownedby":Gr(a),"data-selected":E(v),"data-orientation":s("orientation"),hidden:!v}))},getIndicatorProps(){let d=r.get("indicatorRect"),p=d==null||d.width===0&&d.height===0&&d.x===0&&d.y===0;return t.element(y(g({id:ef(a)},_r.indicator.attrs),{dir:s("dir"),"data-orientation":s("orientation"),hidden:p,style:{"--transition-property":"left, right, top, bottom, width, height","--left":ye(d==null?void 0:d.x),"--top":ye(d==null?void 0:d.y),"--width":ye(d==null?void 0:d.width),"--height":ye(d==null?void 0:d.height),position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:"var(--transition-duration, 150ms)",transitionTimingFunction:"var(--transition-timing-function)",[u?"left":"top"]:u?"var(--left)":"var(--top)"}}))}}}var Aw,_r,kw,Gr,Zl,ai,ef,Nw,Rw,Aa,Qp,Yi,Dw,Lw,Mw,Fw,tf,$w,Bw,_w,Gw,rk,Uw,sk,qw,ak,Ww,Kw,rf=re(()=>{"use strict";se();Aw=U("tabs").parts("root","list","trigger","content","indicator"),_r=Aw.build(),kw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`tabs:${e.id}`},Gr=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.list)!=null?n:`tabs:${e.id}:list`},Zl=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.content)==null?void 0:i.call(n,t))!=null?r:`tabs:${e.id}:content-${t}`},ai=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.trigger)==null?void 0:i.call(n,t))!=null?r:`tabs:${e.id}:trigger-${t}`},ef=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.indicator)!=null?n:`tabs:${e.id}:indicator`},Nw=e=>e.getById(Gr(e)),Rw=(e,t)=>e.getById(Zl(e,t)),Aa=(e,t)=>t!=null?e.getById(ai(e,t)):null,Qp=e=>e.getById(ef(e)),Yi=e=>{let n=`[role=tab][data-ownedby='${CSS.escape(Gr(e))}']:not([disabled])`;return Fe(Nw(e),n)},Dw=e=>lt(Yi(e)),Lw=e=>mt(Yi(e)),Mw=(e,t)=>yi(Yi(e),ai(e,t.value),t.loopFocus),Fw=(e,t)=>bi(Yi(e),ai(e,t.value),t.loopFocus),tf=e=>{var t,n,i,r;return{x:(t=e==null?void 0:e.offsetLeft)!=null?t:0,y:(n=e==null?void 0:e.offsetTop)!=null?n:0,width:(i=e==null?void 0:e.offsetWidth)!=null?i:0,height:(r=e==null?void 0:e.offsetHeight)!=null?r:0}},$w=(e,t)=>{let n=so(Yi(e),ai(e,t));return tf(n)};({createMachine:Bw}=ut()),_w=Bw({props({props:e}){return g({dir:"ltr",orientation:"horizontal",activationMode:"automatic",loopFocus:!0,composite:!0,navigate(t){mi(t.node)},defaultValue:null},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(n){var i;(i=e("onFocusChange"))==null||i({focusedValue:n})}})),ssr:t(()=>({defaultValue:!0})),indicatorRect:t(()=>({defaultValue:null}))}},watch({context:e,prop:t,track:n,action:i}){n([()=>e.get("value")],()=>{i(["syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),n([()=>t("dir"),()=>t("orientation")],()=>{i(["syncIndicatorRect"])})},on:{SET_VALUE:{actions:["setValue"]},CLEAR_VALUE:{actions:["clearValue"]},SET_INDICATOR_RECT:{actions:["setIndicatorRect"]},SYNC_TAB_INDEX:{actions:["syncTabIndex"]}},entry:["syncIndicatorRect","syncTabIndex","syncSsr"],exit:["cleanupObserver"],states:{idle:{on:{TAB_FOCUS:{target:"focused",actions:["setFocusedValue"]},TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]}}},focused:{on:{TAB_CLICK:{actions:["setFocusedValue","setValue"]},ARROW_PREV:[{guard:"selectOnFocus",actions:["focusPrevTab","selectFocusedTab"]},{actions:["focusPrevTab"]}],ARROW_NEXT:[{guard:"selectOnFocus",actions:["focusNextTab","selectFocusedTab"]},{actions:["focusNextTab"]}],HOME:[{guard:"selectOnFocus",actions:["focusFirstTab","selectFocusedTab"]},{actions:["focusFirstTab"]}],END:[{guard:"selectOnFocus",actions:["focusLastTab","selectFocusedTab"]},{actions:["focusLastTab"]}],TAB_FOCUS:{actions:["setFocusedValue"]},TAB_BLUR:{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{selectOnFocus:({prop:e})=>e("activationMode")==="automatic"},actions:{selectFocusedTab({context:e,prop:t}){H(()=>{let n=e.get("focusedValue");if(!n)return;let r=t("deselectable")&&e.get("value")===n?null:n;e.set("value",r)})},setFocusedValue({context:e,event:t,flush:n}){t.value!=null&&n(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:n}){let i=n("deselectable")&&e.get("value")===e.get("focusedValue");e.set("value",i?null:t.value)},clearValue({context:e}){e.set("value",null)},focusFirstTab({scope:e}){H(()=>{var t;(t=Dw(e))==null||t.focus()})},focusLastTab({scope:e}){H(()=>{var t;(t=Lw(e))==null||t.focus()})},focusNextTab({context:e,prop:t,scope:n,event:i}){var a;let r=(a=i.value)!=null?a:e.get("focusedValue");if(!r)return;let s=Mw(n,{value:r,loopFocus:t("loopFocus")});H(()=>{t("composite")?s==null||s.focus():(s==null?void 0:s.dataset.value)!=null&&e.set("focusedValue",s.dataset.value)})},focusPrevTab({context:e,prop:t,scope:n,event:i}){var a;let r=(a=i.value)!=null?a:e.get("focusedValue");if(!r)return;let s=Fw(n,{value:r,loopFocus:t("loopFocus")});H(()=>{t("composite")?s==null||s.focus():(s==null?void 0:s.dataset.value)!=null&&e.set("focusedValue",s.dataset.value)})},syncTabIndex({context:e,scope:t}){H(()=>{let n=e.get("value");if(!n)return;let i=Rw(t,n);if(!i)return;ar(i).length>0?i.removeAttribute("tabindex"):i.setAttribute("tabindex","0")})},cleanupObserver({refs:e}){let t=e.get("indicatorCleanup");t&&t()},setIndicatorRect({context:e,event:t,scope:n}){var a;let i=(a=t.id)!=null?a:e.get("value");!Qp(n)||!i||!Aa(n,i)||e.set("indicatorRect",$w(n,i))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:n}){let i=t.get("indicatorCleanup");if(i&&i(),!Qp(n))return;let s=()=>{let l=Aa(n,e.get("value"));if(!l)return;let c=tf(l);e.set("indicatorRect",u=>fe(u,c)?u:c)};s();let a=Yi(n),o=At(...a.map(l=>gn.observe(l,s)));t.set("indicatorCleanup",o)},navigateIfNeeded({context:e,prop:t,scope:n}){var s;let i=e.get("value");if(!i)return;let r=Aa(n,i);st(r)&&((s=t("navigate"))==null||s({value:i,node:r,href:r.href}))}}}}),Gw=_()(["activationMode","composite","deselectable","dir","getRootNode","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value","defaultValue"]),rk=B(Gw),Uw=_()(["disabled","value"]),sk=B(Uw),qw=_()(["value"]),ak=B(qw),Ww=class extends K{initMachine(e){return new W(_w,e)}initApi(){return Hw(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="tabs"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=e.querySelector('[data-scope="tabs"][data-part="list"]');if(!t)return;this.spreadProps(t,this.api.getListProps());let n=this.el.getAttribute("data-items"),i=n?JSON.parse(n):[],r=t.querySelectorAll('[data-scope="tabs"][data-part="trigger"]');for(let a=0;a<r.length&&a<i.length;a++){let o=r[a],l=i[a];this.spreadProps(o,this.api.getTriggerProps({value:l.value,disabled:l.disabled}))}let s=e.querySelectorAll('[data-scope="tabs"][data-part="content"]');for(let a=0;a<s.length&&a<i.length;a++){let o=s[a],l=i[a];this.spreadProps(o,this.api.getContentProps({value:l.value}))}}},Kw={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=new Ww(e,y(g({id:e.id},C(e,"controlled")?{value:O(e,"value")}:{defaultValue:O(e,"defaultValue")}),{orientation:O(e,"orientation",["horizontal","vertical"]),dir:O(e,"dir",["ltr","rtl"]),onValueChange:i=>{var a,o;let r=O(e,"onValueChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(a=i.value)!=null?a:null});let s=O(e,"onValueChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(o=i.value)!=null?o:null}}))},onFocusChange:i=>{var a,o;let r=O(e,"onFocusChange");r&&this.liveSocket.main.isConnected()&&t(r,{id:e.id,value:(a=i.focusedValue)!=null?a:null});let s=O(e,"onFocusChangeClient");s&&e.dispatchEvent(new CustomEvent(s,{bubbles:!0,detail:{id:e.id,value:(o=i.focusedValue)!=null?o:null}}))}}));n.init(),this.tabs=n,this.onSetValue=i=>{let{value:r}=i.detail;n.api.setValue(r)},e.addEventListener("phx:tabs:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("tabs_set_value",i=>{let r=i.tabs_id;r&&r!==e.id||n.api.setValue(i.value)})),this.handlers.push(this.handleEvent("tabs_value",()=>{this.pushEvent("tabs_value_response",{value:n.api.value})})),this.handlers.push(this.handleEvent("tabs_focused_value",()=>{this.pushEvent("tabs_focused_value_response",{value:n.api.focusedValue})}))},updated(){var e;(e=this.tabs)==null||e.updateProps(y(g({id:this.el.id},C(this.el,"controlled")?{value:O(this.el,"value")}:{defaultValue:O(this.el,"defaultValue")}),{orientation:O(this.el,"orientation",["horizontal","vertical"]),dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:tabs:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.tabs)==null||e.destroy()}}});var of={};he(of,{Timer:()=>rV});function Xw(e,t){let{state:n,send:i,computed:r,scope:s}=e,a=n.matches("running"),o=n.matches("paused"),l=r("time"),c=r("formattedTime"),u=r("progressPercent");return{running:a,paused:o,time:l,formattedTime:c,progressPercent:u,start(){i({type:"START"})},pause(){i({type:"PAUSE"})},resume(){i({type:"RESUME"})},reset(){i({type:"RESET"})},restart(){i({type:"RESTART"})},getRootProps(){return t.element(g({id:Yw(s)},Rn.root.attrs))},getAreaProps(){return t.element(g({role:"timer",id:jw(s),"aria-label":`${l.days} days ${c.hours}:${c.minutes}:${c.seconds}`,"aria-atomic":!0},Rn.area.attrs))},getControlProps(){return t.element(g({},Rn.control.attrs))},getItemProps(h){let m=l[h.type];return t.element(y(g({},Rn.item.attrs),{"data-type":h.type,style:{"--value":m}}))},getItemLabelProps(h){return t.element(y(g({},Rn.itemLabel.attrs),{"data-type":h.type}))},getItemValueProps(h){return t.element(y(g({},Rn.itemValue.attrs),{"data-type":h.type}))},getSeparatorProps(){return t.element(g({"aria-hidden":!0},Rn.separator.attrs))},getActionTriggerProps(h){if(!sf.has(h.action))throw new Error(`[zag-js] Invalid action: ${h.action}. Must be one of: ${Array.from(sf).join(", ")}`);return t.button(y(g({},Rn.actionTrigger.attrs),{hidden:Ce(h.action,{start:()=>a||o,pause:()=>!a,reset:()=>!a&&!o,resume:()=>!o,restart:()=>!1}),type:"button",onClick(m){m.defaultPrevented||i({type:h.action.toUpperCase()})}}))}}}function Jw(e){let t=Math.max(0,e),n=t%1e3,i=Math.floor(t/1e3)%60,r=Math.floor(t/(1e3*60))%60,s=Math.floor(t/(1e3*60*60))%24;return{days:Math.floor(t/(1e3*60*60*24)),hours:s,minutes:r,seconds:i,milliseconds:n}}function af(e,t,n){let i=n-t;return i===0?0:(e-t)/i}function Ur(e,t=2){return e.toString().padStart(t,"0")}function Qw(e,t){return Math.floor(e/t)*t}function eV(e){let{days:t,hours:n,minutes:i,seconds:r}=e;return{days:Ur(t),hours:Ur(n),minutes:Ur(i),seconds:Ur(r),milliseconds:Ur(e.milliseconds,3)}}function tV(e){let{startMs:t,targetMs:n,countdown:i,interval:r}=e;if(r!=null&&(typeof r!="number"||r<=0))throw new Error(`[timer] Invalid interval: ${r}. Must be a positive number.`);if(t!=null&&(typeof t!="number"||t<0))throw new Error(`[timer] Invalid startMs: ${t}. Must be a non-negative number.`);if(n!=null&&(typeof n!="number"||n<0))throw new Error(`[timer] Invalid targetMs: ${n}. Must be a non-negative number.`);if(i&&t!=null&&n!=null&&t<=n)throw new Error(`[timer] Invalid countdown configuration: startMs (${t}) must be greater than targetMs (${n}).`);if(!i&&t!=null&&n!=null&&t>=n)throw new Error(`[timer] Invalid stopwatch configuration: startMs (${t}) must be less than targetMs (${n}).`);if(i&&n==null&&t!=null&&t<=0)throw new Error(`[timer] Invalid countdown configuration: startMs (${t}) must be greater than 0 when no targetMs is provided.`)}var zw,Rn,Yw,jw,sf,Zw,nV,uk,iV,rV,lf=re(()=>{"use strict";se();zw=U("timer").parts("root","area","control","item","itemValue","itemLabel","actionTrigger","separator"),Rn=zw.build(),Yw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`timer:${e.id}:root`},jw=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.area)!=null?n:`timer:${e.id}:area`},sf=new Set(["start","pause","resume","reset","restart"]);Zw={props({props:e}){return tV(e),g({interval:1e3,startMs:0},e)},initialState({prop:e}){return e("autoStart")?"running":"idle"},context({prop:e,bindable:t}){return{currentMs:t(()=>({defaultValue:e("startMs")}))}},watch({track:e,send:t,prop:n}){e([()=>n("startMs")],()=>{t({type:"RESTART"})})},on:{RESTART:{target:"running:temp",actions:["resetTime"]}},computed:{time:({context:e})=>Jw(e.get("currentMs")),formattedTime:({computed:e})=>eV(e("time")),progressPercent:Bn(({context:e,prop:t})=>[e.get("currentMs"),t("targetMs"),t("startMs"),t("countdown")],([e,t=0,n,i])=>{let r=i?af(e,t,n):af(e,n,t);return He(r,0,1)})},states:{idle:{on:{START:{target:"running"},RESET:{actions:["resetTime"]}}},"running:temp":{effects:["waitForNextTick"],on:{CONTINUE:{target:"running"}}},running:{effects:["keepTicking"],on:{PAUSE:{target:"paused"},TICK:[{target:"idle",guard:"hasReachedTarget",actions:["invokeOnComplete"]},{actions:["updateTime","invokeOnTick"]}],RESET:{actions:["resetTime"]}}},paused:{on:{RESUME:{target:"running"},RESET:{target:"idle",actions:["resetTime"]}}}},implementations:{effects:{keepTicking({prop:e,send:t}){return su(({deltaMs:n})=>{t({type:"TICK",deltaMs:n})},e("interval"))},waitForNextTick({send:e}){return mn(()=>{e({type:"CONTINUE"})},0)}},actions:{updateTime({context:e,prop:t,event:n}){let i=t("countdown")?-1:1,r=Qw(n.deltaMs,t("interval"));e.set("currentMs",s=>{let a=s+i*r,o=t("targetMs");return o==null&&t("countdown")&&(o=0),t("countdown")&&o!=null?Math.max(a,o):!t("countdown")&&o!=null?Math.min(a,o):a})},resetTime({context:e,prop:t}){var i;let n=t("targetMs");n==null&&t("countdown")&&(n=0),e.set("currentMs",(i=t("startMs"))!=null?i:0)},invokeOnTick({context:e,prop:t,computed:n}){var i;(i=t("onTick"))==null||i({value:e.get("currentMs"),time:n("time"),formattedTime:n("formattedTime")})},invokeOnComplete({prop:e}){var t;(t=e("onComplete"))==null||t()}},guards:{hasReachedTarget:({context:e,prop:t})=>{let n=t("targetMs");if(n==null&&t("countdown")&&(n=0),n==null)return!1;let i=e.get("currentMs");return t("countdown")?i<=n:i>=n}}}};nV=_()(["autoStart","countdown","getRootNode","id","ids","interval","onComplete","onTick","startMs","targetMs"]),uk=B(nV),iV=class extends K{constructor(){super(...arguments);z(this,"init",()=>{this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start(),this.api=this.initApi(),this.render()})}initMachine(t){return new W(Zw,t)}initApi(){return Xw(this.machine.service,q)}render(){var a;let t=(a=this.el.querySelector('[data-scope="timer"][data-part="root"]'))!=null?a:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="timer"][data-part="area"]');n&&this.spreadProps(n,this.api.getAreaProps());let i=this.el.querySelector('[data-scope="timer"][data-part="control"]');i&&this.spreadProps(i,this.api.getControlProps()),["days","hours","minutes","seconds"].forEach(o=>{let l=this.el.querySelector(`[data-scope="timer"][data-part="item"][data-type="${o}"]`);l&&this.spreadProps(l,this.api.getItemProps({type:o}))}),this.el.querySelectorAll('[data-scope="timer"][data-part="separator"]').forEach(o=>{this.spreadProps(o,this.api.getSeparatorProps())}),["start","pause","resume","reset"].forEach(o=>{let l=this.el.querySelector(`[data-scope="timer"][data-part="action-trigger"][data-action="${o}"]`);l&&this.spreadProps(l,this.api.getActionTriggerProps({action:o}))})}},rV={mounted(){var n;let e=this.el,t=new iV(e,{id:e.id,countdown:C(e,"countdown"),startMs:Y(e,"startMs"),targetMs:Y(e,"targetMs"),autoStart:C(e,"autoStart"),interval:(n=Y(e,"interval"))!=null?n:1e3,onTick:i=>{let r=O(e,"onTick");r&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(r,{value:i.value,time:i.time,formattedTime:i.formattedTime,id:e.id})},onComplete:()=>{let i=O(e,"onComplete");i&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&this.pushEvent(i,{id:e.id})}});t.init(),this.timer=t,this.handlers=[]},updated(){var e,t;(t=this.timer)==null||t.updateProps({id:this.el.id,countdown:C(this.el,"countdown"),startMs:Y(this.el,"startMs"),targetMs:Y(this.el,"targetMs"),autoStart:C(this.el,"autoStart"),interval:(e=Y(this.el,"interval"))!=null?e:1e3})},destroyed(){var e;if(this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.timer)==null||e.destroy()}}});var vf={};he(vf,{Toast:()=>VV});function Jl(e,t){var n;return(n=e!=null?e:gf[t])!=null?n:gf.DEFAULT}function cV(e,t){var v;let{prop:n,computed:i,context:r}=e,{offsets:s,gap:a}=n("store").attrs,o=r.get("heights"),l=lV(s),c=n("dir")==="rtl",u=t.replace("-start",c?"-right":"-left").replace("-end",c?"-left":"-right"),h=u.includes("right"),m=u.includes("left"),d={position:"fixed",pointerEvents:i("count")>0?void 0:"none",display:"flex",flexDirection:"column","--gap":`${a}px`,"--first-height":`${((v=o[0])==null?void 0:v.height)||0}px`,"--viewport-offset-left":l.left,"--viewport-offset-right":l.right,"--viewport-offset-top":l.top,"--viewport-offset-bottom":l.bottom,zIndex:ss},p="center";if(h&&(p="flex-end"),m&&(p="flex-start"),d.alignItems=p,u.includes("top")){let I=l.top;d.top=`max(env(safe-area-inset-top, 0px), ${I})`}if(u.includes("bottom")){let I=l.bottom;d.bottom=`max(env(safe-area-inset-bottom, 0px), ${I})`}if(!u.includes("left")){let I=l.right;d.insetInlineEnd=`calc(env(safe-area-inset-right, 0px) + ${I})`}if(!u.includes("right")){let I=l.left;d.insetInlineStart=`calc(env(safe-area-inset-left, 0px) + ${I})`}return d}function uV(e,t){let{prop:n,context:i,computed:r}=e,s=n("parent"),a=s.computed("placement"),{gap:o}=s.prop("store").attrs,[l]=a.split("-"),c=i.get("mounted"),u=i.get("remainingTime"),h=r("height"),m=r("frontmost"),d=!m,p=!n("stacked"),v=n("stacked"),T=n("type")==="loading"?Number.MAX_SAFE_INTEGER:u,w=r("heightIndex")*o+r("heightBefore"),b={position:"absolute",pointerEvents:"auto","--opacity":"0","--remove-delay":`${n("removeDelay")}ms`,"--duration":`${T}ms`,"--initial-height":`${h}px`,"--offset":`${w}px`,"--index":n("index"),"--z-index":r("zIndex"),"--lift-amount":"calc(var(--lift) * var(--gap))","--y":"100%","--x":"0"},f=S=>Object.assign(b,S);return l==="top"?f({top:"0","--sign":"-1","--y":"-100%","--lift":"1"}):l==="bottom"&&f({bottom:"0","--sign":"1","--y":"100%","--lift":"-1"}),c&&(f({"--y":"0","--opacity":"1"}),v&&f({"--y":"calc(var(--lift) * var(--offset))","--height":"var(--initial-height)"})),t||f({"--opacity":"0",pointerEvents:"none"}),d&&p&&(f({"--base-scale":"var(--index) * 0.05 + 1","--y":"calc(var(--lift-amount) * var(--index))","--scale":"calc(-1 * var(--base-scale))","--height":"var(--first-height)"}),t||f({"--y":"calc(var(--sign) * 40%)"})),d&&v&&!t&&f({"--y":"calc(var(--lift) * var(--offset) + var(--lift) * -100%)"}),m&&!t&&f({"--y":"calc(var(--lift) * -100%)"}),b}function dV(e,t){let{computed:n}=e,i={position:"absolute",inset:"0",scale:"1 2",pointerEvents:t?"none":"auto"},r=s=>Object.assign(i,s);return n("frontmost")&&!t&&r({height:"calc(var(--initial-height) + 80%)"}),i}function hV(){return{position:"absolute",left:"0",height:"calc(var(--gap) + 2px)",bottom:"100%",width:"100%"}}function gV(e,t){let{context:n,prop:i,send:r,refs:s,computed:a}=e;return{getCount(){return n.get("toasts").length},getToasts(){return n.get("toasts")},getGroupProps(o={}){let{label:l="Notifications"}=o,{hotkey:c}=i("store").attrs,u=c.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=a("placement"),[m,d="center"]=h.split("-");return t.element(y(g({},ji.group.attrs),{dir:i("dir"),tabIndex:-1,"aria-label":`${h} ${l} ${u}`,id:aV(h),"data-placement":h,"data-side":m,"data-align":d,"aria-live":"polite",role:"region",style:cV(e,h),onMouseEnter(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_ENTER",placement:h})},onMouseMove(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_ENTER",placement:h})},onMouseLeave(){s.get("ignoreMouseTimer").isActive()||r({type:"REGION.POINTER_LEAVE",placement:h})},onFocus(p){r({type:"REGION.FOCUS",target:p.relatedTarget})},onBlur(p){s.get("isFocusWithin")&&!ce(p.currentTarget,p.relatedTarget)&&queueMicrotask(()=>r({type:"REGION.BLUR"}))}}))},subscribe(o){return i("store").subscribe(()=>o(n.get("toasts")))}}}function yV(e,t){let{state:n,send:i,prop:r,scope:s,context:a,computed:o}=e,l=n.hasTag("visible"),c=n.hasTag("paused"),u=a.get("mounted"),h=o("frontmost"),m=r("parent").computed("placement"),d=r("type"),p=r("stacked"),v=r("title"),I=r("description"),T=r("action"),[w,b="center"]=m.split("-");return{type:d,title:v,description:I,placement:m,visible:l,paused:c,closable:!!r("closable"),pause(){i({type:"PAUSE"})},resume(){i({type:"RESUME"})},dismiss(){i({type:"DISMISS",src:"programmatic"})},getRootProps(){return t.element(y(g({},ji.root.attrs),{dir:r("dir"),id:mf(s),"data-state":l?"open":"closed","data-type":d,"data-placement":m,"data-align":b,"data-side":w,"data-mounted":E(u),"data-paused":E(c),"data-first":E(h),"data-sibling":E(!h),"data-stack":E(p),"data-overlap":E(!p),role:"status","aria-atomic":"true","aria-describedby":I?hf(s):void 0,"aria-labelledby":v?df(s):void 0,tabIndex:0,style:uV(e,l),onKeyDown(f){f.defaultPrevented||f.key=="Escape"&&(i({type:"DISMISS",src:"keyboard"}),f.preventDefault())}}))},getGhostBeforeProps(){return t.element({"data-ghost":"before",style:dV(e,l)})},getGhostAfterProps(){return t.element({"data-ghost":"after",style:hV()})},getTitleProps(){return t.element(y(g({},ji.title.attrs),{id:df(s)}))},getDescriptionProps(){return t.element(y(g({},ji.description.attrs),{id:hf(s)}))},getActionTriggerProps(){return t.button(y(g({},ji.actionTrigger.attrs),{type:"button",onClick(f){var S;f.defaultPrevented||((S=T==null?void 0:T.onClick)==null||S.call(T),i({type:"DISMISS",src:"user"}))}}))},getCloseTriggerProps(){return t.button(y(g({id:oV(s)},ji.closeTrigger.attrs),{type:"button","aria-label":"Dismiss notification",onClick(f){f.defaultPrevented||i({type:"DISMISS",src:"user"})}}))}}}function pf(e,t){let{id:n,height:i}=t;e.context.set("heights",r=>r.find(a=>a.id===n)?r.map(a=>a.id===n?y(g({},a),{height:i}):a):[{id:n,height:i},...r])}function PV(e={}){let t=IV(e,{placement:"bottom",overlap:!1,max:24,gap:16,offsets:"1rem",hotkey:["altKey","KeyT"],removeDelay:200,pauseOnPageIdle:!0}),n=[],i=[],r=new Set,s=[],a=D=>(n.push(D),()=>{let $=n.indexOf(D);n.splice($,1)}),o=D=>(n.forEach($=>$(D)),D),l=D=>{if(i.length>=t.max){s.push(D);return}o(D),i.unshift(D)},c=()=>{for(;s.length>0&&i.length<t.max;){let D=s.shift();D&&(o(D),i.unshift(D))}},u=D=>{var J;let $=(J=D.id)!=null?J:`toast:${ur()}`,te=i.find(ie=>ie.id===$);return r.has($)&&r.delete($),te?i=i.map(ie=>ie.id===$?o(y(g(g({},ie),D),{id:$})):ie):l(y(g({id:$,duration:t.duration,removeDelay:t.removeDelay,type:"info"},D),{stacked:!t.overlap,gap:t.gap})),$},h=D=>(r.add(D),D?(n.forEach($=>$({id:D,dismiss:!0})),i=i.filter($=>$.id!==D),c()):(i.forEach($=>{n.forEach(te=>te({id:$.id,dismiss:!0}))}),i=[],s=[]),D);return{attrs:t,subscribe:a,create:u,update:(D,$)=>u(g({id:D},$)),remove:h,dismiss:D=>{D!=null?i=i.map($=>$.id===D?o(y(g({},$),{message:"DISMISS"})):$):i=i.map($=>o(y(g({},$),{message:"DISMISS"})))},error:D=>u(y(g({},D),{type:"error"})),success:D=>u(y(g({},D),{type:"success"})),info:D=>u(y(g({},D),{type:"info"})),warning:D=>u(y(g({},D),{type:"warning"})),loading:D=>u(y(g({},D),{type:"loading"})),getVisibleToasts:()=>i.filter(D=>!r.has(D.id)),getCount:()=>i.length,promise:(D,$,te={})=>{if(!$||!$.loading){zt("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");return}let J=u(y(g(g({},te),$.loading),{promise:D,type:"loading"})),ie=!0,Q,Se=Kt(D).then(ne=>Ve(null,null,function*(){if(Q=["resolve",ne],CV(ne)&&!ne.ok){ie=!1;let Ie=Kt($.error,`HTTP Error! status: ${ne.status}`);u(y(g(g({},te),Ie),{id:J,type:"error"}))}else if($.success!==void 0){ie=!1;let Ie=Kt($.success,ne);u(y(g(g({},te),Ie),{id:J,type:"success"}))}})).catch(ne=>Ve(null,null,function*(){if(Q=["reject",ne],$.error!==void 0){ie=!1;let Ie=Kt($.error,ne);u(y(g(g({},te),Ie),{id:J,type:"error"}))}})).finally(()=>{var ne;ie&&h(J),(ne=$.finally)==null||ne.call($)});return{id:J,unwrap:()=>new Promise((ne,Ie)=>Se.then(()=>Q[0]==="reject"?Ie(Q[1]):ne(Q[1])).catch(Ie))}},pause:D=>{D!=null?i=i.map($=>$.id===D?o(y(g({},$),{message:"PAUSE"})):$):i=i.map($=>o(y(g({},$),{message:"PAUSE"})))},resume:D=>{D!=null?i=i.map($=>$.id===D?o(y(g({},$),{message:"RESUME"})):$):i=i.map($=>o(y(g({},$),{message:"RESUME"})))},isVisible:D=>!r.has(D)&&!!i.find($=>$.id===D),isDismissed:D=>r.has(D),expand:()=>{i=i.map(D=>o(y(g({},D),{stacked:!0})))},collapse:()=>{i=i.map(D=>o(y(g({},D),{stacked:!1})))}}}function wV(e,t){var s,a,o;let n=(s=t==null?void 0:t.id)!=null?s:Mn(e,"toast"),i=(o=t==null?void 0:t.store)!=null?o:PV({placement:(a=t==null?void 0:t.placement)!=null?a:"bottom",overlap:t==null?void 0:t.overlap,max:t==null?void 0:t.max,gap:t==null?void 0:t.gap,offsets:t==null?void 0:t.offsets,pauseOnPageIdle:t==null?void 0:t.pauseOnPageIdle}),r=new OV(e,{id:n,store:i});return r.init(),SV.set(n,r),Ql.set(n,i),e.dataset.toastGroup="true",e.dataset.toastGroupId=n,{group:r,store:i}}function qr(e){if(e)return Ql.get(e);let t=document.querySelector("[data-toast-group]");if(!t)return;let n=t.dataset.toastGroupId||t.id;return n?Ql.get(n):void 0}var sV,ji,aV,cf,mf,uf,df,hf,oV,gf,lV,pV,fV,mV,vV,bV,EV,IV,CV,ff,SV,Ql,TV,OV,VV,yf=re(()=>{"use strict";Wn();tn();se();sV=U("toast").parts("group","root","title","description","actionTrigger","closeTrigger"),ji=sV.build(),aV=e=>`toast-group:${e}`,cf=(e,t)=>e.getById(`toast-group:${t}`),mf=e=>`toast:${e.id}`,uf=e=>e.getById(mf(e)),df=e=>`toast:${e.id}:title`,hf=e=>`toast:${e.id}:description`,oV=e=>`toast${e.id}:close`,gf={info:5e3,error:5e3,success:2e3,loading:1/0,DEFAULT:5e3};lV=e=>typeof e=="string"?{left:e,right:e,bottom:e,top:e}:e;({guards:pV,createMachine:fV}=ut()),{and:mV}=pV,vV=fV({props({props:e}){return y(g({dir:"ltr",id:ur()},e),{store:e.store})},initialState({prop:e}){return e("store").attrs.overlap?"overlap":"stack"},refs(){return{lastFocusedEl:null,isFocusWithin:!1,isPointerWithin:!1,ignoreMouseTimer:eo.create(),dismissableCleanup:void 0}},context({bindable:e}){return{toasts:e(()=>({defaultValue:[],sync:!0,hash:t=>t.map(n=>n.id).join(",")})),heights:e(()=>({defaultValue:[],sync:!0}))}},computed:{count:({context:e})=>e.get("toasts").length,overlap:({prop:e})=>e("store").attrs.overlap,placement:({prop:e})=>e("store").attrs.placement},effects:["subscribeToStore","trackDocumentVisibility","trackHotKeyPress"],watch({track:e,context:t,action:n}){e([()=>t.hash("toasts")],()=>{queueMicrotask(()=>{n(["collapsedIfEmpty","setDismissableBranch"])})})},exit:["clearDismissableBranch","clearLastFocusedEl","clearMouseEventTimer"],on:{"DOC.HOTKEY":{actions:["focusRegionEl"]},"REGION.BLUR":[{guard:mV("isOverlapping","isPointerOut"),target:"overlap",actions:["collapseToasts","resumeToasts","restoreFocusIfPointerOut"]},{guard:"isPointerOut",target:"stack",actions:["resumeToasts","restoreFocusIfPointerOut"]},{actions:["clearFocusWithin"]}],"TOAST.REMOVE":{actions:["removeToast","removeHeight","ignoreMouseEventsTemporarily"]},"TOAST.PAUSE":{actions:["pauseToasts"]}},states:{stack:{on:{"REGION.POINTER_LEAVE":[{guard:"isOverlapping",target:"overlap",actions:["clearPointerWithin","resumeToasts","collapseToasts"]},{actions:["clearPointerWithin","resumeToasts"]}],"REGION.OVERLAP":{target:"overlap",actions:["collapseToasts"]},"REGION.FOCUS":{actions:["setLastFocusedEl","pauseToasts"]},"REGION.POINTER_ENTER":{actions:["setPointerWithin","pauseToasts"]}}},overlap:{on:{"REGION.STACK":{target:"stack",actions:["expandToasts"]},"REGION.POINTER_ENTER":{target:"stack",actions:["setPointerWithin","pauseToasts","expandToasts"]},"REGION.FOCUS":{target:"stack",actions:["setLastFocusedEl","pauseToasts","expandToasts"]}}}},implementations:{guards:{isOverlapping:({computed:e})=>e("overlap"),isPointerOut:({refs:e})=>!e.get("isPointerWithin")},effects:{subscribeToStore({context:e,prop:t}){let n=t("store");return e.set("toasts",n.getVisibleToasts()),n.subscribe(i=>{if(i.dismiss){e.set("toasts",r=>r.filter(s=>s.id!==i.id));return}e.set("toasts",r=>{let s=r.findIndex(a=>a.id===i.id);return s!==-1?[...r.slice(0,s),g(g({},r[s]),i),...r.slice(s+1)]:[i,...r]})})},trackHotKeyPress({prop:e,send:t}){return ee(document,"keydown",i=>{let{hotkey:r}=e("store").attrs;r.every(a=>i[a]||i.code===a)&&t({type:"DOC.HOTKEY"})},{capture:!0})},trackDocumentVisibility({prop:e,send:t,scope:n}){let{pauseOnPageIdle:i}=e("store").attrs;if(!i)return;let r=n.getDoc();return ee(r,"visibilitychange",()=>{let s=r.visibilityState==="hidden";t({type:s?"PAUSE_ALL":"RESUME_ALL"})})}},actions:{setDismissableBranch({refs:e,context:t,computed:n,scope:i}){var c;let r=t.get("toasts"),s=n("placement"),a=r.length>0;if(!a){(c=e.get("dismissableCleanup"))==null||c();return}if(a&&e.get("dismissableCleanup"))return;let l=Wd(()=>cf(i,s),{defer:!0});e.set("dismissableCleanup",l)},clearDismissableBranch({refs:e}){var t;(t=e.get("dismissableCleanup"))==null||t()},focusRegionEl({scope:e,computed:t}){queueMicrotask(()=>{var n;(n=cf(e,t("placement")))==null||n.focus()})},pauseToasts({prop:e}){e("store").pause()},resumeToasts({prop:e}){e("store").resume()},expandToasts({prop:e}){e("store").expand()},collapseToasts({prop:e}){e("store").collapse()},removeToast({prop:e,event:t}){e("store").remove(t.id)},removeHeight({event:e,context:t}){(e==null?void 0:e.id)!=null&&queueMicrotask(()=>{t.set("heights",n=>n.filter(i=>i.id!==e.id))})},collapsedIfEmpty({send:e,computed:t}){!t("overlap")||t("count")>1||e({type:"REGION.OVERLAP"})},setLastFocusedEl({refs:e,event:t}){e.get("isFocusWithin")||!t.target||(e.set("isFocusWithin",!0),e.set("lastFocusedEl",t.target))},restoreFocusIfPointerOut({refs:e}){var t;!e.get("lastFocusedEl")||e.get("isPointerWithin")||((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null),e.set("isFocusWithin",!1))},setPointerWithin({refs:e}){e.set("isPointerWithin",!0)},clearPointerWithin({refs:e}){var t;e.set("isPointerWithin",!1),e.get("lastFocusedEl")&&!e.get("isFocusWithin")&&((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null))},clearFocusWithin({refs:e}){e.set("isFocusWithin",!1)},clearLastFocusedEl({refs:e}){var t;e.get("lastFocusedEl")&&((t=e.get("lastFocusedEl"))==null||t.focus({preventScroll:!0}),e.set("lastFocusedEl",null),e.set("isFocusWithin",!1))},ignoreMouseEventsTemporarily({refs:e}){e.get("ignoreMouseTimer").request()},clearMouseEventTimer({refs:e}){e.get("ignoreMouseTimer").cancel()}}}});({not:bV}=Ee()),EV={props({props:e}){return yn(e,["id","type","parent","removeDelay"],"toast"),y(g({closable:!0},e),{duration:Jl(e.duration,e.type)})},initialState({prop:e}){return e("type")==="loading"||e("duration")===1/0?"visible:persist":"visible"},context({prop:e,bindable:t}){return{remainingTime:t(()=>({defaultValue:Jl(e("duration"),e("type"))})),createdAt:t(()=>({defaultValue:Date.now()})),mounted:t(()=>({defaultValue:!1})),initialHeight:t(()=>({defaultValue:0}))}},refs(){return{closeTimerStartTime:Date.now(),lastCloseStartTimerStartTime:0}},computed:{zIndex:({prop:e})=>{let t=e("parent").context.get("toasts"),n=t.findIndex(i=>i.id===e("id"));return t.length-n},height:({prop:e})=>{var i;let n=e("parent").context.get("heights").find(r=>r.id===e("id"));return(i=n==null?void 0:n.height)!=null?i:0},heightIndex:({prop:e})=>e("parent").context.get("heights").findIndex(n=>n.id===e("id")),frontmost:({prop:e})=>e("index")===0,heightBefore:({prop:e})=>{let t=e("parent").context.get("heights"),n=t.findIndex(i=>i.id===e("id"));return t.reduce((i,r,s)=>s>=n?i:i+r.height,0)},shouldPersist:({prop:e})=>e("type")==="loading"||e("duration")===1/0},watch({track:e,prop:t,send:n}){e([()=>t("message")],()=>{let i=t("message");i&&n({type:i,src:"programmatic"})}),e([()=>t("type"),()=>t("duration")],()=>{n({type:"UPDATE"})})},on:{UPDATE:[{guard:"shouldPersist",target:"visible:persist",actions:["resetCloseTimer"]},{target:"visible:updating",actions:["resetCloseTimer"]}],MEASURE:{actions:["measureHeight"]}},entry:["setMounted","measureHeight","invokeOnVisible"],effects:["trackHeight"],states:{"visible:updating":{tags:["visible","updating"],effects:["waitForNextTick"],on:{SHOW:{target:"visible"}}},"visible:persist":{tags:["visible","paused"],on:{RESUME:{guard:bV("isLoadingType"),target:"visible",actions:["setCloseTimer"]},DISMISS:{target:"dismissing"}}},visible:{tags:["visible"],effects:["waitForDuration"],on:{DISMISS:{target:"dismissing"},PAUSE:{target:"visible:persist",actions:["syncRemainingTime"]}}},dismissing:{entry:["invokeOnDismiss"],effects:["waitForRemoveDelay"],on:{REMOVE:{target:"unmounted",actions:["notifyParentToRemove"]}}},unmounted:{entry:["invokeOnUnmount"]}},implementations:{effects:{waitForRemoveDelay({prop:e,send:t}){return mn(()=>{t({type:"REMOVE",src:"timer"})},e("removeDelay"))},waitForDuration({send:e,context:t,computed:n}){if(!n("shouldPersist"))return mn(()=>{e({type:"DISMISS",src:"timer"})},t.get("remainingTime"))},waitForNextTick({send:e}){return mn(()=>{e({type:"SHOW",src:"timer"})},0)},trackHeight({scope:e,prop:t}){let n;return H(()=>{let i=uf(e);if(!i)return;let r=()=>{let o=i.style.height;i.style.height="auto";let l=i.getBoundingClientRect().height;i.style.height=o;let c={id:t("id"),height:l};pf(t("parent"),c)},s=e.getWin(),a=new s.MutationObserver(r);a.observe(i,{childList:!0,subtree:!0,characterData:!0}),n=()=>a.disconnect()}),()=>n==null?void 0:n()}},guards:{isLoadingType:({prop:e})=>e("type")==="loading",shouldPersist:({computed:e})=>e("shouldPersist")},actions:{setMounted({context:e}){H(()=>{e.set("mounted",!0)})},measureHeight({scope:e,prop:t,context:n}){queueMicrotask(()=>{let i=uf(e);if(!i)return;let r=i.style.height;i.style.height="auto";let s=i.getBoundingClientRect().height;i.style.height=r,n.set("initialHeight",s);let a={id:t("id"),height:s};pf(t("parent"),a)})},setCloseTimer({refs:e}){e.set("closeTimerStartTime",Date.now())},resetCloseTimer({context:e,refs:t,prop:n}){t.set("closeTimerStartTime",Date.now()),e.set("remainingTime",Jl(n("duration"),n("type")))},syncRemainingTime({context:e,refs:t}){e.set("remainingTime",n=>{let i=t.get("closeTimerStartTime"),r=Date.now()-i;return t.set("lastCloseStartTimerStartTime",Date.now()),n-r})},notifyParentToRemove({prop:e}){e("parent").send({type:"TOAST.REMOVE",id:e("id")})},invokeOnDismiss({prop:e,event:t}){var n;(n=e("onStatusChange"))==null||n({status:"dismissing",src:t.src})},invokeOnUnmount({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"unmounted"})},invokeOnVisible({prop:e}){var t;(t=e("onStatusChange"))==null||t({status:"visible"})}}}};IV=(e,t)=>g(g({},t),Si(e));CV=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",ff={connect:gV,machine:vV},SV=new Map,Ql=new Map,TV=class extends K{constructor(t,n){super(t,n);z(this,"parts");z(this,"duration");z(this,"destroy",()=>{this.machine.stop(),this.el.remove()});this.duration=n.duration,this.el.setAttribute("data-scope","toast"),this.el.setAttribute("data-part","root"),this.el.innerHTML=`
       <span data-scope="toast" data-part="ghost-before"></span>
       <div data-scope="toast" data-part="progressbar"></div>
       <div data-scope="toast" data-part="loading-spinner" style="display: none;"></div>
@@ -16,4 +22,4 @@
       </button>
 
       <span data-scope="toast" data-part="ghost-after"></span>
-    `,this.parts={title:this.el.querySelector('[data-scope="toast"][data-part="title"]'),description:this.el.querySelector('[data-scope="toast"][data-part="description"]'),close:this.el.querySelector('[data-scope="toast"][data-part="close-trigger"]'),ghostBefore:this.el.querySelector('[data-scope="toast"][data-part="ghost-before"]'),ghostAfter:this.el.querySelector('[data-scope="toast"][data-part="ghost-after"]'),progressbar:this.el.querySelector('[data-scope="toast"][data-part="progressbar"]'),loadingSpinner:this.el.querySelector('[data-scope="toast"][data-part="loading-spinner"]')}}initMachine(t){return new ee(BC,t)}initApi(){return _C(this.machine.service,Q)}render(){var o,a;this.spreadProps(this.el,this.api.getRootProps()),this.spreadProps(this.parts.close,this.api.getCloseTriggerProps()),this.spreadProps(this.parts.ghostBefore,this.api.getGhostBeforeProps()),this.spreadProps(this.parts.ghostAfter,this.api.getGhostAfterProps()),this.parts.title.textContent!==this.api.title&&(this.parts.title.textContent=(o=this.api.title)!=null?o:""),this.parts.description.textContent!==this.api.description&&(this.parts.description.textContent=(a=this.api.description)!=null?a:""),this.spreadProps(this.parts.title,this.api.getTitleProps()),this.spreadProps(this.parts.description,this.api.getDescriptionProps());let t=this.duration,n=t==="Infinity"||t===1/0||t===Number.POSITIVE_INFINITY,i=this.el.closest('[phx-hook="Toast"]'),r=i==null?void 0:i.querySelector("[data-loading-icon-template]"),s=r==null?void 0:r.innerHTML;n?(this.parts.progressbar.style.display="none",this.parts.loadingSpinner.style.display="flex",this.el.setAttribute("data-duration-infinity","true"),s&&this.parts.loadingSpinner.innerHTML!==s&&(this.parts.loadingSpinner.innerHTML=s)):(this.parts.progressbar.style.display="block",this.parts.loadingSpinner.style.display="none",this.el.removeAttribute("data-duration-infinity"))}},YC=class extends te{constructor(t,n){var i;super(t,n);U(this,"toastComponents",new Map);U(this,"groupEl");U(this,"store");U(this,"destroy",()=>{for(let t of this.toastComponents.values())t.destroy();this.toastComponents.clear(),this.machine.stop()});this.store=n.store,this.groupEl=(i=t.querySelector('[data-part="group"]'))!=null?i:(()=>{let r=document.createElement("div");return r.setAttribute("data-scope","toast"),r.setAttribute("data-part","group"),t.appendChild(r),r})()}initMachine(t){return new ee($d.machine,t)}initApi(){return $d.connect(this.machine.service,Q)}render(){this.spreadProps(this.groupEl,this.api.getGroupProps());let t=this.api.getToasts().filter(i=>typeof i.id=="string"),n=new Set(t.map(i=>i.id));t.forEach((i,r)=>{let s=this.toastComponents.get(i.id);if(s)s.duration=i.duration,s.updateProps(y(v({},i),{parent:this.machine.service,index:r}));else{let o=document.createElement("div");o.setAttribute("data-scope","toast"),o.setAttribute("data-part","root"),this.groupEl.appendChild(o),s=new KC(o,y(v({},i),{parent:this.machine.service,index:r})),s.init(),this.toastComponents.set(i.id,s)}});for(let[i,r]of this.toastComponents)n.has(i)||(r.destroy(),this.toastComponents.delete(i))}};XC={mounted(){var h;let e=this.el;e.id||(e.id=rn(e,"toast")),this.groupId=e.id;let t=p=>{if(p)try{return p.includes("{")?JSON.parse(p):p}catch(d){return p}},n=p=>p==="Infinity"||p===1/0?1/0:typeof p=="string"?parseInt(p,10)||void 0:p,i=(h=x(e,"placement",["top-start","top","top-end","bottom-start","bottom","bottom-end"]))!=null?h:"bottom-end";jC(e,{id:this.groupId,placement:i,overlap:O(e,"overlap"),max:Se(e,"max"),gap:Se(e,"gap"),offsets:t(x(e,"offset")),pauseOnPageIdle:O(e,"pauseOnPageIdle")});let r=Xi(this.groupId),s=e.getAttribute("data-flash-info"),o=e.getAttribute("data-flash-info-title"),a=e.getAttribute("data-flash-error"),l=e.getAttribute("data-flash-error-title"),c=e.getAttribute("data-flash-info-duration"),u=e.getAttribute("data-flash-error-duration");if(r&&s)try{r.create({title:o||"Success",description:s,type:"info",id:rn(void 0,"toast"),duration:n(c!=null?c:void 0)})}catch(p){console.error("Failed to create flash info toast:",p)}if(r&&a)try{r.create({title:l||"Error",description:a,type:"error",id:rn(void 0,"toast"),duration:n(u!=null?u:void 0)})}catch(p){console.error("Failed to create flash error toast:",p)}this.handlers=[],this.handlers.push(this.handleEvent("toast-create",p=>{let d=Xi(p.groupId||this.groupId);if(d)try{d.create({title:p.title,description:p.description,type:p.type||"info",id:p.id||rn(void 0,"toast"),duration:n(p.duration)})}catch(g){console.error("Failed to create toast:",g)}})),this.handlers.push(this.handleEvent("toast-update",p=>{let d=Xi(p.groupId||this.groupId);if(d)try{d.update(p.id,{title:p.title,description:p.description,type:p.type})}catch(g){console.error("Failed to update toast:",g)}})),this.handlers.push(this.handleEvent("toast-dismiss",p=>{let d=Xi(p.groupId||this.groupId);if(d)try{d.dismiss(p.id)}catch(g){console.error("Failed to dismiss toast:",g)}})),e.addEventListener("toast:create",p=>{let{detail:d}=p,g=Xi(d.groupId||this.groupId);if(g)try{g.create({title:d.title,description:d.description,type:d.type||"info",id:d.id||rn(void 0,"toast"),duration:n(d.duration)})}catch(m){console.error("Failed to create toast:",m)}})},destroyed(){if(this.handlers)for(let e of this.handlers)this.removeHandleEvent(e)}}});var Kd={};Oe(Kd,{ToggleGroup:()=>aI});function tI(e,t){let{context:n,send:i,prop:r,scope:s}=e,o=n.get("value"),a=r("disabled"),l=!r("multiple"),c=r("rovingFocus"),u=r("orientation")==="horizontal";function h(p){let d=JC(s,p.value);return{id:d,disabled:!!(p.disabled||a),pressed:!!o.includes(p.value),focused:n.get("focusedId")===d}}return{value:o,setValue(p){i({type:"VALUE.SET",value:p})},getRootProps(){return t.element(y(v({},Gd.root.attrs),{id:vs(s),dir:r("dir"),role:l?"radiogroup":"group",tabIndex:n.get("isTabbingBackward")?-1:0,"data-disabled":T(a),"data-orientation":r("orientation"),"data-focus":T(n.get("focusedId")!=null),style:{outline:"none"},onMouseDown(){a||i({type:"ROOT.MOUSE_DOWN"})},onFocus(p){a||p.currentTarget===K(p)&&(n.get("isClickFocus")||n.get("isTabbingBackward")||i({type:"ROOT.FOCUS"}))},onBlur(p){let d=p.relatedTarget;pe(p.currentTarget,d)||a||i({type:"ROOT.BLUR"})}}))},getItemState:h,getItemProps(p){let d=h(p),g=d.focused?0:-1;return t.button(y(v({},Gd.item.attrs),{id:d.id,type:"button","data-ownedby":vs(s),"data-focus":T(d.focused),disabled:d.disabled,tabIndex:c?g:void 0,role:l?"radio":void 0,"aria-checked":l?d.pressed:void 0,"aria-pressed":l?void 0:d.pressed,"data-disabled":T(d.disabled),"data-orientation":r("orientation"),dir:r("dir"),"data-state":d.pressed?"on":"off",onFocus(){d.disabled||i({type:"TOGGLE.FOCUS",id:d.id})},onClick(m){d.disabled||(i({type:"TOGGLE.CLICK",id:d.id,value:p.value}),Wt()&&m.currentTarget.focus({preventScroll:!0}))},onKeyDown(m){if(m.defaultPrevented||!pe(m.currentTarget,K(m))||d.disabled)return;let P={Tab(S){let E=S.shiftKey;i({type:"TOGGLE.SHIFT_TAB",isShiftTab:E})},ArrowLeft(){!c||!u||i({type:"TOGGLE.FOCUS_PREV"})},ArrowRight(){!c||!u||i({type:"TOGGLE.FOCUS_NEXT"})},ArrowUp(){!c||u||i({type:"TOGGLE.FOCUS_PREV"})},ArrowDown(){!c||u||i({type:"TOGGLE.FOCUS_NEXT"})},Home(){c&&i({type:"TOGGLE.FOCUS_FIRST"})},End(){c&&i({type:"TOGGLE.FOCUS_LAST"})}}[ve(m)];P&&(P(m),m.key!=="Tab"&&m.preventDefault())}}))}}}var ZC,Gd,vs,JC,Wd,ys,Ud,zC,QC,eI,qd,nI,iI,rI,kO,sI,NO,oI,aI,Yd=fe(()=>{"use strict";me();ZC=Z("toggle-group").parts("root","item"),Gd=ZC.build(),vs=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`toggle-group:${e.id}`},JC=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`toggle-group:${e.id}:${t}`},Wd=e=>e.getById(vs(e)),ys=e=>{let n=`[data-ownedby='${CSS.escape(vs(e))}']:not([data-disabled])`;return dt(Wd(e),n)},Ud=e=>Ke(ys(e)),zC=e=>nt(ys(e)),QC=(e,t,n)=>$n(ys(e),t,n),eI=(e,t,n)=>_n(ys(e),t,n);({not:qd,and:nI}=ye()),iI={props({props:e}){return v({defaultValue:[],orientation:"horizontal",rovingFocus:!0,loopFocus:!0,deselectable:!0},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}})),focusedId:t(()=>({defaultValue:null})),isTabbingBackward:t(()=>({defaultValue:!1})),isClickFocus:t(()=>({defaultValue:!1})),isWithinToolbar:t(()=>({defaultValue:!1}))}},computed:{currentLoopFocus:({context:e,prop:t})=>t("loopFocus")&&!e.get("isWithinToolbar")},entry:["checkIfWithinToolbar"],on:{"VALUE.SET":{actions:["setValue"]},"TOGGLE.CLICK":{actions:["setValue"]},"ROOT.MOUSE_DOWN":{actions:["setClickFocus"]}},states:{idle:{on:{"ROOT.FOCUS":{target:"focused",guard:qd(nI("isClickFocus","isTabbingBackward")),actions:["focusFirstToggle","clearClickFocus"]},"TOGGLE.FOCUS":{target:"focused",actions:["setFocusedId"]}}},focused:{on:{"ROOT.BLUR":{target:"idle",actions:["clearIsTabbingBackward","clearFocusedId","clearClickFocus"]},"TOGGLE.FOCUS":{actions:["setFocusedId"]},"TOGGLE.FOCUS_NEXT":{actions:["focusNextToggle"]},"TOGGLE.FOCUS_PREV":{actions:["focusPrevToggle"]},"TOGGLE.FOCUS_FIRST":{actions:["focusFirstToggle"]},"TOGGLE.FOCUS_LAST":{actions:["focusLastToggle"]},"TOGGLE.SHIFT_TAB":[{guard:qd("isFirstToggleFocused"),target:"idle",actions:["setIsTabbingBackward"]},{actions:["setIsTabbingBackward"]}]}}},implementations:{guards:{isClickFocus:({context:e})=>e.get("isClickFocus"),isTabbingBackward:({context:e})=>e.get("isTabbingBackward"),isFirstToggleFocused:({context:e,scope:t})=>{var n;return e.get("focusedId")===((n=Ud(t))==null?void 0:n.id)}},actions:{setIsTabbingBackward({context:e}){e.set("isTabbingBackward",!0)},clearIsTabbingBackward({context:e}){e.set("isTabbingBackward",!1)},setClickFocus({context:e}){e.set("isClickFocus",!0)},clearClickFocus({context:e}){e.set("isClickFocus",!1)},checkIfWithinToolbar({context:e,scope:t}){var i;let n=(i=Wd(t))==null?void 0:i.closest("[role=toolbar]");e.set("isWithinToolbar",!!n)},setFocusedId({context:e,event:t}){e.set("focusedId",t.id)},clearFocusedId({context:e}){e.set("focusedId",null)},setValue({context:e,event:t,prop:n}){br(t,["value"]);let i=e.get("value");Kt(t.value)?i=t.value:n("multiple")?i=rt(i,t.value):i=he(i,[t.value])&&n("deselectable")?[]:[t.value],e.set("value",i)},focusNextToggle({context:e,scope:t,prop:n}){H(()=>{var r;let i=e.get("focusedId");i&&((r=QC(t,i,n("loopFocus")))==null||r.focus({preventScroll:!0}))})},focusPrevToggle({context:e,scope:t,prop:n}){H(()=>{var r;let i=e.get("focusedId");i&&((r=eI(t,i,n("loopFocus")))==null||r.focus({preventScroll:!0}))})},focusFirstToggle({scope:e}){H(()=>{var t;(t=Ud(e))==null||t.focus({preventScroll:!0})})},focusLastToggle({scope:e}){H(()=>{var t;(t=zC(e))==null||t.focus({preventScroll:!0})})}}}},rI=G()(["dir","disabled","getRootNode","id","ids","loopFocus","multiple","onValueChange","orientation","rovingFocus","value","defaultValue","deselectable"]),kO=B(rI),sI=G()(["value","disabled"]),NO=B(sI),oI=class extends te{initMachine(e){return new ee(iI,e)}initApi(){return tI(this.machine.service,Q)}render(){let e=this.el.querySelector('[data-scope="toggle-group"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelectorAll('[data-scope="toggle-group"][data-part="item"]');for(let n=0;n<t.length;n++){let i=t[n],r=x(i,"value");if(!r)continue;let s=O(i,"disabled");this.spreadProps(i,this.api.getItemProps({value:r,disabled:s}))}}},aI={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=y(v({id:e.id},O(e,"controlled")?{value:Y(e,"value")}:{defaultValue:Y(e,"defaultValue")}),{defaultValue:Y(e,"defaultValue"),deselectable:O(e,"deselectable"),loopFocus:O(e,"loopFocus"),rovingFocus:O(e,"rovingFocus"),disabled:O(e,"disabled"),multiple:O(e,"multiple"),orientation:x(e,"orientation",["horizontal","vertical"]),dir:x(e,"dir",["ltr","rtl"]),onValueChange:r=>{let s=x(e,"onValueChange");s&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(s,{value:r.value,id:e.id});let o=x(e,"onValueChangeClient");o&&e.dispatchEvent(new CustomEvent(o,{bubbles:!0,detail:{value:r.value,id:e.id}}))}}),i=new oI(e,n);i.init(),this.toggleGroup=i,this.onSetValue=r=>{let{value:s}=r.detail;i.api.setValue(s)},e.addEventListener("phx:toggle-group:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("toggle-group_set_value",r=>{let s=r.id;s&&s!==e.id||i.api.setValue(r.value)})),this.handlers.push(this.handleEvent("toggle-group:value",()=>{this.pushEvent("toggle-group:value_response",{value:i.api.value})}))},updated(){var e;(e=this.toggleGroup)==null||e.updateProps(y(v({},O(this.el,"controlled")?{value:Y(this.el,"value")}:{defaultValue:Y(this.el,"defaultValue")}),{deselectable:O(this.el,"deselectable"),loopFocus:O(this.el,"loopFocus"),rovingFocus:O(this.el,"rovingFocus"),disabled:O(this.el,"disabled"),multiple:O(this.el,"multiple"),orientation:x(this.el,"orientation",["horizontal","vertical"]),dir:x(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:toggle-group:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.toggleGroup)==null||e.destroy()}}});var zd={};Oe(zd,{TreeView:()=>yI});function Jd(e,t,n){let i=e.getNodeValue(t);if(!e.isBranchNode(t))return n.includes(i);let r=e.getDescendantValues(i),s=r.every(a=>n.includes(a)),o=r.some(a=>n.includes(a));return s?!0:o?"indeterminate":!1}function uI(e,t,n){let i=e.getDescendantValues(t),r=i.every(s=>n.includes(s));return kt(r?ht(n,...i):it(n,...i))}function dI(e,t){let n=new Map;return e.visit({onEnter:i=>{let r=e.getNodeValue(i),s=e.isBranchNode(i),o=Jd(e,i,t);n.set(r,{type:s?"branch":"leaf",checked:o})}}),n}function hI(e,t){let{context:n,scope:i,computed:r,prop:s,send:o}=e,a=s("collection"),l=Array.from(n.get("expandedValue")),c=Array.from(n.get("selectedValue")),u=Array.from(n.get("checkedValue")),h=r("isTypingAhead"),p=n.get("focusedValue"),d=n.get("loadingStatus"),g=n.get("renamingValue"),m=({indexPath:E})=>a.getValuePath(E).slice(0,-1).some(C=>!l.includes(C)),b=a.getFirstNode(void 0,{skip:m}),P=b?a.getNodeValue(b):null;function S(E){let{node:f,indexPath:C}=E,I=a.getNodeValue(f);return{id:va(i,I),value:I,indexPath:C,valuePath:a.getValuePath(C),disabled:!!f.disabled,focused:p==null?P===I:p===I,selected:c.includes(I),expanded:l.includes(I),loading:d[I]==="loading",depth:C.length,isBranch:a.isBranchNode(f),renaming:g===I,get checked(){return Jd(a,f,u)}}}return{collection:a,expandedValue:l,selectedValue:c,checkedValue:u,toggleChecked(E,f){o({type:"CHECKED.TOGGLE",value:E,isBranch:f})},setChecked(E){o({type:"CHECKED.SET",value:E})},clearChecked(){o({type:"CHECKED.CLEAR"})},getCheckedMap(){return dI(a,u)},expand(E){o({type:E?"BRANCH.EXPAND":"EXPANDED.ALL",value:E})},collapse(E){o({type:E?"BRANCH.COLLAPSE":"EXPANDED.CLEAR",value:E})},deselect(E){o({type:E?"NODE.DESELECT":"SELECTED.CLEAR",value:E})},select(E){o({type:E?"NODE.SELECT":"SELECTED.ALL",value:E,isTrusted:!1})},getVisibleNodes(){return r("visibleNodes")},focus(E){Ce(i,E)},selectParent(E){let f=a.getParentNode(E);if(!f)return;let C=it(c,a.getNodeValue(f));o({type:"SELECTED.SET",value:C,src:"select.parent"})},expandParent(E){let f=a.getParentNode(E);if(!f)return;let C=it(l,a.getNodeValue(f));o({type:"EXPANDED.SET",value:C,src:"expand.parent"})},setExpandedValue(E){let f=kt(E);o({type:"EXPANDED.SET",value:f})},setSelectedValue(E){let f=kt(E);o({type:"SELECTED.SET",value:f})},startRenaming(E){o({type:"NODE.RENAME",value:E})},submitRenaming(E,f){o({type:"RENAME.SUBMIT",value:E,label:f})},cancelRenaming(){o({type:"RENAME.CANCEL"})},getRootProps(){return t.element(y(v({},Ne.root.attrs),{id:cI(i),dir:s("dir")}))},getLabelProps(){return t.element(y(v({},Ne.label.attrs),{id:jd(i),dir:s("dir")}))},getTreeProps(){return t.element(y(v({},Ne.tree.attrs),{id:pa(i),dir:s("dir"),role:"tree","aria-label":"Tree View","aria-labelledby":jd(i),"aria-multiselectable":s("selectionMode")==="multiple"||void 0,tabIndex:-1,onKeyDown(E){if(E.defaultPrevented||Vt(E))return;let f=K(E);if(Ut(f))return;let C=f==null?void 0:f.closest("[data-part=branch-control], [data-part=item]");if(!C)return;let I=C.dataset.value;if(I==null){console.warn("[zag-js/tree-view] Node id not found for node",C);return}let V=C.matches("[data-part=branch-control]"),R={ArrowDown(A){Fe(A)||(A.preventDefault(),o({type:"NODE.ARROW_DOWN",id:I,shiftKey:A.shiftKey}))},ArrowUp(A){Fe(A)||(A.preventDefault(),o({type:"NODE.ARROW_UP",id:I,shiftKey:A.shiftKey}))},ArrowLeft(A){Fe(A)||C.dataset.disabled||(A.preventDefault(),o({type:V?"BRANCH_NODE.ARROW_LEFT":"NODE.ARROW_LEFT",id:I}))},ArrowRight(A){!V||C.dataset.disabled||(A.preventDefault(),o({type:"BRANCH_NODE.ARROW_RIGHT",id:I}))},Home(A){Fe(A)||(A.preventDefault(),o({type:"NODE.HOME",id:I,shiftKey:A.shiftKey}))},End(A){Fe(A)||(A.preventDefault(),o({type:"NODE.END",id:I,shiftKey:A.shiftKey}))},Space(A){var L;C.dataset.disabled||(h?o({type:"TREE.TYPEAHEAD",key:A.key}):(L=R.Enter)==null||L.call(R,A))},Enter(A){C.dataset.disabled||We(f)&&Fe(A)||(o({type:V?"BRANCH_NODE.CLICK":"NODE.CLICK",id:I,src:"keyboard"}),We(f)||A.preventDefault())},"*"(A){C.dataset.disabled||(A.preventDefault(),o({type:"SIBLINGS.EXPAND",id:I}))},a(A){!A.metaKey||C.dataset.disabled||(A.preventDefault(),o({type:"SELECTED.ALL",moveFocus:!0}))},F2(A){if(C.dataset.disabled)return;let L=s("canRename");if(!L)return;let M=a.getIndexPath(I);if(M){let j=a.at(M);if(j&&!L(j,M))return}A.preventDefault(),o({type:"NODE.RENAME",value:I})}},w=ve(E,{dir:s("dir")}),N=R[w];if(N){N(E);return}tt.isValidEvent(E)&&(o({type:"TREE.TYPEAHEAD",key:E.key,id:I}),E.preventDefault())}}))},getNodeState:S,getItemProps(E){let f=S(E);return t.element(y(v({},Ne.item.attrs),{id:f.id,dir:s("dir"),"data-ownedby":pa(i),"data-path":E.indexPath.join("/"),"data-value":f.value,tabIndex:f.focused?0:-1,"data-focus":T(f.focused),role:"treeitem","aria-current":f.selected?"true":void 0,"aria-selected":f.disabled?void 0:f.selected,"data-selected":T(f.selected),"aria-disabled":ie(f.disabled),"data-disabled":T(f.disabled),"data-renaming":T(f.renaming),"aria-level":f.depth,"data-depth":f.depth,style:{"--depth":f.depth},onFocus(C){C.stopPropagation(),o({type:"NODE.FOCUS",id:f.value})},onClick(C){if(f.disabled||!et(C)||We(C.currentTarget)&&Fe(C))return;let I=C.metaKey||C.ctrlKey;o({type:"NODE.CLICK",id:f.value,shiftKey:C.shiftKey,ctrlKey:I}),C.stopPropagation(),We(C.currentTarget)||C.preventDefault()}}))},getItemTextProps(E){let f=S(E);return t.element(y(v({},Ne.itemText.attrs),{"data-disabled":T(f.disabled),"data-selected":T(f.selected),"data-focus":T(f.focused)}))},getItemIndicatorProps(E){let f=S(E);return t.element(y(v({},Ne.itemIndicator.attrs),{"aria-hidden":!0,"data-disabled":T(f.disabled),"data-selected":T(f.selected),"data-focus":T(f.focused),hidden:!f.selected}))},getBranchProps(E){let f=S(E);return t.element(y(v({},Ne.branch.attrs),{"data-depth":f.depth,dir:s("dir"),"data-branch":f.value,role:"treeitem","data-ownedby":pa(i),"data-value":f.value,"aria-level":f.depth,"aria-selected":f.disabled?void 0:f.selected,"data-path":E.indexPath.join("/"),"data-selected":T(f.selected),"aria-expanded":f.expanded,"data-state":f.expanded?"open":"closed","aria-disabled":ie(f.disabled),"data-disabled":T(f.disabled),"data-loading":T(f.loading),"aria-busy":ie(f.loading),style:{"--depth":f.depth}}))},getBranchIndicatorProps(E){let f=S(E);return t.element(y(v({},Ne.branchIndicator.attrs),{"aria-hidden":!0,"data-state":f.expanded?"open":"closed","data-disabled":T(f.disabled),"data-selected":T(f.selected),"data-focus":T(f.focused),"data-loading":T(f.loading)}))},getBranchTriggerProps(E){let f=S(E);return t.element(y(v({},Ne.branchTrigger.attrs),{role:"button",dir:s("dir"),"data-disabled":T(f.disabled),"data-state":f.expanded?"open":"closed","data-value":f.value,"data-loading":T(f.loading),disabled:f.loading,onClick(C){f.disabled||f.loading||(o({type:"BRANCH_TOGGLE.CLICK",id:f.value}),C.stopPropagation())}}))},getBranchControlProps(E){let f=S(E);return t.element(y(v({},Ne.branchControl.attrs),{role:"button",id:f.id,dir:s("dir"),tabIndex:f.focused?0:-1,"data-path":E.indexPath.join("/"),"data-state":f.expanded?"open":"closed","data-disabled":T(f.disabled),"data-selected":T(f.selected),"data-focus":T(f.focused),"data-renaming":T(f.renaming),"data-value":f.value,"data-depth":f.depth,"data-loading":T(f.loading),"aria-busy":ie(f.loading),onFocus(C){o({type:"NODE.FOCUS",id:f.value}),C.stopPropagation()},onClick(C){if(f.disabled||f.loading||!et(C)||We(C.currentTarget)&&Fe(C))return;let I=C.metaKey||C.ctrlKey;o({type:"BRANCH_NODE.CLICK",id:f.value,shiftKey:C.shiftKey,ctrlKey:I}),C.stopPropagation()}}))},getBranchTextProps(E){let f=S(E);return t.element(y(v({},Ne.branchText.attrs),{dir:s("dir"),"data-disabled":T(f.disabled),"data-state":f.expanded?"open":"closed","data-loading":T(f.loading)}))},getBranchContentProps(E){let f=S(E);return t.element(y(v({},Ne.branchContent.attrs),{role:"group",dir:s("dir"),"data-state":f.expanded?"open":"closed","data-depth":f.depth,"data-path":E.indexPath.join("/"),"data-value":f.value,hidden:!f.expanded}))},getBranchIndentGuideProps(E){let f=S(E);return t.element(y(v({},Ne.branchIndentGuide.attrs),{"data-depth":f.depth}))},getNodeCheckboxProps(E){let f=S(E),C=f.checked;return t.element(y(v({},Ne.nodeCheckbox.attrs),{tabIndex:-1,role:"checkbox","data-state":C===!0?"checked":C===!1?"unchecked":"indeterminate","aria-checked":C===!0?"true":C===!1?"false":"mixed","data-disabled":T(f.disabled),onClick(I){if(I.defaultPrevented||f.disabled||!et(I))return;o({type:"CHECKED.TOGGLE",value:f.value,isBranch:f.isBranch}),I.stopPropagation();let V=I.currentTarget.closest("[role=treeitem]");V==null||V.focus({preventScroll:!0})}}))},getNodeRenameInputProps(E){let f=S(E);return t.input(y(v({},Ne.nodeRenameInput.attrs),{id:Zd(i,f.value),type:"text","aria-label":"Rename tree item",hidden:!f.renaming,onKeyDown(C){Vt(C)||(C.key==="Escape"&&(o({type:"RENAME.CANCEL"}),C.preventDefault()),C.key==="Enter"&&(o({type:"RENAME.SUBMIT",label:C.currentTarget.value}),C.preventDefault()),C.stopPropagation())},onBlur(C){o({type:"RENAME.SUBMIT",label:C.currentTarget.value})}}))}}}function bs(e,t){let{context:n,prop:i,refs:r}=e;if(!i("loadChildren")){n.set("expandedValue",m=>kt(it(m,...t)));return}let s=n.get("loadingStatus"),[o,a]=Ks(t,m=>s[m]==="loaded");if(o.length>0&&n.set("expandedValue",m=>kt(it(m,...o))),a.length===0)return;let l=i("collection"),[c,u]=Ks(a,m=>{let b=l.findNode(m);return l.getNodeChildren(b).length>0});if(c.length>0&&n.set("expandedValue",m=>kt(it(m,...c))),u.length===0)return;n.set("loadingStatus",m=>v(v({},m),u.reduce((b,P)=>y(v({},b),{[P]:"loading"}),{})));let h=u.map(m=>{let b=l.getIndexPath(m),P=l.getValuePath(b),S=l.findNode(m);return{id:m,indexPath:b,valuePath:P,node:S}}),p=r.get("pendingAborts"),d=i("loadChildren");qn(d,()=>"[zag-js/tree-view] `loadChildren` is required for async expansion");let g=h.map(({id:m,indexPath:b,valuePath:P,node:S})=>{let E=p.get(m);E&&(E.abort(),p.delete(m));let f=new AbortController;return p.set(m,f),d({valuePath:P,indexPath:b,node:S,signal:f.signal})});Promise.allSettled(g).then(m=>{var f,C;let b=[],P=[],S=n.get("loadingStatus"),E=i("collection");m.forEach((I,V)=>{let{id:R,indexPath:w,node:N,valuePath:A}=h[V];I.status==="fulfilled"?(S[R]="loaded",b.push(R),E=E.replace(w,y(v({},N),{children:I.value}))):(p.delete(R),Reflect.deleteProperty(S,R),P.push({node:N,error:I.reason,indexPath:w,valuePath:A}))}),n.set("loadingStatus",S),b.length&&(n.set("expandedValue",I=>kt(it(I,...b))),(f=i("onLoadChildrenComplete"))==null||f({collection:E})),P.length&&((C=i("onLoadChildrenError"))==null||C({nodes:P}))})}function Et(e){let{prop:t,context:n}=e;return function({indexPath:r}){return t("collection").getValuePath(r).slice(0,-1).some(o=>!n.get("expandedValue").includes(o))}}function wn(e,t){let{prop:n,scope:i,computed:r}=e,s=n("scrollToIndexFn");if(!s)return!1;let o=n("collection"),a=r("visibleNodes");for(let l=0;l<a.length;l++){let{node:c,indexPath:u}=a[l];if(o.getNodeValue(c)===t)return s({index:l,node:c,indexPath:u,getElement:()=>i.getById(va(i,t))}),!0}return!1}function mI(e){var s;let n=e.querySelectorAll('[data-scope="tree-view"][data-part="branch"], [data-scope="tree-view"][data-part="item"]'),i=[];for(let o of n){let a=o.getAttribute("data-path"),l=o.getAttribute("data-value");if(a==null||l==null)continue;let c=a.split("/").map(p=>parseInt(p,10));if(c.some(Number.isNaN))continue;let u=(s=o.getAttribute("data-name"))!=null?s:l,h=o.getAttribute("data-part")==="branch";i.push({pathArr:c,id:l,name:u,isBranch:h})}i.sort((o,a)=>{let l=Math.min(o.pathArr.length,a.pathArr.length);for(let c=0;c<l;c++)if(o.pathArr[c]!==a.pathArr[c])return o.pathArr[c]-a.pathArr[c];return o.pathArr.length-a.pathArr.length});let r={id:"ROOT",name:"",children:[]};for(let{pathArr:o,id:a,name:l,isBranch:c}of i){let u=r;for(let p=0;p<o.length-1;p++){let d=o[p];u.children||(u.children=[]),u=u.children[d]}let h=o[o.length-1];u.children||(u.children=[]),u.children[h]=c?{id:a,name:l,children:[]}:{id:a,name:l}}return r}var lI,Ne,ma,cI,jd,va,pa,Ce,Zd,Xd,Ct,gI,fI,FO,pI,MO,vI,yI,Qd=fe(()=>{"use strict";Ar();me();lI=Z("tree-view").parts("branch","branchContent","branchControl","branchIndentGuide","branchIndicator","branchText","branchTrigger","item","itemIndicator","itemText","label","nodeCheckbox","nodeRenameInput","root","tree"),Ne=lI.build(),ma=e=>new io(e);ma.empty=()=>new io({rootNode:{children:[]}});cI=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`tree:${e.id}:root`},jd=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`tree:${e.id}:label`},va=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.node)==null?void 0:i.call(n,t))!=null?r:`tree:${e.id}:node:${t}`},pa=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.tree)!=null?n:`tree:${e.id}:tree`},Ce=(e,t)=>{var n;t!=null&&((n=e.getById(va(e,t)))==null||n.focus())},Zd=(e,t)=>`tree:${e.id}:rename-input:${t}`,Xd=(e,t)=>e.getById(Zd(e,t));({and:Ct}=ye()),gI={props({props:e}){return v({selectionMode:"single",collection:ma.empty(),typeahead:!0,expandOnClick:!0,defaultExpandedValue:[],defaultSelectedValue:[]},e)},initialState(){return"idle"},context({prop:e,bindable:t,getContext:n}){return{expandedValue:t(()=>({defaultValue:e("defaultExpandedValue"),value:e("expandedValue"),isEqual:he,onChange(i){var o;let s=n().get("focusedValue");(o=e("onExpandedChange"))==null||o({expandedValue:i,focusedValue:s,get expandedNodes(){return e("collection").findNodes(i)}})}})),selectedValue:t(()=>({defaultValue:e("defaultSelectedValue"),value:e("selectedValue"),isEqual:he,onChange(i){var o;let s=n().get("focusedValue");(o=e("onSelectionChange"))==null||o({selectedValue:i,focusedValue:s,get selectedNodes(){return e("collection").findNodes(i)}})}})),focusedValue:t(()=>({defaultValue:e("defaultFocusedValue")||null,value:e("focusedValue"),onChange(i){var r;(r=e("onFocusChange"))==null||r({focusedValue:i,get focusedNode(){return i?e("collection").findNode(i):null}})}})),loadingStatus:t(()=>({defaultValue:{}})),checkedValue:t(()=>({defaultValue:e("defaultCheckedValue")||[],value:e("checkedValue"),isEqual:he,onChange(i){var r;(r=e("onCheckedChange"))==null||r({checkedValue:i})}})),renamingValue:t(()=>({sync:!0,defaultValue:null}))}},refs(){return{typeaheadState:v({},tt.defaultOptions),pendingAborts:new Map}},computed:{isMultipleSelection:({prop:e})=>e("selectionMode")==="multiple",isTypingAhead:({refs:e})=>e.get("typeaheadState").keysSoFar.length>0,visibleNodes:({prop:e,context:t})=>{let n=[];return e("collection").visit({skip:Et({prop:e,context:t}),onEnter:(i,r)=>{n.push({node:i,indexPath:r})}}),n}},on:{"EXPANDED.SET":{actions:["setExpanded"]},"EXPANDED.CLEAR":{actions:["clearExpanded"]},"EXPANDED.ALL":{actions:["expandAllBranches"]},"BRANCH.EXPAND":{actions:["expandBranches"]},"BRANCH.COLLAPSE":{actions:["collapseBranches"]},"SELECTED.SET":{actions:["setSelected"]},"SELECTED.ALL":[{guard:Ct("isMultipleSelection","moveFocus"),actions:["selectAllNodes","focusTreeLastNode"]},{guard:"isMultipleSelection",actions:["selectAllNodes"]}],"SELECTED.CLEAR":{actions:["clearSelected"]},"NODE.SELECT":{actions:["selectNode"]},"NODE.DESELECT":{actions:["deselectNode"]},"CHECKED.TOGGLE":{actions:["toggleChecked"]},"CHECKED.SET":{actions:["setChecked"]},"CHECKED.CLEAR":{actions:["clearChecked"]},"NODE.FOCUS":{actions:["setFocusedNode"]},"NODE.ARROW_DOWN":[{guard:Ct("isShiftKey","isMultipleSelection"),actions:["focusTreeNextNode","extendSelectionToNextNode"]},{actions:["focusTreeNextNode"]}],"NODE.ARROW_UP":[{guard:Ct("isShiftKey","isMultipleSelection"),actions:["focusTreePrevNode","extendSelectionToPrevNode"]},{actions:["focusTreePrevNode"]}],"NODE.ARROW_LEFT":{actions:["focusBranchNode"]},"BRANCH_NODE.ARROW_LEFT":[{guard:"isBranchExpanded",actions:["collapseBranch"]},{actions:["focusBranchNode"]}],"BRANCH_NODE.ARROW_RIGHT":[{guard:Ct("isBranchFocused","isBranchExpanded"),actions:["focusBranchFirstNode"]},{actions:["expandBranch"]}],"SIBLINGS.EXPAND":{actions:["expandSiblingBranches"]},"NODE.HOME":[{guard:Ct("isShiftKey","isMultipleSelection"),actions:["extendSelectionToFirstNode","focusTreeFirstNode"]},{actions:["focusTreeFirstNode"]}],"NODE.END":[{guard:Ct("isShiftKey","isMultipleSelection"),actions:["extendSelectionToLastNode","focusTreeLastNode"]},{actions:["focusTreeLastNode"]}],"NODE.CLICK":[{guard:Ct("isCtrlKey","isMultipleSelection"),actions:["toggleNodeSelection"]},{guard:Ct("isShiftKey","isMultipleSelection"),actions:["extendSelectionToNode"]},{actions:["selectNode"]}],"BRANCH_NODE.CLICK":[{guard:Ct("isCtrlKey","isMultipleSelection"),actions:["toggleNodeSelection"]},{guard:Ct("isShiftKey","isMultipleSelection"),actions:["extendSelectionToNode"]},{guard:"expandOnClick",actions:["selectNode","toggleBranchNode"]},{actions:["selectNode"]}],"BRANCH_TOGGLE.CLICK":{actions:["toggleBranchNode"]},"TREE.TYPEAHEAD":{actions:["focusMatchedNode"]}},exit:["clearPendingAborts"],states:{idle:{on:{"NODE.RENAME":{target:"renaming",actions:["setRenamingValue"]}}},renaming:{entry:["syncRenameInput","focusRenameInput"],on:{"RENAME.SUBMIT":{guard:"isRenameLabelValid",target:"idle",actions:["submitRenaming"]},"RENAME.CANCEL":{target:"idle",actions:["cancelRenaming"]}}}},implementations:{guards:{isBranchFocused:({context:e,event:t})=>e.get("focusedValue")===t.id,isBranchExpanded:({context:e,event:t})=>e.get("expandedValue").includes(t.id),isShiftKey:({event:e})=>e.shiftKey,isCtrlKey:({event:e})=>e.ctrlKey,hasSelectedItems:({context:e})=>e.get("selectedValue").length>0,isMultipleSelection:({prop:e})=>e("selectionMode")==="multiple",moveFocus:({event:e})=>!!e.moveFocus,expandOnClick:({prop:e})=>!!e("expandOnClick"),isRenameLabelValid:({event:e})=>e.label.trim()!==""},actions:{selectNode({context:e,event:t}){let n=t.id||t.value;e.set("selectedValue",i=>n==null?i:!t.isTrusted&&Kt(n)?i.concat(...n):[Kt(n)?nt(n):n].filter(Boolean))},deselectNode({context:e,event:t}){let n=Oi(t.id||t.value);e.set("selectedValue",i=>ht(i,...n))},setFocusedNode({context:e,event:t}){e.set("focusedValue",t.id)},clearFocusedNode({context:e}){e.set("focusedValue",null)},clearSelectedItem({context:e}){e.set("selectedValue",[])},toggleBranchNode({context:e,event:t,action:n}){let i=e.get("expandedValue").includes(t.id);n(i?["collapseBranch"]:["expandBranch"])},expandBranch(e){let{event:t}=e;bs(e,[t.id])},expandBranches(e){let{context:t,event:n}=e,i=Oi(n.value);bs(e,vr(i,t.get("expandedValue")))},collapseBranch({context:e,event:t}){e.set("expandedValue",n=>ht(n,t.id))},collapseBranches(e){let{context:t,event:n}=e,i=Oi(n.value);t.set("expandedValue",r=>ht(r,...i))},setExpanded({context:e,event:t}){Kt(t.value)&&e.set("expandedValue",t.value)},clearExpanded({context:e}){e.set("expandedValue",[])},setSelected({context:e,event:t}){Kt(t.value)&&e.set("selectedValue",t.value)},clearSelected({context:e}){e.set("selectedValue",[])},focusTreeFirstNode(e){let{prop:t,scope:n}=e,i=t("collection"),r=i.getFirstNode(void 0,{skip:Et(e)});if(!r)return;let s=i.getNodeValue(r);wn(e,s)?H(()=>Ce(n,s)):Ce(n,s)},focusTreeLastNode(e){let{prop:t,scope:n}=e,i=t("collection"),r=i.getLastNode(void 0,{skip:Et(e)}),s=i.getNodeValue(r);wn(e,s)?H(()=>Ce(n,s)):Ce(n,s)},focusBranchFirstNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.findNode(t.id),o=r.getFirstNode(s,{skip:Et(e)});if(!o)return;let a=r.getNodeValue(o);wn(e,a)?H(()=>Ce(i,a)):Ce(i,a)},focusTreeNextNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getNextNode(t.id,{skip:Et(e)});if(!s)return;let o=r.getNodeValue(s);wn(e,o)?H(()=>Ce(i,o)):Ce(i,o)},focusTreePrevNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getPreviousNode(t.id,{skip:Et(e)});if(!s)return;let o=r.getNodeValue(s);wn(e,o)?H(()=>Ce(i,o)):Ce(i,o)},focusBranchNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getParentNode(t.id),o=s?r.getNodeValue(s):void 0;if(!o)return;wn(e,o)?H(()=>Ce(i,o)):Ce(i,o)},selectAllNodes({context:e,prop:t}){e.set("selectedValue",t("collection").getValues())},focusMatchedNode(e){let{context:t,prop:n,refs:i,event:r,scope:s,computed:o}=e,l=o("visibleNodes").map(({node:h})=>({textContent:n("collection").stringifyNode(h),id:n("collection").getNodeValue(h)})),c=tt(l,{state:i.get("typeaheadState"),activeId:t.get("focusedValue"),key:r.key});if(!(c!=null&&c.id))return;wn(e,c.id)?H(()=>Ce(s,c.id)):Ce(s,c.id)},toggleNodeSelection({context:e,event:t}){let n=rt(e.get("selectedValue"),t.id);e.set("selectedValue",n)},expandAllBranches(e){let{context:t,prop:n}=e,i=n("collection").getBranchValues(),r=vr(i,t.get("expandedValue"));bs(e,r)},expandSiblingBranches(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getIndexPath(n.id);if(!s)return;let a=r.getSiblingNodes(s).map(c=>r.getNodeValue(c)),l=vr(a,t.get("expandedValue"));bs(e,l)},extendSelectionToNode(e){let{context:t,event:n,prop:i,computed:r}=e,s=i("collection"),o=Ke(t.get("selectedValue"))||s.getNodeValue(s.getFirstNode()),a=n.id,l=[o,a],c=0;r("visibleNodes").forEach(({node:h})=>{let p=s.getNodeValue(h);c===1&&l.push(p),(p===o||p===a)&&c++}),t.set("selectedValue",kt(l))},extendSelectionToNextNode(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getNextNode(n.id,{skip:Et(e)});if(!s)return;let o=new Set(t.get("selectedValue")),a=r.getNodeValue(s);a!=null&&(o.has(n.id)&&o.has(a)?o.delete(n.id):o.has(a)||o.add(a),t.set("selectedValue",Array.from(o)))},extendSelectionToPrevNode(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getPreviousNode(n.id,{skip:Et(e)});if(!s)return;let o=new Set(t.get("selectedValue")),a=r.getNodeValue(s);a!=null&&(o.has(n.id)&&o.has(a)?o.delete(n.id):o.has(a)||o.add(a),t.set("selectedValue",Array.from(o)))},extendSelectionToFirstNode(e){let{context:t,prop:n}=e,i=n("collection"),r=Ke(t.get("selectedValue")),s=[];i.visit({skip:Et(e),onEnter:o=>{let a=i.getNodeValue(o);if(s.push(a),a===r)return"stop"}}),t.set("selectedValue",s)},extendSelectionToLastNode(e){let{context:t,prop:n}=e,i=n("collection"),r=Ke(t.get("selectedValue")),s=[],o=!1;i.visit({skip:Et(e),onEnter:a=>{let l=i.getNodeValue(a);l===r&&(o=!0),o&&s.push(l)}}),t.set("selectedValue",s)},clearPendingAborts({refs:e}){let t=e.get("pendingAborts");t.forEach(n=>n.abort()),t.clear()},toggleChecked({context:e,event:t,prop:n}){let i=n("collection");e.set("checkedValue",r=>t.isBranch?uI(i,t.value,r):rt(r,t.value))},setChecked({context:e,event:t}){e.set("checkedValue",t.value)},clearChecked({context:e}){e.set("checkedValue",[])},setRenamingValue({context:e,event:t,prop:n}){e.set("renamingValue",t.value);let i=n("onRenameStart");if(i){let r=n("collection"),s=r.getIndexPath(t.value);if(s){let o=r.at(s);o&&i({value:t.value,node:o,indexPath:s})}}},submitRenaming({context:e,event:t,prop:n,scope:i}){var c;let r=e.get("renamingValue");if(!r)return;let o=n("collection").getIndexPath(r);if(!o)return;let a=t.label.trim(),l=n("onBeforeRename");if(l&&!l({value:r,label:a,indexPath:o})){e.set("renamingValue",null),Ce(i,r);return}(c=n("onRenameComplete"))==null||c({value:r,label:a,indexPath:o}),e.set("renamingValue",null),Ce(i,r)},cancelRenaming({context:e,scope:t}){let n=e.get("renamingValue");e.set("renamingValue",null),n&&Ce(t,n)},syncRenameInput({context:e,scope:t,prop:n}){let i=e.get("renamingValue");if(!i)return;let r=n("collection"),s=r.findNode(i);if(!s)return;let o=r.stringifyNode(s),a=Xd(t,i);xt(a,o)},focusRenameInput({context:e,scope:t}){let n=e.get("renamingValue");if(!n)return;let i=Xd(t,n);i&&(i.focus(),i.select())}}}};fI=G()(["ids","collection","dir","expandedValue","expandOnClick","defaultFocusedValue","focusedValue","getRootNode","id","onExpandedChange","onFocusChange","onSelectionChange","checkedValue","selectedValue","selectionMode","typeahead","defaultExpandedValue","defaultSelectedValue","defaultCheckedValue","onCheckedChange","onLoadChildrenComplete","onLoadChildrenError","loadChildren","canRename","onRenameStart","onBeforeRename","onRenameComplete","scrollToIndexFn"]),FO=B(fI),pI=G()(["node","indexPath"]),MO=B(pI);vI=class extends te{constructor(t,n){var s;let i=(s=n.treeData)!=null?s:mI(t),r=ma({nodeToValue:o=>o.id,nodeToString:o=>o.name,rootNode:i});super(t,y(v({},n),{collection:r}));U(this,"treeCollection");U(this,"syncTree",()=>{let t=this.el.querySelector('[data-scope="tree-view"][data-part="tree"]');t&&(this.spreadProps(t,this.api.getTreeProps()),this.updateExistingTree(t))});this.treeCollection=r}initMachine(t){return new ee(gI,v({},t))}initApi(){return hI(this.machine.service,Q)}getNodeAt(t){var i;if(t.length===0)return;let n=this.treeCollection.rootNode;for(let r of t)if(n=(i=n==null?void 0:n.children)==null?void 0:i[r],!n)return;return n}updateExistingTree(t){this.spreadProps(t,this.api.getTreeProps());let n=t.querySelectorAll('[data-scope="tree-view"][data-part="branch"]');for(let r of n){let s=r.getAttribute("data-path");if(s==null)continue;let o=s.split("/").map(g=>parseInt(g,10)),a=this.getNodeAt(o);if(!a)continue;let l={indexPath:o,node:a};this.spreadProps(r,this.api.getBranchProps(l));let c=r.querySelector('[data-scope="tree-view"][data-part="branch-control"]');c&&this.spreadProps(c,this.api.getBranchControlProps(l));let u=r.querySelector('[data-scope="tree-view"][data-part="branch-text"]');u&&this.spreadProps(u,this.api.getBranchTextProps(l));let h=r.querySelector('[data-scope="tree-view"][data-part="branch-indicator"]');h&&this.spreadProps(h,this.api.getBranchIndicatorProps(l));let p=r.querySelector('[data-scope="tree-view"][data-part="branch-content"]');p&&this.spreadProps(p,this.api.getBranchContentProps(l));let d=r.querySelector('[data-scope="tree-view"][data-part="branch-indent-guide"]');d&&this.spreadProps(d,this.api.getBranchIndentGuideProps(l))}let i=t.querySelectorAll('[data-scope="tree-view"][data-part="item"]');for(let r of i){let s=r.getAttribute("data-path");if(s==null)continue;let o=s.split("/").map(c=>parseInt(c,10)),a=this.getNodeAt(o);if(!a)continue;let l={indexPath:o,node:a};this.spreadProps(r,this.api.getItemProps(l))}}render(){var i;let t=(i=this.el.querySelector('[data-scope="tree-view"][data-part="root"]'))!=null?i:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="tree-view"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps()),this.syncTree()}},yI={mounted(){var i;let e=this.el,t=this.pushEvent.bind(this),n=new vI(e,y(v({id:e.id},O(e,"controlled")?{expandedValue:Y(e,"expandedValue"),selectedValue:Y(e,"selectedValue")}:{defaultExpandedValue:Y(e,"defaultExpandedValue"),defaultSelectedValue:Y(e,"defaultSelectedValue")}),{selectionMode:(i=x(e,"selectionMode",["single","multiple"]))!=null?i:"single",dir:Gt(e),onSelectionChange:r=>{var d;let s=O(e,"redirect"),o=(d=r.selectedValue)!=null&&d.length?r.selectedValue[0]:void 0,a=[...e.querySelectorAll('[data-scope="tree-view"][data-part="item"], [data-scope="tree-view"][data-part="branch"]')].find(g=>g.getAttribute("data-value")===o),l=(a==null?void 0:a.getAttribute("data-part"))==="item",c=a==null?void 0:a.getAttribute("data-redirect"),u=a==null?void 0:a.hasAttribute("data-new-tab");s&&o&&l&&this.liveSocket.main.isDead&&c!=="false"&&(u?window.open(o,"_blank","noopener,noreferrer"):window.location.href=o);let p=x(e,"onSelectionChange");p&&this.liveSocket.main.isConnected()&&t(p,{id:e.id,value:y(v({},r),{isItem:l!=null?l:!1})})},onExpandedChange:r=>{let s=x(e,"onExpandedChange");s&&this.liveSocket.main.isConnected()&&t(s,{id:e.id,value:r})}}));n.init(),this.treeView=n,this.onSetExpandedValue=r=>{let{value:s}=r.detail;n.api.setExpandedValue(s)},e.addEventListener("phx:tree-view:set-expanded-value",this.onSetExpandedValue),this.onSetSelectedValue=r=>{let{value:s}=r.detail;n.api.setSelectedValue(s)},e.addEventListener("phx:tree-view:set-selected-value",this.onSetSelectedValue),this.handlers=[],this.handlers.push(this.handleEvent("tree_view_set_expanded_value",r=>{let s=r.tree_view_id;s&&e.id!==s&&e.id!==`tree-view:${s}`||n.api.setExpandedValue(r.value)})),this.handlers.push(this.handleEvent("tree_view_set_selected_value",r=>{let s=r.tree_view_id;s&&e.id!==s&&e.id!==`tree-view:${s}`||n.api.setSelectedValue(r.value)})),this.handlers.push(this.handleEvent("tree_view_expanded_value",()=>{t("tree_view_expanded_value_response",{value:n.api.expandedValue})})),this.handlers.push(this.handleEvent("tree_view_selected_value",()=>{t("tree_view_selected_value_response",{value:n.api.selectedValue})}))},updated(){var e;O(this.el,"controlled")&&((e=this.treeView)==null||e.updateProps({expandedValue:Y(this.el,"expandedValue"),selectedValue:Y(this.el,"selectedValue")}))},destroyed(){var e;if(this.onSetExpandedValue&&this.el.removeEventListener("phx:tree-view:set-expanded-value",this.onSetExpandedValue),this.onSetSelectedValue&&this.el.removeEventListener("phx:tree-view:set-selected-value",this.onSetSelectedValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.treeView)==null||e.destroy()}}});var EI={};Oe(EI,{Hooks:()=>eh,default:()=>bI,hooks:()=>Pe});function Pe(e,t){return{mounted(){return Ee(this,null,function*(){let r=(yield e())[t];if(this._realHook=r,r!=null&&r.mounted)return r.mounted.call(this)})},updated(){var i,r;(r=(i=this._realHook)==null?void 0:i.updated)==null||r.call(this)},destroyed(){var i,r;(r=(i=this._realHook)==null?void 0:i.destroyed)==null||r.call(this)},disconnected(){var i,r;(r=(i=this._realHook)==null?void 0:i.disconnected)==null||r.call(this)},reconnected(){var i,r;(r=(i=this._realHook)==null?void 0:i.reconnected)==null||r.call(this)},beforeUpdate(){var i,r;(r=(i=this._realHook)==null?void 0:i.beforeUpdate)==null||r.call(this)}}}var eh={Accordion:Pe(()=>Promise.resolve().then(()=>(yl(),vl)),"Accordion"),Checkbox:Pe(()=>Promise.resolve().then(()=>(Pl(),Sl)),"Checkbox"),Clipboard:Pe(()=>Promise.resolve().then(()=>(Vl(),wl)),"Clipboard"),Collapsible:Pe(()=>Promise.resolve().then(()=>(kl(),xl)),"Collapsible"),Combobox:Pe(()=>Promise.resolve().then(()=>(Vc(),wc)),"Combobox"),DatePicker:Pe(()=>Promise.resolve().then(()=>(Pu(),Su)),"DatePicker"),Dialog:Pe(()=>Promise.resolve().then(()=>(Fu(),Lu)),"Dialog"),Menu:Pe(()=>Promise.resolve().then(()=>(Ku(),Wu)),"Menu"),Select:Pe(()=>Promise.resolve().then(()=>(ed(),Qu)),"Select"),SignaturePad:Pe(()=>Promise.resolve().then(()=>(Cd(),Ed)),"SignaturePad"),Switch:Pe(()=>Promise.resolve().then(()=>(Pd(),Sd)),"Switch"),Tabs:Pe(()=>Promise.resolve().then(()=>(Nd(),kd)),"Tabs"),Toast:Pe(()=>Promise.resolve().then(()=>(Bd(),Hd)),"Toast"),ToggleGroup:Pe(()=>Promise.resolve().then(()=>(Yd(),Kd)),"ToggleGroup"),TreeView:Pe(()=>Promise.resolve().then(()=>(Qd(),zd)),"TreeView")};var bI=eh;return gh(EI);})();
+    `,this.parts={title:this.el.querySelector('[data-scope="toast"][data-part="title"]'),description:this.el.querySelector('[data-scope="toast"][data-part="description"]'),close:this.el.querySelector('[data-scope="toast"][data-part="close-trigger"]'),ghostBefore:this.el.querySelector('[data-scope="toast"][data-part="ghost-before"]'),ghostAfter:this.el.querySelector('[data-scope="toast"][data-part="ghost-after"]'),progressbar:this.el.querySelector('[data-scope="toast"][data-part="progressbar"]'),loadingSpinner:this.el.querySelector('[data-scope="toast"][data-part="loading-spinner"]')}}initMachine(t){return new W(EV,t)}initApi(){return yV(this.machine.service,q)}render(){var a,o;this.spreadProps(this.el,this.api.getRootProps()),this.spreadProps(this.parts.close,this.api.getCloseTriggerProps()),this.spreadProps(this.parts.ghostBefore,this.api.getGhostBeforeProps()),this.spreadProps(this.parts.ghostAfter,this.api.getGhostAfterProps()),this.parts.title.textContent!==this.api.title&&(this.parts.title.textContent=(a=this.api.title)!=null?a:""),this.parts.description.textContent!==this.api.description&&(this.parts.description.textContent=(o=this.api.description)!=null?o:""),this.spreadProps(this.parts.title,this.api.getTitleProps()),this.spreadProps(this.parts.description,this.api.getDescriptionProps());let t=this.duration,n=t==="Infinity"||t===1/0||t===Number.POSITIVE_INFINITY,i=this.el.closest('[phx-hook="Toast"]'),r=i==null?void 0:i.querySelector("[data-loading-icon-template]"),s=r==null?void 0:r.innerHTML;n?(this.parts.progressbar.style.display="none",this.parts.loadingSpinner.style.display="flex",this.el.setAttribute("data-duration-infinity","true"),s&&this.parts.loadingSpinner.innerHTML!==s&&(this.parts.loadingSpinner.innerHTML=s)):(this.parts.progressbar.style.display="block",this.parts.loadingSpinner.style.display="none",this.el.removeAttribute("data-duration-infinity"))}},OV=class extends K{constructor(t,n){var i;super(t,n);z(this,"toastComponents",new Map);z(this,"groupEl");z(this,"store");z(this,"destroy",()=>{for(let t of this.toastComponents.values())t.destroy();this.toastComponents.clear(),this.machine.stop()});this.store=n.store,this.groupEl=(i=t.querySelector('[data-part="group"]'))!=null?i:(()=>{let r=document.createElement("div");return r.setAttribute("data-scope","toast"),r.setAttribute("data-part","group"),t.appendChild(r),r})()}initMachine(t){return new W(ff.machine,t)}initApi(){return ff.connect(this.machine.service,q)}render(){this.spreadProps(this.groupEl,this.api.getGroupProps());let t=this.api.getToasts().filter(i=>typeof i.id=="string"),n=new Set(t.map(i=>i.id));t.forEach((i,r)=>{let s=this.toastComponents.get(i.id);if(s)s.duration=i.duration,s.updateProps(y(g({},i),{parent:this.machine.service,index:r}));else{let a=document.createElement("div");a.setAttribute("data-scope","toast"),a.setAttribute("data-part","root"),this.groupEl.appendChild(a),s=new TV(a,y(g({},i),{parent:this.machine.service,index:r})),s.init(),this.toastComponents.set(i.id,s)}});for(let[i,r]of this.toastComponents)n.has(i)||(r.destroy(),this.toastComponents.delete(i))}};VV={mounted(){var h;let e=this.el;e.id||(e.id=Mn(e,"toast")),this.groupId=e.id;let t=m=>{if(m)try{return m.includes("{")?JSON.parse(m):m}catch(d){return m}},n=m=>m==="Infinity"||m===1/0?1/0:typeof m=="string"?parseInt(m,10)||void 0:m,i=(h=O(e,"placement",["top-start","top","top-end","bottom-start","bottom","bottom-end"]))!=null?h:"bottom-end";wV(e,{id:this.groupId,placement:i,overlap:C(e,"overlap"),max:Y(e,"max"),gap:Y(e,"gap"),offsets:t(O(e,"offset")),pauseOnPageIdle:C(e,"pauseOnPageIdle")});let r=qr(this.groupId),s=e.getAttribute("data-flash-info"),a=e.getAttribute("data-flash-info-title"),o=e.getAttribute("data-flash-error"),l=e.getAttribute("data-flash-error-title"),c=e.getAttribute("data-flash-info-duration"),u=e.getAttribute("data-flash-error-duration");if(r&&s)try{r.create({title:a||"Success",description:s,type:"info",id:Mn(void 0,"toast"),duration:n(c!=null?c:void 0)})}catch(m){console.error("Failed to create flash info toast:",m)}if(r&&o)try{r.create({title:l||"Error",description:o,type:"error",id:Mn(void 0,"toast"),duration:n(u!=null?u:void 0)})}catch(m){console.error("Failed to create flash error toast:",m)}this.handlers=[],this.handlers.push(this.handleEvent("toast-create",m=>{let d=qr(m.groupId||this.groupId);if(d)try{d.create({title:m.title,description:m.description,type:m.type||"info",id:m.id||Mn(void 0,"toast"),duration:n(m.duration)})}catch(p){console.error("Failed to create toast:",p)}})),this.handlers.push(this.handleEvent("toast-update",m=>{let d=qr(m.groupId||this.groupId);if(d)try{d.update(m.id,{title:m.title,description:m.description,type:m.type})}catch(p){console.error("Failed to update toast:",p)}})),this.handlers.push(this.handleEvent("toast-dismiss",m=>{let d=qr(m.groupId||this.groupId);if(d)try{d.dismiss(m.id)}catch(p){console.error("Failed to dismiss toast:",p)}})),e.addEventListener("toast:create",m=>{let{detail:d}=m,p=qr(d.groupId||this.groupId);if(p)try{p.create({title:d.title,description:d.description,type:d.type||"info",id:d.id||Mn(void 0,"toast"),duration:n(d.duration)})}catch(v){console.error("Failed to create toast:",v)}})},destroyed(){if(this.handlers)for(let e of this.handlers)this.removeHandleEvent(e)}}});var Cf={};he(Cf,{ToggleGroup:()=>BV});function DV(e,t){let{context:n,send:i,prop:r,scope:s}=e,a=n.get("value"),o=r("disabled"),l=!r("multiple"),c=r("rovingFocus"),u=r("orientation")==="horizontal";function h(m){let d=AV(s,m.value);return{id:d,disabled:!!(m.disabled||o),pressed:!!a.includes(m.value),focused:n.get("focusedId")===d}}return{value:a,setValue(m){i({type:"VALUE.SET",value:m})},getRootProps(){return t.element(y(g({},bf.root.attrs),{id:ka(s),dir:r("dir"),role:l?"radiogroup":"group",tabIndex:n.get("isTabbingBackward")?-1:0,"data-disabled":E(o),"data-orientation":r("orientation"),"data-focus":E(n.get("focusedId")!=null),style:{outline:"none"},onMouseDown(){o||i({type:"ROOT.MOUSE_DOWN"})},onFocus(m){o||m.currentTarget===j(m)&&(n.get("isClickFocus")||n.get("isTabbingBackward")||i({type:"ROOT.FOCUS"}))},onBlur(m){let d=m.relatedTarget;ce(m.currentTarget,d)||o||i({type:"ROOT.BLUR"})}}))},getItemState:h,getItemProps(m){let d=h(m),p=d.focused?0:-1;return t.button(y(g({},bf.item.attrs),{id:d.id,type:"button","data-ownedby":ka(s),"data-focus":E(d.focused),disabled:d.disabled,tabIndex:c?p:void 0,role:l?"radio":void 0,"aria-checked":l?d.pressed:void 0,"aria-pressed":l?void 0:d.pressed,"data-disabled":E(d.disabled),"data-orientation":r("orientation"),dir:r("dir"),"data-state":d.pressed?"on":"off",onFocus(){d.disabled||i({type:"TOGGLE.FOCUS",id:d.id})},onClick(v){d.disabled||(i({type:"TOGGLE.CLICK",id:d.id,value:m.value}),Xe()&&v.currentTarget.focus({preventScroll:!0}))},onKeyDown(v){if(v.defaultPrevented||!ce(v.currentTarget,j(v))||d.disabled)return;let T={Tab(w){let b=w.shiftKey;i({type:"TOGGLE.SHIFT_TAB",isShiftTab:b})},ArrowLeft(){!c||!u||i({type:"TOGGLE.FOCUS_PREV"})},ArrowRight(){!c||!u||i({type:"TOGGLE.FOCUS_NEXT"})},ArrowUp(){!c||u||i({type:"TOGGLE.FOCUS_PREV"})},ArrowDown(){!c||u||i({type:"TOGGLE.FOCUS_NEXT"})},Home(){c&&i({type:"TOGGLE.FOCUS_FIRST"})},End(){c&&i({type:"TOGGLE.FOCUS_LAST"})}}[ge(v)];T&&(T(v),v.key!=="Tab"&&v.preventDefault())}}))}}}var xV,bf,ka,AV,Pf,Na,Ef,kV,NV,RV,If,LV,MV,FV,Ek,$V,Ik,HV,BV,Sf=re(()=>{"use strict";se();xV=U("toggle-group").parts("root","item"),bf=xV.build(),ka=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`toggle-group:${e.id}`},AV=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.item)==null?void 0:i.call(n,t))!=null?r:`toggle-group:${e.id}:${t}`},Pf=e=>e.getById(ka(e)),Na=e=>{let n=`[data-ownedby='${CSS.escape(ka(e))}']:not([data-disabled])`;return Fe(Pf(e),n)},Ef=e=>lt(Na(e)),kV=e=>mt(Na(e)),NV=(e,t,n)=>yi(Na(e),t,n),RV=(e,t,n)=>bi(Na(e),t,n);({not:If,and:LV}=Ee()),MV={props({props:e}){return g({defaultValue:[],orientation:"horizontal",rovingFocus:!0,loopFocus:!0,deselectable:!0},e)},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(n){var i;(i=e("onValueChange"))==null||i({value:n})}})),focusedId:t(()=>({defaultValue:null})),isTabbingBackward:t(()=>({defaultValue:!1})),isClickFocus:t(()=>({defaultValue:!1})),isWithinToolbar:t(()=>({defaultValue:!1}))}},computed:{currentLoopFocus:({context:e,prop:t})=>t("loopFocus")&&!e.get("isWithinToolbar")},entry:["checkIfWithinToolbar"],on:{"VALUE.SET":{actions:["setValue"]},"TOGGLE.CLICK":{actions:["setValue"]},"ROOT.MOUSE_DOWN":{actions:["setClickFocus"]}},states:{idle:{on:{"ROOT.FOCUS":{target:"focused",guard:If(LV("isClickFocus","isTabbingBackward")),actions:["focusFirstToggle","clearClickFocus"]},"TOGGLE.FOCUS":{target:"focused",actions:["setFocusedId"]}}},focused:{on:{"ROOT.BLUR":{target:"idle",actions:["clearIsTabbingBackward","clearFocusedId","clearClickFocus"]},"TOGGLE.FOCUS":{actions:["setFocusedId"]},"TOGGLE.FOCUS_NEXT":{actions:["focusNextToggle"]},"TOGGLE.FOCUS_PREV":{actions:["focusPrevToggle"]},"TOGGLE.FOCUS_FIRST":{actions:["focusFirstToggle"]},"TOGGLE.FOCUS_LAST":{actions:["focusLastToggle"]},"TOGGLE.SHIFT_TAB":[{guard:If("isFirstToggleFocused"),target:"idle",actions:["setIsTabbingBackward"]},{actions:["setIsTabbingBackward"]}]}}},implementations:{guards:{isClickFocus:({context:e})=>e.get("isClickFocus"),isTabbingBackward:({context:e})=>e.get("isTabbingBackward"),isFirstToggleFocused:({context:e,scope:t})=>{var n;return e.get("focusedId")===((n=Ef(t))==null?void 0:n.id)}},actions:{setIsTabbingBackward({context:e}){e.set("isTabbingBackward",!0)},clearIsTabbingBackward({context:e}){e.set("isTabbingBackward",!1)},setClickFocus({context:e}){e.set("isClickFocus",!0)},clearClickFocus({context:e}){e.set("isClickFocus",!1)},checkIfWithinToolbar({context:e,scope:t}){var i;let n=(i=Pf(t))==null?void 0:i.closest("[role=toolbar]");e.set("isWithinToolbar",!!n)},setFocusedId({context:e,event:t}){e.set("focusedId",t.id)},clearFocusedId({context:e}){e.set("focusedId",null)},setValue({context:e,event:t,prop:n}){yn(t,["value"]);let i=e.get("value");pn(t.value)?i=t.value:n("multiple")?i=yt(i,t.value):i=fe(i,[t.value])&&n("deselectable")?[]:[t.value],e.set("value",i)},focusNextToggle({context:e,scope:t,prop:n}){H(()=>{var r;let i=e.get("focusedId");i&&((r=NV(t,i,n("loopFocus")))==null||r.focus({preventScroll:!0}))})},focusPrevToggle({context:e,scope:t,prop:n}){H(()=>{var r;let i=e.get("focusedId");i&&((r=RV(t,i,n("loopFocus")))==null||r.focus({preventScroll:!0}))})},focusFirstToggle({scope:e}){H(()=>{var t;(t=Ef(e))==null||t.focus({preventScroll:!0})})},focusLastToggle({scope:e}){H(()=>{var t;(t=kV(e))==null||t.focus({preventScroll:!0})})}}}},FV=_()(["dir","disabled","getRootNode","id","ids","loopFocus","multiple","onValueChange","orientation","rovingFocus","value","defaultValue","deselectable"]),Ek=B(FV),$V=_()(["value","disabled"]),Ik=B($V),HV=class extends K{initMachine(e){return new W(MV,e)}initApi(){return DV(this.machine.service,q)}render(){let e=this.el.querySelector('[data-scope="toggle-group"][data-part="root"]');if(!e)return;this.spreadProps(e,this.api.getRootProps());let t=this.el.querySelectorAll('[data-scope="toggle-group"][data-part="item"]');for(let n=0;n<t.length;n++){let i=t[n],r=O(i,"value");if(!r)continue;let s=C(i,"disabled");this.spreadProps(i,this.api.getItemProps({value:r,disabled:s}))}}},BV={mounted(){let e=this.el,t=this.pushEvent.bind(this),n=y(g({id:e.id},C(e,"controlled")?{value:Z(e,"value")}:{defaultValue:Z(e,"defaultValue")}),{defaultValue:Z(e,"defaultValue"),deselectable:C(e,"deselectable"),loopFocus:C(e,"loopFocus"),rovingFocus:C(e,"rovingFocus"),disabled:C(e,"disabled"),multiple:C(e,"multiple"),orientation:O(e,"orientation",["horizontal","vertical"]),dir:O(e,"dir",["ltr","rtl"]),onValueChange:r=>{let s=O(e,"onValueChange");s&&!this.liveSocket.main.isDead&&this.liveSocket.main.isConnected()&&t(s,{value:r.value,id:e.id});let a=O(e,"onValueChangeClient");a&&e.dispatchEvent(new CustomEvent(a,{bubbles:!0,detail:{value:r.value,id:e.id}}))}}),i=new HV(e,n);i.init(),this.toggleGroup=i,this.onSetValue=r=>{let{value:s}=r.detail;i.api.setValue(s)},e.addEventListener("phx:toggle-group:set-value",this.onSetValue),this.handlers=[],this.handlers.push(this.handleEvent("toggle-group_set_value",r=>{let s=r.id;s&&s!==e.id||i.api.setValue(r.value)})),this.handlers.push(this.handleEvent("toggle-group:value",()=>{this.pushEvent("toggle-group:value_response",{value:i.api.value})}))},updated(){var e;(e=this.toggleGroup)==null||e.updateProps(y(g({},C(this.el,"controlled")?{value:Z(this.el,"value")}:{defaultValue:Z(this.el,"defaultValue")}),{deselectable:C(this.el,"deselectable"),loopFocus:C(this.el,"loopFocus"),rovingFocus:C(this.el,"rovingFocus"),disabled:C(this.el,"disabled"),multiple:C(this.el,"multiple"),orientation:O(this.el,"orientation",["horizontal","vertical"]),dir:O(this.el,"dir",["ltr","rtl"])}))},destroyed(){var e;if(this.onSetValue&&this.el.removeEventListener("phx:toggle-group:set-value",this.onSetValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.toggleGroup)==null||e.destroy()}}});var xf={};he(xf,{TreeView:()=>ZV});function Vf(e,t,n){let i=e.getNodeValue(t);if(!e.isBranchNode(t))return n.includes(i);let r=e.getDescendantValues(i),s=r.every(o=>n.includes(o)),a=r.some(o=>n.includes(o));return s?!0:a?"indeterminate":!1}function UV(e,t,n){let i=e.getDescendantValues(t),r=i.every(s=>n.includes(s));return vt(r?ct(n,...i):Ze(n,...i))}function qV(e,t){let n=new Map;return e.visit({onEnter:i=>{let r=e.getNodeValue(i),s=e.isBranchNode(i),a=Vf(e,i,t);n.set(r,{type:s?"branch":"leaf",checked:a})}}),n}function WV(e,t){let{context:n,scope:i,computed:r,prop:s,send:a}=e,o=s("collection"),l=Array.from(n.get("expandedValue")),c=Array.from(n.get("selectedValue")),u=Array.from(n.get("checkedValue")),h=r("isTypingAhead"),m=n.get("focusedValue"),d=n.get("loadingStatus"),p=n.get("renamingValue"),v=({indexPath:b})=>o.getValuePath(b).slice(0,-1).some(S=>!l.includes(S)),I=o.getFirstNode(void 0,{skip:v}),T=I?o.getNodeValue(I):null;function w(b){let{node:f,indexPath:S}=b,P=o.getNodeValue(f);return{id:nc(i,P),value:P,indexPath:S,valuePath:o.getValuePath(S),disabled:!!f.disabled,focused:m==null?T===P:m===P,selected:c.includes(P),expanded:l.includes(P),loading:d[P]==="loading",depth:S.length,isBranch:o.isBranchNode(f),renaming:p===P,get checked(){return Vf(o,f,u)}}}return{collection:o,expandedValue:l,selectedValue:c,checkedValue:u,toggleChecked(b,f){a({type:"CHECKED.TOGGLE",value:b,isBranch:f})},setChecked(b){a({type:"CHECKED.SET",value:b})},clearChecked(){a({type:"CHECKED.CLEAR"})},getCheckedMap(){return qV(o,u)},expand(b){a({type:b?"BRANCH.EXPAND":"EXPANDED.ALL",value:b})},collapse(b){a({type:b?"BRANCH.COLLAPSE":"EXPANDED.CLEAR",value:b})},deselect(b){a({type:b?"NODE.DESELECT":"SELECTED.CLEAR",value:b})},select(b){a({type:b?"NODE.SELECT":"SELECTED.ALL",value:b,isTrusted:!1})},getVisibleNodes(){return r("visibleNodes")},focus(b){ke(i,b)},selectParent(b){let f=o.getParentNode(b);if(!f)return;let S=Ze(c,o.getNodeValue(f));a({type:"SELECTED.SET",value:S,src:"select.parent"})},expandParent(b){let f=o.getParentNode(b);if(!f)return;let S=Ze(l,o.getNodeValue(f));a({type:"EXPANDED.SET",value:S,src:"expand.parent"})},setExpandedValue(b){let f=vt(b);a({type:"EXPANDED.SET",value:f})},setSelectedValue(b){let f=vt(b);a({type:"SELECTED.SET",value:f})},startRenaming(b){a({type:"NODE.RENAME",value:b})},submitRenaming(b,f){a({type:"RENAME.SUBMIT",value:b,label:f})},cancelRenaming(){a({type:"RENAME.CANCEL"})},getRootProps(){return t.element(y(g({},Ge.root.attrs),{id:GV(i),dir:s("dir")}))},getLabelProps(){return t.element(y(g({},Ge.label.attrs),{id:Tf(i),dir:s("dir")}))},getTreeProps(){return t.element(y(g({},Ge.tree.attrs),{id:ec(i),dir:s("dir"),role:"tree","aria-label":"Tree View","aria-labelledby":Tf(i),"aria-multiselectable":s("selectionMode")==="multiple"||void 0,tabIndex:-1,onKeyDown(b){if(b.defaultPrevented||Re(b))return;let f=j(b);if(Ot(f))return;let S=f==null?void 0:f.closest("[data-part=branch-control], [data-part=item]");if(!S)return;let P=S.dataset.value;if(P==null){console.warn("[zag-js/tree-view] Node id not found for node",S);return}let V=S.matches("[data-part=branch-control]"),A={ArrowDown(N){xe(N)||(N.preventDefault(),a({type:"NODE.ARROW_DOWN",id:P,shiftKey:N.shiftKey}))},ArrowUp(N){xe(N)||(N.preventDefault(),a({type:"NODE.ARROW_UP",id:P,shiftKey:N.shiftKey}))},ArrowLeft(N){xe(N)||S.dataset.disabled||(N.preventDefault(),a({type:V?"BRANCH_NODE.ARROW_LEFT":"NODE.ARROW_LEFT",id:P}))},ArrowRight(N){!V||S.dataset.disabled||(N.preventDefault(),a({type:"BRANCH_NODE.ARROW_RIGHT",id:P}))},Home(N){xe(N)||(N.preventDefault(),a({type:"NODE.HOME",id:P,shiftKey:N.shiftKey}))},End(N){xe(N)||(N.preventDefault(),a({type:"NODE.END",id:P,shiftKey:N.shiftKey}))},Space(N){var D;S.dataset.disabled||(h?a({type:"TREE.TYPEAHEAD",key:N.key}):(D=A.Enter)==null||D.call(A,N))},Enter(N){S.dataset.disabled||st(f)&&xe(N)||(a({type:V?"BRANCH_NODE.CLICK":"NODE.CLICK",id:P,src:"keyboard"}),st(f)||N.preventDefault())},"*"(N){S.dataset.disabled||(N.preventDefault(),a({type:"SIBLINGS.EXPAND",id:P}))},a(N){!N.metaKey||S.dataset.disabled||(N.preventDefault(),a({type:"SELECTED.ALL",moveFocus:!0}))},F2(N){if(S.dataset.disabled)return;let D=s("canRename");if(!D)return;let $=o.getIndexPath(P);if($){let te=o.at($);if(te&&!D(te,$))return}N.preventDefault(),a({type:"NODE.RENAME",value:P})}},x=ge(b,{dir:s("dir")}),k=A[x];if(k){k(b);return}Ue.isValidEvent(b)&&(a({type:"TREE.TYPEAHEAD",key:b.key,id:P}),b.preventDefault())}}))},getNodeState:w,getItemProps(b){let f=w(b);return t.element(y(g({},Ge.item.attrs),{id:f.id,dir:s("dir"),"data-ownedby":ec(i),"data-path":b.indexPath.join("/"),"data-value":f.value,tabIndex:f.focused?0:-1,"data-focus":E(f.focused),role:"treeitem","aria-current":f.selected?"true":void 0,"aria-selected":f.disabled?void 0:f.selected,"data-selected":E(f.selected),"aria-disabled":X(f.disabled),"data-disabled":E(f.disabled),"data-renaming":E(f.renaming),"aria-level":f.depth,"data-depth":f.depth,style:{"--depth":f.depth},onFocus(S){S.stopPropagation(),a({type:"NODE.FOCUS",id:f.value})},onClick(S){if(f.disabled||!pe(S)||st(S.currentTarget)&&xe(S))return;let P=S.metaKey||S.ctrlKey;a({type:"NODE.CLICK",id:f.value,shiftKey:S.shiftKey,ctrlKey:P}),S.stopPropagation(),st(S.currentTarget)||S.preventDefault()}}))},getItemTextProps(b){let f=w(b);return t.element(y(g({},Ge.itemText.attrs),{"data-disabled":E(f.disabled),"data-selected":E(f.selected),"data-focus":E(f.focused)}))},getItemIndicatorProps(b){let f=w(b);return t.element(y(g({},Ge.itemIndicator.attrs),{"aria-hidden":!0,"data-disabled":E(f.disabled),"data-selected":E(f.selected),"data-focus":E(f.focused),hidden:!f.selected}))},getBranchProps(b){let f=w(b);return t.element(y(g({},Ge.branch.attrs),{"data-depth":f.depth,dir:s("dir"),"data-branch":f.value,role:"treeitem","data-ownedby":ec(i),"data-value":f.value,"aria-level":f.depth,"aria-selected":f.disabled?void 0:f.selected,"data-path":b.indexPath.join("/"),"data-selected":E(f.selected),"aria-expanded":f.expanded,"data-state":f.expanded?"open":"closed","aria-disabled":X(f.disabled),"data-disabled":E(f.disabled),"data-loading":E(f.loading),"aria-busy":X(f.loading),style:{"--depth":f.depth}}))},getBranchIndicatorProps(b){let f=w(b);return t.element(y(g({},Ge.branchIndicator.attrs),{"aria-hidden":!0,"data-state":f.expanded?"open":"closed","data-disabled":E(f.disabled),"data-selected":E(f.selected),"data-focus":E(f.focused),"data-loading":E(f.loading)}))},getBranchTriggerProps(b){let f=w(b);return t.element(y(g({},Ge.branchTrigger.attrs),{role:"button",dir:s("dir"),"data-disabled":E(f.disabled),"data-state":f.expanded?"open":"closed","data-value":f.value,"data-loading":E(f.loading),disabled:f.loading,onClick(S){f.disabled||f.loading||(a({type:"BRANCH_TOGGLE.CLICK",id:f.value}),S.stopPropagation())}}))},getBranchControlProps(b){let f=w(b);return t.element(y(g({},Ge.branchControl.attrs),{role:"button",id:f.id,dir:s("dir"),tabIndex:f.focused?0:-1,"data-path":b.indexPath.join("/"),"data-state":f.expanded?"open":"closed","data-disabled":E(f.disabled),"data-selected":E(f.selected),"data-focus":E(f.focused),"data-renaming":E(f.renaming),"data-value":f.value,"data-depth":f.depth,"data-loading":E(f.loading),"aria-busy":X(f.loading),onFocus(S){a({type:"NODE.FOCUS",id:f.value}),S.stopPropagation()},onClick(S){if(f.disabled||f.loading||!pe(S)||st(S.currentTarget)&&xe(S))return;let P=S.metaKey||S.ctrlKey;a({type:"BRANCH_NODE.CLICK",id:f.value,shiftKey:S.shiftKey,ctrlKey:P}),S.stopPropagation()}}))},getBranchTextProps(b){let f=w(b);return t.element(y(g({},Ge.branchText.attrs),{dir:s("dir"),"data-disabled":E(f.disabled),"data-state":f.expanded?"open":"closed","data-loading":E(f.loading)}))},getBranchContentProps(b){let f=w(b);return t.element(y(g({},Ge.branchContent.attrs),{role:"group",dir:s("dir"),"data-state":f.expanded?"open":"closed","data-depth":f.depth,"data-path":b.indexPath.join("/"),"data-value":f.value,hidden:!f.expanded}))},getBranchIndentGuideProps(b){let f=w(b);return t.element(y(g({},Ge.branchIndentGuide.attrs),{"data-depth":f.depth}))},getNodeCheckboxProps(b){let f=w(b),S=f.checked;return t.element(y(g({},Ge.nodeCheckbox.attrs),{tabIndex:-1,role:"checkbox","data-state":S===!0?"checked":S===!1?"unchecked":"indeterminate","aria-checked":S===!0?"true":S===!1?"false":"mixed","data-disabled":E(f.disabled),onClick(P){if(P.defaultPrevented||f.disabled||!pe(P))return;a({type:"CHECKED.TOGGLE",value:f.value,isBranch:f.isBranch}),P.stopPropagation();let V=P.currentTarget.closest("[role=treeitem]");V==null||V.focus({preventScroll:!0})}}))},getNodeRenameInputProps(b){let f=w(b);return t.input(y(g({},Ge.nodeRenameInput.attrs),{id:wf(i,f.value),type:"text","aria-label":"Rename tree item",hidden:!f.renaming,onKeyDown(S){Re(S)||(S.key==="Escape"&&(a({type:"RENAME.CANCEL"}),S.preventDefault()),S.key==="Enter"&&(a({type:"RENAME.SUBMIT",label:S.currentTarget.value}),S.preventDefault()),S.stopPropagation())},onBlur(S){a({type:"RENAME.SUBMIT",label:S.currentTarget.value})}}))}}}function Ra(e,t){let{context:n,prop:i,refs:r}=e;if(!i("loadChildren")){n.set("expandedValue",v=>vt(Ze(v,...t)));return}let s=n.get("loadingStatus"),[a,o]=oo(t,v=>s[v]==="loaded");if(a.length>0&&n.set("expandedValue",v=>vt(Ze(v,...a))),o.length===0)return;let l=i("collection"),[c,u]=oo(o,v=>{let I=l.findNode(v);return l.getNodeChildren(I).length>0});if(c.length>0&&n.set("expandedValue",v=>vt(Ze(v,...c))),u.length===0)return;n.set("loadingStatus",v=>g(g({},v),u.reduce((I,T)=>y(g({},I),{[T]:"loading"}),{})));let h=u.map(v=>{let I=l.getIndexPath(v),T=l.getValuePath(I),w=l.findNode(v);return{id:v,indexPath:I,valuePath:T,node:w}}),m=r.get("pendingAborts"),d=i("loadChildren");vn(d,()=>"[zag-js/tree-view] `loadChildren` is required for async expansion");let p=h.map(({id:v,indexPath:I,valuePath:T,node:w})=>{let b=m.get(v);b&&(b.abort(),m.delete(v));let f=new AbortController;return m.set(v,f),d({valuePath:T,indexPath:I,node:w,signal:f.signal})});Promise.allSettled(p).then(v=>{var f,S;let I=[],T=[],w=n.get("loadingStatus"),b=i("collection");v.forEach((P,V)=>{let{id:A,indexPath:x,node:k,valuePath:N}=h[V];P.status==="fulfilled"?(w[A]="loaded",I.push(A),b=b.replace(x,y(g({},k),{children:P.value}))):(m.delete(A),Reflect.deleteProperty(w,A),T.push({node:k,error:P.reason,indexPath:x,valuePath:N}))}),n.set("loadingStatus",w),I.length&&(n.set("expandedValue",P=>vt(Ze(P,...I))),(f=i("onLoadChildrenComplete"))==null||f({collection:b})),T.length&&((S=i("onLoadChildrenError"))==null||S({nodes:T}))})}function _t(e){let{prop:t,context:n}=e;return function({indexPath:r}){return t("collection").getValuePath(r).slice(0,-1).some(a=>!n.get("expandedValue").includes(a))}}function oi(e,t){let{prop:n,scope:i,computed:r}=e,s=n("scrollToIndexFn");if(!s)return!1;let a=n("collection"),o=r("visibleNodes");for(let l=0;l<o.length;l++){let{node:c,indexPath:u}=o[l];if(a.getNodeValue(c)===t)return s({index:l,node:c,indexPath:u,getElement:()=>i.getById(nc(i,t))}),!0}return!1}function jV(e){var s;let n=e.querySelectorAll('[data-scope="tree-view"][data-part="branch"], [data-scope="tree-view"][data-part="item"]'),i=[];for(let a of n){let o=a.getAttribute("data-path"),l=a.getAttribute("data-value");if(o==null||l==null)continue;let c=o.split("/").map(m=>parseInt(m,10));if(c.some(Number.isNaN))continue;let u=(s=a.getAttribute("data-name"))!=null?s:l,h=a.getAttribute("data-part")==="branch";i.push({pathArr:c,id:l,name:u,isBranch:h})}i.sort((a,o)=>{let l=Math.min(a.pathArr.length,o.pathArr.length);for(let c=0;c<l;c++)if(a.pathArr[c]!==o.pathArr[c])return a.pathArr[c]-o.pathArr[c];return a.pathArr.length-o.pathArr.length});let r={id:"ROOT",name:"",children:[]};for(let{pathArr:a,id:o,name:l,isBranch:c}of i){let u=r;for(let m=0;m<a.length-1;m++){let d=a[m];u.children||(u.children=[]),u=u.children[d]}let h=a[a.length-1];u.children||(u.children=[]),u.children[h]=c?{id:o,name:l,children:[]}:{id:o,name:l}}return r}var _V,Ge,tc,GV,Tf,nc,ec,ke,wf,Of,Gt,KV,zV,Ok,YV,wk,XV,ZV,Af=re(()=>{"use strict";yr();se();_V=U("tree-view").parts("branch","branchContent","branchControl","branchIndentGuide","branchIndicator","branchText","branchTrigger","item","itemIndicator","itemText","label","nodeCheckbox","nodeRenameInput","root","tree"),Ge=_V.build(),tc=e=>new Ao(e);tc.empty=()=>new Ao({rootNode:{children:[]}});GV=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.root)!=null?n:`tree:${e.id}:root`},Tf=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.label)!=null?n:`tree:${e.id}:label`},nc=(e,t)=>{var n,i,r;return(r=(i=(n=e.ids)==null?void 0:n.node)==null?void 0:i.call(n,t))!=null?r:`tree:${e.id}:node:${t}`},ec=e=>{var t,n;return(n=(t=e.ids)==null?void 0:t.tree)!=null?n:`tree:${e.id}:tree`},ke=(e,t)=>{var n;t!=null&&((n=e.getById(nc(e,t)))==null||n.focus())},wf=(e,t)=>`tree:${e.id}:rename-input:${t}`,Of=(e,t)=>e.getById(wf(e,t));({and:Gt}=Ee()),KV={props({props:e}){return g({selectionMode:"single",collection:tc.empty(),typeahead:!0,expandOnClick:!0,defaultExpandedValue:[],defaultSelectedValue:[]},e)},initialState(){return"idle"},context({prop:e,bindable:t,getContext:n}){return{expandedValue:t(()=>({defaultValue:e("defaultExpandedValue"),value:e("expandedValue"),isEqual:fe,onChange(i){var a;let s=n().get("focusedValue");(a=e("onExpandedChange"))==null||a({expandedValue:i,focusedValue:s,get expandedNodes(){return e("collection").findNodes(i)}})}})),selectedValue:t(()=>({defaultValue:e("defaultSelectedValue"),value:e("selectedValue"),isEqual:fe,onChange(i){var a;let s=n().get("focusedValue");(a=e("onSelectionChange"))==null||a({selectedValue:i,focusedValue:s,get selectedNodes(){return e("collection").findNodes(i)}})}})),focusedValue:t(()=>({defaultValue:e("defaultFocusedValue")||null,value:e("focusedValue"),onChange(i){var r;(r=e("onFocusChange"))==null||r({focusedValue:i,get focusedNode(){return i?e("collection").findNode(i):null}})}})),loadingStatus:t(()=>({defaultValue:{}})),checkedValue:t(()=>({defaultValue:e("defaultCheckedValue")||[],value:e("checkedValue"),isEqual:fe,onChange(i){var r;(r=e("onCheckedChange"))==null||r({checkedValue:i})}})),renamingValue:t(()=>({sync:!0,defaultValue:null}))}},refs(){return{typeaheadState:g({},Ue.defaultOptions),pendingAborts:new Map}},computed:{isMultipleSelection:({prop:e})=>e("selectionMode")==="multiple",isTypingAhead:({refs:e})=>e.get("typeaheadState").keysSoFar.length>0,visibleNodes:({prop:e,context:t})=>{let n=[];return e("collection").visit({skip:_t({prop:e,context:t}),onEnter:(i,r)=>{n.push({node:i,indexPath:r})}}),n}},on:{"EXPANDED.SET":{actions:["setExpanded"]},"EXPANDED.CLEAR":{actions:["clearExpanded"]},"EXPANDED.ALL":{actions:["expandAllBranches"]},"BRANCH.EXPAND":{actions:["expandBranches"]},"BRANCH.COLLAPSE":{actions:["collapseBranches"]},"SELECTED.SET":{actions:["setSelected"]},"SELECTED.ALL":[{guard:Gt("isMultipleSelection","moveFocus"),actions:["selectAllNodes","focusTreeLastNode"]},{guard:"isMultipleSelection",actions:["selectAllNodes"]}],"SELECTED.CLEAR":{actions:["clearSelected"]},"NODE.SELECT":{actions:["selectNode"]},"NODE.DESELECT":{actions:["deselectNode"]},"CHECKED.TOGGLE":{actions:["toggleChecked"]},"CHECKED.SET":{actions:["setChecked"]},"CHECKED.CLEAR":{actions:["clearChecked"]},"NODE.FOCUS":{actions:["setFocusedNode"]},"NODE.ARROW_DOWN":[{guard:Gt("isShiftKey","isMultipleSelection"),actions:["focusTreeNextNode","extendSelectionToNextNode"]},{actions:["focusTreeNextNode"]}],"NODE.ARROW_UP":[{guard:Gt("isShiftKey","isMultipleSelection"),actions:["focusTreePrevNode","extendSelectionToPrevNode"]},{actions:["focusTreePrevNode"]}],"NODE.ARROW_LEFT":{actions:["focusBranchNode"]},"BRANCH_NODE.ARROW_LEFT":[{guard:"isBranchExpanded",actions:["collapseBranch"]},{actions:["focusBranchNode"]}],"BRANCH_NODE.ARROW_RIGHT":[{guard:Gt("isBranchFocused","isBranchExpanded"),actions:["focusBranchFirstNode"]},{actions:["expandBranch"]}],"SIBLINGS.EXPAND":{actions:["expandSiblingBranches"]},"NODE.HOME":[{guard:Gt("isShiftKey","isMultipleSelection"),actions:["extendSelectionToFirstNode","focusTreeFirstNode"]},{actions:["focusTreeFirstNode"]}],"NODE.END":[{guard:Gt("isShiftKey","isMultipleSelection"),actions:["extendSelectionToLastNode","focusTreeLastNode"]},{actions:["focusTreeLastNode"]}],"NODE.CLICK":[{guard:Gt("isCtrlKey","isMultipleSelection"),actions:["toggleNodeSelection"]},{guard:Gt("isShiftKey","isMultipleSelection"),actions:["extendSelectionToNode"]},{actions:["selectNode"]}],"BRANCH_NODE.CLICK":[{guard:Gt("isCtrlKey","isMultipleSelection"),actions:["toggleNodeSelection"]},{guard:Gt("isShiftKey","isMultipleSelection"),actions:["extendSelectionToNode"]},{guard:"expandOnClick",actions:["selectNode","toggleBranchNode"]},{actions:["selectNode"]}],"BRANCH_TOGGLE.CLICK":{actions:["toggleBranchNode"]},"TREE.TYPEAHEAD":{actions:["focusMatchedNode"]}},exit:["clearPendingAborts"],states:{idle:{on:{"NODE.RENAME":{target:"renaming",actions:["setRenamingValue"]}}},renaming:{entry:["syncRenameInput","focusRenameInput"],on:{"RENAME.SUBMIT":{guard:"isRenameLabelValid",target:"idle",actions:["submitRenaming"]},"RENAME.CANCEL":{target:"idle",actions:["cancelRenaming"]}}}},implementations:{guards:{isBranchFocused:({context:e,event:t})=>e.get("focusedValue")===t.id,isBranchExpanded:({context:e,event:t})=>e.get("expandedValue").includes(t.id),isShiftKey:({event:e})=>e.shiftKey,isCtrlKey:({event:e})=>e.ctrlKey,hasSelectedItems:({context:e})=>e.get("selectedValue").length>0,isMultipleSelection:({prop:e})=>e("selectionMode")==="multiple",moveFocus:({event:e})=>!!e.moveFocus,expandOnClick:({prop:e})=>!!e("expandOnClick"),isRenameLabelValid:({event:e})=>e.label.trim()!==""},actions:{selectNode({context:e,event:t}){let n=t.id||t.value;e.set("selectedValue",i=>n==null?i:!t.isTrusted&&pn(n)?i.concat(...n):[pn(n)?mt(n):n].filter(Boolean))},deselectNode({context:e,event:t}){let n=or(t.id||t.value);e.set("selectedValue",i=>ct(i,...n))},setFocusedNode({context:e,event:t}){e.set("focusedValue",t.id)},clearFocusedNode({context:e}){e.set("focusedValue",null)},clearSelectedItem({context:e}){e.set("selectedValue",[])},toggleBranchNode({context:e,event:t,action:n}){let i=e.get("expandedValue").includes(t.id);n(i?["collapseBranch"]:["expandBranch"])},expandBranch(e){let{event:t}=e;Ra(e,[t.id])},expandBranches(e){let{context:t,event:n}=e,i=or(n.value);Ra(e,fs(i,t.get("expandedValue")))},collapseBranch({context:e,event:t}){e.set("expandedValue",n=>ct(n,t.id))},collapseBranches(e){let{context:t,event:n}=e,i=or(n.value);t.set("expandedValue",r=>ct(r,...i))},setExpanded({context:e,event:t}){pn(t.value)&&e.set("expandedValue",t.value)},clearExpanded({context:e}){e.set("expandedValue",[])},setSelected({context:e,event:t}){pn(t.value)&&e.set("selectedValue",t.value)},clearSelected({context:e}){e.set("selectedValue",[])},focusTreeFirstNode(e){let{prop:t,scope:n}=e,i=t("collection"),r=i.getFirstNode(void 0,{skip:_t(e)});if(!r)return;let s=i.getNodeValue(r);oi(e,s)?H(()=>ke(n,s)):ke(n,s)},focusTreeLastNode(e){let{prop:t,scope:n}=e,i=t("collection"),r=i.getLastNode(void 0,{skip:_t(e)}),s=i.getNodeValue(r);oi(e,s)?H(()=>ke(n,s)):ke(n,s)},focusBranchFirstNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.findNode(t.id),a=r.getFirstNode(s,{skip:_t(e)});if(!a)return;let o=r.getNodeValue(a);oi(e,o)?H(()=>ke(i,o)):ke(i,o)},focusTreeNextNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getNextNode(t.id,{skip:_t(e)});if(!s)return;let a=r.getNodeValue(s);oi(e,a)?H(()=>ke(i,a)):ke(i,a)},focusTreePrevNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getPreviousNode(t.id,{skip:_t(e)});if(!s)return;let a=r.getNodeValue(s);oi(e,a)?H(()=>ke(i,a)):ke(i,a)},focusBranchNode(e){let{event:t,prop:n,scope:i}=e,r=n("collection"),s=r.getParentNode(t.id),a=s?r.getNodeValue(s):void 0;if(!a)return;oi(e,a)?H(()=>ke(i,a)):ke(i,a)},selectAllNodes({context:e,prop:t}){e.set("selectedValue",t("collection").getValues())},focusMatchedNode(e){let{context:t,prop:n,refs:i,event:r,scope:s,computed:a}=e,l=a("visibleNodes").map(({node:h})=>({textContent:n("collection").stringifyNode(h),id:n("collection").getNodeValue(h)})),c=Ue(l,{state:i.get("typeaheadState"),activeId:t.get("focusedValue"),key:r.key});if(!(c!=null&&c.id))return;oi(e,c.id)?H(()=>ke(s,c.id)):ke(s,c.id)},toggleNodeSelection({context:e,event:t}){let n=yt(e.get("selectedValue"),t.id);e.set("selectedValue",n)},expandAllBranches(e){let{context:t,prop:n}=e,i=n("collection").getBranchValues(),r=fs(i,t.get("expandedValue"));Ra(e,r)},expandSiblingBranches(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getIndexPath(n.id);if(!s)return;let o=r.getSiblingNodes(s).map(c=>r.getNodeValue(c)),l=fs(o,t.get("expandedValue"));Ra(e,l)},extendSelectionToNode(e){let{context:t,event:n,prop:i,computed:r}=e,s=i("collection"),a=lt(t.get("selectedValue"))||s.getNodeValue(s.getFirstNode()),o=n.id,l=[a,o],c=0;r("visibleNodes").forEach(({node:h})=>{let m=s.getNodeValue(h);c===1&&l.push(m),(m===a||m===o)&&c++}),t.set("selectedValue",vt(l))},extendSelectionToNextNode(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getNextNode(n.id,{skip:_t(e)});if(!s)return;let a=new Set(t.get("selectedValue")),o=r.getNodeValue(s);o!=null&&(a.has(n.id)&&a.has(o)?a.delete(n.id):a.has(o)||a.add(o),t.set("selectedValue",Array.from(a)))},extendSelectionToPrevNode(e){let{context:t,event:n,prop:i}=e,r=i("collection"),s=r.getPreviousNode(n.id,{skip:_t(e)});if(!s)return;let a=new Set(t.get("selectedValue")),o=r.getNodeValue(s);o!=null&&(a.has(n.id)&&a.has(o)?a.delete(n.id):a.has(o)||a.add(o),t.set("selectedValue",Array.from(a)))},extendSelectionToFirstNode(e){let{context:t,prop:n}=e,i=n("collection"),r=lt(t.get("selectedValue")),s=[];i.visit({skip:_t(e),onEnter:a=>{let o=i.getNodeValue(a);if(s.push(o),o===r)return"stop"}}),t.set("selectedValue",s)},extendSelectionToLastNode(e){let{context:t,prop:n}=e,i=n("collection"),r=lt(t.get("selectedValue")),s=[],a=!1;i.visit({skip:_t(e),onEnter:o=>{let l=i.getNodeValue(o);l===r&&(a=!0),a&&s.push(l)}}),t.set("selectedValue",s)},clearPendingAborts({refs:e}){let t=e.get("pendingAborts");t.forEach(n=>n.abort()),t.clear()},toggleChecked({context:e,event:t,prop:n}){let i=n("collection");e.set("checkedValue",r=>t.isBranch?UV(i,t.value,r):yt(r,t.value))},setChecked({context:e,event:t}){e.set("checkedValue",t.value)},clearChecked({context:e}){e.set("checkedValue",[])},setRenamingValue({context:e,event:t,prop:n}){e.set("renamingValue",t.value);let i=n("onRenameStart");if(i){let r=n("collection"),s=r.getIndexPath(t.value);if(s){let a=r.at(s);a&&i({value:t.value,node:a,indexPath:s})}}},submitRenaming({context:e,event:t,prop:n,scope:i}){var c;let r=e.get("renamingValue");if(!r)return;let a=n("collection").getIndexPath(r);if(!a)return;let o=t.label.trim(),l=n("onBeforeRename");if(l&&!l({value:r,label:o,indexPath:a})){e.set("renamingValue",null),ke(i,r);return}(c=n("onRenameComplete"))==null||c({value:r,label:o,indexPath:a}),e.set("renamingValue",null),ke(i,r)},cancelRenaming({context:e,scope:t}){let n=e.get("renamingValue");e.set("renamingValue",null),n&&ke(t,n)},syncRenameInput({context:e,scope:t,prop:n}){let i=e.get("renamingValue");if(!i)return;let r=n("collection"),s=r.findNode(i);if(!s)return;let a=r.stringifyNode(s),o=Of(t,i);Me(o,a)},focusRenameInput({context:e,scope:t}){let n=e.get("renamingValue");if(!n)return;let i=Of(t,n);i&&(i.focus(),i.select())}}}};zV=_()(["ids","collection","dir","expandedValue","expandOnClick","defaultFocusedValue","focusedValue","getRootNode","id","onExpandedChange","onFocusChange","onSelectionChange","checkedValue","selectedValue","selectionMode","typeahead","defaultExpandedValue","defaultSelectedValue","defaultCheckedValue","onCheckedChange","onLoadChildrenComplete","onLoadChildrenError","loadChildren","canRename","onRenameStart","onBeforeRename","onRenameComplete","scrollToIndexFn"]),Ok=B(zV),YV=_()(["node","indexPath"]),wk=B(YV);XV=class extends K{constructor(t,n){var s;let i=(s=n.treeData)!=null?s:jV(t),r=tc({nodeToValue:a=>a.id,nodeToString:a=>a.name,rootNode:i});super(t,y(g({},n),{collection:r}));z(this,"treeCollection");z(this,"syncTree",()=>{let t=this.el.querySelector('[data-scope="tree-view"][data-part="tree"]');t&&(this.spreadProps(t,this.api.getTreeProps()),this.updateExistingTree(t))});this.treeCollection=r}initMachine(t){return new W(KV,g({},t))}initApi(){return WV(this.machine.service,q)}getNodeAt(t){var i;if(t.length===0)return;let n=this.treeCollection.rootNode;for(let r of t)if(n=(i=n==null?void 0:n.children)==null?void 0:i[r],!n)return;return n}updateExistingTree(t){this.spreadProps(t,this.api.getTreeProps());let n=t.querySelectorAll('[data-scope="tree-view"][data-part="branch"]');for(let r of n){let s=r.getAttribute("data-path");if(s==null)continue;let a=s.split("/").map(p=>parseInt(p,10)),o=this.getNodeAt(a);if(!o)continue;let l={indexPath:a,node:o};this.spreadProps(r,this.api.getBranchProps(l));let c=r.querySelector('[data-scope="tree-view"][data-part="branch-control"]');c&&this.spreadProps(c,this.api.getBranchControlProps(l));let u=r.querySelector('[data-scope="tree-view"][data-part="branch-text"]');u&&this.spreadProps(u,this.api.getBranchTextProps(l));let h=r.querySelector('[data-scope="tree-view"][data-part="branch-indicator"]');h&&this.spreadProps(h,this.api.getBranchIndicatorProps(l));let m=r.querySelector('[data-scope="tree-view"][data-part="branch-content"]');m&&this.spreadProps(m,this.api.getBranchContentProps(l));let d=r.querySelector('[data-scope="tree-view"][data-part="branch-indent-guide"]');d&&this.spreadProps(d,this.api.getBranchIndentGuideProps(l))}let i=t.querySelectorAll('[data-scope="tree-view"][data-part="item"]');for(let r of i){let s=r.getAttribute("data-path");if(s==null)continue;let a=s.split("/").map(c=>parseInt(c,10)),o=this.getNodeAt(a);if(!o)continue;let l={indexPath:a,node:o};this.spreadProps(r,this.api.getItemProps(l))}}render(){var i;let t=(i=this.el.querySelector('[data-scope="tree-view"][data-part="root"]'))!=null?i:this.el;this.spreadProps(t,this.api.getRootProps());let n=this.el.querySelector('[data-scope="tree-view"][data-part="label"]');n&&this.spreadProps(n,this.api.getLabelProps()),this.syncTree()}},ZV={mounted(){var i;let e=this.el,t=this.pushEvent.bind(this),n=new XV(e,y(g({id:e.id},C(e,"controlled")?{expandedValue:Z(e,"expandedValue"),selectedValue:Z(e,"selectedValue")}:{defaultExpandedValue:Z(e,"defaultExpandedValue"),defaultSelectedValue:Z(e,"defaultSelectedValue")}),{selectionMode:(i=O(e,"selectionMode",["single","multiple"]))!=null?i:"single",dir:Oe(e),onSelectionChange:r=>{var d;let s=C(e,"redirect"),a=(d=r.selectedValue)!=null&&d.length?r.selectedValue[0]:void 0,o=[...e.querySelectorAll('[data-scope="tree-view"][data-part="item"], [data-scope="tree-view"][data-part="branch"]')].find(p=>p.getAttribute("data-value")===a),l=(o==null?void 0:o.getAttribute("data-part"))==="item",c=o==null?void 0:o.getAttribute("data-redirect"),u=o==null?void 0:o.hasAttribute("data-new-tab");s&&a&&l&&this.liveSocket.main.isDead&&c!=="false"&&(u?window.open(a,"_blank","noopener,noreferrer"):window.location.href=a);let m=O(e,"onSelectionChange");m&&this.liveSocket.main.isConnected()&&t(m,{id:e.id,value:y(g({},r),{isItem:l!=null?l:!1})})},onExpandedChange:r=>{let s=O(e,"onExpandedChange");s&&this.liveSocket.main.isConnected()&&t(s,{id:e.id,value:r})}}));n.init(),this.treeView=n,this.onSetExpandedValue=r=>{let{value:s}=r.detail;n.api.setExpandedValue(s)},e.addEventListener("phx:tree-view:set-expanded-value",this.onSetExpandedValue),this.onSetSelectedValue=r=>{let{value:s}=r.detail;n.api.setSelectedValue(s)},e.addEventListener("phx:tree-view:set-selected-value",this.onSetSelectedValue),this.handlers=[],this.handlers.push(this.handleEvent("tree_view_set_expanded_value",r=>{let s=r.tree_view_id;s&&e.id!==s&&e.id!==`tree-view:${s}`||n.api.setExpandedValue(r.value)})),this.handlers.push(this.handleEvent("tree_view_set_selected_value",r=>{let s=r.tree_view_id;s&&e.id!==s&&e.id!==`tree-view:${s}`||n.api.setSelectedValue(r.value)})),this.handlers.push(this.handleEvent("tree_view_expanded_value",()=>{t("tree_view_expanded_value_response",{value:n.api.expandedValue})})),this.handlers.push(this.handleEvent("tree_view_selected_value",()=>{t("tree_view_selected_value_response",{value:n.api.selectedValue})}))},updated(){var e;C(this.el,"controlled")&&((e=this.treeView)==null||e.updateProps({expandedValue:Z(this.el,"expandedValue"),selectedValue:Z(this.el,"selectedValue")}))},destroyed(){var e;if(this.onSetExpandedValue&&this.el.removeEventListener("phx:tree-view:set-expanded-value",this.onSetExpandedValue),this.onSetSelectedValue&&this.el.removeEventListener("phx:tree-view:set-selected-value",this.onSetSelectedValue),this.handlers)for(let t of this.handlers)this.removeHandleEvent(t);(e=this.treeView)==null||e.destroy()}}});var e0={};he(e0,{Hooks:()=>Da,default:()=>QV,hooks:()=>JV});function me(e,t){return{mounted(){return Ve(this,null,function*(){let r=(yield e())[t];if(this._realHook=r,r!=null&&r.mounted)return r.mounted.call(this)})},updated(){var i,r;(r=(i=this._realHook)==null?void 0:i.updated)==null||r.call(this)},destroyed(){var i,r;(r=(i=this._realHook)==null?void 0:i.destroyed)==null||r.call(this)},disconnected(){var i,r;(r=(i=this._realHook)==null?void 0:i.disconnected)==null||r.call(this)},reconnected(){var i,r;(r=(i=this._realHook)==null?void 0:i.reconnected)==null||r.call(this)},beforeUpdate(){var i,r;(r=(i=this._realHook)==null?void 0:i.beforeUpdate)==null||r.call(this)}}}var Da={Accordion:me(()=>Promise.resolve().then(()=>(uu(),cu)),"Accordion"),AngleSlider:me(()=>Promise.resolve().then(()=>(Ru(),Nu)),"AngleSlider"),Avatar:me(()=>Promise.resolve().then(()=>(Fu(),Mu)),"Avatar"),Carousel:me(()=>Promise.resolve().then(()=>(Wu(),qu)),"Carousel"),Checkbox:me(()=>Promise.resolve().then(()=>(ed(),Qu)),"Checkbox"),Clipboard:me(()=>Promise.resolve().then(()=>(nd(),td)),"Clipboard"),Collapsible:me(()=>Promise.resolve().then(()=>(rd(),id)),"Collapsible"),Combobox:me(()=>Promise.resolve().then(()=>(ih(),nh)),"Combobox"),DatePicker:me(()=>Promise.resolve().then(()=>(tg(),eg)),"DatePicker"),Dialog:me(()=>Promise.resolve().then(()=>(dg(),ug)),"Dialog"),Editable:me(()=>Promise.resolve().then(()=>(vg(),mg)),"Editable"),FloatingPanel:me(()=>Promise.resolve().then(()=>(xg(),Vg)),"FloatingPanel"),Listbox:me(()=>Promise.resolve().then(()=>(Lg(),Dg)),"Listbox"),Menu:me(()=>Promise.resolve().then(()=>(qg(),Ug)),"Menu"),NumberInput:me(()=>Promise.resolve().then(()=>(sp(),rp)),"NumberInput"),PasswordInput:me(()=>Promise.resolve().then(()=>(op(),ap)),"PasswordInput"),PinInput:me(()=>Promise.resolve().then(()=>(hp(),dp)),"PinInput"),RadioGroup:me(()=>Promise.resolve().then(()=>(yp(),vp)),"RadioGroup"),Select:me(()=>Promise.resolve().then(()=>(Op(),Tp)),"Select"),SignaturePad:me(()=>Promise.resolve().then(()=>(zp(),Kp)),"SignaturePad"),Switch:me(()=>Promise.resolve().then(()=>(Jp(),Zp)),"Switch"),Tabs:me(()=>Promise.resolve().then(()=>(rf(),nf)),"Tabs"),Timer:me(()=>Promise.resolve().then(()=>(lf(),of)),"Timer"),Toast:me(()=>Promise.resolve().then(()=>(yf(),vf)),"Toast"),ToggleGroup:me(()=>Promise.resolve().then(()=>(Sf(),Cf)),"ToggleGroup"),TreeView:me(()=>Promise.resolve().then(()=>(Af(),xf)),"TreeView")};function JV(e){return Object.fromEntries(e.filter(t=>t in Da).map(t=>[t,Da[t]]))}var QV=Da;return Uf(e0);})();
diff --git a/priv/static/corex.mjs b/priv/static/corex.mjs
index d7a1302..66f6fcd 100644
--- a/priv/static/corex.mjs
+++ b/priv/static/corex.mjs
@@ -1,5 +1,5 @@
 // hooks/corex.ts
-function hooks(importFn, exportName) {
+function createLazyHook(importFn, exportName) {
   return {
     async mounted() {
       const mod = await importFn();
@@ -25,22 +25,38 @@ function hooks(importFn, exportName) {
   };
 }
 var Hooks = {
-  Accordion: hooks(() => import("corex/accordion"), "Accordion"),
-  Checkbox: hooks(() => import("corex/checkbox"), "Checkbox"),
-  Clipboard: hooks(() => import("corex/clipboard"), "Clipboard"),
-  Collapsible: hooks(() => import("corex/collapsible"), "Collapsible"),
-  Combobox: hooks(() => import("corex/combobox"), "Combobox"),
-  DatePicker: hooks(() => import("corex/date-picker"), "DatePicker"),
-  Dialog: hooks(() => import("corex/dialog"), "Dialog"),
-  Menu: hooks(() => import("corex/menu"), "Menu"),
-  Select: hooks(() => import("corex/select"), "Select"),
-  SignaturePad: hooks(() => import("corex/signature-pad"), "SignaturePad"),
-  Switch: hooks(() => import("corex/switch"), "Switch"),
-  Tabs: hooks(() => import("corex/tabs"), "Tabs"),
-  Toast: hooks(() => import("corex/toast"), "Toast"),
-  ToggleGroup: hooks(() => import("corex/toggle-group"), "ToggleGroup"),
-  TreeView: hooks(() => import("corex/tree-view"), "TreeView")
+  Accordion: createLazyHook(() => import("corex/accordion"), "Accordion"),
+  AngleSlider: createLazyHook(() => import("corex/angle-slider"), "AngleSlider"),
+  Avatar: createLazyHook(() => import("corex/avatar"), "Avatar"),
+  Carousel: createLazyHook(() => import("corex/carousel"), "Carousel"),
+  Checkbox: createLazyHook(() => import("corex/checkbox"), "Checkbox"),
+  Clipboard: createLazyHook(() => import("corex/clipboard"), "Clipboard"),
+  Collapsible: createLazyHook(() => import("corex/collapsible"), "Collapsible"),
+  Combobox: createLazyHook(() => import("corex/combobox"), "Combobox"),
+  DatePicker: createLazyHook(() => import("corex/date-picker"), "DatePicker"),
+  Dialog: createLazyHook(() => import("corex/dialog"), "Dialog"),
+  Editable: createLazyHook(() => import("corex/editable"), "Editable"),
+  FloatingPanel: createLazyHook(() => import("corex/floating-panel"), "FloatingPanel"),
+  Listbox: createLazyHook(() => import("corex/listbox"), "Listbox"),
+  Menu: createLazyHook(() => import("corex/menu"), "Menu"),
+  NumberInput: createLazyHook(() => import("corex/number-input"), "NumberInput"),
+  PasswordInput: createLazyHook(() => import("corex/password-input"), "PasswordInput"),
+  PinInput: createLazyHook(() => import("corex/pin-input"), "PinInput"),
+  RadioGroup: createLazyHook(() => import("corex/radio-group"), "RadioGroup"),
+  Select: createLazyHook(() => import("corex/select"), "Select"),
+  SignaturePad: createLazyHook(() => import("corex/signature-pad"), "SignaturePad"),
+  Switch: createLazyHook(() => import("corex/switch"), "Switch"),
+  Tabs: createLazyHook(() => import("corex/tabs"), "Tabs"),
+  Timer: createLazyHook(() => import("corex/timer"), "Timer"),
+  Toast: createLazyHook(() => import("corex/toast"), "Toast"),
+  ToggleGroup: createLazyHook(() => import("corex/toggle-group"), "ToggleGroup"),
+  TreeView: createLazyHook(() => import("corex/tree-view"), "TreeView")
 };
+function hooks(componentNames) {
+  return Object.fromEntries(
+    componentNames.filter((name) => name in Hooks).map((name) => [name, Hooks[name]])
+  );
+}
 var corex_default = Hooks;
 export {
   Hooks,
diff --git a/priv/static/corex.mjs.map b/priv/static/corex.mjs.map
index 3258117..bd6a641 100644
--- a/priv/static/corex.mjs.map
+++ b/priv/static/corex.mjs.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../assets/hooks/corex.ts"],
-  "sourcesContent": ["import type { Hook } from \"phoenix_live_view\";\n\ntype HookModule = Record<string, Hook<object, HTMLElement> | undefined>;\n\nfunction hooks(importFn: () => Promise<HookModule>, exportName: string): Hook {\n  return {\n    async mounted() {\n      const mod = await importFn();\n      const real = mod[exportName];\n      (this as { _realHook?: Hook })._realHook = real;\n      if (real?.mounted) return real.mounted.call(this);\n    },\n    updated() {\n      (this as { _realHook?: Hook })._realHook?.updated?.call(this);\n    },\n    destroyed() {\n      (this as { _realHook?: Hook })._realHook?.destroyed?.call(this);\n    },\n    disconnected() {\n      (this as { _realHook?: Hook })._realHook?.disconnected?.call(this);\n    },\n    reconnected() {\n      (this as { _realHook?: Hook })._realHook?.reconnected?.call(this);\n    },\n    beforeUpdate() {\n      (this as { _realHook?: Hook })._realHook?.beforeUpdate?.call(this);\n    },\n  };\n}\n\nexport const Hooks = {\n  Accordion: hooks(() => import(\"corex/accordion\"), \"Accordion\"),\n  Checkbox: hooks(() => import(\"corex/checkbox\"), \"Checkbox\"),\n  Clipboard: hooks(() => import(\"corex/clipboard\"), \"Clipboard\"),\n  Collapsible: hooks(() => import(\"corex/collapsible\"), \"Collapsible\"),\n  Combobox: hooks(() => import(\"corex/combobox\"), \"Combobox\"),\n  DatePicker: hooks(() => import(\"corex/date-picker\"), \"DatePicker\"),\n  Dialog: hooks(() => import(\"corex/dialog\"), \"Dialog\"),\n  Menu: hooks(() => import(\"corex/menu\"), \"Menu\"),\n  Select: hooks(() => import(\"corex/select\"), \"Select\"),\n  SignaturePad: hooks(() => import(\"corex/signature-pad\"), \"SignaturePad\"),\n  Switch: hooks(() => import(\"corex/switch\"), \"Switch\"),\n  Tabs: hooks(() => import(\"corex/tabs\"), \"Tabs\"),\n  Toast: hooks(() => import(\"corex/toast\"), \"Toast\"),\n  ToggleGroup: hooks(() => import(\"corex/toggle-group\"), \"ToggleGroup\"),\n  TreeView: hooks(() => import(\"corex/tree-view\"), \"TreeView\"),\n};\n\nexport { hooks };\n\nexport default Hooks;\n"],
-  "mappings": ";AAIA,SAAS,MAAM,UAAqC,YAA0B;AAC5E,SAAO;AAAA,IACL,MAAM,UAAU;AACd,YAAM,MAAM,MAAM,SAAS;AAC3B,YAAM,OAAO,IAAI,UAAU;AAC3B,MAAC,KAA8B,YAAY;AAC3C,UAAI,MAAM,QAAS,QAAO,KAAK,QAAQ,KAAK,IAAI;AAAA,IAClD;AAAA,IACA,UAAU;AACR,MAAC,KAA8B,WAAW,SAAS,KAAK,IAAI;AAAA,IAC9D;AAAA,IACA,YAAY;AACV,MAAC,KAA8B,WAAW,WAAW,KAAK,IAAI;AAAA,IAChE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,IACA,cAAc;AACZ,MAAC,KAA8B,WAAW,aAAa,KAAK,IAAI;AAAA,IAClE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,EACF;AACF;AAEO,IAAM,QAAQ;AAAA,EACnB,WAAW,MAAM,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EAC7D,UAAU,MAAM,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EAC1D,WAAW,MAAM,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EAC7D,aAAa,MAAM,MAAM,OAAO,mBAAmB,GAAG,aAAa;AAAA,EACnE,UAAU,MAAM,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EAC1D,YAAY,MAAM,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EACjE,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,MAAM,MAAM,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EAC9C,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,cAAc,MAAM,MAAM,OAAO,qBAAqB,GAAG,cAAc;AAAA,EACvE,QAAQ,MAAM,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EACpD,MAAM,MAAM,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EAC9C,OAAO,MAAM,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EACjD,aAAa,MAAM,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EACpE,UAAU,MAAM,MAAM,OAAO,iBAAiB,GAAG,UAAU;AAC7D;AAIA,IAAO,gBAAQ;",
+  "sourcesContent": ["import type { Hook } from \"phoenix_live_view\";\n\ntype HookModule = Record<string, Hook<object, HTMLElement> | undefined>;\n\nfunction createLazyHook(importFn: () => Promise<HookModule>, exportName: string): Hook {\n  return {\n    async mounted() {\n      const mod = await importFn();\n      const real = mod[exportName];\n      (this as { _realHook?: Hook<object, HTMLElement> })._realHook = real;\n      if (real?.mounted) return real.mounted.call(this);\n    },\n    updated() {\n      (this as { _realHook?: Hook })._realHook?.updated?.call(this);\n    },\n    destroyed() {\n      (this as { _realHook?: Hook })._realHook?.destroyed?.call(this);\n    },\n    disconnected() {\n      (this as { _realHook?: Hook })._realHook?.disconnected?.call(this);\n    },\n    reconnected() {\n      (this as { _realHook?: Hook })._realHook?.reconnected?.call(this);\n    },\n    beforeUpdate() {\n      (this as { _realHook?: Hook })._realHook?.beforeUpdate?.call(this);\n    },\n  };\n}\n\nexport const Hooks = {\n  Accordion: createLazyHook(() => import(\"corex/accordion\"), \"Accordion\"),\n  AngleSlider: createLazyHook(() => import(\"corex/angle-slider\"), \"AngleSlider\"),\n  Avatar: createLazyHook(() => import(\"corex/avatar\"), \"Avatar\"),\n  Carousel: createLazyHook(() => import(\"corex/carousel\"), \"Carousel\"),\n  Checkbox: createLazyHook(() => import(\"corex/checkbox\"), \"Checkbox\"),\n  Clipboard: createLazyHook(() => import(\"corex/clipboard\"), \"Clipboard\"),\n  Collapsible: createLazyHook(() => import(\"corex/collapsible\"), \"Collapsible\"),\n  Combobox: createLazyHook(() => import(\"corex/combobox\"), \"Combobox\"),\n  DatePicker: createLazyHook(() => import(\"corex/date-picker\"), \"DatePicker\"),\n  Dialog: createLazyHook(() => import(\"corex/dialog\"), \"Dialog\"),\n  Editable: createLazyHook(() => import(\"corex/editable\"), \"Editable\"),\n  FloatingPanel: createLazyHook(() => import(\"corex/floating-panel\"), \"FloatingPanel\"),\n  Listbox: createLazyHook(() => import(\"corex/listbox\"), \"Listbox\"),\n  Menu: createLazyHook(() => import(\"corex/menu\"), \"Menu\"),\n  NumberInput: createLazyHook(() => import(\"corex/number-input\"), \"NumberInput\"),\n  PasswordInput: createLazyHook(() => import(\"corex/password-input\"), \"PasswordInput\"),\n  PinInput: createLazyHook(() => import(\"corex/pin-input\"), \"PinInput\"),\n  RadioGroup: createLazyHook(() => import(\"corex/radio-group\"), \"RadioGroup\"),\n  Select: createLazyHook(() => import(\"corex/select\"), \"Select\"),\n  SignaturePad: createLazyHook(() => import(\"corex/signature-pad\"), \"SignaturePad\"),\n  Switch: createLazyHook(() => import(\"corex/switch\"), \"Switch\"),\n  Tabs: createLazyHook(() => import(\"corex/tabs\"), \"Tabs\"),\n  Timer: createLazyHook(() => import(\"corex/timer\"), \"Timer\"),\n  Toast: createLazyHook(() => import(\"corex/toast\"), \"Toast\"),\n  ToggleGroup: createLazyHook(() => import(\"corex/toggle-group\"), \"ToggleGroup\"),\n  TreeView: createLazyHook(() => import(\"corex/tree-view\"), \"TreeView\"),\n};\n\nexport function hooks<T extends keyof typeof Hooks>(\n  componentNames: readonly T[]\n): Pick<typeof Hooks, T> {\n  return Object.fromEntries(\n    componentNames.filter((name): name is T => name in Hooks).map((name) => [name, Hooks[name]])\n  ) as Pick<typeof Hooks, T>;\n}\n\nexport default Hooks;\n"],
+  "mappings": ";AAIA,SAAS,eAAe,UAAqC,YAA0B;AACrF,SAAO;AAAA,IACL,MAAM,UAAU;AACd,YAAM,MAAM,MAAM,SAAS;AAC3B,YAAM,OAAO,IAAI,UAAU;AAC3B,MAAC,KAAmD,YAAY;AAChE,UAAI,MAAM,QAAS,QAAO,KAAK,QAAQ,KAAK,IAAI;AAAA,IAClD;AAAA,IACA,UAAU;AACR,MAAC,KAA8B,WAAW,SAAS,KAAK,IAAI;AAAA,IAC9D;AAAA,IACA,YAAY;AACV,MAAC,KAA8B,WAAW,WAAW,KAAK,IAAI;AAAA,IAChE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,IACA,cAAc;AACZ,MAAC,KAA8B,WAAW,aAAa,KAAK,IAAI;AAAA,IAClE;AAAA,IACA,eAAe;AACb,MAAC,KAA8B,WAAW,cAAc,KAAK,IAAI;AAAA,IACnE;AAAA,EACF;AACF;AAEO,IAAM,QAAQ;AAAA,EACnB,WAAW,eAAe,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EACtE,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,WAAW,eAAe,MAAM,OAAO,iBAAiB,GAAG,WAAW;AAAA,EACtE,aAAa,eAAe,MAAM,OAAO,mBAAmB,GAAG,aAAa;AAAA,EAC5E,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,YAAY,eAAe,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EAC1E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,UAAU,eAAe,MAAM,OAAO,gBAAgB,GAAG,UAAU;AAAA,EACnE,eAAe,eAAe,MAAM,OAAO,sBAAsB,GAAG,eAAe;AAAA,EACnF,SAAS,eAAe,MAAM,OAAO,eAAe,GAAG,SAAS;AAAA,EAChE,MAAM,eAAe,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EACvD,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,eAAe,eAAe,MAAM,OAAO,sBAAsB,GAAG,eAAe;AAAA,EACnF,UAAU,eAAe,MAAM,OAAO,iBAAiB,GAAG,UAAU;AAAA,EACpE,YAAY,eAAe,MAAM,OAAO,mBAAmB,GAAG,YAAY;AAAA,EAC1E,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,cAAc,eAAe,MAAM,OAAO,qBAAqB,GAAG,cAAc;AAAA,EAChF,QAAQ,eAAe,MAAM,OAAO,cAAc,GAAG,QAAQ;AAAA,EAC7D,MAAM,eAAe,MAAM,OAAO,YAAY,GAAG,MAAM;AAAA,EACvD,OAAO,eAAe,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EAC1D,OAAO,eAAe,MAAM,OAAO,aAAa,GAAG,OAAO;AAAA,EAC1D,aAAa,eAAe,MAAM,OAAO,oBAAoB,GAAG,aAAa;AAAA,EAC7E,UAAU,eAAe,MAAM,OAAO,iBAAiB,GAAG,UAAU;AACtE;AAEO,SAAS,MACd,gBACuB;AACvB,SAAO,OAAO;AAAA,IACZ,eAAe,OAAO,CAAC,SAAoB,QAAQ,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC;AAAA,EAC7F;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }
diff --git a/priv/static/date-picker.mjs b/priv/static/date-picker.mjs
index 9bb8348..4f2f3a8 100644
--- a/priv/static/date-picker.mjs
+++ b/priv/static/date-picker.mjs
@@ -1,10 +1,11 @@
 import {
   getPlacement,
   getPlacementStyles
-} from "./chunk-GRHV6R4F.mjs";
+} from "./chunk-EENFWNGI.mjs";
 import {
   trackDismissableElement
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   Component,
   VanillaMachine,
@@ -34,7 +35,7 @@ import {
   raf,
   restoreTextSelection,
   setElementValue
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@internationalized+date@3.11.0/node_modules/@internationalized/date/dist/utils.mjs
 function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
diff --git a/priv/static/dialog.mjs b/priv/static/dialog.mjs
index bc6a8f0..cdf2a47 100644
--- a/priv/static/dialog.mjs
+++ b/priv/static/dialog.mjs
@@ -1,6 +1,7 @@
 import {
   trackDismissableElement
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   Component,
   VanillaMachine,
@@ -32,7 +33,7 @@ import {
   raf,
   setStyle,
   setStyleProperty
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+aria-hidden@1.33.1/node_modules/@zag-js/aria-hidden/dist/index.mjs
 var counterMap = /* @__PURE__ */ new WeakMap();
diff --git a/priv/static/editable.mjs b/priv/static/editable.mjs
new file mode 100644
index 0000000..d046fc9
--- /dev/null
+++ b/priv/static/editable.mjs
@@ -0,0 +1,650 @@
+import {
+  trackInteractOutside
+} from "./chunk-ER3INIAI.mjs";
+import {
+  Component,
+  VanillaMachine,
+  ariaAttr,
+  contains,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  getBoolean,
+  getDir,
+  getString,
+  isApple,
+  isComposingEvent,
+  normalizeProps,
+  raf,
+  setElementValue
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+editable@1.33.1/node_modules/@zag-js/editable/dist/index.mjs
+var anatomy = createAnatomy("editable").parts(
+  "root",
+  "area",
+  "label",
+  "preview",
+  "input",
+  "editTrigger",
+  "submitTrigger",
+  "cancelTrigger",
+  "control"
+);
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `editable:${ctx.id}`;
+var getAreaId = (ctx) => ctx.ids?.area ?? `editable:${ctx.id}:area`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `editable:${ctx.id}:label`;
+var getPreviewId = (ctx) => ctx.ids?.preview ?? `editable:${ctx.id}:preview`;
+var getInputId = (ctx) => ctx.ids?.input ?? `editable:${ctx.id}:input`;
+var getControlId = (ctx) => ctx.ids?.control ?? `editable:${ctx.id}:control`;
+var getSubmitTriggerId = (ctx) => ctx.ids?.submitTrigger ?? `editable:${ctx.id}:submit`;
+var getCancelTriggerId = (ctx) => ctx.ids?.cancelTrigger ?? `editable:${ctx.id}:cancel`;
+var getEditTriggerId = (ctx) => ctx.ids?.editTrigger ?? `editable:${ctx.id}:edit`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+var getPreviewEl = (ctx) => ctx.getById(getPreviewId(ctx));
+var getSubmitTriggerEl = (ctx) => ctx.getById(getSubmitTriggerId(ctx));
+var getCancelTriggerEl = (ctx) => ctx.getById(getCancelTriggerId(ctx));
+var getEditTriggerEl = (ctx) => ctx.getById(getEditTriggerId(ctx));
+function connect(service, normalize) {
+  const { state, context, send, prop, scope, computed } = service;
+  const disabled = !!prop("disabled");
+  const interactive = computed("isInteractive");
+  const readOnly = !!prop("readOnly");
+  const required = !!prop("required");
+  const invalid = !!prop("invalid");
+  const autoResize = !!prop("autoResize");
+  const translations = prop("translations");
+  const editing = state.matches("edit");
+  const placeholderProp = prop("placeholder");
+  const placeholder = typeof placeholderProp === "string" ? { edit: placeholderProp, preview: placeholderProp } : placeholderProp;
+  const value = context.get("value");
+  const empty = value.trim() === "";
+  const valueText = empty ? placeholder?.preview ?? "" : value;
+  return {
+    editing,
+    empty,
+    value,
+    valueText,
+    setValue(value2) {
+      send({ type: "VALUE.SET", value: value2, src: "setValue" });
+    },
+    clearValue() {
+      send({ type: "VALUE.SET", value: "", src: "clearValue" });
+    },
+    edit() {
+      if (!interactive) return;
+      send({ type: "EDIT" });
+    },
+    cancel() {
+      if (!interactive) return;
+      send({ type: "CANCEL" });
+    },
+    submit() {
+      if (!interactive) return;
+      send({ type: "SUBMIT" });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        id: getRootId(scope),
+        dir: prop("dir")
+      });
+    },
+    getAreaProps() {
+      return normalize.element({
+        ...parts.area.attrs,
+        id: getAreaId(scope),
+        dir: prop("dir"),
+        style: autoResize ? { display: "inline-grid" } : void 0,
+        "data-focus": dataAttr(editing),
+        "data-disabled": dataAttr(disabled),
+        "data-placeholder-shown": dataAttr(empty)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        id: getLabelId(scope),
+        dir: prop("dir"),
+        htmlFor: getInputId(scope),
+        "data-focus": dataAttr(editing),
+        "data-invalid": dataAttr(invalid),
+        "data-required": dataAttr(required),
+        onClick() {
+          if (editing) return;
+          const previewEl = getPreviewEl(scope);
+          previewEl?.focus({ preventScroll: true });
+        }
+      });
+    },
+    getInputProps() {
+      return normalize.input({
+        ...parts.input.attrs,
+        dir: prop("dir"),
+        "aria-label": translations?.input,
+        name: prop("name"),
+        form: prop("form"),
+        id: getInputId(scope),
+        hidden: autoResize ? void 0 : !editing,
+        placeholder: placeholder?.edit,
+        maxLength: prop("maxLength"),
+        required: prop("required"),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        readOnly,
+        "data-readonly": dataAttr(readOnly),
+        "aria-invalid": ariaAttr(invalid),
+        "data-invalid": dataAttr(invalid),
+        "data-autoresize": dataAttr(autoResize),
+        defaultValue: value,
+        size: autoResize ? 1 : void 0,
+        onChange(event) {
+          send({
+            type: "VALUE.SET",
+            src: "input.change",
+            value: event.currentTarget.value
+          });
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (isComposingEvent(event)) return;
+          const keyMap = {
+            Escape() {
+              send({ type: "CANCEL" });
+              event.preventDefault();
+            },
+            Enter(event2) {
+              if (!computed("submitOnEnter")) return;
+              const { localName } = event2.currentTarget;
+              if (localName === "textarea") {
+                const submitMod = isApple() ? event2.metaKey : event2.ctrlKey;
+                if (!submitMod) return;
+                send({ type: "SUBMIT", src: "keydown.enter" });
+                return;
+              }
+              if (localName === "input" && !event2.shiftKey && !event2.metaKey) {
+                send({ type: "SUBMIT", src: "keydown.enter" });
+                event2.preventDefault();
+              }
+            }
+          };
+          const exec = keyMap[event.key];
+          if (exec) {
+            exec(event);
+          }
+        },
+        style: autoResize ? {
+          gridArea: "1 / 1 / auto / auto",
+          visibility: !editing ? "hidden" : void 0
+        } : void 0
+      });
+    },
+    getPreviewProps() {
+      return normalize.element({
+        id: getPreviewId(scope),
+        ...parts.preview.attrs,
+        dir: prop("dir"),
+        "data-placeholder-shown": dataAttr(empty),
+        "aria-readonly": ariaAttr(readOnly),
+        "data-readonly": dataAttr(disabled),
+        "data-disabled": dataAttr(disabled),
+        "aria-disabled": ariaAttr(disabled),
+        "aria-invalid": ariaAttr(invalid),
+        "data-invalid": dataAttr(invalid),
+        "aria-label": translations?.edit,
+        "data-autoresize": dataAttr(autoResize),
+        children: valueText,
+        hidden: autoResize ? void 0 : editing,
+        tabIndex: interactive ? 0 : void 0,
+        onClick() {
+          if (!interactive) return;
+          if (prop("activationMode") !== "click") return;
+          send({ type: "EDIT", src: "click" });
+        },
+        onFocus() {
+          if (!interactive) return;
+          if (prop("activationMode") !== "focus") return;
+          send({ type: "EDIT", src: "focus" });
+        },
+        onDoubleClick(event) {
+          if (event.defaultPrevented) return;
+          if (!interactive) return;
+          if (prop("activationMode") !== "dblclick") return;
+          send({ type: "EDIT", src: "dblclick" });
+        },
+        style: autoResize ? {
+          whiteSpace: "pre",
+          gridArea: "1 / 1 / auto / auto",
+          visibility: editing ? "hidden" : void 0,
+          // in event the preview overflow's the parent element
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        } : void 0
+      });
+    },
+    getEditTriggerProps() {
+      return normalize.button({
+        ...parts.editTrigger.attrs,
+        id: getEditTriggerId(scope),
+        dir: prop("dir"),
+        "aria-label": translations?.edit,
+        hidden: editing,
+        type: "button",
+        disabled,
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (!interactive) return;
+          send({ type: "EDIT", src: "edit.click" });
+        }
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        id: getControlId(scope),
+        ...parts.control.attrs,
+        dir: prop("dir")
+      });
+    },
+    getSubmitTriggerProps() {
+      return normalize.button({
+        ...parts.submitTrigger.attrs,
+        dir: prop("dir"),
+        id: getSubmitTriggerId(scope),
+        "aria-label": translations?.submit,
+        hidden: !editing,
+        disabled,
+        type: "button",
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (!interactive) return;
+          send({ type: "SUBMIT", src: "submit.click" });
+        }
+      });
+    },
+    getCancelTriggerProps() {
+      return normalize.button({
+        ...parts.cancelTrigger.attrs,
+        dir: prop("dir"),
+        "aria-label": translations?.cancel,
+        id: getCancelTriggerId(scope),
+        hidden: !editing,
+        type: "button",
+        disabled,
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (!interactive) return;
+          send({ type: "CANCEL", src: "cancel.click" });
+        }
+      });
+    }
+  };
+}
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      activationMode: "focus",
+      submitMode: "both",
+      defaultValue: "",
+      selectOnFocus: true,
+      ...props2,
+      translations: {
+        input: "editable input",
+        edit: "edit",
+        submit: "submit",
+        cancel: "cancel",
+        ...props2.translations
+      }
+    };
+  },
+  initialState({ prop }) {
+    const edit = prop("edit") || prop("defaultEdit");
+    return edit ? "edit" : "preview";
+  },
+  entry: ["focusInputIfNeeded"],
+  context: ({ bindable, prop }) => {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          return prop("onValueChange")?.({ value });
+        }
+      })),
+      previousValue: bindable(() => ({
+        defaultValue: ""
+      }))
+    };
+  },
+  watch({ track, action, context, prop }) {
+    track([() => context.get("value")], () => {
+      action(["syncInputValue"]);
+    });
+    track([() => prop("edit")], () => {
+      action(["toggleEditing"]);
+    });
+  },
+  computed: {
+    submitOnEnter({ prop }) {
+      const submitMode = prop("submitMode");
+      return submitMode === "both" || submitMode === "enter";
+    },
+    submitOnBlur({ prop }) {
+      const submitMode = prop("submitMode");
+      return submitMode === "both" || submitMode === "blur";
+    },
+    isInteractive({ prop }) {
+      return !(prop("disabled") || prop("readOnly"));
+    }
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    preview: {
+      entry: ["blurInput"],
+      on: {
+        "CONTROLLED.EDIT": {
+          target: "edit",
+          actions: ["setPreviousValue", "focusInput"]
+        },
+        EDIT: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnEdit"]
+          },
+          {
+            target: "edit",
+            actions: ["setPreviousValue", "focusInput", "invokeOnEdit"]
+          }
+        ]
+      }
+    },
+    edit: {
+      effects: ["trackInteractOutside"],
+      entry: ["syncInputValue"],
+      on: {
+        "CONTROLLED.PREVIEW": [
+          {
+            guard: "isSubmitEvent",
+            target: "preview",
+            actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit"]
+          },
+          {
+            target: "preview",
+            actions: ["revertValue", "restoreFocus", "invokeOnCancel"]
+          }
+        ],
+        CANCEL: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnPreview"]
+          },
+          {
+            target: "preview",
+            actions: ["revertValue", "restoreFocus", "invokeOnCancel", "invokeOnPreview"]
+          }
+        ],
+        SUBMIT: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnPreview"]
+          },
+          {
+            target: "preview",
+            actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit", "invokeOnPreview"]
+          }
+        ]
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isEditControlled: ({ prop }) => prop("edit") != void 0,
+      isSubmitEvent: ({ event }) => event.previousEvent?.type === "SUBMIT"
+    },
+    effects: {
+      trackInteractOutside({ send, scope, prop, computed }) {
+        return trackInteractOutside(getInputEl(scope), {
+          exclude(target) {
+            const ignore = [getCancelTriggerEl(scope), getSubmitTriggerEl(scope)];
+            return ignore.some((el) => contains(el, target));
+          },
+          onFocusOutside: prop("onFocusOutside"),
+          onPointerDownOutside: prop("onPointerDownOutside"),
+          onInteractOutside(event) {
+            prop("onInteractOutside")?.(event);
+            if (event.defaultPrevented) return;
+            const { focusable } = event.detail;
+            send({
+              type: computed("submitOnBlur") ? "SUBMIT" : "CANCEL",
+              src: "interact-outside",
+              focusable
+            });
+          }
+        });
+      }
+    },
+    actions: {
+      restoreFocus({ event, scope, prop }) {
+        if (event.focusable) return;
+        raf(() => {
+          const finalEl = prop("finalFocusEl")?.() ?? getEditTriggerEl(scope);
+          finalEl?.focus({ preventScroll: true });
+        });
+      },
+      clearValue({ context }) {
+        context.set("value", "");
+      },
+      focusInputIfNeeded({ action, prop }) {
+        const edit = prop("edit") || prop("defaultEdit");
+        if (!edit) return;
+        action(["focusInput"]);
+      },
+      focusInput({ scope, prop }) {
+        raf(() => {
+          const inputEl = getInputEl(scope);
+          if (!inputEl) return;
+          if (prop("selectOnFocus")) {
+            inputEl.select();
+          } else {
+            inputEl.focus({ preventScroll: true });
+          }
+        });
+      },
+      invokeOnCancel({ prop, context }) {
+        const prev = context.get("previousValue");
+        prop("onValueRevert")?.({ value: prev });
+      },
+      invokeOnSubmit({ prop, context }) {
+        const value = context.get("value");
+        prop("onValueCommit")?.({ value });
+      },
+      invokeOnEdit({ prop }) {
+        prop("onEditChange")?.({ edit: true });
+      },
+      invokeOnPreview({ prop }) {
+        prop("onEditChange")?.({ edit: false });
+      },
+      toggleEditing({ prop, send, event }) {
+        send({
+          type: prop("edit") ? "CONTROLLED.EDIT" : "CONTROLLED.PREVIEW",
+          previousEvent: event
+        });
+      },
+      syncInputValue({ context, scope }) {
+        const inputEl = getInputEl(scope);
+        if (!inputEl) return;
+        setElementValue(inputEl, context.get("value"));
+      },
+      setValue({ context, prop, event }) {
+        const max = prop("maxLength");
+        const value = max != null ? event.value.slice(0, max) : event.value;
+        context.set("value", value);
+      },
+      setPreviousValue({ context }) {
+        context.set("previousValue", context.get("value"));
+      },
+      revertValue({ context }) {
+        const value = context.get("previousValue");
+        if (!value) return;
+        context.set("value", value);
+      },
+      blurInput({ scope }) {
+        getInputEl(scope)?.blur();
+      }
+    }
+  }
+});
+var props = createProps()([
+  "activationMode",
+  "autoResize",
+  "dir",
+  "disabled",
+  "finalFocusEl",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "maxLength",
+  "name",
+  "onEditChange",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onPointerDownOutside",
+  "onValueChange",
+  "onValueCommit",
+  "onValueRevert",
+  "placeholder",
+  "readOnly",
+  "required",
+  "selectOnFocus",
+  "edit",
+  "defaultEdit",
+  "submitMode",
+  "translations",
+  "defaultValue",
+  "value"
+]);
+var splitProps = createSplitProps(props);
+
+// components/editable.ts
+var Editable = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="editable"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const areaEl = this.el.querySelector('[data-scope="editable"][data-part="area"]');
+    if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const inputEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+    const previewEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="preview"]'
+    );
+    if (previewEl) this.spreadProps(previewEl, this.api.getPreviewProps());
+    const editTriggerEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="edit-trigger"]'
+    );
+    if (editTriggerEl) this.spreadProps(editTriggerEl, this.api.getEditTriggerProps());
+    const submitTriggerEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="submit-trigger"]'
+    );
+    if (submitTriggerEl) this.spreadProps(submitTriggerEl, this.api.getSubmitTriggerProps());
+    const cancelTriggerEl = this.el.querySelector(
+      '[data-scope="editable"][data-part="cancel-trigger"]'
+    );
+    if (cancelTriggerEl) this.spreadProps(cancelTriggerEl, this.api.getCancelTriggerProps());
+  }
+};
+
+// hooks/editable.ts
+var EditableHook = {
+  mounted() {
+    const el = this.el;
+    const value = getString(el, "value");
+    const defaultValue = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const placeholder = getString(el, "placeholder");
+    const activationMode = getString(el, "activationMode");
+    const selectOnFocus = getBoolean(el, "selectOnFocus");
+    const zag = new Editable(el, {
+      id: el.id,
+      ...controlled && value !== void 0 ? { value } : { defaultValue: defaultValue ?? "" },
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      required: getBoolean(el, "required"),
+      invalid: getBoolean(el, "invalid"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      dir: getDir(el),
+      ...placeholder !== void 0 ? { placeholder } : {},
+      ...activationMode !== void 0 ? { activationMode } : {},
+      ...selectOnFocus !== void 0 ? { selectOnFocus } : {},
+      ...getBoolean(el, "controlledEdit") ? { edit: getBoolean(el, "edit") } : { defaultEdit: getBoolean(el, "defaultEdit") },
+      onValueChange: (details) => {
+        const inputEl = el.querySelector('[data-scope="editable"][data-part="input"]');
+        if (inputEl) {
+          inputEl.value = details.value;
+          inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+          inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { value: details.value, id: el.id });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.editable = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const value = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.editable?.updateProps({
+      id: this.el.id,
+      ...controlled && value !== void 0 ? { value } : {},
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      required: getBoolean(this.el, "required"),
+      invalid: getBoolean(this.el, "invalid"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form")
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.editable?.destroy();
+  }
+};
+export {
+  EditableHook as Editable
+};
diff --git a/priv/static/floating-panel.mjs b/priv/static/floating-panel.mjs
new file mode 100644
index 0000000..6ff059d
--- /dev/null
+++ b/priv/static/floating-panel.mjs
@@ -0,0 +1,1182 @@
+import {
+  addPoints,
+  clampPoint,
+  clampSize,
+  constrainRect,
+  createRect,
+  getElementRect,
+  getWindowRect,
+  isPointEqual,
+  isSizeEqual,
+  resizeRect,
+  subtractPoints
+} from "./chunk-BMVNROAE.mjs";
+import {
+  Component,
+  VanillaMachine,
+  addDomEvent,
+  clampValue,
+  createAnatomy,
+  createGuards,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  ensureProps,
+  getBoolean,
+  getDir,
+  getEventKey,
+  getEventStep,
+  getEventTarget,
+  getString,
+  invariant,
+  isHTMLElement,
+  isLeftClick,
+  match,
+  normalizeProps,
+  pick,
+  proxy,
+  raf,
+  resizeObserverBorderBox,
+  subscribe,
+  toPx,
+  trackPointerMove
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+floating-panel@1.33.1/node_modules/@zag-js/floating-panel/dist/index.mjs
+var anatomy = createAnatomy("floating-panel").parts(
+  "trigger",
+  "positioner",
+  "content",
+  "header",
+  "body",
+  "title",
+  "resizeTrigger",
+  "dragTrigger",
+  "stageTrigger",
+  "closeTrigger",
+  "control"
+);
+var parts = anatomy.build();
+var getTriggerId = (ctx) => ctx.ids?.trigger ?? `float:${ctx.id}:trigger`;
+var getPositionerId = (ctx) => ctx.ids?.positioner ?? `float:${ctx.id}:positioner`;
+var getContentId = (ctx) => ctx.ids?.content ?? `float:${ctx.id}:content`;
+var getTitleId = (ctx) => ctx.ids?.title ?? `float:${ctx.id}:title`;
+var getHeaderId = (ctx) => ctx.ids?.header ?? `float:${ctx.id}:header`;
+var getTriggerEl = (ctx) => ctx.getById(getTriggerId(ctx));
+var getPositionerEl = (ctx) => ctx.getById(getPositionerId(ctx));
+var getContentEl = (ctx) => ctx.getById(getContentId(ctx));
+var getHeaderEl = (ctx) => ctx.getById(getHeaderId(ctx));
+var getBoundaryRect = (ctx, boundaryEl, allowOverflow) => {
+  let boundaryRect;
+  if (isHTMLElement(boundaryEl)) {
+    boundaryRect = getElementRect(boundaryEl);
+  } else {
+    boundaryRect = getWindowRect(ctx.getWin());
+  }
+  if (allowOverflow) {
+    boundaryRect = createRect({
+      x: -boundaryRect.width,
+      // empty(left)
+      y: boundaryRect.minY,
+      width: boundaryRect.width * 3,
+      // empty(left) + win + empty(right)
+      height: boundaryRect.height * 2
+      // win + empty(bottom)
+    });
+  }
+  return pick(boundaryRect, ["x", "y", "width", "height"]);
+};
+function getResizeAxisStyle(axis) {
+  switch (axis) {
+    case "n":
+      return {
+        cursor: "n-resize",
+        width: "100%",
+        top: 0,
+        left: "50%",
+        translate: "-50%"
+      };
+    case "e":
+      return {
+        cursor: "e-resize",
+        height: "100%",
+        right: 0,
+        top: "50%",
+        translate: "0 -50%"
+      };
+    case "s":
+      return {
+        cursor: "s-resize",
+        width: "100%",
+        bottom: 0,
+        left: "50%",
+        translate: "-50%"
+      };
+    case "w":
+      return {
+        cursor: "w-resize",
+        height: "100%",
+        left: 0,
+        top: "50%",
+        translate: "0 -50%"
+      };
+    case "se":
+      return {
+        cursor: "se-resize",
+        bottom: 0,
+        right: 0
+      };
+    case "sw":
+      return {
+        cursor: "sw-resize",
+        bottom: 0,
+        left: 0
+      };
+    case "ne":
+      return {
+        cursor: "ne-resize",
+        top: 0,
+        right: 0
+      };
+    case "nw":
+      return {
+        cursor: "nw-resize",
+        top: 0,
+        left: 0
+      };
+    default:
+      throw new Error(`Invalid axis: ${axis}`);
+  }
+}
+var validStages = /* @__PURE__ */ new Set(["minimized", "maximized", "default"]);
+function connect(service, normalize) {
+  const { state, send, scope, prop, computed, context } = service;
+  const open = state.hasTag("open");
+  const dragging = state.matches("open.dragging");
+  const resizing = state.matches("open.resizing");
+  const isTopmost = context.get("isTopmost");
+  const size = context.get("size");
+  const position = context.get("position");
+  const isMaximized = computed("isMaximized");
+  const isMinimized = computed("isMinimized");
+  const isStaged = computed("isStaged");
+  const canResize = computed("canResize");
+  const canDrag = computed("canDrag");
+  return {
+    open,
+    resizable: prop("resizable"),
+    draggable: prop("draggable"),
+    setOpen(nextOpen) {
+      const open2 = state.hasTag("open");
+      if (open2 === nextOpen) return;
+      send({ type: nextOpen ? "OPEN" : "CLOSE" });
+    },
+    dragging,
+    resizing,
+    position,
+    size,
+    setPosition(position2) {
+      send({ type: "SET_POSITION", position: position2 });
+    },
+    setSize(size2) {
+      send({ type: "SET_SIZE", size: size2 });
+    },
+    minimize() {
+      send({ type: "MINIMIZE" });
+    },
+    maximize() {
+      send({ type: "MAXIMIZE" });
+    },
+    restore() {
+      send({ type: "RESTORE" });
+    },
+    getTriggerProps() {
+      return normalize.button({
+        ...parts.trigger.attrs,
+        dir: prop("dir"),
+        type: "button",
+        disabled: prop("disabled"),
+        id: getTriggerId(scope),
+        "data-state": open ? "open" : "closed",
+        "data-dragging": dataAttr(dragging),
+        "aria-controls": getContentId(scope),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (prop("disabled")) return;
+          const open2 = state.hasTag("open");
+          send({ type: open2 ? "CLOSE" : "OPEN", src: "trigger" });
+        }
+      });
+    },
+    getPositionerProps() {
+      return normalize.element({
+        ...parts.positioner.attrs,
+        dir: prop("dir"),
+        id: getPositionerId(scope),
+        style: {
+          "--width": toPx(size?.width),
+          "--height": toPx(size?.height),
+          "--x": toPx(position?.x),
+          "--y": toPx(position?.y),
+          position: prop("strategy"),
+          top: "var(--y)",
+          left: "var(--x)"
+        }
+      });
+    },
+    getContentProps() {
+      return normalize.element({
+        ...parts.content.attrs,
+        dir: prop("dir"),
+        role: "dialog",
+        tabIndex: 0,
+        hidden: !open,
+        id: getContentId(scope),
+        "aria-labelledby": getTitleId(scope),
+        "data-state": open ? "open" : "closed",
+        "data-dragging": dataAttr(dragging),
+        "data-topmost": dataAttr(isTopmost),
+        "data-behind": dataAttr(!isTopmost),
+        "data-minimized": dataAttr(isMinimized),
+        "data-maximized": dataAttr(isMaximized),
+        "data-staged": dataAttr(isStaged),
+        style: {
+          width: "var(--width)",
+          height: "var(--height)",
+          overflow: isMinimized ? "hidden" : void 0
+        },
+        onFocus() {
+          send({ type: "CONTENT_FOCUS" });
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (event.currentTarget !== getEventTarget(event)) return;
+          const step = getEventStep(event) * prop("gridSize");
+          const keyMap = {
+            Escape() {
+              if (!isTopmost) return;
+              send({ type: "ESCAPE" });
+            },
+            ArrowLeft() {
+              send({ type: "MOVE", direction: "left", step });
+            },
+            ArrowRight() {
+              send({ type: "MOVE", direction: "right", step });
+            },
+            ArrowUp() {
+              send({ type: "MOVE", direction: "up", step });
+            },
+            ArrowDown() {
+              send({ type: "MOVE", direction: "down", step });
+            }
+          };
+          const handler = keyMap[getEventKey(event, { dir: prop("dir") })];
+          if (handler) {
+            event.preventDefault();
+            handler(event);
+          }
+        }
+      });
+    },
+    getCloseTriggerProps() {
+      return normalize.button({
+        ...parts.closeTrigger.attrs,
+        dir: prop("dir"),
+        disabled: prop("disabled"),
+        "aria-label": "Close Window",
+        type: "button",
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          send({ type: "CLOSE" });
+        }
+      });
+    },
+    getStageTriggerProps(props2) {
+      if (!validStages.has(props2.stage)) {
+        throw new Error(`[zag-js] Invalid stage: ${props2.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
+      }
+      const translations = prop("translations");
+      const actionProps = match(props2.stage, {
+        minimized: () => ({
+          "aria-label": translations.minimize,
+          hidden: isStaged
+        }),
+        maximized: () => ({
+          "aria-label": translations.maximize,
+          hidden: isStaged
+        }),
+        default: () => ({
+          "aria-label": translations.restore,
+          hidden: !isStaged
+        })
+      });
+      return normalize.button({
+        ...parts.stageTrigger.attrs,
+        dir: prop("dir"),
+        disabled: prop("disabled"),
+        "data-stage": props2.stage,
+        ...actionProps,
+        type: "button",
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (!prop("resizable")) return;
+          const type = match(props2.stage, {
+            minimized: () => "MINIMIZE",
+            maximized: () => "MAXIMIZE",
+            default: () => "RESTORE"
+          });
+          send({ type: type.toUpperCase() });
+        }
+      });
+    },
+    getResizeTriggerProps(props2) {
+      return normalize.element({
+        ...parts.resizeTrigger.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(!canResize),
+        "data-axis": props2.axis,
+        onPointerDown(event) {
+          if (!canResize) return;
+          if (!isLeftClick(event)) return;
+          event.currentTarget.setPointerCapture(event.pointerId);
+          event.stopPropagation();
+          send({
+            type: "RESIZE_START",
+            axis: props2.axis,
+            position: { x: event.clientX, y: event.clientY }
+          });
+        },
+        onPointerUp(event) {
+          if (!canResize) return;
+          const node = event.currentTarget;
+          if (node.hasPointerCapture(event.pointerId)) {
+            node.releasePointerCapture(event.pointerId);
+          }
+        },
+        style: {
+          position: "absolute",
+          touchAction: "none",
+          ...getResizeAxisStyle(props2.axis)
+        }
+      });
+    },
+    getDragTriggerProps() {
+      return normalize.element({
+        ...parts.dragTrigger.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(!canDrag),
+        onPointerDown(event) {
+          if (!canDrag) return;
+          if (!isLeftClick(event)) return;
+          const target = getEventTarget(event);
+          if (target?.closest("button") || target?.closest("[data-no-drag]")) {
+            return;
+          }
+          event.currentTarget.setPointerCapture(event.pointerId);
+          event.stopPropagation();
+          send({
+            type: "DRAG_START",
+            pointerId: event.pointerId,
+            position: { x: event.clientX, y: event.clientY }
+          });
+        },
+        onPointerUp(event) {
+          if (!canDrag) return;
+          const node = event.currentTarget;
+          if (node.hasPointerCapture(event.pointerId)) {
+            node.releasePointerCapture(event.pointerId);
+          }
+        },
+        onDoubleClick(event) {
+          if (event.defaultPrevented) return;
+          if (!prop("resizable")) return;
+          send({ type: isStaged ? "RESTORE" : "MAXIMIZE" });
+        },
+        style: {
+          WebkitUserSelect: "none",
+          userSelect: "none",
+          touchAction: "none",
+          cursor: "move"
+        }
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(prop("disabled")),
+        "data-stage": context.get("stage"),
+        "data-minimized": dataAttr(isMinimized),
+        "data-maximized": dataAttr(isMaximized),
+        "data-staged": dataAttr(isStaged)
+      });
+    },
+    getTitleProps() {
+      return normalize.element({
+        ...parts.title.attrs,
+        dir: prop("dir"),
+        id: getTitleId(scope)
+      });
+    },
+    getHeaderProps() {
+      return normalize.element({
+        ...parts.header.attrs,
+        dir: prop("dir"),
+        id: getHeaderId(scope),
+        "data-dragging": dataAttr(dragging),
+        "data-topmost": dataAttr(isTopmost),
+        "data-behind": dataAttr(!isTopmost),
+        "data-minimized": dataAttr(isMinimized),
+        "data-maximized": dataAttr(isMaximized),
+        "data-staged": dataAttr(isStaged)
+      });
+    },
+    getBodyProps() {
+      return normalize.element({
+        ...parts.body.attrs,
+        dir: prop("dir"),
+        "data-dragging": dataAttr(dragging),
+        "data-minimized": dataAttr(isMinimized),
+        "data-maximized": dataAttr(isMaximized),
+        "data-staged": dataAttr(isStaged),
+        hidden: isMinimized
+      });
+    }
+  };
+}
+var panelStack = proxy({
+  stack: [],
+  count() {
+    return this.stack.length;
+  },
+  add(panelId) {
+    if (this.stack.includes(panelId)) return;
+    this.stack.push(panelId);
+  },
+  remove(panelId) {
+    const index = this.stack.indexOf(panelId);
+    if (index < 0) return;
+    this.stack.splice(index, 1);
+  },
+  bringToFront(id) {
+    this.remove(id);
+    this.add(id);
+  },
+  isTopmost(id) {
+    return this.stack[this.stack.length - 1] === id;
+  },
+  indexOf(id) {
+    return this.stack.indexOf(id);
+  }
+});
+var { not, and } = createGuards();
+var defaultTranslations = {
+  minimize: "Minimize window",
+  maximize: "Maximize window",
+  restore: "Restore window"
+};
+var machine = createMachine({
+  props({ props: props2 }) {
+    ensureProps(props2, ["id"], "floating-panel");
+    return {
+      strategy: "fixed",
+      gridSize: 1,
+      defaultSize: { width: 320, height: 240 },
+      defaultPosition: { x: 300, y: 100 },
+      allowOverflow: true,
+      resizable: true,
+      draggable: true,
+      ...props2,
+      hasSpecifiedPosition: !!props2.defaultPosition || !!props2.position,
+      translations: {
+        ...defaultTranslations,
+        ...props2.translations
+      }
+    };
+  },
+  initialState({ prop }) {
+    const open = prop("open") || prop("defaultOpen");
+    return open ? "open" : "closed";
+  },
+  context({ prop, bindable }) {
+    return {
+      size: bindable(() => ({
+        defaultValue: prop("defaultSize"),
+        value: prop("size"),
+        isEqual: isSizeEqual,
+        sync: true,
+        hash(v) {
+          return `W:${v.width} H:${v.height}`;
+        },
+        onChange(value) {
+          prop("onSizeChange")?.({ size: value });
+        }
+      })),
+      position: bindable(() => ({
+        defaultValue: prop("defaultPosition"),
+        value: prop("position"),
+        isEqual: isPointEqual,
+        sync: true,
+        hash(v) {
+          return `X:${v.x} Y:${v.y}`;
+        },
+        onChange(value) {
+          prop("onPositionChange")?.({ position: value });
+        }
+      })),
+      stage: bindable(() => ({
+        defaultValue: "default",
+        onChange(value) {
+          prop("onStageChange")?.({ stage: value });
+        }
+      })),
+      lastEventPosition: bindable(() => ({
+        defaultValue: null
+      })),
+      prevPosition: bindable(() => ({
+        defaultValue: null
+      })),
+      prevSize: bindable(() => ({
+        defaultValue: null
+      })),
+      isTopmost: bindable(() => ({
+        defaultValue: void 0
+      }))
+    };
+  },
+  computed: {
+    isMaximized: ({ context }) => context.get("stage") === "maximized",
+    isMinimized: ({ context }) => context.get("stage") === "minimized",
+    isStaged: ({ context }) => context.get("stage") !== "default",
+    canResize: ({ context, prop }) => prop("resizable") && !prop("disabled") && context.get("stage") === "default",
+    canDrag: ({ prop, computed }) => prop("draggable") && !prop("disabled") && !computed("isMaximized")
+  },
+  watch({ track, context, action, prop }) {
+    track([() => context.hash("position")], () => {
+      action(["setPositionStyle"]);
+    });
+    track([() => context.hash("size")], () => {
+      action(["setSizeStyle"]);
+    });
+    track([() => prop("open")], () => {
+      action(["toggleVisibility"]);
+    });
+  },
+  effects: ["trackPanelStack"],
+  on: {
+    CONTENT_FOCUS: {
+      actions: ["bringToFrontOfPanelStack"]
+    },
+    SET_POSITION: {
+      actions: ["setPosition"]
+    },
+    SET_SIZE: {
+      actions: ["setSize"]
+    }
+  },
+  states: {
+    closed: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open",
+          actions: ["setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+          }
+        ]
+      }
+    },
+    open: {
+      tags: ["open"],
+      entry: ["bringToFrontOfPanelStack"],
+      effects: ["trackBoundaryRect"],
+      on: {
+        DRAG_START: {
+          guard: not("isMaximized"),
+          target: "open.dragging",
+          actions: ["setPrevPosition"]
+        },
+        RESIZE_START: {
+          guard: not("isMinimized"),
+          target: "open.resizing",
+          actions: ["setPrevSize"]
+        },
+        "CONTROLLED.CLOSE": {
+          target: "closed",
+          actions: ["resetRect", "focusTriggerEl"]
+        },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
+        ESCAPE: [
+          {
+            guard: and("isOpenControlled", "closeOnEsc"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "closeOnEsc",
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
+        MINIMIZE: {
+          actions: ["setMinimized"]
+        },
+        MAXIMIZE: {
+          actions: ["setMaximized"]
+        },
+        RESTORE: {
+          actions: ["setRestored"]
+        },
+        MOVE: {
+          actions: ["setPositionFromKeyboard"]
+        }
+      }
+    },
+    "open.dragging": {
+      tags: ["open"],
+      effects: ["trackPointerMove"],
+      exit: ["clearPrevPosition"],
+      on: {
+        DRAG: {
+          actions: ["setPosition"]
+        },
+        DRAG_END: {
+          target: "open",
+          actions: ["invokeOnDragEnd"]
+        },
+        "CONTROLLED.CLOSE": {
+          target: "closed",
+          actions: ["resetRect"]
+        },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
+        ESCAPE: {
+          target: "open"
+        }
+      }
+    },
+    "open.resizing": {
+      tags: ["open"],
+      effects: ["trackPointerMove"],
+      exit: ["clearPrevSize"],
+      on: {
+        DRAG: {
+          actions: ["setSize"]
+        },
+        DRAG_END: {
+          target: "open",
+          actions: ["invokeOnResizeEnd"]
+        },
+        "CONTROLLED.CLOSE": {
+          target: "closed",
+          actions: ["resetRect"]
+        },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
+        ESCAPE: {
+          target: "open"
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      closeOnEsc: ({ prop }) => !!prop("closeOnEscape"),
+      isMaximized: ({ context }) => context.get("stage") === "maximized",
+      isMinimized: ({ context }) => context.get("stage") === "minimized",
+      isOpenControlled: ({ prop }) => prop("open") != void 0
+    },
+    effects: {
+      trackPointerMove({ scope, send, event: evt, prop }) {
+        const doc = scope.getDoc();
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+        return trackPointerMove(doc, {
+          onPointerMove({ point, event }) {
+            const { altKey, shiftKey } = event;
+            let x = clampValue(point.x, boundaryRect.x, boundaryRect.x + boundaryRect.width);
+            let y = clampValue(point.y, boundaryRect.y, boundaryRect.y + boundaryRect.height);
+            send({ type: "DRAG", position: { x, y }, axis: evt.axis, altKey, shiftKey });
+          },
+          onPointerUp() {
+            send({ type: "DRAG_END" });
+          }
+        });
+      },
+      trackBoundaryRect({ context, scope, prop, computed }) {
+        const win = scope.getWin();
+        let skip = true;
+        const exec = () => {
+          if (skip) {
+            skip = false;
+            return;
+          }
+          const boundaryEl2 = prop("getBoundaryEl")?.();
+          let boundaryRect = getBoundaryRect(scope, boundaryEl2, false);
+          if (!computed("isMaximized")) {
+            const rect = { ...context.get("position"), ...context.get("size") };
+            boundaryRect = constrainRect(rect, boundaryRect);
+          }
+          context.set("size", pick(boundaryRect, ["width", "height"]));
+          context.set("position", pick(boundaryRect, ["x", "y"]));
+        };
+        const boundaryEl = prop("getBoundaryEl")?.();
+        if (isHTMLElement(boundaryEl)) {
+          return resizeObserverBorderBox.observe(boundaryEl, exec);
+        }
+        return addDomEvent(win, "resize", exec);
+      },
+      trackPanelStack({ context, scope }) {
+        const unsub = subscribe(panelStack, () => {
+          context.set("isTopmost", panelStack.isTopmost(scope.id));
+          const contentEl = getContentEl(scope);
+          if (!contentEl) return;
+          const index = panelStack.indexOf(scope.id);
+          if (index === -1) return;
+          contentEl.style.setProperty("--z-index", `${index + 1}`);
+        });
+        return () => {
+          panelStack.remove(scope.id);
+          unsub();
+        };
+      }
+    },
+    actions: {
+      setAnchorPosition({ context, prop, scope }) {
+        if (prop("hasSpecifiedPosition")) return;
+        const hasPrevRect = context.get("prevPosition") || context.get("prevSize");
+        if (prop("persistRect") && hasPrevRect) return;
+        raf(() => {
+          const triggerRect = getTriggerEl(scope);
+          const boundaryRect = getBoundaryRect(scope, prop("getBoundaryEl")?.(), false);
+          let anchorPosition = prop("getAnchorPosition")?.({
+            triggerRect: triggerRect ? DOMRect.fromRect(getElementRect(triggerRect)) : null,
+            boundaryRect: DOMRect.fromRect(boundaryRect)
+          });
+          if (!anchorPosition) {
+            const size = context.get("size");
+            anchorPosition = {
+              x: boundaryRect.x + (boundaryRect.width - size.width) / 2,
+              y: boundaryRect.y + (boundaryRect.height - size.height) / 2
+            };
+          }
+          if (!anchorPosition) return;
+          context.set("position", anchorPosition);
+        });
+      },
+      setPrevPosition({ context, event }) {
+        context.set("prevPosition", { ...context.get("position") });
+        context.set("lastEventPosition", event.position);
+      },
+      clearPrevPosition({ context, prop }) {
+        if (!prop("persistRect")) context.set("prevPosition", null);
+        context.set("lastEventPosition", null);
+      },
+      setPosition({ context, event, prop, scope }) {
+        let diff = subtractPoints(event.position, context.get("lastEventPosition"));
+        diff.x = Math.round(diff.x / prop("gridSize")) * prop("gridSize");
+        diff.y = Math.round(diff.y / prop("gridSize")) * prop("gridSize");
+        const prevPosition = context.get("prevPosition");
+        if (!prevPosition) return;
+        let position = addPoints(prevPosition, diff);
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, prop("allowOverflow"));
+        position = clampPoint(position, context.get("size"), boundaryRect);
+        context.set("position", position);
+      },
+      setPositionStyle({ scope, context }) {
+        const el = getPositionerEl(scope);
+        const position = context.get("position");
+        el?.style.setProperty("--x", `${position.x}px`);
+        el?.style.setProperty("--y", `${position.y}px`);
+      },
+      resetRect({ context, prop }) {
+        context.set("stage", "default");
+        if (!prop("persistRect")) {
+          context.set("position", context.initial("position"));
+          context.set("size", context.initial("size"));
+        }
+      },
+      setPrevSize({ context, event }) {
+        context.set("prevSize", { ...context.get("size") });
+        context.set("prevPosition", { ...context.get("position") });
+        context.set("lastEventPosition", event.position);
+      },
+      clearPrevSize({ context }) {
+        context.set("prevSize", null);
+        context.set("prevPosition", null);
+        context.set("lastEventPosition", null);
+      },
+      setSize({ context, event, scope, prop }) {
+        const prevSize = context.get("prevSize");
+        const prevPosition = context.get("prevPosition");
+        const lastEventPosition = context.get("lastEventPosition");
+        if (!prevSize || !prevPosition || !lastEventPosition) return;
+        const prevRect = createRect({ ...prevPosition, ...prevSize });
+        const offset = subtractPoints(event.position, lastEventPosition);
+        const nextRect = resizeRect(prevRect, offset, event.axis, {
+          scalingOriginMode: event.altKey ? "center" : "extent",
+          lockAspectRatio: !!prop("lockAspectRatio") || event.shiftKey
+        });
+        let nextSize = pick(nextRect, ["width", "height"]);
+        let nextPosition = pick(nextRect, ["x", "y"]);
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+        nextSize = clampSize(nextSize, prop("minSize"), prop("maxSize"));
+        nextSize = clampSize(nextSize, prop("minSize"), boundaryRect);
+        context.set("size", nextSize);
+        if (nextPosition) {
+          const point = clampPoint(nextPosition, nextSize, boundaryRect);
+          context.set("position", point);
+        }
+      },
+      setSizeStyle({ scope, context }) {
+        queueMicrotask(() => {
+          const el = getPositionerEl(scope);
+          const size = context.get("size");
+          el?.style.setProperty("--width", `${size.width}px`);
+          el?.style.setProperty("--height", `${size.height}px`);
+        });
+      },
+      setMaximized({ context, prop, scope }) {
+        context.set("stage", "maximized");
+        context.set("prevSize", context.get("size"));
+        context.set("prevPosition", context.get("position"));
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+        context.set("position", pick(boundaryRect, ["x", "y"]));
+        context.set("size", pick(boundaryRect, ["height", "width"]));
+      },
+      setMinimized({ context, scope }) {
+        context.set("stage", "minimized");
+        context.set("prevSize", context.get("size"));
+        context.set("prevPosition", context.get("position"));
+        const headerEl = getHeaderEl(scope);
+        if (!headerEl) return;
+        const size = {
+          ...context.get("size"),
+          height: headerEl?.offsetHeight
+        };
+        context.set("size", size);
+      },
+      setRestored({ context, prop, scope }) {
+        const boundaryRect = getBoundaryRect(scope, prop("getBoundaryEl")?.(), false);
+        context.set("stage", "default");
+        const prevSize = context.get("prevSize");
+        if (prevSize) {
+          let nextSize = prevSize;
+          nextSize = clampSize(nextSize, prop("minSize"), prop("maxSize"));
+          nextSize = clampSize(nextSize, prop("minSize"), boundaryRect);
+          context.set("size", nextSize);
+          context.set("prevSize", null);
+        }
+        if (context.get("prevPosition")) {
+          let nextPosition = context.get("prevPosition");
+          nextPosition = clampPoint(nextPosition, context.get("size"), boundaryRect);
+          context.set("position", nextPosition);
+          context.set("prevPosition", null);
+        }
+      },
+      setPositionFromKeyboard({ context, event, prop, scope }) {
+        invariant(event.step == null, "step is required");
+        const position = context.get("position");
+        const step = event.step;
+        let nextPosition = match(event.direction, {
+          left: { x: position.x - step, y: position.y },
+          right: { x: position.x + step, y: position.y },
+          up: { x: position.x, y: position.y - step },
+          down: { x: position.x, y: position.y + step }
+        });
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
+        nextPosition = clampPoint(nextPosition, context.get("size"), boundaryRect);
+        context.set("position", nextPosition);
+      },
+      bringToFrontOfPanelStack({ prop }) {
+        panelStack.bringToFront(prop("id"));
+      },
+      invokeOnOpen({ prop }) {
+        prop("onOpenChange")?.({ open: true });
+      },
+      invokeOnClose({ prop }) {
+        prop("onOpenChange")?.({ open: false });
+      },
+      invokeOnDragEnd({ context, prop }) {
+        prop("onPositionChangeEnd")?.({ position: context.get("position") });
+      },
+      invokeOnResizeEnd({ context, prop }) {
+        prop("onSizeChangeEnd")?.({ size: context.get("size") });
+      },
+      focusTriggerEl({ scope }) {
+        raf(() => {
+          getTriggerEl(scope)?.focus();
+        });
+      },
+      focusContentEl({ scope }) {
+        raf(() => {
+          getContentEl(scope)?.focus();
+        });
+      },
+      toggleVisibility({ send, prop, event }) {
+        send({ type: prop("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: event });
+      }
+    }
+  }
+});
+var props = createProps()([
+  "allowOverflow",
+  "closeOnEscape",
+  "defaultOpen",
+  "defaultPosition",
+  "defaultSize",
+  "dir",
+  "disabled",
+  "draggable",
+  "getAnchorPosition",
+  "getBoundaryEl",
+  "getRootNode",
+  "gridSize",
+  "id",
+  "ids",
+  "lockAspectRatio",
+  "maxSize",
+  "minSize",
+  "onOpenChange",
+  "onPositionChange",
+  "onPositionChangeEnd",
+  "onSizeChange",
+  "onSizeChangeEnd",
+  "onStageChange",
+  "open",
+  "persistRect",
+  "position",
+  "resizable",
+  "size",
+  "strategy",
+  "translations"
+]);
+var splitProps = createSplitProps(props);
+var resizeTriggerProps = createProps()(["axis"]);
+var splitResizeTriggerProps = createSplitProps(resizeTriggerProps);
+
+// components/floating-panel.ts
+var FloatingPanel = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const triggerEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="trigger"]'
+    );
+    if (triggerEl) this.spreadProps(triggerEl, this.api.getTriggerProps());
+    const positionerEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="positioner"]'
+    );
+    if (positionerEl) this.spreadProps(positionerEl, this.api.getPositionerProps());
+    const contentEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="content"]'
+    );
+    if (contentEl) this.spreadProps(contentEl, this.api.getContentProps());
+    const titleEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="title"]'
+    );
+    if (titleEl) this.spreadProps(titleEl, this.api.getTitleProps());
+    const headerEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="header"]'
+    );
+    if (headerEl) this.spreadProps(headerEl, this.api.getHeaderProps());
+    const bodyEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="body"]'
+    );
+    if (bodyEl) this.spreadProps(bodyEl, this.api.getBodyProps());
+    const dragTriggerEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="drag-trigger"]'
+    );
+    if (dragTriggerEl) this.spreadProps(dragTriggerEl, this.api.getDragTriggerProps());
+    const resizeAxes = ["s", "w", "e", "n", "sw", "nw", "se", "ne"];
+    resizeAxes.forEach((axis) => {
+      const resizeEl = this.el.querySelector(
+        `[data-scope="floating-panel"][data-part="resize-trigger"][data-axis="${axis}"]`
+      );
+      if (resizeEl)
+        this.spreadProps(resizeEl, this.api.getResizeTriggerProps({ axis }));
+    });
+    const closeTriggerEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="close-trigger"]'
+    );
+    if (closeTriggerEl) this.spreadProps(closeTriggerEl, this.api.getCloseTriggerProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="floating-panel"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const stages = ["minimized", "maximized", "default"];
+    stages.forEach((stage) => {
+      const stageTriggerEl = this.el.querySelector(
+        `[data-scope="floating-panel"][data-part="stage-trigger"][data-stage="${stage}"]`
+      );
+      if (stageTriggerEl)
+        this.spreadProps(
+          stageTriggerEl,
+          this.api.getStageTriggerProps({ stage })
+        );
+    });
+  }
+};
+
+// hooks/floating-panel.ts
+function parseSize(val) {
+  if (!val) return void 0;
+  try {
+    const parsed = JSON.parse(val);
+    if (typeof parsed.width === "number" && typeof parsed.height === "number") {
+      return { width: parsed.width, height: parsed.height };
+    }
+  } catch {
+  }
+  return void 0;
+}
+function parsePoint(val) {
+  if (!val) return void 0;
+  try {
+    const parsed = JSON.parse(val);
+    if (typeof parsed.x === "number" && typeof parsed.y === "number") {
+      return { x: parsed.x, y: parsed.y };
+    }
+  } catch {
+  }
+  return void 0;
+}
+var FloatingPanelHook = {
+  mounted() {
+    const el = this.el;
+    const open = getBoolean(el, "open");
+    const defaultOpen = getBoolean(el, "defaultOpen");
+    const controlled = getBoolean(el, "controlled");
+    const size = parseSize(el.dataset.size);
+    const defaultSize = parseSize(el.dataset.defaultSize);
+    const position = parsePoint(el.dataset.position);
+    const defaultPosition = parsePoint(el.dataset.defaultPosition);
+    const zag = new FloatingPanel(el, {
+      id: el.id,
+      ...controlled ? { open } : { defaultOpen },
+      draggable: getBoolean(el, "draggable") !== false,
+      resizable: getBoolean(el, "resizable") !== false,
+      allowOverflow: getBoolean(el, "allowOverflow") !== false,
+      closeOnEscape: getBoolean(el, "closeOnEscape") !== false,
+      disabled: getBoolean(el, "disabled"),
+      dir: getDir(el),
+      size,
+      defaultSize,
+      position,
+      defaultPosition,
+      minSize: parseSize(el.dataset.minSize),
+      maxSize: parseSize(el.dataset.maxSize),
+      persistRect: getBoolean(el, "persistRect"),
+      gridSize: Number(el.dataset.gridSize) || 1,
+      onOpenChange: (details) => {
+        const eventName = getString(el, "onOpenChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { open: details.open, id: el.id });
+        }
+        const clientName = getString(el, "onOpenChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      },
+      onPositionChange: (details) => {
+        const eventName = getString(el, "onPositionChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            position: details.position,
+            id: el.id
+          });
+        }
+      },
+      onSizeChange: (details) => {
+        const eventName = getString(el, "onSizeChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            size: details.size,
+            id: el.id
+          });
+        }
+      },
+      onStageChange: (details) => {
+        const eventName = getString(el, "onStageChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            stage: details.stage,
+            id: el.id
+          });
+        }
+      }
+    });
+    zag.init();
+    this.floatingPanel = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const open = getBoolean(this.el, "open");
+    const controlled = getBoolean(this.el, "controlled");
+    this.floatingPanel?.updateProps({
+      id: this.el.id,
+      ...controlled ? { open } : {},
+      disabled: getBoolean(this.el, "disabled"),
+      dir: getDir(this.el)
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.floatingPanel?.destroy();
+  }
+};
+export {
+  FloatingPanelHook as FloatingPanel
+};
diff --git a/priv/static/listbox.mjs b/priv/static/listbox.mjs
new file mode 100644
index 0000000..f925555
--- /dev/null
+++ b/priv/static/listbox.mjs
@@ -0,0 +1,998 @@
+import {
+  getInteractionModality,
+  trackFocusVisible
+} from "./chunk-TEV2GE3U.mjs";
+import {
+  GridCollection,
+  ListCollection,
+  Selection,
+  isGridCollection
+} from "./chunk-2PO3TGCF.mjs";
+import {
+  Component,
+  VanillaMachine,
+  ariaAttr,
+  contains,
+  createAnatomy,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  ensure,
+  getBoolean,
+  getByTypeahead,
+  getEventKey,
+  getEventTarget,
+  getNativeEvent,
+  getString,
+  getStringList,
+  isComposingEvent,
+  isCtrlOrMetaKey,
+  isEditableElement,
+  isEqual,
+  normalizeProps,
+  observeAttributes,
+  raf,
+  scrollIntoView,
+  setup
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+listbox@1.33.1/node_modules/@zag-js/listbox/dist/index.mjs
+var anatomy = createAnatomy("listbox").parts(
+  "label",
+  "input",
+  "item",
+  "itemText",
+  "itemIndicator",
+  "itemGroup",
+  "itemGroupLabel",
+  "content",
+  "root",
+  "valueText"
+);
+var parts = anatomy.build();
+var collection = (options) => {
+  return new ListCollection(options);
+};
+collection.empty = () => {
+  return new ListCollection({ items: [] });
+};
+var gridCollection = (options) => {
+  return new GridCollection(options);
+};
+gridCollection.empty = () => {
+  return new GridCollection({ items: [], columnCount: 0 });
+};
+var getRootId = (ctx) => ctx.ids?.root ?? `select:${ctx.id}`;
+var getContentId = (ctx) => ctx.ids?.content ?? `select:${ctx.id}:content`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `select:${ctx.id}:label`;
+var getItemId = (ctx, id) => ctx.ids?.item?.(id) ?? `select:${ctx.id}:option:${id}`;
+var getItemGroupId = (ctx, id) => ctx.ids?.itemGroup?.(id) ?? `select:${ctx.id}:optgroup:${id}`;
+var getItemGroupLabelId = (ctx, id) => ctx.ids?.itemGroupLabel?.(id) ?? `select:${ctx.id}:optgroup-label:${id}`;
+var getContentEl = (ctx) => ctx.getById(getContentId(ctx));
+var getItemEl = (ctx, id) => ctx.getById(getItemId(ctx, id));
+function connect(service, normalize) {
+  const { context, prop, scope, computed, send, refs } = service;
+  const disabled = prop("disabled");
+  const collection2 = prop("collection");
+  const layout = isGridCollection(collection2) ? "grid" : "list";
+  const focused = context.get("focused");
+  const focusVisible = refs.get("focusVisible") && focused;
+  const inputState = refs.get("inputState");
+  const value = context.get("value");
+  const selectedItems = context.get("selectedItems");
+  const highlightedValue = context.get("highlightedValue");
+  const highlightedItem = context.get("highlightedItem");
+  const isTypingAhead = computed("isTypingAhead");
+  const interactive = computed("isInteractive");
+  const ariaActiveDescendant = highlightedValue ? getItemId(scope, highlightedValue) : void 0;
+  function getItemState(props2) {
+    const itemDisabled = collection2.getItemDisabled(props2.item);
+    const value2 = collection2.getItemValue(props2.item);
+    ensure(value2, () => `[zag-js] No value found for item ${JSON.stringify(props2.item)}`);
+    const highlighted = highlightedValue === value2;
+    return {
+      value: value2,
+      disabled: Boolean(disabled || itemDisabled),
+      focused: highlighted && focused,
+      focusVisible: highlighted && focusVisible,
+      // deprecated
+      highlighted: highlighted && (inputState.focused ? focused : focusVisible),
+      selected: context.get("value").includes(value2)
+    };
+  }
+  return {
+    empty: value.length === 0,
+    highlightedItem,
+    highlightedValue,
+    clearHighlightedValue() {
+      send({ type: "HIGHLIGHTED_VALUE.SET", value: null });
+    },
+    selectedItems,
+    hasSelectedItems: computed("hasSelectedItems"),
+    value,
+    valueAsString: computed("valueAsString"),
+    collection: collection2,
+    disabled: !!disabled,
+    selectValue(value2) {
+      send({ type: "ITEM.SELECT", value: value2 });
+    },
+    setValue(value2) {
+      send({ type: "VALUE.SET", value: value2 });
+    },
+    selectAll() {
+      if (!computed("multiple")) {
+        throw new Error("[zag-js] Cannot select all items in a single-select listbox");
+      }
+      send({ type: "VALUE.SET", value: collection2.getValues() });
+    },
+    highlightValue(value2) {
+      send({ type: "HIGHLIGHTED_VALUE.SET", value: value2 });
+    },
+    clearValue(value2) {
+      if (value2) {
+        send({ type: "ITEM.CLEAR", value: value2 });
+      } else {
+        send({ type: "VALUE.CLEAR" });
+      }
+    },
+    getItemState,
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        id: getRootId(scope),
+        "data-orientation": prop("orientation"),
+        "data-disabled": dataAttr(disabled)
+      });
+    },
+    getInputProps(props2 = {}) {
+      return normalize.input({
+        ...parts.input.attrs,
+        dir: prop("dir"),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        autoComplete: "off",
+        autoCorrect: "off",
+        "aria-haspopup": "listbox",
+        "aria-controls": getContentId(scope),
+        "aria-autocomplete": "list",
+        "aria-activedescendant": ariaActiveDescendant,
+        spellCheck: false,
+        enterKeyHint: "go",
+        onFocus() {
+          queueMicrotask(() => {
+            send({ type: "INPUT.FOCUS", autoHighlight: !!props2?.autoHighlight });
+          });
+        },
+        onBlur() {
+          send({ type: "CONTENT.BLUR", src: "input" });
+        },
+        onInput(event) {
+          if (!props2?.autoHighlight) return;
+          if (event.currentTarget.value.trim()) return;
+          queueMicrotask(() => {
+            send({ type: "HIGHLIGHTED_VALUE.SET", value: null });
+          });
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (isComposingEvent(event)) return;
+          const nativeEvent = getNativeEvent(event);
+          const forwardEvent = () => {
+            event.preventDefault();
+            const win = scope.getWin();
+            const keyboardEvent = new win.KeyboardEvent(nativeEvent.type, nativeEvent);
+            getContentEl(scope)?.dispatchEvent(keyboardEvent);
+          };
+          switch (nativeEvent.key) {
+            case "ArrowLeft":
+            case "ArrowRight": {
+              if (!isGridCollection(collection2)) return;
+              if (event.ctrlKey) return;
+              forwardEvent();
+            }
+            case "Home":
+            case "End": {
+              if (highlightedValue == null && event.shiftKey) return;
+              forwardEvent();
+            }
+            case "ArrowDown":
+            case "ArrowUp": {
+              forwardEvent();
+              break;
+            }
+            case "Enter":
+              if (highlightedValue != null) {
+                event.preventDefault();
+                send({ type: "ITEM.CLICK", value: highlightedValue });
+              }
+              break;
+          }
+        }
+      });
+    },
+    getLabelProps() {
+      return normalize.element({
+        dir: prop("dir"),
+        id: getLabelId(scope),
+        ...parts.label.attrs,
+        "data-disabled": dataAttr(disabled)
+      });
+    },
+    getValueTextProps() {
+      return normalize.element({
+        ...parts.valueText.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled)
+      });
+    },
+    getItemProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.element({
+        id: getItemId(scope, itemState.value),
+        role: "option",
+        ...parts.item.attrs,
+        dir: prop("dir"),
+        "data-value": itemState.value,
+        "aria-selected": itemState.selected,
+        "data-selected": dataAttr(itemState.selected),
+        "data-layout": layout,
+        "data-state": itemState.selected ? "checked" : "unchecked",
+        "data-orientation": prop("orientation"),
+        "data-highlighted": dataAttr(itemState.highlighted),
+        "data-disabled": dataAttr(itemState.disabled),
+        "aria-disabled": ariaAttr(itemState.disabled),
+        onPointerMove(event) {
+          if (!props2.highlightOnHover) return;
+          if (itemState.disabled || event.pointerType !== "mouse") return;
+          if (itemState.highlighted) return;
+          send({ type: "ITEM.POINTER_MOVE", value: itemState.value });
+        },
+        onMouseDown(event) {
+          event.preventDefault();
+          getContentEl(scope)?.focus();
+        },
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (itemState.disabled) return;
+          send({
+            type: "ITEM.CLICK",
+            value: itemState.value,
+            shiftKey: event.shiftKey,
+            anchorValue: highlightedValue,
+            metaKey: isCtrlOrMetaKey(event)
+          });
+        }
+      });
+    },
+    getItemTextProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.element({
+        ...parts.itemText.attrs,
+        "data-state": itemState.selected ? "checked" : "unchecked",
+        "data-disabled": dataAttr(itemState.disabled),
+        "data-highlighted": dataAttr(itemState.highlighted)
+      });
+    },
+    getItemIndicatorProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.element({
+        ...parts.itemIndicator.attrs,
+        "aria-hidden": true,
+        "data-state": itemState.selected ? "checked" : "unchecked",
+        hidden: !itemState.selected
+      });
+    },
+    getItemGroupLabelProps(props2) {
+      const { htmlFor } = props2;
+      return normalize.element({
+        ...parts.itemGroupLabel.attrs,
+        id: getItemGroupLabelId(scope, htmlFor),
+        dir: prop("dir"),
+        role: "presentation"
+      });
+    },
+    getItemGroupProps(props2) {
+      const { id } = props2;
+      return normalize.element({
+        ...parts.itemGroup.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-orientation": prop("orientation"),
+        "data-empty": dataAttr(collection2.size === 0),
+        id: getItemGroupId(scope, id),
+        "aria-labelledby": getItemGroupLabelId(scope, id),
+        role: "group",
+        dir: prop("dir")
+      });
+    },
+    getContentProps() {
+      return normalize.element({
+        dir: prop("dir"),
+        id: getContentId(scope),
+        role: "listbox",
+        ...parts.content.attrs,
+        "data-activedescendant": ariaActiveDescendant,
+        "aria-activedescendant": ariaActiveDescendant,
+        "data-orientation": prop("orientation"),
+        "aria-multiselectable": computed("multiple") ? true : void 0,
+        "aria-labelledby": getLabelId(scope),
+        tabIndex: 0,
+        "data-layout": layout,
+        "data-empty": dataAttr(collection2.size === 0),
+        style: {
+          "--column-count": isGridCollection(collection2) ? collection2.columnCount : 1
+        },
+        onFocus() {
+          send({ type: "CONTENT.FOCUS" });
+        },
+        onBlur() {
+          send({ type: "CONTENT.BLUR" });
+        },
+        onKeyDown(event) {
+          if (!interactive) return;
+          if (!contains(event.currentTarget, getEventTarget(event))) return;
+          const shiftKey = event.shiftKey;
+          const keyMap = {
+            ArrowUp(event2) {
+              let nextValue = null;
+              if (isGridCollection(collection2) && highlightedValue) {
+                nextValue = collection2.getPreviousRowValue(highlightedValue);
+              } else if (highlightedValue) {
+                nextValue = collection2.getPreviousValue(highlightedValue);
+              }
+              if (!nextValue && (prop("loopFocus") || !highlightedValue)) {
+                nextValue = collection2.lastValue;
+              }
+              if (!nextValue) return;
+              event2.preventDefault();
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            ArrowDown(event2) {
+              let nextValue = null;
+              if (isGridCollection(collection2) && highlightedValue) {
+                nextValue = collection2.getNextRowValue(highlightedValue);
+              } else if (highlightedValue) {
+                nextValue = collection2.getNextValue(highlightedValue);
+              }
+              if (!nextValue && (prop("loopFocus") || !highlightedValue)) {
+                nextValue = collection2.firstValue;
+              }
+              if (!nextValue) return;
+              event2.preventDefault();
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            ArrowLeft() {
+              if (!isGridCollection(collection2) && prop("orientation") === "vertical") return;
+              let nextValue = highlightedValue ? collection2.getPreviousValue(highlightedValue) : null;
+              if (!nextValue && prop("loopFocus")) {
+                nextValue = collection2.lastValue;
+              }
+              if (!nextValue) return;
+              event.preventDefault();
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            ArrowRight() {
+              if (!isGridCollection(collection2) && prop("orientation") === "vertical") return;
+              let nextValue = highlightedValue ? collection2.getNextValue(highlightedValue) : null;
+              if (!nextValue && prop("loopFocus")) {
+                nextValue = collection2.firstValue;
+              }
+              if (!nextValue) return;
+              event.preventDefault();
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            Home(event2) {
+              event2.preventDefault();
+              let nextValue = collection2.firstValue;
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            End(event2) {
+              event2.preventDefault();
+              let nextValue = collection2.lastValue;
+              send({ type: "NAVIGATE", value: nextValue, shiftKey, anchorValue: highlightedValue });
+            },
+            Enter() {
+              send({ type: "ITEM.CLICK", value: highlightedValue });
+            },
+            a(event2) {
+              if (isCtrlOrMetaKey(event2) && computed("multiple") && !prop("disallowSelectAll")) {
+                event2.preventDefault();
+                send({ type: "VALUE.SET", value: collection2.getValues() });
+              }
+            },
+            Space(event2) {
+              if (isTypingAhead && prop("typeahead")) {
+                send({ type: "CONTENT.TYPEAHEAD", key: event2.key });
+              } else {
+                keyMap.Enter?.(event2);
+              }
+            },
+            Escape(event2) {
+              if (prop("deselectable") && value.length > 0) {
+                event2.preventDefault();
+                event2.stopPropagation();
+                send({ type: "VALUE.CLEAR" });
+              }
+            }
+          };
+          const exec = keyMap[getEventKey(event)];
+          if (exec) {
+            exec(event);
+            return;
+          }
+          const target = getEventTarget(event);
+          if (isEditableElement(target)) {
+            return;
+          }
+          if (getByTypeahead.isValidEvent(event) && prop("typeahead")) {
+            send({ type: "CONTENT.TYPEAHEAD", key: event.key });
+            event.preventDefault();
+          }
+        }
+      });
+    }
+  };
+}
+var { guards, createMachine } = setup();
+var { or } = guards;
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      loopFocus: false,
+      composite: true,
+      defaultValue: [],
+      multiple: false,
+      typeahead: true,
+      collection: collection.empty(),
+      orientation: "vertical",
+      selectionMode: "single",
+      ...props2
+    };
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        isEqual,
+        onChange(value) {
+          const items = prop("collection").findMany(value);
+          return prop("onValueChange")?.({ value, items });
+        }
+      })),
+      highlightedValue: bindable(() => ({
+        defaultValue: prop("defaultHighlightedValue") || null,
+        value: prop("highlightedValue"),
+        sync: true,
+        onChange(value) {
+          prop("onHighlightChange")?.({
+            highlightedValue: value,
+            highlightedItem: prop("collection").find(value),
+            highlightedIndex: prop("collection").indexOf(value)
+          });
+        }
+      })),
+      highlightedItem: bindable(() => ({
+        defaultValue: null
+      })),
+      selectedItems: bindable(() => {
+        const value = prop("value") ?? prop("defaultValue") ?? [];
+        const items = prop("collection").findMany(value);
+        return { defaultValue: items };
+      }),
+      focused: bindable(() => ({
+        sync: true,
+        defaultValue: false
+      }))
+    };
+  },
+  refs() {
+    return {
+      typeahead: { ...getByTypeahead.defaultOptions },
+      focusVisible: false,
+      inputState: { autoHighlight: false, focused: false }
+    };
+  },
+  computed: {
+    hasSelectedItems: ({ context }) => context.get("value").length > 0,
+    isTypingAhead: ({ refs }) => refs.get("typeahead").keysSoFar !== "",
+    isInteractive: ({ prop }) => !prop("disabled"),
+    selection: ({ context, prop }) => {
+      const selection = new Selection(context.get("value"));
+      selection.selectionMode = prop("selectionMode");
+      selection.deselectable = !!prop("deselectable");
+      return selection;
+    },
+    multiple: ({ prop }) => prop("selectionMode") === "multiple" || prop("selectionMode") === "extended",
+    valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems"))
+  },
+  initialState() {
+    return "idle";
+  },
+  watch({ context, prop, track, action }) {
+    track([() => context.get("value").toString()], () => {
+      action(["syncSelectedItems"]);
+    });
+    track([() => context.get("highlightedValue")], () => {
+      action(["syncHighlightedItem"]);
+    });
+    track([() => prop("collection").toString()], () => {
+      action(["syncHighlightedValue"]);
+    });
+  },
+  effects: ["trackFocusVisible"],
+  on: {
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "ITEM.SELECT": {
+      actions: ["selectItem"]
+    },
+    "ITEM.CLEAR": {
+      actions: ["clearItem"]
+    },
+    "VALUE.SET": {
+      actions: ["setSelectedItems"]
+    },
+    "VALUE.CLEAR": {
+      actions: ["clearSelectedItems"]
+    }
+  },
+  states: {
+    idle: {
+      effects: ["scrollToHighlightedItem"],
+      on: {
+        "INPUT.FOCUS": {
+          actions: ["setFocused", "setInputState"]
+        },
+        "CONTENT.FOCUS": [
+          {
+            guard: or("hasSelectedValue", "hasHighlightedValue"),
+            actions: ["setFocused"]
+          },
+          {
+            actions: ["setFocused", "setDefaultHighlightedValue"]
+          }
+        ],
+        "CONTENT.BLUR": {
+          actions: ["clearFocused", "clearInputState"]
+        },
+        "ITEM.CLICK": {
+          actions: ["setHighlightedItem", "selectHighlightedItem"]
+        },
+        "CONTENT.TYPEAHEAD": {
+          actions: ["setFocused", "highlightMatchingItem"]
+        },
+        "ITEM.POINTER_MOVE": {
+          actions: ["highlightItem"]
+        },
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
+        },
+        NAVIGATE: {
+          actions: ["setFocused", "setHighlightedItem", "selectWithKeyboard"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      hasSelectedValue: ({ context }) => context.get("value").length > 0,
+      hasHighlightedValue: ({ context }) => context.get("highlightedValue") != null
+    },
+    effects: {
+      trackFocusVisible: ({ scope, refs }) => {
+        return trackFocusVisible({
+          root: scope.getRootNode?.(),
+          onChange(details) {
+            refs.set("focusVisible", details.isFocusVisible);
+          }
+        });
+      },
+      scrollToHighlightedItem({ context, prop, scope }) {
+        const exec = (immediate) => {
+          const highlightedValue = context.get("highlightedValue");
+          if (highlightedValue == null) return;
+          const modality = getInteractionModality();
+          if (modality !== "keyboard") return;
+          const contentEl2 = getContentEl(scope);
+          const scrollToIndexFn = prop("scrollToIndexFn");
+          if (scrollToIndexFn) {
+            const highlightedIndex = prop("collection").indexOf(highlightedValue);
+            scrollToIndexFn?.({
+              index: highlightedIndex,
+              immediate,
+              getElement() {
+                return getItemEl(scope, highlightedValue);
+              }
+            });
+            return;
+          }
+          const itemEl = getItemEl(scope, highlightedValue);
+          scrollIntoView(itemEl, { rootEl: contentEl2, block: "nearest" });
+        };
+        raf(() => exec(true));
+        const contentEl = () => getContentEl(scope);
+        return observeAttributes(contentEl, {
+          defer: true,
+          attributes: ["data-activedescendant"],
+          callback() {
+            exec(false);
+          }
+        });
+      }
+    },
+    actions: {
+      selectHighlightedItem({ context, prop, event, computed }) {
+        const value = event.value ?? context.get("highlightedValue");
+        const collection2 = prop("collection");
+        if (value == null || !collection2.has(value)) return;
+        const selection = computed("selection");
+        if (event.shiftKey && computed("multiple") && event.anchorValue) {
+          const next = selection.extendSelection(collection2, event.anchorValue, value);
+          invokeOnSelect(selection, next, prop("onSelect"));
+          context.set("value", Array.from(next));
+        } else {
+          const next = selection.select(collection2, value, event.metaKey);
+          invokeOnSelect(selection, next, prop("onSelect"));
+          context.set("value", Array.from(next));
+        }
+      },
+      selectWithKeyboard({ context, prop, event, computed }) {
+        const selection = computed("selection");
+        const collection2 = prop("collection");
+        if (event.shiftKey && computed("multiple") && event.anchorValue) {
+          const next = selection.extendSelection(collection2, event.anchorValue, event.value);
+          invokeOnSelect(selection, next, prop("onSelect"));
+          context.set("value", Array.from(next));
+          return;
+        }
+        if (prop("selectOnHighlight")) {
+          const next = selection.replaceSelection(collection2, event.value);
+          invokeOnSelect(selection, next, prop("onSelect"));
+          context.set("value", Array.from(next));
+        }
+      },
+      highlightItem({ context, event }) {
+        context.set("highlightedValue", event.value);
+      },
+      highlightMatchingItem({ context, prop, event, refs }) {
+        const value = prop("collection").search(event.key, {
+          state: refs.get("typeahead"),
+          currentValue: context.get("highlightedValue")
+        });
+        if (value == null) return;
+        context.set("highlightedValue", value);
+      },
+      setHighlightedItem({ context, event }) {
+        context.set("highlightedValue", event.value);
+      },
+      clearHighlightedItem({ context }) {
+        context.set("highlightedValue", null);
+      },
+      selectItem({ context, prop, event, computed }) {
+        const collection2 = prop("collection");
+        const selection = computed("selection");
+        const next = selection.select(collection2, event.value);
+        invokeOnSelect(selection, next, prop("onSelect"));
+        context.set("value", Array.from(next));
+      },
+      clearItem({ context, event, computed }) {
+        const selection = computed("selection");
+        const value = selection.deselect(event.value);
+        context.set("value", Array.from(value));
+      },
+      setSelectedItems({ context, event }) {
+        context.set("value", event.value);
+      },
+      clearSelectedItems({ context }) {
+        context.set("value", []);
+      },
+      syncSelectedItems({ context, prop }) {
+        const collection2 = prop("collection");
+        const prevSelectedItems = context.get("selectedItems");
+        const value = context.get("value");
+        const selectedItems = value.map((value2) => {
+          const item = prevSelectedItems.find((item2) => collection2.getItemValue(item2) === value2);
+          return item || collection2.find(value2);
+        });
+        context.set("selectedItems", selectedItems);
+      },
+      syncHighlightedItem({ context, prop }) {
+        const collection2 = prop("collection");
+        const highlightedValue = context.get("highlightedValue");
+        const highlightedItem = highlightedValue ? collection2.find(highlightedValue) : null;
+        context.set("highlightedItem", highlightedItem);
+      },
+      syncHighlightedValue({ context, prop, refs }) {
+        const collection2 = prop("collection");
+        const highlightedValue = context.get("highlightedValue");
+        const { autoHighlight } = refs.get("inputState");
+        if (autoHighlight) {
+          queueMicrotask(() => {
+            context.set("highlightedValue", prop("collection").firstValue ?? null);
+          });
+          return;
+        }
+        if (highlightedValue != null && !collection2.has(highlightedValue)) {
+          queueMicrotask(() => {
+            context.set("highlightedValue", null);
+          });
+        }
+      },
+      setFocused({ context }) {
+        context.set("focused", true);
+      },
+      setDefaultHighlightedValue({ context, prop }) {
+        const collection2 = prop("collection");
+        const firstValue = collection2.firstValue;
+        if (firstValue != null) {
+          context.set("highlightedValue", firstValue);
+        }
+      },
+      clearFocused({ context }) {
+        context.set("focused", false);
+      },
+      setInputState({ refs, event }) {
+        refs.set("inputState", { autoHighlight: !!event.autoHighlight, focused: true });
+      },
+      clearInputState({ refs }) {
+        refs.set("inputState", { autoHighlight: false, focused: false });
+      }
+    }
+  }
+});
+var diff = (a, b) => {
+  const result = new Set(a);
+  for (const item of b) result.delete(item);
+  return result;
+};
+function invokeOnSelect(current, next, onSelect) {
+  const added = diff(next, current);
+  for (const item of added) {
+    onSelect?.({ value: item });
+  }
+}
+var props = createProps()([
+  "collection",
+  "defaultHighlightedValue",
+  "defaultValue",
+  "dir",
+  "disabled",
+  "deselectable",
+  "disallowSelectAll",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "loopFocus",
+  "onHighlightChange",
+  "onSelect",
+  "onValueChange",
+  "orientation",
+  "scrollToIndexFn",
+  "selectionMode",
+  "selectOnHighlight",
+  "typeahead",
+  "value"
+]);
+var splitProps = createSplitProps(props);
+var itemProps = createProps()(["item", "highlightOnHover"]);
+var splitItemProps = createSplitProps(itemProps);
+var itemGroupProps = createProps()(["id"]);
+var splitItemGroupProps = createSplitProps(itemGroupProps);
+var itemGroupLabelProps = createProps()(["htmlFor"]);
+var splitItemGroupLabelProps = createSplitProps(itemGroupLabelProps);
+
+// components/listbox.ts
+var Listbox = class extends Component {
+  _options = [];
+  hasGroups = false;
+  constructor(el, props2) {
+    super(el, props2);
+    const collectionFromProps = props2.collection;
+    this._options = collectionFromProps?.items ?? [];
+  }
+  get options() {
+    return Array.isArray(this._options) ? this._options : [];
+  }
+  setOptions(options) {
+    this._options = Array.isArray(options) ? options : [];
+  }
+  getCollection() {
+    const items = this.options;
+    if (this.hasGroups) {
+      return collection({
+        items,
+        itemToValue: (item) => item.id ?? item.value ?? "",
+        itemToString: (item) => item.label,
+        isItemDisabled: (item) => !!item.disabled,
+        groupBy: (item) => item.group ?? ""
+      });
+    }
+    return collection({
+      items,
+      itemToValue: (item) => item.id ?? item.value ?? "",
+      itemToString: (item) => item.label,
+      isItemDisabled: (item) => !!item.disabled
+    });
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    const getCollection = this.getCollection.bind(this);
+    const collectionFromProps = props2.collection;
+    return new VanillaMachine(machine, {
+      ...props2,
+      get collection() {
+        return collectionFromProps ?? getCollection();
+      }
+    });
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  init = () => {
+    this.machine.start();
+    this.render();
+    this.machine.subscribe(() => {
+      this.api = this.initApi();
+      this.render();
+    });
+  };
+  applyItemProps() {
+    const contentEl = this.el.querySelector(
+      '[data-scope="listbox"][data-part="content"]'
+    );
+    if (!contentEl) return;
+    contentEl.querySelectorAll('[data-scope="listbox"][data-part="item-group"]').forEach((groupEl) => {
+      const groupId = groupEl.dataset.id ?? "";
+      this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
+      const labelEl = groupEl.querySelector(
+        '[data-scope="listbox"][data-part="item-group-label"]'
+      );
+      if (labelEl) {
+        this.spreadProps(labelEl, this.api.getItemGroupLabelProps({ htmlFor: groupId }));
+      }
+    });
+    contentEl.querySelectorAll('[data-scope="listbox"][data-part="item"]').forEach((itemEl) => {
+      const value = itemEl.dataset.value ?? "";
+      const item = this.options.find((i) => String(i.id ?? i.value ?? "") === String(value));
+      if (!item) return;
+      this.spreadProps(itemEl, this.api.getItemProps({ item }));
+      const textEl = itemEl.querySelector(
+        '[data-scope="listbox"][data-part="item-text"]'
+      );
+      if (textEl) {
+        this.spreadProps(textEl, this.api.getItemTextProps({ item }));
+      }
+      const indicatorEl = itemEl.querySelector(
+        '[data-scope="listbox"][data-part="item-indicator"]'
+      );
+      if (indicatorEl) {
+        this.spreadProps(indicatorEl, this.api.getItemIndicatorProps({ item }));
+      }
+    });
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="listbox"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector('[data-scope="listbox"][data-part="label"]');
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const valueTextEl = this.el.querySelector(
+      '[data-scope="listbox"][data-part="value-text"]'
+    );
+    if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+    const inputEl = this.el.querySelector('[data-scope="listbox"][data-part="input"]');
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+    const contentEl = this.el.querySelector(
+      '[data-scope="listbox"][data-part="content"]'
+    );
+    if (contentEl) {
+      this.spreadProps(contentEl, this.api.getContentProps());
+      this.applyItemProps();
+    }
+  }
+};
+
+// hooks/listbox.ts
+function buildCollection(items, hasGroups) {
+  if (hasGroups) {
+    return collection({
+      items,
+      itemToValue: (item) => item.id ?? item.value ?? "",
+      itemToString: (item) => item.label,
+      isItemDisabled: (item) => !!item.disabled,
+      groupBy: (item) => item.group ?? ""
+    });
+  }
+  return collection({
+    items,
+    itemToValue: (item) => item.id ?? item.value ?? "",
+    itemToString: (item) => item.label,
+    isItemDisabled: (item) => !!item.disabled
+  });
+}
+var ListboxHook = {
+  mounted() {
+    const el = this.el;
+    const allItems = JSON.parse(el.dataset.collection ?? "[]");
+    const hasGroups = allItems.some((item) => item.group !== void 0);
+    const valueList = getStringList(el, "value");
+    const defaultValueList = getStringList(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new Listbox(el, {
+      id: el.id,
+      collection: buildCollection(allItems, hasGroups),
+      ...controlled && valueList ? { value: valueList } : { defaultValue: defaultValueList ?? [] },
+      disabled: getBoolean(el, "disabled"),
+      dir: getString(el, "dir", ["ltr", "rtl"]),
+      orientation: getString(el, "orientation", [
+        "horizontal",
+        "vertical"
+      ]),
+      loopFocus: getBoolean(el, "loopFocus"),
+      selectionMode: getString(el, "selectionMode", [
+        "single",
+        "multiple",
+        "extended"
+      ]),
+      selectOnHighlight: getBoolean(el, "selectOnHighlight"),
+      deselectable: getBoolean(el, "deselectable"),
+      typeahead: getBoolean(el, "typeahead"),
+      onValueChange: (details) => {
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            items: details.items,
+            id: el.id
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.hasGroups = hasGroups;
+    zag.setOptions(allItems);
+    zag.init();
+    this.listbox = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const newItems = JSON.parse(this.el.dataset.collection ?? "[]");
+    const hasGroups = newItems.some((item) => item.group !== void 0);
+    const valueList = getStringList(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    if (this.listbox) {
+      this.listbox.hasGroups = hasGroups;
+      this.listbox.setOptions(newItems);
+      this.listbox.updateProps({
+        collection: buildCollection(newItems, hasGroups),
+        id: this.el.id,
+        ...controlled && valueList ? { value: valueList } : {},
+        disabled: getBoolean(this.el, "disabled"),
+        dir: getString(this.el, "dir", ["ltr", "rtl"]),
+        orientation: getString(this.el, "orientation", [
+          "horizontal",
+          "vertical"
+        ])
+      });
+    }
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.listbox?.destroy();
+  }
+};
+export {
+  ListboxHook as Listbox
+};
diff --git a/priv/static/menu.mjs b/priv/static/menu.mjs
index 88c2d68..5747544 100644
--- a/priv/static/menu.mjs
+++ b/priv/static/menu.mjs
@@ -1,11 +1,16 @@
+import {
+  getElementPolygon,
+  isPointInPolygon
+} from "./chunk-BMVNROAE.mjs";
 import {
   getPlacement,
   getPlacementSide,
   getPlacementStyles
-} from "./chunk-GRHV6R4F.mjs";
+} from "./chunk-EENFWNGI.mjs";
 import {
   trackDismissableElement
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   Component,
   VanillaMachine,
@@ -49,62 +54,7 @@ import {
   queryAll,
   raf,
   scrollIntoView
-} from "./chunk-GFGFZBBD.mjs";
-
-// ../node_modules/.pnpm/@zag-js+rect-utils@1.33.1/node_modules/@zag-js/rect-utils/dist/index.mjs
-var createPoint = (x, y) => ({ x, y });
-function createRect(r) {
-  const { x, y, width, height } = r;
-  const midX = x + width / 2;
-  const midY = y + height / 2;
-  return {
-    x,
-    y,
-    width,
-    height,
-    minX: x,
-    minY: y,
-    maxX: x + width,
-    maxY: y + height,
-    midX,
-    midY,
-    center: createPoint(midX, midY)
-  };
-}
-function getRectCorners(v) {
-  const top = createPoint(v.minX, v.minY);
-  const right = createPoint(v.maxX, v.minY);
-  const bottom = createPoint(v.maxX, v.maxY);
-  const left = createPoint(v.minX, v.maxY);
-  return { top, right, bottom, left };
-}
-var { min, max } = Math;
-function getElementPolygon(rectValue, placement) {
-  const rect = createRect(rectValue);
-  const { top, right, left, bottom } = getRectCorners(rect);
-  const [base] = placement.split("-");
-  return {
-    top: [left, top, right, bottom],
-    right: [top, right, bottom, left],
-    bottom: [top, left, bottom, right],
-    left: [right, top, left, bottom]
-  }[base];
-}
-function isPointInPolygon(polygon, point) {
-  const { x, y } = point;
-  let c = false;
-  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-    const xi = polygon[i].x;
-    const yi = polygon[i].y;
-    const xj = polygon[j].x;
-    const yj = polygon[j].y;
-    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
-      c = !c;
-    }
-  }
-  return c;
-}
-var { sign, abs, min: min2 } = Math;
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+menu@1.33.1/node_modules/@zag-js/menu/dist/index.mjs
 var anatomy = createAnatomy("menu").parts(
@@ -1473,10 +1423,6 @@ var Menu = class extends Component {
   setParent(parent) {
     this.api.setParent(parent.machine.service);
   }
-  /**
-   * Check if an element belongs to THIS menu instance.
-   * Uses the nearest phx-hook="Menu" ancestor to determine ownership.
-   */
   isOwnElement(el) {
     const nearestHook = el.closest('[phx-hook="Menu"]');
     return nearestHook === this.el;
@@ -1727,7 +1673,7 @@ var MenuHook = {
         const targetId = payload.menu_id;
         const matches = !targetId || el.id === targetId || el.id === `menu:${targetId}`;
         if (!matches) return;
-        if (menu.api.open !== payload.open) menu.api.setOpen(payload.open);
+        menu.api.setOpen(payload.open);
       })
     );
     this.handlers.push(
diff --git a/priv/static/number-input.mjs b/priv/static/number-input.mjs
new file mode 100644
index 0000000..fc5cd7d
--- /dev/null
+++ b/priv/static/number-input.mjs
@@ -0,0 +1,1441 @@
+import {
+  Component,
+  MAX_Z_INDEX,
+  VanillaMachine,
+  addDomEvent,
+  ariaAttr,
+  callAll,
+  clampValue,
+  createAnatomy,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  decrementValue,
+  getBoolean,
+  getEventPoint,
+  getEventStep,
+  getNumber,
+  getString,
+  getWindow,
+  incrementValue,
+  isComposingEvent,
+  isLeftClick,
+  isModifierKey,
+  isSafari,
+  isValueAtMax,
+  isValueAtMin,
+  isValueWithinRange,
+  memo,
+  normalizeProps,
+  observeAttributes,
+  raf,
+  requestPointerLock,
+  roundToDpr,
+  setCaretToEnd,
+  setElementValue,
+  setup,
+  trackFormControl,
+  wrap
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@internationalized+number@3.6.5/node_modules/@internationalized/number/dist/NumberFormatter.mjs
+var $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
+var $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
+try {
+  $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+var $488c6ddbf4ef74c2$var$supportsUnit = false;
+try {
+  $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+var $488c6ddbf4ef74c2$var$UNITS = {
+  degree: {
+    narrow: {
+      default: "\xB0",
+      "ja-JP": " \u5EA6",
+      "zh-TW": "\u5EA6",
+      "sl-SI": " \xB0"
+    }
+  }
+};
+var $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = class {
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(value) {
+    let res = "";
+    if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) res = $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
+    else res = this.numberFormatter.format(value);
+    if (this.options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+      var _UNITS_unit;
+      let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
+      if (!unit) return res;
+      let values = (_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay];
+      res += values[locale] || values.default;
+    }
+    return res;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(value) {
+    return this.numberFormatter.formatToParts(value);
+  }
+  /** Formats a number range as a string. */
+  formatRange(start, end) {
+    if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    return `${this.format(start)} \u2013 ${this.format(end)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(start, end) {
+    if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    let startParts = this.numberFormatter.formatToParts(start);
+    let endParts = this.numberFormatter.formatToParts(end);
+    return [
+      ...startParts.map((p) => ({
+        ...p,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " \u2013 ",
+        source: "shared"
+      },
+      ...endParts.map((p) => ({
+        ...p,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let options = this.numberFormatter.resolvedOptions();
+    if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) options = {
+      ...options,
+      signDisplay: this.options.signDisplay
+    };
+    if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit") options = {
+      ...options,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    };
+    return options;
+  }
+  constructor(locale, options = {}) {
+    this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options);
+    this.options = options;
+  }
+};
+function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = {}) {
+  let { numberingSystem } = options;
+  if (numberingSystem && locale.includes("-nu-")) {
+    if (!locale.includes("-u-")) locale += "-u-";
+    locale += `-nu-${numberingSystem}`;
+  }
+  if (options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+    var _UNITS_unit;
+    let { unit, unitDisplay = "short" } = options;
+    if (!unit) throw new Error('unit option must be provided with style: "unit"');
+    if (!((_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+    options = {
+      ...options,
+      style: "decimal"
+    };
+  }
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey)) return $488c6ddbf4ef74c2$var$formatterCache.get(cacheKey);
+  let numberFormatter = new Intl.NumberFormat(locale, options);
+  $488c6ddbf4ef74c2$var$formatterCache.set(cacheKey, numberFormatter);
+  return numberFormatter;
+}
+function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
+  if (signDisplay === "auto") return numberFormat.format(num);
+  else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
+  else {
+    let needsPositiveSign = false;
+    if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
+    else if (signDisplay === "exceptZero") {
+      if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
+      else needsPositiveSign = num > 0;
+    }
+    if (needsPositiveSign) {
+      let negative = numberFormat.format(-num);
+      let noSign = numberFormat.format(num);
+      let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
+      if ([
+        ...minus
+      ].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
+      let positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
+      return positive;
+    } else return numberFormat.format(num);
+  }
+}
+
+// ../node_modules/.pnpm/@internationalized+number@3.6.5/node_modules/@internationalized/number/dist/NumberParser.mjs
+var $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
+var $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
+  "latn",
+  "arab",
+  "hanidec",
+  "deva",
+  "beng",
+  "fullwide"
+];
+var $6c7bd7858deea686$export$cd11ab140839f11d = class {
+  /**
+  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+  */
+  parse(value) {
+    return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
+  }
+  /**
+  * Returns whether the given string could potentially be a valid number. This should be used to
+  * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
+  * of the minus/plus sign characters can be checked.
+  */
+  isValidPartialNumber(value, minValue, maxValue) {
+    return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
+  }
+  /**
+  * Returns a numbering system for which the given string is valid in the current locale.
+  * If no numbering system could be detected, the default numbering system for the current
+  * locale is returned.
+  */
+  getNumberingSystem(value) {
+    return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
+  }
+  constructor(locale, options = {}) {
+    this.locale = locale;
+    this.options = options;
+  }
+};
+var $6c7bd7858deea686$var$numberParserCache = /* @__PURE__ */ new Map();
+function $6c7bd7858deea686$var$getNumberParserImpl(locale, options, value) {
+  let defaultParser = $6c7bd7858deea686$var$getCachedNumberParser(locale, options);
+  if (!locale.includes("-nu-") && !defaultParser.isValidPartialNumber(value)) {
+    for (let numberingSystem of $6c7bd7858deea686$var$NUMBERING_SYSTEMS) if (numberingSystem !== defaultParser.options.numberingSystem) {
+      let parser = $6c7bd7858deea686$var$getCachedNumberParser(locale + (locale.includes("-u-") ? "-nu-" : "-u-nu-") + numberingSystem, options);
+      if (parser.isValidPartialNumber(value)) return parser;
+    }
+  }
+  return defaultParser;
+}
+function $6c7bd7858deea686$var$getCachedNumberParser(locale, options) {
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  let parser = $6c7bd7858deea686$var$numberParserCache.get(cacheKey);
+  if (!parser) {
+    parser = new $6c7bd7858deea686$var$NumberParserImpl(locale, options);
+    $6c7bd7858deea686$var$numberParserCache.set(cacheKey, parser);
+  }
+  return parser;
+}
+var $6c7bd7858deea686$var$NumberParserImpl = class {
+  parse(value) {
+    let fullySanitizedValue = this.sanitize(value);
+    if (this.symbols.group)
+      fullySanitizedValue = $6c7bd7858deea686$var$replaceAll(fullySanitizedValue, this.symbols.group, "");
+    if (this.symbols.decimal) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.decimal, ".");
+    if (this.symbols.minusSign) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.minusSign, "-");
+    fullySanitizedValue = fullySanitizedValue.replace(this.symbols.numeral, this.symbols.index);
+    if (this.options.style === "percent") {
+      let isNegative = fullySanitizedValue.indexOf("-");
+      fullySanitizedValue = fullySanitizedValue.replace("-", "");
+      fullySanitizedValue = fullySanitizedValue.replace("+", "");
+      let index = fullySanitizedValue.indexOf(".");
+      if (index === -1) index = fullySanitizedValue.length;
+      fullySanitizedValue = fullySanitizedValue.replace(".", "");
+      if (index - 2 === 0) fullySanitizedValue = `0.${fullySanitizedValue}`;
+      else if (index - 2 === -1) fullySanitizedValue = `0.0${fullySanitizedValue}`;
+      else if (index - 2 === -2) fullySanitizedValue = "0.00";
+      else fullySanitizedValue = `${fullySanitizedValue.slice(0, index - 2)}.${fullySanitizedValue.slice(index - 2)}`;
+      if (isNegative > -1) fullySanitizedValue = `-${fullySanitizedValue}`;
+    }
+    let newValue = fullySanitizedValue ? +fullySanitizedValue : NaN;
+    if (isNaN(newValue)) return NaN;
+    if (this.options.style === "percent") {
+      var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
+      let options = {
+        ...this.options,
+        style: "decimal",
+        minimumFractionDigits: Math.min(((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) + 2, 20),
+        maximumFractionDigits: Math.min(((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) + 2, 20)
+      };
+      return new $6c7bd7858deea686$export$cd11ab140839f11d(this.locale, options).parse(new (0, $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(this.locale, options).format(newValue));
+    }
+    if (this.options.currencySign === "accounting" && $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
+    return newValue;
+  }
+  sanitize(value) {
+    value = value.replace(this.symbols.literals, "");
+    if (this.symbols.minusSign) value = value.replace("-", this.symbols.minusSign);
+    if (this.options.numberingSystem === "arab") {
+      if (this.symbols.decimal) {
+        value = value.replace(",", this.symbols.decimal);
+        value = value.replace(String.fromCharCode(1548), this.symbols.decimal);
+      }
+      if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, ".", this.symbols.group);
+    }
+    if (this.symbols.group === "\u2019" && value.includes("'")) value = $6c7bd7858deea686$var$replaceAll(value, "'", this.symbols.group);
+    if (this.options.locale === "fr-FR" && this.symbols.group) {
+      value = $6c7bd7858deea686$var$replaceAll(value, " ", this.symbols.group);
+      value = $6c7bd7858deea686$var$replaceAll(value, /\u00A0/g, this.symbols.group);
+    }
+    return value;
+  }
+  isValidPartialNumber(value, minValue = -Infinity, maxValue = Infinity) {
+    value = this.sanitize(value);
+    if (this.symbols.minusSign && value.startsWith(this.symbols.minusSign) && minValue < 0) value = value.slice(this.symbols.minusSign.length);
+    else if (this.symbols.plusSign && value.startsWith(this.symbols.plusSign) && maxValue > 0) value = value.slice(this.symbols.plusSign.length);
+    if (this.symbols.group && value.startsWith(this.symbols.group)) return false;
+    if (this.symbols.decimal && value.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0) return false;
+    if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, this.symbols.group, "");
+    value = value.replace(this.symbols.numeral, "");
+    if (this.symbols.decimal) value = value.replace(this.symbols.decimal, "");
+    return value.length === 0;
+  }
+  constructor(locale, options = {}) {
+    this.locale = locale;
+    if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
+      if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
+        options.maximumFractionDigits = 0;
+        options.minimumFractionDigits = 0;
+      } else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
+      else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
+    }
+    this.formatter = new Intl.NumberFormat(locale, options);
+    this.options = this.formatter.resolvedOptions();
+    this.symbols = $6c7bd7858deea686$var$getSymbols(locale, this.formatter, this.options, options);
+    var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
+    if (this.options.style === "percent" && (((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) > 18 || ((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) > 18)) console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+  }
+};
+var $6c7bd7858deea686$var$nonLiteralParts = /* @__PURE__ */ new Set([
+  "decimal",
+  "fraction",
+  "integer",
+  "minusSign",
+  "plusSign",
+  "group"
+]);
+var $6c7bd7858deea686$var$pluralNumbers = [
+  0,
+  4,
+  2,
+  1,
+  11,
+  20,
+  3,
+  7,
+  100,
+  21,
+  0.1,
+  1.1
+];
+function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
+  var _allParts_find, _posAllParts_find, _decimalParts_find, _allParts_find1;
+  let symbolFormatter = new Intl.NumberFormat(locale, {
+    ...intlOptions,
+    // Resets so we get the full range of symbols
+    minimumSignificantDigits: 1,
+    maximumSignificantDigits: 21,
+    roundingIncrement: 1,
+    roundingPriority: "auto",
+    roundingMode: "halfExpand"
+  });
+  let allParts = symbolFormatter.formatToParts(-10000.111);
+  let posAllParts = symbolFormatter.formatToParts(10000.111);
+  let pluralParts = $6c7bd7858deea686$var$pluralNumbers.map((n) => symbolFormatter.formatToParts(n));
+  var _allParts_find_value;
+  let minusSign = (_allParts_find_value = (_allParts_find = allParts.find((p) => p.type === "minusSign")) === null || _allParts_find === void 0 ? void 0 : _allParts_find.value) !== null && _allParts_find_value !== void 0 ? _allParts_find_value : "-";
+  let plusSign = (_posAllParts_find = posAllParts.find((p) => p.type === "plusSign")) === null || _posAllParts_find === void 0 ? void 0 : _posAllParts_find.value;
+  if (!plusSign && ((originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "exceptZero" || (originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "always")) plusSign = "+";
+  let decimalParts = new Intl.NumberFormat(locale, {
+    ...intlOptions,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).formatToParts(1e-3);
+  let decimal = (_decimalParts_find = decimalParts.find((p) => p.type === "decimal")) === null || _decimalParts_find === void 0 ? void 0 : _decimalParts_find.value;
+  let group = (_allParts_find1 = allParts.find((p) => p.type === "group")) === null || _allParts_find1 === void 0 ? void 0 : _allParts_find1.value;
+  let allPartsLiterals = allParts.filter((p) => !$6c7bd7858deea686$var$nonLiteralParts.has(p.type)).map((p) => $6c7bd7858deea686$var$escapeRegex(p.value));
+  let pluralPartsLiterals = pluralParts.flatMap((p) => p.filter((p2) => !$6c7bd7858deea686$var$nonLiteralParts.has(p2.type)).map((p2) => $6c7bd7858deea686$var$escapeRegex(p2.value)));
+  let sortedLiterals = [
+    .../* @__PURE__ */ new Set([
+      ...allPartsLiterals,
+      ...pluralPartsLiterals
+    ])
+  ].sort((a, b) => b.length - a.length);
+  let literals = sortedLiterals.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${sortedLiterals.join("|")}|[\\p{White_Space}]`, "gu");
+  let numerals = [
+    ...new Intl.NumberFormat(intlOptions.locale, {
+      useGrouping: false
+    }).format(9876543210)
+  ].reverse();
+  let indexes = new Map(numerals.map((d, i) => [
+    d,
+    i
+  ]));
+  let numeral = new RegExp(`[${numerals.join("")}]`, "g");
+  let index = (d) => String(indexes.get(d));
+  return {
+    minusSign,
+    plusSign,
+    decimal,
+    group,
+    literals,
+    numeral,
+    index
+  };
+}
+function $6c7bd7858deea686$var$replaceAll(str, find, replace) {
+  if (str.replaceAll) return str.replaceAll(find, replace);
+  return str.split(find).join(replace);
+}
+function $6c7bd7858deea686$var$escapeRegex(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+// ../node_modules/.pnpm/@zag-js+number-input@1.33.1/node_modules/@zag-js/number-input/dist/index.mjs
+var anatomy = createAnatomy("numberInput").parts(
+  "root",
+  "label",
+  "input",
+  "control",
+  "valueText",
+  "incrementTrigger",
+  "decrementTrigger",
+  "scrubber"
+);
+var parts = anatomy.build();
+function recordCursor(inputEl, scope) {
+  if (!inputEl || !scope.isActiveElement(inputEl)) return;
+  try {
+    const { selectionStart: start, selectionEnd: end, value } = inputEl;
+    if (start == null || end == null) return void 0;
+    return { start, end, value };
+  } catch {
+    return void 0;
+  }
+}
+function restoreCursor(inputEl, selection, scope) {
+  if (!inputEl || !scope.isActiveElement(inputEl)) return;
+  if (!selection) {
+    const len = inputEl.value.length;
+    inputEl.setSelectionRange(len, len);
+    return;
+  }
+  try {
+    const newValue = inputEl.value;
+    const { start, end, value: oldValue } = selection;
+    if (newValue === oldValue) {
+      inputEl.setSelectionRange(start, end);
+      return;
+    }
+    const newStart = getNextCursorPosition(oldValue, newValue, start);
+    const newEnd = start === end ? newStart : getNextCursorPosition(oldValue, newValue, end);
+    const clampedStart = Math.max(0, Math.min(newStart, newValue.length));
+    const clampedEnd = Math.max(clampedStart, Math.min(newEnd, newValue.length));
+    inputEl.setSelectionRange(clampedStart, clampedEnd);
+  } catch {
+    const len = inputEl.value.length;
+    inputEl.setSelectionRange(len, len);
+  }
+}
+function getNextCursorPosition(oldValue, newValue, oldPosition) {
+  const beforeCursor = oldValue.slice(0, oldPosition);
+  const afterCursor = oldValue.slice(oldPosition);
+  let prefixLength = 0;
+  const maxPrefixLength = Math.min(beforeCursor.length, newValue.length);
+  for (let i = 0; i < maxPrefixLength; i++) {
+    if (beforeCursor[i] === newValue[i]) {
+      prefixLength = i + 1;
+    } else {
+      break;
+    }
+  }
+  let suffixLength = 0;
+  const maxSuffixLength = Math.min(afterCursor.length, newValue.length - prefixLength);
+  for (let i = 0; i < maxSuffixLength; i++) {
+    const oldIndex = afterCursor.length - 1 - i;
+    const newIndex = newValue.length - 1 - i;
+    if (afterCursor[oldIndex] === newValue[newIndex]) {
+      suffixLength = i + 1;
+    } else {
+      break;
+    }
+  }
+  if (beforeCursor.length > 0 && prefixLength >= beforeCursor.length) {
+    return prefixLength;
+  }
+  if (suffixLength >= afterCursor.length) {
+    return newValue.length - suffixLength;
+  }
+  if (prefixLength > 0) {
+    return prefixLength;
+  }
+  if (suffixLength > 0) {
+    return newValue.length - suffixLength;
+  }
+  if (oldPosition === 0 && prefixLength === 0 && suffixLength === 0) {
+    return newValue.length;
+  }
+  if (oldValue.length > 0) {
+    const ratio = oldPosition / oldValue.length;
+    return Math.round(ratio * newValue.length);
+  }
+  return newValue.length;
+}
+var getRootId = (ctx) => ctx.ids?.root ?? `number-input:${ctx.id}`;
+var getInputId = (ctx) => ctx.ids?.input ?? `number-input:${ctx.id}:input`;
+var getIncrementTriggerId = (ctx) => ctx.ids?.incrementTrigger ?? `number-input:${ctx.id}:inc`;
+var getDecrementTriggerId = (ctx) => ctx.ids?.decrementTrigger ?? `number-input:${ctx.id}:dec`;
+var getScrubberId = (ctx) => ctx.ids?.scrubber ?? `number-input:${ctx.id}:scrubber`;
+var getCursorId = (ctx) => `number-input:${ctx.id}:cursor`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `number-input:${ctx.id}:label`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+var getIncrementTriggerEl = (ctx) => ctx.getById(getIncrementTriggerId(ctx));
+var getDecrementTriggerEl = (ctx) => ctx.getById(getDecrementTriggerId(ctx));
+var getCursorEl = (ctx) => ctx.getDoc().getElementById(getCursorId(ctx));
+var getPressedTriggerEl = (ctx, hint) => {
+  let btnEl = null;
+  if (hint === "increment") {
+    btnEl = getIncrementTriggerEl(ctx);
+  }
+  if (hint === "decrement") {
+    btnEl = getDecrementTriggerEl(ctx);
+  }
+  return btnEl;
+};
+var setupVirtualCursor = (ctx, point) => {
+  if (isSafari()) return;
+  createVirtualCursor(ctx, point);
+  return () => {
+    getCursorEl(ctx)?.remove();
+  };
+};
+var preventTextSelection = (ctx) => {
+  const doc = ctx.getDoc();
+  const html = doc.documentElement;
+  const body = doc.body;
+  body.style.pointerEvents = "none";
+  html.style.userSelect = "none";
+  html.style.cursor = "ew-resize";
+  return () => {
+    body.style.pointerEvents = "";
+    html.style.userSelect = "";
+    html.style.cursor = "";
+    if (!html.style.length) {
+      html.removeAttribute("style");
+    }
+    if (!body.style.length) {
+      body.removeAttribute("style");
+    }
+  };
+};
+var getMousemoveValue = (ctx, opts) => {
+  const { point, isRtl, event } = opts;
+  const win = ctx.getWin();
+  const x = roundToDpr(event.movementX, win.devicePixelRatio);
+  const y = roundToDpr(event.movementY, win.devicePixelRatio);
+  let hint = x > 0 ? "increment" : x < 0 ? "decrement" : null;
+  if (isRtl && hint === "increment") hint = "decrement";
+  if (isRtl && hint === "decrement") hint = "increment";
+  const newPoint = { x: point.x + x, y: point.y + y };
+  const width = win.innerWidth;
+  const half = roundToDpr(7.5, win.devicePixelRatio);
+  newPoint.x = wrap(newPoint.x + half, width) - half;
+  return { hint, point: newPoint };
+};
+var createVirtualCursor = (ctx, point) => {
+  const doc = ctx.getDoc();
+  const el = doc.createElement("div");
+  el.className = "scrubber--cursor";
+  el.id = getCursorId(ctx);
+  Object.assign(el.style, {
+    width: "15px",
+    height: "15px",
+    position: "fixed",
+    pointerEvents: "none",
+    left: "0px",
+    top: "0px",
+    zIndex: MAX_Z_INDEX,
+    transform: point ? `translate3d(${point.x}px, ${point.y}px, 0px)` : void 0,
+    willChange: "transform"
+  });
+  el.innerHTML = `
+      <svg width="46" height="15" style="left: -15.5px; position: absolute; top: 0; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 1.1px);">
+        <g transform="translate(2 3)">
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z" style="stroke-width: 2px; stroke: white;"></path>
+          <path fill-rule="evenodd" d="M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z"></path>
+        </g>
+      </svg>`;
+  doc.body.appendChild(el);
+};
+function connect(service, normalize) {
+  const { state, send, prop, scope, computed } = service;
+  const focused = state.hasTag("focus");
+  const disabled = computed("isDisabled");
+  const readOnly = !!prop("readOnly");
+  const required = !!prop("required");
+  const scrubbing = state.matches("scrubbing");
+  const empty = computed("isValueEmpty");
+  const invalid = computed("isOutOfRange") || !!prop("invalid");
+  const isIncrementDisabled = disabled || !computed("canIncrement") || readOnly;
+  const isDecrementDisabled = disabled || !computed("canDecrement") || readOnly;
+  const translations = prop("translations");
+  return {
+    focused,
+    invalid,
+    empty,
+    value: computed("formattedValue"),
+    valueAsNumber: computed("valueAsNumber"),
+    setValue(value) {
+      send({ type: "VALUE.SET", value });
+    },
+    clearValue() {
+      send({ type: "VALUE.CLEAR" });
+    },
+    increment() {
+      send({ type: "VALUE.INCREMENT" });
+    },
+    decrement() {
+      send({ type: "VALUE.DECREMENT" });
+    },
+    setToMax() {
+      send({ type: "VALUE.SET", value: prop("max") });
+    },
+    setToMin() {
+      send({ type: "VALUE.SET", value: prop("min") });
+    },
+    focus() {
+      getInputEl(scope)?.focus();
+    },
+    getRootProps() {
+      return normalize.element({
+        id: getRootId(scope),
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-focus": dataAttr(focused),
+        "data-invalid": dataAttr(invalid),
+        "data-scrubbing": dataAttr(scrubbing)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-focus": dataAttr(focused),
+        "data-invalid": dataAttr(invalid),
+        "data-required": dataAttr(required),
+        "data-scrubbing": dataAttr(scrubbing),
+        id: getLabelId(scope),
+        htmlFor: getInputId(scope),
+        onClick() {
+          raf(() => {
+            setCaretToEnd(getInputEl(scope));
+          });
+        }
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        dir: prop("dir"),
+        role: "group",
+        "aria-disabled": disabled,
+        "data-focus": dataAttr(focused),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-scrubbing": dataAttr(scrubbing),
+        "aria-invalid": ariaAttr(invalid)
+      });
+    },
+    getValueTextProps() {
+      return normalize.element({
+        ...parts.valueText.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-focus": dataAttr(focused),
+        "data-scrubbing": dataAttr(scrubbing)
+      });
+    },
+    getInputProps() {
+      return normalize.input({
+        ...parts.input.attrs,
+        dir: prop("dir"),
+        name: prop("name"),
+        form: prop("form"),
+        id: getInputId(scope),
+        role: "spinbutton",
+        defaultValue: computed("formattedValue"),
+        pattern: prop("formatOptions") ? void 0 : prop("pattern"),
+        inputMode: prop("inputMode"),
+        "aria-invalid": ariaAttr(invalid),
+        "data-invalid": dataAttr(invalid),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        readOnly,
+        required: prop("required"),
+        autoComplete: "off",
+        autoCorrect: "off",
+        spellCheck: "false",
+        type: "text",
+        "aria-roledescription": "numberfield",
+        "aria-valuemin": prop("min"),
+        "aria-valuemax": prop("max"),
+        "aria-valuenow": Number.isNaN(computed("valueAsNumber")) ? void 0 : computed("valueAsNumber"),
+        "aria-valuetext": computed("valueText"),
+        "data-scrubbing": dataAttr(scrubbing),
+        onFocus() {
+          send({ type: "INPUT.FOCUS" });
+        },
+        onBlur() {
+          send({ type: "INPUT.BLUR" });
+        },
+        onInput(event) {
+          const selection = recordCursor(event.currentTarget, scope);
+          send({ type: "INPUT.CHANGE", target: event.currentTarget, hint: "set", selection });
+        },
+        onBeforeInput(event) {
+          try {
+            const { selectionStart, selectionEnd, value } = event.currentTarget;
+            const nextValue = value.slice(0, selectionStart) + (event.data ?? "") + value.slice(selectionEnd);
+            const isValid = computed("parser").isValidPartialNumber(nextValue);
+            if (!isValid) {
+              event.preventDefault();
+            }
+          } catch {
+          }
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (readOnly) return;
+          if (isComposingEvent(event)) return;
+          const step = getEventStep(event) * prop("step");
+          const keyMap = {
+            ArrowUp() {
+              send({ type: "INPUT.ARROW_UP", step });
+              event.preventDefault();
+            },
+            ArrowDown() {
+              send({ type: "INPUT.ARROW_DOWN", step });
+              event.preventDefault();
+            },
+            Home() {
+              if (isModifierKey(event)) return;
+              send({ type: "INPUT.HOME" });
+              event.preventDefault();
+            },
+            End() {
+              if (isModifierKey(event)) return;
+              send({ type: "INPUT.END" });
+              event.preventDefault();
+            },
+            Enter(event2) {
+              const selection = recordCursor(event2.currentTarget, scope);
+              send({ type: "INPUT.ENTER", selection });
+            }
+          };
+          const exec = keyMap[event.key];
+          exec?.(event);
+        }
+      });
+    },
+    getDecrementTriggerProps() {
+      return normalize.button({
+        ...parts.decrementTrigger.attrs,
+        dir: prop("dir"),
+        id: getDecrementTriggerId(scope),
+        disabled: isDecrementDisabled,
+        "data-disabled": dataAttr(isDecrementDisabled),
+        "aria-label": translations.decrementLabel,
+        type: "button",
+        tabIndex: -1,
+        "aria-controls": getInputId(scope),
+        "data-scrubbing": dataAttr(scrubbing),
+        onPointerDown(event) {
+          if (isDecrementDisabled) return;
+          if (!isLeftClick(event)) return;
+          send({ type: "TRIGGER.PRESS_DOWN", hint: "decrement", pointerType: event.pointerType });
+          if (event.pointerType === "mouse") {
+            event.preventDefault();
+          }
+          if (event.pointerType === "touch") {
+            event.currentTarget?.focus({ preventScroll: true });
+          }
+        },
+        onPointerUp(event) {
+          send({ type: "TRIGGER.PRESS_UP", hint: "decrement", pointerType: event.pointerType });
+        },
+        onPointerLeave() {
+          if (isDecrementDisabled) return;
+          send({ type: "TRIGGER.PRESS_UP", hint: "decrement" });
+        }
+      });
+    },
+    getIncrementTriggerProps() {
+      return normalize.button({
+        ...parts.incrementTrigger.attrs,
+        dir: prop("dir"),
+        id: getIncrementTriggerId(scope),
+        disabled: isIncrementDisabled,
+        "data-disabled": dataAttr(isIncrementDisabled),
+        "aria-label": translations.incrementLabel,
+        type: "button",
+        tabIndex: -1,
+        "aria-controls": getInputId(scope),
+        "data-scrubbing": dataAttr(scrubbing),
+        onPointerDown(event) {
+          if (isIncrementDisabled || !isLeftClick(event)) return;
+          send({ type: "TRIGGER.PRESS_DOWN", hint: "increment", pointerType: event.pointerType });
+          if (event.pointerType === "mouse") {
+            event.preventDefault();
+          }
+          if (event.pointerType === "touch") {
+            event.currentTarget?.focus({ preventScroll: true });
+          }
+        },
+        onPointerUp(event) {
+          send({ type: "TRIGGER.PRESS_UP", hint: "increment", pointerType: event.pointerType });
+        },
+        onPointerLeave(event) {
+          send({ type: "TRIGGER.PRESS_UP", hint: "increment", pointerType: event.pointerType });
+        }
+      });
+    },
+    getScrubberProps() {
+      return normalize.element({
+        ...parts.scrubber.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        id: getScrubberId(scope),
+        role: "presentation",
+        "data-scrubbing": dataAttr(scrubbing),
+        onMouseDown(event) {
+          if (disabled) return;
+          if (!isLeftClick(event)) return;
+          const point = getEventPoint(event);
+          const win = getWindow(event.currentTarget);
+          const dpr = win.devicePixelRatio;
+          point.x = point.x - roundToDpr(7.5, dpr);
+          point.y = point.y - roundToDpr(7.5, dpr);
+          send({ type: "SCRUBBER.PRESS_DOWN", point });
+          event.preventDefault();
+          raf(() => {
+            setCaretToEnd(getInputEl(scope));
+          });
+        },
+        style: {
+          cursor: disabled ? void 0 : "ew-resize"
+        }
+      });
+    }
+  };
+}
+var createFormatter = (locale, options = {}) => {
+  return new Intl.NumberFormat(locale, options);
+};
+var createParser = (locale, options = {}) => {
+  return new $6c7bd7858deea686$export$cd11ab140839f11d(locale, options);
+};
+var parseValue = (value, params) => {
+  const { prop, computed } = params;
+  if (!prop("formatOptions")) return parseFloat(value);
+  if (value === "") return Number.NaN;
+  return computed("parser").parse(value);
+};
+var formatValue = (value, params) => {
+  const { prop, computed } = params;
+  if (Number.isNaN(value)) return "";
+  if (!prop("formatOptions")) return value.toString();
+  return computed("formatter").format(value);
+};
+var getDefaultStep = (step, formatOptions) => {
+  let defaultStep = step !== void 0 && !Number.isNaN(step) ? step : 1;
+  if (formatOptions?.style === "percent" && (step === void 0 || Number.isNaN(step))) {
+    defaultStep = 0.01;
+  }
+  return defaultStep;
+};
+var { choose, guards, createMachine } = setup();
+var { not, and } = guards;
+var machine = createMachine({
+  props({ props: props2 }) {
+    const step = getDefaultStep(props2.step, props2.formatOptions);
+    return {
+      dir: "ltr",
+      locale: "en-US",
+      focusInputOnChange: true,
+      clampValueOnBlur: !props2.allowOverflow,
+      allowOverflow: false,
+      inputMode: "decimal",
+      pattern: "-?[0-9]*(.[0-9]+)?",
+      defaultValue: "",
+      step,
+      min: Number.MIN_SAFE_INTEGER,
+      max: Number.MAX_SAFE_INTEGER,
+      spinOnPress: true,
+      ...props2,
+      translations: {
+        incrementLabel: "increment value",
+        decrementLabel: "decrease value",
+        ...props2.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable, getComputed }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          const computed = getComputed();
+          const valueAsNumber = parseValue(value, { computed, prop });
+          prop("onValueChange")?.({ value, valueAsNumber });
+        }
+      })),
+      hint: bindable(() => ({ defaultValue: null })),
+      scrubberCursorPoint: bindable(() => ({
+        defaultValue: null,
+        hash(value) {
+          return value ? `x:${value.x}, y:${value.y}` : "";
+        }
+      })),
+      fieldsetDisabled: bindable(() => ({ defaultValue: false }))
+    };
+  },
+  computed: {
+    isRtl: ({ prop }) => prop("dir") === "rtl",
+    valueAsNumber: ({ context, computed, prop }) => parseValue(context.get("value"), { computed, prop }),
+    formattedValue: ({ computed, prop }) => formatValue(computed("valueAsNumber"), { computed, prop }),
+    isAtMin: ({ computed, prop }) => isValueAtMin(computed("valueAsNumber"), prop("min")),
+    isAtMax: ({ computed, prop }) => isValueAtMax(computed("valueAsNumber"), prop("max")),
+    isOutOfRange: ({ computed, prop }) => !isValueWithinRange(computed("valueAsNumber"), prop("min"), prop("max")),
+    isValueEmpty: ({ context }) => context.get("value") === "",
+    isDisabled: ({ prop, context }) => !!prop("disabled") || context.get("fieldsetDisabled"),
+    canIncrement: ({ prop, computed }) => prop("allowOverflow") || !computed("isAtMax"),
+    canDecrement: ({ prop, computed }) => prop("allowOverflow") || !computed("isAtMin"),
+    valueText: ({ prop, context }) => prop("translations").valueText?.(context.get("value")),
+    formatter: memo(
+      ({ prop }) => [prop("locale"), prop("formatOptions")],
+      ([locale, formatOptions]) => createFormatter(locale, formatOptions)
+    ),
+    parser: memo(
+      ({ prop }) => [prop("locale"), prop("formatOptions")],
+      ([locale, formatOptions]) => createParser(locale, formatOptions)
+    )
+  },
+  watch({ track, action, context, computed, prop }) {
+    track([() => context.get("value"), () => prop("locale"), () => JSON.stringify(prop("formatOptions"))], () => {
+      action(["syncInputElement"]);
+    });
+    track([() => computed("isOutOfRange")], () => {
+      action(["invokeOnInvalid"]);
+    });
+    track([() => context.hash("scrubberCursorPoint")], () => {
+      action(["setVirtualCursorPosition"]);
+    });
+  },
+  effects: ["trackFormControl"],
+  on: {
+    "VALUE.SET": {
+      actions: ["setRawValue"]
+    },
+    "VALUE.CLEAR": {
+      actions: ["clearValue"]
+    },
+    "VALUE.INCREMENT": {
+      actions: ["increment"]
+    },
+    "VALUE.DECREMENT": {
+      actions: ["decrement"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "TRIGGER.PRESS_DOWN": [
+          { guard: "isTouchPointer", target: "before:spin", actions: ["setHint"] },
+          {
+            target: "before:spin",
+            actions: ["focusInput", "invokeOnFocus", "setHint"]
+          }
+        ],
+        "SCRUBBER.PRESS_DOWN": {
+          target: "scrubbing",
+          actions: ["focusInput", "invokeOnFocus", "setHint", "setCursorPoint"]
+        },
+        "INPUT.FOCUS": {
+          target: "focused",
+          actions: ["focusInput", "invokeOnFocus"]
+        }
+      }
+    },
+    focused: {
+      tags: ["focus"],
+      effects: ["attachWheelListener"],
+      on: {
+        "TRIGGER.PRESS_DOWN": [
+          { guard: "isTouchPointer", target: "before:spin", actions: ["setHint"] },
+          { target: "before:spin", actions: ["focusInput", "setHint"] }
+        ],
+        "SCRUBBER.PRESS_DOWN": {
+          target: "scrubbing",
+          actions: ["focusInput", "setHint", "setCursorPoint"]
+        },
+        "INPUT.ARROW_UP": {
+          actions: ["increment"]
+        },
+        "INPUT.ARROW_DOWN": {
+          actions: ["decrement"]
+        },
+        "INPUT.HOME": {
+          actions: ["decrementToMin"]
+        },
+        "INPUT.END": {
+          actions: ["incrementToMax"]
+        },
+        "INPUT.CHANGE": {
+          actions: ["setValue", "setHint"]
+        },
+        "INPUT.BLUR": [
+          {
+            guard: and("clampValueOnBlur", not("isInRange")),
+            target: "idle",
+            actions: ["setClampedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
+          },
+          {
+            guard: not("isInRange"),
+            target: "idle",
+            actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnInvalid", "invokeOnValueCommit"]
+          },
+          {
+            target: "idle",
+            actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
+          }
+        ],
+        "INPUT.ENTER": {
+          actions: ["setFormattedValue", "clearHint", "invokeOnBlur", "invokeOnValueCommit"]
+        }
+      }
+    },
+    "before:spin": {
+      tags: ["focus"],
+      effects: ["trackButtonDisabled", "waitForChangeDelay"],
+      entry: choose([
+        { guard: "isIncrementHint", actions: ["increment"] },
+        { guard: "isDecrementHint", actions: ["decrement"] }
+      ]),
+      on: {
+        CHANGE_DELAY: {
+          target: "spinning",
+          guard: and("isInRange", "spinOnPress")
+        },
+        "TRIGGER.PRESS_UP": [
+          { guard: "isTouchPointer", target: "focused", actions: ["clearHint"] },
+          { target: "focused", actions: ["focusInput", "clearHint"] }
+        ]
+      }
+    },
+    spinning: {
+      tags: ["focus"],
+      effects: ["trackButtonDisabled", "spinValue"],
+      on: {
+        SPIN: [
+          {
+            guard: "isIncrementHint",
+            actions: ["increment"]
+          },
+          {
+            guard: "isDecrementHint",
+            actions: ["decrement"]
+          }
+        ],
+        "TRIGGER.PRESS_UP": {
+          target: "focused",
+          actions: ["focusInput", "clearHint"]
+        }
+      }
+    },
+    scrubbing: {
+      tags: ["focus"],
+      effects: ["activatePointerLock", "trackMousemove", "setupVirtualCursor", "preventTextSelection"],
+      on: {
+        "SCRUBBER.POINTER_UP": {
+          target: "focused",
+          actions: ["focusInput", "clearCursorPoint"]
+        },
+        "SCRUBBER.POINTER_MOVE": [
+          {
+            guard: "isIncrementHint",
+            actions: ["increment", "setCursorPoint"]
+          },
+          {
+            guard: "isDecrementHint",
+            actions: ["decrement", "setCursorPoint"]
+          }
+        ]
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      clampValueOnBlur: ({ prop }) => prop("clampValueOnBlur"),
+      spinOnPress: ({ prop }) => !!prop("spinOnPress"),
+      isInRange: ({ computed }) => !computed("isOutOfRange"),
+      isDecrementHint: ({ context, event }) => (event.hint ?? context.get("hint")) === "decrement",
+      isIncrementHint: ({ context, event }) => (event.hint ?? context.get("hint")) === "increment",
+      isTouchPointer: ({ event }) => event.pointerType === "touch"
+    },
+    effects: {
+      waitForChangeDelay({ send }) {
+        const id = setTimeout(() => {
+          send({ type: "CHANGE_DELAY" });
+        }, 300);
+        return () => clearTimeout(id);
+      },
+      spinValue({ send }) {
+        const id = setInterval(() => {
+          send({ type: "SPIN" });
+        }, 50);
+        return () => clearInterval(id);
+      },
+      trackFormControl({ context, scope }) {
+        const inputEl = getInputEl(scope);
+        return trackFormControl(inputEl, {
+          onFieldsetDisabledChange(disabled) {
+            context.set("fieldsetDisabled", disabled);
+          },
+          onFormReset() {
+            context.set("value", context.initial("value"));
+          }
+        });
+      },
+      setupVirtualCursor({ context, scope }) {
+        const point = context.get("scrubberCursorPoint");
+        return setupVirtualCursor(scope, point);
+      },
+      preventTextSelection({ scope }) {
+        return preventTextSelection(scope);
+      },
+      trackButtonDisabled({ context, scope, send }) {
+        const hint = context.get("hint");
+        const btn = getPressedTriggerEl(scope, hint);
+        return observeAttributes(btn, {
+          attributes: ["disabled"],
+          callback() {
+            send({ type: "TRIGGER.PRESS_UP", src: "attr" });
+          }
+        });
+      },
+      attachWheelListener({ scope, send, prop }) {
+        const inputEl = getInputEl(scope);
+        if (!inputEl || !scope.isActiveElement(inputEl) || !prop("allowMouseWheel")) return;
+        function onWheel(event) {
+          event.preventDefault();
+          const dir = Math.sign(event.deltaY) * -1;
+          if (dir === 1) {
+            send({ type: "VALUE.INCREMENT" });
+          } else if (dir === -1) {
+            send({ type: "VALUE.DECREMENT" });
+          }
+        }
+        return addDomEvent(inputEl, "wheel", onWheel, { passive: false });
+      },
+      activatePointerLock({ scope }) {
+        if (isSafari()) return;
+        return requestPointerLock(scope.getDoc());
+      },
+      trackMousemove({ scope, send, context, computed }) {
+        const doc = scope.getDoc();
+        function onMousemove(event) {
+          const point = context.get("scrubberCursorPoint");
+          const isRtl = computed("isRtl");
+          const value = getMousemoveValue(scope, { point, isRtl, event });
+          if (!value.hint) return;
+          send({
+            type: "SCRUBBER.POINTER_MOVE",
+            hint: value.hint,
+            point: value.point
+          });
+        }
+        function onMouseup() {
+          send({ type: "SCRUBBER.POINTER_UP" });
+        }
+        return callAll(addDomEvent(doc, "mousemove", onMousemove, false), addDomEvent(doc, "mouseup", onMouseup, false));
+      }
+    },
+    actions: {
+      focusInput({ scope, prop }) {
+        if (!prop("focusInputOnChange")) return;
+        const inputEl = getInputEl(scope);
+        if (scope.isActiveElement(inputEl)) return;
+        raf(() => inputEl?.focus({ preventScroll: true }));
+      },
+      increment({ context, event, prop, computed }) {
+        let nextValue = incrementValue(computed("valueAsNumber"), event.step ?? prop("step"));
+        if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+        context.set("value", formatValue(nextValue, { computed, prop }));
+      },
+      decrement({ context, event, prop, computed }) {
+        let nextValue = decrementValue(computed("valueAsNumber"), event.step ?? prop("step"));
+        if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+        context.set("value", formatValue(nextValue, { computed, prop }));
+      },
+      setClampedValue({ context, prop, computed }) {
+        const nextValue = clampValue(computed("valueAsNumber"), prop("min"), prop("max"));
+        context.set("value", formatValue(nextValue, { computed, prop }));
+      },
+      setRawValue({ context, event, prop, computed }) {
+        let nextValue = parseValue(event.value, { computed, prop });
+        if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
+        context.set("value", formatValue(nextValue, { computed, prop }));
+      },
+      setValue({ context, event }) {
+        const value = event.target?.value ?? event.value;
+        context.set("value", value);
+      },
+      clearValue({ context }) {
+        context.set("value", "");
+      },
+      incrementToMax({ context, prop, computed }) {
+        const value = formatValue(prop("max"), { computed, prop });
+        context.set("value", value);
+      },
+      decrementToMin({ context, prop, computed }) {
+        const value = formatValue(prop("min"), { computed, prop });
+        context.set("value", value);
+      },
+      setHint({ context, event }) {
+        context.set("hint", event.hint);
+      },
+      clearHint({ context }) {
+        context.set("hint", null);
+      },
+      invokeOnFocus({ computed, prop }) {
+        prop("onFocusChange")?.({
+          focused: true,
+          value: computed("formattedValue"),
+          valueAsNumber: computed("valueAsNumber")
+        });
+      },
+      invokeOnBlur({ computed, prop }) {
+        prop("onFocusChange")?.({
+          focused: false,
+          value: computed("formattedValue"),
+          valueAsNumber: computed("valueAsNumber")
+        });
+      },
+      invokeOnInvalid({ computed, prop, event }) {
+        if (event.type === "INPUT.CHANGE") return;
+        const reason = computed("valueAsNumber") > prop("max") ? "rangeOverflow" : "rangeUnderflow";
+        prop("onValueInvalid")?.({
+          reason,
+          value: computed("formattedValue"),
+          valueAsNumber: computed("valueAsNumber")
+        });
+      },
+      invokeOnValueCommit({ computed, prop }) {
+        prop("onValueCommit")?.({
+          value: computed("formattedValue"),
+          valueAsNumber: computed("valueAsNumber")
+        });
+      },
+      syncInputElement({ context, event, computed, scope }) {
+        const value = event.type.endsWith("CHANGE") ? context.get("value") : computed("formattedValue");
+        const inputEl = getInputEl(scope);
+        const sel = event.selection ?? recordCursor(inputEl, scope);
+        raf(() => {
+          setElementValue(inputEl, value);
+          restoreCursor(inputEl, sel, scope);
+        });
+      },
+      setFormattedValue({ context, computed, action }) {
+        context.set("value", computed("formattedValue"));
+        action(["syncInputElement"]);
+      },
+      setCursorPoint({ context, event }) {
+        context.set("scrubberCursorPoint", event.point);
+      },
+      clearCursorPoint({ context }) {
+        context.set("scrubberCursorPoint", null);
+      },
+      setVirtualCursorPosition({ context, scope }) {
+        const cursorEl = getCursorEl(scope);
+        const point = context.get("scrubberCursorPoint");
+        if (!cursorEl || !point) return;
+        cursorEl.style.transform = `translate3d(${point.x}px, ${point.y}px, 0px)`;
+      }
+    }
+  }
+});
+var props = createProps()([
+  "allowMouseWheel",
+  "allowOverflow",
+  "clampValueOnBlur",
+  "dir",
+  "disabled",
+  "focusInputOnChange",
+  "form",
+  "formatOptions",
+  "getRootNode",
+  "id",
+  "ids",
+  "inputMode",
+  "invalid",
+  "locale",
+  "max",
+  "min",
+  "name",
+  "onFocusChange",
+  "onValueChange",
+  "onValueCommit",
+  "onValueInvalid",
+  "pattern",
+  "required",
+  "readOnly",
+  "spinOnPress",
+  "step",
+  "translations",
+  "value",
+  "defaultValue"
+]);
+var splitProps = createSplitProps(props);
+
+// components/number-input.ts
+var NumberInput = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="number-input"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const valueTextEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="value-text"]'
+    );
+    if (valueTextEl) this.spreadProps(valueTextEl, this.api.getValueTextProps());
+    const inputEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+    const decrementEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="decrement-trigger"]'
+    );
+    if (decrementEl) this.spreadProps(decrementEl, this.api.getDecrementTriggerProps());
+    const incrementEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="increment-trigger"]'
+    );
+    if (incrementEl) this.spreadProps(incrementEl, this.api.getIncrementTriggerProps());
+    const scrubberEl = this.el.querySelector(
+      '[data-scope="number-input"][data-part="scrubber"]'
+    );
+    if (scrubberEl) {
+      this.spreadProps(scrubberEl, this.api.getScrubberProps());
+      scrubberEl.setAttribute("aria-label", "Scrub to adjust value");
+      scrubberEl.removeAttribute("role");
+    }
+  }
+};
+
+// hooks/number-input.ts
+var NumberInputHook = {
+  mounted() {
+    const el = this.el;
+    const valueStr = getString(el, "value");
+    const defaultValueStr = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new NumberInput(el, {
+      id: el.id,
+      ...controlled && valueStr !== void 0 ? { value: valueStr } : { defaultValue: defaultValueStr },
+      min: getNumber(el, "min"),
+      max: getNumber(el, "max"),
+      step: getNumber(el, "step"),
+      disabled: getBoolean(el, "disabled"),
+      readOnly: getBoolean(el, "readOnly"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      allowMouseWheel: getBoolean(el, "allowMouseWheel"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      onValueChange: (details) => {
+        const inputEl = el.querySelector(
+          '[data-scope="number-input"][data-part="input"]'
+        );
+        if (inputEl) {
+          inputEl.value = details.value;
+          inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+          inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsNumber: details.valueAsNumber,
+            id: el.id
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.numberInput = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const valueStr = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.numberInput?.updateProps({
+      id: this.el.id,
+      ...controlled && valueStr !== void 0 ? { value: valueStr } : {},
+      min: getNumber(this.el, "min"),
+      max: getNumber(this.el, "max"),
+      step: getNumber(this.el, "step"),
+      disabled: getBoolean(this.el, "disabled"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form")
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.numberInput?.destroy();
+  }
+};
+export {
+  NumberInputHook as NumberInput
+};
diff --git a/priv/static/password-input.mjs b/priv/static/password-input.mjs
new file mode 100644
index 0000000..5ae6ca0
--- /dev/null
+++ b/priv/static/password-input.mjs
@@ -0,0 +1,340 @@
+import {
+  Component,
+  VanillaMachine,
+  ariaAttr,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  getBoolean,
+  getDir,
+  getString,
+  isLeftClick,
+  normalizeProps,
+  uuid
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+password-input@1.33.1/node_modules/@zag-js/password-input/dist/index.mjs
+var anatomy = createAnatomy("password-input").parts(
+  "root",
+  "input",
+  "label",
+  "control",
+  "indicator",
+  "visibilityTrigger"
+);
+var parts = anatomy.build();
+var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+function connect(service, normalize) {
+  const { scope, prop, context } = service;
+  const visible = context.get("visible");
+  const disabled = !!prop("disabled");
+  const invalid = !!prop("invalid");
+  const readOnly = !!prop("readOnly");
+  const required = !!prop("required");
+  const interactive = !(readOnly || disabled);
+  const translations = prop("translations");
+  return {
+    visible,
+    disabled,
+    invalid,
+    focus() {
+      getInputEl(scope)?.focus();
+    },
+    setVisible(value) {
+      service.send({ type: "VISIBILITY.SET", value });
+    },
+    toggleVisible() {
+      service.send({ type: "VISIBILITY.SET", value: !visible });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        htmlFor: getInputId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        "data-required": dataAttr(required)
+      });
+    },
+    getInputProps() {
+      return normalize.input({
+        ...parts.input.attrs,
+        id: getInputId(scope),
+        autoCapitalize: "off",
+        name: prop("name"),
+        required: prop("required"),
+        autoComplete: prop("autoComplete"),
+        spellCheck: false,
+        readOnly,
+        disabled,
+        type: visible ? "text" : "password",
+        "data-state": visible ? "visible" : "hidden",
+        "aria-invalid": ariaAttr(invalid),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
+      });
+    },
+    getVisibilityTriggerProps() {
+      return normalize.button({
+        ...parts.visibilityTrigger.attrs,
+        type: "button",
+        tabIndex: -1,
+        "aria-controls": getInputId(scope),
+        "aria-expanded": visible,
+        "data-readonly": dataAttr(readOnly),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        "data-state": visible ? "visible" : "hidden",
+        "aria-label": translations?.visibilityTrigger?.(visible),
+        onPointerDown(event) {
+          if (!isLeftClick(event)) return;
+          if (!interactive) return;
+          event.preventDefault();
+          service.send({ type: "TRIGGER.CLICK" });
+        }
+      });
+    },
+    getIndicatorProps() {
+      return normalize.element({
+        ...parts.indicator.attrs,
+        "aria-hidden": true,
+        "data-state": visible ? "visible" : "hidden",
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    }
+  };
+}
+var passwordManagerProps = {
+  // 1Password
+  "data-1p-ignore": "",
+  // LastPass
+  "data-lpignore": "true",
+  // Bitwarden
+  "data-bwignore": "true",
+  // Dashlane
+  "data-form-type": "other",
+  // Proton Pass
+  "data-protonpass-ignore": "true"
+};
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      id: uuid(),
+      defaultVisible: false,
+      autoComplete: "current-password",
+      ignorePasswordManagers: false,
+      ...props2,
+      translations: {
+        visibilityTrigger(visible) {
+          return visible ? "Hide password" : "Show password";
+        },
+        ...props2.translations
+      }
+    };
+  },
+  context({ prop, bindable }) {
+    return {
+      visible: bindable(() => ({
+        value: prop("visible"),
+        defaultValue: prop("defaultVisible"),
+        onChange(value) {
+          prop("onVisibilityChange")?.({ visible: value });
+        }
+      }))
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  effects: ["trackFormEvents"],
+  states: {
+    idle: {
+      on: {
+        "VISIBILITY.SET": {
+          actions: ["setVisibility"]
+        },
+        "TRIGGER.CLICK": {
+          actions: ["toggleVisibility", "focusInputEl"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      setVisibility({ context, event }) {
+        context.set("visible", event.value);
+      },
+      toggleVisibility({ context }) {
+        context.set("visible", (c) => !c);
+      },
+      focusInputEl({ scope }) {
+        const inputEl = getInputEl(scope);
+        inputEl?.focus();
+      }
+    },
+    effects: {
+      trackFormEvents({ scope, send }) {
+        const inputEl = getInputEl(scope);
+        const form = inputEl?.form;
+        if (!form) return;
+        const win = scope.getWin();
+        const controller = new win.AbortController();
+        form.addEventListener(
+          "reset",
+          (event) => {
+            if (event.defaultPrevented) return;
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        form.addEventListener(
+          "submit",
+          () => {
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        return () => controller.abort();
+      }
+    }
+  }
+});
+var props = createProps()([
+  "defaultVisible",
+  "dir",
+  "id",
+  "onVisibilityChange",
+  "visible",
+  "ids",
+  "getRootNode",
+  "disabled",
+  "invalid",
+  "required",
+  "readOnly",
+  "translations",
+  "ignorePasswordManagers",
+  "autoComplete",
+  "name"
+]);
+var splitProps = createSplitProps(props);
+
+// components/password-input.ts
+var PasswordInput = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="password-input"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="password-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="password-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const inputEl = this.el.querySelector(
+      '[data-scope="password-input"][data-part="input"]'
+    );
+    if (inputEl) this.spreadProps(inputEl, this.api.getInputProps());
+    const triggerEl = this.el.querySelector(
+      '[data-scope="password-input"][data-part="visibility-trigger"]'
+    );
+    if (triggerEl) this.spreadProps(triggerEl, this.api.getVisibilityTriggerProps());
+    const indicatorEl = this.el.querySelector(
+      '[data-scope="password-input"][data-part="indicator"]'
+    );
+    if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+  }
+};
+
+// hooks/password-input.ts
+var PasswordInputHook = {
+  mounted() {
+    const el = this.el;
+    const zag = new PasswordInput(el, {
+      id: el.id,
+      ...getBoolean(el, "controlledVisible") ? { visible: getBoolean(el, "visible") } : { defaultVisible: getBoolean(el, "defaultVisible") },
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      readOnly: getBoolean(el, "readOnly"),
+      required: getBoolean(el, "required"),
+      ignorePasswordManagers: getBoolean(el, "ignorePasswordManagers"),
+      name: getString(el, "name"),
+      dir: getDir(el),
+      autoComplete: getString(el, "autoComplete", [
+        "current-password",
+        "new-password"
+      ]),
+      onVisibilityChange: (details) => {
+        const eventName = getString(el, "onVisibilityChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { visible: details.visible, id: el.id });
+        }
+        const clientName = getString(el, "onVisibilityChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.passwordInput = zag;
+    this.handlers = [];
+  },
+  updated() {
+    this.passwordInput?.updateProps({
+      id: this.el.id,
+      ...getBoolean(this.el, "controlledVisible") ? { visible: getBoolean(this.el, "visible") } : {},
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      required: getBoolean(this.el, "required"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+      dir: getDir(this.el)
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.passwordInput?.destroy();
+  }
+};
+export {
+  PasswordInputHook as PasswordInput
+};
diff --git a/priv/static/pin-input.mjs b/priv/static/pin-input.mjs
new file mode 100644
index 0000000..fb31dd5
--- /dev/null
+++ b/priv/static/pin-input.mjs
@@ -0,0 +1,689 @@
+import {
+  Component,
+  VanillaMachine,
+  ariaAttr,
+  createAnatomy,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  dispatchInputValueEvent,
+  getBeforeInputValue,
+  getBoolean,
+  getEventKey,
+  getNativeEvent,
+  getNumber,
+  getString,
+  getStringList,
+  invariant,
+  isComposingEvent,
+  isEqual,
+  isHTMLElement,
+  isModifierKey,
+  normalizeProps,
+  queryAll,
+  raf,
+  setValueAtIndex,
+  setup,
+  visuallyHiddenStyle
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+pin-input@1.33.1/node_modules/@zag-js/pin-input/dist/index.mjs
+var anatomy = createAnatomy("pinInput").parts("root", "label", "input", "control");
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `pin-input:${ctx.id}`;
+var getInputId = (ctx, id) => ctx.ids?.input?.(id) ?? `pin-input:${ctx.id}:${id}`;
+var getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `pin-input:${ctx.id}:hidden`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `pin-input:${ctx.id}:label`;
+var getControlId = (ctx) => ctx.ids?.control ?? `pin-input:${ctx.id}:control`;
+var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getInputEls = (ctx) => {
+  const ownerId = CSS.escape(getRootId(ctx));
+  const selector = `input[data-ownedby=${ownerId}]`;
+  return queryAll(getRootEl(ctx), selector);
+};
+var getInputElAtIndex = (ctx, index) => getInputEls(ctx)[index];
+var getFirstInputEl = (ctx) => getInputEls(ctx)[0];
+var getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));
+var setInputValue = (inputEl, value) => {
+  inputEl.value = value;
+  inputEl.setAttribute("value", value);
+};
+var REGEX = {
+  numeric: /^[0-9]+$/,
+  alphabetic: /^[A-Za-z]+$/,
+  alphanumeric: /^[a-zA-Z0-9]+$/i
+};
+function isValidType(type, value) {
+  if (!type) return true;
+  return !!REGEX[type]?.test(value);
+}
+function isValidValue(value, type, pattern) {
+  if (!pattern) return isValidType(type, value);
+  const regex = new RegExp(pattern, "g");
+  return regex.test(value);
+}
+function connect(service, normalize) {
+  const { send, context, computed, prop, scope } = service;
+  const complete = computed("isValueComplete");
+  const disabled = !!prop("disabled");
+  const readOnly = !!prop("readOnly");
+  const invalid = !!prop("invalid");
+  const required = !!prop("required");
+  const translations = prop("translations");
+  const focusedIndex = context.get("focusedIndex");
+  function focus() {
+    getFirstInputEl(scope)?.focus();
+  }
+  return {
+    focus,
+    count: context.get("count"),
+    items: Array.from({ length: context.get("count") }).map((_, i) => i),
+    value: context.get("value"),
+    valueAsString: computed("valueAsString"),
+    complete,
+    setValue(value) {
+      if (!Array.isArray(value)) {
+        invariant("[pin-input/setValue] value must be an array");
+      }
+      send({ type: "VALUE.SET", value });
+    },
+    clearValue() {
+      send({ type: "VALUE.CLEAR" });
+    },
+    setValueAtIndex(index, value) {
+      send({ type: "VALUE.SET", value, index });
+    },
+    getRootProps() {
+      return normalize.element({
+        dir: prop("dir"),
+        ...parts.root.attrs,
+        id: getRootId(scope),
+        "data-invalid": dataAttr(invalid),
+        "data-disabled": dataAttr(disabled),
+        "data-complete": dataAttr(complete),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        dir: prop("dir"),
+        htmlFor: getHiddenInputId(scope),
+        id: getLabelId(scope),
+        "data-invalid": dataAttr(invalid),
+        "data-disabled": dataAttr(disabled),
+        "data-complete": dataAttr(complete),
+        "data-required": dataAttr(required),
+        "data-readonly": dataAttr(readOnly),
+        onClick(event) {
+          event.preventDefault();
+          focus();
+        }
+      });
+    },
+    getHiddenInputProps() {
+      return normalize.input({
+        "aria-hidden": true,
+        type: "text",
+        tabIndex: -1,
+        id: getHiddenInputId(scope),
+        readOnly,
+        disabled,
+        required,
+        name: prop("name"),
+        form: prop("form"),
+        style: visuallyHiddenStyle,
+        maxLength: computed("valueLength"),
+        defaultValue: computed("valueAsString")
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        dir: prop("dir"),
+        id: getControlId(scope)
+      });
+    },
+    getInputProps(props2) {
+      const { index } = props2;
+      const inputType = prop("type") === "numeric" ? "tel" : "text";
+      return normalize.input({
+        ...parts.input.attrs,
+        dir: prop("dir"),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        "data-complete": dataAttr(complete),
+        id: getInputId(scope, index.toString()),
+        "data-index": index,
+        "data-ownedby": getRootId(scope),
+        "aria-label": translations?.inputLabel?.(index, computed("valueLength")),
+        inputMode: prop("otp") || prop("type") === "numeric" ? "numeric" : "text",
+        "aria-invalid": ariaAttr(invalid),
+        "data-invalid": dataAttr(invalid),
+        type: prop("mask") ? "password" : inputType,
+        defaultValue: context.get("value")[index] || "",
+        readOnly,
+        autoCapitalize: "none",
+        autoComplete: prop("otp") ? "one-time-code" : "off",
+        placeholder: focusedIndex === index ? "" : prop("placeholder"),
+        onPaste(event) {
+          const pastedValue = event.clipboardData?.getData("text/plain");
+          if (!pastedValue) return;
+          const isValid = isValidValue(pastedValue, prop("type"), prop("pattern"));
+          if (!isValid) {
+            send({ type: "VALUE.INVALID", value: pastedValue });
+            event.preventDefault();
+            return;
+          }
+          event.preventDefault();
+          send({ type: "INPUT.PASTE", value: pastedValue });
+        },
+        onBeforeInput(event) {
+          try {
+            const value = getBeforeInputValue(event);
+            const isValid = isValidValue(value, prop("type"), prop("pattern"));
+            if (!isValid) {
+              send({ type: "VALUE.INVALID", value });
+              event.preventDefault();
+            }
+            if (value.length > 1) {
+              event.currentTarget.setSelectionRange(0, 1, "forward");
+            }
+          } catch {
+          }
+        },
+        onChange(event) {
+          const evt = getNativeEvent(event);
+          const { value } = event.currentTarget;
+          if (evt.inputType === "insertFromPaste") {
+            event.currentTarget.value = value[0] || "";
+            return;
+          }
+          if (value.length > 2) {
+            send({ type: "INPUT.PASTE", value });
+            event.currentTarget.value = value[0];
+            event.preventDefault();
+            return;
+          }
+          if (evt.inputType === "deleteContentBackward") {
+            send({ type: "INPUT.BACKSPACE" });
+            return;
+          }
+          send({ type: "INPUT.CHANGE", value, index });
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (isComposingEvent(event)) return;
+          if (isModifierKey(event)) return;
+          const keyMap = {
+            Backspace() {
+              send({ type: "INPUT.BACKSPACE" });
+            },
+            Delete() {
+              send({ type: "INPUT.DELETE" });
+            },
+            ArrowLeft() {
+              send({ type: "INPUT.ARROW_LEFT" });
+            },
+            ArrowRight() {
+              send({ type: "INPUT.ARROW_RIGHT" });
+            },
+            Enter() {
+              send({ type: "INPUT.ENTER" });
+            }
+          };
+          const exec = keyMap[getEventKey(event, {
+            dir: prop("dir"),
+            orientation: "horizontal"
+          })];
+          if (exec) {
+            exec(event);
+            event.preventDefault();
+          }
+        },
+        onFocus() {
+          send({ type: "INPUT.FOCUS", index });
+        },
+        onBlur(event) {
+          const target = event.relatedTarget;
+          if (isHTMLElement(target) && target.dataset.ownedby === getRootId(scope)) return;
+          send({ type: "INPUT.BLUR", index });
+        }
+      });
+    }
+  };
+}
+var { choose, createMachine } = setup();
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      placeholder: "\u25CB",
+      otp: false,
+      type: "numeric",
+      defaultValue: props2.count ? fill([], props2.count) : [],
+      ...props2,
+      translations: {
+        inputLabel: (index, length) => `pin code ${index + 1} of ${length}`,
+        ...props2.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        value: prop("value"),
+        defaultValue: prop("defaultValue"),
+        isEqual,
+        onChange(value) {
+          prop("onValueChange")?.({ value, valueAsString: value.join("") });
+        }
+      })),
+      focusedIndex: bindable(() => ({
+        sync: true,
+        defaultValue: -1
+      })),
+      // TODO: Move this to `props` in next major version
+      count: bindable(() => ({
+        defaultValue: prop("count")
+      }))
+    };
+  },
+  computed: {
+    _value: ({ context }) => fill(context.get("value"), context.get("count")),
+    valueLength: ({ computed }) => computed("_value").length,
+    filledValueLength: ({ computed }) => computed("_value").filter((v) => v?.trim() !== "").length,
+    isValueComplete: ({ computed }) => computed("valueLength") === computed("filledValueLength"),
+    valueAsString: ({ computed }) => computed("_value").join(""),
+    focusedValue: ({ computed, context }) => computed("_value")[context.get("focusedIndex")] || ""
+  },
+  entry: choose([
+    {
+      guard: "autoFocus",
+      actions: ["setInputCount", "setFocusIndexToFirst"]
+    },
+    { actions: ["setInputCount"] }
+  ]),
+  watch({ action, track, context, computed }) {
+    track([() => context.get("focusedIndex")], () => {
+      action(["focusInput", "selectInputIfNeeded"]);
+    });
+    track([() => context.get("value").join(",")], () => {
+      action(["syncInputElements", "dispatchInputEvent"]);
+    });
+    track([() => computed("isValueComplete")], () => {
+      action(["invokeOnComplete", "blurFocusedInputIfNeeded"]);
+    });
+  },
+  on: {
+    "VALUE.SET": [
+      {
+        guard: "hasIndex",
+        actions: ["setValueAtIndex"]
+      },
+      { actions: ["setValue"] }
+    ],
+    "VALUE.CLEAR": {
+      actions: ["clearValue", "setFocusIndexToFirst"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "INPUT.FOCUS": {
+          target: "focused",
+          actions: ["setFocusedIndex"]
+        }
+      }
+    },
+    focused: {
+      on: {
+        "INPUT.CHANGE": {
+          actions: ["setFocusedValue", "syncInputValue", "setNextFocusedIndex"]
+        },
+        "INPUT.PASTE": {
+          actions: ["setPastedValue", "setLastValueFocusIndex"]
+        },
+        "INPUT.FOCUS": {
+          actions: ["setFocusedIndex"]
+        },
+        "INPUT.BLUR": {
+          target: "idle",
+          actions: ["clearFocusedIndex"]
+        },
+        "INPUT.DELETE": {
+          guard: "hasValue",
+          actions: ["clearFocusedValue"]
+        },
+        "INPUT.ARROW_LEFT": {
+          actions: ["setPrevFocusedIndex"]
+        },
+        "INPUT.ARROW_RIGHT": {
+          actions: ["setNextFocusedIndex"]
+        },
+        "INPUT.BACKSPACE": [
+          {
+            guard: "hasValue",
+            actions: ["clearFocusedValue"]
+          },
+          {
+            actions: ["setPrevFocusedIndex", "clearFocusedValue"]
+          }
+        ],
+        "INPUT.ENTER": {
+          guard: "isValueComplete",
+          actions: ["requestFormSubmit"]
+        },
+        "VALUE.INVALID": {
+          actions: ["invokeOnInvalid"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      autoFocus: ({ prop }) => !!prop("autoFocus"),
+      hasValue: ({ context }) => context.get("value")[context.get("focusedIndex")] !== "",
+      isValueComplete: ({ computed }) => computed("isValueComplete"),
+      hasIndex: ({ event }) => event.index !== void 0
+    },
+    actions: {
+      dispatchInputEvent({ computed, scope }) {
+        const inputEl = getHiddenInputEl(scope);
+        dispatchInputValueEvent(inputEl, { value: computed("valueAsString") });
+      },
+      setInputCount({ scope, context, prop }) {
+        if (prop("count")) return;
+        const inputEls = getInputEls(scope);
+        context.set("count", inputEls.length);
+      },
+      focusInput({ context, scope }) {
+        const focusedIndex = context.get("focusedIndex");
+        if (focusedIndex === -1) return;
+        getInputElAtIndex(scope, focusedIndex)?.focus({ preventScroll: true });
+      },
+      selectInputIfNeeded({ context, prop, scope }) {
+        const focusedIndex = context.get("focusedIndex");
+        if (!prop("selectOnFocus") || focusedIndex === -1) return;
+        raf(() => {
+          getInputElAtIndex(scope, focusedIndex)?.select();
+        });
+      },
+      invokeOnComplete({ computed, prop }) {
+        if (!computed("isValueComplete")) return;
+        prop("onValueComplete")?.({
+          value: computed("_value"),
+          valueAsString: computed("valueAsString")
+        });
+      },
+      invokeOnInvalid({ context, event, prop }) {
+        prop("onValueInvalid")?.({
+          value: event.value,
+          index: context.get("focusedIndex")
+        });
+      },
+      clearFocusedIndex({ context }) {
+        context.set("focusedIndex", -1);
+      },
+      setFocusedIndex({ context, event }) {
+        context.set("focusedIndex", event.index);
+      },
+      setValue({ context, event }) {
+        const value = fill(event.value, context.get("count"));
+        context.set("value", value);
+      },
+      setFocusedValue({ context, event, computed, flush }) {
+        const focusedValue = computed("focusedValue");
+        const focusedIndex = context.get("focusedIndex");
+        const value = getNextValue(focusedValue, event.value);
+        flush(() => {
+          context.set("value", setValueAtIndex(computed("_value"), focusedIndex, value));
+        });
+      },
+      revertInputValue({ context, computed, scope }) {
+        const inputEl = getInputElAtIndex(scope, context.get("focusedIndex"));
+        setInputValue(inputEl, computed("focusedValue"));
+      },
+      syncInputValue({ context, event, scope }) {
+        const value = context.get("value");
+        const inputEl = getInputElAtIndex(scope, event.index);
+        setInputValue(inputEl, value[event.index]);
+      },
+      syncInputElements({ context, scope }) {
+        const inputEls = getInputEls(scope);
+        const value = context.get("value");
+        inputEls.forEach((inputEl, index) => {
+          setInputValue(inputEl, value[index]);
+        });
+      },
+      setPastedValue({ context, event, computed, flush }) {
+        raf(() => {
+          const valueAsString = computed("valueAsString");
+          const focusedIndex = context.get("focusedIndex");
+          const valueLength = computed("valueLength");
+          const filledValueLength = computed("filledValueLength");
+          const startIndex = Math.min(focusedIndex, filledValueLength);
+          const left = startIndex > 0 ? valueAsString.substring(0, focusedIndex) : "";
+          const right = event.value.substring(0, valueLength - startIndex);
+          const value = fill(`${left}${right}`.split(""), valueLength);
+          flush(() => {
+            context.set("value", value);
+          });
+        });
+      },
+      setValueAtIndex({ context, event, computed }) {
+        const nextValue = getNextValue(computed("focusedValue"), event.value);
+        context.set("value", setValueAtIndex(computed("_value"), event.index, nextValue));
+      },
+      clearValue({ context }) {
+        const nextValue = Array.from({ length: context.get("count") }).fill("");
+        queueMicrotask(() => {
+          context.set("value", nextValue);
+        });
+      },
+      clearFocusedValue({ context, computed }) {
+        const focusedIndex = context.get("focusedIndex");
+        if (focusedIndex === -1) return;
+        context.set("value", setValueAtIndex(computed("_value"), focusedIndex, ""));
+      },
+      setFocusIndexToFirst({ context }) {
+        context.set("focusedIndex", 0);
+      },
+      setNextFocusedIndex({ context, computed }) {
+        context.set("focusedIndex", Math.min(context.get("focusedIndex") + 1, computed("valueLength") - 1));
+      },
+      setPrevFocusedIndex({ context }) {
+        context.set("focusedIndex", Math.max(context.get("focusedIndex") - 1, 0));
+      },
+      setLastValueFocusIndex({ context, computed }) {
+        raf(() => {
+          context.set("focusedIndex", Math.min(computed("filledValueLength"), computed("valueLength") - 1));
+        });
+      },
+      blurFocusedInputIfNeeded({ context, prop, scope }) {
+        if (!prop("blurOnComplete")) return;
+        raf(() => {
+          getInputElAtIndex(scope, context.get("focusedIndex"))?.blur();
+        });
+      },
+      requestFormSubmit({ computed, prop, scope }) {
+        if (!prop("name") || !computed("isValueComplete")) return;
+        const inputEl = getHiddenInputEl(scope);
+        inputEl?.form?.requestSubmit();
+      }
+    }
+  }
+});
+function getNextValue(current, next) {
+  let nextValue = next;
+  if (current[0] === next[0]) {
+    nextValue = next[1];
+  } else if (current[0] === next[1]) {
+    nextValue = next[0];
+  }
+  const chars = nextValue.split("");
+  nextValue = chars[chars.length - 1];
+  return nextValue ?? "";
+}
+function fill(value, count) {
+  return Array.from({ length: count }).fill("").map((v, i) => value[i] || v);
+}
+var props = createProps()([
+  "autoFocus",
+  "blurOnComplete",
+  "count",
+  "defaultValue",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "mask",
+  "name",
+  "onValueChange",
+  "onValueComplete",
+  "onValueInvalid",
+  "otp",
+  "pattern",
+  "placeholder",
+  "readOnly",
+  "required",
+  "selectOnFocus",
+  "translations",
+  "type",
+  "value"
+]);
+var splitProps = createSplitProps(props);
+
+// components/pin-input.ts
+var PinInput = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="pin-input"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="pin-input"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const hiddenInputEl = this.el.querySelector(
+      '[data-scope="pin-input"][data-part="hidden-input"]'
+    );
+    if (hiddenInputEl) this.spreadProps(hiddenInputEl, this.api.getHiddenInputProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="pin-input"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    this.api.items.forEach((i) => {
+      const inputEl = this.el.querySelector(
+        `[data-scope="pin-input"][data-part="input"][data-index="${i}"]`
+      );
+      if (inputEl) this.spreadProps(inputEl, this.api.getInputProps({ index: i }));
+    });
+  }
+};
+
+// hooks/pin-input.ts
+var PinInputHook = {
+  mounted() {
+    const el = this.el;
+    const valueList = getStringList(el, "value");
+    const defaultValueList = getStringList(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new PinInput(el, {
+      id: el.id,
+      count: getNumber(el, "count") ?? 4,
+      ...controlled && valueList ? { value: valueList } : { defaultValue: defaultValueList ?? [] },
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      readOnly: getBoolean(el, "readOnly"),
+      mask: getBoolean(el, "mask"),
+      otp: getBoolean(el, "otp"),
+      blurOnComplete: getBoolean(el, "blurOnComplete"),
+      selectOnFocus: getBoolean(el, "selectOnFocus"),
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      dir: getString(el, "dir", ["ltr", "rtl"]),
+      type: getString(el, "type", [
+        "alphanumeric",
+        "numeric",
+        "alphabetic"
+      ]),
+      placeholder: getString(el, "placeholder"),
+      onValueChange: (details) => {
+        const hiddenInput = el.querySelector(
+          '[data-scope="pin-input"][data-part="hidden-input"]'
+        );
+        if (hiddenInput) {
+          hiddenInput.value = details.valueAsString;
+          hiddenInput.dispatchEvent(new Event("input", { bubbles: true }));
+          hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsString: details.valueAsString,
+            id: el.id
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      },
+      onValueComplete: (details) => {
+        const eventName = getString(el, "onValueComplete");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            valueAsString: details.valueAsString,
+            id: el.id
+          });
+        }
+      }
+    });
+    zag.init();
+    this.pinInput = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const valueList = getStringList(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.pinInput?.updateProps({
+      id: this.el.id,
+      count: getNumber(this.el, "count") ?? this.pinInput?.api.count ?? 4,
+      ...controlled && valueList ? { value: valueList } : {},
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form")
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.pinInput?.destroy();
+  }
+};
+export {
+  PinInputHook as PinInput
+};
diff --git a/priv/static/radio-group.mjs b/priv/static/radio-group.mjs
new file mode 100644
index 0000000..763b080
--- /dev/null
+++ b/priv/static/radio-group.mjs
@@ -0,0 +1,576 @@
+import {
+  isFocusVisible,
+  trackFocusVisible
+} from "./chunk-TEV2GE3U.mjs";
+import {
+  Component,
+  VanillaMachine,
+  createAnatomy,
+  createGuards,
+  createMachine,
+  createProps,
+  createSplitProps,
+  dataAttr,
+  dispatchInputCheckedEvent,
+  getBoolean,
+  getString,
+  isLeftClick,
+  isSafari,
+  normalizeProps,
+  queryAll,
+  resizeObserverBorderBox,
+  toPx,
+  trackFormControl,
+  visuallyHiddenStyle
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+radio-group@1.33.1/node_modules/@zag-js/radio-group/dist/index.mjs
+var anatomy = createAnatomy("radio-group").parts(
+  "root",
+  "label",
+  "item",
+  "itemText",
+  "itemControl",
+  "indicator"
+);
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`;
+var getItemId = (ctx, value) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`;
+var getItemHiddenInputId = (ctx, value) => ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`;
+var getItemControlId = (ctx, value) => ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`;
+var getItemLabelId = (ctx, value) => ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`;
+var getIndicatorId = (ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`;
+var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getItemHiddenInputEl = (ctx, value) => ctx.getById(getItemHiddenInputId(ctx, value));
+var getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));
+var getFirstEnabledInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled)");
+var getFirstEnabledAndCheckedInputEl = (ctx) => getRootEl(ctx)?.querySelector("input:not(:disabled):checked");
+var getInputEls = (ctx) => {
+  const ownerId = CSS.escape(getRootId(ctx));
+  const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
+  return queryAll(getRootEl(ctx), selector);
+};
+var getRadioEl = (ctx, value) => {
+  if (!value) return;
+  return ctx.getById(getItemId(ctx, value));
+};
+var getOffsetRect = (el) => ({
+  x: el?.offsetLeft ?? 0,
+  y: el?.offsetTop ?? 0,
+  width: el?.offsetWidth ?? 0,
+  height: el?.offsetHeight ?? 0
+});
+function connect(service, normalize) {
+  const { context, send, computed, prop, scope } = service;
+  const groupDisabled = computed("isDisabled");
+  const groupInvalid = prop("invalid");
+  const readOnly = prop("readOnly");
+  function getItemState(props2) {
+    return {
+      value: props2.value,
+      invalid: !!props2.invalid || !!groupInvalid,
+      disabled: !!props2.disabled || groupDisabled,
+      checked: context.get("value") === props2.value,
+      focused: context.get("focusedValue") === props2.value,
+      focusVisible: context.get("focusVisibleValue") === props2.value,
+      hovered: context.get("hoveredValue") === props2.value,
+      active: context.get("activeValue") === props2.value
+    };
+  }
+  function getItemDataAttrs(props2) {
+    const itemState = getItemState(props2);
+    return {
+      "data-focus": dataAttr(itemState.focused),
+      "data-focus-visible": dataAttr(itemState.focusVisible),
+      "data-disabled": dataAttr(itemState.disabled),
+      "data-readonly": dataAttr(readOnly),
+      "data-state": itemState.checked ? "checked" : "unchecked",
+      "data-hover": dataAttr(itemState.hovered),
+      "data-invalid": dataAttr(itemState.invalid),
+      "data-orientation": prop("orientation"),
+      "data-ssr": dataAttr(context.get("ssr"))
+    };
+  }
+  const focus = () => {
+    const nodeToFocus = getFirstEnabledAndCheckedInputEl(scope) ?? getFirstEnabledInputEl(scope);
+    nodeToFocus?.focus();
+  };
+  return {
+    focus,
+    value: context.get("value"),
+    setValue(value) {
+      send({ type: "SET_VALUE", value, isTrusted: false });
+    },
+    clearValue() {
+      send({ type: "SET_VALUE", value: null, isTrusted: false });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        role: "radiogroup",
+        id: getRootId(scope),
+        "aria-labelledby": getLabelId(scope),
+        "aria-required": prop("required") || void 0,
+        "aria-disabled": groupDisabled || void 0,
+        "aria-readonly": readOnly || void 0,
+        "data-orientation": prop("orientation"),
+        "data-disabled": dataAttr(groupDisabled),
+        "data-invalid": dataAttr(groupInvalid),
+        "data-required": dataAttr(prop("required")),
+        "aria-orientation": prop("orientation"),
+        dir: prop("dir"),
+        style: {
+          position: "relative"
+        }
+      });
+    },
+    getLabelProps() {
+      return normalize.element({
+        ...parts.label.attrs,
+        dir: prop("dir"),
+        "data-orientation": prop("orientation"),
+        "data-disabled": dataAttr(groupDisabled),
+        "data-invalid": dataAttr(groupInvalid),
+        "data-required": dataAttr(prop("required")),
+        id: getLabelId(scope),
+        onClick: focus
+      });
+    },
+    getItemState,
+    getItemProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.label({
+        ...parts.item.attrs,
+        dir: prop("dir"),
+        id: getItemId(scope, props2.value),
+        htmlFor: getItemHiddenInputId(scope, props2.value),
+        ...getItemDataAttrs(props2),
+        onPointerMove() {
+          if (itemState.disabled) return;
+          if (itemState.hovered) return;
+          send({ type: "SET_HOVERED", value: props2.value, hovered: true });
+        },
+        onPointerLeave() {
+          if (itemState.disabled) return;
+          send({ type: "SET_HOVERED", value: null });
+        },
+        onPointerDown(event) {
+          if (itemState.disabled) return;
+          if (!isLeftClick(event)) return;
+          if (itemState.focused && event.pointerType === "mouse") {
+            event.preventDefault();
+          }
+          send({ type: "SET_ACTIVE", value: props2.value, active: true });
+        },
+        onPointerUp() {
+          if (itemState.disabled) return;
+          send({ type: "SET_ACTIVE", value: null });
+        },
+        onClick() {
+          if (!itemState.disabled && isSafari()) {
+            getItemHiddenInputEl(scope, props2.value)?.focus();
+          }
+        }
+      });
+    },
+    getItemTextProps(props2) {
+      return normalize.element({
+        ...parts.itemText.attrs,
+        dir: prop("dir"),
+        id: getItemLabelId(scope, props2.value),
+        ...getItemDataAttrs(props2)
+      });
+    },
+    getItemControlProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.element({
+        ...parts.itemControl.attrs,
+        dir: prop("dir"),
+        id: getItemControlId(scope, props2.value),
+        "data-active": dataAttr(itemState.active),
+        "aria-hidden": true,
+        ...getItemDataAttrs(props2)
+      });
+    },
+    getItemHiddenInputProps(props2) {
+      const itemState = getItemState(props2);
+      return normalize.input({
+        "data-ownedby": getRootId(scope),
+        id: getItemHiddenInputId(scope, props2.value),
+        type: "radio",
+        name: prop("name") || prop("id"),
+        form: prop("form"),
+        value: props2.value,
+        required: prop("required"),
+        "aria-invalid": itemState.invalid || void 0,
+        onClick(event) {
+          if (readOnly) {
+            event.preventDefault();
+            return;
+          }
+          if (event.currentTarget.checked) {
+            send({ type: "SET_VALUE", value: props2.value, isTrusted: true });
+          }
+        },
+        onBlur() {
+          send({ type: "SET_FOCUSED", value: null, focused: false, focusVisible: false });
+        },
+        onFocus() {
+          const focusVisible = isFocusVisible();
+          send({ type: "SET_FOCUSED", value: props2.value, focused: true, focusVisible });
+        },
+        onKeyDown(event) {
+          if (event.defaultPrevented) return;
+          if (event.key === " ") {
+            send({ type: "SET_ACTIVE", value: props2.value, active: true });
+          }
+        },
+        onKeyUp(event) {
+          if (event.defaultPrevented) return;
+          if (event.key === " ") {
+            send({ type: "SET_ACTIVE", value: null });
+          }
+        },
+        disabled: itemState.disabled || readOnly,
+        defaultChecked: itemState.checked,
+        style: visuallyHiddenStyle
+      });
+    },
+    getIndicatorProps() {
+      const rect = context.get("indicatorRect");
+      const rectIsEmpty = rect == null || rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0;
+      return normalize.element({
+        id: getIndicatorId(scope),
+        ...parts.indicator.attrs,
+        dir: prop("dir"),
+        hidden: context.get("value") == null || rectIsEmpty,
+        "data-disabled": dataAttr(groupDisabled),
+        "data-orientation": prop("orientation"),
+        style: {
+          "--transition-property": "left, top, width, height",
+          "--left": toPx(rect?.x),
+          "--top": toPx(rect?.y),
+          "--width": toPx(rect?.width),
+          "--height": toPx(rect?.height),
+          position: "absolute",
+          willChange: "var(--transition-property)",
+          transitionProperty: "var(--transition-property)",
+          transitionDuration: "var(--transition-duration, 150ms)",
+          transitionTimingFunction: "var(--transition-timing-function)",
+          [prop("orientation") === "horizontal" ? "left" : "top"]: prop("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
+        }
+      });
+    }
+  };
+}
+var { not } = createGuards();
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      orientation: "vertical",
+      ...props2
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          prop("onValueChange")?.({ value });
+        }
+      })),
+      activeValue: bindable(() => ({
+        defaultValue: null
+      })),
+      focusedValue: bindable(() => ({
+        defaultValue: null
+      })),
+      focusVisibleValue: bindable(() => ({
+        defaultValue: null
+      })),
+      hoveredValue: bindable(() => ({
+        defaultValue: null
+      })),
+      indicatorRect: bindable(() => ({
+        defaultValue: null
+      })),
+      fieldsetDisabled: bindable(() => ({
+        defaultValue: false
+      })),
+      ssr: bindable(() => ({
+        defaultValue: true
+      }))
+    };
+  },
+  refs() {
+    return {
+      indicatorCleanup: null,
+      focusVisibleValue: null
+    };
+  },
+  computed: {
+    isDisabled: ({ prop, context }) => !!prop("disabled") || context.get("fieldsetDisabled")
+  },
+  entry: ["syncIndicatorRect", "syncSsr"],
+  exit: ["cleanupObserver"],
+  effects: ["trackFormControlState", "trackFocusVisible"],
+  watch({ track, action, context }) {
+    track([() => context.get("value")], () => {
+      action(["syncIndicatorRect", "syncInputElements"]);
+    });
+  },
+  on: {
+    SET_VALUE: [
+      {
+        guard: not("isTrusted"),
+        actions: ["setValue", "dispatchChangeEvent"]
+      },
+      {
+        actions: ["setValue"]
+      }
+    ],
+    SET_HOVERED: {
+      actions: ["setHovered"]
+    },
+    SET_ACTIVE: {
+      actions: ["setActive"]
+    },
+    SET_FOCUSED: {
+      actions: ["setFocused"]
+    }
+  },
+  states: {
+    idle: {}
+  },
+  implementations: {
+    guards: {
+      isTrusted: ({ event }) => !!event.isTrusted
+    },
+    effects: {
+      trackFormControlState({ context, scope }) {
+        return trackFormControl(getRootEl(scope), {
+          onFieldsetDisabledChange(disabled) {
+            context.set("fieldsetDisabled", disabled);
+          },
+          onFormReset() {
+            context.set("value", context.initial("value"));
+          }
+        });
+      },
+      trackFocusVisible({ scope }) {
+        return trackFocusVisible({ root: scope.getRootNode?.() });
+      }
+    },
+    actions: {
+      setValue({ context, event }) {
+        context.set("value", event.value);
+      },
+      setHovered({ context, event }) {
+        context.set("hoveredValue", event.value);
+      },
+      setActive({ context, event }) {
+        context.set("activeValue", event.value);
+      },
+      setFocused({ context, event }) {
+        context.set("focusedValue", event.value);
+        const focusVisibleValue = event.value != null && event.focusVisible ? event.value : null;
+        context.set("focusVisibleValue", focusVisibleValue);
+      },
+      syncInputElements({ context, scope }) {
+        const inputs = getInputEls(scope);
+        inputs.forEach((input) => {
+          input.checked = input.value === context.get("value");
+        });
+      },
+      cleanupObserver({ refs }) {
+        refs.get("indicatorCleanup")?.();
+      },
+      syncSsr({ context }) {
+        context.set("ssr", false);
+      },
+      syncIndicatorRect({ context, scope, refs }) {
+        refs.get("indicatorCleanup")?.();
+        if (!getIndicatorEl(scope)) return;
+        const value = context.get("value");
+        const radioEl = getRadioEl(scope, value);
+        if (value == null || !radioEl) {
+          context.set("indicatorRect", null);
+          return;
+        }
+        const exec = () => {
+          context.set("indicatorRect", getOffsetRect(radioEl));
+        };
+        exec();
+        const indicatorCleanup = resizeObserverBorderBox.observe(radioEl, exec);
+        refs.set("indicatorCleanup", indicatorCleanup);
+      },
+      dispatchChangeEvent({ context, scope }) {
+        const inputEls = getInputEls(scope);
+        inputEls.forEach((inputEl) => {
+          const checked = inputEl.value === context.get("value");
+          if (checked === inputEl.checked) return;
+          dispatchInputCheckedEvent(inputEl, { checked });
+        });
+      }
+    }
+  }
+});
+var props = createProps()([
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "name",
+  "onValueChange",
+  "orientation",
+  "readOnly",
+  "required",
+  "value",
+  "defaultValue"
+]);
+var splitProps = createSplitProps(props);
+var itemProps = createProps()(["value", "disabled", "invalid"]);
+var splitItemProps = createSplitProps(itemProps);
+
+// components/radio-group.ts
+var RadioGroup = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="radio-group"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const labelEl = this.el.querySelector(
+      '[data-scope="radio-group"][data-part="label"]'
+    );
+    if (labelEl) this.spreadProps(labelEl, this.api.getLabelProps());
+    const indicatorEl = this.el.querySelector(
+      '[data-scope="radio-group"][data-part="indicator"]'
+    );
+    if (indicatorEl) this.spreadProps(indicatorEl, this.api.getIndicatorProps());
+    this.el.querySelectorAll('[data-scope="radio-group"][data-part="item"]').forEach((itemEl) => {
+      const value = itemEl.dataset.value;
+      if (value == null) return;
+      const disabled = itemEl.dataset.disabled === "true";
+      const invalid = itemEl.dataset.invalid === "true";
+      this.spreadProps(itemEl, this.api.getItemProps({ value, disabled, invalid }));
+      const textEl = itemEl.querySelector(
+        '[data-scope="radio-group"][data-part="item-text"]'
+      );
+      if (textEl)
+        this.spreadProps(
+          textEl,
+          this.api.getItemTextProps({ value, disabled, invalid })
+        );
+      const controlEl = itemEl.querySelector(
+        '[data-scope="radio-group"][data-part="item-control"]'
+      );
+      if (controlEl)
+        this.spreadProps(
+          controlEl,
+          this.api.getItemControlProps({
+            value,
+            disabled,
+            invalid
+          })
+        );
+      const hiddenInputEl = itemEl.querySelector(
+        '[data-scope="radio-group"][data-part="item-hidden-input"]'
+      );
+      if (hiddenInputEl)
+        this.spreadProps(
+          hiddenInputEl,
+          this.api.getItemHiddenInputProps({
+            value,
+            disabled,
+            invalid
+          })
+        );
+    });
+  }
+};
+
+// hooks/radio-group.ts
+var RadioGroupHook = {
+  mounted() {
+    const el = this.el;
+    const value = getString(el, "value");
+    const defaultValue = getString(el, "defaultValue");
+    const controlled = getBoolean(el, "controlled");
+    const zag = new RadioGroup(el, {
+      id: el.id,
+      ...controlled && value !== void 0 ? { value: value ?? null } : { defaultValue: defaultValue ?? null },
+      name: getString(el, "name"),
+      form: getString(el, "form"),
+      disabled: getBoolean(el, "disabled"),
+      invalid: getBoolean(el, "invalid"),
+      required: getBoolean(el, "required"),
+      readOnly: getBoolean(el, "readOnly"),
+      dir: getString(el, "dir", ["ltr", "rtl"]),
+      orientation: getString(el, "orientation", [
+        "horizontal",
+        "vertical"
+      ]),
+      onValueChange: (details) => {
+        const eventName = getString(el, "onValueChange");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            id: el.id
+          });
+        }
+        const clientName = getString(el, "onValueChangeClient");
+        if (clientName) {
+          el.dispatchEvent(
+            new CustomEvent(clientName, {
+              bubbles: true,
+              detail: { value: details, id: el.id }
+            })
+          );
+        }
+      }
+    });
+    zag.init();
+    this.radioGroup = zag;
+    this.handlers = [];
+  },
+  updated() {
+    const value = getString(this.el, "value");
+    const controlled = getBoolean(this.el, "controlled");
+    this.radioGroup?.updateProps({
+      id: this.el.id,
+      ...controlled && value !== void 0 ? { value: value ?? null } : {},
+      name: getString(this.el, "name"),
+      form: getString(this.el, "form"),
+      disabled: getBoolean(this.el, "disabled"),
+      invalid: getBoolean(this.el, "invalid"),
+      required: getBoolean(this.el, "required"),
+      readOnly: getBoolean(this.el, "readOnly"),
+      orientation: getString(this.el, "orientation", [
+        "horizontal",
+        "vertical"
+      ])
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.radioGroup?.destroy();
+  }
+};
+export {
+  RadioGroupHook as RadioGroup
+};
diff --git a/priv/static/select.mjs b/priv/static/select.mjs
index dc7872f..f98cf07 100644
--- a/priv/static/select.mjs
+++ b/priv/static/select.mjs
@@ -1,13 +1,14 @@
 import {
   ListCollection
-} from "./chunk-2DWEYSRA.mjs";
+} from "./chunk-2PO3TGCF.mjs";
 import {
   getPlacement,
   getPlacementStyles
-} from "./chunk-GRHV6R4F.mjs";
+} from "./chunk-EENFWNGI.mjs";
 import {
   trackDismissableElement
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   Component,
   VanillaMachine,
@@ -37,7 +38,7 @@ import {
   scrollIntoView,
   trackFormControl,
   visuallyHiddenStyle
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+select@1.33.1/node_modules/@zag-js/select/dist/index.mjs
 var anatomy = createAnatomy("select").parts(
@@ -1260,26 +1261,19 @@ var Select = class extends Component {
       '[data-scope="select"][data-part="content"]'
     );
     if (!contentEl) return;
-    contentEl.querySelectorAll(
-      '[data-scope="select"][data-part="item-group"]'
-    ).forEach((groupEl) => {
+    contentEl.querySelectorAll('[data-scope="select"][data-part="item-group"]').forEach((groupEl) => {
       const groupId = groupEl.dataset.id ?? "";
       this.spreadProps(groupEl, this.api.getItemGroupProps({ id: groupId }));
       const labelEl = groupEl.querySelector(
         '[data-scope="select"][data-part="item-group-label"]'
       );
       if (labelEl) {
-        this.spreadProps(
-          labelEl,
-          this.api.getItemGroupLabelProps({ htmlFor: groupId })
-        );
+        this.spreadProps(labelEl, this.api.getItemGroupLabelProps({ htmlFor: groupId }));
       }
     });
     contentEl.querySelectorAll('[data-scope="select"][data-part="item"]').forEach((itemEl) => {
       const value = itemEl.dataset.value ?? "";
-      const item = this.options.find(
-        (i) => String(i.id ?? i.value ?? "") === String(value)
-      );
+      const item = this.options.find((i) => String(i.id ?? i.value ?? "") === String(value));
       if (!item) return;
       this.spreadProps(itemEl, this.api.getItemProps({ item }));
       const textEl = itemEl.querySelector(
@@ -1292,10 +1286,7 @@ var Select = class extends Component {
         '[data-scope="select"][data-part="item-indicator"]'
       );
       if (indicatorEl) {
-        this.spreadProps(
-          indicatorEl,
-          this.api.getItemIndicatorProps({ item })
-        );
+        this.spreadProps(indicatorEl, this.api.getItemIndicatorProps({ item }));
       }
     });
   }
@@ -1320,17 +1311,8 @@ var Select = class extends Component {
     if (hiddenSelect) {
       this.spreadProps(hiddenSelect, this.api.getHiddenSelectProps());
     }
-    [
-      "label",
-      "control",
-      "trigger",
-      "indicator",
-      "clear-trigger",
-      "positioner"
-    ].forEach((part) => {
-      const el = this.el.querySelector(
-        `[data-scope="select"][data-part="${part}"]`
-      );
+    ["label", "control", "trigger", "indicator", "clear-trigger", "positioner"].forEach((part) => {
+      const el = this.el.querySelector(`[data-scope="select"][data-part="${part}"]`);
       if (!el) return;
       const method = "get" + part.split("-").map((s) => s[0].toUpperCase() + s.slice(1)).join("") + "Props";
       this.spreadProps(el, this.api[method]());
diff --git a/priv/static/signature-pad.mjs b/priv/static/signature-pad.mjs
index 35537cb..95ff7de 100644
--- a/priv/static/signature-pad.mjs
+++ b/priv/static/signature-pad.mjs
@@ -17,7 +17,7 @@ import {
   normalizeProps,
   query,
   trackPointerMove
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/perfect-freehand@1.2.3/node_modules/perfect-freehand/dist/esm/index.mjs
 var { PI: e } = Math;
diff --git a/priv/static/switch.mjs b/priv/static/switch.mjs
index e1a3a3e..f65ff0a 100644
--- a/priv/static/switch.mjs
+++ b/priv/static/switch.mjs
@@ -1,7 +1,7 @@
 import {
   isFocusVisible,
   trackFocusVisible
-} from "./chunk-EAMC7PNF.mjs";
+} from "./chunk-TEV2GE3U.mjs";
 import {
   Component,
   VanillaMachine,
@@ -21,7 +21,7 @@ import {
   trackFormControl,
   trackPress,
   visuallyHiddenStyle
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+switch@1.33.1/node_modules/@zag-js/switch/dist/index.mjs
 var anatomy = createAnatomy("switch").parts("root", "label", "control", "thumb");
diff --git a/priv/static/tabs.mjs b/priv/static/tabs.mjs
index 18a7a34..d0fe12c 100644
--- a/priv/static/tabs.mjs
+++ b/priv/static/tabs.mjs
@@ -29,7 +29,7 @@ import {
   resizeObserverBorderBox,
   setup,
   toPx
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+tabs@1.33.1/node_modules/@zag-js/tabs/dist/index.mjs
 var anatomy = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
diff --git a/priv/static/timer.mjs b/priv/static/timer.mjs
new file mode 100644
index 0000000..5a51f6c
--- /dev/null
+++ b/priv/static/timer.mjs
@@ -0,0 +1,469 @@
+import {
+  Component,
+  VanillaMachine,
+  clampValue,
+  createAnatomy,
+  createMachine,
+  createProps,
+  createSplitProps,
+  getBoolean,
+  getNumber,
+  getString,
+  match,
+  memo,
+  normalizeProps,
+  setRafInterval,
+  setRafTimeout
+} from "./chunk-IXOYOLUJ.mjs";
+
+// ../node_modules/.pnpm/@zag-js+timer@1.33.1/node_modules/@zag-js/timer/dist/index.mjs
+var anatomy = createAnatomy("timer").parts(
+  "root",
+  "area",
+  "control",
+  "item",
+  "itemValue",
+  "itemLabel",
+  "actionTrigger",
+  "separator"
+);
+var parts = anatomy.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `timer:${ctx.id}:root`;
+var getAreaId = (ctx) => ctx.ids?.area ?? `timer:${ctx.id}:area`;
+var validActions = /* @__PURE__ */ new Set(["start", "pause", "resume", "reset", "restart"]);
+function connect(service, normalize) {
+  const { state, send, computed, scope } = service;
+  const running = state.matches("running");
+  const paused = state.matches("paused");
+  const time = computed("time");
+  const formattedTime = computed("formattedTime");
+  const progressPercent = computed("progressPercent");
+  return {
+    running,
+    paused,
+    time,
+    formattedTime,
+    progressPercent,
+    start() {
+      send({ type: "START" });
+    },
+    pause() {
+      send({ type: "PAUSE" });
+    },
+    resume() {
+      send({ type: "RESUME" });
+    },
+    reset() {
+      send({ type: "RESET" });
+    },
+    restart() {
+      send({ type: "RESTART" });
+    },
+    getRootProps() {
+      return normalize.element({
+        id: getRootId(scope),
+        ...parts.root.attrs
+      });
+    },
+    getAreaProps() {
+      return normalize.element({
+        role: "timer",
+        id: getAreaId(scope),
+        "aria-label": `${time.days} days ${formattedTime.hours}:${formattedTime.minutes}:${formattedTime.seconds}`,
+        "aria-atomic": true,
+        ...parts.area.attrs
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs
+      });
+    },
+    getItemProps(props2) {
+      const value = time[props2.type];
+      return normalize.element({
+        ...parts.item.attrs,
+        "data-type": props2.type,
+        style: {
+          "--value": value
+        }
+      });
+    },
+    getItemLabelProps(props2) {
+      return normalize.element({
+        ...parts.itemLabel.attrs,
+        "data-type": props2.type
+      });
+    },
+    getItemValueProps(props2) {
+      return normalize.element({
+        ...parts.itemValue.attrs,
+        "data-type": props2.type
+      });
+    },
+    getSeparatorProps() {
+      return normalize.element({
+        "aria-hidden": true,
+        ...parts.separator.attrs
+      });
+    },
+    getActionTriggerProps(props2) {
+      if (!validActions.has(props2.action)) {
+        throw new Error(
+          `[zag-js] Invalid action: ${props2.action}. Must be one of: ${Array.from(validActions).join(", ")}`
+        );
+      }
+      return normalize.button({
+        ...parts.actionTrigger.attrs,
+        hidden: match(props2.action, {
+          start: () => running || paused,
+          pause: () => !running,
+          reset: () => !running && !paused,
+          resume: () => !paused,
+          restart: () => false
+        }),
+        type: "button",
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          send({ type: props2.action.toUpperCase() });
+        }
+      });
+    }
+  };
+}
+var machine = createMachine({
+  props({ props: props2 }) {
+    validateProps(props2);
+    return {
+      interval: 1e3,
+      startMs: 0,
+      ...props2
+    };
+  },
+  initialState({ prop }) {
+    return prop("autoStart") ? "running" : "idle";
+  },
+  context({ prop, bindable }) {
+    return {
+      currentMs: bindable(() => ({
+        defaultValue: prop("startMs")
+      }))
+    };
+  },
+  watch({ track, send, prop }) {
+    track([() => prop("startMs")], () => {
+      send({ type: "RESTART" });
+    });
+  },
+  on: {
+    RESTART: {
+      target: "running:temp",
+      actions: ["resetTime"]
+    }
+  },
+  computed: {
+    time: ({ context }) => msToTime(context.get("currentMs")),
+    formattedTime: ({ computed }) => formatTime(computed("time")),
+    progressPercent: memo(
+      ({ context, prop }) => [context.get("currentMs"), prop("targetMs"), prop("startMs"), prop("countdown")],
+      ([currentMs, targetMs = 0, startMs, countdown]) => {
+        const percent = countdown ? toPercent(currentMs, targetMs, startMs) : toPercent(currentMs, startMs, targetMs);
+        return clampValue(percent, 0, 1);
+      }
+    )
+  },
+  states: {
+    idle: {
+      on: {
+        START: {
+          target: "running"
+        },
+        RESET: {
+          actions: ["resetTime"]
+        }
+      }
+    },
+    "running:temp": {
+      effects: ["waitForNextTick"],
+      on: {
+        CONTINUE: {
+          target: "running"
+        }
+      }
+    },
+    running: {
+      effects: ["keepTicking"],
+      on: {
+        PAUSE: {
+          target: "paused"
+        },
+        TICK: [
+          {
+            target: "idle",
+            guard: "hasReachedTarget",
+            actions: ["invokeOnComplete"]
+          },
+          {
+            actions: ["updateTime", "invokeOnTick"]
+          }
+        ],
+        RESET: {
+          actions: ["resetTime"]
+        }
+      }
+    },
+    paused: {
+      on: {
+        RESUME: {
+          target: "running"
+        },
+        RESET: {
+          target: "idle",
+          actions: ["resetTime"]
+        }
+      }
+    }
+  },
+  implementations: {
+    effects: {
+      keepTicking({ prop, send }) {
+        return setRafInterval(({ deltaMs }) => {
+          send({ type: "TICK", deltaMs });
+        }, prop("interval"));
+      },
+      waitForNextTick({ send }) {
+        return setRafTimeout(() => {
+          send({ type: "CONTINUE" });
+        }, 0);
+      }
+    },
+    actions: {
+      updateTime({ context, prop, event }) {
+        const sign = prop("countdown") ? -1 : 1;
+        const deltaMs = roundToInterval(event.deltaMs, prop("interval"));
+        context.set("currentMs", (prev) => {
+          const newValue = prev + sign * deltaMs;
+          let targetMs = prop("targetMs");
+          if (targetMs == null && prop("countdown")) targetMs = 0;
+          if (prop("countdown") && targetMs != null) {
+            return Math.max(newValue, targetMs);
+          } else if (!prop("countdown") && targetMs != null) {
+            return Math.min(newValue, targetMs);
+          }
+          return newValue;
+        });
+      },
+      resetTime({ context, prop }) {
+        let targetMs = prop("targetMs");
+        if (targetMs == null && prop("countdown")) targetMs = 0;
+        context.set("currentMs", prop("startMs") ?? 0);
+      },
+      invokeOnTick({ context, prop, computed }) {
+        prop("onTick")?.({
+          value: context.get("currentMs"),
+          time: computed("time"),
+          formattedTime: computed("formattedTime")
+        });
+      },
+      invokeOnComplete({ prop }) {
+        prop("onComplete")?.();
+      }
+    },
+    guards: {
+      hasReachedTarget: ({ context, prop }) => {
+        let targetMs = prop("targetMs");
+        if (targetMs == null && prop("countdown")) targetMs = 0;
+        if (targetMs == null) return false;
+        const currentMs = context.get("currentMs");
+        return prop("countdown") ? currentMs <= targetMs : currentMs >= targetMs;
+      }
+    }
+  }
+});
+function msToTime(ms) {
+  const time = Math.max(0, ms);
+  const milliseconds = time % 1e3;
+  const seconds = Math.floor(time / 1e3) % 60;
+  const minutes = Math.floor(time / (1e3 * 60)) % 60;
+  const hours = Math.floor(time / (1e3 * 60 * 60)) % 24;
+  const days = Math.floor(time / (1e3 * 60 * 60 * 24));
+  return {
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds
+  };
+}
+function toPercent(value, minValue, maxValue) {
+  const range = maxValue - minValue;
+  if (range === 0) return 0;
+  return (value - minValue) / range;
+}
+function padStart(num, size = 2) {
+  return num.toString().padStart(size, "0");
+}
+function roundToInterval(value, interval) {
+  return Math.floor(value / interval) * interval;
+}
+function formatTime(time) {
+  const { days, hours, minutes, seconds } = time;
+  return {
+    days: padStart(days),
+    hours: padStart(hours),
+    minutes: padStart(minutes),
+    seconds: padStart(seconds),
+    milliseconds: padStart(time.milliseconds, 3)
+  };
+}
+function validateProps(props2) {
+  const { startMs, targetMs, countdown, interval } = props2;
+  if (interval != null && (typeof interval !== "number" || interval <= 0)) {
+    throw new Error(`[timer] Invalid interval: ${interval}. Must be a positive number.`);
+  }
+  if (startMs != null && (typeof startMs !== "number" || startMs < 0)) {
+    throw new Error(`[timer] Invalid startMs: ${startMs}. Must be a non-negative number.`);
+  }
+  if (targetMs != null && (typeof targetMs !== "number" || targetMs < 0)) {
+    throw new Error(`[timer] Invalid targetMs: ${targetMs}. Must be a non-negative number.`);
+  }
+  if (countdown && startMs != null && targetMs != null) {
+    if (startMs <= targetMs) {
+      throw new Error(
+        `[timer] Invalid countdown configuration: startMs (${startMs}) must be greater than targetMs (${targetMs}).`
+      );
+    }
+  }
+  if (!countdown && startMs != null && targetMs != null) {
+    if (startMs >= targetMs) {
+      throw new Error(
+        `[timer] Invalid stopwatch configuration: startMs (${startMs}) must be less than targetMs (${targetMs}).`
+      );
+    }
+  }
+  if (countdown && targetMs == null && startMs != null && startMs <= 0) {
+    throw new Error(
+      `[timer] Invalid countdown configuration: startMs (${startMs}) must be greater than 0 when no targetMs is provided.`
+    );
+  }
+}
+var props = createProps()([
+  "autoStart",
+  "countdown",
+  "getRootNode",
+  "id",
+  "ids",
+  "interval",
+  "onComplete",
+  "onTick",
+  "startMs",
+  "targetMs"
+]);
+var splitProps = createSplitProps(props);
+
+// components/timer.ts
+var Timer = class extends Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMachine(props2) {
+    return new VanillaMachine(machine, props2);
+  }
+  initApi() {
+    return connect(this.machine.service, normalizeProps);
+  }
+  init = () => {
+    this.machine.subscribe(() => {
+      this.api = this.initApi();
+      this.render();
+    });
+    this.machine.start();
+    this.api = this.initApi();
+    this.render();
+  };
+  render() {
+    const rootEl = this.el.querySelector('[data-scope="timer"][data-part="root"]') ?? this.el;
+    this.spreadProps(rootEl, this.api.getRootProps());
+    const areaEl = this.el.querySelector('[data-scope="timer"][data-part="area"]');
+    if (areaEl) this.spreadProps(areaEl, this.api.getAreaProps());
+    const controlEl = this.el.querySelector(
+      '[data-scope="timer"][data-part="control"]'
+    );
+    if (controlEl) this.spreadProps(controlEl, this.api.getControlProps());
+    const timeParts = ["days", "hours", "minutes", "seconds"];
+    timeParts.forEach((type) => {
+      const itemEl = this.el.querySelector(
+        `[data-scope="timer"][data-part="item"][data-type="${type}"]`
+      );
+      if (itemEl) {
+        this.spreadProps(itemEl, this.api.getItemProps({ type }));
+      }
+    });
+    this.el.querySelectorAll('[data-scope="timer"][data-part="separator"]').forEach((separatorEl) => {
+      this.spreadProps(separatorEl, this.api.getSeparatorProps());
+    });
+    const actions = ["start", "pause", "resume", "reset"];
+    actions.forEach((action) => {
+      const triggerEl = this.el.querySelector(
+        `[data-scope="timer"][data-part="action-trigger"][data-action="${action}"]`
+      );
+      if (triggerEl)
+        this.spreadProps(
+          triggerEl,
+          this.api.getActionTriggerProps({ action })
+        );
+    });
+  }
+};
+
+// hooks/timer.ts
+var TimerHook = {
+  mounted() {
+    const el = this.el;
+    const zag = new Timer(el, {
+      id: el.id,
+      countdown: getBoolean(el, "countdown"),
+      startMs: getNumber(el, "startMs"),
+      targetMs: getNumber(el, "targetMs"),
+      autoStart: getBoolean(el, "autoStart"),
+      interval: getNumber(el, "interval") ?? 1e3,
+      onTick: (details) => {
+        const eventName = getString(el, "onTick");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, {
+            value: details.value,
+            time: details.time,
+            formattedTime: details.formattedTime,
+            id: el.id
+          });
+        }
+      },
+      onComplete: () => {
+        const eventName = getString(el, "onComplete");
+        if (eventName && !this.liveSocket.main.isDead && this.liveSocket.main.isConnected()) {
+          this.pushEvent(eventName, { id: el.id });
+        }
+      }
+    });
+    zag.init();
+    this.timer = zag;
+    this.handlers = [];
+  },
+  updated() {
+    this.timer?.updateProps({
+      id: this.el.id,
+      countdown: getBoolean(this.el, "countdown"),
+      startMs: getNumber(this.el, "startMs"),
+      targetMs: getNumber(this.el, "targetMs"),
+      autoStart: getBoolean(this.el, "autoStart"),
+      interval: getNumber(this.el, "interval") ?? 1e3
+    });
+  },
+  destroyed() {
+    if (this.handlers) {
+      for (const h of this.handlers) this.removeHandleEvent(h);
+    }
+    this.timer?.destroy();
+  }
+};
+export {
+  TimerHook as Timer
+};
diff --git a/priv/static/toast.mjs b/priv/static/toast.mjs
index 72384fb..b80ab49 100644
--- a/priv/static/toast.mjs
+++ b/priv/static/toast.mjs
@@ -1,6 +1,7 @@
 import {
   trackDismissableBranch
-} from "./chunk-BPSX7Z7Y.mjs";
+} from "./chunk-RR7TJIQ5.mjs";
+import "./chunk-ER3INIAI.mjs";
 import {
   AnimationFrame,
   Component,
@@ -25,7 +26,7 @@ import {
   setup,
   uuid,
   warn
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+toast@1.33.1/node_modules/@zag-js/toast/dist/index.mjs
 var anatomy = createAnatomy("toast").parts(
diff --git a/priv/static/toggle-group.mjs b/priv/static/toggle-group.mjs
index 0cd2b96..37da799 100644
--- a/priv/static/toggle-group.mjs
+++ b/priv/static/toggle-group.mjs
@@ -25,7 +25,7 @@ import {
   prevById,
   queryAll,
   raf
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+toggle-group@1.33.1/node_modules/@zag-js/toggle-group/dist/index.mjs
 var anatomy = createAnatomy("toggle-group").parts("root", "item");
diff --git a/priv/static/tree-view.mjs b/priv/static/tree-view.mjs
index d2b3d7f..b8a8b4e 100644
--- a/priv/static/tree-view.mjs
+++ b/priv/static/tree-view.mjs
@@ -1,6 +1,6 @@
 import {
   TreeCollection
-} from "./chunk-2DWEYSRA.mjs";
+} from "./chunk-2PO3TGCF.mjs";
 import {
   Component,
   VanillaMachine,
@@ -38,7 +38,7 @@ import {
   setElementValue,
   toArray,
   uniq
-} from "./chunk-GFGFZBBD.mjs";
+} from "./chunk-IXOYOLUJ.mjs";
 
 // ../node_modules/.pnpm/@zag-js+tree-view@1.33.1/node_modules/@zag-js/tree-view/dist/index.mjs
 var anatomy = createAnatomy("tree-view").parts(