@mivabyte/ui 26.9.21 → 26.10.3

package/dist/components/ui/sidebar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React7 = require('react');
+var React8 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
+var React8__namespace = /*#__PURE__*/_interopNamespace(React8);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
@@ -48,7 +48,7 @@ function getServerSnapshot() {
   return false;
 }
 function useIsMobile() {
-  return React7__namespace.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return React8__namespace.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -58,17 +58,17 @@ var buttonVariants = classVarianceAuthority.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",
@@ -91,7 +91,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React7__namespace.forwardRef(
+var Button = React8__namespace.forwardRef(
   ({
     className,
     variant,
@@ -110,7 +110,7 @@ var Button = React7__namespace.forwardRef(
     const isDisabled = Boolean(disabled || loading);
     const slotted = asChild || Boolean(render);
     const Comp = slotted ? reactSlot.Slot : "button";
-    const content = render ? React7__namespace.cloneElement(
+    const content = render ? React8__namespace.cloneElement(
       render,
       void 0,
       children ?? render.props.children
@@ -139,7 +139,7 @@ var Button = React7__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React7__namespace.forwardRef(
+var Input = React8__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -156,7 +156,7 @@ var Input = React7__namespace.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Separator = React7__namespace.forwardRef(
+var Separator = React8__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
@@ -173,33 +173,31 @@ var Separator = React7__namespace.forwardRef(
   )
 );
 Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+function mergeRenderedChild(render, children) {
+  if (!React8__namespace.isValidElement(render)) return render;
+  return React8__namespace.cloneElement(
+    render,
+    void 0,
+    render.props.children ?? children
+  );
+}
 var Sheet = SheetPrimitive__namespace.Root;
-var SheetTrigger = React7__namespace.forwardRef(({ render, children, ...props }, ref) => {
+var SheetTrigger = React8__namespace.forwardRef(({ render, children, ...props }, ref) => {
   if (render) {
-    const renderedChild = React7__namespace.isValidElement(render) ? React7__namespace.cloneElement(
-      render,
-      void 0,
-      render.props.children ?? children
-    ) : render;
-    return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { ref, asChild: true, ...props, children: renderedChild });
+    return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { ref, asChild: true, ...props, children: mergeRenderedChild(render, children) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { ref, ...props, children });
 });
 SheetTrigger.displayName = SheetPrimitive__namespace.Trigger.displayName;
-var SheetClose = React7__namespace.forwardRef(({ render, children, ...props }, ref) => {
+var SheetClose = React8__namespace.forwardRef(({ render, children, ...props }, ref) => {
   if (render) {
-    const renderedChild = React7__namespace.isValidElement(render) ? React7__namespace.cloneElement(
-      render,
-      void 0,
-      render.props.children ?? children
-    ) : render;
-    return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { ref, asChild: true, ...props, children: renderedChild });
+    return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { ref, asChild: true, ...props, children: mergeRenderedChild(render, children) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { ref, ...props, children });
 });
 SheetClose.displayName = SheetPrimitive__namespace.Close.displayName;
 var SheetPortal = SheetPrimitive__namespace.Portal;
-var SheetOverlay = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -227,7 +225,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React7__namespace.forwardRef(
+var SheetContent = React8__namespace.forwardRef(
   ({
     side = "right",
     className,
@@ -279,7 +277,7 @@ var SheetHeader = ({
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Title,
   {
     ref,
@@ -288,7 +286,7 @@ var SheetTitle = React7__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var SheetDescription = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Description,
   {
     ref,
@@ -312,7 +310,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React7__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React8__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -331,15 +329,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React7__namespace.createContext(null);
+var SidebarContext = React8__namespace.createContext(null);
 function useSidebar() {
-  const context = React7__namespace.useContext(SidebarContext);
+  const context = React8__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React7__namespace.forwardRef(
+var SidebarProvider = React8__namespace.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -352,9 +350,9 @@ var SidebarProvider = React7__namespace.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React7__namespace.useState(false);
-    const triggerRef = React7__namespace.useRef(null);
-    const [_open, _setOpen] = React7__namespace.useState(() => {
+    const [openMobile, setOpenMobile] = React8__namespace.useState(false);
+    const triggerRef = React8__namespace.useRef(null);
+    const [_open, _setOpen] = React8__namespace.useState(() => {
       if (storageKey && typeof localStorage !== "undefined") {
         const saved = localStorage.getItem(storageKey);
         if (saved !== null) {
@@ -364,7 +362,7 @@ var SidebarProvider = React7__namespace.forwardRef(
       return defaultOpen;
     });
     const open = openProp ?? _open;
-    const setOpen = React7__namespace.useCallback(
+    const setOpen = React8__namespace.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -379,10 +377,10 @@ var SidebarProvider = React7__namespace.forwardRef(
       },
       [setOpenProp, open, storageKey]
     );
-    const toggleSidebar = React7__namespace.useCallback(() => {
+    const toggleSidebar = React8__namespace.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React7__namespace.useEffect(() => {
+    React8__namespace.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           const target = event.target;
@@ -397,7 +395,7 @@ var SidebarProvider = React7__namespace.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React7__namespace.useMemo(
+    const contextValue = React8__namespace.useMemo(
       () => ({
         state,
         open,
@@ -430,7 +428,7 @@ var SidebarProvider = React7__namespace.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React7__namespace.forwardRef(
+var Sidebar = React8__namespace.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -536,7 +534,7 @@ var Sidebar = React7__namespace.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React7__namespace.forwardRef(({ className, onClick, label, ...props }, ref) => {
+var SidebarTrigger = React8__namespace.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";
@@ -569,7 +567,7 @@ var SidebarTrigger = React7__namespace.forwardRef(({ className, onClick, label,
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React7__namespace.forwardRef(({ className, label, ...props }, ref) => {
+var SidebarRail = React8__namespace.forwardRef(({ className, label, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   const railLabel = label ?? props["aria-label"] ?? "Toggle Sidebar";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -595,7 +593,7 @@ var SidebarRail = React7__namespace.forwardRef(({ className, label, ...props },
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "main",
     {
@@ -610,7 +608,7 @@ var SidebarInset = React7__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarInput = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
@@ -625,7 +623,7 @@ var SidebarInput = React7__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -637,7 +635,7 @@ var SidebarHeader = React7__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -649,7 +647,7 @@ var SidebarFooter = React7__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Separator,
     {
@@ -661,7 +659,7 @@ var SidebarSeparator = React7__namespace.forwardRef(({ className, ...props }, re
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -676,7 +674,7 @@ var SidebarContent = React7__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -688,7 +686,7 @@ var SidebarGroup = React7__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React7__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React8__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -705,7 +703,7 @@ var SidebarGroupLabel = React7__namespace.forwardRef(({ className, asChild = fal
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React7__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React8__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -724,7 +722,7 @@ var SidebarGroupAction = React7__namespace.forwardRef(({ className, asChild = fa
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarGroupContent = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -734,7 +732,7 @@ var SidebarGroupContent = React7__namespace.forwardRef(({ className, ...props },
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenu = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -744,7 +742,7 @@ var SidebarMenu = React7__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuItem = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -774,7 +772,7 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SidebarMenuButton = React7__namespace.forwardRef(
+var SidebarMenuButton = React8__namespace.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -820,7 +818,7 @@ var SidebarMenuButton = React7__namespace.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React7__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React8__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -843,7 +841,7 @@ var SidebarMenuAction = React7__namespace.forwardRef(({ className, asChild = fal
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuBadge = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -861,8 +859,8 @@ var SidebarMenuBadge = React7__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React7__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React7__namespace.useMemo(() => {
+var SidebarMenuSkeleton = React8__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React8__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -895,7 +893,7 @@ var SidebarMenuSkeleton = React7__namespace.forwardRef(({ className, showIcon =
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuSub = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -909,9 +907,9 @@ var SidebarMenuSub = React7__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React7__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React7__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React8__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,