@teja-app/ui 0.0.1 → 0.0.3

package/dist/tailwind/colors.d.ts

@@ -1,13 +1,39 @@
 /**
  * Design token colors for the Teja UI component library.
  * Based on /business/ux/Patterns/Design-Tokens.md
+ * Theme: Gold accent (matching frontend/browser-extension)
  */
 export declare const colors: {
     readonly brand: {
-        readonly primary: "#2563EB";
-        readonly 'primary-hover': "#1D4ED8";
+        readonly primary: "#1f2937";
+        readonly 'primary-hover': "#111827";
         readonly secondary: "#64748B";
     };
+    readonly gold: {
+        readonly 50: "#fefce8";
+        readonly 100: "#fef9c3";
+        readonly 200: "#fef08a";
+        readonly 300: "#fde047";
+        readonly 400: "#fbbf24";
+        readonly 500: "#f59e0b";
+        readonly 600: "#d97706";
+        readonly 700: "#a16207";
+        readonly 800: "#854d0e";
+        readonly 900: "#713f12";
+    };
+    readonly primary: {
+        readonly 50: "#f9fafb";
+        readonly 100: "#f3f4f6";
+        readonly 200: "#e5e7eb";
+        readonly 300: "#d1d5db";
+        readonly 400: "#9ca3af";
+        readonly 500: "#6b7280";
+        readonly 600: "#4b5563";
+        readonly 700: "#374151";
+        readonly 800: "#1f2937";
+        readonly 900: "#111827";
+        readonly 950: "#030712";
+    };
     readonly success: {
         readonly DEFAULT: "#16A34A";
         readonly light: "#DCFCE7";

package/dist/tailwind/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tailwind/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CT,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tailwind/colors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ET,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/dist/tailwind/index.cjs

@@ -1,12 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const colors = {
-  // Brand colors
+  // Brand colors (dark gray primary with gold accent)
   brand: {
-    primary: "#2563EB",
-    "primary-hover": "#1D4ED8",
+    primary: "#1f2937",
+    // primary-800 - dark gray for primary buttons
+    "primary-hover": "#111827",
+    // primary-900
     secondary: "#64748B"
   },
+  // Gold accent palette (for borders, highlights, CTAs)
+  gold: {
+    50: "#fefce8",
+    100: "#fef9c3",
+    200: "#fef08a",
+    300: "#fde047",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    // primary accent
+    600: "#d97706",
+    700: "#a16207",
+    800: "#854d0e",
+    900: "#713f12"
+  },
+  // Primary grayscale (for UI structure, text, backgrounds)
+  primary: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712"
+  },
   // Semantic colors
   success: {
     DEFAULT: "#16A34A",

package/dist/tailwind/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/tailwind/colors.ts","../../src/tailwind/typography.ts","../../src/tailwind/spacing.ts","../../src/tailwind/preset.ts"],"sourcesContent":["/**\n * Design token colors for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const colors = {\n  // Brand colors\n  brand: {\n    primary: '#2563EB',\n    'primary-hover': '#1D4ED8',\n    secondary: '#64748B',\n  },\n\n  // Semantic colors\n  success: {\n    DEFAULT: '#16A34A',\n    light: '#DCFCE7',\n  },\n  warning: {\n    DEFAULT: '#CA8A04',\n    light: '#FEF9C3',\n  },\n  error: {\n    DEFAULT: '#DC2626',\n    light: '#FEE2E2',\n  },\n  info: {\n    DEFAULT: '#2563EB',\n    light: '#DBEAFE',\n  },\n\n  // Neutral colors\n  neutral: {\n    50: '#F8FAFC',\n    100: '#F1F5F9',\n    200: '#E2E8F0',\n    300: '#CBD5E1',\n    500: '#64748B',\n    700: '#334155',\n    900: '#0F172A',\n  },\n\n  // Status colors (for sessions/notes)\n  status: {\n    scheduled: '#3B82F6',\n    completed: '#16A34A',\n    cancelled: '#6B7280',\n    'no-show': '#EF4444',\n    draft: '#F59E0B',\n    signed: '#16A34A',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * Typography design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const fontFamily = {\n  sans: ['Inter', 'system-ui', 'sans-serif'],\n  mono: ['JetBrains Mono', 'monospace'],\n} as const;\n\nexport const fontSize = {\n  xs: ['0.75rem', { lineHeight: '1rem' }],\n  sm: ['0.875rem', { lineHeight: '1.25rem' }],\n  base: ['1rem', { lineHeight: '1.5rem' }],\n  lg: ['1.125rem', { lineHeight: '1.75rem' }],\n  xl: ['1.25rem', { lineHeight: '1.75rem' }],\n  '2xl': ['1.5rem', { lineHeight: '2rem' }],\n  '3xl': ['2rem', { lineHeight: '2.5rem' }],\n} as const;\n\nexport const fontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * Spacing and layout design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const spacing = {\n  0: '0',\n  1: '0.25rem',\n  2: '0.5rem',\n  3: '0.75rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  8: '2rem',\n  10: '2.5rem',\n  12: '3rem',\n} as const;\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const boxShadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px rgba(0, 0, 0, 0.15)',\n} as const;\n\nexport const zIndex = {\n  base: '0',\n  dropdown: '10',\n  sticky: '20',\n  drawer: '30',\n  modal: '40',\n  toast: '50',\n  tooltip: '60',\n} as const;\n\nexport const transitionDuration = {\n  fast: '100ms',\n  normal: '150ms',\n  slow: '300ms',\n} as const;\n\nexport const transitionTimingFunction = {\n  default: 'ease-out',\n  bounce: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n} as const;\n\nexport type Spacing = typeof spacing;\nexport type BorderRadius = typeof borderRadius;\nexport type BoxShadow = typeof boxShadow;\nexport type ZIndex = typeof zIndex;\n","/**\n * Tailwind CSS preset for the Teja UI component library.\n *\n * Usage in consumer apps:\n * ```ts\n * import tejaPreset from '@teja-app/ui/tailwind';\n *\n * export default {\n *   presets: [tejaPreset],\n *   content: [\n *     \"./src/**\\/*.{js,ts,jsx,tsx}\",\n *     \"./node_modules/@teja-app/ui/dist/**\\/*.{js,mjs}\",\n *   ],\n * };\n * ```\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './colors';\nimport { fontFamily, fontSize, fontWeight } from './typography';\nimport {\n  spacing,\n  borderRadius,\n  boxShadow,\n  zIndex,\n  transitionDuration,\n  transitionTimingFunction,\n} from './spacing';\n\nconst preset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors,\n      fontFamily,\n      fontSize,\n      fontWeight,\n      spacing,\n      borderRadius,\n      boxShadow,\n      zIndex,\n      transitionDuration,\n      transitionTimingFunction,\n    },\n  },\n};\n\nexport default preset;\n"],"names":[],"mappings":";;AAKO,MAAM,SAAS;AAAA;AAAA,EAEpB,OAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA;AAAA,EAIb,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA;AAAA,EAIT,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA;AAAA,EAIP,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAEZ;AC9CO,MAAM,aAAa;AAAA,EACxB,MAAM,CAAC,SAAS,aAAa,YAAY;AAAA,EACzC,MAAM,CAAC,kBAAkB,WAAW;AACtC;AAEO,MAAM,WAAW;AAAA,EACtB,IAAI,CAAC,WAAW,EAAE,YAAY,QAAQ;AAAA,EACtC,IAAI,CAAC,YAAY,EAAE,YAAY,WAAW;AAAA,EAC1C,MAAM,CAAC,QAAQ,EAAE,YAAY,UAAU;AAAA,EACvC,IAAI,CAAC,YAAY,EAAE,YAAY,WAAW;AAAA,EAC1C,IAAI,CAAC,WAAW,EAAE,YAAY,WAAW;AAAA,EACzC,OAAO,CAAC,UAAU,EAAE,YAAY,QAAQ;AAAA,EACxC,OAAO,CAAC,QAAQ,EAAE,YAAY,UAAU;AAC1C;AAEO,MAAM,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR;ACpBO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAEO,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,QAAQ;AACV;ACxBA,MAAM,SAA0B;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/tailwind/colors.ts","../../src/tailwind/typography.ts","../../src/tailwind/spacing.ts","../../src/tailwind/preset.ts"],"sourcesContent":["/**\n * Design token colors for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n * Theme: Gold accent (matching frontend/browser-extension)\n */\n\nexport const colors = {\n  // Brand colors (dark gray primary with gold accent)\n  brand: {\n    primary: '#1f2937', // primary-800 - dark gray for primary buttons\n    'primary-hover': '#111827', // primary-900\n    secondary: '#64748B',\n  },\n\n  // Gold accent palette (for borders, highlights, CTAs)\n  gold: {\n    50: '#fefce8',\n    100: '#fef9c3',\n    200: '#fef08a',\n    300: '#fde047',\n    400: '#fbbf24',\n    500: '#f59e0b', // primary accent\n    600: '#d97706',\n    700: '#a16207',\n    800: '#854d0e',\n    900: '#713f12',\n  },\n\n  // Primary grayscale (for UI structure, text, backgrounds)\n  primary: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n    950: '#030712',\n  },\n\n  // Semantic colors\n  success: {\n    DEFAULT: '#16A34A',\n    light: '#DCFCE7',\n  },\n  warning: {\n    DEFAULT: '#CA8A04',\n    light: '#FEF9C3',\n  },\n  error: {\n    DEFAULT: '#DC2626',\n    light: '#FEE2E2',\n  },\n  info: {\n    DEFAULT: '#2563EB',\n    light: '#DBEAFE',\n  },\n\n  // Neutral colors\n  neutral: {\n    50: '#F8FAFC',\n    100: '#F1F5F9',\n    200: '#E2E8F0',\n    300: '#CBD5E1',\n    500: '#64748B',\n    700: '#334155',\n    900: '#0F172A',\n  },\n\n  // Status colors (for sessions/notes)\n  status: {\n    scheduled: '#3B82F6',\n    completed: '#16A34A',\n    cancelled: '#6B7280',\n    'no-show': '#EF4444',\n    draft: '#F59E0B',\n    signed: '#16A34A',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * Typography design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const fontFamily = {\n  sans: ['Inter', 'system-ui', 'sans-serif'],\n  mono: ['JetBrains Mono', 'monospace'],\n} as const;\n\nexport const fontSize = {\n  xs: ['0.75rem', { lineHeight: '1rem' }],\n  sm: ['0.875rem', { lineHeight: '1.25rem' }],\n  base: ['1rem', { lineHeight: '1.5rem' }],\n  lg: ['1.125rem', { lineHeight: '1.75rem' }],\n  xl: ['1.25rem', { lineHeight: '1.75rem' }],\n  '2xl': ['1.5rem', { lineHeight: '2rem' }],\n  '3xl': ['2rem', { lineHeight: '2.5rem' }],\n} as const;\n\nexport const fontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * Spacing and layout design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const spacing = {\n  0: '0',\n  1: '0.25rem',\n  2: '0.5rem',\n  3: '0.75rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  8: '2rem',\n  10: '2.5rem',\n  12: '3rem',\n} as const;\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const boxShadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px rgba(0, 0, 0, 0.15)',\n} as const;\n\nexport const zIndex = {\n  base: '0',\n  dropdown: '10',\n  sticky: '20',\n  drawer: '30',\n  modal: '40',\n  toast: '50',\n  tooltip: '60',\n} as const;\n\nexport const transitionDuration = {\n  fast: '100ms',\n  normal: '150ms',\n  slow: '300ms',\n} as const;\n\nexport const transitionTimingFunction = {\n  default: 'ease-out',\n  bounce: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n} as const;\n\nexport type Spacing = typeof spacing;\nexport type BorderRadius = typeof borderRadius;\nexport type BoxShadow = typeof boxShadow;\nexport type ZIndex = typeof zIndex;\n","/**\n * Tailwind CSS preset for the Teja UI component library.\n *\n * Usage in consumer apps:\n * ```ts\n * import tejaPreset from '@teja-app/ui/tailwind';\n *\n * export default {\n *   presets: [tejaPreset],\n *   content: [\n *     \"./src/**\\/*.{js,ts,jsx,tsx}\",\n *     \"./node_modules/@teja-app/ui/dist/**\\/*.{js,mjs}\",\n *   ],\n * };\n * ```\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './colors';\nimport { fontFamily, fontSize, fontWeight } from './typography';\nimport {\n  spacing,\n  borderRadius,\n  boxShadow,\n  zIndex,\n  transitionDuration,\n  transitionTimingFunction,\n} from './spacing';\n\nconst preset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors,\n      fontFamily,\n      fontSize,\n      fontWeight,\n      spacing,\n      borderRadius,\n      boxShadow,\n      zIndex,\n      transitionDuration,\n      transitionTimingFunction,\n    },\n  },\n};\n\nexport default preset;\n"],"names":[],"mappings":"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"}

package/dist/tailwind/index.js

@@ -1,10 +1,40 @@
 const colors = {
-  // Brand colors
+  // Brand colors (dark gray primary with gold accent)
   brand: {
-    primary: "#2563EB",
-    "primary-hover": "#1D4ED8",
+    primary: "#1f2937",
+    // primary-800 - dark gray for primary buttons
+    "primary-hover": "#111827",
+    // primary-900
     secondary: "#64748B"
   },
+  // Gold accent palette (for borders, highlights, CTAs)
+  gold: {
+    50: "#fefce8",
+    100: "#fef9c3",
+    200: "#fef08a",
+    300: "#fde047",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    // primary accent
+    600: "#d97706",
+    700: "#a16207",
+    800: "#854d0e",
+    900: "#713f12"
+  },
+  // Primary grayscale (for UI structure, text, backgrounds)
+  primary: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712"
+  },
   // Semantic colors
   success: {
     DEFAULT: "#16A34A",

package/dist/tailwind/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tailwind/colors.ts","../../src/tailwind/typography.ts","../../src/tailwind/spacing.ts","../../src/tailwind/preset.ts"],"sourcesContent":["/**\n * Design token colors for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const colors = {\n  // Brand colors\n  brand: {\n    primary: '#2563EB',\n    'primary-hover': '#1D4ED8',\n    secondary: '#64748B',\n  },\n\n  // Semantic colors\n  success: {\n    DEFAULT: '#16A34A',\n    light: '#DCFCE7',\n  },\n  warning: {\n    DEFAULT: '#CA8A04',\n    light: '#FEF9C3',\n  },\n  error: {\n    DEFAULT: '#DC2626',\n    light: '#FEE2E2',\n  },\n  info: {\n    DEFAULT: '#2563EB',\n    light: '#DBEAFE',\n  },\n\n  // Neutral colors\n  neutral: {\n    50: '#F8FAFC',\n    100: '#F1F5F9',\n    200: '#E2E8F0',\n    300: '#CBD5E1',\n    500: '#64748B',\n    700: '#334155',\n    900: '#0F172A',\n  },\n\n  // Status colors (for sessions/notes)\n  status: {\n    scheduled: '#3B82F6',\n    completed: '#16A34A',\n    cancelled: '#6B7280',\n    'no-show': '#EF4444',\n    draft: '#F59E0B',\n    signed: '#16A34A',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * Typography design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const fontFamily = {\n  sans: ['Inter', 'system-ui', 'sans-serif'],\n  mono: ['JetBrains Mono', 'monospace'],\n} as const;\n\nexport const fontSize = {\n  xs: ['0.75rem', { lineHeight: '1rem' }],\n  sm: ['0.875rem', { lineHeight: '1.25rem' }],\n  base: ['1rem', { lineHeight: '1.5rem' }],\n  lg: ['1.125rem', { lineHeight: '1.75rem' }],\n  xl: ['1.25rem', { lineHeight: '1.75rem' }],\n  '2xl': ['1.5rem', { lineHeight: '2rem' }],\n  '3xl': ['2rem', { lineHeight: '2.5rem' }],\n} as const;\n\nexport const fontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * Spacing and layout design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const spacing = {\n  0: '0',\n  1: '0.25rem',\n  2: '0.5rem',\n  3: '0.75rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  8: '2rem',\n  10: '2.5rem',\n  12: '3rem',\n} as const;\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const boxShadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px rgba(0, 0, 0, 0.15)',\n} as const;\n\nexport const zIndex = {\n  base: '0',\n  dropdown: '10',\n  sticky: '20',\n  drawer: '30',\n  modal: '40',\n  toast: '50',\n  tooltip: '60',\n} as const;\n\nexport const transitionDuration = {\n  fast: '100ms',\n  normal: '150ms',\n  slow: '300ms',\n} as const;\n\nexport const transitionTimingFunction = {\n  default: 'ease-out',\n  bounce: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n} as const;\n\nexport type Spacing = typeof spacing;\nexport type BorderRadius = typeof borderRadius;\nexport type BoxShadow = typeof boxShadow;\nexport type ZIndex = typeof zIndex;\n","/**\n * Tailwind CSS preset for the Teja UI component library.\n *\n * Usage in consumer apps:\n * ```ts\n * import tejaPreset from '@teja-app/ui/tailwind';\n *\n * export default {\n *   presets: [tejaPreset],\n *   content: [\n *     \"./src/**\\/*.{js,ts,jsx,tsx}\",\n *     \"./node_modules/@teja-app/ui/dist/**\\/*.{js,mjs}\",\n *   ],\n * };\n * ```\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './colors';\nimport { fontFamily, fontSize, fontWeight } from './typography';\nimport {\n  spacing,\n  borderRadius,\n  boxShadow,\n  zIndex,\n  transitionDuration,\n  transitionTimingFunction,\n} from './spacing';\n\nconst preset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors,\n      fontFamily,\n      fontSize,\n      fontWeight,\n      spacing,\n      borderRadius,\n      boxShadow,\n      zIndex,\n      transitionDuration,\n      transitionTimingFunction,\n    },\n  },\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAKO,MAAM,SAAS;AAAA;AAAA,EAEpB,OAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA;AAAA,EAIb,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA;AAAA,EAIT,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA;AAAA,EAIP,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAEZ;AC9CO,MAAM,aAAa;AAAA,EACxB,MAAM,CAAC,SAAS,aAAa,YAAY;AAAA,EACzC,MAAM,CAAC,kBAAkB,WAAW;AACtC;AAEO,MAAM,WAAW;AAAA,EACtB,IAAI,CAAC,WAAW,EAAE,YAAY,QAAQ;AAAA,EACtC,IAAI,CAAC,YAAY,EAAE,YAAY,WAAW;AAAA,EAC1C,MAAM,CAAC,QAAQ,EAAE,YAAY,UAAU;AAAA,EACvC,IAAI,CAAC,YAAY,EAAE,YAAY,WAAW;AAAA,EAC1C,IAAI,CAAC,WAAW,EAAE,YAAY,WAAW;AAAA,EACzC,OAAO,CAAC,UAAU,EAAE,YAAY,QAAQ;AAAA,EACxC,OAAO,CAAC,QAAQ,EAAE,YAAY,UAAU;AAC1C;AAEO,MAAM,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR;ACpBO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAEO,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,QAAQ;AACV;ACxBA,MAAM,SAA0B;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/tailwind/colors.ts","../../src/tailwind/typography.ts","../../src/tailwind/spacing.ts","../../src/tailwind/preset.ts"],"sourcesContent":["/**\n * Design token colors for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n * Theme: Gold accent (matching frontend/browser-extension)\n */\n\nexport const colors = {\n  // Brand colors (dark gray primary with gold accent)\n  brand: {\n    primary: '#1f2937', // primary-800 - dark gray for primary buttons\n    'primary-hover': '#111827', // primary-900\n    secondary: '#64748B',\n  },\n\n  // Gold accent palette (for borders, highlights, CTAs)\n  gold: {\n    50: '#fefce8',\n    100: '#fef9c3',\n    200: '#fef08a',\n    300: '#fde047',\n    400: '#fbbf24',\n    500: '#f59e0b', // primary accent\n    600: '#d97706',\n    700: '#a16207',\n    800: '#854d0e',\n    900: '#713f12',\n  },\n\n  // Primary grayscale (for UI structure, text, backgrounds)\n  primary: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n    950: '#030712',\n  },\n\n  // Semantic colors\n  success: {\n    DEFAULT: '#16A34A',\n    light: '#DCFCE7',\n  },\n  warning: {\n    DEFAULT: '#CA8A04',\n    light: '#FEF9C3',\n  },\n  error: {\n    DEFAULT: '#DC2626',\n    light: '#FEE2E2',\n  },\n  info: {\n    DEFAULT: '#2563EB',\n    light: '#DBEAFE',\n  },\n\n  // Neutral colors\n  neutral: {\n    50: '#F8FAFC',\n    100: '#F1F5F9',\n    200: '#E2E8F0',\n    300: '#CBD5E1',\n    500: '#64748B',\n    700: '#334155',\n    900: '#0F172A',\n  },\n\n  // Status colors (for sessions/notes)\n  status: {\n    scheduled: '#3B82F6',\n    completed: '#16A34A',\n    cancelled: '#6B7280',\n    'no-show': '#EF4444',\n    draft: '#F59E0B',\n    signed: '#16A34A',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * Typography design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const fontFamily = {\n  sans: ['Inter', 'system-ui', 'sans-serif'],\n  mono: ['JetBrains Mono', 'monospace'],\n} as const;\n\nexport const fontSize = {\n  xs: ['0.75rem', { lineHeight: '1rem' }],\n  sm: ['0.875rem', { lineHeight: '1.25rem' }],\n  base: ['1rem', { lineHeight: '1.5rem' }],\n  lg: ['1.125rem', { lineHeight: '1.75rem' }],\n  xl: ['1.25rem', { lineHeight: '1.75rem' }],\n  '2xl': ['1.5rem', { lineHeight: '2rem' }],\n  '3xl': ['2rem', { lineHeight: '2.5rem' }],\n} as const;\n\nexport const fontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * Spacing and layout design tokens for the Teja UI component library.\n * Based on /business/ux/Patterns/Design-Tokens.md\n */\n\nexport const spacing = {\n  0: '0',\n  1: '0.25rem',\n  2: '0.5rem',\n  3: '0.75rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  8: '2rem',\n  10: '2.5rem',\n  12: '3rem',\n} as const;\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const boxShadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px rgba(0, 0, 0, 0.15)',\n} as const;\n\nexport const zIndex = {\n  base: '0',\n  dropdown: '10',\n  sticky: '20',\n  drawer: '30',\n  modal: '40',\n  toast: '50',\n  tooltip: '60',\n} as const;\n\nexport const transitionDuration = {\n  fast: '100ms',\n  normal: '150ms',\n  slow: '300ms',\n} as const;\n\nexport const transitionTimingFunction = {\n  default: 'ease-out',\n  bounce: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n} as const;\n\nexport type Spacing = typeof spacing;\nexport type BorderRadius = typeof borderRadius;\nexport type BoxShadow = typeof boxShadow;\nexport type ZIndex = typeof zIndex;\n","/**\n * Tailwind CSS preset for the Teja UI component library.\n *\n * Usage in consumer apps:\n * ```ts\n * import tejaPreset from '@teja-app/ui/tailwind';\n *\n * export default {\n *   presets: [tejaPreset],\n *   content: [\n *     \"./src/**\\/*.{js,ts,jsx,tsx}\",\n *     \"./node_modules/@teja-app/ui/dist/**\\/*.{js,mjs}\",\n *   ],\n * };\n * ```\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './colors';\nimport { fontFamily, fontSize, fontWeight } from './typography';\nimport {\n  spacing,\n  borderRadius,\n  boxShadow,\n  zIndex,\n  transitionDuration,\n  transitionTimingFunction,\n} from './spacing';\n\nconst preset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors,\n      fontFamily,\n      fontSize,\n      fontWeight,\n      spacing,\n      borderRadius,\n      boxShadow,\n      zIndex,\n      transitionDuration,\n      transitionTimingFunction,\n    },\n  },\n};\n\nexport default preset;\n"],"names":[],"mappings":"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"}

package/dist/useSidebar-BWe09WbE.js

@@ -0,0 +1,466 @@
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+function useDebounce(value, delay = 300) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function useDebouncedCallback(callback, delay = 300) {
+  const timeoutRef = useRef(null);
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const debouncedCallback = useCallback(
+    (...args) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay]
+  );
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return debouncedCallback;
+}
+function useDebouncedCallbackWithControl(callback, delay = 300) {
+  const timeoutRef = useRef(null);
+  const callbackRef = useRef(callback);
+  const argsRef = useRef(null);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const cancel = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+      argsRef.current = null;
+    }
+  }, []);
+  const flush = useCallback(() => {
+    if (timeoutRef.current && argsRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+      const args = argsRef.current;
+      argsRef.current = null;
+      callbackRef.current(...args);
+    }
+  }, []);
+  const isPending = useCallback(() => {
+    return timeoutRef.current !== null;
+  }, []);
+  const debouncedFn = useCallback(
+    (...args) => {
+      argsRef.current = args;
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        timeoutRef.current = null;
+        argsRef.current = null;
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay]
+  );
+  useEffect(() => {
+    return () => {
+      cancel();
+    };
+  }, [cancel]);
+  return { debouncedFn, cancel, flush, isPending };
+}
+function useTable({
+  data,
+  initialSortColumn,
+  initialSortDirection = "asc",
+  initialPage = 1,
+  initialPageSize = 10,
+  serverSide = false,
+  onSort,
+  onPageChange,
+  onPageSizeChange,
+  sortFn,
+  getValueByColumn,
+  totalItems: totalItemsProp
+}) {
+  const [sortState, setSortState] = useState({
+    column: initialSortColumn ?? null,
+    direction: initialSortDirection
+  });
+  const [currentPage, setCurrentPage] = useState(initialPage);
+  const [pageSize, setPageSizeState] = useState(initialPageSize);
+  const defaultGetValue = useCallback((item, column) => {
+    return item[column];
+  }, []);
+  const getValue = getValueByColumn ?? defaultGetValue;
+  const defaultSortFn = useCallback(
+    (items, column, direction) => {
+      return [...items].sort((a, b) => {
+        const aVal = getValue(a, column);
+        const bVal = getValue(b, column);
+        if (aVal == null && bVal == null) return 0;
+        if (aVal == null) return direction === "asc" ? 1 : -1;
+        if (bVal == null) return direction === "asc" ? -1 : 1;
+        if (typeof aVal === "string" && typeof bVal === "string") {
+          const comparison2 = aVal.localeCompare(bVal);
+          return direction === "asc" ? comparison2 : -comparison2;
+        }
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          return direction === "asc" ? aVal - bVal : bVal - aVal;
+        }
+        if (aVal instanceof Date && bVal instanceof Date) {
+          return direction === "asc" ? aVal.getTime() - bVal.getTime() : bVal.getTime() - aVal.getTime();
+        }
+        if (typeof aVal === "boolean" && typeof bVal === "boolean") {
+          const comparison2 = aVal === bVal ? 0 : aVal ? -1 : 1;
+          return direction === "asc" ? comparison2 : -comparison2;
+        }
+        const aStr = String(aVal);
+        const bStr = String(bVal);
+        const comparison = aStr.localeCompare(bStr);
+        return direction === "asc" ? comparison : -comparison;
+      });
+    },
+    [getValue]
+  );
+  const sort = sortFn ?? defaultSortFn;
+  const sortedData = useMemo(() => {
+    if (serverSide || !sortState.column) {
+      return data;
+    }
+    return sort(data, sortState.column, sortState.direction);
+  }, [data, serverSide, sortState.column, sortState.direction, sort]);
+  const totalItems = serverSide ? totalItemsProp ?? data.length : data.length;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const pageData = useMemo(() => {
+    if (serverSide) {
+      return data;
+    }
+    const startIndex = (currentPage - 1) * pageSize;
+    return sortedData.slice(startIndex, startIndex + pageSize);
+  }, [serverSide, sortedData, currentPage, pageSize, data]);
+  const handleSort = useCallback(
+    (column) => {
+      const newDirection = sortState.column === column && sortState.direction === "asc" ? "desc" : "asc";
+      setSortState({ column, direction: newDirection });
+      if (serverSide && onSort) {
+        onSort(column, newDirection);
+      }
+      if (!serverSide) {
+        setCurrentPage(1);
+      }
+    },
+    [sortState.column, sortState.direction, serverSide, onSort]
+  );
+  const setSort = useCallback(
+    (column, direction) => {
+      setSortState({ column, direction });
+      if (serverSide && onSort && column) {
+        onSort(column, direction);
+      }
+    },
+    [serverSide, onSort]
+  );
+  const goToPage = useCallback(
+    (page) => {
+      const validPage = Math.max(1, Math.min(page, totalPages));
+      setCurrentPage(validPage);
+      if (serverSide && onPageChange) {
+        onPageChange(validPage);
+      }
+    },
+    [totalPages, serverSide, onPageChange]
+  );
+  const nextPage = useCallback(() => {
+    if (currentPage < totalPages) {
+      goToPage(currentPage + 1);
+    }
+  }, [currentPage, totalPages, goToPage]);
+  const previousPage = useCallback(() => {
+    if (currentPage > 1) {
+      goToPage(currentPage - 1);
+    }
+  }, [currentPage, goToPage]);
+  const setPageSize = useCallback(
+    (size) => {
+      setPageSizeState(size);
+      setCurrentPage(1);
+      if (serverSide && onPageSizeChange) {
+        onPageSizeChange(size);
+      }
+    },
+    [serverSide, onPageSizeChange]
+  );
+  const reset = useCallback(() => {
+    setSortState({
+      column: initialSortColumn ?? null,
+      direction: initialSortDirection
+    });
+    setCurrentPage(initialPage);
+    setPageSizeState(initialPageSize);
+  }, [initialSortColumn, initialSortDirection, initialPage, initialPageSize]);
+  return {
+    pageData,
+    sortedData,
+    sortColumn: sortState.column,
+    sortDirection: sortState.direction,
+    handleSort,
+    setSort,
+    currentPage,
+    pageSize,
+    totalPages,
+    totalItems,
+    goToPage,
+    nextPage,
+    previousPage,
+    setPageSize,
+    reset,
+    isFirstPage: currentPage === 1,
+    isLastPage: currentPage >= totalPages
+  };
+}
+function useSelection({
+  items,
+  getItemId,
+  initialSelected = [],
+  onSelectionChange,
+  isSelectable = () => true
+}) {
+  const [selectedIds, setSelectedIds] = useState(initialSelected);
+  const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
+  const selectableItems = useMemo(
+    () => items.filter(isSelectable),
+    [items, isSelectable]
+  );
+  const selectableIds = useMemo(
+    () => selectableItems.map(getItemId),
+    [selectableItems, getItemId]
+  );
+  const selectedCount = selectedIds.length;
+  const allSelected = selectableIds.length > 0 && selectableIds.every((id) => selectedSet.has(id));
+  const someSelected = selectedIds.length > 0;
+  const noneSelected = selectedIds.length === 0;
+  const updateSelection = useCallback(
+    (newIds) => {
+      setSelectedIds(newIds);
+      onSelectionChange?.(newIds);
+    },
+    [onSelectionChange]
+  );
+  const isSelected = useCallback((id) => selectedSet.has(id), [selectedSet]);
+  const toggle = useCallback(
+    (id) => {
+      if (selectedSet.has(id)) {
+        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));
+      } else {
+        updateSelection([...selectedIds, id]);
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const select = useCallback(
+    (id) => {
+      if (!selectedSet.has(id)) {
+        updateSelection([...selectedIds, id]);
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const deselect = useCallback(
+    (id) => {
+      if (selectedSet.has(id)) {
+        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const selectAll = useCallback(() => {
+    const newSelectedSet = new Set(selectedIds);
+    selectableIds.forEach((id) => newSelectedSet.add(id));
+    updateSelection(Array.from(newSelectedSet));
+  }, [selectedIds, selectableIds, updateSelection]);
+  const clearSelection = useCallback(() => {
+    updateSelection([]);
+  }, [updateSelection]);
+  const toggleAll = useCallback(() => {
+    if (allSelected) {
+      const selectableIdSet = new Set(selectableIds);
+      updateSelection(selectedIds.filter((id) => !selectableIdSet.has(id)));
+    } else {
+      selectAll();
+    }
+  }, [allSelected, selectAll, selectedIds, selectableIds, updateSelection]);
+  const selectMany = useCallback(
+    (ids) => {
+      const newSelectedSet = new Set(selectedIds);
+      ids.forEach((id) => newSelectedSet.add(id));
+      updateSelection(Array.from(newSelectedSet));
+    },
+    [selectedIds, updateSelection]
+  );
+  const deselectMany = useCallback(
+    (ids) => {
+      const idsToRemove = new Set(ids);
+      updateSelection(selectedIds.filter((id) => !idsToRemove.has(id)));
+    },
+    [selectedIds, updateSelection]
+  );
+  const setSelection = useCallback(
+    (ids) => {
+      updateSelection(ids);
+    },
+    [updateSelection]
+  );
+  const getSelectedItems = useCallback(() => {
+    return items.filter((item) => selectedSet.has(getItemId(item)));
+  }, [items, selectedSet, getItemId]);
+  return {
+    selectedIds,
+    selectedSet,
+    selectedCount,
+    allSelected,
+    someSelected,
+    noneSelected,
+    isSelected,
+    toggle,
+    select,
+    deselect,
+    selectAll,
+    clearSelection,
+    toggleAll,
+    selectMany,
+    deselectMany,
+    setSelection,
+    getSelectedItems
+  };
+}
+const isBrowser = typeof window !== "undefined";
+function getInitialCollapsed(storageKey, defaultValue) {
+  if (!isBrowser) return defaultValue;
+  try {
+    const stored = localStorage.getItem(storageKey);
+    if (stored !== null) {
+      return JSON.parse(stored);
+    }
+  } catch {
+  }
+  return defaultValue;
+}
+function useSidebar(options = {}) {
+  const {
+    defaultOpen = false,
+    defaultCollapsed = false,
+    storageKey = "teja-sidebar-collapsed",
+    mobileBreakpoint = 1024,
+    autoCloseOnMobile = true
+  } = options;
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const [collapsed, setCollapsedState] = useState(
+    () => getInitialCollapsed(storageKey, defaultCollapsed)
+  );
+  const [isMobile, setIsMobile] = useState(() => {
+    if (!isBrowser) return false;
+    return window.innerWidth < mobileBreakpoint;
+  });
+  useEffect(() => {
+    if (!isBrowser) return;
+    try {
+      localStorage.setItem(storageKey, JSON.stringify(collapsed));
+    } catch {
+    }
+  }, [collapsed, storageKey]);
+  useEffect(() => {
+    if (!isBrowser) return;
+    const handleResize = () => {
+      const mobile = window.innerWidth < mobileBreakpoint;
+      setIsMobile(mobile);
+      if (!mobile && isOpen) {
+        setIsOpen(false);
+      }
+    };
+    const mediaQuery = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
+    const handleChange = (event) => {
+      setIsMobile(event.matches);
+      if (!event.matches && isOpen) {
+        setIsOpen(false);
+      }
+    };
+    if (mediaQuery.addEventListener) {
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [mobileBreakpoint, isOpen]);
+  const toggle = useCallback(() => {
+    setIsOpen((prev) => !prev);
+  }, []);
+  const open = useCallback(() => {
+    setIsOpen(true);
+  }, []);
+  const close = useCallback(() => {
+    setIsOpen(false);
+  }, []);
+  const toggleCollapsed = useCallback(() => {
+    setCollapsedState((prev) => !prev);
+  }, []);
+  const setCollapsed = useCallback((value) => {
+    setCollapsedState(value);
+  }, []);
+  const handleNavigate = useCallback(
+    (_href) => {
+      if (autoCloseOnMobile && isMobile) {
+        setIsOpen(false);
+      }
+    },
+    [autoCloseOnMobile, isMobile]
+  );
+  return useMemo(
+    () => ({
+      isOpen,
+      toggle,
+      open,
+      close,
+      collapsed,
+      toggleCollapsed,
+      setCollapsed,
+      isMobile,
+      handleNavigate
+    }),
+    [
+      isOpen,
+      toggle,
+      open,
+      close,
+      collapsed,
+      toggleCollapsed,
+      setCollapsed,
+      isMobile,
+      handleNavigate
+    ]
+  );
+}
+export {
+  useDebouncedCallback as a,
+  useDebouncedCallbackWithControl as b,
+  useSelection as c,
+  useSidebar as d,
+  useTable as e,
+  useDebounce as u
+};
+//# sourceMappingURL=useSidebar-BWe09WbE.js.map