@c-rex/ui 0.0.11 → 0.0.13

package/dist/sidebar.esm.js

@@ -1,912 +0,0 @@
-"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 _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);
-}
-// src/sidebar.tsx
-import * as React6 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cva as cva3 } from "class-variance-authority";
-import { PanelLeft } from "lucide-react";
-// ../utils/src/classMerge.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn() {
-    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
-        inputs[_key] = arguments[_key];
-    }
-    return twMerge(clsx(inputs));
-}
-// src/hooks/use-mobile.tsx
-import { useEffect, useState } from "react";
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-    var _useState = _sliced_to_array(useState(void 0), 2), isMobile = _useState[0], setIsMobile = _useState[1];
-    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
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = 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 ? Slot : "button";
-    return /* @__PURE__ */ jsx(Comp, _object_spread({
-        className: cn(buttonVariants({
-            variant: variant,
-            size: size,
-            rounded: rounded,
-            className: className
-        })),
-        ref: ref
-    }, props));
-});
-Button.displayName = "Button";
-// src/input.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "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__ */ jsx2("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
-import * as React3 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx3 } from "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__ */ jsx3(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
-import * as React4 from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva2 } from "class-variance-authority";
-import { X } from "lucide-react";
-import { jsx as jsx4, jsxs } from "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__ */ jsx4(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 = cva2("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__ */ jsxs(SheetPortal, {
-        children: [
-            /* @__PURE__ */ jsx4(SheetOverlay, {}),
-            /* @__PURE__ */ jsxs(SheetPrimitive.Content, _object_spread_props(_object_spread({
-                ref: ref,
-                className: cn(sheetVariants({
-                    side: side
-                }), className)
-            }, props), {
-                children: [
-                    /* @__PURE__ */ 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__ */ jsx4(X, {
-                                className: "h-4 w-4"
-                            }),
-                            /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ jsx4("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__ */ jsx4(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__ */ jsx4(SheetPrimitive.Description, _object_spread({
-        ref: ref,
-        className: cn("text-sm text-muted-foreground", className)
-    }, props));
-});
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-// src/skeleton.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Skeleton(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ jsx5("div", _object_spread({
-        className: cn("animate-pulse rounded-md bg-primary/10", className)
-    }, props));
-}
-// src/tooltip.tsx
-import * as React5 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx6 } from "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__ */ jsx6(TooltipPrimitive.Portal, {
-        children: /* @__PURE__ */ jsx6(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
-import { jsx as jsx7, jsxs as jsxs2 } from "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__ */ jsx7(SidebarContext.Provider, {
-        value: contextValue,
-        children: /* @__PURE__ */ jsx7(TooltipProvider, {
-            delayDuration: 0,
-            children: /* @__PURE__ */ jsx7("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__ */ jsx7("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__ */ jsx7(Sheet, _object_spread_props(_object_spread({
-            open: openMobile,
-            onOpenChange: setOpenMobile
-        }, props), {
-            children: /* @__PURE__ */ jsxs2(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__ */ jsxs2(SheetHeader, {
-                        className: "sr-only",
-                        children: [
-                            /* @__PURE__ */ jsx7(SheetTitle, {
-                                children: "Sidebar"
-                            }),
-                            /* @__PURE__ */ jsx7(SheetDescription, {
-                                children: "Displays the mobile sidebar."
-                            })
-                        ]
-                    }),
-                    /* @__PURE__ */ jsx7("div", {
-                        className: "flex h-full w-full flex-col",
-                        children: children
-                    })
-                ]
-            })
-        }));
-    }
-    return /* @__PURE__ */ jsxs2("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__ */ jsx7("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__ */ jsx7("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__ */ jsx7("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__ */ jsxs2(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__ */ jsx7(PanelLeft, {}),
-            /* @__PURE__ */ jsx7("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__ */ jsx7("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__ */ jsx7("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__ */ jsx7(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__ */ jsx7("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__ */ jsx7("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__ */ jsx7(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__ */ jsx7("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__ */ jsx7("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 ? Slot2 : "div";
-    return /* @__PURE__ */ jsx7(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 ? Slot2 : "button";
-    return /* @__PURE__ */ jsx7(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__ */ jsx7("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__ */ jsx7("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__ */ jsx7("li", _object_spread({
-        ref: ref,
-        "data-sidebar": "menu-item",
-        className: cn("group/menu-item relative", className)
-    }, props));
-});
-SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = cva3("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 ? Slot2 : "button";
-    var _useSidebar = useSidebar(), isMobile = _useSidebar.isMobile, state = _useSidebar.state;
-    var button = /* @__PURE__ */ jsx7(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__ */ jsxs2(Tooltip, {
-        children: [
-            /* @__PURE__ */ jsx7(TooltipTrigger, {
-                asChild: true,
-                children: button
-            }),
-            /* @__PURE__ */ jsx7(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 ? Slot2 : "button";
-    return /* @__PURE__ */ jsx7(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__ */ jsx7("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__ */ jsxs2("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__ */ jsx7(Skeleton, {
-                className: "size-4 rounded-md",
-                "data-sidebar": "menu-skeleton-icon"
-            }),
-            /* @__PURE__ */ jsx7(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__ */ jsx7("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__ */ jsx7("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 ? Slot2 : "a";
-    return /* @__PURE__ */ jsx7(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";
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
-//# sourceMappingURL=sidebar.esm.js.map