@j3m-quantum/ui 0.7.10 → 0.7.12

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React8 = require('react');
+var React7 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -15,7 +15,6 @@ var SliderPrimitive = require('@radix-ui/react-slider');
 var SelectPrimitive = require('@radix-ui/react-select');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
-var inputOtp = require('input-otp');
 var reactHookForm = require('react-hook-form');
 var LabelPrimitive = require('@radix-ui/react-label');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -62,7 +61,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React8__namespace = /*#__PURE__*/_interopNamespace(React8);
+var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -95,8 +94,8 @@ var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrim
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8__namespace.useState(void 0);
-  React8__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React7__namespace.useState(void 0);
+  React7__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -137,7 +136,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React8__namespace.forwardRef(
+var Button = React7__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -501,7 +500,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React8__namespace.useMemo(
+  const _values = React7__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -716,7 +715,7 @@ function NativeSelect({ className, ...props }) {
           {
             "data-slot": "native-select",
             className: cn(
-              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
+              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground bg-background dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-full border pl-4 py-2 pr-8 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
               "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
               "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
               className
@@ -727,7 +726,7 @@ function NativeSelect({ className, ...props }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           lucideReact.ChevronDownIcon,
           {
-            className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
+            className: "text-muted-foreground pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 opacity-50 select-none",
             "aria-hidden": "true",
             "data-slot": "native-select-icon"
           }
@@ -753,7 +752,7 @@ function NativeSelectOptGroup({
   );
 }
 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",
+  "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-primary data-[state=on]:text-primary-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: {
@@ -787,7 +786,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React8__namespace.createContext({
+var ToggleGroupContext = React7__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -824,7 +823,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React8__namespace.useContext(ToggleGroupContext);
+  const context = React7__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -846,61 +845,6 @@ function ToggleGroupItem({
     }
   );
 }
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    inputOtp.OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}) {
-  const inputOTPContext = React8__namespace.useContext(inputOtp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
-      className: cn(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, {}) });
-}
 function Label2({
   className,
   ...props
@@ -918,7 +862,7 @@ function Label2({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React8__namespace.createContext(
+var FormFieldContext = React7__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -927,8 +871,8 @@ var FormField = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React8__namespace.useContext(FormFieldContext);
-  const itemContext = React8__namespace.useContext(FormItemContext);
+  const fieldContext = React7__namespace.useContext(FormFieldContext);
+  const itemContext = React7__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -945,11 +889,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React8__namespace.createContext(
+var FormItemContext = React7__namespace.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React8__namespace.useId();
+  const id = React7__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1197,7 +1141,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React8.useMemo(() => {
+  const content = React7.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1419,7 +1363,7 @@ var badgeVariants = classVarianceAuthority.cva(
         default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
         destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+        outline: "bg-background text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
     defaultVariants: {
@@ -1615,7 +1559,6 @@ function Calendar({
   classNames,
   showOutsideDays = true,
   captionLayout = "label",
-  buttonVariant = "ghost",
   formatters,
   components,
   ...props
@@ -1626,7 +1569,7 @@ function Calendar({
     {
       showOutsideDays,
       className: cn(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "bg-card group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
@@ -1648,13 +1591,11 @@ function Calendar({
           defaultClassNames.nav
         ),
         button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
           defaultClassNames.button_previous
         ),
         button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
           defaultClassNames.button_next
         ),
         month_caption: cn(
@@ -1705,7 +1646,7 @@ function Calendar({
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
         range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
         today: cn(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          "rounded-full [&_button]:ring-2 [&_button]:ring-primary/50",
           defaultClassNames.today
         ),
         outside: cn(
@@ -1762,34 +1703,31 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React8__namespace.useRef(null);
-  React8__namespace.useEffect(() => {
+  const ref = React7__namespace.useRef(null);
+  React7__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
+    "button",
     {
       ref,
-      variant: "ghost",
-      size: "icon",
+      type: "button",
       "data-day": day.date.toLocaleDateString(),
       "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       className: cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
+        "rounded-full hover:bg-muted/50 transition-colors data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent/50 data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:ring-ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) items-center justify-center leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
         className
       ),
       ...props
     }
   );
 }
-var CarouselContext = React8__namespace.createContext(null);
+var CarouselContext = React7__namespace.createContext(null);
 function useCarousel() {
-  const context = React8__namespace.useContext(CarouselContext);
+  const context = React7__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1811,20 +1749,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React8__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React8__namespace.useState(false);
-  const onSelect = React8__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React7__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React7__namespace.useState(false);
+  const onSelect = React7__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React8__namespace.useCallback(() => {
+  const scrollPrev = React7__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React8__namespace.useCallback(() => {
+  const scrollNext = React7__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React8__namespace.useCallback(
+  const handleKeyDown = React7__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1836,11 +1774,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React8__namespace.useEffect(() => {
+  React7__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React8__namespace.useEffect(() => {
+  React7__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1973,9 +1911,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React8__namespace.createContext(null);
+var ChartContext = React7__namespace.createContext(null);
 function useChart() {
-  const context = React8__namespace.useContext(ChartContext);
+  const context = React7__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1988,7 +1926,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React8__namespace.useId();
+  const uniqueId = React7__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2049,7 +1987,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React8__namespace.useMemo(() => {
+  const tooltipLabel = React7__namespace.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -2772,16 +2710,16 @@ var M = (e, i, s, u, m, a, l, h) => {
   } catch (n) {
   }
 };
-var x = React8__namespace.createContext(void 0);
+var x = React7__namespace.createContext(void 0);
 var U = { setTheme: (e) => {
 }, themes: [] };
 var z = () => {
   var e;
-  return (e = React8__namespace.useContext(x)) != null ? e : U;
+  return (e = React7__namespace.useContext(x)) != null ? e : U;
 };
-React8__namespace.memo(({ forcedTheme: e, storageKey: i, attribute: s, enableSystem: u, enableColorScheme: m, defaultTheme: a, value: l, themes: h, nonce: d, scriptProps: w }) => {
+React7__namespace.memo(({ forcedTheme: e, storageKey: i, attribute: s, enableSystem: u, enableColorScheme: m, defaultTheme: a, value: l, themes: h, nonce: d, scriptProps: w }) => {
   let p = JSON.stringify([s, i, a, e, h, l, u, m]).slice(1, -1);
-  return React8__namespace.createElement("script", { ...w, suppressHydrationWarning: true, nonce: typeof window == "undefined" ? d : "", dangerouslySetInnerHTML: { __html: `(${M.toString()})(${p})` } });
+  return React7__namespace.createElement("script", { ...w, suppressHydrationWarning: true, nonce: typeof window == "undefined" ? d : "", dangerouslySetInnerHTML: { __html: `(${M.toString()})(${p})` } });
 });
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = z();
@@ -4266,7 +4204,7 @@ function SheetHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
+      className: cn("flex flex-col gap-1.5 px-6 py-4", className),
       ...props
     }
   );
@@ -4276,7 +4214,7 @@ function SheetFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: cn("mt-auto flex flex-col gap-2 px-6 py-4", className),
       ...props
     }
   );
@@ -4307,6 +4245,16 @@ function SheetDescription({
     }
   );
 }
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn("flex-1 px-6 py-4", className),
+      ...props
+    }
+  );
+}
 function Popover({
   ...props
 }) {
@@ -4431,12 +4379,14 @@ function Collapsible({
   return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger2({
+  className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     CollapsiblePrimitive__namespace.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
+      className: cn(className),
       ...props
     }
   );
@@ -4502,9 +4452,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React8__namespace.createContext(null);
+var SidebarContext = React7__namespace.createContext(null);
 function useSidebar() {
-  const context = React8__namespace.useContext(SidebarContext);
+  const context = React7__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4520,10 +4470,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React8__namespace.useState(false);
-  const [_open, _setOpen] = React8__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React7__namespace.useState(false);
+  const [_open, _setOpen] = React7__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React8__namespace.useCallback(
+  const setOpen = React7__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4535,10 +4485,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React8__namespace.useCallback(() => {
+  const toggleSidebar = React7__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React8__namespace.useEffect(() => {
+  React7__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4549,7 +4499,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React8__namespace.useMemo(
+  const contextValue = React7__namespace.useMemo(
     () => ({
       state,
       open,
@@ -5007,7 +4957,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React8__namespace.useMemo(() => {
+  const width = React7__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5151,7 +5101,7 @@ var sectionVariants = classVarianceAuthority.cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React8__namespace.forwardRef(
+var Section = React7__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -5163,7 +5113,7 @@ var Section = React8__namespace.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React8__namespace.forwardRef(
+var SectionHeader = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5178,7 +5128,7 @@ var SectionHeader = React8__namespace.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React8__namespace.forwardRef(
+var SectionTitle = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h2",
     {
@@ -5192,7 +5142,7 @@ var SectionTitle = React8__namespace.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React8__namespace.forwardRef(
+var SectionDescription = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -5206,7 +5156,7 @@ var SectionDescription = React8__namespace.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React8__namespace.forwardRef(
+var SectionContent = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5220,7 +5170,7 @@ var SectionContent = React8__namespace.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React8__namespace.forwardRef(
+var SectionFooter = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5386,10 +5336,6 @@ exports.InputGroupButton = InputGroupButton;
 exports.InputGroupInput = InputGroupInput;
 exports.InputGroupText = InputGroupText;
 exports.InputGroupTextarea = InputGroupTextarea;
-exports.InputOTP = InputOTP;
-exports.InputOTPGroup = InputOTPGroup;
-exports.InputOTPSeparator = InputOTPSeparator;
-exports.InputOTPSlot = InputOTPSlot;
 exports.Item = Item5;
 exports.ItemActions = ItemActions;
 exports.ItemContent = ItemContent;
@@ -5467,6 +5413,7 @@ exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
+exports.SheetBody = SheetBody;
 exports.SheetClose = SheetClose;
 exports.SheetContent = SheetContent;
 exports.SheetDescription = SheetDescription;