@soave/ui 0.4.0 → 0.5.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 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 } from "vue";
+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 = {
@@ -20,8 +20,8 @@ const CONFIG_LOGS = {
   PROVIDER_INITIALIZED: "UIProviderが初期化されました",
   CONFIG_UPDATED: "UI設定が更新されました"
 };
-const _hoisted_1$9 = ["disabled", "type"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = ["disabled", "type"];
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -46,12 +46,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         type: unref(composable).state.value.type
       }, unref(composable).aria_attributes.value, { onClick: handleClick }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$9);
+      ], 16, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$8 = ["type", "value", "disabled", "readonly", "placeholder", "id"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = ["type", "value", "disabled", "readonly", "placeholder", "id"];
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     type: { default: "text" },
@@ -87,12 +87,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         (...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$8);
+      }), null, 16, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$7 = ["value", "disabled", "readonly", "placeholder", "rows", "id"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = ["value", "disabled", "readonly", "placeholder", "rows", "id"];
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "Textarea",
   props: {
     size: { default: "md" },
@@ -133,11 +133,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         (...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$7);
+      }), null, 16, _hoisted_1$r);
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     padding: { default: "md" }
@@ -155,8 +155,119 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["disabled", "data-state", "onKeydown"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+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" },
@@ -195,13 +306,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           checked: model.value,
           indeterminate: unref(composable).state.value.indeterminate
         })
-      ], 16, _hoisted_1$6);
+      ], 16, _hoisted_1$p);
     };
   }
 });
-const _hoisted_1$5 = ["disabled", "data-state"];
-const _hoisted_2 = ["data-state"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+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" },
@@ -234,14 +345,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", { checked: model.value }, () => [
           createElementVNode("span", {
             "data-state": model.value ? "checked" : "unchecked"
-          }, null, 8, _hoisted_2)
+          }, null, 8, _hoisted_2$1)
         ])
-      ], 16, _hoisted_1$5);
+      ], 16, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$4 = ["aria-labelledby", "aria-describedby"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = ["aria-labelledby", "aria-describedby"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "Dialog",
   props: /* @__PURE__ */ mergeModels({
     closeOnOverlay: { type: Boolean, default: true },
@@ -328,12 +439,127 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "default", { close: unref(close) })
           ], 544)
-        ], 8, _hoisted_1$4)) : createCommentVNode("", true)
+        ], 8, _hoisted_1$n)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+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" },
@@ -422,8 +648,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["disabled", "aria-expanded"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["disabled", "aria-expanded"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   setup(__props, { expose: __expose }) {
     const SELECT_KEY = Symbol("select");
@@ -474,11 +700,38 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           is_open: unref(composable).state.value.is_open,
           disabled: unref(composable).state.value.disabled
         })
-      ], 40, _hoisted_1$3);
+      ], 40, _hoisted_1$k);
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+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");
@@ -512,8 +765,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["aria-selected", "aria-disabled", "data-state", "data-disabled", "onKeydown"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = ["aria-selected", "aria-disabled", "data-state", "data-disabled", "onKeydown"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -552,12 +805,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           selected: unref(composable).state.value.selected,
           disabled: unref(composable).state.value.disabled
         })
-      ], 40, _hoisted_1$2);
+      ], 40, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$1 = ["aria-orientation"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["aria-orientation"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -588,12 +841,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "aria-orientation": __props.orientation
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$1);
+      ], 8, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1 = ["disabled", "data-state"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = ["disabled", "data-state"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "RadioItem",
   props: {
     value: {},
@@ -639,7 +892,1055 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           checked: unref(composable).state.value.checked,
           disabled: unref(composable).state.value.disabled
         })
-      ], 16, _hoisted_1);
+      ], 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)
+      ]);
     };
   }
 });
@@ -692,36 +1993,84 @@ const DEFAULT_DARK_COLORS = {
 };
 export {
   ADAPTER_REGISTRY,
-  _sfc_main$c as Button,
+  _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$9 as Card,
-  _sfc_main$8 as Checkbox,
+  _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$6 as Dialog,
+  _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$b as Input,
+  _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$1 as RadioGroup,
-  _sfc_main as RadioItem,
+  _sfc_main$x as RadioGroup,
+  _sfc_main$w as RadioItem,
   S as SELECT_KEY,
   SHEET_CONTEXT_KEY,
-  _sfc_main$5 as Select,
-  _sfc_main$3 as SelectContent,
-  _sfc_main$2 as SelectItem,
-  _sfc_main$4 as SelectTrigger,
-  _sfc_main$7 as Switch,
+  _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$a as Textarea,
+  _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,