@teja-app/ui 0.0.1 → 0.0.2

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/useSelection-BK6u5Ezx.js

@@ -0,0 +1,359 @@
+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
+  };
+}
+export {
+  useDebouncedCallback as a,
+  useDebouncedCallbackWithControl as b,
+  useSelection as c,
+  useTable as d,
+  useDebounce as u
+};
+//# sourceMappingURL=useSelection-BK6u5Ezx.js.map

package/dist/useSelection-BK6u5Ezx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-BK6u5Ezx.js","sources":["../src/hooks/useDebounce.ts","../src/hooks/useTable.ts","../src/hooks/useSelection.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\n/**\n * Debounces a value, returning the debounced value after the specified delay.\n *\n * @param value - The value to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns The debounced value\n *\n * @example\n * ```tsx\n * const [searchTerm, setSearchTerm] = useState('');\n * const debouncedSearch = useDebounce(searchTerm, 300);\n *\n * useEffect(() => {\n *   // This will only run after the user stops typing for 300ms\n *   fetchResults(debouncedSearch);\n * }, [debouncedSearch]);\n * ```\n */\nexport function useDebounce<T>(value: T, delay: number = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\n/**\n * Returns a debounced version of the provided callback function.\n *\n * @param callback - The function to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns A debounced version of the callback\n *\n * @example\n * ```tsx\n * const handleSearch = useDebouncedCallback((query: string) => {\n *   fetchSearchResults(query);\n * }, 300);\n *\n * // In your component:\n * <input onChange={(e) => handleSearch(e.target.value)} />\n * ```\n */\nexport function useDebouncedCallback<T extends (...args: Parameters<T>) => ReturnType<T>>(\n  callback: T,\n  delay: number = 300\n): (...args: Parameters<T>) => void {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const callbackRef = useRef(callback);\n\n  // Update callback ref on each render to always use latest callback\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  const debouncedCallback = useCallback(\n    (...args: Parameters<T>) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        callbackRef.current(...args);\n      }, delay);\n    },\n    [delay]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return debouncedCallback;\n}\n\n/**\n * Returns a debounced callback with cancel functionality.\n *\n * @param callback - The function to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns An object with the debounced callback and cancel/flush methods\n *\n * @example\n * ```tsx\n * const { debouncedFn, cancel, flush } = useDebouncedCallbackWithControl(\n *   (query: string) => fetchResults(query),\n *   300\n * );\n *\n * // Cancel pending execution\n * cancel();\n *\n * // Execute immediately\n * flush();\n * ```\n */\nexport function useDebouncedCallbackWithControl<T extends (...args: Parameters<T>) => ReturnType<T>>(\n  callback: T,\n  delay: number = 300\n): {\n  debouncedFn: (...args: Parameters<T>) => void;\n  cancel: () => void;\n  flush: () => void;\n  isPending: () => boolean;\n} {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const callbackRef = useRef(callback);\n  const argsRef = useRef<Parameters<T> | null>(null);\n\n  // Update callback ref on each render\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  const cancel = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      argsRef.current = null;\n    }\n  }, []);\n\n  const flush = useCallback(() => {\n    if (timeoutRef.current && argsRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      const args = argsRef.current;\n      argsRef.current = null;\n      callbackRef.current(...(args as Parameters<T>));\n    }\n  }, []);\n\n  const isPending = useCallback(() => {\n    return timeoutRef.current !== null;\n  }, []);\n\n  const debouncedFn = useCallback(\n    (...args: Parameters<T>) => {\n      argsRef.current = args;\n\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        timeoutRef.current = null;\n        argsRef.current = null;\n        callbackRef.current(...args);\n      }, delay);\n    },\n    [delay]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      cancel();\n    };\n  }, [cancel]);\n\n  return { debouncedFn, cancel, flush, isPending };\n}\n","import { useState, useMemo, useCallback } from 'react';\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport interface SortState {\n  column: string | null;\n  direction: SortDirection;\n}\n\nexport interface UseTableOptions<T> {\n  /** The data array to manage */\n  data: T[];\n\n  /** Initial sort column */\n  initialSortColumn?: string;\n\n  /** Initial sort direction */\n  initialSortDirection?: SortDirection;\n\n  /** Initial page (1-based) */\n  initialPage?: number;\n\n  /** Initial page size */\n  initialPageSize?: number;\n\n  /** Enable server-side mode (disables client-side sorting/pagination) */\n  serverSide?: boolean;\n\n  /** Callback when sort changes (server-side mode) */\n  onSort?: (column: string, direction: SortDirection) => void;\n\n  /** Callback when page changes (server-side mode) */\n  onPageChange?: (page: number) => void;\n\n  /** Callback when page size changes (server-side mode) */\n  onPageSizeChange?: (pageSize: number) => void;\n\n  /** Custom sort function for client-side sorting */\n  sortFn?: (data: T[], column: string, direction: SortDirection) => T[];\n\n  /** Key extractor for getting sortable value from item */\n  getValueByColumn?: (item: T, column: string) => unknown;\n\n  /** Total items count (for server-side pagination) */\n  totalItems?: number;\n}\n\nexport interface UseTableReturn<T> {\n  /** Current page data (paginated if not server-side) */\n  pageData: T[];\n\n  /** All sorted data (before pagination) */\n  sortedData: T[];\n\n  /** Current sort column */\n  sortColumn: string | null;\n\n  /** Current sort direction */\n  sortDirection: SortDirection;\n\n  /** Handle sort - toggles direction if same column, resets to asc if different */\n  handleSort: (column: string) => void;\n\n  /** Set sort directly */\n  setSort: (column: string | null, direction: SortDirection) => void;\n\n  /** Current page (1-based) */\n  currentPage: number;\n\n  /** Current page size */\n  pageSize: number;\n\n  /** Total number of pages */\n  totalPages: number;\n\n  /** Total items count */\n  totalItems: number;\n\n  /** Go to specific page */\n  goToPage: (page: number) => void;\n\n  /** Go to next page */\n  nextPage: () => void;\n\n  /** Go to previous page */\n  previousPage: () => void;\n\n  /** Set page size */\n  setPageSize: (size: number) => void;\n\n  /** Reset to initial state */\n  reset: () => void;\n\n  /** Whether currently on first page */\n  isFirstPage: boolean;\n\n  /** Whether currently on last page */\n  isLastPage: boolean;\n}\n\n/**\n * Hook for managing table state including sorting and pagination.\n * Supports both client-side and server-side modes.\n *\n * @example\n * ```tsx\n * // Client-side (default)\n * const { pageData, sortColumn, sortDirection, handleSort, currentPage, goToPage } = useTable({\n *   data: users,\n *   initialPageSize: 10,\n * });\n *\n * // Server-side\n * const { handleSort, goToPage } = useTable({\n *   data: users,\n *   serverSide: true,\n *   totalItems: 1000,\n *   onSort: (col, dir) => fetchUsers({ sort: col, order: dir }),\n *   onPageChange: (page) => fetchUsers({ page }),\n * });\n * ```\n */\nexport function useTable<T>({\n  data,\n  initialSortColumn,\n  initialSortDirection = 'asc',\n  initialPage = 1,\n  initialPageSize = 10,\n  serverSide = false,\n  onSort,\n  onPageChange,\n  onPageSizeChange,\n  sortFn,\n  getValueByColumn,\n  totalItems: totalItemsProp,\n}: UseTableOptions<T>): UseTableReturn<T> {\n  // Sort state\n  const [sortState, setSortState] = useState<SortState>({\n    column: initialSortColumn ?? null,\n    direction: initialSortDirection,\n  });\n\n  // Pagination state\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [pageSize, setPageSizeState] = useState(initialPageSize);\n\n  // Default value extractor\n  const defaultGetValue = useCallback((item: T, column: string): unknown => {\n    return (item as Record<string, unknown>)[column];\n  }, []);\n\n  const getValue = getValueByColumn ?? defaultGetValue;\n\n  // Default sort function\n  const defaultSortFn = useCallback(\n    (items: T[], column: string, direction: SortDirection): T[] => {\n      return [...items].sort((a, b) => {\n        const aVal = getValue(a, column);\n        const bVal = getValue(b, column);\n\n        // Handle null/undefined\n        if (aVal == null && bVal == null) return 0;\n        if (aVal == null) return direction === 'asc' ? 1 : -1;\n        if (bVal == null) return direction === 'asc' ? -1 : 1;\n\n        // String comparison\n        if (typeof aVal === 'string' && typeof bVal === 'string') {\n          const comparison = aVal.localeCompare(bVal);\n          return direction === 'asc' ? comparison : -comparison;\n        }\n\n        // Number comparison\n        if (typeof aVal === 'number' && typeof bVal === 'number') {\n          return direction === 'asc' ? aVal - bVal : bVal - aVal;\n        }\n\n        // Date comparison\n        if (aVal instanceof Date && bVal instanceof Date) {\n          return direction === 'asc'\n            ? aVal.getTime() - bVal.getTime()\n            : bVal.getTime() - aVal.getTime();\n        }\n\n        // Boolean comparison\n        if (typeof aVal === 'boolean' && typeof bVal === 'boolean') {\n          const comparison = aVal === bVal ? 0 : aVal ? -1 : 1;\n          return direction === 'asc' ? comparison : -comparison;\n        }\n\n        // Fallback to string comparison\n        const aStr = String(aVal);\n        const bStr = String(bVal);\n        const comparison = aStr.localeCompare(bStr);\n        return direction === 'asc' ? comparison : -comparison;\n      });\n    },\n    [getValue]\n  );\n\n  const sort = sortFn ?? defaultSortFn;\n\n  // Sorted data (client-side only)\n  const sortedData = useMemo(() => {\n    if (serverSide || !sortState.column) {\n      return data;\n    }\n    return sort(data, sortState.column, sortState.direction);\n  }, [data, serverSide, sortState.column, sortState.direction, sort]);\n\n  // Total items\n  const totalItems = serverSide ? (totalItemsProp ?? data.length) : data.length;\n\n  // Total pages\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Paginated data (client-side only)\n  const pageData = useMemo(() => {\n    if (serverSide) {\n      return data;\n    }\n    const startIndex = (currentPage - 1) * pageSize;\n    return sortedData.slice(startIndex, startIndex + pageSize);\n  }, [serverSide, sortedData, currentPage, pageSize, data]);\n\n  // Handle sort\n  const handleSort = useCallback(\n    (column: string) => {\n      const newDirection: SortDirection =\n        sortState.column === column && sortState.direction === 'asc' ? 'desc' : 'asc';\n\n      setSortState({ column, direction: newDirection });\n\n      if (serverSide && onSort) {\n        onSort(column, newDirection);\n      }\n\n      // Reset to first page on sort change\n      if (!serverSide) {\n        setCurrentPage(1);\n      }\n    },\n    [sortState.column, sortState.direction, serverSide, onSort]\n  );\n\n  // Set sort directly\n  const setSort = useCallback(\n    (column: string | null, direction: SortDirection) => {\n      setSortState({ column, direction });\n      if (serverSide && onSort && column) {\n        onSort(column, direction);\n      }\n    },\n    [serverSide, onSort]\n  );\n\n  // Go to specific page\n  const goToPage = useCallback(\n    (page: number) => {\n      const validPage = Math.max(1, Math.min(page, totalPages));\n      setCurrentPage(validPage);\n      if (serverSide && onPageChange) {\n        onPageChange(validPage);\n      }\n    },\n    [totalPages, serverSide, onPageChange]\n  );\n\n  // Next page\n  const nextPage = useCallback(() => {\n    if (currentPage < totalPages) {\n      goToPage(currentPage + 1);\n    }\n  }, [currentPage, totalPages, goToPage]);\n\n  // Previous page\n  const previousPage = useCallback(() => {\n    if (currentPage > 1) {\n      goToPage(currentPage - 1);\n    }\n  }, [currentPage, goToPage]);\n\n  // Set page size\n  const setPageSize = useCallback(\n    (size: number) => {\n      setPageSizeState(size);\n      setCurrentPage(1); // Reset to first page\n      if (serverSide && onPageSizeChange) {\n        onPageSizeChange(size);\n      }\n    },\n    [serverSide, onPageSizeChange]\n  );\n\n  // Reset to initial state\n  const reset = useCallback(() => {\n    setSortState({\n      column: initialSortColumn ?? null,\n      direction: initialSortDirection,\n    });\n    setCurrentPage(initialPage);\n    setPageSizeState(initialPageSize);\n  }, [initialSortColumn, initialSortDirection, initialPage, initialPageSize]);\n\n  return {\n    pageData,\n    sortedData,\n    sortColumn: sortState.column,\n    sortDirection: sortState.direction,\n    handleSort,\n    setSort,\n    currentPage,\n    pageSize,\n    totalPages,\n    totalItems,\n    goToPage,\n    nextPage,\n    previousPage,\n    setPageSize,\n    reset,\n    isFirstPage: currentPage === 1,\n    isLastPage: currentPage >= totalPages,\n  };\n}\n","import { useState, useMemo, useCallback } from 'react';\n\nexport interface UseSelectionOptions<T, K extends string | number = string> {\n  /** Array of items to select from */\n  items: T[];\n\n  /** Function to get the unique identifier from an item */\n  getItemId: (item: T) => K;\n\n  /** Initial selected IDs */\n  initialSelected?: K[];\n\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: K[]) => void;\n\n  /** Optional filter for selectable items (e.g., exclude disabled items) */\n  isSelectable?: (item: T) => boolean;\n}\n\nexport interface UseSelectionReturn<K extends string | number = string> {\n  /** Currently selected IDs */\n  selectedIds: K[];\n\n  /** Set of selected IDs for O(1) lookup */\n  selectedSet: Set<K>;\n\n  /** Number of selected items */\n  selectedCount: number;\n\n  /** Whether all selectable items are selected */\n  allSelected: boolean;\n\n  /** Whether some (but not all) items are selected */\n  someSelected: boolean;\n\n  /** Whether no items are selected */\n  noneSelected: boolean;\n\n  /** Check if a specific item is selected */\n  isSelected: (id: K) => boolean;\n\n  /** Toggle selection for a single item */\n  toggle: (id: K) => void;\n\n  /** Select a single item */\n  select: (id: K) => void;\n\n  /** Deselect a single item */\n  deselect: (id: K) => void;\n\n  /** Select all selectable items */\n  selectAll: () => void;\n\n  /** Clear all selections */\n  clearSelection: () => void;\n\n  /** Toggle between select all and clear all */\n  toggleAll: () => void;\n\n  /** Select multiple items */\n  selectMany: (ids: K[]) => void;\n\n  /** Deselect multiple items */\n  deselectMany: (ids: K[]) => void;\n\n  /** Replace selection with new IDs */\n  setSelection: (ids: K[]) => void;\n\n  /** Get selected items from the original array */\n  getSelectedItems: () => unknown[];\n}\n\n/**\n * Hook for managing batch selection in tables and lists.\n *\n * @example\n * ```tsx\n * const {\n *   selectedIds,\n *   allSelected,\n *   someSelected,\n *   isSelected,\n *   toggle,\n *   selectAll,\n *   clearSelection,\n *   toggleAll,\n * } = useSelection({\n *   items: users,\n *   getItemId: (user) => user.id,\n *   isSelectable: (user) => !user.disabled,\n * });\n *\n * // In table header:\n * <Checkbox\n *   checked={allSelected}\n *   indeterminate={someSelected && !allSelected}\n *   onChange={toggleAll}\n * />\n *\n * // In table row:\n * <Checkbox\n *   checked={isSelected(user.id)}\n *   onChange={() => toggle(user.id)}\n * />\n * ```\n */\nexport function useSelection<T, K extends string | number = string>({\n  items,\n  getItemId,\n  initialSelected = [],\n  onSelectionChange,\n  isSelectable = () => true,\n}: UseSelectionOptions<T, K>): UseSelectionReturn<K> {\n  const [selectedIds, setSelectedIds] = useState<K[]>(initialSelected);\n\n  // Selected set for O(1) lookup\n  const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\n  // Get selectable items\n  const selectableItems = useMemo(\n    () => items.filter(isSelectable),\n    [items, isSelectable]\n  );\n\n  // Get selectable IDs\n  const selectableIds = useMemo(\n    () => selectableItems.map(getItemId),\n    [selectableItems, getItemId]\n  );\n\n  // Computed states\n  const selectedCount = selectedIds.length;\n  const allSelected = selectableIds.length > 0 && selectableIds.every((id) => selectedSet.has(id));\n  const someSelected = selectedIds.length > 0;\n  const noneSelected = selectedIds.length === 0;\n\n  // Update selection and call callback\n  const updateSelection = useCallback(\n    (newIds: K[]) => {\n      setSelectedIds(newIds);\n      onSelectionChange?.(newIds);\n    },\n    [onSelectionChange]\n  );\n\n  // Check if item is selected\n  const isSelected = useCallback((id: K) => selectedSet.has(id), [selectedSet]);\n\n  // Toggle single item\n  const toggle = useCallback(\n    (id: K) => {\n      if (selectedSet.has(id)) {\n        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));\n      } else {\n        updateSelection([...selectedIds, id]);\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Select single item\n  const select = useCallback(\n    (id: K) => {\n      if (!selectedSet.has(id)) {\n        updateSelection([...selectedIds, id]);\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Deselect single item\n  const deselect = useCallback(\n    (id: K) => {\n      if (selectedSet.has(id)) {\n        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Select all selectable items\n  const selectAll = useCallback(() => {\n    const newSelectedSet = new Set(selectedIds);\n    selectableIds.forEach((id) => newSelectedSet.add(id));\n    updateSelection(Array.from(newSelectedSet));\n  }, [selectedIds, selectableIds, updateSelection]);\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    updateSelection([]);\n  }, [updateSelection]);\n\n  // Toggle all\n  const toggleAll = useCallback(() => {\n    if (allSelected) {\n      // Deselect all selectable items (keep non-selectable items selected if any)\n      const selectableIdSet = new Set(selectableIds);\n      updateSelection(selectedIds.filter((id) => !selectableIdSet.has(id)));\n    } else {\n      selectAll();\n    }\n  }, [allSelected, selectAll, selectedIds, selectableIds, updateSelection]);\n\n  // Select multiple items\n  const selectMany = useCallback(\n    (ids: K[]) => {\n      const newSelectedSet = new Set(selectedIds);\n      ids.forEach((id) => newSelectedSet.add(id));\n      updateSelection(Array.from(newSelectedSet));\n    },\n    [selectedIds, updateSelection]\n  );\n\n  // Deselect multiple items\n  const deselectMany = useCallback(\n    (ids: K[]) => {\n      const idsToRemove = new Set(ids);\n      updateSelection(selectedIds.filter((id) => !idsToRemove.has(id)));\n    },\n    [selectedIds, updateSelection]\n  );\n\n  // Replace selection\n  const setSelection = useCallback(\n    (ids: K[]) => {\n      updateSelection(ids);\n    },\n    [updateSelection]\n  );\n\n  // Get selected items\n  const getSelectedItems = useCallback(() => {\n    return items.filter((item) => selectedSet.has(getItemId(item)));\n  }, [items, selectedSet, getItemId]);\n\n  return {\n    selectedIds,\n    selectedSet,\n    selectedCount,\n    allSelected,\n    someSelected,\n    noneSelected,\n    isSelected,\n    toggle,\n    select,\n    deselect,\n    selectAll,\n    clearSelection,\n    toggleAll,\n    selectMany,\n    deselectMany,\n    setSelection,\n    getSelectedItems,\n  };\n}\n"],"names":["comparison"],"mappings":"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"}