@agroshine/ags-web-ui-kit 1.0.0

package/dist/ui/index.cjs

@@ -0,0 +1,955 @@
+'use strict';
+
+var chunkERGKCXM2_cjs = require('../chunk-ERGKCXM2.cjs');
+var chunk7R6OXNES_cjs = require('../chunk-7R6OXNES.cjs');
+var chunkX2UJQVZJ_cjs = require('../chunk-X2UJQVZJ.cjs');
+var chunk2KRMLIJQ_cjs = require('../chunk-2KRMLIJQ.cjs');
+var chunk2TBYPKQ3_cjs = require('../chunk-2TBYPKQ3.cjs');
+var chunkA3A7PJWG_cjs = require('../chunk-A3A7PJWG.cjs');
+var React5 = require('react');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var LabelPrimitive = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var reactSlot = require('@radix-ui/react-slot');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = React5__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-3 w-3 text-muted-foreground" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.SubContent,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__namespace.SubContent.displayName;
+var DropdownMenuContent = React5__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: chunkA3A7PJWG_cjs.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__namespace.Content.displayName;
+var DropdownMenuItem = React5__namespace.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = React5__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React5__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx("span", { className: "absolute left-3.5 flex h-1.5 w-1.5 items-center justify-center text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-1.5 w-1.5 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = React5__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.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__namespace.Label.displayName;
+var DropdownMenuSeparator = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    className: chunkA3A7PJWG_cjs.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 = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkA3A7PJWG_cjs.cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive__namespace.Root.displayName;
+var Progress = React5__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ProgressPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.cn("relative h-2 w-full overflow-hidden rounded-full bg-default-200", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive__namespace.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__namespace.useState(false);
+  React5__namespace.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__namespace.createContext(null);
+function useSidebar() {
+  const ctx = React5__namespace.useContext(SidebarContext);
+  if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
+  return ctx;
+}
+var SidebarProvider = React5__namespace.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React5__namespace.useState(false);
+    const [_open, _setOpen] = React5__namespace.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React5__namespace.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__namespace.useCallback(() => {
+      if (isMobile) setOpenMobile((v) => !v);
+      else setOpen(!open);
+    }, [isMobile, open, setOpen]);
+    React5__namespace.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__namespace.useMemo(
+      () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+      [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7R6OXNES_cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx(chunk7R6OXNES_cjs.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7R6OXNES_cjs.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__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ className, onClick, ...props }, ref) => {
+    const { toggleSidebar } = useSidebar();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-sidebar": "trigger",
+        "aria-label": "Toggle sidebar",
+        className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { className: "h-4 w-4" })
+      }
+    );
+  }
+);
+SidebarTrigger.displayName = "SidebarTrigger";
+var SidebarInset = React5__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      ref,
+      className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: chunkA3A7PJWG_cjs.cn("mx-2 my-1 h-px bg-default-200", className),
+      ...props
+    }
+  )
+);
+SidebarSeparator.displayName = "SidebarSeparator";
+var SidebarGroup = React5__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: chunkA3A7PJWG_cjs.cn("relative flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React5__namespace.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "group-label",
+        className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group-content",
+      className: chunkA3A7PJWG_cjs.cn("flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React5__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      ref,
+      "data-sidebar": "menu",
+      className: chunkA3A7PJWG_cjs.cn("flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  )
+);
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React5__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      "data-sidebar": "menu-item",
+      className: chunkA3A7PJWG_cjs.cn("group/menu-item relative", className),
+      ...props
+    }
+  )
+);
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var sidebarMenuButtonVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const { state, isMobile } = useSidebar();
+    const button = /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: chunkA3A7PJWG_cjs.cn(sidebarMenuButtonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) return button;
+    const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunk7R6OXNES_cjs.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunk7R6OXNES_cjs.TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7R6OXNES_cjs.TooltipContent,
+        {
+          side: "right",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltipProps
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarMenuBadge = React5__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-badge",
+      className: chunkA3A7PJWG_cjs.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SliderPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkA3A7PJWG_cjs.cn("relative flex w-full touch-none select-none items-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-default-200", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.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__ */ jsxRuntime.jsx(
+        SliderPrimitive__namespace.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__namespace.Root.displayName;
+var Switch = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitives__namespace.Root,
+  {
+    className: chunkA3A7PJWG_cjs.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__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Thumb,
+      {
+        className: chunkA3A7PJWG_cjs.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__namespace.Root.displayName;
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.AvatarImage; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Badge; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Input; }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "RadioGroupItem", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.RadioGroupItem; }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Separator; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Skeleton; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Textarea; }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.Toggle; }
+});
+Object.defineProperty(exports, "ToggleGroup", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.ToggleGroup; }
+});
+Object.defineProperty(exports, "ToggleGroupItem", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.ToggleGroupItem; }
+});
+Object.defineProperty(exports, "toggleVariants", {
+  enumerable: true,
+  get: function () { return chunkERGKCXM2_cjs.toggleVariants; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.Card; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.CardTitle; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogClose; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogHeader; }
+});
+Object.defineProperty(exports, "DialogOverlay", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogOverlay; }
+});
+Object.defineProperty(exports, "DialogPortal", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogPortal; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.DialogTrigger; }
+});
+Object.defineProperty(exports, "HoverCard", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.HoverCard; }
+});
+Object.defineProperty(exports, "HoverCardContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.HoverCardContent; }
+});
+Object.defineProperty(exports, "HoverCardTrigger", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.HoverCardTrigger; }
+});
+Object.defineProperty(exports, "Sheet", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.Sheet; }
+});
+Object.defineProperty(exports, "SheetClose", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetClose; }
+});
+Object.defineProperty(exports, "SheetContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetContent; }
+});
+Object.defineProperty(exports, "SheetDescription", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetDescription; }
+});
+Object.defineProperty(exports, "SheetFooter", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetFooter; }
+});
+Object.defineProperty(exports, "SheetHeader", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetHeader; }
+});
+Object.defineProperty(exports, "SheetOverlay", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetOverlay; }
+});
+Object.defineProperty(exports, "SheetPortal", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetPortal; }
+});
+Object.defineProperty(exports, "SheetTitle", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetTitle; }
+});
+Object.defineProperty(exports, "SheetTrigger", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.SheetTrigger; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.Tabs; }
+});
+Object.defineProperty(exports, "TabsContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TabsContent; }
+});
+Object.defineProperty(exports, "TabsList", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TabsList; }
+});
+Object.defineProperty(exports, "TabsTrigger", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TabsTrigger; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunk7R6OXNES_cjs.TooltipTrigger; }
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkX2UJQVZJ_cjs.Accordion; }
+});
+Object.defineProperty(exports, "AccordionContent", {
+  enumerable: true,
+  get: function () { return chunkX2UJQVZJ_cjs.AccordionContent; }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkX2UJQVZJ_cjs.AccordionItem; }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () { return chunkX2UJQVZJ_cjs.AccordionTrigger; }
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return chunkX2UJQVZJ_cjs.Calendar; }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () { return chunk2KRMLIJQ_cjs.Popover; }
+});
+Object.defineProperty(exports, "PopoverAnchor", {
+  enumerable: true,
+  get: function () { return chunk2KRMLIJQ_cjs.PopoverAnchor; }
+});
+Object.defineProperty(exports, "PopoverContent", {
+  enumerable: true,
+  get: function () { return chunk2KRMLIJQ_cjs.PopoverContent; }
+});
+Object.defineProperty(exports, "PopoverTrigger", {
+  enumerable: true,
+  get: function () { return chunk2KRMLIJQ_cjs.PopoverTrigger; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk2TBYPKQ3_cjs.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunk2TBYPKQ3_cjs.buttonVariants; }
+});
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Label = Label2;
+exports.Progress = Progress;
+exports.Sidebar = Sidebar;
+exports.SidebarContent = SidebarContent;
+exports.SidebarFooter = SidebarFooter;
+exports.SidebarGroup = SidebarGroup;
+exports.SidebarGroupContent = SidebarGroupContent;
+exports.SidebarGroupLabel = SidebarGroupLabel;
+exports.SidebarHeader = SidebarHeader;
+exports.SidebarInset = SidebarInset;
+exports.SidebarMenu = SidebarMenu;
+exports.SidebarMenuBadge = SidebarMenuBadge;
+exports.SidebarMenuButton = SidebarMenuButton;
+exports.SidebarMenuItem = SidebarMenuItem;
+exports.SidebarProvider = SidebarProvider;
+exports.SidebarSeparator = SidebarSeparator;
+exports.SidebarTrigger = SidebarTrigger;
+exports.Slider = Slider;
+exports.Switch = Switch;
+exports.sidebarMenuButtonVariants = sidebarMenuButtonVariants;
+exports.useSidebar = useSidebar;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map