@hai3/uikit 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/index.cjs

@@ -1,3838 +0,0 @@
-'use strict';
-
-var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
-var jsxRuntime = require('react/jsx-runtime');
-var React20 = require('react');
-var AvatarPrimitive = require('@radix-ui/react-avatar');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var uikitContracts = require('@hai3/uikit-contracts');
-var reactDayPicker = require('react-day-picker');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
-var inputOtp = require('input-otp');
-var LabelPrimitive = require('@radix-ui/react-label');
-var SwitchPrimitives = require('@radix-ui/react-switch');
-var lucideReact = require('lucide-react');
-var lodash = require('lodash');
-var SliderPrimitive = require('@radix-ui/react-slider');
-var ProgressPrimitive = require('@radix-ui/react-progress');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var PopoverPrimitive = require('@radix-ui/react-popover');
-var HoverCardPrimitive = require('@radix-ui/react-hover-card');
-var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
-var MenubarPrimitive = require('@radix-ui/react-menubar');
-var TabsPrimitive = require('@radix-ui/react-tabs');
-var SheetPrimitive = require('@radix-ui/react-dialog');
-var vaul = require('vaul');
-var ResizablePrimitive = require('react-resizable-panels');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-var useEmblaCarousel = require('embla-carousel-react');
-var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
-var recharts = require('recharts');
-var SelectPrimitive = require('@radix-ui/react-select');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
-var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
-var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
-var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
-var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
-var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
-var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
-var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
-var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
-var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
-
-// src/base/aspect-ratio.tsx
-function AspectRatio({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
-}
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var Avatar = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        [uikitContracts.ButtonVariant.Default]: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        [uikitContracts.ButtonVariant.Destructive]: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        [uikitContracts.ButtonVariant.Outline]: "border border-input bg-background shadow-sm hover:bg-accent data-[state=open]:bg-accent",
-        [uikitContracts.ButtonVariant.Secondary]: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        [uikitContracts.ButtonVariant.Ghost]: "hover:bg-accent data-[state=open]:bg-accent",
-        [uikitContracts.ButtonVariant.Link]: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        [uikitContracts.ButtonSize.Default]: "h-9 px-4 py-2",
-        [uikitContracts.ButtonSize.Sm]: "h-8 rounded-md px-3 text-xs",
-        [uikitContracts.ButtonSize.Lg]: "h-10 rounded-md px-8",
-        [uikitContracts.ButtonSize.Icon]: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: uikitContracts.ButtonVariant.Default,
-      size: uikitContracts.ButtonSize.Default
-    }
-  }
-);
-var Button = React20__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-var ChevronDownIcon = ({
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
-    }
-  );
-};
-var ChevronLeftIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" })
-    }
-  );
-};
-var ChevronRightIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
-};
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = uikitContracts.ButtonVariant.Ghost,
-  formatters,
-  components,
-  ...props
-}) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
-    {
-      showOutsideDays,
-      className: cn(
-        "bg-background group/calendar p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      ),
-      captionLayout,
-      formatters: {
-        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-        ...formatters
-      },
-      classNames: {
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "flex gap-4 flex-col md:flex-row relative",
-          defaultClassNames.months
-        ),
-        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: cn(
-          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-9 md:size-10 aria-disabled:opacity-50 p-0 select-none",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-9 md:size-10 aria-disabled:opacity-50 p-0 select-none",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex items-center justify-center h-9 md:h-10 w-full px-9 md:px-10",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "w-full flex items-center text-sm font-medium justify-center h-9 md:h-10 gap-1.5",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          "absolute bg-popover inset-0 opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "select-none font-medium",
-          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn(
-          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
-          defaultClassNames.weekday
-        ),
-        week: cn("flex w-full mt-2", defaultClassNames.week),
-        week_number_header: cn(
-          "select-none w-9 md:w-10",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "text-[0.8rem] select-none text-muted-foreground",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
-          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "rounded-l-md bg-accent",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: cn(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden),
-        ...classNames
-      },
-      components: {
-        Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: cn(className2),
-              ...props2
-            }
-          );
-        },
-        Chevron: ({ className: className2, orientation, ...props2 }) => {
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: cn("size-4", className2), ...props2 });
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-9 md:size-10 items-center justify-center text-center", children }) });
-        },
-        ...components
-      },
-      ...props
-    }
-  );
-}
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React20__namespace.useRef(null);
-  React20__namespace.useEffect(() => {
-    if (modifiers.focused) ref.current?.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
-    {
-      ref,
-      variant: uikitContracts.ButtonVariant.Ghost,
-      size: uikitContracts.ButtonSize.Icon,
-      "data-day": day.date.toLocaleDateString(),
-      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      className: cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-9 md:min-w-10 flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      ),
-      ...props
-    }
-  );
-}
-var CheckIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" })
-    }
-  );
-};
-function Checkbox({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CheckboxPrimitive__namespace.Root,
-    {
-      "data-slot": "checkbox",
-      className: cn(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        CheckboxPrimitive__namespace.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-var CircleIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })
-    }
-  );
-};
-function RadioGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadioGroupPrimitive__namespace.Root,
-    {
-      "data-slot": "radio-group",
-      className: cn("grid gap-3", className),
-      ...props
-    }
-  );
-}
-function RadioGroupItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadioGroupPrimitive__namespace.Item,
-    {
-      "data-slot": "radio-group-item",
-      className: cn(
-        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        RadioGroupPrimitive__namespace.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { className: "fill-current absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
-        }
-      )
-    }
-  );
-}
-function NativeSelect({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
-      "data-slot": "native-select-wrapper",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
-          {
-            "data-slot": "native-select",
-            className: cn(
-              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
-              "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-              "aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive/30 aria-[invalid=true]:border-destructive",
-              className
-            ),
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ChevronDownIcon,
-          {
-            className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
-            "aria-hidden": "true",
-            "data-slot": "native-select-icon"
-          }
-        )
-      ]
-    }
-  );
-}
-function NativeSelectOption({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("option", { "data-slot": "native-select-option", ...props });
-}
-function NativeSelectOptGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "optgroup",
-    {
-      "data-slot": "native-select-optgroup",
-      className: cn(className),
-      ...props
-    }
-  );
-}
-var MinusIcon = ({
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" })
-    }
-  );
-};
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    inputOtp.OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}) {
-  const inputOTPContext = React20__namespace.useContext(inputOtp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
-      className: cn(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
-}
-var Input = React20__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-function Label({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LabelPrimitive__namespace.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Textarea = React20__namespace.forwardRef(
-  ({ className, autoResize = false, minHeight = 50, maxHeight = 350, size = "default", onChange, ...props }, ref) => {
-    const internalRef = React20__namespace.useRef(null);
-    React20__namespace.useImperativeHandle(ref, () => internalRef.current);
-    const sizeClasses = {
-      sm: "min-h-11 h-11",
-      // 44px / 2.75rem - exact height
-      default: "min-h-[60px]",
-      // 60px / 3.75rem
-      lg: "min-h-20"
-      // 80px / 5rem
-    };
-    const paddingClasses = {
-      sm: "py-3",
-      // 12px top + 12px bottom + 20px line-height = 44px
-      default: "py-2",
-      // 8px top + 8px bottom (default)
-      lg: "py-2"
-      // 8px top + 8px bottom (default)
-    };
-    const handleResize = React20__namespace.useCallback(() => {
-      if (autoResize && size !== "sm" && internalRef.current) {
-        const textarea = internalRef.current;
-        textarea.style.height = "auto";
-        const scrollHeight = textarea.scrollHeight;
-        textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`;
-      }
-    }, [autoResize, size, minHeight, maxHeight]);
-    React20__namespace.useEffect(() => {
-      handleResize();
-    }, [handleResize, props.value]);
-    const handleChange = React20__namespace.useCallback(
-      (e) => {
-        handleResize();
-        onChange?.(e);
-      },
-      [onChange, handleResize]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        className: cn(
-          "flex w-full rounded-md border border-input bg-transparent px-3 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          sizeClasses[size],
-          paddingClasses[size],
-          className
-        ),
-        ref: internalRef,
-        onChange: handleChange,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-var Switch = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SwitchPrimitives__namespace.Root,
-  {
-    className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      SwitchPrimitives__namespace.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
-          "data-[state=checked]:ltr:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
-          "data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-function Skeleton({
-  className,
-  inheritColor = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "animate-pulse rounded-md",
-        inheritColor ? "bg-current opacity-20" : "bg-muted",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Spinner = React20__namespace.forwardRef(
-  ({ className, icon: Icon2 = lucideReact.Loader2, size = "size-4", ...props }, ref) => {
-    const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
-    const wrapperClasses = lodash.trim(className?.replace(/\btext-\S+/g, "") || "");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("inline-flex items-center justify-center", wrapperClasses),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
-      }
-    );
-  }
-);
-Spinner.displayName = "Spinner";
-var Slider = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SliderPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
-    ...props
-  }
-));
-Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var SliderTrack = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SliderPrimitive__namespace.Track,
-  {
-    ref,
-    className: cn(
-      "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props
-  }
-));
-SliderTrack.displayName = SliderPrimitive__namespace.Track.displayName;
-var SliderRange = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SliderPrimitive__namespace.Range,
-  {
-    ref,
-    className: cn("absolute h-full bg-primary", className),
-    ...props
-  }
-));
-SliderRange.displayName = SliderPrimitive__namespace.Range.displayName;
-var SliderThumb = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SliderPrimitive__namespace.Thumb,
-  {
-    ref,
-    className: cn(
-      "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-SliderThumb.displayName = SliderPrimitive__namespace.Thumb.displayName;
-var Progress = React20__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  ProgressPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      ProgressPrimitive__namespace.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var TooltipProvider = ({
-  delayDuration = 0,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TooltipPrimitive__namespace.Provider,
-  {
-    delayDuration,
-    ...props
-  }
-);
-TooltipProvider.displayName = TooltipPrimitive__namespace.Provider.displayName;
-var Tooltip = ({
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props }) });
-Tooltip.displayName = TooltipPrimitive__namespace.Root.displayName;
-var TooltipTrigger = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { ref, ...props }));
-TooltipTrigger.displayName = TooltipPrimitive__namespace.Trigger.displayName;
-var TooltipContent = React20__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  TooltipPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var Popover = PopoverPrimitive__namespace.Root;
-Popover.displayName = "Popover";
-var PopoverTrigger = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  PopoverPrimitive__namespace.Trigger,
-  {
-    ref,
-    "data-slot": "popover-trigger",
-    ...props
-  }
-));
-PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React20__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  PopoverPrimitive__namespace.Content,
-  {
-    ref,
-    "data-slot": "popover-content",
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = "PopoverContent";
-var PopoverAnchor = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  PopoverPrimitive__namespace.Anchor,
-  {
-    ref,
-    "data-slot": "popover-anchor",
-    ...props
-  }
-));
-PopoverAnchor.displayName = "PopoverAnchor";
-var HoverCard = HoverCardPrimitive__namespace.Root;
-HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  HoverCardPrimitive__namespace.Trigger,
-  {
-    ref,
-    "data-slot": "hover-card-trigger",
-    ...props
-  }
-));
-HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React20__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsxRuntime.jsx(
-  HoverCardPrimitive__namespace.Content,
-  {
-    ref,
-    "data-slot": "hover-card-content",
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-HoverCardContent.displayName = "HoverCardContent";
-var Card = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-var Header = React20__namespace.default.forwardRef(
-  ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "header",
-      {
-        ref,
-        className: cn(
-          "flex items-center justify-end px-6 py-4 bg-background border-b border-border h-16 w-full",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children })
-      }
-    );
-  }
-);
-Header.displayName = "Header";
-var NavigationMenu = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  NavigationMenuPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
-    ]
-  }
-));
-NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  NavigationMenuPrimitive__namespace.List,
-  {
-    ref,
-    className: cn(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
-      className
-    ),
-    ...props
-  }
-));
-NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
-var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
-var navigationMenuTriggerStyle = classVarianceAuthority.cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
-);
-var NavigationMenuTrigger = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  NavigationMenuPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "group", className),
-    ...props,
-    children: [
-      children,
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ChevronDownIcon,
-        {
-          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
-          "aria-hidden": "true"
-        }
-      )
-    ]
-  }
-));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  NavigationMenuPrimitive__namespace.Content,
-  {
-    ref,
-    className: cn(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      className
-    ),
-    ...props
-  }
-));
-NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
-var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
-  NavigationMenuPrimitive__namespace.Viewport,
-  {
-    className: cn(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-      className
-    ),
-    ref,
-    ...props
-  }
-) }));
-NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  NavigationMenuPrimitive__namespace.Indicator,
-  {
-    ref,
-    className: cn(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-  }
-));
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
-function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
-}
-function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-item",
-      className: cn("inline-flex items-center gap-1.5", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "a";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "breadcrumb-page",
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: cn("[&>svg]:size-3.5", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
-    }
-  );
-}
-function BreadcrumbEllipsis({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      "data-slot": "breadcrumb-ellipsis",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: cn("flex size-9 items-center justify-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
-      ]
-    }
-  );
-}
-function Menubar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Root,
-    {
-      "data-slot": "menubar",
-      className: cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Menu, { "data-slot": "menubar-menu", ...props });
-}
-function MenubarGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Group, { "data-slot": "menubar-group", ...props });
-}
-function MenubarPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { "data-slot": "menubar-portal", ...props });
-}
-function MenubarRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
-}
-function MenubarTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Trigger,
-    {
-      "data-slot": "menubar-trigger",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarContent({
-  className,
-  align = "start",
-  alignOffset = -4,
-  sideOffset = 8,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Content,
-    {
-      "data-slot": "menubar-content",
-      align,
-      alignOffset,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function MenubarItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Item,
-    {
-      "data-slot": "menubar-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    MenubarPrimitive__namespace.CheckboxItem,
-    {
-      "data-slot": "menubar-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    MenubarPrimitive__namespace.RadioItem,
-    {
-      "data-slot": "menubar-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function MenubarLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Label,
-    {
-      "data-slot": "menubar-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Separator,
-    {
-      "data-slot": "menubar-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function MenubarShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "menubar-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
-}
-function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    MenubarPrimitive__namespace.SubTrigger,
-    {
-      "data-slot": "menubar-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
-      ]
-    }
-  );
-}
-function MenubarSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.SubContent,
-    {
-      "data-slot": "menubar-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var MoreHorizontalIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "12", r: "1" })
-      ]
-    }
-  );
-};
-function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
-      ...props
-    }
-  );
-}
-function PaginationContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className),
-      ...props
-    }
-  );
-}
-function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", ...props });
-}
-function PaginationLink({
-  className,
-  isActive,
-  size = uikitContracts.ButtonSize.Icon,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "a";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: cn(
-        buttonVariants({
-          variant: isActive ? uikitContracts.ButtonVariant.Outline : uikitContracts.ButtonVariant.Ghost,
-          size
-        }),
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PaginationPrevious({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    PaginationLink,
-    {
-      "aria-label": "Go to previous page",
-      size: uikitContracts.ButtonSize.Default,
-      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: children ?? "Previous" })
-      ]
-    }
-  );
-}
-function PaginationNext({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    PaginationLink,
-    {
-      "aria-label": "Go to next page",
-      size: uikitContracts.ButtonSize.Default,
-      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: children ?? "Next" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "h-4 w-4" })
-      ]
-    }
-  );
-}
-function PaginationEllipsis({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: cn("flex size-9 items-center justify-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MoreHorizontalIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
-      ]
-    }
-  );
-}
-function Tabs({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
-    {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
-    }
-  );
-}
-var Sheet = SheetPrimitive__namespace.Root;
-var SheetTrigger = SheetPrimitive__namespace.Trigger;
-var SheetClose = SheetPrimitive__namespace.Close;
-var SheetPortal = SheetPrimitive__namespace.Portal;
-var SheetOverlay = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
-var sheetVariants = classVarianceAuthority.cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var SheetContent = React20__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    SheetPrimitive__namespace.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] }),
-        children
-      ]
-    }
-  )
-] }));
-SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold text-foreground", className),
-    ...props
-  }
-));
-SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var SheetDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
-var Dialog = SheetPrimitive__namespace.Root;
-var DialogTrigger = SheetPrimitive__namespace.Trigger;
-var DialogPortal = SheetPrimitive__namespace.Portal;
-var DialogClose = SheetPrimitive__namespace.Close;
-var DialogOverlay = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
-var DialogContent = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    SheetPrimitive__namespace.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = SheetPrimitive__namespace.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var DialogDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = SheetPrimitive__namespace.Description.displayName;
-function Drawer({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
-}
-function DrawerOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vaul.Drawer.Overlay,
-    {
-      "data-slot": "drawer-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      vaul.Drawer.Content,
-      {
-        "data-slot": "drawer-content",
-        className: cn(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          children
-        ]
-      }
-    )
-  ] });
-}
-function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: cn(
-        "flex flex-col gap-1.5 p-4 text-center sm:text-left",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "drawer-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function DrawerTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vaul.Drawer.Title,
-    {
-      "data-slot": "drawer-title",
-      className: cn("text-lg font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-function DrawerDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vaul.Drawer.Description,
-    {
-      "data-slot": "drawer-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function ResizablePanelGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ResizablePrimitive__namespace.PanelGroup,
-    {
-      "data-slot": "resizable-panel-group",
-      className: cn(
-        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ResizablePanel({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.Panel, { "data-slot": "resizable-panel", ...props });
-}
-function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ResizablePrimitive__namespace.PanelResizeHandle,
-    {
-      "data-slot": "resizable-handle",
-      className: cn(
-        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-        className
-      ),
-      ...props,
-      children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "size-2.5" }) })
-    }
-  );
-}
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScrollAreaPrimitive__namespace.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ScrollAreaPrimitive__namespace.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ScrollAreaPrimitive__namespace.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
-function Separator2({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Accordion = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Root,
-  {
-    ref,
-    "data-slot": "accordion",
-    ...props
-  }
-));
-Accordion.displayName = "Accordion";
-var AccordionItem = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Item,
-  {
-    ref,
-    "data-slot": "accordion-item",
-    className: cn("border-b last:border-b-0", className),
-    ...props
-  }
-));
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-  AccordionPrimitive__namespace.Trigger,
-  {
-    ref,
-    "data-slot": "accordion-trigger",
-    className: cn(
-      "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
-  }
-) }));
-AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Content,
-  {
-    ref,
-    "data-slot": "accordion-content",
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
-  }
-));
-AccordionContent.displayName = "AccordionContent";
-var CarouselContext = React20__namespace.createContext(null);
-function useCarousel() {
-  const context = React20__namespace.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-var Carousel = React20__namespace.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel__default.default(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React20__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React20__namespace.useState(false);
-    const onSelect = React20__namespace.useCallback((api2) => {
-      if (!api2) return;
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React20__namespace.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React20__namespace.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React20__namespace.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React20__namespace.useEffect(() => {
-      if (!api || !setApi) return;
-      setApi(api);
-    }, [api, setApi]);
-    React20__namespace.useEffect(() => {
-      if (!api) return;
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            "data-slot": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React20__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React20__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React20__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
-    {
-      ref,
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React20__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
-    {
-      ref,
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-var Collapsible = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CollapsiblePrimitive__namespace.Root,
-  {
-    ref,
-    "data-slot": "collapsible",
-    ...props
-  }
-));
-Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger2 = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CollapsiblePrimitive__namespace.CollapsibleTrigger,
-  {
-    ref,
-    "data-slot": "collapsible-trigger",
-    ...props
-  }
-));
-CollapsibleTrigger2.displayName = "CollapsibleTrigger";
-var CollapsibleContent2 = React20__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CollapsiblePrimitive__namespace.CollapsibleContent,
-  {
-    ref,
-    "data-slot": "collapsible-content",
-    ...props
-  }
-));
-CollapsibleContent2.displayName = "CollapsibleContent";
-function ChartContainer({
-  className,
-  children,
-  width = "100%",
-  height = 350
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "chart-container",
-      className: cn("w-full", className),
-      style: { width, height: typeof height === "number" ? `${height}px` : height },
-      children
-    }
-  );
-}
-function ChartTooltipContent({
-  className,
-  label,
-  payload,
-  active
-}) {
-  if (!active || !payload || payload.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "chart-tooltip-content",
-      className: cn(
-        "bg-background border-border text-foreground rounded-lg border p-2 shadow-md",
-        className
-      ),
-      children: [
-        label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: payload.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "h-2 w-2 rounded-full",
-              style: { backgroundColor: item.color }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-            item.name,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: item.value })
-        ] }, index)) })
-      ]
-    }
-  );
-}
-function ChartLegendContent({
-  className,
-  payload
-}) {
-  if (!payload || payload.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "chart-legend-content",
-      className: cn("flex items-center justify-center gap-4 text-sm pt-4", className),
-      children: payload.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "h-3 w-3 rounded-sm",
-            style: { backgroundColor: item.color }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: item.value })
-      ] }, index))
-    }
-  );
-}
-var ChevronUpIcon = ({
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m18 15-6-6-6 6" })
-    }
-  );
-};
-var Select = SelectPrimitive__namespace.Root;
-var SelectGroup = SelectPrimitive__namespace.Group;
-var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: cn(
-      // HAI3 customization: bg-background and hover states for consistency with Button Outline
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm ring-offset-background hover:bg-accent hover:text-bg-accent-foreground data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUpIcon, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React20__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SelectPrimitive__namespace.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-bg-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var DropdownMenu = ({ dir, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Root,
-  {
-    ...props,
-    dir
-  }
-);
-DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React20__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "ms-auto rtl:rotate-180" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React20__namespace.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React20__namespace.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React20__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React20__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React20__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-function ContextMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Root, { "data-slot": "context-menu", ...props });
-}
-function ContextMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Trigger, { "data-slot": "context-menu-trigger", ...props });
-}
-function ContextMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Group, { "data-slot": "context-menu-group", ...props });
-}
-function ContextMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { "data-slot": "context-menu-portal", ...props });
-}
-function ContextMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Sub, { "data-slot": "context-menu-sub", ...props });
-}
-function ContextMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.RadioGroup,
-    {
-      "data-slot": "context-menu-radio-group",
-      ...props
-    }
-  );
-}
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.SubTrigger,
-    {
-      "data-slot": "context-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "ml-auto" })
-      ]
-    }
-  );
-}
-function ContextMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.SubContent,
-    {
-      "data-slot": "context-menu-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[var(--radix-context-menu-content-transform-origin)] overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Content,
-    {
-      "data-slot": "context-menu-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-context-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Item,
-    {
-      "data-slot": "context-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.CheckboxItem,
-    {
-      "data-slot": "context-menu-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.RadioItem,
-    {
-      "data-slot": "context-menu-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Label,
-    {
-      "data-slot": "context-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Separator,
-    {
-      "data-slot": "context-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function ContextMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "context-menu-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var IconButton = React20__namespace.default.forwardRef(
-  ({ variant = uikitContracts.ButtonVariant.Ghost, size = uikitContracts.IconButtonSize.Default, className, ...props }, ref) => {
-    const sizeStyles = {
-      [uikitContracts.IconButtonSize.Small]: "h-8 w-8",
-      [uikitContracts.IconButtonSize.Default]: "h-9 w-9",
-      [uikitContracts.IconButtonSize.Large]: "h-11 w-11"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        ref,
-        variant,
-        size: uikitContracts.ButtonSize.Icon,
-        className: cn(sizeStyles[size], className),
-        ...props
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var DropdownButton = React20__namespace.default.forwardRef(({ children, variant = uikitContracts.ButtonVariant.Outline, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
-    {
-      ref,
-      variant,
-      className: cn("min-w-40 justify-between rtl:flex-row-reverse", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4" })
-      ]
-    }
-  );
-});
-DropdownButton.displayName = "DropdownButton";
-var Sidebar = React20__namespace.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "aside",
-    {
-      ref,
-      "data-state": collapsed ? "collapsed" : "expanded",
-      "data-collapsible": collapsed ? "icon" : "",
-      className: cn(
-        "group flex flex-col border-r border-mainMenu-border transition-[width] duration-200 ease-linear",
-        "bg-mainMenu text-mainMenu-foreground",
-        collapsed ? "w-14" : "w-64",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-Sidebar.displayName = "Sidebar";
-var SidebarContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    "data-sidebar": "content",
-    className: cn(
-      // HAI3 customization: gap and padding use rem-based spacing for theme scaling
-      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",
-      className
-    ),
-    ...props
-  }
-));
-SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "ul",
-  {
-    ref,
-    "data-sidebar": "menu",
-    className: cn("flex w-full min-w-0 flex-col gap-1", className),
-    ...props
-  }
-));
-SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "li",
-  {
-    ref,
-    "data-sidebar": "menu-item",
-    className: cn("group/menu-item relative", className),
-    ...props
-  }
-));
-SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = classVarianceAuthority.cva(
-  // HAI3 customization: All sizing uses rem-based Tailwind classes for theme responsiveness
-  "peer/menu-button flex w-full items-center gap-2 rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>span:last-child]:overflow-hidden [&>svg]:size-5 [&>svg]:shrink-0 text-mainMenu-foreground hover:bg-mainMenu-hover data-[active=true]:bg-mainMenu-selected data-[active=true]:text-white data-[active=true]:font-medium",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-mainMenu-hover"
-      },
-      size: {
-        // HAI3 customization: All heights use rem-based Tailwind classes (h-10=2.5rem, h-7=1.75rem, h-12=3rem)
-        default: "h-10 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var SidebarMenuButton = React20__namespace.forwardRef(
-  ({
-    asChild = false,
-    isActive = false,
-    variant = "default",
-    size = "default",
-    tooltip,
-    className,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        ref,
-        "data-sidebar": "menu-button",
-        "data-size": size,
-        "data-active": isActive,
-        title: tooltip,
-        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-        ...props
-      }
-    );
-  }
-);
-SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuIcon = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ref,
-    className: cn("size-5 min-w-[1.5rem] flex-shrink-0 [&>svg]:w-full [&>svg]:h-full", className),
-    ...props
-  }
-));
-SidebarMenuIcon.displayName = "SidebarMenuIcon";
-var SidebarMenuLabel = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ref,
-    className: cn(className),
-    ...props
-  }
-));
-SidebarMenuLabel.displayName = "SidebarMenuLabel";
-var SidebarHeader = React20__namespace.forwardRef(
-  ({ logo, logoText, collapsed = false, onClick, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col h-16",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuIcon, { children: logo }),
-            logoText && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-mainMenu-border mx-4" })
-        ]
-      }
-    );
-  }
-);
-SidebarHeader.displayName = "SidebarHeader";
-var UserInfo = React20__namespace.default.forwardRef(
-  ({ displayName, email, avatarUrl, className, loading }, ref) => {
-    const getInitials = () => {
-      if (!displayName) return lodash.toUpper(email?.[0] || "") || "?";
-      const parts = lodash.trim(displayName).split(/\s+/);
-      if (parts.length >= 2) {
-        return lodash.toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
-      }
-      return lodash.toUpper(displayName.slice(0, 2));
-    };
-    const initials = getInitials();
-    const displayText = displayName || email || "User";
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-24" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex items-center gap-2 text-sm text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-8 w-8", children: [
-            avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: initials })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayText })
-        ]
-      }
-    );
-  }
-);
-UserInfo.displayName = "UserInfo";
-var MessageType = /* @__PURE__ */ ((MessageType2) => {
-  MessageType2["User"] = "user";
-  MessageType2["Assistant"] = "assistant";
-  return MessageType2;
-})(MessageType || {});
-var MessageBubble = ({
-  type,
-  content,
-  className = "",
-  onCopy,
-  onEdit,
-  onDelete
-}) => {
-  const isUser = type === "user" /* User */;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-4 group ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "h-8 w-8 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-      AvatarFallback,
-      {
-        className: isUser ? "bg-blue-500 text-white" : "bg-green-500 text-white",
-        children: isUser ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leading-relaxed whitespace-pre-wrap", children: content }) }),
-      (onCopy || onEdit || onDelete) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 mt-2 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-        onCopy && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onCopy,
-            className: "p-1.5 hover:bg-muted rounded-lg transition-colors text-muted-foreground hover:text-foreground",
-            title: "Copy message",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-                ]
-              }
-            )
-          }
-        ),
-        onEdit && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onEdit,
-            className: "p-1.5 hover:bg-muted rounded-lg transition-colors text-muted-foreground hover:text-foreground",
-            title: "Edit message",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                ]
-              }
-            )
-          }
-        ),
-        onDelete && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onDelete,
-            className: "p-1.5 hover:bg-destructive/10 rounded-lg transition-colors text-muted-foreground hover:text-destructive",
-            title: "Delete message",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "3 6 5 6 21 6" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                ]
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var ChatInput = ({
-  value,
-  onChange,
-  onSend,
-  onAttachFile,
-  placeholder = "Type a message...",
-  disabled = false,
-  maxRows = 14,
-  className = ""
-}) => {
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      if (!disabled && lodash.trim(value)) {
-        onSend();
-      }
-    }
-  };
-  const rows = Math.min(
-    Math.max(value.split("\n").length, 1),
-    maxRows
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-end gap-2 ${className}`, children: [
-    onAttachFile && /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        variant: uikitContracts.ButtonVariant.Ghost,
-        size: uikitContracts.ButtonSize.Icon,
-        onClick: onAttachFile,
-        disabled,
-        className: "flex-shrink-0",
-        "aria-label": "Attach file",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { size: 20 })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        value,
-        onChange: (e) => onChange(e.target.value),
-        onKeyDown: handleKeyDown,
-        placeholder,
-        disabled,
-        rows,
-        className: "flex-1 resize-none rounded-lg border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        onClick: onSend,
-        disabled: disabled || !lodash.trim(value),
-        className: "flex-shrink-0",
-        "aria-label": "Send message",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { size: 20 })
-      }
-    )
-  ] });
-};
-var ThreadList = ({
-  threads,
-  selectedThreadId,
-  onThreadSelect,
-  onNewThread,
-  onDeleteThread,
-  searchQuery = "",
-  onSearchChange,
-  loading = false,
-  className = ""
-}) => {
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col h-full ${className}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border-b", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-full mb-3" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-10 w-full" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-16 w-full mb-2" }, i)) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col h-full ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border-b", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: "Recent Chats" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: uikitContracts.ButtonVariant.Ghost,
-            size: uikitContracts.ButtonSize.Icon,
-            onClick: onNewThread,
-            "aria-label": "New chat",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16 })
-          }
-        )
-      ] }),
-      onSearchChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          lucideReact.Search,
-          {
-            size: 16,
-            className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            placeholder: "Search chats...",
-            value: searchQuery,
-            onChange: (e) => onSearchChange(e.target.value),
-            className: "w-full pl-9 pr-3 py-2 border border-input rounded-lg text-sm bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: threads.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center text-muted-foreground text-sm", children: "No chats yet. Start a new conversation!" }) : threads.map((thread) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        onClick: () => onThreadSelect(thread.id),
-        className: `p-3 border-b cursor-pointer transition-colors hover:bg-muted/50 ${selectedThreadId === thread.id ? "bg-muted" : ""}`,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-medium text-sm truncate mb-1", children: [
-              thread.title,
-              thread.isTemporary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Temporary)" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: thread.preview })
-          ] }),
-          onDeleteThread && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                onDeleteThread(thread.id);
-              },
-              className: "p-1 opacity-0 group-hover:opacity-100 hover:bg-destructive/10 rounded transition-opacity text-muted-foreground hover:text-destructive",
-              "aria-label": "Delete thread",
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  width: "14",
-                  height: "14",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "3 6 5 6 21 6" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                  ]
-                }
-              )
-            }
-          )
-        ] })
-      },
-      thread.id
-    )) })
-  ] });
-};
-var MENU_ICON_ID = "menu";
-var MenuIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className,
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
-      ]
-    }
-  );
-};
-var CLOSE_ICON_ID = "close";
-var CloseIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className,
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-};
-var CalendarIcon = ({
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18" })
-      ]
-    }
-  );
-};
-
-// src/styles/applyTheme.ts
-var hslToVar = (color) => {
-  if (color === "transparent") {
-    return "transparent";
-  }
-  if (color.startsWith("hsl(")) {
-    return color.replace("hsl(", "").replace(")", "");
-  }
-  return color;
-};
-var applyTheme = (theme, themeName) => {
-  const root = document.documentElement;
-  if (themeName) {
-    root.setAttribute("data-theme", themeName);
-  }
-  root.style.setProperty("--background", hslToVar(theme.colors.background));
-  root.style.setProperty("--foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--card", hslToVar(theme.colors.background));
-  root.style.setProperty("--card-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--popover", hslToVar(theme.colors.background));
-  root.style.setProperty("--popover-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--primary", hslToVar(theme.colors.primary));
-  root.style.setProperty("--primary-foreground", hslToVar(theme.colors.background));
-  root.style.setProperty("--secondary", hslToVar(theme.colors.secondary));
-  root.style.setProperty("--secondary-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--muted", hslToVar(theme.colors.muted));
-  root.style.setProperty("--muted-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--accent", hslToVar(theme.colors.accent));
-  root.style.setProperty("--accent-foreground", hslToVar(theme.colors.background));
-  root.style.setProperty("--destructive", hslToVar(theme.colors.error));
-  root.style.setProperty("--destructive-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--border", hslToVar(theme.colors.border));
-  root.style.setProperty("--input", hslToVar(theme.colors.border));
-  root.style.setProperty("--ring", hslToVar(theme.colors.primary));
-  root.style.setProperty("--error", hslToVar(theme.colors.error));
-  root.style.setProperty("--warning", hslToVar(theme.colors.warning));
-  root.style.setProperty("--success", hslToVar(theme.colors.success));
-  root.style.setProperty("--info", hslToVar(theme.colors.info));
-  root.style.setProperty("--chart-1", theme.colors.chart[1]);
-  root.style.setProperty("--chart-2", theme.colors.chart[2]);
-  root.style.setProperty("--chart-3", theme.colors.chart[3]);
-  root.style.setProperty("--chart-4", theme.colors.chart[4]);
-  root.style.setProperty("--chart-5", theme.colors.chart[5]);
-  root.style.setProperty("--left-menu", hslToVar(theme.colors.mainMenu.DEFAULT));
-  root.style.setProperty("--left-menu-foreground", hslToVar(theme.colors.mainMenu.foreground));
-  root.style.setProperty("--left-menu-hover", hslToVar(theme.colors.mainMenu.hover));
-  root.style.setProperty("--left-menu-selected", hslToVar(theme.colors.mainMenu.selected));
-  root.style.setProperty("--left-menu-border", hslToVar(theme.colors.mainMenu.border));
-  Object.entries(theme.spacing).forEach(([key, value]) => {
-    root.style.setProperty(`--spacing-${key}`, value);
-  });
-  Object.entries(theme.borderRadius).forEach(([key, value]) => {
-    root.style.setProperty(`--radius-${key}`, value);
-  });
-  Object.entries(theme.shadows).forEach(([key, value]) => {
-    root.style.setProperty(`--shadow-${key}`, value);
-  });
-  Object.entries(theme.transitions).forEach(([key, value]) => {
-    root.style.setProperty(`--transition-${key}`, value);
-  });
-  if (themeName?.endsWith("-large")) {
-    root.style.fontSize = "125%";
-  } else {
-    root.style.fontSize = "";
-  }
-};
-
-Object.defineProperty(exports, "ButtonSize", {
-  enumerable: true,
-  get: function () { return uikitContracts.ButtonSize; }
-});
-Object.defineProperty(exports, "ButtonVariant", {
-  enumerable: true,
-  get: function () { return uikitContracts.ButtonVariant; }
-});
-Object.defineProperty(exports, "IconButtonSize", {
-  enumerable: true,
-  get: function () { return uikitContracts.IconButtonSize; }
-});
-Object.defineProperty(exports, "Area", {
-  enumerable: true,
-  get: function () { return recharts.Area; }
-});
-Object.defineProperty(exports, "AreaChart", {
-  enumerable: true,
-  get: function () { return recharts.AreaChart; }
-});
-Object.defineProperty(exports, "Bar", {
-  enumerable: true,
-  get: function () { return recharts.Bar; }
-});
-Object.defineProperty(exports, "BarChart", {
-  enumerable: true,
-  get: function () { return recharts.BarChart; }
-});
-Object.defineProperty(exports, "Brush", {
-  enumerable: true,
-  get: function () { return recharts.Brush; }
-});
-Object.defineProperty(exports, "CartesianGrid", {
-  enumerable: true,
-  get: function () { return recharts.CartesianGrid; }
-});
-Object.defineProperty(exports, "Cell", {
-  enumerable: true,
-  get: function () { return recharts.Cell; }
-});
-Object.defineProperty(exports, "ChartLabel", {
-  enumerable: true,
-  get: function () { return recharts.Label; }
-});
-Object.defineProperty(exports, "ChartLegend", {
-  enumerable: true,
-  get: function () { return recharts.Legend; }
-});
-Object.defineProperty(exports, "ChartTooltip", {
-  enumerable: true,
-  get: function () { return recharts.Tooltip; }
-});
-Object.defineProperty(exports, "ComposedChart", {
-  enumerable: true,
-  get: function () { return recharts.ComposedChart; }
-});
-Object.defineProperty(exports, "Cross", {
-  enumerable: true,
-  get: function () { return recharts.Cross; }
-});
-Object.defineProperty(exports, "Curve", {
-  enumerable: true,
-  get: function () { return recharts.Curve; }
-});
-Object.defineProperty(exports, "Customized", {
-  enumerable: true,
-  get: function () { return recharts.Customized; }
-});
-Object.defineProperty(exports, "Dot", {
-  enumerable: true,
-  get: function () { return recharts.Dot; }
-});
-Object.defineProperty(exports, "ErrorBar", {
-  enumerable: true,
-  get: function () { return recharts.ErrorBar; }
-});
-Object.defineProperty(exports, "Funnel", {
-  enumerable: true,
-  get: function () { return recharts.Funnel; }
-});
-Object.defineProperty(exports, "FunnelChart", {
-  enumerable: true,
-  get: function () { return recharts.FunnelChart; }
-});
-Object.defineProperty(exports, "LabelList", {
-  enumerable: true,
-  get: function () { return recharts.LabelList; }
-});
-Object.defineProperty(exports, "Line", {
-  enumerable: true,
-  get: function () { return recharts.Line; }
-});
-Object.defineProperty(exports, "LineChart", {
-  enumerable: true,
-  get: function () { return recharts.LineChart; }
-});
-Object.defineProperty(exports, "Pie", {
-  enumerable: true,
-  get: function () { return recharts.Pie; }
-});
-Object.defineProperty(exports, "PieChart", {
-  enumerable: true,
-  get: function () { return recharts.PieChart; }
-});
-Object.defineProperty(exports, "PolarAngleAxis", {
-  enumerable: true,
-  get: function () { return recharts.PolarAngleAxis; }
-});
-Object.defineProperty(exports, "PolarGrid", {
-  enumerable: true,
-  get: function () { return recharts.PolarGrid; }
-});
-Object.defineProperty(exports, "PolarRadiusAxis", {
-  enumerable: true,
-  get: function () { return recharts.PolarRadiusAxis; }
-});
-Object.defineProperty(exports, "Polygon", {
-  enumerable: true,
-  get: function () { return recharts.Polygon; }
-});
-Object.defineProperty(exports, "Radar", {
-  enumerable: true,
-  get: function () { return recharts.Radar; }
-});
-Object.defineProperty(exports, "RadarChart", {
-  enumerable: true,
-  get: function () { return recharts.RadarChart; }
-});
-Object.defineProperty(exports, "RadialBar", {
-  enumerable: true,
-  get: function () { return recharts.RadialBar; }
-});
-Object.defineProperty(exports, "RadialBarChart", {
-  enumerable: true,
-  get: function () { return recharts.RadialBarChart; }
-});
-Object.defineProperty(exports, "Rectangle", {
-  enumerable: true,
-  get: function () { return recharts.Rectangle; }
-});
-Object.defineProperty(exports, "ReferenceArea", {
-  enumerable: true,
-  get: function () { return recharts.ReferenceArea; }
-});
-Object.defineProperty(exports, "ReferenceDot", {
-  enumerable: true,
-  get: function () { return recharts.ReferenceDot; }
-});
-Object.defineProperty(exports, "ReferenceLine", {
-  enumerable: true,
-  get: function () { return recharts.ReferenceLine; }
-});
-Object.defineProperty(exports, "ResponsiveContainer", {
-  enumerable: true,
-  get: function () { return recharts.ResponsiveContainer; }
-});
-Object.defineProperty(exports, "Sankey", {
-  enumerable: true,
-  get: function () { return recharts.Sankey; }
-});
-Object.defineProperty(exports, "Scatter", {
-  enumerable: true,
-  get: function () { return recharts.Scatter; }
-});
-Object.defineProperty(exports, "ScatterChart", {
-  enumerable: true,
-  get: function () { return recharts.ScatterChart; }
-});
-Object.defineProperty(exports, "Sector", {
-  enumerable: true,
-  get: function () { return recharts.Sector; }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function () { return recharts.Text; }
-});
-Object.defineProperty(exports, "Treemap", {
-  enumerable: true,
-  get: function () { return recharts.Treemap; }
-});
-Object.defineProperty(exports, "XAxis", {
-  enumerable: true,
-  get: function () { return recharts.XAxis; }
-});
-Object.defineProperty(exports, "YAxis", {
-  enumerable: true,
-  get: function () { return recharts.YAxis; }
-});
-Object.defineProperty(exports, "ZAxis", {
-  enumerable: true,
-  get: function () { return recharts.ZAxis; }
-});
-exports.Accordion = Accordion;
-exports.AccordionContent = AccordionContent;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;
-exports.AspectRatio = AspectRatio;
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarImage = AvatarImage;
-exports.Badge = Badge;
-exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.BreadcrumbLink = BreadcrumbLink;
-exports.BreadcrumbList = BreadcrumbList;
-exports.BreadcrumbPage = BreadcrumbPage;
-exports.BreadcrumbSeparator = BreadcrumbSeparator;
-exports.Button = Button;
-exports.CLOSE_ICON_ID = CLOSE_ICON_ID;
-exports.Calendar = Calendar;
-exports.CalendarDayButton = CalendarDayButton;
-exports.CalendarIcon = CalendarIcon;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
-exports.Carousel = Carousel;
-exports.CarouselContent = CarouselContent;
-exports.CarouselItem = CarouselItem;
-exports.CarouselNext = CarouselNext;
-exports.CarouselPrevious = CarouselPrevious;
-exports.ChartContainer = ChartContainer;
-exports.ChartLegendContent = ChartLegendContent;
-exports.ChartTooltipContent = ChartTooltipContent;
-exports.ChatInput = ChatInput;
-exports.Checkbox = Checkbox;
-exports.ChevronDownIcon = ChevronDownIcon;
-exports.ChevronLeftIcon = ChevronLeftIcon;
-exports.ChevronRightIcon = ChevronRightIcon;
-exports.ChevronUpIcon = ChevronUpIcon;
-exports.CloseIcon = CloseIcon;
-exports.Collapsible = Collapsible;
-exports.CollapsibleContent = CollapsibleContent2;
-exports.CollapsibleTrigger = CollapsibleTrigger2;
-exports.ContextMenu = ContextMenu;
-exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
-exports.ContextMenuContent = ContextMenuContent;
-exports.ContextMenuGroup = ContextMenuGroup;
-exports.ContextMenuItem = ContextMenuItem;
-exports.ContextMenuLabel = ContextMenuLabel;
-exports.ContextMenuPortal = ContextMenuPortal;
-exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
-exports.ContextMenuRadioItem = ContextMenuRadioItem;
-exports.ContextMenuSeparator = ContextMenuSeparator;
-exports.ContextMenuShortcut = ContextMenuShortcut;
-exports.ContextMenuSub = ContextMenuSub;
-exports.ContextMenuSubContent = ContextMenuSubContent;
-exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
-exports.ContextMenuTrigger = ContextMenuTrigger;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.Drawer = Drawer;
-exports.DrawerClose = DrawerClose;
-exports.DrawerContent = DrawerContent;
-exports.DrawerDescription = DrawerDescription;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerOverlay = DrawerOverlay;
-exports.DrawerPortal = DrawerPortal;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerTrigger = DrawerTrigger;
-exports.DropdownButton = DropdownButton;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.Header = Header;
-exports.HoverCard = HoverCard;
-exports.HoverCardContent = HoverCardContent;
-exports.HoverCardTrigger = HoverCardTrigger;
-exports.IconButton = IconButton;
-exports.Input = Input;
-exports.InputOTP = InputOTP;
-exports.InputOTPGroup = InputOTPGroup;
-exports.InputOTPSeparator = InputOTPSeparator;
-exports.InputOTPSlot = InputOTPSlot;
-exports.Label = Label;
-exports.MENU_ICON_ID = MENU_ICON_ID;
-exports.MenuIcon = MenuIcon;
-exports.Menubar = Menubar;
-exports.MenubarCheckboxItem = MenubarCheckboxItem;
-exports.MenubarContent = MenubarContent;
-exports.MenubarGroup = MenubarGroup;
-exports.MenubarItem = MenubarItem;
-exports.MenubarLabel = MenubarLabel;
-exports.MenubarMenu = MenubarMenu;
-exports.MenubarPortal = MenubarPortal;
-exports.MenubarRadioGroup = MenubarRadioGroup;
-exports.MenubarRadioItem = MenubarRadioItem;
-exports.MenubarSeparator = MenubarSeparator;
-exports.MenubarShortcut = MenubarShortcut;
-exports.MenubarSub = MenubarSub;
-exports.MenubarSubContent = MenubarSubContent;
-exports.MenubarSubTrigger = MenubarSubTrigger;
-exports.MenubarTrigger = MenubarTrigger;
-exports.MessageBubble = MessageBubble;
-exports.MessageType = MessageType;
-exports.NativeSelect = NativeSelect;
-exports.NativeSelectOptGroup = NativeSelectOptGroup;
-exports.NativeSelectOption = NativeSelectOption;
-exports.NavigationMenu = NavigationMenu;
-exports.NavigationMenuContent = NavigationMenuContent;
-exports.NavigationMenuIndicator = NavigationMenuIndicator;
-exports.NavigationMenuItem = NavigationMenuItem;
-exports.NavigationMenuLink = NavigationMenuLink;
-exports.NavigationMenuList = NavigationMenuList;
-exports.NavigationMenuTrigger = NavigationMenuTrigger;
-exports.NavigationMenuViewport = NavigationMenuViewport;
-exports.Pagination = Pagination;
-exports.PaginationContent = PaginationContent;
-exports.PaginationEllipsis = PaginationEllipsis;
-exports.PaginationItem = PaginationItem;
-exports.PaginationLink = PaginationLink;
-exports.PaginationNext = PaginationNext;
-exports.PaginationPrevious = PaginationPrevious;
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
-exports.Progress = Progress;
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupItem = RadioGroupItem;
-exports.ResizableHandle = ResizableHandle;
-exports.ResizablePanel = ResizablePanel;
-exports.ResizablePanelGroup = ResizablePanelGroup;
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
-exports.Separator = Separator2;
-exports.Sheet = Sheet;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetDescription = SheetDescription;
-exports.SheetFooter = SheetFooter;
-exports.SheetHeader = SheetHeader;
-exports.SheetOverlay = SheetOverlay;
-exports.SheetPortal = SheetPortal;
-exports.SheetTitle = SheetTitle;
-exports.SheetTrigger = SheetTrigger;
-exports.Sidebar = Sidebar;
-exports.SidebarContent = SidebarContent;
-exports.SidebarHeader = SidebarHeader;
-exports.SidebarMenu = SidebarMenu;
-exports.SidebarMenuButton = SidebarMenuButton;
-exports.SidebarMenuIcon = SidebarMenuIcon;
-exports.SidebarMenuItem = SidebarMenuItem;
-exports.SidebarMenuLabel = SidebarMenuLabel;
-exports.Skeleton = Skeleton;
-exports.Slider = Slider;
-exports.SliderRange = SliderRange;
-exports.SliderThumb = SliderThumb;
-exports.SliderTrack = SliderTrack;
-exports.Spinner = Spinner;
-exports.Switch = Switch;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.Textarea = Textarea;
-exports.ThreadList = ThreadList;
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipTrigger = TooltipTrigger;
-exports.UserInfo = UserInfo;
-exports.applyTheme = applyTheme;
-exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map