@hai3/uikit 0.1.0-alpha.9 → 0.2.0-alpha.1

package/dist/index.cjs

@@ -5,16 +5,15 @@ var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
-var React24 = require('react');
+var React26 = require('react');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var reactSlot = require('@radix-ui/react-slot');
-var uikitContracts = require('@hai3/uikit-contracts');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 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 SeparatorPrimitive = require('@radix-ui/react-separator');
 var reactHookForm = require('react-hook-form');
 var SwitchPrimitives = require('@radix-ui/react-switch');
 var reactTable = require('@tanstack/react-table');
@@ -41,6 +40,9 @@ var useEmblaCarousel = require('embla-carousel-react');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var recharts = require('recharts');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
+var cmdk = require('cmdk');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var dateFns = require('date-fns');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -64,12 +66,12 @@ function _interopNamespace(e) {
 }
 
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
-var React24__namespace = /*#__PURE__*/_interopNamespace(React24);
+var React26__namespace = /*#__PURE__*/_interopNamespace(React26);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -89,6 +91,8 @@ var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrim
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
+var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
+var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 
 // src/base/alert.tsx
 function cn(...inputs) {
@@ -248,7 +252,7 @@ function EmptyContent({ className, ...props }) {
     }
   );
 }
-var Avatar = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -260,7 +264,7 @@ var Avatar = React24__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -269,7 +273,7 @@ var AvatarImage = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -281,32 +285,88 @@ var AvatarFallback = React24__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+
+// src/types.ts
+var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
+  ButtonVariant2["Default"] = "default";
+  ButtonVariant2["Destructive"] = "destructive";
+  ButtonVariant2["Outline"] = "outline";
+  ButtonVariant2["Secondary"] = "secondary";
+  ButtonVariant2["Ghost"] = "ghost";
+  ButtonVariant2["Link"] = "link";
+  return ButtonVariant2;
+})(ButtonVariant || {});
+var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
+  ButtonSize2["Default"] = "default";
+  ButtonSize2["Sm"] = "sm";
+  ButtonSize2["Lg"] = "lg";
+  ButtonSize2["Icon"] = "icon";
+  return ButtonSize2;
+})(ButtonSize || {});
+var IconButtonSize = /* @__PURE__ */ ((IconButtonSize2) => {
+  IconButtonSize2["Default"] = "default";
+  IconButtonSize2["Small"] = "sm";
+  IconButtonSize2["Large"] = "lg";
+  return IconButtonSize2;
+})(IconButtonSize || {});
+var UiKitComponent = /* @__PURE__ */ ((UiKitComponent2) => {
+  UiKitComponent2["Button"] = "Button";
+  UiKitComponent2["IconButton"] = "IconButton";
+  UiKitComponent2["DropdownButton"] = "DropdownButton";
+  UiKitComponent2["Switch"] = "Switch";
+  UiKitComponent2["Skeleton"] = "Skeleton";
+  UiKitComponent2["Spinner"] = "Spinner";
+  UiKitComponent2["Header"] = "Header";
+  UiKitComponent2["Sidebar"] = "Sidebar";
+  UiKitComponent2["SidebarContent"] = "SidebarContent";
+  UiKitComponent2["SidebarHeader"] = "SidebarHeader";
+  UiKitComponent2["SidebarMenu"] = "SidebarMenu";
+  UiKitComponent2["SidebarMenuItem"] = "SidebarMenuItem";
+  UiKitComponent2["SidebarMenuButton"] = "SidebarMenuButton";
+  UiKitComponent2["SidebarMenuIcon"] = "SidebarMenuIcon";
+  UiKitComponent2["SidebarMenuLabel"] = "SidebarMenuLabel";
+  UiKitComponent2["UserInfo"] = "UserInfo";
+  UiKitComponent2["DropdownMenu"] = "DropdownMenu";
+  UiKitComponent2["DropdownMenuTrigger"] = "DropdownMenuTrigger";
+  UiKitComponent2["DropdownMenuContent"] = "DropdownMenuContent";
+  UiKitComponent2["DropdownMenuItem"] = "DropdownMenuItem";
+  UiKitComponent2["DropdownMenuSub"] = "DropdownMenuSub";
+  UiKitComponent2["DropdownMenuSubTrigger"] = "DropdownMenuSubTrigger";
+  UiKitComponent2["DropdownMenuSubContent"] = "DropdownMenuSubContent";
+  return UiKitComponent2;
+})(UiKitComponent || {});
+var UiKitIcon = /* @__PURE__ */ ((UiKitIcon2) => {
+  UiKitIcon2["Close"] = "close";
+  UiKitIcon2["AppLogo"] = "app-logo";
+  UiKitIcon2["AppLogoText"] = "app-logo-text";
+  return UiKitIcon2;
+})(UiKitIcon || {});
 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"
+        ["default" /* Default */]: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        ["destructive" /* Destructive */]: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        ["outline" /* Outline */]: "border border-input bg-background shadow-sm hover:bg-accent data-[state=open]:bg-accent",
+        ["secondary" /* Secondary */]: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ["ghost" /* Ghost */]: "hover:bg-accent data-[state=open]:bg-accent",
+        ["link" /* 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"
+        ["default" /* Default */]: "h-9 px-4 py-2",
+        ["sm" /* Sm */]: "h-8 rounded-md px-3 text-xs",
+        ["lg" /* Lg */]: "h-10 rounded-md px-8",
+        ["icon" /* Icon */]: "h-9 w-9"
       }
     },
     defaultVariants: {
-      variant: uikitContracts.ButtonVariant.Default,
-      size: uikitContracts.ButtonSize.Default
+      variant: "default" /* Default */,
+      size: "default" /* Default */
     }
   }
 );
-var Button = React24__namespace.forwardRef(
+var Button = React26__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -320,6 +380,91 @@ var Button = React24__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
+function Separator({
+  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 buttonGroupVariants = classVarianceAuthority.cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      className: cn(
+        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
 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",
   {
@@ -411,7 +556,7 @@ function Calendar({
   classNames,
   showOutsideDays = true,
   captionLayout = "label",
-  buttonVariant = uikitContracts.ButtonVariant.Ghost,
+  buttonVariant = "ghost" /* Ghost */,
   formatters,
   components,
   ...props
@@ -553,16 +698,16 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React24__namespace.useRef(null);
-  React24__namespace.useEffect(() => {
+  const ref = React26__namespace.useRef(null);
+  React26__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
       ref,
-      variant: uikitContracts.ButtonVariant.Ghost,
-      size: uikitContracts.ButtonSize.Icon,
+      variant: "ghost" /* Ghost */,
+      size: "icon" /* 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,
@@ -774,7 +919,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React24__namespace.useContext(inputOtp.OTPInputContext);
+  const inputOTPContext = React26__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -796,7 +941,7 @@ function InputOTPSlot({
 function InputOTPSeparator({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
 }
-var Input = React24__namespace.forwardRef(
+var Input = React26__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -829,26 +974,6 @@ function Label({
     }
   );
 }
-function Separator({
-  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
-    }
-  );
-}
 function FieldSet({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "fieldset",
@@ -1029,7 +1154,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React24.useMemo(() => {
+  const content = React26.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1061,7 +1186,7 @@ function FieldError({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React24__namespace.createContext(
+var FormFieldContext = React26__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1069,12 +1194,12 @@ var FormField = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
-var FormItemContext = React24__namespace.createContext(
+var FormItemContext = React26__namespace.createContext(
   {}
 );
 var useFormField = () => {
-  const fieldContext = React24__namespace.useContext(FormFieldContext);
-  const itemContext = React24__namespace.useContext(FormItemContext);
+  const fieldContext = React26__namespace.useContext(FormFieldContext);
+  const itemContext = React26__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1092,7 +1217,7 @@ var useFormField = () => {
   };
 };
 function FormItem({ className, ...props }) {
-  const id = React24__namespace.useId();
+  const id = React26__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1160,10 +1285,10 @@ function FormMessage({ className, ...props }) {
     }
   );
 }
-var Textarea = React24__namespace.forwardRef(
+var Textarea = React26__namespace.forwardRef(
   ({ className, autoResize = false, minHeight = 50, maxHeight = 350, size = "default", onChange, ...props }, ref) => {
-    const internalRef = React24__namespace.useRef(null);
-    React24__namespace.useImperativeHandle(ref, () => internalRef.current);
+    const internalRef = React26__namespace.useRef(null);
+    React26__namespace.useImperativeHandle(ref, () => internalRef.current);
     const sizeClasses = {
       sm: "min-h-11 h-11",
       // 44px / 2.75rem - exact height
@@ -1180,7 +1305,7 @@ var Textarea = React24__namespace.forwardRef(
       lg: "py-2"
       // 8px top + 8px bottom (default)
     };
-    const handleResize = React24__namespace.useCallback(() => {
+    const handleResize = React26__namespace.useCallback(() => {
       if (autoResize && size !== "sm" && internalRef.current) {
         const textarea = internalRef.current;
         textarea.style.height = "auto";
@@ -1188,10 +1313,10 @@ var Textarea = React24__namespace.forwardRef(
         textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`;
       }
     }, [autoResize, size, minHeight, maxHeight]);
-    React24__namespace.useEffect(() => {
+    React26__namespace.useEffect(() => {
       handleResize();
     }, [handleResize, props.value]);
-    const handleChange = React24__namespace.useCallback(
+    const handleChange = React26__namespace.useCallback(
       (e) => {
         handleResize();
         onChange?.(e);
@@ -1215,7 +1340,7 @@ var Textarea = React24__namespace.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Switch = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: cn(
@@ -1363,7 +1488,7 @@ var ChevronUpIcon = ({
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -1380,7 +1505,7 @@ var SelectTrigger = React24__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -1393,7 +1518,7 @@ var SelectScrollUpButton = React24__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -1406,7 +1531,7 @@ var SelectScrollDownButton = React24__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React24__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React26__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -1434,7 +1559,7 @@ var SelectContent = React24__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -1443,7 +1568,7 @@ var SelectLabel = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -1459,7 +1584,7 @@ var SelectItem = React24__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -1508,8 +1633,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "hidden size-8 lg:flex",
             onClick: () => table.setPageIndex(0),
             disabled: !table.getCanPreviousPage(),
@@ -1522,8 +1647,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "size-8",
             onClick: () => table.previousPage(),
             disabled: !table.getCanPreviousPage(),
@@ -1536,8 +1661,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "size-8",
             onClick: () => table.nextPage(),
             disabled: !table.getCanNextPage(),
@@ -1550,8 +1675,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "hidden size-8 lg:flex",
             onClick: () => table.setPageIndex(table.getPageCount() - 1),
             disabled: !table.getCanNextPage(),
@@ -1575,10 +1700,10 @@ function DataTable({
   pageSize = 10,
   noResultsMessage = "No results."
 }) {
-  const [sorting, setSorting] = React24__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React24__namespace.useState([]);
-  const [columnVisibility, setColumnVisibility] = React24__namespace.useState({});
-  const [rowSelection, setRowSelection] = React24__namespace.useState({});
+  const [sorting, setSorting] = React26__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React26__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React26__namespace.useState({});
+  const [rowSelection, setRowSelection] = React26__namespace.useState({});
   const internalTable = reactTable.useReactTable({
     data,
     columns,
@@ -1648,12 +1773,12 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React24__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React26__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",
+      "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 focus:text-foreground data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -1665,7 +1790,7 @@ var DropdownMenuSubTrigger = React24__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React24__namespace.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React26__namespace.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -1677,7 +1802,7 @@ var DropdownMenuSubContent = React24__namespace.forwardRef(({ className, contain
   }
 ) }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React24__namespace.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React26__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,
@@ -1691,12 +1816,12 @@ var DropdownMenuContent = React24__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React26__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",
+      "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 focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -1704,12 +1829,12 @@ var DropdownMenuItem = React24__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React24__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React26__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",
+      "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 focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
@@ -1721,12 +1846,12 @@ var DropdownMenuCheckboxItem = React24__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React26__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",
+      "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 focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -1737,7 +1862,7 @@ var DropdownMenuRadioItem = React24__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React26__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -1750,7 +1875,7 @@ var DropdownMenuLabel = React24__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -1784,8 +1909,8 @@ function DataTableColumnHeader({
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
-        size: uikitContracts.ButtonSize.Sm,
+        variant: "ghost" /* Ghost */,
+        size: "sm" /* Sm */,
         className: "data-[state=open]:bg-accent -ml-3 h-8",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
@@ -1819,8 +1944,8 @@ function DataTableViewOptions({
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Outline,
-        size: uikitContracts.ButtonSize.Sm,
+        variant: "outline" /* Outline */,
+        size: "sm" /* Sm */,
         className: "ml-auto hidden h-8 lg:flex",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "size-4" }),
@@ -1865,7 +1990,7 @@ function Skeleton({
     }
   );
 }
-var Spinner = React24__namespace.forwardRef(
+var Spinner = React26__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, "") || "");
@@ -1881,7 +2006,7 @@ var Spinner = React24__namespace.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
-var Slider = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Slider = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -1893,7 +2018,7 @@ var Slider = React24__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var SliderTrack = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderTrack = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Track,
   {
     ref,
@@ -1905,7 +2030,7 @@ var SliderTrack = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SliderTrack.displayName = SliderPrimitive__namespace.Track.displayName;
-var SliderRange = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderRange = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Range,
   {
     ref,
@@ -1914,7 +2039,7 @@ var SliderRange = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SliderRange.displayName = SliderPrimitive__namespace.Range.displayName;
-var SliderThumb = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderThumb = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Thumb,
   {
     ref,
@@ -1926,7 +2051,7 @@ var SliderThumb = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SliderThumb.displayName = SliderPrimitive__namespace.Thumb.displayName;
-var Progress = React24__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React26__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -1961,6 +2086,26 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
+function useToast(options = {}) {
+  const { defaultDuration, defaultPosition } = options;
+  return React26.useMemo(() => {
+    const mergeDefaults = (opts) => ({
+      duration: defaultDuration,
+      position: defaultPosition,
+      ...opts
+    });
+    return {
+      toast: (message, opts) => sonner.toast(message, mergeDefaults(opts)),
+      success: (message, opts) => sonner.toast.success(message, mergeDefaults(opts)),
+      error: (message, opts) => sonner.toast.error(message, mergeDefaults(opts)),
+      warning: (message, opts) => sonner.toast.warning(message, mergeDefaults(opts)),
+      info: (message, opts) => sonner.toast.info(message, mergeDefaults(opts)),
+      loading: (message, opts) => sonner.toast.loading(message, mergeDefaults(opts)),
+      promise: (promiseOrFn, opts) => sonner.toast.promise(promiseOrFn, opts),
+      dismiss: (toastId) => sonner.toast.dismiss(toastId)
+    };
+  }, [defaultDuration, defaultPosition]);
+}
 var TooltipProvider = ({
   delayDuration = 0,
   ...props
@@ -1976,9 +2121,9 @@ var Tooltip = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props }) });
 Tooltip.displayName = TooltipPrimitive__namespace.Root.displayName;
-var TooltipTrigger = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { ref, ...props }));
+var TooltipTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { ref, ...props }));
 TooltipTrigger.displayName = TooltipPrimitive__namespace.Trigger.displayName;
-var TooltipContent = React24__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React26__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -1993,7 +2138,7 @@ var TooltipContent = React24__namespace.forwardRef(({ className, sideOffset = 4,
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
 var Popover = PopoverPrimitive__namespace.Root;
 Popover.displayName = "Popover";
-var PopoverTrigger = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Trigger,
   {
     ref,
@@ -2002,7 +2147,7 @@ var PopoverTrigger = React24__namespace.forwardRef(({ ...props }, ref) => /* @__
   }
 ));
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React24__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React26__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -2017,7 +2162,7 @@ var PopoverContent = React24__namespace.forwardRef(({ className, align = "center
   }
 ) }));
 PopoverContent.displayName = "PopoverContent";
-var PopoverAnchor = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverAnchor = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Anchor,
   {
     ref,
@@ -2028,7 +2173,7 @@ var PopoverAnchor = React24__namespace.forwardRef(({ ...props }, ref) => /* @__P
 PopoverAnchor.displayName = "PopoverAnchor";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Trigger,
   {
     ref,
@@ -2037,7 +2182,7 @@ var HoverCardTrigger = React24__namespace.forwardRef(({ ...props }, ref) => /* @
   }
 ));
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React24__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React26__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,
@@ -2052,7 +2197,7 @@ var HoverCardContent = React24__namespace.forwardRef(({ className, align = "cent
   }
 ) }));
 HoverCardContent.displayName = "HoverCardContent";
-var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2064,7 +2209,7 @@ var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2073,7 +2218,7 @@ var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2082,7 +2227,7 @@ var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2091,9 +2236,9 @@ var CardDescription = React24__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2102,7 +2247,7 @@ var CardFooter = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardFooter.displayName = "CardFooter";
-var Header = React24__namespace.default.forwardRef(
+var Header = React26__namespace.default.forwardRef(
   ({ children, className }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "header",
@@ -2118,7 +2263,7 @@ var Header = React24__namespace.default.forwardRef(
   }
 );
 Header.displayName = "Header";
-var NavigationMenu = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -2134,7 +2279,7 @@ var NavigationMenu = React24__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuList = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -2150,7 +2295,7 @@ 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 = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenuTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -2170,7 +2315,7 @@ var NavigationMenuTrigger = React24__namespace.forwardRef(({ className, children
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -2183,7 +2328,7 @@ var NavigationMenuContent = React24__namespace.forwardRef(({ className, ...props
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuViewport = React26__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(
@@ -2195,7 +2340,7 @@ var NavigationMenuViewport = React24__namespace.forwardRef(({ className, ...prop
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuIndicator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -2579,7 +2724,7 @@ function PaginationItem({ ...props }) {
 function PaginationLink({
   className,
   isActive,
-  size = uikitContracts.ButtonSize.Icon,
+  size = "icon" /* Icon */,
   asChild,
   ...props
 }) {
@@ -2592,7 +2737,7 @@ function PaginationLink({
       "data-active": isActive,
       className: cn(
         buttonVariants({
-          variant: isActive ? uikitContracts.ButtonVariant.Outline : uikitContracts.ButtonVariant.Ghost,
+          variant: isActive ? "outline" /* Outline */ : "ghost" /* Ghost */,
           size
         }),
         className
@@ -2610,7 +2755,7 @@ function PaginationPrevious({
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      size: uikitContracts.ButtonSize.Default,
+      size: "default" /* Default */,
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
@@ -2629,7 +2774,7 @@ function PaginationNext({
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      size: uikitContracts.ButtonSize.Default,
+      size: "default" /* Default */,
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
@@ -2719,7 +2864,7 @@ var Sheet = SheetPrimitive__namespace.Root;
 var SheetTrigger = SheetPrimitive__namespace.Trigger;
 var SheetClose = SheetPrimitive__namespace.Close;
 var SheetPortal = SheetPrimitive__namespace.Portal;
-var SheetOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2747,7 +2892,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React24__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = React26__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     SheetPrimitive__namespace.Content,
@@ -2794,7 +2939,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Title,
   {
     ref,
@@ -2803,7 +2948,7 @@ var SheetTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var SheetDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Description,
   {
     ref,
@@ -2816,7 +2961,7 @@ var Dialog = SheetPrimitive__namespace.Root;
 var DialogTrigger = SheetPrimitive__namespace.Trigger;
 var DialogPortal = SheetPrimitive__namespace.Portal;
 var DialogClose = SheetPrimitive__namespace.Close;
-var DialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
     ref,
@@ -2828,7 +2973,7 @@ var DialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
-var DialogContent = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     SheetPrimitive__namespace.Content,
@@ -2878,7 +3023,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Title,
   {
     ref,
@@ -2890,7 +3035,7 @@ var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var DialogDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Description,
   {
     ref,
@@ -2899,288 +3044,250 @@ var DialogDescription = React24__namespace.forwardRef(({ className, ...props },
   }
 ));
 DialogDescription.displayName = SheetPrimitive__namespace.Description.displayName;
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogPortal({
+var AlertDialog = ({
   ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-function AlertDialogOverlay({
-  className,
+}) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
+AlertDialog.displayName = "AlertDialog";
+var AlertDialogTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Trigger,
+  {
+    ref,
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  }
+));
+AlertDialogTrigger.displayName = AlertDialogPrimitive__namespace.Trigger.displayName;
+var AlertDialogPortal = ({
   ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Overlay,
+}) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
+AlertDialogPortal.displayName = "AlertDialogPortal";
+var AlertDialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    "data-slot": "alert-dialog-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
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+var AlertDialogContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Content,
     {
-      "data-slot": "alert-dialog-overlay",
+      ref,
+      "data-slot": "alert-dialog-content",
       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",
+        "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
         className
       ),
       ...props
     }
-  );
-}
-function AlertDialogContent({
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+var AlertDialogHeader = ({
   className,
   ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AlertDialogPrimitive__namespace.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: cn(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "data-slot": "alert-dialog-header",
+    className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
   className,
   ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "data-slot": "alert-dialog-footer",
+    className: cn(
+      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    "data-slot": "alert-dialog-title",
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+var AlertDialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    "data-slot": "alert-dialog-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+var AlertDialogAction = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+var AlertDialogCancel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" /* Outline */ }), className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+var Drawer = ({
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+Drawer.displayName = "Drawer";
+var DrawerTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { ref, "data-slot": "drawer-trigger", ...props }));
+DrawerTrigger.displayName = vaul.Drawer.Trigger.displayName;
+var DrawerPortal = ({
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+DrawerPortal.displayName = "DrawerPortal";
+var DrawerClose = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { ref, "data-slot": "drawer-close", ...props }));
+DrawerClose.displayName = vaul.Drawer.Close.displayName;
+var DrawerOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Overlay,
+  {
+    ref,
+    "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
+  }
+));
+DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
+var DrawerContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    vaul.Drawer.Content,
     {
-      "data-slot": "alert-dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
+      ref,
+      "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 AlertDialogFooter({
+  )
+] }));
+DrawerContent.displayName = vaul.Drawer.Content.displayName;
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__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
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "data-slot": "drawer-footer",
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Title,
+  {
+    ref,
+    "data-slot": "drawer-title",
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = vaul.Drawer.Title.displayName;
+var DrawerDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Description,
+  {
+    ref,
+    "data-slot": "drawer-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = vaul.Drawer.Description.displayName;
+function ResizablePanelGroup({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    ResizablePrimitive__namespace.PanelGroup,
     {
-      "data-slot": "alert-dialog-footer",
+      "data-slot": "resizable-panel-group",
       className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
         className
       ),
       ...props
     }
   );
 }
-function AlertDialogTitle({
-  className,
+function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn("text-lg font-semibold", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.Panel, { "data-slot": "resizable-panel", ...props });
 }
-function AlertDialogDescription({
+function ResizableHandle({
+  withHandle,
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Description,
+    ResizablePrimitive__namespace.PanelResizeHandle,
     {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
+      "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 AlertDialogAction({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Action,
-    {
-      className: cn(buttonVariants(), className),
-      ...props
-    }
-  );
-}
-function AlertDialogCancel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Cancel,
-    {
-      className: cn(buttonVariants({ variant: uikitContracts.ButtonVariant.Outline }), className),
-      ...props
-    }
-  );
-}
-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({
+function ScrollArea({
   className,
   children,
   ...props
@@ -3403,7 +3510,7 @@ function ItemFooter({ className, ...props }) {
     }
   );
 }
-var Accordion = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Accordion = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Root,
   {
     ref,
@@ -3412,7 +3519,7 @@ var Accordion = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE_
   }
 ));
 Accordion.displayName = "Accordion";
-var AccordionItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -3422,7 +3529,7 @@ var AccordionItem = React24__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -3439,7 +3546,7 @@ var AccordionTrigger = React24__namespace.forwardRef(({ className, children, ...
   }
 ) }));
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -3450,15 +3557,15 @@ var AccordionContent = React24__namespace.forwardRef(({ className, children, ...
   }
 ));
 AccordionContent.displayName = "AccordionContent";
-var CarouselContext = React24__namespace.createContext(null);
+var CarouselContext = React26__namespace.createContext(null);
 function useCarousel() {
-  const context = React24__namespace.useContext(CarouselContext);
+  const context = React26__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React24__namespace.forwardRef(
+var Carousel = React26__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -3475,20 +3582,20 @@ var Carousel = React24__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React24__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React24__namespace.useState(false);
-    const onSelect = React24__namespace.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React26__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React26__namespace.useState(false);
+    const onSelect = React26__namespace.useCallback((api2) => {
       if (!api2) return;
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React24__namespace.useCallback(() => {
+    const scrollPrev = React26__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React24__namespace.useCallback(() => {
+    const scrollNext = React26__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React24__namespace.useCallback(
+    const handleKeyDown = React26__namespace.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -3500,11 +3607,11 @@ var Carousel = React24__namespace.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React24__namespace.useEffect(() => {
+    React26__namespace.useEffect(() => {
       if (!api || !setApi) return;
       setApi(api);
     }, [api, setApi]);
-    React24__namespace.useEffect(() => {
+    React26__namespace.useEffect(() => {
       if (!api) return;
       onSelect(api);
       api.on("reInit", onSelect);
@@ -3544,7 +3651,7 @@ var Carousel = React24__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React24__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React26__namespace.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -3568,7 +3675,7 @@ var CarouselContent = React24__namespace.forwardRef(({ className, ...props }, re
   );
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React24__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React26__namespace.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -3587,7 +3694,7 @@ var CarouselItem = React24__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React24__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
+var CarouselPrevious = React26__namespace.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -3612,7 +3719,7 @@ var CarouselPrevious = React24__namespace.forwardRef(({ className, variant = uik
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React24__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
+var CarouselNext = React26__namespace.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -3637,7 +3744,7 @@ var CarouselNext = React24__namespace.forwardRef(({ className, variant = uikitCo
   );
 });
 CarouselNext.displayName = "CarouselNext";
-var Collapsible = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Collapsible = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.Root,
   {
     ref,
@@ -3646,7 +3753,7 @@ var Collapsible = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PUR
   }
 ));
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger2 = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleTrigger2 = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.CollapsibleTrigger,
   {
     ref,
@@ -3655,7 +3762,7 @@ var CollapsibleTrigger2 = React24__namespace.forwardRef(({ ...props }, ref) => /
   }
 ));
 CollapsibleTrigger2.displayName = "CollapsibleTrigger";
-var CollapsibleContent2 = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent2 = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.CollapsibleContent,
   {
     ref,
@@ -3778,185 +3885,611 @@ function ContextMenuRadioGroup({
     }
   );
 }
-function ContextMenuSubTrigger({
+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-foreground data-[state=open]:bg-accent data-[state=open]:text-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-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-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-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
+    }
+  );
+}
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: cn("overflow-hidden p-0 [&>button]:hidden", className), children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-12 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_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=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var toggleVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TogglePrimitive__namespace.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var ToggleGroupContext = React26__namespace.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      className: cn(
+        "group/toggle-group flex w-fit items-center rounded-md",
+        spacing > 0 && "gap-1",
+        spacing === 0 && variant === "outline" && "shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+    }
+  );
+}
+function ToggleGroupItem({
   className,
-  inset,
   children,
+  variant,
+  size,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.SubTrigger,
+  const context = React26__namespace.useContext(ToggleGroupContext);
+  const resolvedSpacing = context.spacing ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
     {
-      "data-slot": "context-menu-sub-trigger",
-      "data-inset": inset,
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      "data-spacing": resolvedSpacing,
       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",
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0 shrink-0 focus:z-10 focus-visible:z-10",
+        resolvedSpacing === 0 && "rounded-none shadow-none first:rounded-l-md last:rounded-r-md",
+        resolvedSpacing === 0 && (context.variant || variant) === "outline" && "border-l-0 first:border-l",
         className
       ),
       ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "ml-auto" })
-      ]
+      children
     }
   );
 }
-function ContextMenuSubContent({
-  className,
-  ...props
-}) {
+function Kbd({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.SubContent,
+    "kbd",
     {
-      "data-slot": "context-menu-sub-content",
+      "data-slot": "kbd",
       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",
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
         className
       ),
       ...props
     }
   );
 }
-function ContextMenuContent({
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function TypographyH1({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Content,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h1",
     {
-      "data-slot": "context-menu-content",
+      "data-slot": "typography-h1",
       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",
+        "scroll-m-20 text-4xl font-extrabold tracking-tight",
         className
       ),
       ...props
     }
-  ) });
+  );
 }
-function ContextMenuItem({
+function TypographyH2({
   className,
-  inset,
-  variant = "default",
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Item,
+    "h2",
     {
-      "data-slot": "context-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
+      "data-slot": "typography-h2",
       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",
+        "scroll-m-20 text-3xl font-semibold tracking-tight",
         className
       ),
       ...props
     }
   );
 }
-function ContextMenuCheckboxItem({
+function TypographyH3({
   className,
-  children,
-  checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.CheckboxItem,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
     {
-      "data-slot": "context-menu-checkbox-item",
+      "data-slot": "typography-h3",
       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",
+        "scroll-m-20 text-2xl font-semibold tracking-tight",
         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
-      ]
+      ...props
     }
   );
 }
-function ContextMenuRadioItem({
+function TypographyH4({
   className,
-  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuPrimitive__namespace.RadioItem,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h4",
     {
-      "data-slot": "context-menu-radio-item",
+      "data-slot": "typography-h4",
       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",
+        "scroll-m-20 text-xl font-semibold tracking-tight",
         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
-      ]
+      ...props
     }
   );
 }
-function ContextMenuLabel({
+function TypographyP({
   className,
-  inset,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Label,
+    "p",
     {
-      "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
-      ),
+      "data-slot": "typography-p",
+      className: cn("leading-7 [&:not(:first-child)]:mt-6", className),
       ...props
     }
   );
 }
-function ContextMenuSeparator({
+function TypographyBlockquote({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ContextMenuPrimitive__namespace.Separator,
+    "blockquote",
     {
-      "data-slot": "context-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
+      "data-slot": "typography-blockquote",
+      className: cn("mt-6 border-l-2 pl-6 italic", className),
       ...props
     }
   );
 }
-function ContextMenuShortcut({
+function TypographyList({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
+    "ul",
     {
-      "data-slot": "context-menu-shortcut",
+      "data-slot": "typography-list",
+      className: cn("my-6 ml-6 list-disc [&>li]:mt-2", className),
+      ...props
+    }
+  );
+}
+function TypographyInlineCode({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "code",
+    {
+      "data-slot": "typography-inline-code",
       className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+        "bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
         className
       ),
       ...props
     }
   );
 }
-var IconButton = React24__namespace.default.forwardRef(
-  ({ variant = uikitContracts.ButtonVariant.Ghost, size = uikitContracts.IconButtonSize.Default, className, ...props }, ref) => {
+function TypographyLarge({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "typography-large",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function TypographySmall({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "small",
+    {
+      "data-slot": "typography-small",
+      className: cn("text-sm leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function TypographyMuted({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "typography-muted",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+var IconButton = React26__namespace.default.forwardRef(
+  ({ variant = "ghost" /* Ghost */, size = "default" /* 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"
+      ["sm" /* Small */]: "h-8 w-8",
+      ["default" /* Default */]: "h-9 w-9",
+      ["lg" /* Large */]: "h-10 w-10"
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
         ref,
         variant,
-        size: uikitContracts.ButtonSize.Icon,
+        size: "icon" /* Icon */,
         className: cn(sizeStyles[size], className),
         ...props
       }
@@ -3964,7 +4497,7 @@ var IconButton = React24__namespace.default.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-var DropdownButton = React24__namespace.default.forwardRef(({ children, variant = uikitContracts.ButtonVariant.Outline, className, ...props }, ref) => {
+var DropdownButton = React26__namespace.default.forwardRef(({ children, variant = "outline" /* Outline */, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
     {
@@ -3980,30 +4513,30 @@ var DropdownButton = React24__namespace.default.forwardRef(({ children, variant
   );
 });
 DropdownButton.displayName = "DropdownButton";
-function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "input-group",
-      role: "group",
-      className: cn(
-        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var InputGroup = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "input-group",
+    role: "group",
+    className: cn(
+      "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+      "h-9 min-w-0 has-[>textarea]:h-auto",
+      // Variants based on alignment.
+      "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+      "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+      "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+      "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+      // Focus state.
+      "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+      // Error state.
+      "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+      className
+    ),
+    ...props
+  }
+));
+InputGroup.displayName = "InputGroup";
 var inputGroupAddonVariants = classVarianceAuthority.cva(
   "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
   {
@@ -4020,28 +4553,24 @@ var inputGroupAddonVariants = classVarianceAuthority.cva(
     }
   }
 );
-function InputGroupAddon({
-  className,
-  align = "inline-start",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": align,
-      className: cn(inputGroupAddonVariants({ align }), className),
-      onClick: (e) => {
-        if (e.target.closest("button")) {
-          return;
-        }
-        e.currentTarget.parentElement?.querySelector("input")?.focus();
-      },
-      ...props
-    }
-  );
-}
+var InputGroupAddon = React26__namespace.forwardRef(({ className, align = "inline-start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": align,
+    className: cn(inputGroupAddonVariants({ align }), className),
+    onClick: (e) => {
+      if (e.target.closest("button")) {
+        return;
+      }
+      e.currentTarget.parentElement?.querySelector("input")?.focus();
+    },
+    ...props
+  }
+));
+InputGroupAddon.displayName = "InputGroupAddon";
 var inputGroupButtonVariants = classVarianceAuthority.cva(
   "text-sm shadow-none flex gap-2 items-center",
   {
@@ -4058,68 +4587,56 @@ var inputGroupButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-function InputGroupButton({
-  className,
-  type = "button",
-  variant = uikitContracts.ButtonVariant.Ghost,
-  size = "xs",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
-    {
-      type,
-      "data-size": size,
-      variant,
-      className: cn(inputGroupButtonVariants({ size }), className),
-      ...props
-    }
-  );
-}
-function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn(
-        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupTextarea({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var InputGroupButton = React26__namespace.forwardRef(({ className, type = "button", variant = "ghost" /* Ghost */, size = "xs", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Button,
+  {
+    ref,
+    type,
+    "data-size": size,
+    variant,
+    className: cn(inputGroupButtonVariants({ size }), className),
+    ...props
+  }
+));
+InputGroupButton.displayName = "InputGroupButton";
+var InputGroupText = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    ref,
+    className: cn(
+      "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupText.displayName = "InputGroupText";
+var InputGroupInput = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Input,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupInput.displayName = "InputGroupInput";
+var InputGroupTextarea = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Textarea,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupTextarea.displayName = "InputGroupTextarea";
 var CalendarIcon = ({
   className = "",
   ...props
@@ -4146,9 +4663,9 @@ var CalendarIcon = ({
     }
   );
 };
-var DatePickerContext = React24__namespace.createContext(null);
+var DatePickerContext = React26__namespace.createContext(null);
 function useDatePickerContext() {
-  const context = React24__namespace.useContext(DatePickerContext);
+  const context = React26__namespace.useContext(DatePickerContext);
   if (!context) {
     throw new Error("DatePicker components must be used within a DatePicker");
   }
@@ -4167,25 +4684,25 @@ function DatePicker({
   defaultOpen = false,
   formatDate: formatDateProp = defaultFormatDate
 }) {
-  const [uncontrolledDate, setUncontrolledDate] = React24__namespace.useState(defaultDate);
-  const [uncontrolledOpen, setUncontrolledOpen] = React24__namespace.useState(defaultOpen);
+  const [uncontrolledDate, setUncontrolledDate] = React26__namespace.useState(defaultDate);
+  const [uncontrolledOpen, setUncontrolledOpen] = React26__namespace.useState(defaultOpen);
   const isDateControlled = controlledDate !== void 0;
   const isOpenControlled = controlledOpen !== void 0;
   const date = isDateControlled ? controlledDate : uncontrolledDate;
   const open = isOpenControlled ? controlledOpen : uncontrolledOpen;
-  const setDate = React24__namespace.useCallback((newDate) => {
+  const setDate = React26__namespace.useCallback((newDate) => {
     if (!isDateControlled) {
       setUncontrolledDate(newDate);
     }
     onDateChange?.(newDate);
   }, [isDateControlled, onDateChange]);
-  const setOpen = React24__namespace.useCallback((newOpen) => {
+  const setOpen = React26__namespace.useCallback((newOpen) => {
     if (!isOpenControlled) {
       setUncontrolledOpen(newOpen);
     }
     onOpenChange?.(newOpen);
   }, [isOpenControlled, onOpenChange]);
-  const contextValue = React24__namespace.useMemo(() => ({
+  const contextValue = React26__namespace.useMemo(() => ({
     date,
     setDate,
     open,
@@ -4205,7 +4722,7 @@ function DatePickerTrigger({
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
-      variant: uikitContracts.ButtonVariant.Outline,
+      variant: "outline" /* Outline */,
       "data-slot": "date-picker-trigger",
       "data-empty": !date,
       className: cn(
@@ -4258,9 +4775,9 @@ function DatePickerInput({
   id
 }) {
   const { date, setDate, setOpen, formatDate } = useDatePickerContext();
-  const [inputValue, setInputValue] = React24__namespace.useState(date ? formatDate(date) : "");
-  const [month, setMonth] = React24__namespace.useState(date);
-  React24__namespace.useEffect(() => {
+  const [inputValue, setInputValue] = React26__namespace.useState(date ? formatDate(date) : "");
+  const [month, setMonth] = React26__namespace.useState(date);
+  React26__namespace.useEffect(() => {
     setInputValue(date ? formatDate(date) : "");
   }, [date, formatDate]);
   const handleInputChange = (e) => {
@@ -4299,7 +4816,7 @@ function DatePickerInput({
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
+        variant: "ghost" /* Ghost */,
         className: "absolute top-1/2 right-2 size-6 -translate-y-1/2 p-0",
         "aria-label": "Select date",
         children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "size-3.5" })
@@ -4327,7 +4844,7 @@ function DatePickerInput({
     )
   ] });
 }
-var Sidebar = React24__namespace.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
+var Sidebar = React26__namespace.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "aside",
     {
@@ -4346,7 +4863,7 @@ var Sidebar = React24__namespace.forwardRef(({ collapsed = false, className, chi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4360,7 +4877,7 @@ var SidebarContent = React24__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenu = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -4370,7 +4887,7 @@ var SidebarMenu = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuItem = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -4402,7 +4919,7 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SidebarMenuButton = React24__namespace.forwardRef(
+var SidebarMenuButton = React26__namespace.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -4428,7 +4945,7 @@ var SidebarMenuButton = React24__namespace.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuIcon = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuIcon = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -4437,7 +4954,7 @@ var SidebarMenuIcon = React24__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SidebarMenuIcon.displayName = "SidebarMenuIcon";
-var SidebarMenuLabel = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuLabel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -4446,7 +4963,7 @@ var SidebarMenuLabel = React24__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 SidebarMenuLabel.displayName = "SidebarMenuLabel";
-var SidebarHeader = React24__namespace.forwardRef(
+var SidebarHeader = React26__namespace.forwardRef(
   ({ logo, logoText, collapsed = false, onClick, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -4469,7 +4986,7 @@ var SidebarHeader = React24__namespace.forwardRef(
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var UserInfo = React24__namespace.default.forwardRef(
+var UserInfo = React26__namespace.default.forwardRef(
   ({ displayName, email, avatarUrl, className, loading }, ref) => {
     const getInitials = () => {
       if (!displayName) return lodash.toUpper(email?.[0] || "") || "?";
@@ -4637,8 +5154,8 @@ var ChatInput = ({
     onAttachFile && /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
-        size: uikitContracts.ButtonSize.Icon,
+        variant: "ghost" /* Ghost */,
+        size: "icon" /* Icon */,
         onClick: onAttachFile,
         disabled,
         className: "flex-shrink-0",
@@ -4697,8 +5214,8 @@ var ThreadList = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Ghost,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "ghost" /* Ghost */,
+            size: "icon" /* Icon */,
             onClick: onNewThread,
             "aria-label": "New chat",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16 })
@@ -4883,18 +5400,6 @@ var applyTheme = (theme, themeName) => {
   }
 };
 
-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, "flexRender", {
   enumerable: true,
   get: function () { return reactTable.flexRender; }
@@ -4919,10 +5424,6 @@ Object.defineProperty(exports, "useReactTable", {
   enumerable: true,
   get: function () { return reactTable.useReactTable; }
 });
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () { return sonner.toast; }
-});
 Object.defineProperty(exports, "Area", {
   enumerable: true,
   get: function () { return recharts.Area; }
@@ -5134,6 +5635,11 @@ exports.BreadcrumbList = BreadcrumbList;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
+exports.ButtonGroupSeparator = ButtonGroupSeparator;
+exports.ButtonGroupText = ButtonGroupText;
+exports.ButtonSize = ButtonSize;
+exports.ButtonVariant = ButtonVariant;
 exports.CLOSE_ICON_ID = CLOSE_ICON_ID;
 exports.Calendar = Calendar;
 exports.CalendarDayButton = CalendarDayButton;
@@ -5162,6 +5668,15 @@ exports.CloseIcon = CloseIcon;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent2;
 exports.CollapsibleTrigger = CollapsibleTrigger2;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
 exports.ContextMenu = ContextMenu;
 exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
 exports.ContextMenuContent = ContextMenuContent;
@@ -5249,6 +5764,7 @@ exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.IconButton = IconButton;
+exports.IconButtonSize = IconButtonSize;
 exports.Input = Input;
 exports.InputGroup = InputGroup;
 exports.InputGroupAddon = InputGroupAddon;
@@ -5270,6 +5786,8 @@ exports.ItemHeader = ItemHeader;
 exports.ItemMedia = ItemMedia;
 exports.ItemSeparator = ItemSeparator;
 exports.ItemTitle = ItemTitle;
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;
 exports.Label = Label;
 exports.MENU_ICON_ID = MENU_ICON_ID;
 exports.MenuIcon = MenuIcon;
@@ -5372,15 +5890,34 @@ exports.TabsTrigger = TabsTrigger;
 exports.Textarea = Textarea;
 exports.ThreadList = ThreadList;
 exports.Toaster = Toaster;
+exports.Toggle = Toggle;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.TypographyBlockquote = TypographyBlockquote;
+exports.TypographyH1 = TypographyH1;
+exports.TypographyH2 = TypographyH2;
+exports.TypographyH3 = TypographyH3;
+exports.TypographyH4 = TypographyH4;
+exports.TypographyInlineCode = TypographyInlineCode;
+exports.TypographyLarge = TypographyLarge;
+exports.TypographyList = TypographyList;
+exports.TypographyMuted = TypographyMuted;
+exports.TypographyP = TypographyP;
+exports.TypographySmall = TypographySmall;
+exports.UiKitComponent = UiKitComponent;
+exports.UiKitIcon = UiKitIcon;
 exports.UserInfo = UserInfo;
 exports.alertVariants = alertVariants;
 exports.applyTheme = applyTheme;
 exports.badgeVariants = badgeVariants;
+exports.buttonGroupVariants = buttonGroupVariants;
 exports.emptyMediaVariants = emptyMediaVariants;
+exports.toggleVariants = toggleVariants;
 exports.useFormField = useFormField;
+exports.useToast = useToast;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map