@agroshine/ags-web-ui-kit 1.0.0

package/dist/ui/index.js

@@ -0,0 +1,642 @@
+export { Avatar, AvatarFallback, AvatarImage, Badge, Checkbox, Input, RadioGroup, RadioGroupItem, Separator, Skeleton, Textarea, Toggle, ToggleGroup, ToggleGroupItem, toggleVariants } from '../chunk-KINOE57L.js';
+import { TooltipProvider, Sheet, SheetContent, Tooltip, TooltipTrigger, TooltipContent } from '../chunk-6LUGTNMH.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../chunk-6LUGTNMH.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Calendar } from '../chunk-6O2IDBTX.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../chunk-6YUNWKT3.js';
+export { Button, buttonVariants } from '../chunk-XCYSBWV4.js';
+import { cn } from '../chunk-MOED3QPY.js';
+import * as React5 from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRight, Check, Circle, PanelLeft } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { Slot } from '@radix-ui/react-slot';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2.5 py-1.5 text-[13.5px] text-foreground outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-3 w-3 text-muted-foreground" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      // Canon Components.html `.dmenu` → border-radius 6px (rounded-md), min-w 220, p-1, shadow-md
+      "z-50 min-w-[220px] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      // Canon Components.html `.dmenu` → border-radius 6px (rounded-md), min-w 220, p-1, shadow-md
+      "z-50 min-w-[220px] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React5.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      // Canon `.dmenu-item` → padding 6px 10px, radius 4px (rounded-sm), font 13.5px
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2.5 py-1.5 text-[13.5px] text-foreground outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      variant === "danger" && "text-destructive focus:bg-destructive/[0.08] focus:text-destructive",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      // Canon `.dmenu-item:has(.check-mark)` → pl-8 (32px), resto igual a item
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2.5 text-[13.5px] text-foreground outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center text-primary", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      // Canon `.dmenu-item.radio-item` → pl-8, dot 6px primary
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2.5 text-[13.5px] text-foreground outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-3.5 flex h-1.5 w-1.5 items-center justify-center text-primary", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-1.5 w-1.5 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      // Canon `.dmenu-label` → px-2 py-1.5 text-[13px] font-semibold text-foreground
+      "px-2 py-1.5 text-[13px] font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn(
+      "ml-auto inline-flex items-center gap-1",
+      // Estilo kbd: chip border-border bg-muted rounded-sm 3px, mono, 10.5px
+      "[&_kbd]:inline-block [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:border-border [&_kbd]:bg-muted",
+      "[&_kbd]:px-1.5 [&_kbd]:py-px [&_kbd]:min-w-[18px] [&_kbd]:text-center",
+      "[&_kbd]:font-mono [&_kbd]:text-[10.5px] [&_kbd]:font-medium [&_kbd]:leading-tight [&_kbd]:text-muted-foreground",
+      // Fallback (string plano) — mantiene look shadcn legacy
+      "[&:not(:has(kbd))]:text-xs [&:not(:has(kbd))]:tracking-widest [&:not(:has(kbd))]:opacity-60",
+      className
+    ),
+    ...props
+  }
+);
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive.Root.displayName;
+var Progress = React5.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-default-200", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+var SIDEBAR_COOKIE_NAME = "sidebar:state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "15rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3.5rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SIDEBAR_MOBILE_BREAKPOINT = 768;
+function useIsMobile(breakpoint = SIDEBAR_MOBILE_BREAKPOINT) {
+  const [isMobile, setIsMobile] = React5.useState(false);
+  React5.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const onChange = () => setIsMobile(window.innerWidth < breakpoint);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+var SidebarContext = React5.createContext(null);
+function useSidebar() {
+  const ctx = React5.useContext(SidebarContext);
+  if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
+  return ctx;
+}
+var SidebarProvider = React5.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React5.useState(false);
+    const [_open, _setOpen] = React5.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React5.useCallback(
+      (value) => {
+        if (setOpenProp) setOpenProp(value);
+        else _setOpen(value);
+        if (typeof document !== "undefined") {
+          document.cookie = `${SIDEBAR_COOKIE_NAME}=${value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+        }
+      },
+      [setOpenProp]
+    );
+    const toggleSidebar = React5.useCallback(() => {
+      if (isMobile) setOpenMobile((v) => !v);
+      else setOpen(!open);
+    }, [isMobile, open, setOpen]);
+    React5.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          toggleSidebar();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state = open ? "expanded" : "collapsed";
+    const ctx = React5.useMemo(
+      () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+      [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+    );
+    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-default-100",
+          className
+        ),
+        ...props,
+        children
+      }
+    ) }) });
+  }
+);
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React5.forwardRef(
+  ({
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex h-full w-[--sidebar-width] flex-col border-r border-default-200 bg-default-50 text-default-900",
+            className
+          ),
+          ...props,
+          children
+        }
+      );
+    }
+    if (isMobile) {
+      return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx(
+        SheetContent,
+        {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          side,
+          hideCloseButton: true,
+          className: "w-[--sidebar-width] bg-default-50 p-0 text-default-900 [&>button]:hidden",
+          style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+          children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "group peer hidden text-default-900 md:block",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
+                side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l border-default-200",
+                className
+              ),
+              ...props,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "flex h-full w-full flex-col bg-default-50 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-default-200",
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarTrigger = React5.forwardRef(
+  ({ className, onClick, ...props }, ref) => {
+    const { toggleSidebar } = useSidebar();
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-sidebar": "trigger",
+        "aria-label": "Toggle sidebar",
+        className: cn(
+          "inline-flex h-8 w-8 items-center justify-center rounded-md text-default-700 hover:bg-default-100 hover:text-default-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+          className
+        ),
+        onClick: (e) => {
+          onClick?.(e);
+          toggleSidebar();
+        },
+        ...props,
+        children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" })
+      }
+    );
+  }
+);
+SidebarTrigger.displayName = "SidebarTrigger";
+var SidebarInset = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "main",
+    {
+      ref,
+      className: cn(
+        "relative flex min-h-svh flex-1 flex-col bg-default-50",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarInset.displayName = "SidebarInset";
+var SidebarHeader = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn(
+        "flex items-center gap-3 border-b border-default-200 px-4 py-4 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarContent = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto py-2 group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarContent.displayName = "SidebarContent";
+var SidebarFooter = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn(
+        "border-t border-default-200 px-4 py-3 text-sm text-default-700 group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:text-center",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarSeparator = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn("mx-2 my-1 h-px bg-default-200", className),
+      ...props
+    }
+  )
+);
+SidebarSeparator.displayName = "SidebarSeparator";
+var SidebarGroup = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React5.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "group-label",
+        className: cn(
+          "px-4 pt-4 pb-1 text-[11px] font-semibold uppercase tracking-wider text-default-600",
+          "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarGroupContent = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group-content",
+      className: cn("flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      "data-sidebar": "menu",
+      className: cn("flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "li",
+    {
+      ref,
+      "data-sidebar": "menu-item",
+      className: cn("group/menu-item relative", className),
+      ...props
+    }
+  )
+);
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var sidebarMenuButtonVariants = cva(
+  [
+    "group/menu-button peer/menu-button relative flex w-full items-center gap-3 overflow-hidden border-l-2 border-transparent px-4 py-2 text-left text-sm font-medium outline-none transition-colors",
+    "focus-visible:ring-2 focus-visible:ring-primary-500",
+    "data-[active=true]:bg-primary-50 data-[active=true]:text-primary-700 data-[active=true]:border-l-primary-500",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40",
+    "group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!p-0 group-data-[collapsible=icon]:border-l-0",
+    "[&>svg]:size-4 [&>svg]:shrink-0"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        default: "text-default-800 hover:bg-default-100 hover:text-default-900",
+        ghost: "text-default-700 hover:bg-default-100"
+      },
+      size: {
+        default: "h-9 text-sm",
+        sm: "h-8 text-xs",
+        lg: "h-11 text-sm"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var SidebarMenuButton = React5.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const { state, isMobile } = useSidebar();
+    const button = /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) return button;
+    const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx(
+        TooltipContent,
+        {
+          side: "right",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltipProps
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarMenuBadge = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-badge",
+      className: cn(
+        "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 inline-flex min-w-5 select-none items-center justify-center rounded-full bg-secondary-100 px-1.5 py-0.5 text-[10px] font-semibold text-secondary-700",
+        "peer-data-[active=true]/menu-button:bg-white peer-data-[active=true]/menu-button:text-primary-700",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+var Slider = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex w-full touch-none select-none items-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-default-200", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      Array.from({
+        length: Array.isArray(props.value) && props.value.length || Array.isArray(props.defaultValue) && props.defaultValue.length || 1
+      }).map((_, i) => /* @__PURE__ */ jsx(
+        SliderPrimitive.Thumb,
+        {
+          className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        },
+        i
+      ))
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=unchecked]:bg-default-200",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Label2 as Label, Progress, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarSeparator, SidebarTrigger, Slider, Switch, sidebarMenuButtonVariants, useSidebar };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map