@c-rex/ui 0.0.10 → 0.0.11

package/dist/sidebar.cjs.js

@@ -0,0 +1,1077 @@
+"use strict";
+"use client";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
+    Sidebar: function() {
+        return Sidebar;
+    },
+    SidebarContent: function() {
+        return SidebarContent;
+    },
+    SidebarFooter: function() {
+        return SidebarFooter;
+    },
+    SidebarGroup: function() {
+        return SidebarGroup;
+    },
+    SidebarGroupAction: function() {
+        return SidebarGroupAction;
+    },
+    SidebarGroupContent: function() {
+        return SidebarGroupContent;
+    },
+    SidebarGroupLabel: function() {
+        return SidebarGroupLabel;
+    },
+    SidebarHeader: function() {
+        return SidebarHeader;
+    },
+    SidebarInput: function() {
+        return SidebarInput;
+    },
+    SidebarInset: function() {
+        return SidebarInset;
+    },
+    SidebarMenu: function() {
+        return SidebarMenu;
+    },
+    SidebarMenuAction: function() {
+        return SidebarMenuAction;
+    },
+    SidebarMenuBadge: function() {
+        return SidebarMenuBadge;
+    },
+    SidebarMenuButton: function() {
+        return SidebarMenuButton;
+    },
+    SidebarMenuItem: function() {
+        return SidebarMenuItem;
+    },
+    SidebarMenuSkeleton: function() {
+        return SidebarMenuSkeleton;
+    },
+    SidebarMenuSub: function() {
+        return SidebarMenuSub;
+    },
+    SidebarMenuSubButton: function() {
+        return SidebarMenuSubButton;
+    },
+    SidebarMenuSubItem: function() {
+        return SidebarMenuSubItem;
+    },
+    SidebarProvider: function() {
+        return SidebarProvider;
+    },
+    SidebarRail: function() {
+        return SidebarRail;
+    },
+    SidebarSeparator: function() {
+        return SidebarSeparator;
+    },
+    SidebarTrigger: function() {
+        return SidebarTrigger;
+    },
+    useSidebar: function() {
+        return useSidebar;
+    }
+});
+module.exports = __toCommonJS(sidebar_exports);
+var React6 = __toESM(require("react"), 1);
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_lucide_react2 = require("lucide-react");
+// ../utils/src/classMerge.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// src/hooks/use-mobile.tsx
+var import_react = require("react");
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    var _ref = _sliced_to_array((0, import_react.useState)(void 0), 2), isMobile = _ref[0], setIsMobile = _ref[1];
+    (0, import_react.useEffect)(function() {
+        var mql = window.matchMedia("(max-width: ".concat(MOBILE_BREAKPOINT - 1, "px)"));
+        var onChange = function() {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return function() {
+            return mql.removeEventListener("change", onChange);
+        };
+    }, []);
+    return !!isMobile;
+}
+// src/button.tsx
+var React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9"
+        },
+        rounded: {
+            default: "rounded-md",
+            sm: "rounded-sm",
+            lg: "rounded-lg",
+            xl: "rounded-xl",
+            "2xl": "rounded-2xl",
+            full: "rounded-full"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        rounded: "default"
+    }
+});
+var Button = React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, rounded = _param.rounded, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "rounded",
+        "asChild"
+    ]);
+    var Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, _object_spread({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            rounded: rounded,
+            className: className
+        })),
+        ref: ref
+    }, props));
+});
+Button.displayName = "Button";
+// src/input.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Input = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
+        "className",
+        "type"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", _object_spread({
+        type: type,
+        className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+        ref: ref
+    }, props));
+});
+Input.displayName = "Input";
+// src/separator.tsx
+var React3 = __toESM(require("react"), 1);
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Separator = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
+        "className",
+        "orientation",
+        "decorative"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SeparatorPrimitive.Root, _object_spread({
+        ref: ref,
+        decorative: decorative,
+        orientation: orientation,
+        className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)
+    }, props));
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+// src/sheet.tsx
+var React4 = __toESM(require("react"), 1);
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Sheet = SheetPrimitive.Root;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SheetPrimitive.Overlay, _object_spread_props(_object_spread({
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+    }, props), {
+        ref: ref
+    }));
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = (0, import_class_variance_authority2.cva)("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", {
+    variants: {
+        side: {
+            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        }
+    },
+    defaultVariants: {
+        side: "right"
+    }
+});
+var SheetContent = React4.forwardRef(function(_param, ref) {
+    var _param_side = _param.side, side = _param_side === void 0 ? "right" : _param_side, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "side",
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SheetPortal, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SheetOverlay, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SheetPrimitive.Content, _object_spread_props(_object_spread({
+                ref: ref,
+                className: cn(sheetVariants({
+                    side: side
+                }), className)
+            }, props), {
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SheetPrimitive.Close, {
+                        className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.X, {
+                                className: "h-4 w-4"
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    }),
+                    children
+                ]
+            }))
+        ]
+    });
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", _object_spread({
+        className: cn("flex flex-col space-y-2 text-center sm:text-left", className)
+    }, props));
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", _object_spread({
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props));
+};
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SheetPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold text-foreground", className)
+    }, props));
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SheetPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+// src/skeleton.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Skeleton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", _object_spread({
+        className: cn("animate-pulse rounded-md bg-primary/10", className)
+    }, props));
+}
+// src/tooltip.tsx
+var React5 = __toESM(require("react"), 1);
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Portal, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Content, _object_spread({
+            ref: ref,
+            sideOffset: sideOffset,
+            className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+        }, props))
+    });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+// src/sidebar.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React6.createContext(null);
+function useSidebar() {
+    var context = React6.useContext(SidebarContext);
+    if (!context) {
+        throw new Error("useSidebar must be used within a SidebarProvider.");
+    }
+    return context;
+}
+var SidebarProvider = React6.forwardRef(function(_param, ref) {
+    var _param_defaultOpen = _param.defaultOpen, defaultOpen = _param_defaultOpen === void 0 ? true : _param_defaultOpen, openProp = _param.open, setOpenProp = _param.onOpenChange, className = _param.className, style = _param.style, children = _param.children, props = _object_without_properties(_param, [
+        "defaultOpen",
+        "open",
+        "onOpenChange",
+        "className",
+        "style",
+        "children"
+    ]);
+    var isMobile = useIsMobile();
+    var _React6_useState = _sliced_to_array(React6.useState(false), 2), openMobile = _React6_useState[0], setOpenMobile = _React6_useState[1];
+    var _React6_useState1 = _sliced_to_array(React6.useState(defaultOpen), 2), _open = _React6_useState1[0], _setOpen = _React6_useState1[1];
+    var open = openProp !== null && openProp !== void 0 ? openProp : _open;
+    var setOpen = React6.useCallback(function(value) {
+        var openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        } else {
+            _setOpen(openState);
+        }
+        document.cookie = "".concat(SIDEBAR_COOKIE_NAME, "=").concat(openState, "; path=/; max-age=").concat(SIDEBAR_COOKIE_MAX_AGE);
+    }, [
+        setOpenProp,
+        open
+    ]);
+    var toggleSidebar = React6.useCallback(function() {
+        return isMobile ? setOpenMobile(function(open2) {
+            return !open2;
+        }) : setOpen(function(open2) {
+            return !open2;
+        });
+    }, [
+        isMobile,
+        setOpen,
+        setOpenMobile
+    ]);
+    React6.useEffect(function() {
+        var handleKeyDown = function(event) {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return function() {
+            return window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [
+        toggleSidebar
+    ]);
+    var state = open ? "expanded" : "collapsed";
+    var contextValue = React6.useMemo(function() {
+        return {
+            state: state,
+            open: open,
+            setOpen: setOpen,
+            isMobile: isMobile,
+            openMobile: openMobile,
+            setOpenMobile: setOpenMobile,
+            toggleSidebar: toggleSidebar
+        };
+    }, [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SidebarContext.Provider, {
+        value: contextValue,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipProvider, {
+            delayDuration: 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread_props(_object_spread({
+                style: _object_spread({
+                    "--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-sidebar", className),
+                ref: ref
+            }, props), {
+                children: children
+            }))
+        })
+    });
+});
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React6.forwardRef(function(_param, ref) {
+    var _param_side = _param.side, side = _param_side === void 0 ? "left" : _param_side, _param_variant = _param.variant, variant = _param_variant === void 0 ? "sidebar" : _param_variant, _param_collapsible = _param.collapsible, collapsible = _param_collapsible === void 0 ? "offcanvas" : _param_collapsible, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "side",
+        "variant",
+        "collapsible",
+        "className",
+        "children"
+    ]);
+    var _useSidebar = useSidebar(), isMobile = _useSidebar.isMobile, state = _useSidebar.state, openMobile = _useSidebar.openMobile, setOpenMobile = _useSidebar.setOpenMobile;
+    if (collapsible === "none") {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread_props(_object_spread({
+            className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
+            ref: ref
+        }, props), {
+            children: children
+        }));
+    }
+    if (isMobile) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Sheet, _object_spread_props(_object_spread({
+            open: openMobile,
+            onOpenChange: setOpenMobile
+        }, props), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(SheetContent, {
+                "data-sidebar": "sidebar",
+                "data-mobile": "true",
+                className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+                style: {
+                    "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+                },
+                side: side,
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(SheetHeader, {
+                        className: "sr-only",
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SheetTitle, {
+                                children: "Sidebar"
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SheetDescription, {
+                                children: "Displays the mobile sidebar."
+                            })
+                        ]
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
+                        className: "flex h-full w-full flex-col",
+                        children: children
+                    })
+                ]
+            })
+        }));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
+        ref: ref,
+        className: "group peer hidden text-sidebar-foreground md:block",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
+                className: cn("relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 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__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread_props(_object_spread({
+                className: cn("fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 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)]", // Adjust the padding for floating and inset variants.
+                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", className)
+            }, props), {
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
+                    "data-sidebar": "sidebar",
+                    className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                    children: children
+                })
+            }))
+        ]
+    });
+});
+Sidebar.displayName = "Sidebar";
+var SidebarTrigger = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, onClick = _param.onClick, props = _object_without_properties(_param, [
+        "className",
+        "onClick"
+    ]);
+    var toggleSidebar = useSidebar().toggleSidebar;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, _object_spread_props(_object_spread({
+        ref: ref,
+        "data-sidebar": "trigger",
+        variant: "ghost",
+        size: "icon",
+        className: cn("h-7 w-7", className),
+        onClick: function(event) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            toggleSidebar();
+        }
+    }, props), {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.PanelLeft, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {
+                className: "sr-only",
+                children: "Toggle Sidebar"
+            })
+        ]
+    }));
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+var SidebarRail = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    var toggleSidebar = useSidebar().toggleSidebar;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", _object_spread({
+        ref: ref,
+        "data-sidebar": "rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: toggleSidebar,
+        title: "Toggle Sidebar",
+        className: cn("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex", "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className)
+    }, props));
+});
+SidebarRail.displayName = "SidebarRail";
+var SidebarInset = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("main", _object_spread({
+        ref: ref,
+        className: cn("relative flex w-full flex-1 flex-col bg-background", "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 SidebarInput = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, _object_spread({
+        ref: ref,
+        "data-sidebar": "input",
+        className: cn("h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring", className)
+    }, props));
+});
+SidebarInput.displayName = "SidebarInput";
+var SidebarHeader = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "header",
+        className: cn("flex flex-col gap-2 p-2", className)
+    }, props));
+});
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarFooter = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "footer",
+        className: cn("flex flex-col gap-2 p-2", className)
+    }, props));
+});
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarSeparator = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, _object_spread({
+        ref: ref,
+        "data-sidebar": "separator",
+        className: cn("mx-2 w-auto bg-sidebar-border", className)
+    }, props));
+});
+SidebarSeparator.displayName = "SidebarSeparator";
+var SidebarContent = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "content",
+        className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className)
+    }, props));
+});
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "group",
+        className: cn("relative flex w-full min-w-0 flex-col p-2", className)
+    }, props));
+});
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "asChild"
+    ]);
+    var Comp = asChild ? import_react_slot2.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, _object_spread({
+        ref: ref,
+        "data-sidebar": "group-label",
+        className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className)
+    }, props));
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarGroupAction = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "asChild"
+    ]);
+    var Comp = asChild ? import_react_slot2.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, _object_spread({
+        ref: ref,
+        "data-sidebar": "group-action",
+        className: cn("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden", "group-data-[collapsible=icon]:hidden", className)
+    }, props));
+});
+SidebarGroupAction.displayName = "SidebarGroupAction";
+var SidebarGroupContent = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "group-content",
+        className: cn("w-full text-sm", className)
+    }, props));
+});
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", _object_spread({
+        ref: ref,
+        "data-sidebar": "menu",
+        className: cn("flex w-full min-w-0 flex-col gap-1", className)
+    }, props));
+});
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-item",
+        className: cn("group/menu-item relative", className)
+    }, props));
+});
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var sidebarMenuButtonVariants = (0, import_class_variance_authority3.cva)("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+            outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+        },
+        size: {
+            default: "text-sm",
+            sm: "text-xs",
+            lg: "text-sm group-data-[collapsible=icon]:!p-0"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var SidebarMenuButton = React6.forwardRef(function(_param, ref) {
+    var _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, tooltip = _param.tooltip, className = _param.className, props = _object_without_properties(_param, [
+        "asChild",
+        "isActive",
+        "variant",
+        "size",
+        "tooltip",
+        "className"
+    ]);
+    var Comp = asChild ? import_react_slot2.Slot : "button";
+    var _useSidebar = useSidebar(), isMobile = _useSidebar.isMobile, state = _useSidebar.state;
+    var button = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(isActive && "font-bold", sidebarMenuButtonVariants({
+            variant: variant,
+            size: size
+        }), className)
+    }, props));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === "string") {
+        tooltip = {
+            children: tooltip
+        };
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, {
+                asChild: true,
+                children: button
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, _object_spread({
+                side: "right",
+                align: "center",
+                hidden: state !== "collapsed" || isMobile
+            }, tooltip))
+        ]
+    });
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarMenuAction = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_showOnHover = _param.showOnHover, showOnHover = _param_showOnHover === void 0 ? false : _param_showOnHover, props = _object_without_properties(_param, [
+        "className",
+        "asChild",
+        "showOnHover"
+    ]);
+    var Comp = asChild ? import_react_slot2.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-action",
+        className: cn("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0", // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0", className)
+    }, props));
+});
+SidebarMenuAction.displayName = "SidebarMenuAction";
+var SidebarMenuBadge = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-badge",
+        className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className)
+    }, props));
+});
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+var SidebarMenuSkeleton = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_showIcon = _param.showIcon, showIcon = _param_showIcon === void 0 ? false : _param_showIcon, props = _object_without_properties(_param, [
+        "className",
+        "showIcon"
+    ]);
+    var width = React6.useMemo(function() {
+        return "".concat(Math.floor(Math.random() * 40) + 50, "%");
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", _object_spread_props(_object_spread({
+        ref: ref,
+        "data-sidebar": "menu-skeleton",
+        className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
+    }, props), {
+        children: [
+            showIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, {
+                className: "size-4 rounded-md",
+                "data-sidebar": "menu-skeleton-icon"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, {
+                className: "h-4 max-w-[--skeleton-width] flex-1",
+                "data-sidebar": "menu-skeleton-text",
+                style: {
+                    "--skeleton-width": width
+                }
+            })
+        ]
+    }));
+});
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+var SidebarMenuSub = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-sub",
+        className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className)
+    }, props));
+});
+SidebarMenuSub.displayName = "SidebarMenuSub";
+var SidebarMenuSubItem = React6.forwardRef(function(_param, ref) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", _object_spread({
+        ref: ref
+    }, props));
+});
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+var SidebarMenuSubButton = React6.forwardRef(function(_param, ref) {
+    var _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_size = _param.size, size = _param_size === void 0 ? "md" : _param_size, isActive = _param.isActive, className = _param.className, props = _object_without_properties(_param, [
+        "asChild",
+        "size",
+        "isActive",
+        "className"
+    ]);
+    var Comp = asChild ? import_react_slot2.Slot : "a";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, _object_spread({
+        ref: ref,
+        "data-sidebar": "menu-sub-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn("flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", isActive && "font-bold", "group-data-[collapsible=icon]:hidden", className)
+    }, props));
+});
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    Sidebar: Sidebar,
+    SidebarContent: SidebarContent,
+    SidebarFooter: SidebarFooter,
+    SidebarGroup: SidebarGroup,
+    SidebarGroupAction: SidebarGroupAction,
+    SidebarGroupContent: SidebarGroupContent,
+    SidebarGroupLabel: SidebarGroupLabel,
+    SidebarHeader: SidebarHeader,
+    SidebarInput: SidebarInput,
+    SidebarInset: SidebarInset,
+    SidebarMenu: SidebarMenu,
+    SidebarMenuAction: SidebarMenuAction,
+    SidebarMenuBadge: SidebarMenuBadge,
+    SidebarMenuButton: SidebarMenuButton,
+    SidebarMenuItem: SidebarMenuItem,
+    SidebarMenuSkeleton: SidebarMenuSkeleton,
+    SidebarMenuSub: SidebarMenuSub,
+    SidebarMenuSubButton: SidebarMenuSubButton,
+    SidebarMenuSubItem: SidebarMenuSubItem,
+    SidebarProvider: SidebarProvider,
+    SidebarRail: SidebarRail,
+    SidebarSeparator: SidebarSeparator,
+    SidebarTrigger: SidebarTrigger,
+    useSidebar: useSidebar
+});
+//# sourceMappingURL=sidebar.cjs.js.map