@lerianstudio/sindarian-ui 1.0.0-beta.3 → 1.0.0-beta.30

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const sidebar_provider_1 = require("./sidebar-provider");
+const wrapper = ({ children }) => ((0, jsx_runtime_1.jsx)(sidebar_provider_1.SidebarProvider, { children: children }));
+describe('SidebarProvider', () => {
+    beforeEach(() => {
+        localStorage.clear();
+        jest.clearAllMocks();
+    });
+    describe('initial state', () => {
+        it('should initialize with collapsed as false (SSR-safe default)', () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            expect(result.current.isCollapsed).toBe(false);
+        });
+        it('should initialize with empty items (SSR-safe default)', () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            expect(result.current.items).toEqual({});
+        });
+    });
+    describe('hydration from localStorage', () => {
+        it('should load collapsed state from localStorage after hydration', async () => {
+            localStorage.setItem('sidebar-collapsed', 'true');
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.isCollapsed).toBe(true);
+            });
+        });
+        it('should load items from localStorage after hydration', async () => {
+            const storedItems = { 'item-1': true, 'item-2': false };
+            localStorage.setItem('sidebar-items', JSON.stringify(storedItems));
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.items).toEqual(storedItems);
+            });
+        });
+        it('should handle invalid JSON in localStorage gracefully', async () => {
+            localStorage.setItem('sidebar-items', 'invalid-json');
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.items).toEqual({});
+            });
+        });
+    });
+    describe('toggleSidebar', () => {
+        it('should toggle collapsed state from false to true', async () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            expect(result.current.isCollapsed).toBe(false);
+            (0, react_1.act)(() => {
+                result.current.toggleSidebar();
+            });
+            expect(result.current.isCollapsed).toBe(true);
+        });
+        it('should toggle collapsed state from true to false', async () => {
+            localStorage.setItem('sidebar-collapsed', 'true');
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.isCollapsed).toBe(true);
+            });
+            (0, react_1.act)(() => {
+                result.current.toggleSidebar();
+            });
+            expect(result.current.isCollapsed).toBe(false);
+        });
+    });
+    describe('getItemCollapsed', () => {
+        it('should return false for non-existent item', () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            expect(result.current.getItemCollapsed('non-existent')).toBe(false);
+        });
+        it('should return the correct value for existing item', async () => {
+            localStorage.setItem('sidebar-items', JSON.stringify({ 'my-item': true }));
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.getItemCollapsed('my-item')).toBe(true);
+            });
+        });
+    });
+    describe('setItemCollapsed', () => {
+        it('should set item collapsed state', () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            (0, react_1.act)(() => {
+                result.current.setItemCollapsed('new-item', true);
+            });
+            expect(result.current.items['new-item']).toBe(true);
+            expect(result.current.getItemCollapsed('new-item')).toBe(true);
+        });
+        it('should update existing item collapsed state', async () => {
+            localStorage.setItem('sidebar-items', JSON.stringify({ 'existing-item': true }));
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.getItemCollapsed('existing-item')).toBe(true);
+            });
+            (0, react_1.act)(() => {
+                result.current.setItemCollapsed('existing-item', false);
+            });
+            expect(result.current.getItemCollapsed('existing-item')).toBe(false);
+        });
+        it('should preserve other items when setting a new item', async () => {
+            localStorage.setItem('sidebar-items', JSON.stringify({ 'item-1': true, 'item-2': false }));
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            await (0, react_1.waitFor)(() => {
+                expect(result.current.items).toEqual({ 'item-1': true, 'item-2': false });
+            });
+            (0, react_1.act)(() => {
+                result.current.setItemCollapsed('item-3', true);
+            });
+            expect(result.current.items).toEqual({
+                'item-1': true,
+                'item-2': false,
+                'item-3': true
+            });
+        });
+    });
+    describe('localStorage persistence', () => {
+        it('should persist collapsed state to localStorage after change', async () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            // Wait for hydration
+            await (0, react_1.waitFor)(() => {
+                expect(localStorage.getItem('sidebar-collapsed')).toBeDefined();
+            });
+            (0, react_1.act)(() => {
+                result.current.toggleSidebar();
+            });
+            await (0, react_1.waitFor)(() => {
+                expect(localStorage.getItem('sidebar-collapsed')).toBe('true');
+            });
+        });
+        it('should persist items to localStorage after change', async () => {
+            const { result } = (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            // Wait for hydration
+            await (0, react_1.waitFor)(() => {
+                expect(localStorage.getItem('sidebar-items')).toBeDefined();
+            });
+            (0, react_1.act)(() => {
+                result.current.setItemCollapsed('persisted-item', true);
+            });
+            await (0, react_1.waitFor)(() => {
+                const stored = JSON.parse(localStorage.getItem('sidebar-items') || '{}');
+                expect(stored['persisted-item']).toBe(true);
+            });
+        });
+        it('should not overwrite localStorage before hydration completes', async () => {
+            const initialItems = { 'pre-existing': true };
+            localStorage.setItem('sidebar-items', JSON.stringify(initialItems));
+            (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)(), { wrapper });
+            // The initial localStorage value should be preserved and loaded
+            await (0, react_1.waitFor)(() => {
+                const stored = JSON.parse(localStorage.getItem('sidebar-items') || '{}');
+                expect(stored['pre-existing']).toBe(true);
+            });
+        });
+    });
+    describe('useSidebar hook', () => {
+        it('should throw error when used outside SidebarProvider', () => {
+            // Suppress console.error for this test
+            const consoleSpy = jest
+                .spyOn(console, 'error')
+                .mockImplementation(() => { });
+            expect(() => {
+                (0, react_1.renderHook)(() => (0, sidebar_provider_1.useSidebar)());
+            }).toThrow('useSidebar must be used within a SidebarProvider');
+            consoleSpy.mockRestore();
+        });
+    });
+});

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SidebarRoot: ({ className, ...props }: React.ComponentProps<"nav">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,eAAO,MAAM,WAAW,GAAI,yBAGzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,4CAW7B,CAAA"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_variance_authority_1 = require("class-variance-authority");
+const sidebar_provider_1 = require("./sidebar-provider");
+const utils_1 = require("../../../lib/utils");
+const sidebarVariants = (0, class_variance_authority_1.cva)('group/sidebar shadow-sidebar dark:bg-cod-gray-950 relative flex flex-col transition-[width] duration-300 ease-in-out', {
+    variants: {
+        collapsed: {
+            true: 'w-[72px]',
+            false: 'w-[244px]'
+        }
+    },
+    defaultVariants: {
+        collapsed: false
+    }
+});
+const SidebarRoot = ({ className, ...props }) => {
+    const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
+    return ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-root", className: (0, utils_1.cn)(sidebarVariants({ collapsed: isCollapsed }), className), "data-collapsed": isCollapsed, ...props }));
+};
+exports.SidebarRoot = SidebarRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stepper/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ3E;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAc,EACd,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAalB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAa7B;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA2BtB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,GAAG;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,mBAAmB,mDAEvE,CAAA;AAED,eAAO,MAAM,mBAAmB,+CAK/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stepper/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAI3E;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAc,EACd,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,oBAAoB,2CActB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,GAAG;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,mBAAmB,mDAEvE,CAAA;AAED,eAAO,MAAM,mBAAmB,+CAK/B,CAAA"}

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

@@ -10,16 +10,16 @@ const utils_1 = require("../../../lib/utils");
 const lucide_react_1 = require("lucide-react");
 const skeleton_1 = require("../skeleton");
 function Stepper({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper", className: (0, utils_1.cn)('flex flex-col gap-4', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper", className: (0, utils_1.cn)('stepper', className), ...props }));
 }
 function StepperItem({ className, active = false, complete = false, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: (0, utils_1.cn)('group flex flex-row gap-3 data-[complete=true]:cursor-pointer', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: (0, utils_1.cn)('group stepper-item', className), ...props }));
 }
 function StepperItemNumber({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item-number", className: (0, utils_1.cn)('border-shadcn-400 text-shadcn-400 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium', 'group-data-[active=true]:border-none group-data-[active=true]:bg-zinc-700 group-data-[active=true]:text-white', 'group-data-[complete=true]:border-none group-data-[complete=true]:bg-white group-data-[complete=true]:text-zinc-700', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item-number", className: (0, utils_1.cn)('stepper-item-number', className), ...props }));
 }
 function StepperItemText({ className, title, description, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "stepper-item-text", className: (0, utils_1.cn)('text-shadcn-400 flex flex-col text-sm font-medium', 'group-data-[active=true]:text-zinc-700', 'group-data-[complete=true]:text-zinc-700 group-data-[complete=true]:underline', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-8 items-center gap-3", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, { className: "text-green-600 group-data-[complete=false]:hidden", width: 16, height: 16 })] }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-zinc-500 group-data-[active=false]:hidden", children: description }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "stepper-item-text", className: (0, utils_1.cn)('stepper-item-text', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "stepper-item-title", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, { className: "stepper-item-icon", width: 16, height: 16 })] }), description && (0, jsx_runtime_1.jsx)("p", { className: "stepper-item-description", children: description })] }));
 }
 const StepperContent = ({ active, children }) => {
     return active ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;

package/dist/components/ui/stepper/styles.css

@@ -0,0 +1,41 @@
+@theme inline {
+    --color-stepper-item-text: var(--color-shadcn-400);
+    --color-stepper-item-active: var(--color-zinc-700);
+    --color-stepper-item-number: var(--color-shadcn-400);
+    --color-stepper-item-icon: var(--color-green-600);
+    --color-stepper-item-description: var(--color-zinc-500);
+}
+
+@layer components {
+    .stepper {
+        @apply flex flex-col gap-4;
+    }
+
+    .stepper-item {
+        @apply flex flex-row gap-3 data-[complete=true]:cursor-pointer;
+    }
+
+    .stepper-item-number {
+        @apply border-stepper-item-number text-stepper-item-number flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium;
+        @apply group-data-[active=true]:border-none group-data-[active=true]:bg-stepper-item-active group-data-[active=true]:text-white;
+        @apply group-data-[complete=true]:border-none group-data-[complete=true]:bg-white group-data-[complete=true]:text-stepper-item-active;
+    }
+
+    .stepper-item-text {
+        @apply text-stepper-item-text flex flex-col text-sm font-medium;
+        @apply group-data-[active=true]:text-stepper-item-active;
+        @apply group-data-[complete=true]:text-stepper-item-active group-data-[complete=true]:underline;
+    }
+
+    .stepper-item-title {
+        @apply flex h-8 items-center gap-3;
+    }
+
+    .stepper-item-icon {
+        @apply text-stepper-item-icon group-data-[complete=false]:hidden;
+    }
+
+    .stepper-item-description {
+        @apply text-xs text-stepper-item-description group-data-[active=false]:hidden;
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

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

@@ -42,14 +42,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
 const utils_1 = require("../../../lib/utils");
 function Tabs({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('mt-6 w-full', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('tabs', className), ...props }));
 }
 function TabsList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('flex h-10 items-center justify-start gap-4 rounded-md p-1 text-slate-500', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('tabs-list', className), ...props }));
 }
 function TabsTrigger({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 text-shadcn-400 hover:text-shadcn-500 data-[state=active]:bg-accent data-[state=active]:text-accent-foreground inline-flex items-center justify-center rounded-md px-4 py-[10px] text-sm font-medium whitespace-nowrap ring-offset-white transition-all hover:bg-white disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-xs', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 tabs-trigger tabs-trigger-disabled', className), ...props }));
 }
 function TabsContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('mt-4 ring-offset-white focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:outline-hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('tabs-content', className), ...props }));
 }

package/dist/components/ui/tabs/styles.css

@@ -0,0 +1,31 @@
+@theme inline {
+    --color-tabs-trigger-text: var(--color-shadcn-400);
+    --color-tabs-trigger-hover: var(--color-white);
+    --color-tabs-trigger-text-hover: var(--color-shadcn-500);
+    --color-tabs-trigger-active: var(--color-accent);
+    --color-tabs-trigger-text-active: var(--color-zinc-700);
+}
+
+@layer components {
+    .tabs {
+        @apply mt-6 w-full;
+    }
+
+    .tabs-list {
+        @apply flex h-10 items-center justify-start gap-4 rounded-md p-1;
+    }
+
+    .tabs-trigger {
+        @apply text-tabs-trigger-text hover:text-tabs-trigger-text-hover cursor-pointer inline-flex items-center justify-center rounded-lg px-4 py-2.5 text-sm font-medium whitespace-nowrap ring-offset-white transition-all hover:bg-tabs-trigger-hover;
+        @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2;
+        @apply data-[state=active]:bg-tabs-trigger-active data-[state=active]:text-tabs-trigger-text-active;
+    }
+
+    .tabs-trigger-disabled {
+        @apply disabled:pointer-events-none disabled:opacity-50;
+    }
+
+    .tabs-content {
+        @apply mt-4 ring-offset-white focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:outline-hidden;
+    }
+}

package/dist/components/ui/toast/toaster.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toaster = Toaster;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const use_toast_1 = require("../../../hooks/use-toast");
-const toast_1 = require("../../../components/ui/toast");
+const toast_1 = require("../toast");
 function Toaster() {
     const { toasts } = (0, use_toast_1.useToast)();
     return ((0, jsx_runtime_1.jsxs)(toast_1.ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {

package/dist/globals.css

@@ -0,0 +1,218 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@import './components/ui/button/styles.css';
+@import './components/ui/icon-button/styles.css';
+@import './components/ui/input/styles.css';
+@import './components/ui/select/styles.css';
+@import './components/ui/breadcrumb/styles.css';
+@import './components/ui/alert/styles.css';
+@import './components/ui/stepper/styles.css';
+@import './components/ui/tabs/styles.css';
+@import './components/ui/dialog/styles.css';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --font-sans: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
+
+  --shadow-sidebar: 5px 0px 15px -3px rgba(0, 0, 0, 0.05);
+  --shadow-data-table:
+    0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
+  --shadow-sheet-bottom:
+    0px -1px 2px 0px rgba(0, 0, 0, 0.1), 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
+  --shadow-drawer:
+    0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px -1px 16px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 32px 0px rgba(0, 0, 0, 0.05);
+  --shadow-entity-box:
+    0px 10px 20px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.1);
+
+  --color-sunglow-50: #fefbe8;
+  --color-sunglow-100: #fff8c2;
+  --color-sunglow-200: #ffed89;
+  --color-sunglow-300: #ffdc45;
+  --color-sunglow-400: #fdcb28;
+  --color-sunglow-500: #edac05;
+  --color-sunglow-600: #cc8402;
+  --color-sunglow-700: #a35d05;
+  --color-sunglow-800: #86490d;
+  --color-sunglow-900: #723c11;
+  --color-sunglow-950: #431e05;
+
+  --color-de-york-50: #f2fbf5;
+  --color-de-york-100: #e0f8e8;
+  --color-de-york-200: #c2f0d2;
+  --color-de-york-300: #74db9a;
+  --color-de-york-400: #5bcd86;
+  --color-de-york-500: #35b264;
+  --color-de-york-600: #26934f;
+  --color-de-york-700: #217441;
+  --color-de-york-800: #1f5c36;
+  --color-de-york-900: #1b4c2f;
+  --color-de-york-950: #0a2917;
+
+  --color-vivid-tangerine-50: #fef5f2;
+  --color-vivid-tangerine-100: #fee9e2;
+  --color-vivid-tangerine-200: #fed7ca;
+  --color-vivid-tangerine-300: #fdbaa4;
+  --color-vivid-tangerine-400: #faa589;
+  --color-vivid-tangerine-500: #f06e43;
+  --color-vivid-tangerine-600: #dd5325;
+  --color-vivid-tangerine-700: #ba421b;
+  --color-vivid-tangerine-800: #9a3a1a;
+  --color-vivid-tangerine-900: #80351c;
+  --color-vivid-tangerine-950: #45190a;
+
+  --color-cod-gray-50: #f6f5f5;
+  --color-cod-gray-100: #e9e4e4;
+  --color-cod-gray-200: #d5ccce;
+  --color-cod-gray-300: #b7a9ab;
+  --color-cod-gray-400: #927e81;
+  --color-cod-gray-500: #776366;
+  --color-cod-gray-600: #655557;
+  --color-cod-gray-700: #55494a;
+  --color-cod-gray-800: #4a4040;
+  --color-cod-gray-900: #403939;
+  --color-cod-gray-950: #070606;
+
+  --color-shadcn-100: #f4f4f5;
+  --color-shadcn-200: #e4e4e7;
+  --color-shadcn-300: #d4d4d8;
+  --color-shadcn-400: #a1a1aa;
+  --color-shadcn-500: #71717a;
+  --color-shadcn-600: #27272a;
+  --color-shadcn-700: #18181b;
+  --color-shadcn-800: #09090b;
+
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+}
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+  @media (width >= --theme(--breakpoint-sm)) {
+    max-width: none;
+  }
+  @media (width >= 1400px) {
+    max-width: 1400px;
+  }
+}
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+}
+
+@layer base {
+  :root {
+    /* Default background color of <body /> */
+    --background: 0 0% 100%;
+    --foreground: 222.2 47.4% 11.2%;
+
+    /* Background color for <Card /> */
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 47.4% 11.2%;
+
+    /*Background color for popovers such as <DropdownMenu />, <HoverCard />, <Popover />*/
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 47.4% 11.2%;
+
+    /* Primary ans secondary colors for <Button /> */
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    /* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem>...etc */
+    --accent: 56 99% 50%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+
+    /* Used for destructive actions such as <Button variant="destructive"> */
+    --destructive: 0 100% 50%;
+    --destructive-foreground: 210 40% 98%;
+
+    /* Default border color */
+    --border: 214.3 31.8% 91.4%;
+
+    /* Border color for inputs such as <Input />, <Select />, <Textarea /> */
+    --input: 214.3 31.8% 91.4%;
+
+    /* Used for focus rings */
+    --ring: 215 20.2% 65.1%;
+
+    /* Used for border radius */
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --color-background: oklch(0.209 0.042 265.755);
+    --color-foreground: oklch(0.98 0.002 247.839);
+    --color-card: oklch(0.209 0.042 265.755);
+    --color-card-foreground: oklch(0.98 0.002 247.839);
+    --color-popover: oklch(0.209 0.042 265.755);
+    --color-popover-foreground: oklch(0.98 0.002 247.839);
+    --color-primary: oklch(0.98 0.002 247.839);
+    --color-primary-foreground: oklch(0.279 0.041 260.031);
+    --color-secondary: oklch(0.279 0.041 260.031);
+    --color-secondary-foreground: oklch(0.98 0.002 247.839);
+    --color-muted: oklch(0.279 0.041 260.031);
+    --color-muted-foreground: oklch(0.551 0.027 264.364);
+    --color-accent: oklch(0.279 0.041 260.031);
+    --color-accent-foreground: oklch(0.98 0.002 247.839);
+    --color-destructive: oklch(0.505 0.213 27.518);
+    --color-destructive-foreground: oklch(0.98 0.002 247.839);
+    --color-border: oklch(0.279 0.041 260.031);
+    --color-input: oklch(0.279 0.041 260.031);
+    --color-ring: oklch(0.551 0.027 264.364);
+  }
+}
+
+.ticket {
+  mask: radial-gradient(21px 13px at 50% 102%, #0000 98%, #000) 50%
+    calc(100% - 16px) / 64px 100% repeat-x;
+}

package/dist/hooks/use-time.d.ts

@@ -0,0 +1,6 @@
+export type UseTimeProps = {
+    interval?: number;
+    onUpdate?: (time: Date) => void;
+};
+export declare const useTime: ({ interval, onUpdate }: UseTimeProps) => Date;
+//# sourceMappingURL=use-time.d.ts.map

package/dist/hooks/use-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time.d.ts","sourceRoot":"","sources":["../../src/hooks/use-time.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,wBAA+B,YAAY,SAclE,CAAA"}

package/dist/hooks/use-time.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTime = void 0;
+const react_1 = __importDefault(require("react"));
+const useTime = ({ interval = 1000, onUpdate }) => {
+    const [time, setTime] = react_1.default.useState(new Date());
+    react_1.default.useEffect(() => {
+        const timer = setInterval(() => {
+            const newTime = new Date();
+            setTime(newTime);
+            onUpdate?.(newTime);
+        }, interval);
+        return () => clearInterval(timer);
+    }, [interval, onUpdate]);
+    return time;
+};
+exports.useTime = useTime;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/ui/avatar';
 export * from './components/ui/badge';
 export * from './components/ui/breadcrumb';
 export * from './components/ui/button';
+export * from './components/ui/icon-button';
 export * from './components/ui/card';
 export * from './components/ui/checkbox';
 export * from './components/ui/collapsible';
@@ -12,16 +13,17 @@ export * from './components/ui/command';
 export * from './components/ui/dialog';
 export * from './components/ui/dropdown-menu';
 export * from './components/ui/input';
-export * from './components/ui/input-with-icon';
 export * from './components/ui/label';
 export * from './components/ui/loading-button';
 export * from './components/ui/multiple-select';
 export * from './components/ui/paper';
+export * from './components/ui/paper-collapsible';
 export * from './components/ui/popover';
 export * from './components/ui/progress';
 export * from './components/ui/select';
 export * from './components/ui/separator';
 export * from './components/ui/sheet';
+export * from './components/ui/sidebar';
 export * from './components/ui/skeleton';
 export * from './components/ui/stepper';
 export * from './hooks/use-stepper';
@@ -30,11 +32,14 @@ export * from './components/ui/table';
 export * from './components/ui/tabs';
 export * from './components/ui/textarea';
 export * from './components/ui/toast';
+export * from './components/ui/toast/toaster';
 export * from './hooks/use-toast';
 export * from './components/ui/tooltip';
 export * from './components/ui/form';
 export { Breadcrumb as ApplicationBreadcrumb } from './components/breadcrumb';
 export * from './components/breadcrumb/get-breadcrumb-paths';
+export * from './components/card';
+export * from './components/dialog';
 export * from './components/entity-box';
 export * from './components/entity-data-table';
 export * from './components/form';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AAGpC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC7E,cAAc,8CAA8C,CAAA;AAC5D,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,cAAc,mCAAmC,CAAA;AACjD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AAGpC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC7E,cAAc,8CAA8C,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA"}