@typlog/ui 0.10.1 → 0.11.1

package/dist/{index.js → components.js}

@@ -1,5 +1,5 @@
-import { computed, defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString, renderSlot, createElementBlock, mergeProps, createCommentVNode, createElementVNode, toRefs, mergeModels, ref, useModel, onMounted, onBeforeUnmount, withDirectives, isRef, vModelDynamic, vModelText, normalizeStyle, normalizeProps, guardReactiveProps, Fragment, watch, renderList, withModifiers, vModelRadio, withKeys, vShow } from "vue";
-import { useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, Primitive, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogClose, useForwardExpose, createContext, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, useForwardPropsEmits as useForwardPropsEmits$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, AccordionRoot, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleContent, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
+import { computed, defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString, renderSlot, createElementBlock, mergeProps, createCommentVNode, createElementVNode, toRefs, mergeModels, ref, useModel, onMounted, onBeforeUnmount, useTemplateRef, withDirectives, isRef, vModelDynamic, vModelText, normalizeStyle, normalizeProps, guardReactiveProps, Fragment, watch, renderList, withModifiers, vModelRadio } from "vue";
+import { useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, Primitive, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogClose, useForwardExpose, createContext, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, useForwardPropsEmits as useForwardPropsEmits$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleContent, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
 import { AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, CollapsibleRoot, CollapsibleTrigger, ComboboxEmpty, ComboboxGroup, DialogClose as DialogClose2, DialogDescription, DialogRoot, DialogTitle as DialogTitle2, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, RadioGroupItem as RadioGroupItem2, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
 import { Icon } from "@iconify/vue";
 import { Icon as Icon2 } from "@iconify/vue";
@@ -60,11 +60,11 @@ function kebabize(str) {
 function _kebabReplace(str, ofs) {
   return (ofs ? "-" : "") + str.toLowerCase();
 }
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
-    src: {},
     alt: {},
+    src: {},
     fallback: {},
     radius: { default: "small" },
     variant: { default: "solid" },
@@ -112,7 +112,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -120,8 +120,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     radius: { default: "small" },
     size: { default: "1" },
     highContrast: { type: Boolean, default: void 0 },
-    asChild: { type: Boolean },
-    as: { default: "span" }
+    as: { default: "span" },
+    asChild: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -144,27 +144,47 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["data-side", "data-clip"];
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Inset",
   props: {
     side: { default: "all" },
+    top: { type: Boolean },
+    bottom: { type: Boolean },
+    left: { type: Boolean },
+    right: { type: Boolean },
     clip: { default: "border-box" }
   },
   setup(__props) {
     const props = __props;
+    const resetClass = computed(() => {
+      const rv = [];
+      if (props.top || ["all", "y", "top"].includes(props.side)) {
+        rv.push("inset-top");
+      }
+      if (props.bottom || ["all", "y", "bottom"].includes(props.side)) {
+        rv.push("inset-bottom");
+      }
+      if (props.left || ["all", "x", "left"].includes(props.side)) {
+        rv.push("inset-left");
+      }
+      if (props.right || ["all", "x", "right"].includes(props.side)) {
+        rv.push("inset-right");
+      }
+      if (props.clip) {
+        rv.push(`r-clip-${props.clip}`);
+      }
+      return rv;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "ui-Inset",
-        "data-side": props.side,
-        "data-clip": props.clip
+        class: normalizeClass(["ui-Inset", resetClass.value])
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$m);
+      ], 2);
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -193,7 +213,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "CardHead",
   props: {
     color: {},
@@ -216,17 +236,17 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
+    variant: { default: "solid" },
     color: {},
     radius: {},
-    variant: { default: "solid" },
     size: { default: "2" },
     highContrast: { type: Boolean, default: false },
     disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { default: "button" },
+    asChild: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -250,23 +270,23 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
+    variant: {},
     color: {},
     radius: {},
-    variant: {},
     size: {},
     highContrast: { type: Boolean },
     disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
+    as: {},
+    asChild: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const forwarded = useForwardProps(props);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$U, mergeProps({ class: "ui-IconButton" }, unref(forwarded)), {
+      return openBlock(), createBlock(_sfc_main$S, mergeProps({ class: "ui-IconButton" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -284,7 +304,7 @@ const BRAND_ICONS = {
   slack: "logos:slack-icon",
   figma: "logos:figma"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "SocialButton",
   props: {
     brand: {},
@@ -322,7 +342,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -386,9 +406,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "ui-DialogScroll" };
-const _hoisted_2$9 = ["data-align"];
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { class: "ui-DialogScroll" };
+const _hoisted_2$7 = ["data-align"];
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -433,7 +453,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$l, [
+              createElementVNode("div", _hoisted_1$j, [
                 createElementVNode("div", {
                   class: "ui-DialogScrollPadding",
                   "data-align": props.align
@@ -459,7 +479,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 16, ["class", "data-size", "style"])
-                ], 8, _hoisted_2$9)
+                ], 8, _hoisted_2$7)
               ])
             ]),
             _: 3
@@ -470,9 +490,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "ui-DialogScroll" };
-const _hoisted_2$8 = ["data-align"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = { class: "ui-DialogScroll" };
+const _hoisted_2$6 = ["data-align"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -517,7 +537,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$k, [
+              createElementVNode("div", _hoisted_1$i, [
                 createElementVNode("div", {
                   class: "ui-DialogScrollPadding",
                   "data-align": props.align
@@ -543,7 +563,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 16, ["class", "data-size", "style"])
-                ], 8, _hoisted_2$8)
+                ], 8, _hoisted_2$6)
               ])
             ]),
             _: 3
@@ -554,7 +574,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "DialogHead",
   props: {
     title: {}
@@ -562,7 +582,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$X, {
+      return openBlock(), createBlock(_sfc_main$V, {
         class: "ui-DialogHead",
         side: "x"
       }, {
@@ -573,7 +593,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$T, {
+          createVNode(_sfc_main$R, {
             as: unref(DialogClose),
             type: "button",
             variant: "ghost",
@@ -592,9 +612,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "ui-MenuViewport" };
+const _hoisted_1$h = { class: "ui-MenuViewport" };
 const [injectDropdownMenuContentContext, provideDropdownMenuContentContext] = createContext("ui_DropdownMenuContent");
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -654,9 +674,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             "data-size": props.size
           }), {
             default: withCtx(() => [
-              createVNode(_sfc_main$R, { type: "auto" }, {
+              createVNode(_sfc_main$P, { type: "auto" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$j, [
+                  createElementVNode("div", _hoisted_1$h, [
                     renderSlot(_ctx.$slots, "default")
                   ])
                 ]),
@@ -671,8 +691,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = ["textContent"];
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["textContent"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -690,13 +710,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     const rootContext = injectDropdownMenuContentContext();
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
         class: "ui-MenuItem",
         "data-accent-color": props.color,
         "data-size": unref(rootContext).size.value,
         "data-variant": unref(rootContext).variant.value,
-        "data-high-contrast": ((_a = unref(rootContext).highContrast) == null ? void 0 : _a.value) || void 0
+        "data-high-contrast": unref(rootContext).highContrast?.value || void 0
       }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
@@ -704,14 +723,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "ui-MenuShortcut",
             textContent: toDisplayString(props.shortcut)
-          }, null, 8, _hoisted_1$i)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_1$g)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -764,7 +783,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     color: {},
@@ -807,7 +826,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$f = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -817,15 +836,15 @@ const _hoisted_1$h = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$5 = {
   key: 0,
   d: "M5 12h14"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$2 = {
   key: 1,
   d: "M20 6 9 17l-5-5"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     color: {},
@@ -858,8 +877,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             "as-child": ""
           }, {
             default: withCtx(() => [
-              props.modelValue !== false ? (openBlock(), createElementBlock("svg", _hoisted_1$h, [
-                props.modelValue === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$7)) : (openBlock(), createElementBlock("path", _hoisted_3$4))
+              props.modelValue !== false ? (openBlock(), createElementBlock("svg", _hoisted_1$f, [
+                props.modelValue === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$5)) : (openBlock(), createElementBlock("path", _hoisted_3$2))
               ])) : createCommentVNode("", true)
             ]),
             _: 1
@@ -871,7 +890,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const [injectCheckboxGroupRootContext, provideCheckboxGroupRootContext] = createContext("ui_CheckboxGroupRoot");
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroupRoot",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean },
@@ -903,32 +922,29 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       return modelValue.value || [];
     });
     const checked = computed(() => {
-      var _a, _b;
       if (!allValues.value.length) {
         return false;
       }
-      if (((_a = modelValue.value) == null ? void 0 : _a.length) === allValues.value.length) {
+      if (modelValue.value?.length === allValues.value.length) {
         return true;
-      } else if ((_b = modelValue.value) == null ? void 0 : _b.length) {
+      } else if (modelValue.value?.length) {
         return "indeterminate";
       } else {
         return false;
       }
     });
     const removeModelValue = (value) => {
-      var _a, _b;
-      const index = (_a = modelValue.value) == null ? void 0 : _a.indexOf(value);
+      const index = modelValue.value?.indexOf(value);
       if (index !== -1 && index !== void 0) {
-        (_b = modelValue.value) == null ? void 0 : _b.splice(index, 1);
+        modelValue.value?.splice(index, 1);
       }
     };
     provideCheckboxGroupRootContext({
       selected,
       checked,
       addModelValue: (value) => {
-        var _a, _b;
-        if (((_a = modelValue.value) == null ? void 0 : _a.indexOf(value)) === -1) {
-          (_b = modelValue.value) == null ? void 0 : _b.push(value);
+        if (modelValue.value?.indexOf(value) === -1) {
+          modelValue.value?.push(value);
         }
       },
       removeModelValue,
@@ -947,7 +963,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         removeModelValue(value);
       },
       disabled,
-      name: name == null ? void 0 : name.value
+      name: name?.value
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), {
@@ -962,7 +978,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroupItem",
   props: {
     value: {},
@@ -985,8 +1001,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     const rootContext = injectCheckboxGroupRootContext();
     const disabled = computed(() => {
-      var _a;
-      return ((_a = rootContext.disabled) == null ? void 0 : _a.value) || props.disabled;
+      return rootContext.disabled?.value || props.disabled;
     });
     const checked = computed(() => {
       return rootContext.selected.value.indexOf(props.value) !== -1;
@@ -1005,7 +1020,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       rootContext.removeAllValue(props.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, mergeProps({
+      return openBlock(), createBlock(_sfc_main$H, mergeProps({
         ...unref(forwarded),
         name: props.name || unref(rootContext).name,
         modelValue: checked.value,
@@ -1014,7 +1029,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroupControl",
   props: {
     color: {},
@@ -1037,14 +1052,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     const rootContext = injectCheckboxGroupRootContext();
     const disabled = computed(() => {
-      var _a;
-      return ((_a = rootContext.disabled) == null ? void 0 : _a.value) || props.disabled;
+      return rootContext.disabled?.value || props.disabled;
     });
     const toggleModelValue = (checked) => {
       rootContext.toggleModelValue(checked);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, mergeProps({
+      return openBlock(), createBlock(_sfc_main$H, mergeProps({
         ...unref(forwarded),
         name: props.name || unref(rootContext).name,
         modelValue: unref(rootContext).checked.value,
@@ -1053,7 +1067,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     color: {},
@@ -1094,7 +1108,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupRoot",
   props: {
     color: {},
@@ -1140,7 +1154,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupItem",
   props: {
     value: {},
@@ -1161,19 +1175,20 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = ["data-radius", "data-accent-color"];
-const _hoisted_2$6 = ["id", "type"];
-const _hoisted_3$3 = {
-  key: 0,
+const _hoisted_1$e = ["data-radius", "data-accent-color"];
+const _hoisted_2$4 = ["id", "type"];
+const _hoisted_3$1 = ["id", "type"];
+const _hoisted_4 = {
+  key: 2,
   class: "ui-TextFieldSlot",
   "data-side": "left"
 };
-const _hoisted_4$1 = {
-  key: 1,
+const _hoisted_5 = {
+  key: 3,
   class: "ui-TextFieldSlot",
   "data-side": "right"
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1195,7 +1210,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const inputRef = ref();
+    const inputRef = useTemplateRef("input");
     const onPointerDown = (event) => {
       const target = event.target;
       if (target.closest("input, button, a")) return;
@@ -1226,6 +1241,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       }
       return rv;
     });
+    const onFileChange = () => {
+      modelValue.value = inputRef.value?.files;
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ui-TextField", resetClass.value]),
@@ -1233,27 +1251,35 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         "data-accent-color": props.color,
         onPointerdown: onPointerDown
       }, [
-        withDirectives(createElementVNode("input", mergeProps({
+        props.type === "file" ? (openBlock(), createElementBlock("input", mergeProps({
+          key: 0,
+          id: props.id,
+          ref: "input",
+          type: props.type
+        }, _ctx.$attrs, {
+          class: "ui-TextFieldInput",
+          onChange: onFileChange
+        }), null, 16, _hoisted_2$4)) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
+          key: 1,
           id: props.id,
-          ref_key: "inputRef",
-          ref: inputRef,
+          ref: "input",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
           type: props.type
-        }, _ctx.$attrs, { class: "ui-TextFieldInput" }), null, 16, _hoisted_2$6), [
+        }, _ctx.$attrs, { class: "ui-TextFieldInput" }), null, 16, _hoisted_3$1)), [
           [vModelDynamic, unref(modelValue)]
         ]),
-        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "left")
         ])) : createCommentVNode("", true),
-        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$g);
+      ], 42, _hoisted_1$e);
     };
   }
 });
-const _hoisted_1$f = ["data-accent-color"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["data-accent-color"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1292,13 +1318,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         }, _ctx.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
           [vModelText, modelValue.value]
         ])
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const _hoisted_1$e = ["data-radius"];
-const _hoisted_2$5 = ["id"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["data-radius"];
+const _hoisted_2$3 = ["id"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "ColorField",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1329,15 +1355,15 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
           class: "ui-ColorFieldInput",
           type: "color"
-        }, null, 8, _hoisted_2$5), [
+        }, null, 8, _hoisted_2$3), [
           [vModelText, modelValue.value]
         ])
-      ], 14, _hoisted_1$e);
+      ], 14, _hoisted_1$c);
     };
   }
 });
 const [injectSelectRootContext, provideSelectRootContext] = createContext("ui_SelectRoot");
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1376,7 +1402,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1478,8 +1504,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "ui-SelectTriggerInner" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "ui-SelectTriggerInner" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1504,7 +1530,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         "data-radius": props.radius
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$d, [
+          createElementVNode("span", _hoisted_1$b, [
             createVNode(unref(SelectValue), {
               placeholder: props.placeholder
             }, {
@@ -1537,7 +1563,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1571,7 +1597,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -1599,17 +1625,17 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$u = {};
-const _hoisted_1$c = {
+const _sfc_main$s = {};
+const _hoisted_1$a = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$c);
+  return openBlock(), createElementBlock("div", _hoisted_1$a);
 }
-const SelectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render]]);
+const SelectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
 const [injectComboboxRootContext, provideComboboxRootContext] = createContext("ui_ComboboxRoot");
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1655,13 +1681,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$9 = {
   key: 0,
   class: "ui-ComboboxValues"
 };
-const _hoisted_2$4 = ["aria-current", "value"];
-const _hoisted_3$2 = ["onClick"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_2$2 = ["aria-current", "value"];
+const _hoisted_3 = ["onClick"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1722,7 +1748,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "data-multiple": unref(context).multiple.value || void 0
       }, {
         default: withCtx(() => [
-          unref(context).multiple.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+          unref(context).multiple.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (item, index) => {
               return openBlock(), createElementBlock("div", {
                 key: displayValue(item),
@@ -1739,8 +1765,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   onClick: withModifiers(($event) => onDeleteIndex(index), ["prevent"])
                 }, [
                   createVNode(unref(Icon), { icon: "lucide:x" })
-                ], 8, _hoisted_3$2)
-              ], 8, _hoisted_2$4);
+                ], 8, _hoisted_3)
+              ], 8, _hoisted_2$2);
             }), 128)),
             createVNode(unref(ComboboxInput), mergeProps({
               ..._ctx.$attrs,
@@ -1772,7 +1798,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1875,7 +1901,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "ComboboxItem",
   props: {
     textValue: {},
@@ -1903,7 +1929,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "ComboboxLabel",
   props: {
     for: {},
@@ -1924,8 +1950,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["data-accent-color"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["data-accent-color"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "Radio",
   props: /* @__PURE__ */ mergeModels({
     color: {},
@@ -1961,14 +1987,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["ui-Radio", resetClass.value]),
         type: "radio",
         "data-accent-color": props.color
-      }, null, 10, _hoisted_1$a)), [
+      }, null, 10, _hoisted_1$8)), [
         [vModelRadio, unref(modelValue)]
       ]);
     };
   }
 });
 const [injectRadioGroupRootContext, provideRadioGroupRootContext] = createContext("ui_RadioGroupRoot");
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupRoot",
   props: {
     color: {},
@@ -2003,8 +2029,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "ui-RadioGroupItem" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "ui-RadioGroupItem" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -2020,29 +2046,27 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const forwarded = useForwardProps(props);
     const rootContext = injectRadioGroupRootContext();
     const resetClass = computed(() => {
-      var _a;
       const rv = [
         `r-size-${rootContext.size.value}`,
         `r-variant-${rootContext.variant.value}`
       ];
-      if ((_a = rootContext.highContrast) == null ? void 0 : _a.value) {
+      if (rootContext.highContrast?.value) {
         rv.push("r-high-contrast");
       }
       return rv;
     });
     return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("label", _hoisted_1$9, [
+      return openBlock(), createElementBlock("label", _hoisted_1$7, [
         createVNode(unref(RadioGroupItem), mergeProps({
           class: ["ui-Radio", resetClass.value],
-          "data-accent-color": (_a = unref(rootContext).color) == null ? void 0 : _a.value
+          "data-accent-color": unref(rootContext).color?.value
         }, unref(forwarded)), null, 16, ["class", "data-accent-color"]),
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "RadioCardsItem",
   props: {
     id: {},
@@ -2059,16 +2083,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     const rootContext = injectRadioGroupRootContext();
     return (_ctx, _cache) => {
-      var _a, _b;
       return openBlock(), createBlock(unref(RadioGroupItem), mergeProps({
         class: "ui-RadioCardsItem",
-        "data-accent-color": (_a = unref(rootContext).color) == null ? void 0 : _a.value,
+        "data-accent-color": unref(rootContext).color?.value,
         "data-size": unref(rootContext).size.value,
         "data-variant": unref(rootContext).variant.value,
-        "data-high-contrast": (_b = unref(rootContext).highContrast) == null ? void 0 : _b.value
+        "data-high-contrast": unref(rootContext).highContrast?.value
       }, { ...unref(forwarded), asChild: false }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$W, {
+          createVNode(_sfc_main$U, {
             "as-child": unref(forwarded).asChild
           }, {
             default: withCtx(() => [
@@ -2082,7 +2105,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "RadioTabsList",
   props: {
     size: { default: "2" },
@@ -2114,7 +2137,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "TabsList",
   props: {
     size: { default: "2" },
@@ -2140,9 +2163,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "ui-TabTriggerInner" };
-const _hoisted_2$3 = { class: "ui-TabTriggerInnerHidden" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "ui-TabTriggerInner" };
+const _hoisted_2$1 = { class: "ui-TabTriggerInnerHidden" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "TabsTrigger",
   props: {
     value: {},
@@ -2156,10 +2179,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwarded), { class: "ui-TabTrigger" }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$8, [
+          createElementVNode("span", _hoisted_1$6, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("span", _hoisted_2$3, [
+          createElementVNode("span", _hoisted_2$1, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -2168,7 +2191,58 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "Editable",
+  props: {
+    radius: { default: "small" },
+    color: {},
+    size: { default: "1" },
+    defaultValue: {},
+    modelValue: {},
+    placeholder: {},
+    dir: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    activationMode: {},
+    selectOnFocus: { type: Boolean },
+    submitMode: {},
+    startWithEditMode: { type: Boolean },
+    maxLength: {},
+    autoResize: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "submit", "update:state"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const [forwarded, resetClass] = extractForwardPropsEmits(props, emits, ["radius", "color", "size"]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(EditableRoot), mergeProps({
+        class: ["ui-Editable", unref(resetClass)],
+        "data-accent-color": props.color
+      }, unref(forwarded)), {
+        default: withCtx(() => [
+          createVNode(unref(EditableArea), mergeProps({ class: "ui-EditableArea" }, _ctx.$attrs), {
+            default: withCtx(() => [
+              createVNode(unref(EditablePreview), { class: "ui-EditablePreview" }),
+              createVNode(unref(EditableInput), { class: "ui-EditableInput" })
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 16, ["class", "data-accent-color"]);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "AccordionRoot",
   props: {
     size: { default: "1" },
@@ -2200,7 +2274,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     disabled: { type: Boolean },
@@ -2222,7 +2296,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2247,8 +2321,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["data-accent-color"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["data-accent-color"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "PlusMinusIcon",
   props: {
     color: { default: void 0 },
@@ -2263,11 +2337,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, _cache[0] || (_cache[0] = [
         createElementVNode("div", { class: "ui-PlusMinusIcon-1" }, null, -1),
         createElementVNode("div", { class: "ui-PlusMinusIcon-2" }, null, -1)
-      ]), 10, _hoisted_1$7);
+      ]), 10, _hoisted_1$5);
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ChevronIcon",
   props: {
     arrowTransform: { default: "right-down" }
@@ -2282,8 +2356,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "ui-AccordionTriggerText" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "ui-AccordionTriggerText" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "AccordionTrigger",
   props: {
     indicator: { default: "chevron" },
@@ -2298,13 +2372,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         class: ["ui-AccordionTrigger", unref(resetClass)]
       }, unref(forwarded)), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_1$4, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          props.indicator === "plus-minus" ? (openBlock(), createBlock(_sfc_main$e, {
+          props.indicator === "plus-minus" ? (openBlock(), createBlock(_sfc_main$b, {
             key: 0,
             class: "ui-AccordionTriggerIcon"
-          })) : props.indicator === "chevron" ? (openBlock(), createBlock(_sfc_main$d, {
+          })) : props.indicator === "chevron" ? (openBlock(), createBlock(_sfc_main$a, {
             key: 1,
             "arrow-transform": "down-up"
           })) : createCommentVNode("", true)
@@ -2314,7 +2388,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2339,20 +2413,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   props: /* @__PURE__ */ mergeModels({
     total: {},
     perpage: { default: 10 },
     edge: { default: 2 },
+    variant: { default: "ghost" },
     color: {},
     radius: {},
-    variant: { default: "ghost" },
     size: { default: "1" },
     highContrast: { type: Boolean },
     disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
+    as: {},
+    asChild: { type: Boolean }
   }, {
     "page": { required: true },
     "pageModifiers": {}
@@ -2416,7 +2490,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ui-Pagination", resetClass.value])
       }, [
-        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 0 }, buttonProps.value, {
+        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 0 }, buttonProps.value, {
           "aria-label": "Previous",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectPage(pagination.value.prev), ["prevent"]))
         }), {
@@ -2429,7 +2503,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        createVNode(_sfc_main$U, mergeProps(buttonProps.value, {
+        createVNode(_sfc_main$S, mergeProps(buttonProps.value, {
           disabled: page.value === 1,
           "aria-current": "page",
           onClick: _cache[1] || (_cache[1] = withModifiers(($event) => selectPage(1), ["prevent"]))
@@ -2441,7 +2515,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"]),
-        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 1 }, buttonProps.value, {
+        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 1 }, buttonProps.value, {
           onClick: withModifiers(selectLeft, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2454,7 +2528,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           _: 3
         }, 16)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(pagination.value.pageList, (p) => {
-          return openBlock(), createBlock(_sfc_main$U, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
+          return openBlock(), createBlock(_sfc_main$S, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
             disabled: p === page.value,
             "aria-current": "page",
             onClick: withModifiers(($event) => selectPage(p), ["prevent"])
@@ -2467,7 +2541,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1040, ["disabled", "onClick"]);
         }), 128)),
-        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 2 }, buttonProps.value, {
+        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 2 }, buttonProps.value, {
           onClick: withModifiers(selectRight, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2479,7 +2553,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$U, mergeProps({ key: 3 }, buttonProps.value, {
+        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$S, mergeProps({ key: 3 }, buttonProps.value, {
           disabled: pagination.value.totalPages === page.value,
           "aria-current": "page",
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => selectPage(pagination.value.totalPages), ["prevent"]))
@@ -2493,7 +2567,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"])) : createCommentVNode("", true),
-        pagination.value.next ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 4 }, buttonProps.value, {
+        pagination.value.next ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 4 }, buttonProps.value, {
           "aria-label": "Next",
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => selectPage(pagination.value.next), ["prevent"]))
         }), {
@@ -2510,9 +2584,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["data-size", "data-variant"];
-const _hoisted_2$2 = ["data-layout"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["data-size", "data-variant"];
+const _hoisted_2 = ["data-layout"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -2527,22 +2601,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         "data-size": props.size,
         "data-variant": props.variant
       }, [
-        createVNode(_sfc_main$R, null, {
+        createVNode(_sfc_main$P, null, {
           default: withCtx(() => [
             createElementVNode("table", {
               class: "ui-TableContent",
               "data-layout": props.layout
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_2$2)
+            ], 8, _hoisted_2)
           ]),
           _: 3
         })
-      ], 8, _hoisted_1$5);
+      ], 8, _hoisted_1$3);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Separator",
   props: {
     as: { default: "span" },
@@ -2563,8 +2637,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["textContent"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["textContent"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2586,7 +2660,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     sideOffset: { default: 4 },
     align: {},
     alignOffset: {},
-    avoidCollisions: { type: Boolean },
+    avoidCollisions: { type: Boolean, default: true },
     collisionBoundary: {},
     collisionPadding: { default: 10 },
     arrowPadding: {},
@@ -2641,7 +2715,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         createElementVNode("p", {
                           class: "ui-TooltipText",
                           textContent: toDisplayString(props.content)
-                        }, null, 8, _hoisted_1$4)
+                        }, null, 8, _hoisted_1$2)
                       ]),
                       createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })
                     ]),
@@ -2659,7 +2733,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Quota",
   props: {
     percent: {},
@@ -2707,7 +2781,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Spinner",
   props: {
     icon: { default: "180-ring" },
@@ -2726,8 +2800,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["data-status"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["data-status"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SavingIndicator",
   props: {
     status: {},
@@ -2747,12 +2821,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           key: 1,
           icon: "lucide:check-circle-2"
         })) : createCommentVNode("", true)
-      ], 10, _hoisted_1$3);
+      ], 10, _hoisted_1$1);
     };
   }
 });
-const _hoisted_1$2 = ["data-accent-color"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = ["data-accent-color"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconCircle",
   props: {
     color: {},
@@ -2774,527 +2848,95 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createVNode(unref(Icon), {
           icon: props.icon
         }, null, 8, ["icon"])
-      ], 10, _hoisted_1$2);
-    };
-  }
-});
-const turnstileSrc = "https://challenges.cloudflare.com/turnstile/v0/api.js";
-const turnstileLoadFunction = "cfTurnstileOnLoad";
-let turnstileState = typeof window !== "undefined" ? window.turnstile !== void 0 ? "ready" : "unloaded" : "unloaded";
-let turnstileLoad;
-let widgetId;
-let resetTimeout;
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Turnstile",
-  props: {
-    sitekey: {},
-    modelValue: {},
-    resetInterval: { default: 295 * 1e3 },
-    size: { default: "normal" },
-    theme: { default: "auto" },
-    action: { default: "" },
-    appearance: { default: "always" },
-    renderOnMount: { type: Boolean, default: true }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const element = ref();
-    const resetTurnstile = () => {
-      if (window.turnstile) {
-        emit("update:modelValue", "");
-        window.turnstile.reset();
-      }
-    };
-    const removeTurnstile = () => {
-      if (widgetId) {
-        window.turnstile.remove(widgetId);
-        widgetId = void 0;
-      }
-    };
-    const callbackTurnstile = (token) => {
-      emit("update:modelValue", token);
-      resetTimeout = setTimeout(() => {
-        resetTurnstile();
-      }, props.resetInterval);
-    };
-    const renderTurnstile = () => {
-      widgetId = window.turnstile.render(element.value, {
-        sitekey: props.sitekey,
-        theme: props.theme,
-        size: props.size,
-        callback: callbackTurnstile,
-        action: props.action,
-        appearance: props.appearance
-      });
-    };
-    onMounted(async () => {
-      const turnstileLoadPromise = new Promise((resolve, reject) => {
-        turnstileLoad = { resolve, reject };
-        if (turnstileState === "ready") resolve(void 0);
-      });
-      window[turnstileLoadFunction] = () => {
-        turnstileLoad.resolve();
-        turnstileState = "ready";
-      };
-      const ensureTurnstile = () => {
-        if (turnstileState === "unloaded") {
-          turnstileState = "loading";
-          const url = `${turnstileSrc}?onload=${turnstileLoadFunction}&render=explicit`;
-          const script = document.createElement("script");
-          script.src = url;
-          script.async = true;
-          script.addEventListener("error", () => {
-            turnstileLoad.reject("Failed to load Turnstile.");
-          });
-          document.head.appendChild(script);
-        }
-        return turnstileLoadPromise;
-      };
-      await ensureTurnstile();
-      if (props.renderOnMount) {
-        renderTurnstile();
-      }
-    });
-    onBeforeUnmount(() => {
-      removeTurnstile();
-      clearTimeout(resetTimeout);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element
-      }, null, 512);
-    };
-  }
-});
-const _hoisted_1$1 = {
-  type: "button",
-  class: "ui-IconifySample"
-};
-const _hoisted_2$1 = { class: "ui-IconifySampleInfo" };
-const _hoisted_3$1 = { class: "ui-IconifySampleIcons" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "IconifySample",
-  props: {
-    prefix: {},
-    category: {},
-    name: {},
-    samples: {},
-    total: {},
-    license: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
-          createElementVNode("strong", null, toDisplayString(props.name), 1),
-          createElementVNode("span", null, toDisplayString(props.license.title), 1),
-          createElementVNode("span", null, toDisplayString(props.total) + " icons", 1)
-        ]),
-        createElementVNode("div", _hoisted_3$1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.samples, (icon) => {
-            return openBlock(), createElementBlock("span", { key: icon }, [
-              createVNode(unref(Icon), {
-                icon: props.prefix + ":" + icon
-              }, null, 8, ["icon"])
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-const _hoisted_1 = { class: "ui-IconifyCollection" };
-const _hoisted_2 = { class: "ui-IconifyCollectionGroups" };
-const _hoisted_3 = { class: "ui-IconifyCollectionGroupsHead" };
-const _hoisted_4 = { class: "ui-IconifyCollectionForm" };
-const _hoisted_5 = { class: "mb-2" };
-const _hoisted_6 = { class: "font-medium" };
-const _hoisted_7 = { class: "text-sm ml-1" };
-const _hoisted_8 = { class: "ui-IconifyCollectionSampleGrid" };
-const _hoisted_9 = {
-  key: 0,
-  class: "ui-IconifyCollectionIcons"
-};
-const _hoisted_10 = { class: "ui-IconifyCollectionForm" };
-const _hoisted_11 = {
-  key: 0,
-  class: "ui-IconifyCollectionSuffixes"
-};
-const _hoisted_12 = { class: "ui-IconifyCollectionIconGrid" };
-const fetchCollections = async () => {
-  const apiLink = "https://api.iconify.design/collections";
-  const resp = await fetch(apiLink);
-  const data = await resp.json();
-  const cache = {};
-  Object.keys(data).forEach((prefix) => {
-    const item = data[prefix];
-    if (item.hidden) {
-      return;
-    }
-    if (!cache[item.category]) {
-      cache[item.category] = [];
-    }
-    cache[item.category].push({ ...item, prefix });
-  });
-  const collections = [];
-  Object.keys(cache).forEach((category) => {
-    collections.push({
-      category,
-      items: cache[category]
-    });
-  });
-  return collections;
-};
-const searchIcons = async (query) => {
-  const apiLink = `https://api.iconify.design/search?query=${encodeURIComponent(query)}&limit=999`;
-  const resp = await fetch(apiLink);
-  const data = await resp.json();
-  return data.icons;
-};
-const fetchCollectionIcons = async (prefix) => {
-  const apiLink = `https://api.iconify.design/collection?prefix=${encodeURIComponent(prefix)}&chars=true&aliases=true`;
-  const resp = await fetch(apiLink);
-  const data = await resp.json();
-  return data;
-};
-const filterIcons = (names, query, suffix) => {
-  return names.filter((key) => {
-    let match = true;
-    if (query && key.indexOf(query) === -1) {
-      match = false;
-    }
-    if (suffix && key.indexOf(`-${suffix}`) === -1) {
-      match = false;
-    }
-    return match;
-  });
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconifyCollection",
-  props: {
-    prefix: {},
-    search: {},
-    perpage: { default: 200 }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const shouldDisplay = ref("all");
-    const groupCollections = ref([]);
-    const collectionFilter = ref("");
-    const page = ref(1);
-    const searchQuery = ref("");
-    const searchResultIcons = ref([]);
-    const collectionData = ref();
-    const collectionQuery = ref("");
-    const collectionSuffix = ref("");
-    const reset = () => {
-      page.value = 1;
-      searchQuery.value = "";
-      searchResultIcons.value = [];
-      collectionData.value = void 0;
-      collectionQuery.value = "";
-      collectionSuffix.value = "";
-      shouldDisplay.value = "all";
-    };
-    const onSelectIcon = (icon) => {
-      emits("select", icon);
-    };
-    const onSearch = async () => {
-      if (searchQuery.value) {
-        shouldDisplay.value = "search";
-        searchResultIcons.value = await searchIcons(searchQuery.value);
-      } else {
-        shouldDisplay.value = "all";
-      }
-    };
-    const onSelectPrefix = async (prefix) => {
-      collectionData.value = void 0;
-      collectionQuery.value = "";
-      collectionSuffix.value = "";
-      shouldDisplay.value = "collection";
-      collectionData.value = await fetchCollectionIcons(prefix);
-    };
-    const collectionCount = computed(() => {
-      let count = 0;
-      groupCollections.value.forEach((item) => {
-        count += item.items.length;
-      });
-      return count;
-    });
-    const visibleCollections = computed(() => {
-      if (!collectionFilter.value) {
-        return groupCollections.value;
-      }
-      return groupCollections.value.map((collection) => {
-        const items = collection.items.filter((item) => {
-          const key = [item.category, item.name, item.prefix].join(" ");
-          return key.toLowerCase().indexOf(collectionFilter.value) !== -1;
-        });
-        return { ...collection, items };
-      }).filter((collection) => collection.items.length !== 0);
-    });
-    const collectionIcons = computed(() => {
-      let rv = [];
-      if (!collectionData.value) {
-        return rv;
-      }
-      if (collectionData.value.uncategorized) {
-        rv = filterIcons(collectionData.value.uncategorized, collectionQuery.value, collectionSuffix.value);
-      } else if (collectionData.value.categories) {
-        Object.keys(collectionData.value.categories).forEach((category) => {
-          const icons = collectionData.value.categories[category];
-          filterIcons(icons, collectionQuery.value, collectionSuffix.value).forEach((k) => {
-            rv.push(k);
-          });
-        });
-      }
-      if (collectionQuery.value && !rv.length && collectionData.value.hidden) {
-        rv = filterIcons(collectionData.value.hidden, collectionQuery.value, collectionSuffix.value);
-      }
-      return rv.map((name) => {
-        var _a;
-        return `${(_a = collectionData.value) == null ? void 0 : _a.prefix}:${name}`;
-      });
-    });
-    const allIcons = computed(() => {
-      if (shouldDisplay.value === "search") {
-        return searchResultIcons.value;
-      } else if (shouldDisplay.value === "collection") {
-        return collectionIcons.value;
-      } else {
-        return [];
-      }
-    });
-    const visibleIcons = computed(() => {
-      const start = (page.value - 1) * props.perpage;
-      const end = page.value * props.perpage;
-      return allIcons.value.slice(start, end);
-    });
-    onMounted(async () => {
-      if (props.prefix) {
-        onSelectPrefix(props.prefix);
-      } else if (props.search) {
-        searchQuery.value = props.search;
-        onSearch();
-      }
-      groupCollections.value = await fetchCollections();
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        withDirectives(createElementVNode("div", _hoisted_2, [
-          createElementVNode("section", _hoisted_3, [
-            createElementVNode("h1", null, toDisplayString(collectionCount.value) + " icon sets", 1),
-            createElementVNode("div", _hoisted_4, [
-              createVNode(_sfc_main$C, {
-                modelValue: collectionFilter.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collectionFilter.value = $event),
-                placeholder: "Filter icon sets..."
-              }, null, 8, ["modelValue"]),
-              createVNode(_sfc_main$C, {
-                modelValue: searchQuery.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
-                placeholder: "Search icons...",
-                onKeydown: withKeys(onSearch, ["enter"])
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCollections.value, (collection) => {
-            return openBlock(), createElementBlock("section", {
-              key: collection.category,
-              class: "ui-IconifyCollectionSample"
-            }, [
-              createElementVNode("h1", _hoisted_5, [
-                createElementVNode("span", _hoisted_6, toDisplayString(collection.category), 1),
-                createElementVNode("span", _hoisted_7, "(" + toDisplayString(collection.items.length) + " icon sets)", 1)
-              ]),
-              createElementVNode("div", _hoisted_8, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(collection.items, (item) => {
-                  return openBlock(), createBlock(_sfc_main$1, mergeProps({
-                    key: item.prefix
-                  }, { ref_for: true }, item, {
-                    onClick: withModifiers(($event) => onSelectPrefix(item.prefix), ["prevent"])
-                  }), null, 16, ["onClick"]);
-                }), 128))
-              ])
-            ]);
-          }), 128))
-        ], 512), [
-          [vShow, shouldDisplay.value === "all"]
-        ]),
-        shouldDisplay.value !== "all" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          createElementVNode("div", _hoisted_10, [
-            createVNode(_sfc_main$U, {
-              type: "button",
-              variant: "surface",
-              color: "gray",
-              onClick: withModifiers(reset, ["prevent"])
-            }, {
-              default: withCtx(() => _cache[5] || (_cache[5] = [
-                createTextVNode(" Back ")
-              ])),
-              _: 1,
-              __: [5]
-            }),
-            shouldDisplay.value === "search" ? (openBlock(), createBlock(_sfc_main$C, {
-              key: 0,
-              modelValue: searchQuery.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchQuery.value = $event),
-              placeholder: "Search icons...",
-              onKeydown: withKeys(onSearch, ["enter"])
-            }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-            shouldDisplay.value === "collection" ? (openBlock(), createBlock(_sfc_main$C, {
-              key: 1,
-              modelValue: collectionQuery.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => collectionQuery.value = $event),
-              placeholder: "Search icons..."
-            }, null, 8, ["modelValue"])) : createCommentVNode("", true)
-          ]),
-          shouldDisplay.value === "collection" && ((_a = collectionData.value) == null ? void 0 : _a.suffixes) ? (openBlock(), createElementBlock("div", _hoisted_11, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(collectionData.value.suffixes, (k, v) => {
-              return openBlock(), createBlock(_sfc_main$U, {
-                key: v,
-                variant: collectionSuffix.value === v ? "solid" : "outline",
-                color: "gray",
-                "high-contrast": "",
-                radius: "full",
-                onClick: withModifiers(($event) => collectionSuffix.value = v, ["prevent"])
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(k), 1)
-                ]),
-                _: 2
-              }, 1032, ["variant", "onClick"]);
-            }), 128))
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_12, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(visibleIcons.value, (icon) => {
-              return openBlock(), createBlock(_sfc_main$7, {
-                key: icon,
-                as: "div",
-                content: icon
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$T, {
-                    type: "button",
-                    color: "gray",
-                    variant: "ghost",
-                    size: "4",
-                    onClick: withModifiers(($event) => onSelectIcon(icon), ["prevent"])
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Icon), { icon }, null, 8, ["icon"])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])
-                ]),
-                _: 2
-              }, 1032, ["content"]);
-            }), 128))
-          ]),
-          createVNode(_sfc_main$a, {
-            page: page.value,
-            "onUpdate:page": _cache[4] || (_cache[4] = ($event) => page.value = $event),
-            total: allIcons.value.length,
-            perpage: _ctx.perpage
-          }, null, 8, ["page", "total", "perpage"])
-        ])) : createCommentVNode("", true)
-      ]);
+      ], 10, _hoisted_1);
     };
   }
 });
 export {
-  _sfc_main$f as AccordionContent,
-  _sfc_main$g as AccordionItem,
-  _sfc_main$h as AccordionRoot,
-  _sfc_main$c as AccordionTrigger,
+  _sfc_main$c as AccordionContent,
+  _sfc_main$d as AccordionItem,
+  _sfc_main$e as AccordionRoot,
+  _sfc_main$9 as AccordionTrigger,
   AlertDialogAction,
   AlertDialogCancel,
-  _sfc_main$Q as AlertDialogContent,
+  _sfc_main$O as AlertDialogContent,
   AlertDialogDescription,
   AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger,
-  _sfc_main$Z as Avatar,
-  _sfc_main$Y as Badge,
-  _sfc_main$U as Button,
-  _sfc_main$W as Card,
-  _sfc_main$V as CardHead,
-  _sfc_main$J as Checkbox,
-  _sfc_main$G as CheckboxGroupControl,
-  _sfc_main$H as CheckboxGroupItem,
-  _sfc_main$I as CheckboxGroupRoot,
-  _sfc_main$d as ChevronIcon,
-  _sfc_main$b as CollapsibleContent,
+  _sfc_main$X as Avatar,
+  _sfc_main$W as Badge,
+  _sfc_main$S as Button,
+  _sfc_main$U as Card,
+  _sfc_main$T as CardHead,
+  _sfc_main$H as Checkbox,
+  _sfc_main$E as CheckboxGroupControl,
+  _sfc_main$F as CheckboxGroupItem,
+  _sfc_main$G as CheckboxGroupRoot,
+  _sfc_main$a as ChevronIcon,
+  _sfc_main$8 as CollapsibleContent,
   CollapsibleRoot,
   CollapsibleTrigger,
-  _sfc_main$A as ColorField,
-  _sfc_main$r as ComboboxContent,
+  _sfc_main$y as ColorField,
+  _sfc_main$p as ComboboxContent,
   ComboboxEmpty,
   ComboboxGroup,
-  _sfc_main$s as ComboboxInput,
-  _sfc_main$q as ComboboxItem,
-  _sfc_main$p as ComboboxLabel,
-  _sfc_main$t as ComboboxRoot,
+  _sfc_main$q as ComboboxInput,
+  _sfc_main$o as ComboboxItem,
+  _sfc_main$n as ComboboxLabel,
+  _sfc_main$r as ComboboxRoot,
   DialogClose2 as DialogClose,
-  _sfc_main$P as DialogContent,
+  _sfc_main$N as DialogContent,
   DialogDescription,
-  _sfc_main$O as DialogHead,
+  _sfc_main$M as DialogHead,
   DialogRoot,
   DialogTitle2 as DialogTitle,
   DialogTrigger,
-  _sfc_main$N as DropdownMenuContent,
-  _sfc_main$M as DropdownMenuItem,
+  _sfc_main$L as DropdownMenuContent,
+  _sfc_main$K as DropdownMenuItem,
   DropdownMenuRoot,
   DropdownMenuTrigger,
+  _sfc_main$f as Editable,
   Icon2 as Icon,
-  _sfc_main$T as IconButton,
-  _sfc_main$3 as IconCircle,
-  _sfc_main as IconifyCollection,
-  _sfc_main$X as Inset,
-  _sfc_main$a as Pagination,
-  _sfc_main$e as PlusMinusIcon,
+  _sfc_main$R as IconButton,
+  _sfc_main as IconCircle,
+  _sfc_main$V as Inset,
+  _sfc_main$7 as Pagination,
+  _sfc_main$b as PlusMinusIcon,
   PopoverClose,
-  _sfc_main$L as PopoverContent,
+  _sfc_main$J as PopoverContent,
   PopoverRoot,
   PopoverTrigger,
-  _sfc_main$6 as Quota,
-  _sfc_main$o as Radio,
-  _sfc_main$l as RadioCardsItem,
-  _sfc_main$n as RadioCardsRoot,
-  _sfc_main$m as RadioGroupItem,
-  _sfc_main$n as RadioGroupRoot,
+  _sfc_main$3 as Quota,
+  _sfc_main$m as Radio,
+  _sfc_main$j as RadioCardsItem,
+  _sfc_main$l as RadioCardsRoot,
+  _sfc_main$k as RadioGroupItem,
+  _sfc_main$l as RadioGroupRoot,
   RadioGroupItem2 as RadioTabsItem,
-  _sfc_main$k as RadioTabsList,
-  _sfc_main$4 as SavingIndicator,
-  _sfc_main$R as ScrollArea,
-  _sfc_main$y as SelectContent,
+  _sfc_main$i as RadioTabsList,
+  _sfc_main$1 as SavingIndicator,
+  _sfc_main$P as ScrollArea,
+  _sfc_main$w as SelectContent,
   SelectGroup,
-  _sfc_main$w as SelectItem,
-  _sfc_main$v as SelectLabel,
-  _sfc_main$z as SelectRoot,
+  _sfc_main$u as SelectItem,
+  _sfc_main$t as SelectLabel,
+  _sfc_main$x as SelectRoot,
   SelectSeparator,
-  _sfc_main$x as SelectTrigger,
-  _sfc_main$8 as Separator,
-  _sfc_main$S as SocialButton,
-  _sfc_main$5 as Spinner,
-  _sfc_main$K as Switch,
-  _sfc_main$9 as Table,
+  _sfc_main$v as SelectTrigger,
+  _sfc_main$5 as Separator,
+  _sfc_main$Q as SocialButton,
+  _sfc_main$2 as Spinner,
+  _sfc_main$I as Switch,
+  _sfc_main$6 as Table,
   TabsContent,
-  _sfc_main$j as TabsList,
+  _sfc_main$h as TabsList,
   TabsRoot,
-  _sfc_main$i as TabsTrigger,
-  _sfc_main$B as TextArea,
-  _sfc_main$C as TextField,
-  _sfc_main$F as Toggle,
-  _sfc_main$D as ToggleGroupItem,
-  _sfc_main$E as ToggleGroupRoot,
-  _sfc_main$7 as Tooltip,
-  _sfc_main$2 as Turnstile
+  _sfc_main$g as TabsTrigger,
+  _sfc_main$z as TextArea,
+  _sfc_main$A as TextField,
+  _sfc_main$D as Toggle,
+  _sfc_main$B as ToggleGroupItem,
+  _sfc_main$C as ToggleGroupRoot,
+  _sfc_main$4 as Tooltip
 };