@typlog/ui 0.14.0 → 0.16.0

package/components.js

@@ -1,4518 +0,0 @@
-import { defineComponent, toRefs, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot, markRaw, createElementBlock, createElementVNode, computed, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, useAttrs, ref, shallowReactive, onMounted, onBeforeUnmount, useId, watch, nextTick, Fragment, createSlots, useTemplateRef, useModel, withDirectives, isRef, vModelDynamic, mergeModels, vModelText, renderList, withModifiers, vModelRadio, effectScope, createStaticVNode, resolveDynamicComponent } from "vue";
-import { TooltipProvider, Primitive, createContext, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, DialogClose, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, useForwardPropsEmits, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, NavigationMenuRoot, NavigationMenuViewport, NavigationMenuList, NavigationMenuIndicator, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent, DialogRoot, DialogTitle, DialogDescription, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, PinInputRoot, PinInputInput, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxEmpty, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, useId as useId$1, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, injectPaginationRootContext, PaginationEllipsis, PaginationRoot, PaginationList, PaginationFirst, PaginationPrev, PaginationListItem, PaginationNext, PaginationLast, ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastProvider, ToastPortal, ToastViewport, ProgressRoot, ProgressIndicator } from "reka-ui";
-import { AlertDialogAction, AlertDialogCancel, AlertDialogRoot, AlertDialogTrigger, CheckboxGroupRoot, ComboboxGroup, DialogClose as DialogClose2, DialogRoot as DialogRoot2, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, NavigationMenuItem, PopoverClose, PopoverRoot, PopoverTrigger, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
-import { Icon } from "@iconify/vue";
-const [injectThemeContext, provideThemeContext] = createContext("ThemeProvider");
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ThemeProvider",
-  props: {
-    accentColor: { default: "indigo" },
-    radius: { default: "medium" },
-    grayColor: { default: "auto" },
-    scaling: { default: "100%" },
-    panelBackground: { default: "translucent" },
-    hasBackground: { type: Boolean, default: true },
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { accentColor, radius, grayColor, scaling, panelBackground, hasBackground } = toRefs(props);
-    provideThemeContext({
-      accentColor,
-      radius,
-      grayColor,
-      scaling,
-      panelBackground,
-      hasBackground
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipProvider), null, {
-        default: withCtx(() => [
-          createVNode(unref(Primitive), mergeProps({
-            class: "ui-root",
-            "data-accent-color": unref(accentColor),
-            "data-gray-color": unref(grayColor),
-            "data-radius": unref(radius),
-            "data-scaling": unref(scaling),
-            "data-panel-background": unref(panelBackground),
-            "data-has-background": unref(hasBackground),
-            as: props.as,
-            "as-child": props.asChild
-          }, _ctx.$attrs), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling", "data-panel-background", "data-has-background", "as", "as-child"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$B = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M4 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4"
-    }, null, -1)
-  ])]);
-}
-const UserIcon = markRaw({ name: "ri-user-line", render: render$e });
-function useForwardPropsWithout(props, exclude) {
-  const parsedProps = useForwardProps(props);
-  return computed(() => ({
-    ..._excludeProps(parsedProps.value, exclude)
-  }));
-}
-function useForwardPropsEmitsWithout(props, emit, exclude) {
-  const parsedProps = useForwardProps(props);
-  const emitsAsProps = useEmitAsProps(emit);
-  return computed(() => ({
-    ..._excludeProps(parsedProps.value, exclude),
-    ...emitsAsProps
-  }));
-}
-const buildPropsClass = (props, keys) => {
-  return computed(() => {
-    const rv = [];
-    keys.forEach((key) => {
-      const value = props[key];
-      if (key === "class") {
-        rv.push(value);
-      }
-      if (value === true) {
-        rv.push(`r-${kebabize(key)}`);
-      } else if (value) {
-        rv.push(`r-${kebabize(key)}-${value}`);
-      }
-    });
-    return rv;
-  });
-};
-function _excludeProps(props, exclude) {
-  const rv = {};
-  Object.keys(props).forEach((k) => {
-    if (exclude.indexOf(k) === -1) {
-      rv[k] = props[k];
-    }
-  });
-  return rv;
-}
-function kebabize(str) {
-  return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, _kebabReplace);
-}
-function _kebabReplace(str, ofs) {
-  return (ofs ? "-" : "") + str.toLowerCase();
-}
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  __name: "Avatar",
-  props: {
-    alt: {},
-    src: {},
-    fallback: {},
-    radius: { default: "small" },
-    variant: { default: "solid" },
-    size: { default: "2" },
-    color: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    const fallback = computed(() => {
-      if (props.fallback) {
-        return props.fallback;
-      }
-      if (props.alt) {
-        const symbols = props.alt.split(/\s+/).map((p) => p[0]);
-        if (props.size === "1") {
-          return symbols[0];
-        } else {
-          return symbols.slice(0, 2).join("");
-        }
-      } else {
-        return "";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AvatarRoot), {
-        class: normalizeClass(["ui-Avatar", unref(resetClass)]),
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(AvatarImage), {
-            alt: props.alt,
-            src: props.src || ""
-          }, null, 8, ["alt", "src"]),
-          fallback.value ? (openBlock(), createBlock(unref(AvatarFallback), {
-            key: 0,
-            class: normalizeClass(`r-count-${fallback.value.length}`)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(fallback.value), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : (openBlock(), createBlock(unref(AvatarFallback), { key: 1 }, {
-            default: withCtx(() => [
-              createVNode(unref(UserIcon))
-            ]),
-            _: 1
-          }))
-        ]),
-        _: 1
-      }, 8, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  __name: "Badge",
-  props: {
-    variant: { default: "soft" },
-    color: {},
-    radius: { default: "small" },
-    size: { default: "1" },
-    highContrast: { type: Boolean, default: void 0 },
-    as: { default: "span" },
-    asChild: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-Badge", unref(resetClass)]),
-        as: props.as,
-        "as-child": props.asChild,
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "as", "as-child", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  __name: "Card",
-  props: {
-    variant: { default: "surface" },
-    radius: {},
-    size: { default: "1" },
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-Card ui-BaseCard", unref(resetClass)]),
-        "as-child": props.asChild,
-        as: props.as,
-        "data-radius": props.radius
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "as-child", "as", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  props: {
-    variant: { default: "solid" },
-    color: {},
-    radius: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    as: { default: "button" },
-    asChild: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-Button", unref(resetClass)]),
-        "as-child": props.asChild,
-        as: props.as,
-        "data-accent-color": props.color,
-        "data-radius": props.radius,
-        "data-disabled": props.disabled ? true : void 0,
-        disabled: props.disabled && props.as === "button" ? true : void 0
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
-    };
-  }
-});
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
-  __name: "IconButton",
-  props: {
-    variant: { default: "solid" },
-    color: {},
-    radius: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    as: { default: "button" },
-    asChild: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-Button ui-IconButton", unref(resetClass)]),
-        "as-child": props.asChild,
-        as: props.as,
-        "data-accent-color": props.color,
-        "data-radius": props.radius,
-        "data-disabled": props.disabled ? true : void 0,
-        disabled: props.disabled && props.as === "button" ? true : void 0
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
-    };
-  }
-});
-const _hoisted_1$A = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M10.969 3.219a.574.574 0 1 1 .812.812L8.313 7.5l3.468 3.469l.074.09a.575.575 0 0 1-.796.796l-.09-.074L7.5 8.312l-3.469 3.47a.574.574 0 1 1-.812-.813L6.688 7.5l-3.47-3.469l-.073-.09a.575.575 0 0 1 .796-.797l.09.075L7.5 6.687z"
-    }, null, -1)
-  ])]);
-}
-const CrossIcon = markRaw({ name: "radix-icons-cross-2", render: render$d });
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
-  __name: "CloseButton",
-  props: {
-    variant: { default: "ghost" },
-    color: { default: "gray" },
-    radius: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    as: { default: "button" },
-    asChild: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-Button ui-CloseButton", unref(resetClass)]),
-        "as-child": props.asChild,
-        as: props.as,
-        "data-accent-color": props.color,
-        "data-radius": props.radius,
-        "data-disabled": props.disabled ? true : void 0,
-        disabled: props.disabled && props.as === "button" ? true : void 0
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(CrossIcon))
-        ]),
-        _: 1
-      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
-    };
-  }
-});
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  __name: "ScrollArea",
-  props: {
-    size: { default: "1" },
-    radius: {},
-    scrollbars: { default: "both" },
-    type: { default: "scroll" },
-    dir: {},
-    scrollHideDelay: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ScrollAreaRoot), {
-        class: "ui-ScrollArea",
-        "as-child": props.asChild,
-        dir: props.dir,
-        "scroll-hide-delay": props.scrollHideDelay,
-        type: props.type,
-        "data-radius": props.radius
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(ScrollAreaViewport), { class: "ui-ScrollAreaViewport" }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }),
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-          props.scrollbars !== "horizontal" ? (openBlock(), createBlock(unref(ScrollAreaScrollbar), {
-            key: 0,
-            class: "ui-ScrollAreaScrollbar",
-            "data-size": props.size,
-            orientation: "vertical"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ScrollAreaThumb), { class: "ui-ScrollAreaThumb" })
-            ]),
-            _: 1
-          }, 8, ["data-size"])) : createCommentVNode("", true),
-          props.scrollbars !== "vertical" ? (openBlock(), createBlock(unref(ScrollAreaScrollbar), {
-            key: 1,
-            class: "ui-ScrollAreaScrollbar",
-            "data-size": props.size,
-            orientation: "horizontal"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ScrollAreaThumb), { class: "ui-ScrollAreaThumb" })
-            ]),
-            _: 1
-          }, 8, ["data-size"])) : createCommentVNode("", true),
-          props.scrollbars === "both" ? (openBlock(), createBlock(unref(ScrollAreaCorner), {
-            key: 2,
-            "class-name": "ui-ScrollAreaCorner"
-          })) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  __name: "ThemeWrapper",
-  props: {
-    accentColor: {},
-    radius: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const theme = injectThemeContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-root",
-        "data-accent-color": props.accentColor || unref(theme).accentColor.value,
-        "data-gray-color": unref(theme).grayColor.value,
-        "data-radius": props.radius || unref(theme).radius.value,
-        "data-scaling": unref(theme).scaling.value,
-        "as-child": ""
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
-    };
-  }
-});
-const _hoisted_1$z = ["textContent"];
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "Tooltip",
-  props: {
-    content: {},
-    maxWidth: { default: "360px" },
-    color: { default: "gray" },
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    delayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean },
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: { default: "top" },
-    sideOffset: { default: 4 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean, default: true },
-    collisionBoundary: {},
-    collisionPadding: { default: 10 },
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipRoot), {
-        "default-open": props.defaultOpen,
-        "delay-duration": props.delayDuration,
-        "disable-hoverable-content": props.disableHoverableContent,
-        "disable-closing-trigger": props.disableClosingTrigger,
-        disabled: props.disabled,
-        "ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(TooltipTrigger), mergeProps({
-            as: props.as,
-            "as-child": props.asChild
-          }, _ctx.$attrs), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["as", "as-child"]),
-          createVNode(unref(TooltipPortal), null, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1i, null, {
-                default: withCtx(() => [
-                  createVNode(unref(TooltipContent), {
-                    class: "ui-Tooltip",
-                    align: props.align,
-                    "align-offset": props.alignOffset,
-                    "aria-label": props.ariaLabel,
-                    "arrow-padding": props.arrowPadding,
-                    "avoid-collisions": props.avoidCollisions,
-                    "collision-boundary": props.collisionBoundary,
-                    "collision-padding": props.collisionPadding,
-                    "hide-when-detached": props.hideWhenDetached,
-                    side: props.side,
-                    "side-offset": props.sideOffset,
-                    sticky: props.sticky,
-                    "data-accent-color": props.color,
-                    style: normalizeStyle({ maxWidth: props.maxWidth })
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "content", {}, () => [
-                        createElementVNode("p", {
-                          class: "ui-TooltipText",
-                          textContent: toDisplayString(props.content)
-                        }, null, 8, _hoisted_1$z)
-                      ]),
-                      createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })
-                    ]),
-                    _: 3
-                  }, 8, ["align", "align-offset", "aria-label", "arrow-padding", "avoid-collisions", "collision-boundary", "collision-padding", "hide-when-detached", "side", "side-offset", "sticky", "data-accent-color", "style"])
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["default-open", "delay-duration", "disable-hoverable-content", "disable-closing-trigger", "disabled", "ignore-non-keyboard-focus"]);
-    };
-  }
-});
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  __name: "DialogCloseButton",
-  props: {
-    tooltip: { default: "Close" },
-    variant: { default: "ghost" },
-    color: { default: "gray" },
-    radius: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    as: { default: "button" },
-    asChild: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["tooltip"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1h, {
-        content: props.tooltip,
-        "as-child": ""
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(DialogClose), {
-            class: "ui-DialogCloseButton",
-            "as-child": ""
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1l, normalizeProps(guardReactiveProps(unref(forwarded))), {
-                default: withCtx(() => [
-                  createVNode(unref(CrossIcon))
-                ]),
-                _: 1
-              }, 16)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-});
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  __name: "DialogTitle",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "h2" }
-  },
-  setup(__props) {
-    const props = __props;
-    const rootContext = injectDialogRootContext();
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-        id: unref(rootContext).titleId,
-        class: "ui-DialogTitle"
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["id"]);
-    };
-  }
-});
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  __name: "DialogDescription",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "p" }
-  },
-  setup(__props) {
-    const props = __props;
-    useForwardExpose();
-    const rootContext = injectDialogRootContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-        id: unref(rootContext).descriptionId,
-        class: "ui-DialogDescription"
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["id"]);
-    };
-  }
-});
-const _hoisted_1$y = { class: "ui-DialogWrapper" };
-const _hoisted_2$8 = { class: "ui-DialogContainer" };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "DialogPopup",
-  props: {
-    size: { default: "1" },
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["align", "class", "size"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, null, {
-            default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$y, [
-                    createElementVNode("div", _hoisted_2$8, [
-                      createVNode(unref(DialogContent), mergeProps({
-                        class: ["ui-DialogPopup", `r-size-${props.size}`]
-                      }, {
-                        ..._ctx.$attrs,
-                        ...unref(forwarded)
-                      }), {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default")
-                        ]),
-                        _: 3
-                      }, 16, ["class"])
-                    ])
-                  ])
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$x = { class: "ui-DialogWrapper" };
-const _hoisted_2$7 = { class: "ui-DialogContainer" };
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "AlertDialogPopup",
-  props: {
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AlertDialogPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, null, {
-            default: withCtx(() => [
-              createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$x, [
-                    createElementVNode("div", _hoisted_2$7, [
-                      createVNode(unref(AlertDialogContent), mergeProps({ class: "ui-DialogPopup ui-AlertPopup r-size-3" }, {
-                        ..._ctx.$attrs,
-                        ...unref(forwarded)
-                      }), {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default")
-                        ]),
-                        _: 3
-                      }, 16)
-                    ])
-                  ])
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$w = { class: "ui-MenuViewport" };
-const [injectDropdownMenuContentContext, provideDropdownMenuContentContext] = createContext("ui:DropdownMenuContent");
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "DropdownMenuContent",
-  props: {
-    size: { default: "2" },
-    variant: { default: "solid" },
-    color: {},
-    highContrast: { type: Boolean },
-    forceMount: { type: Boolean },
-    loop: { type: Boolean },
-    memoDependencies: {},
-    side: {},
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "start" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: { default: 10 },
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, [
-      "to",
-      "size",
-      "variant",
-      "color",
-      "highContrast"
-    ]);
-    const { forwardRef } = useForwardExpose();
-    const { size, variant, color, highContrast } = toRefs(props);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    provideDropdownMenuContentContext({ size, variant, color, highContrast });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, {
-            "accent-color": props.color
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(DropdownMenuContent), mergeProps({
-                ..._ctx.$attrs,
-                ...unref(forwarded)
-              }, {
-                ref: unref(forwardRef),
-                class: ["ui-PopperContent ui-MenuContent", unref(resetClass)]
-              }), {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$1j, { type: "auto" }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$w, [
-                        renderSlot(_ctx.$slots, "default")
-                      ])
-                    ]),
-                    _: 3
-                  })
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          }, 8, ["accent-color"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$v = ["textContent"];
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuItem",
-  props: {
-    color: {},
-    shortcut: {},
-    disabled: { type: Boolean },
-    textValue: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "shortcut"]);
-    useForwardExpose();
-    const rootContext = injectDropdownMenuContentContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
-        class: "ui-MenuItem",
-        "data-accent-color": props.color || unref(rootContext).color.value,
-        "data-high-contrast": unref(rootContext).highContrast?.value || void 0
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          props.shortcut ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ui-MenuShortcut",
-            textContent: toDisplayString(props.shortcut)
-          }, null, 8, _hoisted_1$v)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["data-accent-color", "data-high-contrast"]);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$19 = {};
-const _hoisted_1$u = {
-  class: "ui-DropdownMenuSeparator",
-  "aria-hidden": "true"
-};
-function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$u);
-}
-const DropdownMenuSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$2]]);
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "PopoverPopup",
-  props: {
-    size: { default: "1" },
-    forceMount: { type: Boolean },
-    memoDependencies: {},
-    side: { default: "bottom" },
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "start" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    dir: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["to", "size"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopoverPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, null, {
-            default: withCtx(() => [
-              createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
-                class: ["ui-PopoverPopup ui-PopperContent", `r-size-${props.size}`]
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationMenuRoot",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    dir: {},
-    orientation: {},
-    delayDuration: {},
-    skipDelayDuration: {},
-    disableClickTrigger: { type: Boolean },
-    disableHoverTrigger: { type: Boolean },
-    disablePointerLeaveClose: { type: Boolean },
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NavigationMenuRoot), mergeProps(unref(forwarded), { class: "ui-NavigationMenuRoot" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(NavigationMenuViewport), { class: "ui-NavigationMenuViewport" })
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const [injectNavigationMenuListContext, provideNavigationMenuListContext] = createContext("ui:NavigationMenuList");
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationMenuList",
-  props: {
-    color: {},
-    size: { default: "2" },
-    radius: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["color", "size", "radius"]);
-    const resetClass = buildPropsClass(props, ["size"]);
-    const { color, radius, size } = toRefs(props);
-    provideNavigationMenuListContext({
-      color,
-      radius,
-      size
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NavigationMenuList), mergeProps(unref(forwarded), {
-        class: ["ui-NavigationMenuList", unref(resetClass)]
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(NavigationMenuIndicator), { class: "ui-NavigationMenuIndicator" })
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationMenuLink",
-  props: {
-    color: {},
-    size: { default: "2" },
-    radius: {},
-    active: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const ctx = injectNavigationMenuListContext(null);
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "radius"]);
-    const resetClass = computed(() => {
-      const size = props.size || ctx?.size.value || "2";
-      return `r-size-${size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NavigationMenuLink), mergeProps({ class: "ui-NavigationMenuLink" }, unref(forwarded), {
-        class: resetClass.value,
-        "data-accent-color": props.color || unref(ctx)?.color.value,
-        "data-radius": props.radius || unref(ctx)?.radius.value
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _hoisted_1$t = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M7.5 9.95a.45.45 0 0 0 .319-.132l3-3a.45.45 0 0 0-.637-.637L7.5 8.863L4.82 6.181l-.07-.057a.451.451 0 0 0-.625.624l.058.07l3 3a.45.45 0 0 0 .318.132"
-    }, null, -1)
-  ])]);
-}
-const CaretDownIcon = markRaw({ name: "radix-icons-caret-down", render: render$c });
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationMenuTrigger",
-  props: {
-    color: {},
-    size: {},
-    radius: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const ctx = injectNavigationMenuListContext(null);
-    const forwarded = useForwardPropsWithout(props, ["color", "size", "radius"]);
-    const attrs = useAttrs();
-    const defaultAs = computed(() => {
-      if (props.as) {
-        return props.as;
-      }
-      if (attrs.href) {
-        return "a";
-      } else {
-        return forwarded.value.as;
-      }
-    });
-    const resetClass = computed(() => {
-      const size = props.size || ctx?.size.value || "2";
-      return `r-size-${size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NavigationMenuTrigger), mergeProps({ class: "ui-NavigationMenuTrigger" }, unref(forwarded), {
-        as: defaultAs.value,
-        class: resetClass.value,
-        "data-accent-color": props.color || unref(ctx)?.color.value,
-        "data-radius": props.radius || unref(ctx)?.radius.value
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(CaretDownIcon), { class: "ui-NavigationMenuTriggerArrow" })
-        ]),
-        _: 3
-      }, 16, ["as", "class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationMenuContent",
-  props: {
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NavigationMenuContent), mergeProps(unref(forwarded), { class: "ui-NavigationMenuContent" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const [injectSidebarProviderContext, provideSidebarProviderContext] = createContext("ui:SidebarProvider");
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  __name: "SidebarProvider",
-  props: {
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    const isMobile = ref(false);
-    const sidebars = shallowReactive({});
-    function register(side, controller) {
-      const existing = sidebars[side];
-      if (existing && existing !== controller) {
-        console.warn(`[Typlog UI] SidebarProvider accepts at most one Sidebar for side="${side}".`);
-        return false;
-      }
-      sidebars[side] = controller;
-      return true;
-    }
-    function unregister(side, controller) {
-      if (sidebars[side] === controller)
-        delete sidebars[side];
-    }
-    function requestOpen(side, controller) {
-      const other = sidebars[side === "left" ? "right" : "left"];
-      if (other && other !== controller && other.open.value)
-        other.setOpen(false);
-    }
-    provideSidebarProviderContext({ isMobile, sidebars, register, unregister, requestOpen });
-    let mediaQuery;
-    function updateMobile(event) {
-      isMobile.value = event.matches;
-    }
-    onMounted(() => {
-      mediaQuery = window.matchMedia("(max-width: 1023.98px)");
-      updateMobile(mediaQuery);
-      mediaQuery.addEventListener("change", updateMobile);
-    });
-    onBeforeUnmount(() => {
-      mediaQuery?.removeEventListener("change", updateMobile);
-    });
-    const hasInset = computed(() => sidebars.left?.variant.value === "inset" || sidebars.right?.variant.value === "inset");
-    const hasPadding = computed(() => sidebars.left?.variant.value === "floating" || sidebars.right?.variant.value === "floating" || hasInset.value);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarProvider",
-        as: props.as,
-        "data-mobile": isMobile.value,
-        "data-padded": hasPadding.value,
-        "data-inset": hasInset.value
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { isMobile: isMobile.value })
-        ]),
-        _: 3
-      }, 8, ["as", "data-mobile", "data-padded", "data-inset"]);
-    };
-  }
-});
-const _hoisted_1$s = ["data-collapsed"];
-const [injectSidebarContext, provideSidebarContext] = createContext("ui:Sidebar");
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "Sidebar",
-  props: {
-    open: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: false },
-    collapsed: { type: Boolean, default: void 0 },
-    defaultCollapsed: { type: Boolean, default: false },
-    side: { default: "left" },
-    variant: { default: "default" },
-    collapsible: { default: "offcanvas" },
-    width: { default: "16rem" },
-    collapsedWidth: { default: "3.5rem" },
-    mobileWidth: { default: "18rem" },
-    mobileTitle: { default: "Navigation" },
-    mobileDescription: { default: "Site navigation" },
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean, default: void 0 },
-    asChild: { type: Boolean },
-    as: { default: "aside" }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "update:open", "update:collapsed"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const provider = injectSidebarProviderContext();
-    const internalOpen = ref(props.defaultOpen);
-    const internalCollapsed = ref(props.defaultCollapsed);
-    const isMobile = provider.isMobile;
-    const lastTrigger = ref(null);
-    const panelId = `ui-sidebar-${useId()}`;
-    const { side, variant, collapsible } = toRefs(props);
-    const open = computed({
-      get: () => props.open ?? internalOpen.value,
-      set: (value) => {
-        if (value && isMobile.value)
-          provider.requestOpen(side.value, controller);
-        if (props.open === void 0)
-          internalOpen.value = value;
-        emits("update:open", value);
-      }
-    });
-    const collapsed = computed({
-      get: () => props.collapsed ?? internalCollapsed.value,
-      set: (value) => {
-        if (props.collapsed === void 0)
-          internalCollapsed.value = value;
-        emits("update:collapsed", value);
-      }
-    });
-    function toggleCollapsed() {
-      if (collapsible.value !== "none")
-        collapsed.value = !collapsed.value;
-    }
-    function toggle() {
-      if (isMobile.value)
-        open.value = !open.value;
-      else
-        toggleCollapsed();
-    }
-    function setOpen(value) {
-      open.value = value;
-    }
-    function shouldRestoreFocus() {
-      const other = provider.sidebars[side.value === "left" ? "right" : "left"];
-      return !other?.open.value;
-    }
-    const controller = {
-      side,
-      open,
-      collapsed,
-      collapsible,
-      variant,
-      panelId,
-      lastTrigger,
-      setOpen,
-      toggle
-    };
-    watch(side, (value, _oldValue, onCleanup) => {
-      if (provider.register(value, controller))
-        onCleanup(() => provider.unregister(value, controller));
-    }, { immediate: true });
-    watch([open, isMobile], ([isOpen, mobile]) => {
-      if (isOpen && mobile)
-        provider.requestOpen(side.value, controller);
-    }, { immediate: true });
-    provideSidebarContext({
-      open,
-      collapsed,
-      isMobile,
-      side,
-      variant,
-      collapsible,
-      panelId,
-      lastTrigger,
-      toggle,
-      toggleCollapsed,
-      shouldRestoreFocus
-    });
-    const sidebarProps = [
-      "open",
-      "defaultOpen",
-      "collapsed",
-      "defaultCollapsed",
-      "side",
-      "variant",
-      "collapsible",
-      "width",
-      "collapsedWidth",
-      "mobileWidth",
-      "mobileTitle",
-      "mobileDescription"
-    ];
-    const forwardedDialogProps = useForwardPropsWithout(props, sidebarProps);
-    const resetClass = buildPropsClass(props, ["side", "variant", "collapsible"]);
-    const mobileClass = computed(() => [
-      `r-side-${props.side}`,
-      `r-variant-${props.variant}`
-    ]);
-    const sidebarStyle = computed(() => ({
-      "--sidebar-width": props.width,
-      "--sidebar-collapsed-width": props.collapsedWidth,
-      "--sidebar-mobile-width": props.mobileWidth
-    }));
-    function closeAutoFocus(event) {
-      emits("closeAutoFocus", event);
-      if (event.defaultPrevented)
-        return;
-      if (!shouldRestoreFocus()) {
-        event.preventDefault();
-        return;
-      }
-      const trigger = lastTrigger.value;
-      if (trigger?.isConnected) {
-        event.preventDefault();
-        nextTick(() => trigger.focus());
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogRoot), {
-        open: open.value,
-        "onUpdate:open": setOpen
-      }, {
-        default: withCtx(() => [
-          !unref(isMobile) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["ui-Sidebar", unref(resetClass)]),
-            style: normalizeStyle(sidebarStyle.value),
-            "data-collapsed": collapsed.value
-          }, [
-            createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
-              id: panelId,
-              as: props.as,
-              "as-child": props.asChild,
-              class: "ui-SidebarPanel r-desktop"
-            }), {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", {
-                  open: open.value,
-                  collapsed: collapsed.value,
-                  isMobile: unref(isMobile),
-                  toggle
-                })
-              ]),
-              _: 3
-            }, 16, ["as", "as-child"])
-          ], 14, _hoisted_1$s)) : (openBlock(), createBlock(unref(DialogPortal), { key: 1 }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1i, null, {
-                default: withCtx(() => [
-                  createVNode(unref(DialogOverlay), {
-                    class: "ui-SidebarOverlay",
-                    "force-mount": props.forceMount
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(DialogContent), mergeProps({ ..._ctx.$attrs, ...unref(forwardedDialogProps) }, {
-                        id: panelId,
-                        class: ["ui-SidebarPanel r-mobile", mobileClass.value],
-                        style: sidebarStyle.value,
-                        onCloseAutoFocus: closeAutoFocus,
-                        onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emits("escapeKeyDown", $event)),
-                        onFocusOutside: _cache[1] || (_cache[1] = ($event) => emits("focusOutside", $event)),
-                        onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
-                        onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emits("openAutoFocus", $event)),
-                        onPointerDownOutside: _cache[4] || (_cache[4] = ($event) => emits("pointerDownOutside", $event))
-                      }), {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default", {
-                            open: open.value,
-                            collapsed: collapsed.value,
-                            isMobile: unref(isMobile),
-                            toggle
-                          }),
-                          createVNode(unref(DialogTitle), { class: "ui-SidebarVisuallyHidden" }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(props.mobileTitle), 1)
-                            ]),
-                            _: 1
-                          }),
-                          createVNode(unref(DialogDescription), { class: "ui-SidebarVisuallyHidden" }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(props.mobileDescription), 1)
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 3
-                      }, 16, ["class", "style"])
-                    ]),
-                    _: 3
-                  }, 8, ["force-mount"])
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          }))
-        ]),
-        _: 3
-      }, 8, ["open"]);
-    };
-  }
-});
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  __name: "SidebarHeader",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "header" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarHeader",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  __name: "SidebarBody",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarBody",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  __name: "SidebarFooter",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "footer" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarFooter",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  __name: "SidebarTrigger",
-  props: {
-    target: { default: "left" },
-    label: {},
-    disabled: { type: Boolean, default: false },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    const provider = injectSidebarProviderContext();
-    const target = computed(() => provider.sidebars[props.target]);
-    const isDisabled = computed(() => props.disabled || !target.value || !provider.isMobile.value && target.value.collapsible.value === "none");
-    const accessibleLabel = computed(() => {
-      if (props.label)
-        return props.label;
-      if (provider.isMobile.value)
-        return `${target.value?.open.value ? "Close" : "Open"} ${props.target} sidebar`;
-      return `${target.value?.collapsed.value ? "Expand" : "Collapse"} ${props.target} sidebar`;
-    });
-    function toggle(event) {
-      if (isDisabled.value || !target.value)
-        return;
-      target.value.lastTrigger.value = event.currentTarget;
-      target.value.toggle();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarTrigger",
-        as: props.as,
-        "as-child": props.asChild,
-        type: props.as === "button" ? "button" : void 0,
-        disabled: isDisabled.value && props.as === "button" ? true : void 0,
-        "data-disabled": isDisabled.value ? true : void 0,
-        "aria-disabled": isDisabled.value ? true : void 0,
-        "data-mobile": unref(provider).isMobile.value,
-        "data-collapsible": target.value?.collapsible.value,
-        "data-target": props.target,
-        "aria-label": accessibleLabel.value,
-        "aria-controls": target.value?.panelId,
-        "aria-expanded": unref(provider).isMobile.value ? target.value?.open.value ?? false : !(target.value?.collapsed.value ?? true),
-        "aria-haspopup": unref(provider).isMobile.value ? "dialog" : void 0,
-        onClick: toggle
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {
-            open: target.value?.open.value ?? false,
-            collapsed: target.value?.collapsed.value ?? false,
-            isMobile: unref(provider).isMobile.value,
-            target: props.target
-          }, () => [
-            createVNode(unref(Icon), {
-              class: "ui-SidebarTriggerIcon",
-              icon: props.target === "right" ? "lucide:panel-right" : "lucide:panel-left",
-              "aria-hidden": "true"
-            }, null, 8, ["icon"])
-          ])
-        ]),
-        _: 3
-      }, 8, ["as", "as-child", "type", "disabled", "data-disabled", "aria-disabled", "data-mobile", "data-collapsible", "data-target", "aria-label", "aria-controls", "aria-expanded", "aria-haspopup"]);
-    };
-  }
-});
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  __name: "SidebarRail",
-  props: {
-    label: {},
-    disabled: { type: Boolean, default: false },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    const context = injectSidebarContext();
-    const isDisabled = computed(() => props.disabled || context.collapsible.value === "none");
-    const accessibleLabel = computed(() => props.label ?? `${context.collapsed.value ? "Expand" : "Collapse"} ${context.side.value} sidebar`);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarRail",
-        as: props.as,
-        "as-child": props.asChild,
-        type: props.as === "button" ? "button" : void 0,
-        disabled: isDisabled.value && props.as === "button" ? true : void 0,
-        "data-disabled": isDisabled.value ? true : void 0,
-        "aria-disabled": isDisabled.value ? true : void 0,
-        "aria-label": accessibleLabel.value,
-        "aria-controls": unref(context).panelId,
-        "aria-expanded": !unref(context).collapsed.value,
-        onClick: _cache[0] || (_cache[0] = ($event) => !isDisabled.value && unref(context).toggleCollapsed())
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {
-            collapsed: unref(context).collapsed.value
-          })
-        ]),
-        _: 3
-      }, 8, ["as", "as-child", "type", "disabled", "data-disabled", "aria-disabled", "aria-label", "aria-controls", "aria-expanded"]);
-    };
-  }
-});
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  __name: "SidebarInset",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "main" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarInset",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  __name: "SidebarGroup",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarGroup",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  __name: "SidebarGroupLabel",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarGroupLabel",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const [injectSidebarMenuContext, provideSidebarMenuContext] = createContext("ui:SidebarMenu");
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenu",
-  props: {
-    size: { default: "2" },
-    color: {},
-    asChild: { type: Boolean },
-    as: { default: "ul" }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["size", "color"]);
-    const resetClass = buildPropsClass(props, ["size"]);
-    const { size, color } = toRefs(props);
-    provideSidebarMenuContext({ size, color });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwarded), {
-        class: ["ui-SidebarMenu", unref(resetClass)],
-        "data-accent-color": props.color
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color"]);
-    };
-  }
-});
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuItem",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "li" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarMenuItem",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuButtonContent",
-  props: {
-    icon: {},
-    text: {},
-    trailingIcon: {},
-    isSub: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const part = computed(() => props.isSub ? "ui-SidebarMenuSubButton" : "ui-SidebarMenuButton");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.$slots.icon || props.icon ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(`${part.value}Icon`)
-        }, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            createVNode(unref(Icon), {
-              class: normalizeClass(`${part.value}IconGraphic`),
-              icon: props.icon,
-              "aria-hidden": "true"
-            }, null, 8, ["class", "icon"])
-          ])
-        ], 2)) : createCommentVNode("", true),
-        _ctx.$slots.text || _ctx.$slots.default || props.text ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass(`${part.value}Text`)
-        }, [
-          renderSlot(_ctx.$slots, "text", {}, () => [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(props.text), 1)
-            ])
-          ])
-        ], 2)) : createCommentVNode("", true),
-        _ctx.$slots.trailing || props.trailingIcon ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          class: normalizeClass(`${part.value}Trailing`)
-        }, [
-          renderSlot(_ctx.$slots, "trailing", {}, () => [
-            createVNode(unref(Icon), {
-              class: normalizeClass(`${part.value}TrailingIcon`),
-              icon: props.trailingIcon,
-              "aria-hidden": "true"
-            }, null, 8, ["class", "icon"])
-          ])
-        ], 2)) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "SidebarMenuButton",
-  props: {
-    icon: {},
-    text: {},
-    trailingIcon: {},
-    active: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    tooltip: { type: [String, Boolean] },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    const context = injectSidebarContext();
-    injectSidebarMenuContext();
-    const tooltip = computed(() => props.tooltip === false ? void 0 : props.tooltip ?? props.text);
-    const showTooltip = computed(() => Boolean(tooltip.value) && !props.disabled && !context.isMobile.value && context.collapsible.value === "icon" && context.collapsed.value);
-    const tooltipSide = computed(() => context.side.value === "left" ? "right" : "left");
-    function preventDisabled(event) {
-      if (!props.disabled)
-        return;
-      event.preventDefault();
-      event.stopImmediatePropagation();
-    }
-    return (_ctx, _cache) => {
-      return showTooltip.value ? (openBlock(), createBlock(_sfc_main$1h, {
-        key: 0,
-        "as-child": "",
-        content: tooltip.value,
-        side: tooltipSide.value,
-        "side-offset": 8
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
-            class: "ui-SidebarMenuButton",
-            as: props.as,
-            "as-child": props.asChild,
-            type: props.as === "button" && !props.asChild ? "button" : void 0,
-            disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
-            "data-active": props.active ? true : void 0,
-            "data-disabled": props.disabled ? true : void 0,
-            "aria-disabled": props.disabled ? true : void 0,
-            onClick: preventDisabled
-          }), {
-            default: withCtx(() => [
-              props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(_sfc_main$S, {
-                key: 1,
-                icon: props.icon,
-                text: props.text,
-                "trailing-icon": props.trailingIcon
-              }, createSlots({ _: 2 }, [
-                _ctx.$slots.icon ? {
-                  name: "icon",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "icon")
-                  ]),
-                  key: "0"
-                } : void 0,
-                _ctx.$slots.text ? {
-                  name: "text",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "text")
-                  ]),
-                  key: "1"
-                } : void 0,
-                _ctx.$slots.default ? {
-                  name: "default",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "default")
-                  ]),
-                  key: "2"
-                } : void 0,
-                _ctx.$slots.trailing ? {
-                  name: "trailing",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "trailing")
-                  ]),
-                  key: "3"
-                } : void 0
-              ]), 1032, ["icon", "text", "trailing-icon"]))
-            ]),
-            _: 3
-          }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"])
-        ]),
-        _: 3
-      }, 8, ["content", "side"])) : (openBlock(), createBlock(unref(Primitive), mergeProps({ key: 1 }, _ctx.$attrs, {
-        class: "ui-SidebarMenuButton",
-        as: props.as,
-        "as-child": props.asChild,
-        type: props.as === "button" && !props.asChild ? "button" : void 0,
-        disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
-        "data-active": props.active ? true : void 0,
-        "data-disabled": props.disabled ? true : void 0,
-        "aria-disabled": props.disabled ? true : void 0,
-        onClick: preventDisabled
-      }), {
-        default: withCtx(() => [
-          props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(_sfc_main$S, {
-            key: 1,
-            icon: props.icon,
-            text: props.text,
-            "trailing-icon": props.trailingIcon
-          }, createSlots({ _: 2 }, [
-            _ctx.$slots.icon ? {
-              name: "icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon")
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.text ? {
-              name: "text",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "text")
-              ]),
-              key: "1"
-            } : void 0,
-            _ctx.$slots.default ? {
-              name: "default",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              key: "2"
-            } : void 0,
-            _ctx.$slots.trailing ? {
-              name: "trailing",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing")
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1032, ["icon", "text", "trailing-icon"]))
-        ]),
-        _: 3
-      }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"]));
-    };
-  }
-});
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuSub",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "ul" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarMenuSub",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuSubItem",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "li" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-SidebarMenuSubItem",
-        as: props.as,
-        "as-child": props.asChild
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "SidebarMenuSubButton",
-  props: {
-    icon: {},
-    text: {},
-    trailingIcon: {},
-    active: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    injectSidebarMenuContext();
-    function preventDisabled(event) {
-      if (!props.disabled)
-        return;
-      event.preventDefault();
-      event.stopImmediatePropagation();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
-        class: "ui-SidebarMenuSubButton",
-        as: props.as,
-        "as-child": props.asChild,
-        type: props.as === "button" && !props.asChild ? "button" : void 0,
-        disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
-        "data-active": props.active ? true : void 0,
-        "data-disabled": props.disabled ? true : void 0,
-        "aria-disabled": props.disabled ? true : void 0,
-        onClick: preventDisabled
-      }), {
-        default: withCtx(() => [
-          props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(_sfc_main$S, {
-            key: 1,
-            "is-sub": "",
-            icon: props.icon,
-            text: props.text,
-            "trailing-icon": props.trailingIcon
-          }, createSlots({ _: 2 }, [
-            _ctx.$slots.icon ? {
-              name: "icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon")
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.text ? {
-              name: "text",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "text")
-              ]),
-              key: "1"
-            } : void 0,
-            _ctx.$slots.default ? {
-              name: "default",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              key: "2"
-            } : void 0,
-            _ctx.$slots.trailing ? {
-              name: "trailing",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing")
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1032, ["icon", "text", "trailing-icon"]))
-        ]),
-        _: 3
-      }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"]);
-    };
-  }
-});
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
-  __name: "Switch",
-  props: {
-    color: {},
-    variant: { default: "surface" },
-    size: { default: "2" },
-    highContrast: { type: Boolean },
-    radius: {},
-    defaultValue: {},
-    modelValue: {},
-    disabled: { type: Boolean },
-    id: {},
-    value: {},
-    trueValue: {},
-    falseValue: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast", "radius"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SwitchRoot), mergeProps(unref(forwarded), {
-        class: ["ui-Switch", unref(resetClass)],
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(SwitchThumb), { class: "ui-SwitchThumb" }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _hoisted_1$r = {
-  width: "9",
-  height: "9",
-  viewBox: "0 0 9 9",
-  fill: "currentcolor",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$6 = {
-  key: 0,
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"
-};
-const _hoisted_3$2 = {
-  key: 1,
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"
-};
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
-  props: {
-    color: {},
-    variant: { default: "surface" },
-    size: { default: "2" },
-    highContrast: { type: Boolean },
-    defaultValue: {},
-    modelValue: {},
-    disabled: { type: Boolean },
-    value: {},
-    id: {},
-    trueValue: {},
-    falseValue: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CheckboxRoot), mergeProps(unref(forwarded), {
-        class: ["ui-Checkbox", unref(resetClass)],
-        "data-accent-color": props.color
-      }), {
-        default: withCtx(({ state }) => [
-          createVNode(unref(CheckboxIndicator), {
-            class: "ui-CheckboxIndicator",
-            "as-child": ""
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createElementBlock("svg", _hoisted_1$r, [
-                state === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$6)) : (openBlock(), createElementBlock("path", _hoisted_3$2))
-              ]))
-            ]),
-            _: 2
-          }, 1024)
-        ]),
-        _: 1
-      }, 16, ["class", "data-accent-color"]);
-    };
-  }
-});
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  __name: "Toggle",
-  props: {
-    variant: { default: "soft" },
-    color: {},
-    radius: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean },
-    defaultValue: { type: Boolean },
-    modelValue: { type: [Boolean, null] },
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast", "radius"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Toggle), mergeProps(unref(forwarded), {
-        class: ["ui-Toggle", unref(resetClass)],
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  __name: "ToggleGroupRoot",
-  props: {
-    variant: { default: "solid" },
-    color: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean },
-    radius: {},
-    rovingFocus: { type: Boolean },
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean },
-    type: {},
-    modelValue: {},
-    defaultValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast", "radius"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ToggleGroupRoot), mergeProps(unref(forwarded), {
-        class: ["ui-ToggleGroupRoot", unref(resetClass)],
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  __name: "ToggleGroupItem",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ToggleGroupItem), mergeProps(unref(forwarded), { class: "ui-ToggleGroupItem" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _hoisted_1$q = ["data-radius", "data-accent-color"];
-const _hoisted_2$5 = ["id", "type"];
-const _hoisted_3$1 = ["id", "type"];
-const _hoisted_4 = {
-  key: 2,
-  class: "ui-TextFieldSlot",
-  "data-side": "left"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "ui-TextFieldSlot",
-  "data-side": "right"
-};
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "TextField",
-  props: /* @__PURE__ */ mergeModels({
-    id: {},
-    class: {},
-    size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
-    radius: {},
-    type: { default: "text" }
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const inputRef = useTemplateRef("input");
-    const onPointerDown = (event) => {
-      const target = event.target;
-      if (target.closest("input, button, a")) return;
-      const input = inputRef.value;
-      if (!input) return;
-      const isRightSlot = target.closest("[data-side=right]");
-      const cursorPosition = isRightSlot ? input.value.length : 0;
-      requestAnimationFrame(() => {
-        input.setSelectionRange(cursorPosition, cursorPosition);
-        input.focus();
-      });
-    };
-    const [modelValue, modifiers] = useModel(__props, "modelValue", {
-      set(value) {
-        if (modifiers.number) {
-          return Number(value);
-        }
-        if (modifiers.trim) {
-          return value.trim();
-        }
-        return value;
-      }
-    });
-    const resetClass = buildPropsClass(props, ["size", "variant", "class"]);
-    const onFileChange = () => {
-      modelValue.value = inputRef.value?.files;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ui-TextField", unref(resetClass)]),
-        "data-radius": props.radius,
-        "data-accent-color": props.color,
-        onPointerdown: onPointerDown
-      }, [
-        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$5)) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
-          key: 1,
-          id: props.id,
-          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_3$1)), [
-          [vModelDynamic, unref(modelValue)]
-        ]),
-        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          renderSlot(_ctx.$slots, "left")
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "right")
-        ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$q);
-    };
-  }
-});
-const _hoisted_1$p = ["data-accent-color", "data-radius"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "TextArea",
-  props: /* @__PURE__ */ mergeModels({
-    class: {},
-    size: { default: "2" },
-    variant: { default: "surface" },
-    resize: {},
-    color: {},
-    radius: {}
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const modelValue = useModel(__props, "modelValue");
-    const resetClass = buildPropsClass(props, ["size", "variant", "resize", "class"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ui-TextArea", unref(resetClass)]),
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }, [
-        withDirectives(createElementVNode("textarea", mergeProps({
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-        }, _ctx.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
-          [vModelText, modelValue.value]
-        ])
-      ], 10, _hoisted_1$p);
-    };
-  }
-});
-const _hoisted_1$o = ["id"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  __name: "ColorField",
-  props: /* @__PURE__ */ mergeModels({
-    id: {},
-    variant: { default: "solid" },
-    size: { default: "2" },
-    radius: {},
-    defaultValue: {},
-    as: { default: "div" }
-  }, {
-    "modelValue": { required: false },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const modelValue = useModel(__props, "modelValue");
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    onMounted(() => {
-      if (props.defaultValue && !modelValue.value) {
-        modelValue.value = props.defaultValue;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-ColorField", unref(resetClass)]),
-        as: props.as,
-        "data-radius": props.radius,
-        style: normalizeStyle({ "--color-field-color": modelValue.value })
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("input", {
-            id: props.id,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-            class: "ui-ColorFieldInput",
-            type: "color"
-          }, null, 8, _hoisted_1$o), [
-            [vModelText, modelValue.value]
-          ])
-        ]),
-        _: 1
-      }, 8, ["as", "class", "data-radius", "style"]);
-    };
-  }
-});
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  __name: "PinInputRoot",
-  props: {
-    size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
-    radius: {},
-    modelValue: {},
-    defaultValue: {},
-    placeholder: {},
-    mask: { type: Boolean },
-    otp: { type: Boolean },
-    type: {},
-    dir: {},
-    disabled: { type: Boolean },
-    id: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue", "complete"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const asPinInputValue = (value) => value;
-    const forwarded = useForwardPropsEmitsWithout(
-      props,
-      emits,
-      ["size", "variant", "color", "radius"]
-    );
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PinInputRoot), mergeProps(unref(forwarded), {
-        class: ["ui-PinInputRoot", unref(resetClass)],
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }), {
-        default: withCtx(({ modelValue }) => [
-          renderSlot(_ctx.$slots, "default", {
-            modelValue: asPinInputValue(modelValue)
-          })
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  __name: "PinInputInput",
-  props: {
-    index: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "input" }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PinInputInput), mergeProps({ class: "ui-PinInputInput" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const [injectSelectRootContext, provideSelectRootContext] = createContext("ui:SelectRoot");
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  __name: "SelectRoot",
-  props: {
-    size: { default: "2" },
-    color: {},
-    highContrast: { type: Boolean },
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    defaultValue: {},
-    modelValue: {},
-    nullableValue: {},
-    by: {},
-    dir: {},
-    multiple: { type: Boolean },
-    autocomplete: {},
-    disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { size, color, highContrast } = toRefs(props);
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["size", "color", "highContrast"]);
-    provideSelectRootContext({
-      size,
-      color,
-      highContrast
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "SelectContent",
-  props: {
-    variant: { default: "solid" },
-    forceMount: { type: Boolean },
-    position: {},
-    bodyLock: { type: Boolean },
-    memoDependencies: {},
-    side: {},
-    sideOffset: {},
-    sideFlip: { type: Boolean },
-    align: {},
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    dir: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    const { forwardRef } = useForwardExpose();
-    const context = injectSelectRootContext();
-    const contentClass = computed(() => {
-      const rv = ["r-size-" + context.size.value, "r-variant-" + props.variant];
-      if (context.highContrast.value) {
-        rv.push("r-high-contrast");
-      }
-      if (props.position === "popper") {
-        rv.push("ui-PopperContent");
-      }
-      return rv;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, {
-            "accent-color": unref(context).color.value
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(SelectContent), mergeProps({ ref: unref(forwardRef) }, {
-                ..._ctx.$attrs,
-                ...unref(forwarded),
-                variant: void 0
-              }, {
-                class: ["ui-SelectContent", contentClass.value]
-              }), {
-                default: withCtx(() => [
-                  createVNode(unref(ScrollAreaRoot), {
-                    type: "auto",
-                    class: "ui-ScrollArea"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(SelectViewport), {
-                        class: "ui-SelectViewport",
-                        "as-child": ""
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(ScrollAreaViewport), { class: "ui-ScrollAreaViewport" }, {
-                            default: withCtx(() => [
-                              renderSlot(_ctx.$slots, "default")
-                            ]),
-                            _: 3
-                          }),
-                          _cache[0] || (_cache[0] = createElementVNode("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                          createVNode(unref(ScrollAreaScrollbar), {
-                            class: "ui-ScrollAreaScrollbar",
-                            "data-size": 1,
-                            orientation: "vertical"
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(unref(ScrollAreaThumb), { class: "ui-ScrollAreaThumb" })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 3
-                      })
-                    ]),
-                    _: 3
-                  })
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          }, 8, ["accent-color"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$n = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M11.158 6.135a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75l-.066-.077a.5.5 0 0 1 .67-.715l.08.062L7.5 9.564z"
-    }, null, -1)
-  ])]);
-}
-const ChevronDownIcon = markRaw({ name: "radix-icons-chevron-down", render: render$b });
-const _hoisted_1$m = { class: "ui-SelectTriggerInner" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  __name: "SelectTrigger",
-  props: {
-    variant: { default: "surface" },
-    radius: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const context = injectSelectRootContext();
-    const resetClass = computed(() => {
-      return [`r-variant-${props.variant}`, `r-size-${context.size.value}`];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectTrigger), {
-        class: normalizeClass(["ui-SelectTrigger", resetClass.value]),
-        disabled: props.disabled,
-        "data-accent-color": unref(context).color.value,
-        "data-radius": props.radius
-      }, {
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$m, [
-            createVNode(unref(SelectValue), {
-              placeholder: props.placeholder
-            }, {
-              default: withCtx(({ selectedLabel, modelValue }) => [
-                selectedLabel.length ? renderSlot(_ctx.$slots, "default", {
-                  selectedLabel,
-                  modelValue
-                }, () => [
-                  createTextVNode(toDisplayString(selectedLabel.join(", ")), 1)
-                ], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(props.placeholder), 1)
-                ], 64))
-              ]),
-              _: 3
-            }, 8, ["placeholder"])
-          ]),
-          createVNode(unref(ChevronDownIcon), { class: "ui-SelectIcon" })
-        ]),
-        _: 3
-      }, 8, ["class", "disabled", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _hoisted_1$l = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M10.602 3.908a.626.626 0 0 1 1.046.684l-4.25 6.5a.626.626 0 0 1-.944.12l-2.75-2.5l-.084-.094a.626.626 0 0 1 .823-.906l.103.075l2.207 2.006z"
-    }, null, -1)
-  ])]);
-}
-const CheckIcon$1 = markRaw({ name: "radix-icons-check", render: render$a });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  __name: "SelectItem",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    textValue: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectItem), mergeProps({ class: "ui-SelectItem" }, unref(forwarded)), {
-        default: withCtx(() => [
-          createVNode(unref(SelectItemIndicator), { class: "ui-SelectItemIndicator" }, {
-            default: withCtx(() => [
-              createVNode(unref(CheckIcon$1))
-            ]),
-            _: 1
-          }),
-          createVNode(unref(SelectItemText), null, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  __name: "SelectLabel",
-  props: {
-    for: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectLabel), mergeProps({ class: "ui-SelectLabel" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$y = {};
-const _hoisted_1$k = {
-  class: "ui-SelectSeparator",
-  "aria-hidden": "true"
-};
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$k);
-}
-const SelectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
-const [injectComboboxRootContext, provideComboboxRootContext] = createContext("ui:ComboboxRoot");
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxRoot",
-  props: {
-    size: { default: "2" },
-    color: {},
-    highContrast: { type: Boolean },
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    resetSearchTermOnBlur: { type: Boolean },
-    resetSearchTermOnSelect: { type: Boolean },
-    openOnFocus: { type: Boolean },
-    openOnClick: { type: Boolean },
-    ignoreFilter: { type: Boolean },
-    resetModelValueOnClear: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
-    multiple: { type: Boolean, default: false },
-    dir: {},
-    disabled: { type: Boolean },
-    highlightOnHover: { type: Boolean },
-    by: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue", "highlight", "update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { size, color, highContrast } = toRefs(props);
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["size", "color", "highContrast"]);
-    const resetClass = buildPropsClass(props, ["size", "highContrast", "multiple"]);
-    provideComboboxRootContext({
-      size,
-      color,
-      highContrast
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({
-        class: ["ui-ComboboxRoot", unref(resetClass)]
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _hoisted_1$j = {
-  key: 0,
-  class: "ui-ComboboxValues"
-};
-const _hoisted_2$4 = ["aria-current", "value"];
-const _hoisted_3 = ["onClick"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ComboboxInput",
-  props: {
-    variant: { default: "surface" },
-    radius: {},
-    placeholder: {},
-    displayValue: {},
-    modelValue: {},
-    autoFocus: { type: Boolean },
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const context = injectComboboxRootContext$1();
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const activeIndex = ref(-1);
-    const values = computed(() => {
-      return context.modelValue.value;
-    });
-    const displayValue = (value) => {
-      if (typeof value === "object") {
-        return JSON.stringify(value);
-      } else {
-        return value.toString();
-      }
-    };
-    const onDeleteIndex = (index) => {
-      activeIndex.value = index;
-      context.modelValue.value.splice(index, 1);
-      activeIndex.value = -1;
-    };
-    const onInputKeydown = (event) => {
-      const input = event.target;
-      if (!input.value && (event.key === "Delete" || event.key === "Backspace")) {
-        if (activeIndex.value !== -1) {
-          onDeleteIndex(activeIndex.value);
-        } else {
-          activeIndex.value = values.value.length - 1;
-          setTimeout(() => {
-            activeIndex.value = -1;
-          }, 800);
-        }
-      } else if (input.value && event.key === "Enter") {
-        setTimeout(() => {
-          input.value = "";
-        });
-      }
-    };
-    watch(values, () => {
-      context.filterSearch.value = "";
-      emits("update:modelValue", "");
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxAnchor), {
-        class: normalizeClass(["ui-ComboboxField", `r-variant-${__props.variant}`]),
-        "data-radius": __props.radius,
-        "data-multiple": unref(context).multiple.value || void 0
-      }, {
-        default: withCtx(() => [
-          unref(context).multiple.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: displayValue(item),
-                class: "ui-ComboboxValuesItem",
-                "aria-current": index === activeIndex.value,
-                value: item
-              }, [
-                renderSlot(_ctx.$slots, "item", { value: item }, () => [
-                  createElementVNode("span", null, toDisplayString(displayValue(item)), 1)
-                ]),
-                createElementVNode("button", {
-                  type: "button",
-                  tabindex: "-1",
-                  onClick: withModifiers(($event) => onDeleteIndex(index), ["prevent"])
-                }, [
-                  createVNode(unref(CrossIcon))
-                ], 8, _hoisted_3)
-              ], 8, _hoisted_2$4);
-            }), 128)),
-            createVNode(unref(ComboboxInput), mergeProps({
-              ..._ctx.$attrs,
-              ...unref(forwarded),
-              variant: void 0,
-              radius: void 0
-            }, {
-              class: "ui-ComboboxInput",
-              onKeydown: onInputKeydown
-            }), null, 16)
-          ])) : (openBlock(), createBlock(unref(ComboboxInput), mergeProps({
-            key: 1,
-            class: "ui-ComboboxInput"
-          }, {
-            ..._ctx.$attrs,
-            ...unref(forwarded),
-            variant: void 0,
-            radius: void 0
-          }), null, 16)),
-          createVNode(unref(ComboboxTrigger), { class: "ui-ComboboxTrigger" }, {
-            default: withCtx(() => [
-              createVNode(unref(ChevronDownIcon))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["class", "data-radius", "data-multiple"]);
-    };
-  }
-});
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ComboboxContent",
-  props: {
-    variant: { default: "solid" },
-    forceMount: { type: Boolean },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    hideWhenEmpty: { type: Boolean },
-    memoDependencies: {},
-    side: {},
-    sideOffset: { default: 5 },
-    sideFlip: { type: Boolean },
-    align: {},
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    dir: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(__props, { emit: __emit }) {
-    const { forwardRef } = useForwardExpose();
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const context = injectComboboxRootContext();
-    const contentClass = computed(() => {
-      const rv = ["r-size-" + context.size.value, "r-variant-" + props.variant];
-      if (context.highContrast.value) {
-        rv.push("r-high-contrast");
-      }
-      return rv;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1i, {
-            "accent-color": unref(context).color.value
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ComboboxContent), mergeProps({ ref: unref(forwardRef) }, {
-                ..._ctx.$attrs,
-                ...unref(forwarded),
-                position: "popper",
-                to: void 0,
-                variant: void 0
-              }, {
-                class: ["ui-ComboboxContent", contentClass.value]
-              }), {
-                default: withCtx(() => [
-                  createVNode(unref(ScrollAreaRoot), {
-                    type: "auto",
-                    class: "ui-ScrollArea"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(ComboboxViewport), {
-                        class: "ui-ComboboxViewport",
-                        "as-child": ""
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(ScrollAreaViewport), { class: "ui-ScrollAreaViewport" }, {
-                            default: withCtx(() => [
-                              renderSlot(_ctx.$slots, "default")
-                            ]),
-                            _: 3
-                          })
-                        ]),
-                        _: 3
-                      }),
-                      _cache[0] || (_cache[0] = createElementVNode("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                      createVNode(unref(ScrollAreaScrollbar), {
-                        class: "ui-ScrollAreaScrollbar",
-                        "data-size": 1,
-                        orientation: "vertical"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(ScrollAreaThumb), { class: "ui-ScrollAreaThumb" })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 3
-                  })
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          }, 8, ["accent-color"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxItem",
-  props: {
-    textValue: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxItem), mergeProps({ class: "ui-ComboboxItem" }, unref(forwarded)), {
-        default: withCtx(() => [
-          createVNode(unref(ComboboxItemIndicator), { class: "ui-ComboboxItemIndicator" }, {
-            default: withCtx(() => [
-              createVNode(unref(CheckIcon$1))
-            ]),
-            _: 1
-          }),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxLabel",
-  props: {
-    for: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxLabel), mergeProps({ class: "ui-ComboboxLabel" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxEmpty",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxEmpty), { class: "ui-ComboboxEmpty" }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$i = ["data-accent-color"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  __name: "Radio",
-  props: /* @__PURE__ */ mergeModels({
-    variant: { default: "surface" },
-    color: {},
-    size: { default: "2" },
-    highContrast: { type: Boolean }
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const [modelValue, modifiers] = useModel(__props, "modelValue", {
-      set(value) {
-        if (modifiers.number) {
-          return Number(value);
-        }
-        if (modifiers.trim) {
-          return value.trim();
-        }
-        return value;
-      }
-    });
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("input", {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        class: normalizeClass(["ui-RadioBase ui-Radio", unref(resetClass)]),
-        type: "radio",
-        "data-accent-color": props.color
-      }, null, 10, _hoisted_1$i)), [
-        [vModelRadio, unref(modelValue)]
-      ]);
-    };
-  }
-});
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroupRoot",
-  props: {
-    variant: { default: "surface" },
-    size: { default: "2" },
-    color: {},
-    highContrast: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
-        class: ["ui-RadioGroupRoot", unref(resetClass)],
-        "data-accent-color": props.color
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color"]);
-    };
-  }
-});
-const _hoisted_1$h = { class: "ui-RadioGroupItem" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroupItem",
-  props: {
-    color: {},
-    size: {},
-    variant: {},
-    highContrast: { type: Boolean },
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["color", "size", "variant", "highContrast"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$h, [
-        createVNode(unref(RadioGroupItem), mergeProps({
-          class: ["ui-RadioBase ui-RadioGroupItemIndicator", unref(resetClass)],
-          "data-accent-color": props.color
-        }, unref(forwarded)), null, 16, ["class", "data-accent-color"]),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "RadioCardsRoot",
-  props: {
-    variant: { default: "surface" },
-    size: { default: "2" },
-    color: {},
-    highContrast: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "variant", "highContrast"]);
-    const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
-        class: ["ui-RadioCardsRoot", unref(resetClass)],
-        "data-accent-color": props.color
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color"]);
-    };
-  }
-});
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "RadioCardsItem",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupItem), mergeProps({ class: "ui-RadioCardsItem ui-BaseCard" }, { ...unref(forwarded), asChild: false }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "RadioTabsRoot",
-  props: {
-    variant: { default: "classic" },
-    size: { default: "2" },
-    color: {},
-    radius: {},
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["size", "color", "radius", "variant"]);
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps(unref(forwarded), {
-        class: ["ui-RadioTabsRoot", unref(resetClass)],
-        "data-accent-color": props.color,
-        "data-radius": props.radius
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["data-accent-color", "data-radius", "class"]);
-    };
-  }
-});
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "RadioTabsItem",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RadioGroupItem), mergeProps({ class: "ui-RadioTabsItem" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "TabsList",
-  props: {
-    size: { default: "2" },
-    radius: {},
-    color: {},
-    variant: { default: "outline" },
-    highContrast: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const resetClass = buildPropsClass(props, ["variant", "size", "highContrast"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TabsList), {
-        class: normalizeClass(["ui-TabsList", unref(resetClass)]),
-        "data-radius": props.radius,
-        "data-accent-color": props.color
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(TabsIndicator), { class: "ui-TabsIndicator" }),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "data-radius", "data-accent-color"]);
-    };
-  }
-});
-const _hoisted_1$g = { class: "ui-TabTriggerInner" };
-const _hoisted_2$3 = { class: "ui-TabTriggerInnerHidden" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "TabsTrigger",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwarded), { class: "ui-TabTrigger" }), {
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$g, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          createElementVNode("span", _hoisted_2$3, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$i = /* @__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 = useForwardPropsEmitsWithout(props, emits, ["radius", "color", "size"]);
-    const resetClass = buildPropsClass(props, ["radius", "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 [injectAccordionRootContext, provideAccordionRootContext] = createContext("ui:AccordionRoot");
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "AccordionRoot",
-  props: {
-    size: { default: "1" },
-    indicatorSide: { default: "right" },
-    indicatorIcon: { default: "chevron" },
-    orientation: {},
-    collapsible: { type: Boolean },
-    disabled: { type: Boolean },
-    dir: {},
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    type: {},
-    modelValue: {},
-    defaultValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { indicatorSide, indicatorIcon } = toRefs(props);
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["size", "indicatorSide", "indicatorIcon"]);
-    const resetClass = buildPropsClass(props, ["size"]);
-    provideAccordionRootContext({
-      indicatorSide,
-      indicatorIcon
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AccordionRoot), mergeProps(unref(forwarded), {
-        class: ["ui-AccordionRoot", unref(resetClass)]
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "AccordionItem",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const id = useId$1(null, "accordion-item");
-    const forwarded = computed(() => {
-      const refProps = useForwardProps(props);
-      if (!refProps.value.value) {
-        return { ...refProps.value, value: id };
-      } else {
-        return refProps.value;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AccordionItem), mergeProps(forwarded.value, { class: "ui-AccordionItem" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "AccordionContent",
-  props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwardedProps = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AccordionContent), mergeProps(unref(forwardedProps), { class: "ui-AccordionContent" }), {
-        default: withCtx(() => [
-          createElementVNode("div", mergeProps({ class: "ui-AccordionContentInner" }, _ctx.$attrs), [
-            renderSlot(_ctx.$slots, "default")
-          ], 16)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _hoisted_1$f = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M6.159 11.865a.5.5 0 0 0 .707-.023l3.75-4a.5.5 0 0 0 0-.684l-3.75-4l-.077-.066a.5.5 0 0 0-.715.67l.061.08L9.565 7.5l-3.43 3.658a.5.5 0 0 0 .024.707"
-    }, null, -1)
-  ])]);
-}
-const NextIcon = markRaw({ name: "radix-icons-chevron-right", render: render$9 });
-const _hoisted_1$e = { class: "ui-AccordionIndicator" };
-const _hoisted_2$2 = {
-  key: 1,
-  class: "ui-AccordionIndicator-plus"
-};
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "AccordionIndicator",
-  props: {
-    variant: { default: "chevron" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        __props.variant == "chevron" ? (openBlock(), createBlock(unref(NextIcon), {
-          key: 0,
-          class: "ui-AccordionIndicator-chevron"
-        })) : createCommentVNode("", true),
-        __props.variant == "plus" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
-          createElementVNode("span", { class: "ui-AccordionIndicator-plus-1" }, null, -1),
-          createElementVNode("span", { class: "ui-AccordionIndicator-plus-2" }, null, -1)
-        ])])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const _hoisted_1$d = { class: "ui-AccordionTriggerText" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "AccordionTrigger",
-  props: {
-    indicatorSide: {},
-    indicatorIcon: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const ctx = injectAccordionRootContext();
-    const forwarded = useForwardPropsWithout(props, ["indicatorSide", "indicatorIcon"]);
-    const indicatorIcon = computed(() => {
-      return props.indicatorIcon || ctx.indicatorIcon.value;
-    });
-    const indicatorSide = computed(() => {
-      return props.indicatorSide || ctx.indicatorSide.value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AccordionTrigger), mergeProps({ class: "ui-AccordionTrigger" }, unref(forwarded)), {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$d, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          indicatorIcon.value !== "none" ? (openBlock(), createBlock(_sfc_main$e, {
-            key: 0,
-            "data-side": indicatorSide.value,
-            variant: indicatorIcon.value
-          }, null, 8, ["data-side", "variant"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "CollapsibleRoot",
-  props: {
-    color: {},
-    radius: {},
-    variant: { default: "ghost" },
-    size: { default: "2" },
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    disabled: { type: Boolean },
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "radius", "variant", "size"]);
-    const resetClass = buildPropsClass(props, ["variant", "size"]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({
-        class: ["ui-CollapsibleRoot", unref(resetClass)]
-      }, unref(forwarded), {
-        "data-accent-color": __props.color,
-        "data-radius": __props.radius
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "data-accent-color", "data-radius"]);
-    };
-  }
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "CollapsibleIndicator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NextIcon), { class: "ui-CollapsibleIndicator" });
-    };
-  }
-});
-const _hoisted_1$c = { class: "ui-CollapsibleTriggerText" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "CollapsibleTrigger",
-  props: {
-    indicator: { default: "right" },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["indicator"]);
-    return (_ctx, _cache) => {
-      return props.asChild ? (openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({
-        key: 0,
-        class: "ui-CollapsibleTrigger"
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)) : (openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({
-        key: 1,
-        class: "ui-CollapsibleTrigger"
-      }, unref(forwarded)), {
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$c, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          __props.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
-            key: 0,
-            "data-side": __props.indicator
-          }, null, 8, ["data-side"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16));
-    };
-  }
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "CollapsibleContent",
-  props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwardedProps = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollapsibleContent), mergeProps(unref(forwardedProps), { class: "ui-CollapsibleContent" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _hoisted_1$b = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M6.225 3.082a.5.5 0 0 1 .693.694l-.065.078L3.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4zm6 0a.5.5 0 0 1 .693.694l-.064.078L9.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4z"
-    }, null, -1)
-  ])]);
-}
-const FirstIcon = markRaw({ name: "radix-icons-double-arrow-left", render: render$8 });
-const _hoisted_1$a = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M2.147 3.147a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L5.793 7.5L2.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63m6 0a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L11.793 7.5L8.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63"
-    }, null, -1)
-  ])]);
-}
-const LastIcon = markRaw({ name: "radix-icons-double-arrow-right", render: render$7 });
-const _hoisted_1$9 = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M8.212 3.092a.5.5 0 0 1 .715.67l-.062.08L5.435 7.5l3.43 3.658l.062.08a.501.501 0 0 1-.715.67l-.077-.066l-3.75-4a.5.5 0 0 1 0-.684l3.75-4z"
-    }, null, -1)
-  ])]);
-}
-const PrevIcon = markRaw({ name: "radix-icons-chevron-left", render: render$6 });
-const _hoisted_1$8 = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M2.5 6.375a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25"
-    }, null, -1)
-  ])]);
-}
-const EllipsisIcon = markRaw({ name: "radix-icons-dots-horizontal", render: render$5 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "PaginationEllipsis",
-  props: {
-    items: {},
-    index: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const ellipsisPage = computed(() => {
-      if (props.index === 1) {
-        const page = props.items[props.index + 1];
-        return page.value - 1;
-      } else {
-        const page = props.items[props.index - 1];
-        return page.value + 1;
-      }
-    });
-    const ctx = injectPaginationRootContext();
-    const onSelect = () => {
-      ctx.onPageChange(ellipsisPage.value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PaginationEllipsis), {
-        class: "ui-PaginationEllipsis ui-Button",
-        as: "button",
-        type: "button",
-        value: ellipsisPage.value,
-        "aria-label": `Page ${ellipsisPage.value}`,
-        onClick: withModifiers(onSelect, ["prevent"])
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(EllipsisIcon))
-        ]),
-        _: 1
-      }, 8, ["value", "aria-label"]);
-    };
-  }
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "Pagination",
-  props: {
-    color: { default: "gray" },
-    size: { default: "2" },
-    variant: { default: "ghost" },
-    navigation: { default: "all" },
-    page: {},
-    defaultPage: {},
-    itemsPerPage: { default: 10 },
-    total: {},
-    siblingCount: {},
-    disabled: { type: Boolean },
-    showEdges: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:page"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(
-      props,
-      emits,
-      ["color", "size", "variant", "navigation"]
-    );
-    const resetClass = buildPropsClass(props, ["size", "variant"]);
-    const showPrevNext = computed(() => {
-      return props.navigation === "all" || props.navigation === "prev-next";
-    });
-    const showFirstLast = computed(() => {
-      return props.navigation === "all" || props.navigation === "first-last";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PaginationRoot), mergeProps(unref(forwarded), {
-        class: ["ui-PaginationRoot", unref(resetClass)],
-        "data-accent-color": __props.color
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(PaginationList), { class: "ui-PaginationList" }, {
-            default: withCtx(({ items }) => [
-              showFirstLast.value ? (openBlock(), createBlock(unref(PaginationFirst), {
-                key: 0,
-                class: normalizeClass(["ui-PaginationFirst ui-Button", unref(resetClass)])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(FirstIcon))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("", true),
-              showPrevNext.value ? (openBlock(), createBlock(unref(PaginationPrev), {
-                key: 1,
-                class: normalizeClass(["ui-PaginationPrev ui-Button", unref(resetClass)])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(PrevIcon))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (page, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  page.type === "page" ? (openBlock(), createBlock(unref(PaginationListItem), {
-                    key: 0,
-                    class: normalizeClass(["ui-PaginationListItem ui-Button", unref(resetClass)]),
-                    value: page.value
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(page.value), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "value"])) : (openBlock(), createBlock(_sfc_main$8, {
-                    key: 1,
-                    items,
-                    index,
-                    class: normalizeClass(unref(resetClass)),
-                    as: "button"
-                  }, null, 8, ["items", "index", "class"]))
-                ], 64);
-              }), 128)),
-              showPrevNext.value ? (openBlock(), createBlock(unref(PaginationNext), {
-                key: 2,
-                class: normalizeClass(["ui-PaginationNext ui-Button", unref(resetClass)])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(NextIcon))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("", true),
-              showFirstLast.value ? (openBlock(), createBlock(unref(PaginationLast), {
-                key: 3,
-                class: normalizeClass(["ui-PaginationLast ui-Button", unref(resetClass)])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(LastIcon))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16, ["class", "data-accent-color"]);
-    };
-  }
-});
-// @__NO_SIDE_EFFECTS__
-function createGlobalState(stateFactory) {
-  let initialized = false;
-  let state;
-  const scope = effectScope(true);
-  return ((...args) => {
-    if (!initialized) {
-      state = scope.run(() => stateFactory(...args));
-      initialized = true;
-    }
-    return state;
-  });
-}
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-let count = 0;
-const useToastManager = /* @__PURE__ */ createGlobalState(() => {
-  const messages = ref([]);
-  const add = (msg, category) => {
-    const id = count++;
-    if (typeof msg === "string") {
-      messages.value.unshift({ title: msg, category, id });
-    } else {
-      messages.value.unshift({ ...msg, category, id });
-    }
-    return id;
-  };
-  const update = (id, msg) => {
-    const messageArray = [...messages.value];
-    const index = messageArray.findIndex((item) => item.id === id);
-    if (index !== -1) {
-      const found = messageArray[index];
-      if (found) {
-        messageArray[index] = { ...found, ...msg };
-        messages.value = messageArray;
-      }
-    }
-  };
-  const remove = (id) => {
-    const index = messages.value.findIndex((item) => item.id === id);
-    if (index !== -1) {
-      messages.value.splice(index, 1);
-    }
-  };
-  const info = (msg) => {
-    return add(msg, "info");
-  };
-  const success = (msg) => {
-    return add(msg, "success");
-  };
-  const warning = (msg) => {
-    return add(msg, "warning");
-  };
-  const error = (msg) => {
-    return add(msg, "error");
-  };
-  const promise = (fn, options) => {
-    const id = add({ title: options.loading, duration: 6e6 }, "loading");
-    fn().then((value) => {
-      const msg = options.success(value);
-      if (typeof msg === "string") {
-        update(id, { duration: void 0, title: msg, category: "success" });
-      } else {
-        update(id, { duration: void 0, ...msg, category: "success" });
-      }
-    }).catch((e) => {
-      if (options.error) {
-        const msg = options.error(e);
-        if (typeof msg === "string") {
-          update(id, { duration: void 0, title: msg, category: "error" });
-        } else {
-          update(id, { duration: void 0, ...msg, category: "error" });
-        }
-      }
-    });
-    return id;
-  };
-  return {
-    messages,
-    add,
-    update,
-    remove,
-    info,
-    success,
-    warning,
-    error,
-    promise
-  };
-});
-const _sfc_main$6 = {};
-const _hoisted_1$7 = { class: "ui-SpinnerIcon" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("span", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
-    createStaticVNode('<span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span>', 8)
-  ])]);
-}
-const SpinnerIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
-const _hoisted_1$6 = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-12.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m2 5.5h-1v-4.5h-3v2h1V15h-1v2h4z"
-    }, null, -1)
-  ])]);
-}
-const InfoIcon = markRaw({ name: "ri-information-2-fill", render: render$4 });
-const _hoisted_1$5 = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z"
-    }, null, -1)
-  ])]);
-}
-const SuccessIcon = markRaw({ name: "ri-checkbox-circle-fill", render: render$3 });
-const _hoisted_1$4 = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z"
-    }, null, -1)
-  ])]);
-}
-const WarningIcon = markRaw({ name: "ri-alert-fill", render: render$2 });
-const _hoisted_1$3 = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm0-8v6h2V7z"
-    }, null, -1)
-  ])]);
-}
-const ErrorIcon = markRaw({ name: "ri-error-warning-fill", render: render$1 });
-const _hoisted_1$2 = ["data-accent-color"];
-const _hoisted_2$1 = { class: "ui-ToastContent" };
-const CATEGORY_ICONS = {
-  loading: SpinnerIcon,
-  info: InfoIcon,
-  success: SuccessIcon,
-  warning: WarningIcon,
-  error: ErrorIcon
-};
-const CATEGORY_COLORS = {
-  loading: "gray",
-  info: "indigo",
-  success: "green",
-  warning: "orange",
-  error: "red"
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "ToastItem",
-  props: {
-    yPosition: {},
-    xPosition: {},
-    message: {},
-    index: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const toastRef = useTemplateRef("toastRef");
-    const paused = ref(false);
-    const manager = useToastManager();
-    const styleVars = computed(() => {
-      const heights = manager.messages.value.slice(0, props.index).map((item) => item.height || 60);
-      const offsetY = heights.reduce((sum, num) => sum + num, 0);
-      return { "--toast-index": props.index, "--toast-offset-y": offsetY + "px" };
-    });
-    const categoryIcon = computed(() => {
-      if (props.message.category) {
-        return CATEGORY_ICONS[props.message.category];
-      } else {
-        return "";
-      }
-    });
-    const categoryColor = computed(() => {
-      if (props.message.category) {
-        return CATEGORY_COLORS[props.message.category];
-      } else {
-        return void 0;
-      }
-    });
-    const onOpenChange = (open) => {
-      if (open === false) {
-        setTimeout(() => {
-          manager.remove(props.message.id);
-        }, 500);
-      }
-    };
-    const onPause = () => {
-      paused.value = true;
-    };
-    const onResume = () => {
-      paused.value = false;
-    };
-    onMounted(() => {
-      const el = toastRef.value.$el;
-      manager.update(props.message.id, { height: el.clientHeight });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ToastRoot), {
-        ref_key: "toastRef",
-        ref: toastRef,
-        key: __props.message.id,
-        class: "ui-ToastItem",
-        duration: __props.message.duration,
-        "data-expanded": paused.value,
-        "data-visible": __props.index < 3,
-        style: normalizeStyle(styleVars.value),
-        "onUpdate:open": onOpenChange,
-        onPause,
-        onResume
-      }, {
-        default: withCtx(() => [
-          __props.message.category ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ui-ToastIcon",
-            "data-accent-color": categoryColor.value
-          }, [
-            (openBlock(), createBlock(resolveDynamicComponent(categoryIcon.value)))
-          ], 8, _hoisted_1$2)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2$1, [
-            createVNode(unref(ToastTitle), { class: "ui-ToastTitle" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.message.title), 1)
-              ]),
-              _: 1
-            }),
-            __props.message.description ? (openBlock(), createBlock(unref(ToastDescription), {
-              key: 0,
-              class: "ui-ToastDescription"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.message.description), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ]),
-          __props.message.action ? (openBlock(), createBlock(unref(ToastAction), {
-            key: 1,
-            class: "ui-ToastAction",
-            "alt-text": __props.message.action.altText || __props.message.action.label,
-            "as-child": "",
-            onClick: __props.message.action.onClick
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1m, {
-                variant: __props.message.action.variant || "soft",
-                radius: __props.message.action.radius,
-                size: __props.message.action.size || "1",
-                color: __props.message.action.color
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.message.action.label), 1)
-                ]),
-                _: 1
-              }, 8, ["variant", "radius", "size", "color"])
-            ]),
-            _: 1
-          }, 8, ["alt-text", "onClick"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["duration", "data-expanded", "data-visible", "style"]);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ToastProvider",
-  props: {
-    size: { default: "1" },
-    position: { default: "bottom-right" },
-    label: {},
-    duration: {},
-    disableSwipe: { type: Boolean },
-    swipeDirection: {},
-    swipeThreshold: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardPropsWithout(props, ["position", "size"]);
-    const { messages } = useToastManager();
-    const yPosition = computed(() => {
-      return props.position.split("-")[0];
-    });
-    const xPosition = computed(() => {
-      return props.position.split("-")[1];
-    });
-    const swipeDirection = computed(() => {
-      if (props.swipeDirection) {
-        return props.swipeDirection;
-      }
-      if (xPosition.value !== "center") {
-        return xPosition.value;
-      }
-      return yPosition.value === "top" ? "up" : "down";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ToastProvider), normalizeProps(guardReactiveProps({ ...unref(forwarded), swipeDirection: swipeDirection.value })), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(messages), (msg, index) => {
-            return renderSlot(_ctx.$slots, "item", {
-              key: msg.id,
-              message: msg,
-              index
-            }, () => [
-              (openBlock(), createBlock(_sfc_main$5, {
-                key: msg.id,
-                message: msg,
-                index,
-                "x-position": xPosition.value,
-                "y-position": yPosition.value
-              }, null, 8, ["message", "index", "x-position", "y-position"]))
-            ]);
-          }), 128)),
-          createVNode(unref(ToastPortal), null, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1i, null, {
-                default: withCtx(() => [
-                  createVNode(unref(ToastViewport), mergeProps({ class: "ui-ToastViewport" }, _ctx.$attrs, {
-                    class: `r-size-${__props.size}`,
-                    "data-x-position": xPosition.value,
-                    "data-y-position": yPosition.value
-                  }), null, 16, ["class", "data-x-position", "data-y-position"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const toastManager = useToastManager();
-const toast = Object.assign(
-  (msg) => {
-    return toastManager.add(msg);
-  },
-  {
-    info: toastManager.info,
-    success: toastManager.success,
-    warning: toastManager.warning,
-    error: toastManager.error,
-    promise: toastManager.promise
-  }
-);
-const _hoisted_1$1 = ["data-size", "data-variant"];
-const _hoisted_2 = ["data-layout"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "Table",
-  props: {
-    size: { default: "2" },
-    variant: { default: "ghost" },
-    layout: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "ui-Table",
-        "data-size": props.size,
-        "data-variant": props.variant
-      }, [
-        createVNode(_sfc_main$1j, null, {
-          default: withCtx(() => [
-            createElementVNode("table", {
-              class: "ui-TableContent",
-              "data-layout": props.layout
-            }, [
-              renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_2)
-          ]),
-          _: 3
-        })
-      ], 8, _hoisted_1$1);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Separator",
-  props: {
-    as: { default: "span" },
-    orientation: { default: "horizontal" },
-    size: { default: "1" },
-    color: { default: "gray" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        as: props.as,
-        class: normalizeClass(["ui-Separator", `r-size-${props.size}`]),
-        role: "separator",
-        "data-accent-color": props.color,
-        "aria-orientation": props.orientation
-      }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Quota",
-  props: {
-    percent: {},
-    color: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const style = computed(() => {
-      const transform = `translateX(-${100 - props.percent}%)`;
-      if (props.percent > 100) {
-        return { transform, "background-color": "var(--red-a10)" };
-      }
-      let alpha = "a4";
-      if (props.percent > 90) {
-        alpha = "a11";
-      } else if (props.percent > 66) {
-        alpha = "a9";
-      } else if (props.percent > 33) {
-        alpha = "a6";
-      }
-      return { transform, "background-color": `var(--blue-${alpha})` };
-    });
-    const percent = computed(() => {
-      if (props.percent > 100) {
-        return 100;
-      } else if (props.percent < 0) {
-        return 0;
-      }
-      return props.percent;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ProgressRoot), {
-        class: "ui-Quota",
-        "model-value": percent.value,
-        "data-accent-color": props.color
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(ProgressIndicator), {
-            class: "ui-QuotaValue",
-            style: normalizeStyle(style.value)
-          }, null, 8, ["style"])
-        ]),
-        _: 1
-      }, 8, ["model-value", "data-accent-color"]);
-    };
-  }
-});
-const _hoisted_1 = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-};
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z"
-    }, null, -1)
-  ])]);
-}
-const CheckIcon = markRaw({ name: "ri-checkbox-circle-line", render });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SavingIndicator",
-  props: {
-    status: {},
-    size: { default: "2" },
-    as: { default: "span" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-SavingIndicator", `r-size-${__props.size}`]),
-        "data-status": props.status
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { status: __props.status }, () => [
-            props.status === "saving" ? (openBlock(), createBlock(SpinnerIcon, { key: 0 })) : props.status === "saved" ? (openBlock(), createBlock(unref(CheckIcon), { key: 1 })) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 3
-      }, 8, ["class", "data-status"]);
-    };
-  }
-});
-export {
-  _sfc_main$f as AccordionContent,
-  _sfc_main$e as AccordionIndicator,
-  _sfc_main$g as AccordionItem,
-  _sfc_main$h as AccordionRoot,
-  _sfc_main$d as AccordionTrigger,
-  AlertDialogAction,
-  AlertDialogCancel,
-  _sfc_main$1g as AlertDialogCancelButton,
-  _sfc_main$1e as AlertDialogDescription,
-  _sfc_main$1c as AlertDialogPopup,
-  AlertDialogRoot,
-  _sfc_main$1f as AlertDialogTitle,
-  AlertDialogTrigger,
-  _sfc_main$1p as Avatar,
-  _sfc_main$1o as Badge,
-  _sfc_main$1m as Button,
-  _sfc_main$1n as Card,
-  _sfc_main$M as Checkbox,
-  CheckboxGroupRoot as CheckboxGroup,
-  _sfc_main$1k as CloseButton,
-  _sfc_main$9 as CollapsibleContent,
-  _sfc_main$b as CollapsibleIndicator,
-  _sfc_main$c as CollapsibleRoot,
-  _sfc_main$a as CollapsibleTrigger,
-  _sfc_main$G as ColorField,
-  _sfc_main$v as ComboboxContent,
-  _sfc_main$s as ComboboxEmpty,
-  ComboboxGroup,
-  _sfc_main$w as ComboboxInput,
-  _sfc_main$u as ComboboxItem,
-  _sfc_main$t as ComboboxLabel,
-  _sfc_main$x as ComboboxRoot,
-  DialogClose2 as DialogClose,
-  _sfc_main$1g as DialogCloseButton,
-  _sfc_main$1e as DialogDescription,
-  _sfc_main$1d as DialogPopup,
-  DialogRoot2 as DialogRoot,
-  _sfc_main$1f as DialogTitle,
-  DialogTrigger,
-  _sfc_main$1b as DropdownMenuContent,
-  _sfc_main$1a as DropdownMenuItem,
-  DropdownMenuRoot,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  _sfc_main$i as Editable,
-  _sfc_main$1l as IconButton,
-  _sfc_main$13 as NavigationMenuContent,
-  NavigationMenuItem,
-  _sfc_main$15 as NavigationMenuLink,
-  _sfc_main$16 as NavigationMenuList,
-  _sfc_main$17 as NavigationMenuRoot,
-  _sfc_main$14 as NavigationMenuTrigger,
-  _sfc_main$7 as Pagination,
-  _sfc_main$E as PinInputInput,
-  _sfc_main$F as PinInputRoot,
-  PopoverClose,
-  _sfc_main$18 as PopoverPopup,
-  PopoverRoot,
-  PopoverTrigger,
-  _sfc_main$1 as Quota,
-  _sfc_main$r as Radio,
-  _sfc_main$n as RadioCardsItem,
-  _sfc_main$o as RadioCardsRoot,
-  _sfc_main$p as RadioGroupItem,
-  _sfc_main$q as RadioGroupRoot,
-  _sfc_main$l as RadioTabsItem,
-  _sfc_main$m as RadioTabsRoot,
-  _sfc_main as SavingIndicator,
-  _sfc_main$1j as ScrollArea,
-  _sfc_main$C as SelectContent,
-  SelectGroup,
-  _sfc_main$A as SelectItem,
-  _sfc_main$z as SelectLabel,
-  _sfc_main$D as SelectRoot,
-  SelectSeparator,
-  _sfc_main$B as SelectTrigger,
-  _sfc_main$2 as Separator,
-  _sfc_main$11 as Sidebar,
-  _sfc_main$$ as SidebarBody,
-  _sfc_main$_ as SidebarFooter,
-  _sfc_main$W as SidebarGroup,
-  _sfc_main$V as SidebarGroupLabel,
-  _sfc_main$10 as SidebarHeader,
-  _sfc_main$X as SidebarInset,
-  _sfc_main$U as SidebarMenu,
-  _sfc_main$R as SidebarMenuButton,
-  _sfc_main$T as SidebarMenuItem,
-  _sfc_main$Q as SidebarMenuSub,
-  _sfc_main$O as SidebarMenuSubButton,
-  _sfc_main$P as SidebarMenuSubItem,
-  _sfc_main$12 as SidebarProvider,
-  _sfc_main$Y as SidebarRail,
-  _sfc_main$Z as SidebarTrigger,
-  SpinnerIcon,
-  _sfc_main$N as Switch,
-  _sfc_main$3 as Table,
-  TabsContent,
-  _sfc_main$k as TabsList,
-  TabsRoot,
-  _sfc_main$j as TabsTrigger,
-  _sfc_main$H as TextArea,
-  _sfc_main$I as TextField,
-  _sfc_main$1q as ThemeProvider,
-  _sfc_main$4 as ToastProvider,
-  _sfc_main$L as Toggle,
-  _sfc_main$J as ToggleGroupItem,
-  _sfc_main$K as ToggleGroupRoot,
-  _sfc_main$1h as Tooltip,
-  buildPropsClass,
-  injectThemeContext,
-  provideThemeContext,
-  toast,
-  useForwardPropsEmitsWithout,
-  useForwardPropsWithout
-};