@lerianstudio/sindarian-ui 1.0.0-beta.20 → 1.0.0-beta.22

package/dist/components/ui/sidebar/index.d.ts

@@ -6,4 +6,5 @@ export * from './sidebar-item';
 export * from './sidebar-expand-button';
 export * from './sidebar-back-button';
 export * from './sidebar-provider';
+export * from './sidebar-item-collapsible';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA"}

package/dist/components/ui/sidebar/index.js

@@ -22,3 +22,4 @@ __exportStar(require("./sidebar-item"), exports);
 __exportStar(require("./sidebar-expand-button"), exports);
 __exportStar(require("./sidebar-back-button"), exports);
 __exportStar(require("./sidebar-provider"), exports);
+__exportStar(require("./sidebar-item-collapsible"), exports);

package/dist/components/ui/sidebar/sidebar-components.js

@@ -9,7 +9,7 @@ const SidebarHeader = ({ className, collapsed, ...props }) => ((0, jsx_runtime_1
 exports.SidebarHeader = SidebarHeader;
 const SidebarContent = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-content", className: (0, utils_1.cn)('group flex flex-1 flex-col gap-4 overflow-hidden bg-white px-4 pt-4 transition-all duration-300 ease-in-out', 'group-data-[collapsed=true]/sidebar:items-center group-data-[collapsed=true]/sidebar:px-2', className), ...props }));
 exports.SidebarContent = SidebarContent;
-const SidebarGroup = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-group", className: (0, utils_1.cn)('grid gap-1', 'group-data[collapsed=true]/sidebar:justify-center', className), ...props }));
+const SidebarGroup = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-group", className: (0, utils_1.cn)('flex flex-col gap-1', 'group-data-[collapsed=true]/sidebar:items-center', className), ...props }));
 exports.SidebarGroup = SidebarGroup;
 const SidebarGroupTitle = ({ children }) => {
     const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();

package/dist/components/ui/sidebar/sidebar-item-button.d.ts

@@ -5,7 +5,8 @@ export type SidebarItemButtonProps = React.ComponentProps<typeof Link> & {
     title: string;
     icon?: React.ReactNode;
     active?: boolean;
+    inactive?: boolean;
     disabled?: boolean;
 };
-export declare function SidebarItemButton({ className, title, icon, href, active, disabled, ...props }: SidebarItemButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarItemButton({ className, title, icon, href, active, inactive, disabled, ...props }: SidebarItemButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar-item-button.d.ts.map

package/dist/components/ui/sidebar/sidebar-item-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAI5B,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA2CxB"}
+{"version":3,"file":"sidebar-item-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAI5B,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA4CxB"}

package/dist/components/ui/sidebar/sidebar-item-button.js

@@ -9,14 +9,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const button_1 = require("../../ui/button");
 const utils_1 = require("../../../lib/utils");
-function SidebarItemButton({ className, title, icon, href, active, disabled = false, ...props }) {
+function SidebarItemButton({ className, title, icon, href, active, inactive, disabled = false, ...props }) {
     const sharedClassName = (0, utils_1.cn)((0, button_1.buttonVariants)({
         variant: active ? 'tertiary' : 'outline',
         fullWidth: true,
         size: 'small'
-    }), 'group/link flex items-center justify-start', disabled && 'cursor-default opacity-30', className);
+    }), 'group/link flex items-center justify-start', inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30', className);
     const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)((0, button_1.iconVariants)({ position: 'start', size: 'small' })), children: icon })), title] }));
-    if (disabled) {
+    if (disabled || inactive) {
         return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-item-button", className: sharedClassName, children: content }));
     }
     return ((0, jsx_runtime_1.jsx)(link_1.default, { "data-slot": "sidebar-item-button", href: href, className: sharedClassName, ...props, children: content }));

package/dist/components/ui/sidebar/sidebar-item-collapsible.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@radix-ui/react-collapsible';
+import { SidebarItemButton } from './sidebar-item-button';
+import { SidebarItemIconButton } from './sidebar-item-icon-button';
+export type SidebarItemCollapsibleProps = React.ComponentProps<typeof Collapsible> & {
+    name?: string;
+};
+export declare function SidebarItemCollapsible({ name, className, ...props }: SidebarItemCollapsibleProps): import("react/jsx-runtime").JSX.Element;
+export type SidebarItemCollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger> & Omit<React.ComponentProps<typeof SidebarItemButton>, 'href'> & Omit<React.ComponentProps<typeof SidebarItemIconButton>, 'href'>;
+export declare function SidebarItemCollapsibleTrigger({ className, icon, title, children, ...props }: SidebarItemCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarItemCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-item-collapsible.d.ts.map

package/dist/components/ui/sidebar/sidebar-item-collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item-collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAC5D,OAAO,WAAW,CACnB,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CA+B7B;AAED,MAAM,MAAM,kCAAkC,GAAG,KAAK,CAAC,cAAc,CACnE,OAAO,kBAAkB,CAC1B,GACC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAC5D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAAE,MAAM,CAAC,CAAA;AAElE,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kCAAkC,2CAgCpC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,2CA0BjD"}

package/dist/components/ui/sidebar/sidebar-item-collapsible.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarItemCollapsible = SidebarItemCollapsible;
+exports.SidebarItemCollapsibleTrigger = SidebarItemCollapsibleTrigger;
+exports.SidebarItemCollapsibleContent = SidebarItemCollapsibleContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../../lib/utils");
+const react_collapsible_1 = require("@radix-ui/react-collapsible");
+const lucide_react_1 = require("lucide-react");
+const sidebar_provider_1 = require("./sidebar-provider");
+const separator_1 = require("../separator");
+const sidebar_item_button_1 = require("./sidebar-item-button");
+const button_1 = require("../button");
+const sidebar_item_icon_button_1 = require("./sidebar-item-icon-button");
+function SidebarItemCollapsible({ name, className, ...props }) {
+    const { isCollapsed, getItemCollapsed, setItemCollapsed } = (0, sidebar_provider_1.useSidebar)();
+    const [open, setOpen] = react_1.default.useState(name ? getItemCollapsed(name) : false);
+    const handleOpenChange = (open) => {
+        setOpen(open);
+        if (name) {
+            setItemCollapsed(name, open);
+        }
+    };
+    react_1.default.useEffect(() => {
+        if (name) {
+            setOpen(getItemCollapsed(name));
+        }
+    }, [name, getItemCollapsed]);
+    return ((0, jsx_runtime_1.jsx)(react_collapsible_1.Collapsible, { open: open, onOpenChange: handleOpenChange, "data-slot": "sidebar-item-collapsible", className: (0, utils_1.cn)({
+            'bg-shadcn-100 rounded-md': isCollapsed
+        }, className), ...props }));
+}
+function SidebarItemCollapsibleTrigger({ className, icon, title, children, ...props }) {
+    const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
+    return ((0, jsx_runtime_1.jsxs)(react_collapsible_1.CollapsibleTrigger, { "data-slot": "sidebar-item-collapsible-trigger", className: (0, utils_1.cn)('flex w-full flex-row p-0', 'transition-all hover:underline [&[data-state=open]>svg]:rotate-90', (0, button_1.buttonVariants)({
+            variant: 'outline',
+            fullWidth: true,
+            size: 'small'
+        }), {
+            'size-10': isCollapsed
+        }, className), ...props, children: [isCollapsed && ((0, jsx_runtime_1.jsx)(sidebar_item_icon_button_1.SidebarItemIconButton, { title: title, icon: icon, href: "", inactive: true })), !isCollapsed && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(sidebar_item_button_1.SidebarItemButton, { title: title, icon: icon, href: '', inactive: true }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "mr-1 size-6 shrink-0 cursor-pointer text-zinc-900 transition-transform duration-200" })] }))] }));
+}
+function SidebarItemCollapsibleContent({ className, children, ...props }) {
+    const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
+    return ((0, jsx_runtime_1.jsx)(react_collapsible_1.CollapsibleContent, { "data-slot": "sidebar-item-collapsible-content", className: (0, utils_1.cn)('mt-1 flex flex-col gap-1', 'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', {
+            'items-center': isCollapsed
+        }, className), ...props, children: isCollapsed ? (children) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-stretch gap-3", children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, { className: "ml-5 h-auto", orientation: "vertical" }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-col gap-1", children: children })] })) }));
+}

package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts

@@ -4,8 +4,9 @@ type SidebarItemIconButtonProps = React.ComponentProps<typeof Link> & {
     title: string;
     icon: React.ReactNode;
     active?: boolean;
+    inactive?: boolean;
     disabled?: boolean;
 };
-export declare const SidebarItemIconButton: ({ title, icon, href, active, disabled, ...props }: SidebarItemIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarItemIconButton: ({ title, icon, href, active, inactive, disabled, ...props }: SidebarItemIconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=sidebar-item-icon-button.d.ts.map

package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item-icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item-icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAW5B,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,mDAOnC,0BAA0B,4CAmC5B,CAAA"}
+{"version":3,"file":"sidebar-item-icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item-icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAW5B,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,6DAQnC,0BAA0B,4CAoC5B,CAAA"}

package/dist/components/ui/sidebar/sidebar-item-icon-button.js

@@ -11,10 +11,10 @@ const button_1 = require("../../ui/button");
 const tooltip_1 = require("../../ui/tooltip");
 const utils_1 = require("../../../lib/utils");
 const icon_button_1 = require("../icon-button");
-const SidebarItemIconButton = ({ title, icon, href, active, disabled, ...props }) => {
+const SidebarItemIconButton = ({ title, icon, href, active, inactive, disabled, ...props }) => {
     const sharedClassName = (0, utils_1.cn)((0, button_1.buttonVariants)({
         variant: active ? 'tertiary' : 'outline'
-    }), (0, icon_button_1.iconButtonVariants)(), disabled && 'cursor-default opacity-30');
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 0, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: disabled ? ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-item-icon-button", className: sharedClassName, children: icon })) : ((0, jsx_runtime_1.jsx)(link_1.default, { "data-slot": "sidebar-item-icon-button", href: href, className: sharedClassName, ...props, children: icon })) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "right", children: title })] }) }));
+    }), (0, icon_button_1.iconButtonVariants)(), inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30');
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 0, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: disabled || inactive ? ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-item-icon-button", className: sharedClassName, children: icon })) : ((0, jsx_runtime_1.jsx)(link_1.default, { "data-slot": "sidebar-item-icon-button", href: href, className: sharedClassName, ...props, children: icon })) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "right", children: title })] }) }));
 };
 exports.SidebarItemIconButton = SidebarItemIconButton;

package/dist/components/ui/sidebar/sidebar-item.d.ts

@@ -7,6 +7,7 @@ export type SidebarItemProps = React.ComponentProps<typeof SidebarItemButton> &
     href: string;
     active?: boolean;
     disabled?: boolean;
+    children?: React.ReactNode;
 };
-export declare const SidebarItem: ({ active, disabled, href, ...props }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarItem: ({ active, href, children, ...props }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar-item.d.ts.map

package/dist/components/ui/sidebar/sidebar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAC3E,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,eAAO,MAAM,WAAW,GAAI,sCAKzB,gBAAgB,4CA2BlB,CAAA"}
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAC3E,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAEH,eAAO,MAAM,WAAW,GAAI,sCAKzB,gBAAgB,4CAyBlB,CAAA"}

package/dist/components/ui/sidebar/sidebar-item.js

@@ -7,13 +7,13 @@ const navigation_1 = require("next/navigation");
 const sidebar_item_button_1 = require("./sidebar-item-button");
 const sidebar_item_icon_button_1 = require("./sidebar-item-icon-button");
 const sidebar_provider_1 = require("./sidebar-provider");
-const SidebarItem = ({ active, disabled, href, ...props }) => {
+const SidebarItem = ({ active, href, children, ...props }) => {
     const pathname = (0, navigation_1.usePathname)();
     const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
     const isActive = (href) => pathname === href;
     if (isCollapsed) {
-        return ((0, jsx_runtime_1.jsx)(sidebar_item_icon_button_1.SidebarItemIconButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, disabled: disabled, ...props }));
+        return ((0, jsx_runtime_1.jsx)(sidebar_item_icon_button_1.SidebarItemIconButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, ...props }));
     }
-    return ((0, jsx_runtime_1.jsx)(sidebar_item_button_1.SidebarItemButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, disabled: disabled, ...props }));
+    return ((0, jsx_runtime_1.jsx)(sidebar_item_button_1.SidebarItemButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, ...props }));
 };
 exports.SidebarItem = SidebarItem;

package/dist/components/ui/sidebar/sidebar-provider.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 export type SidebarContextProps = {
     isCollapsed: boolean;
+    items: Record<string, boolean>;
+    getItemCollapsed: (key: string) => boolean;
+    setItemCollapsed: (key: string, value: boolean) => void;
     toggleSidebar: () => void;
 };
 export declare const useSidebar: () => SidebarContextProps;

package/dist/components/ui/sidebar/sidebar-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAMD,eAAO,MAAM,UAAU,2BAMtB,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,cAAc,KAAK,CAAC,iBAAiB,4CAgBpE,CAAA"}
+{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;IAC1C,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAMD,eAAO,MAAM,UAAU,2BAMtB,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,cAAc,KAAK,CAAC,iBAAiB,4CAuCpE,CAAA"}

package/dist/components/ui/sidebar/sidebar-provider.js

@@ -19,10 +19,26 @@ const useSidebar = () => {
 exports.useSidebar = useSidebar;
 const SidebarProvider = ({ children }) => {
     const [collapsed, setCollapsed] = react_1.default.useState((0, storage_1.getStorage)('sidebar-collapsed', false) === 'true');
+    const [items, _setItems] = react_1.default.useState((0, storage_1.getStorageObject)('sidebar-items', {}));
     const toggleSidebar = () => setCollapsed((collapsed) => !collapsed);
+    const getItemCollapsed = (key) => {
+        return items[key] || false;
+    };
+    const setItemCollapsed = (key, value) => {
+        _setItems((items) => ({ ...items, [key]: value }));
+    };
     react_1.default.useEffect(() => {
         localStorage.setItem('sidebar-collapsed', JSON.stringify(collapsed));
     }, [collapsed]);
-    return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: { isCollapsed: collapsed, toggleSidebar }, children: children }));
+    react_1.default.useEffect(() => {
+        localStorage.setItem('sidebar-items', JSON.stringify(items));
+    }, [items]);
+    return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: {
+            isCollapsed: collapsed,
+            items,
+            getItemCollapsed,
+            setItemCollapsed,
+            toggleSidebar
+        }, children: children }));
 };
 exports.SidebarProvider = SidebarProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "1.0.0-beta.20",
+  "version": "1.0.0-beta.22",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "ISC",
   "author": {