@mivabyte/ui 26.9.21-2 → 26.10.3

package/dist/components/ui/sidebar.js

@@ -1,4 +1,4 @@
-import * as React7 from 'react';
+import * as React8 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { X, PanelLeft } from 'lucide-react';
@@ -23,7 +23,7 @@ function getServerSnapshot() {
   return false;
 }
 function useIsMobile() {
-  return React7.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return React8.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -33,17 +33,17 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
-        primary: "bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
+        default: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
+        primary: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline: "border border-input bg-surface shadow-surface hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-surface hover:bg-surface-interactive",
+        secondary: "border border-secondary-border bg-secondary text-secondary-foreground shadow-surface hover:bg-secondary-hover",
         accent: "bg-accent-muted text-accent-foreground hover:bg-accent shadow-surface",
         subtle: "bg-accent text-accent-foreground hover:bg-accent-muted",
         inverse: "bg-foreground text-background shadow-sm hover:bg-foreground/90",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         navigation: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-link underline-offset-4 hover:underline"
       },
       size: {
         default: "h-[var(--control-height)] px-4 py-2",
@@ -66,7 +66,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React7.forwardRef(
+var Button = React8.forwardRef(
   ({
     className,
     variant,
@@ -85,7 +85,7 @@ var Button = React7.forwardRef(
     const isDisabled = Boolean(disabled || loading);
     const slotted = asChild || Boolean(render);
     const Comp = slotted ? Slot : "button";
-    const content = render ? React7.cloneElement(
+    const content = render ? React8.cloneElement(
       render,
       void 0,
       children ?? render.props.children
@@ -114,7 +114,7 @@ var Button = React7.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React7.forwardRef(
+var Input = React8.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "input",
@@ -131,7 +131,7 @@ var Input = React7.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Separator = React7.forwardRef(
+var Separator = React8.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -148,33 +148,31 @@ var Separator = React7.forwardRef(
   )
 );
 Separator.displayName = SeparatorPrimitive.Root.displayName;
+function mergeRenderedChild(render, children) {
+  if (!React8.isValidElement(render)) return render;
+  return React8.cloneElement(
+    render,
+    void 0,
+    render.props.children ?? children
+  );
+}
 var Sheet = SheetPrimitive.Root;
-var SheetTrigger = React7.forwardRef(({ render, children, ...props }, ref) => {
+var SheetTrigger = React8.forwardRef(({ render, children, ...props }, ref) => {
   if (render) {
-    const renderedChild = React7.isValidElement(render) ? React7.cloneElement(
-      render,
-      void 0,
-      render.props.children ?? children
-    ) : render;
-    return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { ref, asChild: true, ...props, children: renderedChild });
+    return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { ref, asChild: true, ...props, children: mergeRenderedChild(render, children) });
   }
   return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { ref, ...props, children });
 });
 SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
-var SheetClose = React7.forwardRef(({ render, children, ...props }, ref) => {
+var SheetClose = React8.forwardRef(({ render, children, ...props }, ref) => {
   if (render) {
-    const renderedChild = React7.isValidElement(render) ? React7.cloneElement(
-      render,
-      void 0,
-      render.props.children ?? children
-    ) : render;
-    return /* @__PURE__ */ jsx(SheetPrimitive.Close, { ref, asChild: true, ...props, children: renderedChild });
+    return /* @__PURE__ */ jsx(SheetPrimitive.Close, { ref, asChild: true, ...props, children: mergeRenderedChild(render, children) });
   }
   return /* @__PURE__ */ jsx(SheetPrimitive.Close, { ref, ...props, children });
 });
 SheetClose.displayName = SheetPrimitive.Close.displayName;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -202,7 +200,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React7.forwardRef(
+var SheetContent = React8.forwardRef(
   ({
     side = "right",
     className,
@@ -254,7 +252,7 @@ var SheetHeader = ({
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Title,
   {
     ref,
@@ -263,7 +261,7 @@ var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Description,
   {
     ref,
@@ -287,7 +285,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -306,15 +304,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React7.createContext(null);
+var SidebarContext = React8.createContext(null);
 function useSidebar() {
-  const context = React7.useContext(SidebarContext);
+  const context = React8.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React7.forwardRef(
+var SidebarProvider = React8.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -327,9 +325,9 @@ var SidebarProvider = React7.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React7.useState(false);
-    const triggerRef = React7.useRef(null);
-    const [_open, _setOpen] = React7.useState(() => {
+    const [openMobile, setOpenMobile] = React8.useState(false);
+    const triggerRef = React8.useRef(null);
+    const [_open, _setOpen] = React8.useState(() => {
       if (storageKey && typeof localStorage !== "undefined") {
         const saved = localStorage.getItem(storageKey);
         if (saved !== null) {
@@ -339,7 +337,7 @@ var SidebarProvider = React7.forwardRef(
       return defaultOpen;
     });
     const open = openProp ?? _open;
-    const setOpen = React7.useCallback(
+    const setOpen = React8.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -354,10 +352,10 @@ var SidebarProvider = React7.forwardRef(
       },
       [setOpenProp, open, storageKey]
     );
-    const toggleSidebar = React7.useCallback(() => {
+    const toggleSidebar = React8.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React7.useEffect(() => {
+    React8.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           const target = event.target;
@@ -372,7 +370,7 @@ var SidebarProvider = React7.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React7.useMemo(
+    const contextValue = React8.useMemo(
       () => ({
         state,
         open,
@@ -405,7 +403,7 @@ var SidebarProvider = React7.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React7.forwardRef(
+var Sidebar = React8.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -511,7 +509,7 @@ var Sidebar = React7.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React7.forwardRef(({ className, onClick, label, ...props }, ref) => {
+var SidebarTrigger = React8.forwardRef(({ className, onClick, label, ...props }, ref) => {
   const { toggleSidebar, triggerRef, open, openMobile, isMobile } = useSidebar();
   const isExpanded = isMobile ? openMobile : open;
   const triggerLabel = label ?? props["aria-label"] ?? "Toggle consumer navigation";
@@ -544,7 +542,7 @@ var SidebarTrigger = React7.forwardRef(({ className, onClick, label, ...props },
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React7.forwardRef(({ className, label, ...props }, ref) => {
+var SidebarRail = React8.forwardRef(({ className, label, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   const railLabel = label ?? props["aria-label"] ?? "Toggle Sidebar";
   return /* @__PURE__ */ jsx(
@@ -570,7 +568,7 @@ var SidebarRail = React7.forwardRef(({ className, label, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -585,7 +583,7 @@ var SidebarInset = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarInput = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Input,
     {
@@ -600,7 +598,7 @@ var SidebarInput = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -612,7 +610,7 @@ var SidebarHeader = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -624,7 +622,7 @@ var SidebarFooter = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Separator,
     {
@@ -636,7 +634,7 @@ var SidebarSeparator = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -651,7 +649,7 @@ var SidebarContent = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React7.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React8.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -663,7 +661,7 @@ var SidebarGroup = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React7.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React8.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -680,7 +678,7 @@ var SidebarGroupLabel = React7.forwardRef(({ className, asChild = false, ...prop
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React7.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React8.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -699,7 +697,7 @@ var SidebarGroupAction = React7.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarGroupContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -709,7 +707,7 @@ var SidebarGroupContent = React7.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenu = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -719,7 +717,7 @@ var SidebarMenu = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -749,7 +747,7 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButton = React7.forwardRef(
+var SidebarMenuButton = React8.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -795,7 +793,7 @@ var SidebarMenuButton = React7.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React7.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React8.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -818,7 +816,7 @@ var SidebarMenuAction = React7.forwardRef(({ className, asChild = false, showOnH
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBadge = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -836,8 +834,8 @@ var SidebarMenuBadge = React7.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React7.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React7.useMemo(() => {
+var SidebarMenuSkeleton = React8.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React8.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -870,7 +868,7 @@ var SidebarMenuSkeleton = React7.forwardRef(({ className, showIcon = false, ...p
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuSub = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -884,9 +882,9 @@ var SidebarMenuSub = React7.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React7.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React7.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React8.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,