@soave/ui 0.3.2 → 0.5.0

package/dist/index.mjs

@@ -1,6 +1,2109 @@
-export * from "./composables/index.mjs";
-export * from "./components/index.mjs";
-export * from "./types/index.mjs";
-export * from "./utils/index.mjs";
-export * from "./constants/index.mjs";
-export * from "./adapters/index.mjs";
+import { u as useButton, a as useInput, m as useTextarea, b as useCard, j as useCheckbox, l as useSwitch, c as useDialog, n as useSelectTrigger, o as useSelectContent, p as useSelectItem, k as useRadioItem } from "./useTheme-C2uPqAtQ.js";
+import { C, D, A, F, I, R, S, i, U, z, y, t, w, q, d, v, h, x, r, s, f, g, e } from "./useTheme-C2uPqAtQ.js";
+import { defineComponent, toRef, createElementBlock, openBlock, mergeProps, unref, renderSlot, mergeModels, useModel, computed, withKeys, withModifiers, createElementVNode, ref, watch, provide, onMounted, onUnmounted, createBlock, Teleport, createCommentVNode, inject, createTextVNode, toDisplayString } from "vue";
+import { c, t as t2 } from "./tailwind-B-R7fPT1.js";
+import { ADAPTER_REGISTRY, cssVariablesAdapter, getAdapter, getRegisteredAdapters, headlessAdapter, registerAdapter } from "./adapters.mjs";
+const FORM_LOGS = {
+  FIELD_VALIDATED: (field) => `フィールド "${field}" のバリデーションが完了しました`,
+  FORM_SUBMITTED: "フォームが送信されました",
+  FORM_RESET: "フォームがリセットされました",
+  VALIDATION_STARTED: "バリデーションを開始します"
+};
+const COMPONENT_LOGS = {
+  DIALOG_OPENED: "ダイアログが開かれました",
+  DIALOG_CLOSED: "ダイアログが閉じられました",
+  BUTTON_CLICKED: "ボタンがクリックされました",
+  INPUT_FOCUSED: "入力フィールドにフォーカスが当たりました",
+  INPUT_BLURRED: "入力フィールドからフォーカスが外れました"
+};
+const CONFIG_LOGS = {
+  PROVIDER_INITIALIZED: "UIProviderが初期化されました",
+  CONFIG_UPDATED: "UI設定が更新されました"
+};
+const _hoisted_1$t = ["disabled", "type"];
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    type: { default: "button" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const composable = useButton(toRef(() => props));
+    const handleClick = (event) => {
+      if (!composable.state.value.disabled && !composable.state.value.loading) {
+        emit("click", event);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({
+        disabled: unref(composable).state.value.disabled || unref(composable).state.value.loading,
+        type: unref(composable).state.value.type
+      }, unref(composable).aria_attributes.value, { onClick: handleClick }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1$t);
+    };
+  }
+});
+const _hoisted_1$s = ["type", "value", "disabled", "readonly", "placeholder", "id"];
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  __name: "Input",
+  props: {
+    type: { default: "text" },
+    size: { default: "md" },
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    error: {},
+    error_id: {},
+    id: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const composable = useInput(toRef(() => props));
+    const handleInput = (event) => {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", mergeProps({
+        type: unref(composable).state.value.type,
+        value: __props.modelValue,
+        disabled: unref(composable).state.value.disabled,
+        readonly: unref(composable).state.value.readonly,
+        placeholder: __props.placeholder,
+        id: __props.id
+      }, unref(composable).aria_attributes.value, {
+        onInput: handleInput,
+        onFocus: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(composable).handleFocus && unref(composable).handleFocus(...args)),
+        onBlur: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(composable).handleBlur && unref(composable).handleBlur(...args))
+      }), null, 16, _hoisted_1$s);
+    };
+  }
+});
+const _hoisted_1$r = ["value", "disabled", "readonly", "placeholder", "rows", "id"];
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  __name: "Textarea",
+  props: {
+    size: { default: "md" },
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    error: {},
+    error_id: {},
+    rows: { default: 3 },
+    resize: { default: "vertical" },
+    modelValue: {},
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const composable = useTextarea(toRef(() => props));
+    const handleInput = (event) => {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    };
+    __expose({
+      state: composable.state,
+      is_focused: composable.is_focused
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("textarea", mergeProps({
+        value: __props.modelValue,
+        disabled: unref(composable).state.value.disabled,
+        readonly: unref(composable).state.value.readonly,
+        placeholder: __props.placeholder,
+        rows: __props.rows,
+        id: __props.id
+      }, unref(composable).aria_attributes.value, {
+        onInput: handleInput,
+        onFocus: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(composable).handleFocus && unref(composable).handleFocus(...args)),
+        onBlur: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(composable).handleBlur && unref(composable).handleBlur(...args))
+      }), null, 16, _hoisted_1$r);
+    };
+  }
+});
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  props: {
+    padding: { default: "md" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const composable = useCard(toRef(() => props));
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardHeader"
+  },
+  __name: "CardHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardTitle"
+  },
+  __name: "CardTitle",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h3", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardDescription"
+  },
+  __name: "CardDescription",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardContent"
+  },
+  __name: "CardContent",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardFooter"
+  },
+  __name: "CardFooter",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$q = ["data-variant"];
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Alert"
+  },
+  __name: "Alert",
+  props: {
+    variant: { default: "default" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "alert",
+        "data-variant": __props.variant
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$q);
+    };
+  }
+});
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AlertTitle"
+  },
+  __name: "AlertTitle",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h5", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AlertDescription"
+  },
+  __name: "AlertDescription",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$p = ["disabled", "data-state", "onKeydown"];
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    indeterminate: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const emit = __emit;
+    const composable = useCheckbox(toRef(() => props), model);
+    const dataState = computed(() => {
+      if (composable.state.value.indeterminate) return "indeterminate";
+      return model.value ? "checked" : "unchecked";
+    });
+    const handleClick = () => {
+      if (!composable.state.value.disabled) {
+        model.value = !model.value;
+        emit("change", model.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({
+        type: "button",
+        disabled: unref(composable).state.value.disabled,
+        "data-state": dataState.value
+      }, unref(composable).aria_attributes.value, {
+        onClick: handleClick,
+        onKeydown: withKeys(withModifiers(handleClick, ["prevent"]), ["space"])
+      }), [
+        renderSlot(_ctx.$slots, "default", {
+          checked: model.value,
+          indeterminate: unref(composable).state.value.indeterminate
+        })
+      ], 16, _hoisted_1$p);
+    };
+  }
+});
+const _hoisted_1$o = ["disabled", "data-state"];
+const _hoisted_2$1 = ["data-state"];
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  __name: "Switch",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const emit = __emit;
+    const composable = useSwitch(toRef(() => props), model);
+    const handleClick = () => {
+      if (!composable.state.value.disabled) {
+        model.value = !model.value;
+        emit("change", model.value);
+      }
+    };
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({
+        type: "button",
+        disabled: unref(composable).state.value.disabled,
+        "data-state": model.value ? "checked" : "unchecked"
+      }, unref(composable).aria_attributes.value, { onClick: handleClick }), [
+        renderSlot(_ctx.$slots, "default", { checked: model.value }, () => [
+          createElementVNode("span", {
+            "data-state": model.value ? "checked" : "unchecked"
+          }, null, 8, _hoisted_2$1)
+        ])
+      ], 16, _hoisted_1$o);
+    };
+  }
+});
+const _hoisted_1$n = ["aria-labelledby", "aria-describedby"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
+  props: /* @__PURE__ */ mergeModels({
+    closeOnOverlay: { type: Boolean, default: true },
+    closeOnEscape: { type: Boolean, default: true },
+    titleId: {},
+    descriptionId: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props, { expose: __expose }) {
+    const DIALOG_KEY2 = Symbol("dialog");
+    const props = __props;
+    const model = useModel(__props, "open");
+    const content_ref = ref(null);
+    const dialog = useDialog();
+    const { is_open, open, close, toggle } = dialog;
+    watch(model, (value) => {
+      if (value) {
+        open();
+      } else {
+        close();
+      }
+    }, { immediate: true });
+    watch(is_open, (value) => {
+      model.value = value;
+    });
+    const handleOverlayClick = () => {
+      if (props.closeOnOverlay) {
+        close();
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && props.closeOnEscape && is_open.value) {
+        close();
+      }
+    };
+    const context = {
+      is_open,
+      close,
+      titleId: props.titleId,
+      descriptionId: props.descriptionId
+    };
+    provide(DIALOG_KEY2, context);
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    __expose({
+      is_open,
+      open,
+      close,
+      toggle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        unref(is_open) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": __props.titleId,
+          "aria-describedby": __props.descriptionId
+        }, [
+          createElementVNode("div", {
+            onClick: handleOverlayClick,
+            onKeydown: _cache[0] || (_cache[0] = withKeys(
+              //@ts-ignore
+              (...args) => unref(close) && unref(close)(...args),
+              ["escape"]
+            ))
+          }, null, 32),
+          createElementVNode("div", {
+            ref_key: "content_ref",
+            ref: content_ref,
+            tabindex: "-1",
+            onKeydown: _cache[1] || (_cache[1] = withKeys(
+              //@ts-ignore
+              (...args) => unref(close) && unref(close)(...args),
+              ["escape"]
+            ))
+          }, [
+            renderSlot(_ctx.$slots, "default", { close: unref(close) })
+          ], 544)
+        ], 8, _hoisted_1$n)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogTrigger"
+  },
+  __name: "DialogTrigger",
+  setup(__props) {
+    const DIALOG_KEY2 = Symbol("dialog");
+    const context = inject(DIALOG_KEY2, null);
+    const open = () => {
+      if (context) {
+        context.is_open.value = true;
+      }
+    };
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { open });
+    };
+  }
+});
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogOverlay"
+  },
+  __name: "DialogOverlay",
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "aria-hidden": "true",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+      });
+    };
+  }
+});
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogContent"
+  },
+  __name: "DialogContent",
+  setup(__props, { expose: __expose }) {
+    const content_ref = ref(null);
+    __expose({
+      content_ref
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "content_ref",
+        ref: content_ref,
+        role: "document",
+        tabindex: "-1"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogHeader"
+  },
+  __name: "DialogHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$m = ["id"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogTitle"
+  },
+  __name: "DialogTitle",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h2", { id: __props.id }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$m);
+    };
+  }
+});
+const _hoisted_1$l = ["id"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogDescription"
+  },
+  __name: "DialogDescription",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", { id: __props.id }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$l);
+    };
+  }
+});
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DialogFooter"
+  },
+  __name: "DialogFooter",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" }
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const SELECT_KEY = Symbol("select");
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const root_ref = ref(null);
+    const trigger_ref = ref(null);
+    const is_open = ref(false);
+    const open = () => {
+      if (!props.disabled) {
+        is_open.value = true;
+      }
+    };
+    const close = () => {
+      is_open.value = false;
+    };
+    const toggle = () => {
+      if (is_open.value) {
+        close();
+      } else {
+        open();
+      }
+    };
+    const updateValue = (value) => {
+      model.value = value;
+      close();
+    };
+    const setTriggerRef = (element) => {
+      trigger_ref.value = element;
+    };
+    const handleClickOutside = (event) => {
+      if (!is_open.value) return;
+      const target = event.target;
+      if (root_ref.value && !root_ref.value.contains(target)) {
+        close();
+      }
+    };
+    const context = {
+      model_value: model,
+      is_open,
+      disabled: computed(() => props.disabled),
+      size: computed(() => props.size ?? "md"),
+      placeholder: computed(() => props.placeholder ?? ""),
+      trigger_ref,
+      updateValue,
+      open,
+      close,
+      toggle,
+      setTriggerRef
+    };
+    provide(SELECT_KEY, context);
+    onMounted(() => {
+      document.addEventListener("mousedown", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    });
+    __expose({
+      is_open,
+      open,
+      close,
+      toggle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root_ref",
+        ref: root_ref
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          is_open: context.is_open.value,
+          selected_value: model.value,
+          open: context.open,
+          close: context.close,
+          toggle: context.toggle
+        })
+      ], 512);
+    };
+  }
+});
+const _hoisted_1$k = ["disabled", "aria-expanded"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "SelectTrigger",
+  setup(__props, { expose: __expose }) {
+    const SELECT_KEY = Symbol("select");
+    const trigger_element = ref(null);
+    const context = inject(SELECT_KEY, null);
+    if (!context) {
+      throw new Error("SelectTrigger must be used within Select");
+    }
+    const composable = useSelectTrigger();
+    const handleClick = () => {
+      if (!composable.state.value.disabled) {
+        context.toggle();
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (composable.state.value.disabled) return;
+      switch (event.key) {
+        case "Enter":
+        case " ":
+        case "ArrowDown":
+          event.preventDefault();
+          context.open();
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          context.open();
+          break;
+      }
+    };
+    onMounted(() => {
+      context.setTriggerRef(trigger_element.value);
+    });
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "trigger_element",
+        ref: trigger_element,
+        type: "button",
+        disabled: unref(composable).state.value.disabled,
+        "aria-expanded": unref(composable).state.value.is_open,
+        "aria-haspopup": "listbox",
+        onClick: handleClick,
+        onKeydown: handleKeyDown
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          is_open: unref(composable).state.value.is_open,
+          disabled: unref(composable).state.value.disabled
+        })
+      ], 40, _hoisted_1$k);
+    };
+  }
+});
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SelectValue"
+  },
+  __name: "SelectValue",
+  props: {
+    placeholder: {}
+  },
+  setup(__props) {
+    const SELECT_KEY = Symbol("select");
+    const props = __props;
+    const context = inject(SELECT_KEY, null);
+    const selected_value = computed(() => (context == null ? void 0 : context.model_value.value) ?? "");
+    const placeholder = computed(() => props.placeholder ?? (context == null ? void 0 : context.placeholder.value) ?? "Select...");
+    const display_text = computed(() => selected_value.value || placeholder.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, [
+        renderSlot(_ctx.$slots, "default", {
+          value: selected_value.value,
+          placeholder: placeholder.value
+        }, () => [
+          createTextVNode(toDisplayString(display_text.value), 1)
+        ])
+      ]);
+    };
+  }
+});
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "SelectContent",
+  setup(__props, { expose: __expose }) {
+    const SELECT_KEY = Symbol("select");
+    const context = inject(SELECT_KEY, null);
+    if (!context) {
+      throw new Error("SelectContent must be used within Select");
+    }
+    const composable = useSelectContent();
+    const handleKeyDown = (event) => {
+      var _a;
+      switch (event.key) {
+        case "Escape":
+          event.preventDefault();
+          context.close();
+          (_a = context.trigger_ref.value) == null ? void 0 : _a.focus();
+          break;
+      }
+    };
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return unref(composable).state.value.is_open ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        role: "listbox",
+        tabindex: "-1",
+        onKeydown: handleKeyDown
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 32)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$j = ["aria-selected", "aria-disabled", "data-state", "data-disabled", "onKeydown"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "SelectItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const SELECT_KEY = Symbol("select");
+    const props = __props;
+    const context = inject(SELECT_KEY, null);
+    if (!context) {
+      throw new Error("SelectItem must be used within Select");
+    }
+    const composable = useSelectItem(toRef(() => ({ value: props.value, disabled: props.disabled })));
+    const handleClick = () => {
+      if (!composable.state.value.disabled) {
+        context.updateValue(props.value);
+      }
+    };
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "option",
+        "aria-selected": unref(composable).state.value.selected,
+        "aria-disabled": unref(composable).state.value.disabled,
+        "data-state": unref(composable).state.value.selected ? "selected" : void 0,
+        "data-disabled": unref(composable).state.value.disabled ? "" : void 0,
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(withModifiers(handleClick, ["prevent"]), ["space"])
+        ]
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          selected: unref(composable).state.value.selected,
+          disabled: unref(composable).state.value.disabled
+        })
+      ], 40, _hoisted_1$j);
+    };
+  }
+});
+const _hoisted_1$i = ["aria-orientation"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ mergeModels({
+    disabled: { type: Boolean, default: false },
+    orientation: { default: "vertical" }
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const RADIO_GROUP_KEY = Symbol("radio-group");
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const updateValue = (value) => {
+      if (!props.disabled) {
+        model.value = value;
+      }
+    };
+    const context = {
+      model_value: model,
+      disabled: computed(() => props.disabled),
+      updateValue
+    };
+    provide(RADIO_GROUP_KEY, context);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "radiogroup",
+        "aria-orientation": __props.orientation
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$i);
+    };
+  }
+});
+const _hoisted_1$h = ["disabled", "data-state"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "RadioItem",
+  props: {
+    value: {},
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const RADIO_GROUP_KEY = Symbol("radio-group");
+    const props = __props;
+    const context = inject(RADIO_GROUP_KEY, null);
+    if (!context) {
+      throw new Error("RadioItem must be used within RadioGroup");
+    }
+    const composable = useRadioItem(toRef(() => props));
+    const handleClick = () => {
+      if (!composable.state.value.disabled) {
+        context.updateValue(props.value);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (composable.state.value.disabled) return;
+      switch (event.key) {
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          context.updateValue(props.value);
+          break;
+      }
+    };
+    __expose({
+      state: composable.state
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({
+        type: "button",
+        disabled: unref(composable).state.value.disabled,
+        "data-state": unref(composable).state.value.checked ? "checked" : "unchecked"
+      }, unref(composable).aria_attributes.value, {
+        onClick: handleClick,
+        onKeydown: handleKeyDown
+      }), [
+        renderSlot(_ctx.$slots, "default", {
+          checked: unref(composable).state.value.checked,
+          disabled: unref(composable).state.value.disabled
+        })
+      ], 16, _hoisted_1$h);
+    };
+  }
+});
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormField"
+  },
+  __name: "FormField",
+  props: {
+    name: {},
+    error: {}
+  },
+  setup(__props) {
+    const FORM_FIELD_KEY = Symbol("form-field");
+    const props = __props;
+    const field_id = computed(() => `field-${props.name}`);
+    const error_id = computed(() => `field-${props.name}-error`);
+    const has_error = computed(() => !!props.error);
+    const error = computed(() => props.error);
+    provide(FORM_FIELD_KEY, {
+      field_id: field_id.value,
+      error_id: error_id.value,
+      has_error,
+      error
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default", {
+          id: field_id.value,
+          error_id: error_id.value,
+          has_error: !!error.value
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$g = ["for"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormLabel"
+  },
+  __name: "FormLabel",
+  props: {
+    for: {}
+  },
+  setup(__props) {
+    const FORM_FIELD_KEY = Symbol("form-field");
+    const props = __props;
+    const context = inject(FORM_FIELD_KEY, null);
+    const for_id = props.for ?? (context == null ? void 0 : context.field_id);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", { for: unref(for_id) }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$g);
+    };
+  }
+});
+const _hoisted_1$f = ["id", "type", "value", "disabled", "readonly", "placeholder", "aria-invalid", "aria-describedby"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormInput"
+  },
+  __name: "FormInput",
+  props: {
+    type: { default: "text" },
+    modelValue: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    placeholder: {},
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const FORM_FIELD_KEY = Symbol("form-field");
+    const props = __props;
+    const emit = __emit;
+    const context = inject(FORM_FIELD_KEY, null);
+    const input_id = computed(() => props.id ?? (context == null ? void 0 : context.field_id));
+    const has_error = computed(() => (context == null ? void 0 : context.has_error.value) ?? false);
+    const aria_error_id = computed(() => context == null ? void 0 : context.error_id);
+    const handleInput = (event) => {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        id: input_id.value,
+        type: __props.type,
+        value: __props.modelValue,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        placeholder: __props.placeholder,
+        "aria-invalid": has_error.value,
+        "aria-describedby": has_error.value ? aria_error_id.value : void 0,
+        onInput: handleInput
+      }, null, 40, _hoisted_1$f);
+    };
+  }
+});
+const _hoisted_1$e = ["id", "value", "disabled", "readonly", "placeholder", "rows", "aria-invalid", "aria-describedby"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormTextarea"
+  },
+  __name: "FormTextarea",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    placeholder: {},
+    rows: { default: 3 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const FORM_FIELD_KEY = Symbol("form-field");
+    const props = __props;
+    const emit = __emit;
+    const context = inject(FORM_FIELD_KEY, null);
+    const textarea_id = computed(() => props.id ?? (context == null ? void 0 : context.field_id));
+    const has_error = computed(() => (context == null ? void 0 : context.has_error.value) ?? false);
+    const aria_error_id = computed(() => context == null ? void 0 : context.error_id);
+    const handleInput = (event) => {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("textarea", {
+        id: textarea_id.value,
+        value: __props.modelValue,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        placeholder: __props.placeholder,
+        rows: __props.rows,
+        "aria-invalid": has_error.value,
+        "aria-describedby": has_error.value ? aria_error_id.value : void 0,
+        onInput: handleInput
+      }, null, 40, _hoisted_1$e);
+    };
+  }
+});
+const _hoisted_1$d = ["id"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormError"
+  },
+  __name: "FormError",
+  props: {
+    error: {}
+  },
+  setup(__props) {
+    const FORM_FIELD_KEY = Symbol("form-field");
+    const props = __props;
+    const context = inject(FORM_FIELD_KEY, null);
+    const error_id = computed(() => context == null ? void 0 : context.error_id);
+    const error_message = computed(() => props.error ?? (context == null ? void 0 : context.error.value));
+    const show_error = computed(() => !!error_message.value);
+    return (_ctx, _cache) => {
+      return show_error.value ? (openBlock(), createElementBlock("p", {
+        key: 0,
+        id: error_id.value,
+        role: "alert",
+        "aria-live": "polite"
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(error_message.value), 1)
+        ])
+      ], 8, _hoisted_1$d)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$c = ["data-dragging", "data-disabled", "data-has-files"];
+const _hoisted_2 = ["accept", "multiple", "disabled"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FileInput"
+  },
+  __name: "FileInput",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    maxSize: {},
+    maxFiles: {}
+  },
+  emits: ["change", "error"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const input_ref = ref(null);
+    const files = ref([]);
+    const is_dragging = ref(false);
+    const has_files = computed(() => files.value.length > 0);
+    const validateFiles = (file_list) => {
+      if (!file_list) return [];
+      const validated = [];
+      const max_files = props.maxFiles ?? (props.multiple ? Infinity : 1);
+      for (let i2 = 0; i2 < Math.min(file_list.length, max_files); i2++) {
+        const file = file_list[i2];
+        if (props.maxSize && file.size > props.maxSize) {
+          emit("error", `File "${file.name}" exceeds maximum size`);
+          continue;
+        }
+        validated.push(file);
+      }
+      return validated;
+    };
+    const handleChange = (event) => {
+      const target = event.target;
+      const validated = validateFiles(target.files);
+      files.value = validated;
+      emit("change", validated);
+    };
+    const handleDragOver = (event) => {
+      if (props.disabled) return;
+      is_dragging.value = true;
+    };
+    const handleDragLeave = () => {
+      is_dragging.value = false;
+    };
+    const handleDrop = (event) => {
+      var _a;
+      if (props.disabled) return;
+      is_dragging.value = false;
+      const validated = validateFiles(((_a = event.dataTransfer) == null ? void 0 : _a.files) ?? null);
+      files.value = validated;
+      emit("change", validated);
+    };
+    const openFilePicker = () => {
+      if (!props.disabled && input_ref.value) {
+        input_ref.value.click();
+      }
+    };
+    const clearFiles = () => {
+      files.value = [];
+      if (input_ref.value) {
+        input_ref.value.value = "";
+      }
+      emit("change", []);
+    };
+    __expose({
+      files,
+      is_dragging,
+      openFilePicker,
+      clearFiles
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-dragging": is_dragging.value,
+        "data-disabled": __props.disabled,
+        "data-has-files": has_files.value,
+        onDragover: withModifiers(handleDragOver, ["prevent"]),
+        onDragleave: handleDragLeave,
+        onDrop: withModifiers(handleDrop, ["prevent"])
+      }, [
+        createElementVNode("input", {
+          ref_key: "input_ref",
+          ref: input_ref,
+          type: "file",
+          accept: __props.accept,
+          multiple: __props.multiple,
+          disabled: __props.disabled,
+          onChange: handleChange
+        }, null, 40, _hoisted_2),
+        renderSlot(_ctx.$slots, "default", {
+          files: files.value,
+          is_dragging: is_dragging.value,
+          open: openFilePicker,
+          clear: clearFiles
+        })
+      ], 40, _hoisted_1$c);
+    };
+  }
+});
+const _hoisted_1$b = ["data-side"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Sheet"
+  },
+  __name: "Sheet",
+  props: /* @__PURE__ */ mergeModels({
+    side: { default: "right" },
+    closeOnOverlay: { type: Boolean, default: true },
+    closeOnEscape: { type: Boolean, default: true }
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props, { expose: __expose }) {
+    const SHEET_KEY = Symbol("sheet");
+    const props = __props;
+    const model = useModel(__props, "open");
+    const is_open = ref(false);
+    const open = () => {
+      is_open.value = true;
+    };
+    const close = () => {
+      is_open.value = false;
+    };
+    watch(model, (value) => {
+      is_open.value = value;
+    }, { immediate: true });
+    watch(is_open, (value) => {
+      model.value = value;
+    });
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && props.closeOnEscape && is_open.value) {
+        close();
+      }
+    };
+    provide(SHEET_KEY, {
+      is_open,
+      side: props.side,
+      close
+    });
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    __expose({
+      is_open,
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        is_open.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-side": __props.side
+        }, [
+          renderSlot(_ctx.$slots, "default", {
+            close,
+            is_open: is_open.value
+          })
+        ], 8, _hoisted_1$b)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetTrigger"
+  },
+  __name: "SheetTrigger",
+  setup(__props) {
+    const SHEET_KEY = Symbol("sheet");
+    const context = inject(SHEET_KEY, null);
+    const open = () => {
+      if (context) {
+        context.is_open.value = true;
+      }
+    };
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { open });
+    };
+  }
+});
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetOverlay"
+  },
+  __name: "SheetOverlay",
+  setup(__props) {
+    const SHEET_KEY = Symbol("sheet");
+    const context = inject(SHEET_KEY, null);
+    const handleClick = () => {
+      context == null ? void 0 : context.close();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "aria-hidden": "true",
+        onClick: handleClick
+      });
+    };
+  }
+});
+const _hoisted_1$a = {
+  role: "dialog",
+  "aria-modal": "true",
+  tabindex: "-1"
+};
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetContent"
+  },
+  __name: "SheetContent",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetHeader"
+  },
+  __name: "SheetHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetTitle"
+  },
+  __name: "SheetTitle",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h2", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetDescription"
+  },
+  __name: "SheetDescription",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetFooter"
+  },
+  __name: "SheetFooter",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SheetClose"
+  },
+  __name: "SheetClose",
+  setup(__props) {
+    const SHEET_KEY = Symbol("sheet");
+    const context = inject(SHEET_KEY, null);
+    const close = () => {
+      context == null ? void 0 : context.close();
+    };
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { close }, () => [
+        createElementVNode("button", {
+          type: "button",
+          onClick: close
+        }, " Close ")
+      ]);
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Popover"
+  },
+  __name: "Popover",
+  props: {
+    closeOnClickOutside: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    const POPOVER_KEY = Symbol("popover");
+    const props = __props;
+    const root_ref = ref(null);
+    const trigger_ref = ref(null);
+    const is_open = ref(false);
+    const open = () => {
+      is_open.value = true;
+    };
+    const close = () => {
+      is_open.value = false;
+    };
+    const toggle = () => {
+      is_open.value = !is_open.value;
+    };
+    const setTriggerRef = (el) => {
+      trigger_ref.value = el;
+    };
+    const handleClickOutside = (event) => {
+      if (!props.closeOnClickOutside || !is_open.value) return;
+      const target = event.target;
+      if (root_ref.value && !root_ref.value.contains(target)) {
+        close();
+      }
+    };
+    provide(POPOVER_KEY, {
+      is_open,
+      trigger_ref,
+      open,
+      close,
+      toggle,
+      setTriggerRef
+    });
+    onMounted(() => {
+      document.addEventListener("mousedown", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    });
+    __expose({
+      is_open,
+      open,
+      close,
+      toggle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root_ref",
+        ref: root_ref
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          is_open: is_open.value,
+          open,
+          close,
+          toggle
+        })
+      ], 512);
+    };
+  }
+});
+const _hoisted_1$9 = ["aria-expanded"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PopoverTrigger"
+  },
+  __name: "PopoverTrigger",
+  setup(__props) {
+    const POPOVER_KEY = Symbol("popover");
+    const trigger_element = ref(null);
+    const context = inject(POPOVER_KEY, null);
+    const is_open = (context == null ? void 0 : context.is_open) ?? ref(false);
+    const toggle = () => {
+      context == null ? void 0 : context.toggle();
+    };
+    onMounted(() => {
+      context == null ? void 0 : context.setTriggerRef(trigger_element.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "trigger_element",
+        ref: trigger_element,
+        type: "button",
+        "aria-expanded": unref(is_open),
+        "aria-haspopup": "dialog",
+        onClick: toggle
+      }, [
+        renderSlot(_ctx.$slots, "default", { is_open: unref(is_open) })
+      ], 8, _hoisted_1$9);
+    };
+  }
+});
+const _hoisted_1$8 = ["data-side", "data-align"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PopoverContent"
+  },
+  __name: "PopoverContent",
+  props: {
+    side: { default: "bottom" },
+    align: { default: "center" }
+  },
+  setup(__props) {
+    const POPOVER_KEY = Symbol("popover");
+    const context = inject(POPOVER_KEY, null);
+    const is_open = context == null ? void 0 : context.is_open;
+    return (_ctx, _cache) => {
+      return unref(is_open) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        role: "dialog",
+        tabindex: "-1",
+        "data-side": __props.side,
+        "data-align": __props.align
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$8)) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Tooltip"
+  },
+  __name: "Tooltip",
+  props: {
+    delay: { default: 200 }
+  },
+  setup(__props, { expose: __expose }) {
+    const TOOLTIP_KEY = Symbol("tooltip");
+    const props = __props;
+    const root_ref = ref(null);
+    const trigger_ref = ref(null);
+    const is_open = ref(false);
+    let timeout_id = null;
+    const open = () => {
+      if (timeout_id) clearTimeout(timeout_id);
+      timeout_id = setTimeout(() => {
+        is_open.value = true;
+      }, props.delay);
+    };
+    const close = () => {
+      if (timeout_id) clearTimeout(timeout_id);
+      is_open.value = false;
+    };
+    const setTriggerRef = (el) => {
+      trigger_ref.value = el;
+    };
+    provide(TOOLTIP_KEY, {
+      is_open,
+      trigger_ref,
+      delay: props.delay,
+      open,
+      close,
+      setTriggerRef
+    });
+    __expose({
+      is_open,
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root_ref",
+        ref: root_ref
+      }, [
+        renderSlot(_ctx.$slots, "default", { is_open: is_open.value })
+      ], 512);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TooltipTrigger"
+  },
+  __name: "TooltipTrigger",
+  setup(__props) {
+    const TOOLTIP_KEY = Symbol("tooltip");
+    const trigger_element = ref(null);
+    const context = inject(TOOLTIP_KEY, null);
+    const handleMouseEnter = () => {
+      context == null ? void 0 : context.open();
+    };
+    const handleMouseLeave = () => {
+      context == null ? void 0 : context.close();
+    };
+    onMounted(() => {
+      context == null ? void 0 : context.setTriggerRef(trigger_element.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "trigger_element",
+        ref: trigger_element,
+        onMouseenter: handleMouseEnter,
+        onMouseleave: handleMouseLeave,
+        onFocus: handleMouseEnter,
+        onBlur: handleMouseLeave
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 544);
+    };
+  }
+});
+const _hoisted_1$7 = ["data-side"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TooltipContent"
+  },
+  __name: "TooltipContent",
+  props: {
+    side: { default: "top" }
+  },
+  setup(__props) {
+    const TOOLTIP_KEY = Symbol("tooltip");
+    const context = inject(TOOLTIP_KEY, null);
+    const is_open = context == null ? void 0 : context.is_open;
+    return (_ctx, _cache) => {
+      return unref(is_open) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        role: "tooltip",
+        "data-side": __props.side
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$7)) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenu"
+  },
+  __name: "DropdownMenu",
+  setup(__props, { expose: __expose }) {
+    const DROPDOWN_MENU_KEY = Symbol("dropdown-menu");
+    const root_ref = ref(null);
+    const trigger_ref = ref(null);
+    const is_open = ref(false);
+    const open = () => {
+      is_open.value = true;
+    };
+    const close = () => {
+      is_open.value = false;
+    };
+    const toggle = () => {
+      is_open.value = !is_open.value;
+    };
+    const setTriggerRef = (el) => {
+      trigger_ref.value = el;
+    };
+    const handleClickOutside = (event) => {
+      if (!is_open.value) return;
+      const target = event.target;
+      if (root_ref.value && !root_ref.value.contains(target)) {
+        close();
+      }
+    };
+    provide(DROPDOWN_MENU_KEY, {
+      is_open,
+      trigger_ref,
+      open,
+      close,
+      toggle,
+      setTriggerRef
+    });
+    onMounted(() => {
+      document.addEventListener("mousedown", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    });
+    __expose({
+      is_open,
+      open,
+      close,
+      toggle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root_ref",
+        ref: root_ref
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          is_open: is_open.value,
+          open,
+          close,
+          toggle
+        })
+      ], 512);
+    };
+  }
+});
+const _hoisted_1$6 = ["aria-expanded"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenuTrigger"
+  },
+  __name: "DropdownMenuTrigger",
+  setup(__props) {
+    const DROPDOWN_MENU_KEY = Symbol("dropdown-menu");
+    const trigger_element = ref(null);
+    const context = inject(DROPDOWN_MENU_KEY, null);
+    const is_open = (context == null ? void 0 : context.is_open) ?? ref(false);
+    const toggle = () => {
+      context == null ? void 0 : context.toggle();
+    };
+    onMounted(() => {
+      context == null ? void 0 : context.setTriggerRef(trigger_element.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "trigger_element",
+        ref: trigger_element,
+        type: "button",
+        "aria-expanded": unref(is_open),
+        "aria-haspopup": "menu",
+        onClick: toggle
+      }, [
+        renderSlot(_ctx.$slots, "default", { is_open: unref(is_open) })
+      ], 8, _hoisted_1$6);
+    };
+  }
+});
+const _hoisted_1$5 = ["data-side", "data-align"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenuContent"
+  },
+  __name: "DropdownMenuContent",
+  props: {
+    side: { default: "bottom" },
+    align: { default: "start" }
+  },
+  setup(__props) {
+    const DROPDOWN_MENU_KEY = Symbol("dropdown-menu");
+    const context = inject(DROPDOWN_MENU_KEY, null);
+    const is_open = context == null ? void 0 : context.is_open;
+    const handleKeyDown = (event) => {
+      var _a;
+      if (event.key === "Escape") {
+        context == null ? void 0 : context.close();
+        (_a = context == null ? void 0 : context.trigger_ref.value) == null ? void 0 : _a.focus();
+      }
+    };
+    return (_ctx, _cache) => {
+      return unref(is_open) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        role: "menu",
+        tabindex: "-1",
+        "data-side": __props.side,
+        "data-align": __props.align,
+        onKeydown: handleKeyDown
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 40, _hoisted_1$5)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$4 = ["data-disabled", "onKeydown"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenuItem"
+  },
+  __name: "DropdownMenuItem",
+  props: {
+    disabled: { type: Boolean, default: false },
+    closeOnSelect: { type: Boolean, default: true }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const DROPDOWN_MENU_KEY = Symbol("dropdown-menu");
+    const props = __props;
+    const emit = __emit;
+    const context = inject(DROPDOWN_MENU_KEY, null);
+    const handleClick = () => {
+      if (props.disabled) return;
+      emit("select");
+      if (props.closeOnSelect) {
+        context == null ? void 0 : context.close();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "menuitem",
+        tabindex: "0",
+        "data-disabled": __props.disabled ? "" : void 0,
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(withModifiers(handleClick, ["prevent"]), ["space"])
+        ]
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 40, _hoisted_1$4);
+    };
+  }
+});
+const _hoisted_1$3 = { role: "separator" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenuSeparator"
+  },
+  __name: "DropdownMenuSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3);
+    };
+  }
+});
+const _hoisted_1$2 = { role: "presentation" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DropdownMenuLabel"
+  },
+  __name: "DropdownMenuLabel",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = ["data-variant", "data-state"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Toast"
+  },
+  __name: "Toast",
+  props: {
+    variant: { default: "default" },
+    duration: { default: 5e3 },
+    closable: { type: Boolean, default: true }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const is_visible = ref(true);
+    let timeout_id = null;
+    const close = () => {
+      is_visible.value = false;
+      emit("close");
+    };
+    onMounted(() => {
+      if (props.duration > 0) {
+        timeout_id = setTimeout(close, props.duration);
+      }
+    });
+    onUnmounted(() => {
+      if (timeout_id) {
+        clearTimeout(timeout_id);
+      }
+    });
+    __expose({
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "alert",
+        "aria-live": "assertive",
+        "aria-atomic": "true",
+        "data-variant": __props.variant,
+        "data-state": is_visible.value ? "open" : "closed"
+      }, [
+        renderSlot(_ctx.$slots, "default", { close })
+      ], 8, _hoisted_1$1);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToastTitle"
+  },
+  __name: "ToastTitle",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToastDescription"
+  },
+  __name: "ToastDescription",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToastClose"
+  },
+  __name: "ToastClose",
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        "aria-label": "Close",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          _cache[1] || (_cache[1] = createTextVNode(" × ", -1))
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = ["data-position"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Toaster"
+  },
+  __name: "Toaster",
+  props: {
+    position: { default: "bottom-right" },
+    maxToasts: { default: 5 }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const toasts = ref([]);
+    const add = (toast) => {
+      const id = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+      const new_toast = { ...toast, id };
+      toasts.value = [...toasts.value, new_toast].slice(-props.maxToasts);
+      if (toast.duration !== 0) {
+        const duration = toast.duration ?? 5e3;
+        setTimeout(() => dismiss(id), duration);
+      }
+      return id;
+    };
+    const dismiss = (id) => {
+      toasts.value = toasts.value.filter((t3) => t3.id !== id);
+    };
+    const dismissAll = () => {
+      toasts.value = [];
+    };
+    const handleToastEvent = (event) => {
+      add(event.detail);
+    };
+    onMounted(() => {
+      window.addEventListener("soave:toast", handleToastEvent);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("soave:toast", handleToastEvent);
+    });
+    __expose({
+      toasts,
+      add,
+      dismiss,
+      dismissAll
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createElementVNode("div", {
+          "data-position": __props.position,
+          "aria-live": "polite",
+          "aria-label": "Notifications"
+        }, [
+          renderSlot(_ctx.$slots, "default", {
+            toasts: toasts.value,
+            dismiss
+          })
+        ], 8, _hoisted_1)
+      ]);
+    };
+  }
+});
+const DIALOG_KEY = Symbol("dialog");
+const TOOLTIP_CONTEXT_KEY = Symbol("tooltip-context");
+const POPOVER_CONTEXT_KEY = Symbol("popover-context");
+const DROPDOWN_CONTEXT_KEY = Symbol("dropdown-context");
+const SHEET_CONTEXT_KEY = Symbol("sheet-context");
+const DEFAULT_LIGHT_COLORS = {
+  background: "0 0% 100%",
+  foreground: "222.2 84% 4.9%",
+  card: "0 0% 100%",
+  card_foreground: "222.2 84% 4.9%",
+  popover: "0 0% 100%",
+  popover_foreground: "222.2 84% 4.9%",
+  primary: "222.2 47.4% 11.2%",
+  primary_foreground: "210 40% 98%",
+  secondary: "210 40% 96.1%",
+  secondary_foreground: "222.2 47.4% 11.2%",
+  muted: "210 40% 96.1%",
+  muted_foreground: "215.4 16.3% 46.9%",
+  accent: "210 40% 96.1%",
+  accent_foreground: "222.2 47.4% 11.2%",
+  destructive: "0 84.2% 60.2%",
+  destructive_foreground: "210 40% 98%",
+  border: "214.3 31.8% 91.4%",
+  input: "214.3 31.8% 91.4%",
+  ring: "222.2 84% 4.9%"
+};
+const DEFAULT_DARK_COLORS = {
+  background: "222.2 84% 4.9%",
+  foreground: "210 40% 98%",
+  card: "222.2 84% 4.9%",
+  card_foreground: "210 40% 98%",
+  popover: "222.2 84% 4.9%",
+  popover_foreground: "210 40% 98%",
+  primary: "210 40% 98%",
+  primary_foreground: "222.2 47.4% 11.2%",
+  secondary: "217.2 32.6% 17.5%",
+  secondary_foreground: "210 40% 98%",
+  muted: "217.2 32.6% 17.5%",
+  muted_foreground: "215 20.2% 65.1%",
+  accent: "217.2 32.6% 17.5%",
+  accent_foreground: "210 40% 98%",
+  destructive: "0 62.8% 30.6%",
+  destructive_foreground: "210 40% 98%",
+  border: "217.2 32.6% 17.5%",
+  input: "217.2 32.6% 17.5%",
+  ring: "212.7 26.8% 83.9%"
+};
+export {
+  ADAPTER_REGISTRY,
+  _sfc_main$P as Alert,
+  _sfc_main$N as AlertDescription,
+  _sfc_main$O as AlertTitle,
+  _sfc_main$Y as Button,
+  C as COMPONENT_ERRORS,
+  COMPONENT_LOGS,
+  CONFIG_LOGS,
+  _sfc_main$V as Card,
+  _sfc_main$R as CardContent,
+  _sfc_main$S as CardDescription,
+  _sfc_main$Q as CardFooter,
+  _sfc_main$U as CardHeader,
+  _sfc_main$T as CardTitle,
+  _sfc_main$M as Checkbox,
+  DEFAULT_DARK_COLORS,
+  DEFAULT_LIGHT_COLORS,
+  D as DEFAULT_UI_CONFIG,
+  A as DIALOG_ERRORS,
+  DIALOG_KEY,
+  DROPDOWN_CONTEXT_KEY,
+  _sfc_main$K as Dialog,
+  _sfc_main$H as DialogContent,
+  _sfc_main$E as DialogDescription,
+  _sfc_main$D as DialogFooter,
+  _sfc_main$G as DialogHeader,
+  _sfc_main$I as DialogOverlay,
+  _sfc_main$F as DialogTitle,
+  _sfc_main$J as DialogTrigger,
+  _sfc_main$a as DropdownMenu,
+  _sfc_main$8 as DropdownMenuContent,
+  _sfc_main$7 as DropdownMenuItem,
+  _sfc_main$5 as DropdownMenuLabel,
+  _sfc_main$6 as DropdownMenuSeparator,
+  _sfc_main$9 as DropdownMenuTrigger,
+  F as FORM_ERRORS,
+  FORM_LOGS,
+  _sfc_main$q as FileInput,
+  _sfc_main$r as FormError,
+  _sfc_main$v as FormField,
+  _sfc_main$t as FormInput,
+  _sfc_main$u as FormLabel,
+  _sfc_main$s as FormTextarea,
+  I as INPUT_ERRORS,
+  _sfc_main$X as Input,
+  POPOVER_CONTEXT_KEY,
+  _sfc_main$g as Popover,
+  _sfc_main$e as PopoverContent,
+  _sfc_main$f as PopoverTrigger,
+  R as RADIO_GROUP_KEY,
+  _sfc_main$x as RadioGroup,
+  _sfc_main$w as RadioItem,
+  S as SELECT_KEY,
+  SHEET_CONTEXT_KEY,
+  _sfc_main$C as Select,
+  _sfc_main$z as SelectContent,
+  _sfc_main$y as SelectItem,
+  _sfc_main$B as SelectTrigger,
+  _sfc_main$A as SelectValue,
+  _sfc_main$p as Sheet,
+  _sfc_main$h as SheetClose,
+  _sfc_main$m as SheetContent,
+  _sfc_main$j as SheetDescription,
+  _sfc_main$i as SheetFooter,
+  _sfc_main$l as SheetHeader,
+  _sfc_main$n as SheetOverlay,
+  _sfc_main$k as SheetTitle,
+  _sfc_main$o as SheetTrigger,
+  _sfc_main$L as Switch,
+  TOOLTIP_CONTEXT_KEY,
+  _sfc_main$W as Textarea,
+  _sfc_main$4 as Toast,
+  _sfc_main$1 as ToastClose,
+  _sfc_main$2 as ToastDescription,
+  _sfc_main$3 as ToastTitle,
+  _sfc_main as Toaster,
+  _sfc_main$d as Tooltip,
+  _sfc_main$b as TooltipContent,
+  _sfc_main$c as TooltipTrigger,
+  i as UI_CONFIG_KEY,
+  U as UI_PROVIDER_KEY,
+  c as cn,
+  cssVariablesAdapter,
+  z as deepMerge,
+  y as generateThemeCSS,
+  getAdapter,
+  getRegisteredAdapters,
+  headlessAdapter,
+  registerAdapter,
+  t2 as tailwindAdapter,
+  t as toast,
+  useButton,
+  useCard,
+  useCheckbox,
+  useDialog,
+  w as useDropdown,
+  q as useFileInput,
+  d as useForm,
+  useInput,
+  v as usePopover,
+  useRadioItem,
+  useSelectContent,
+  useSelectItem,
+  useSelectTrigger,
+  h as useStyleAdapter,
+  useSwitch,
+  useTextarea,
+  x as useTheme,
+  r as useToast,
+  s as useTooltip,
+  f as useUI,
+  g as useUIConfig,
+  e as useUIProvider
+};
+//# sourceMappingURL=index.mjs.map