@vritti/quantum-ui 0.2.9 → 0.2.10

package/dist/TextArea.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { F as Field, e as FieldLabel, a as FieldContent, b as FieldDescription, c as FieldError } from './field.js';
-import { c as cn } from './utils.js';
+import { c as cn } from './utils2.js';
 
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx(

package/dist/TextField.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
-import { c as cn } from './utils.js';
+import { c as cn } from './utils2.js';
 import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from './field.js';
 
 function Input({ className, type, ...props }) {
@@ -21,8 +21,8 @@ function Input({ className, type, ...props }) {
 }
 
 const TextField = React__default.forwardRef(
-  ({ label, description, error, className, id, startAdornment, endAdornment, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(Field, { children: [
+  ({ label, description, error, className, id, disabled, startAdornment, endAdornment, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(Field, { "data-disabled": disabled, children: [
       label && /* @__PURE__ */ jsx(FieldLabel, { children: label }),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         startAdornment && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: startAdornment }),
@@ -31,6 +31,7 @@ const TextField = React__default.forwardRef(
           {
             "aria-invalid": !!error,
             ref,
+            disabled,
             className: cn(className, startAdornment && "pl-10", endAdornment && "pr-10"),
             id,
             ...props

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../shadcn/shadcnInput/Input.tsx","../lib/components/TextField/TextField.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import React from 'react';\nimport { Input } from '../../../shadcn/shadcnInput';\nimport { cn } from '../../../shadcn/utils';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../Field';\n\nexport interface TextFieldProps extends React.ComponentProps<'input'> {\n  /**\n   * Label for the field\n   */\n  label?: string;\n\n  /**\n   * Helper text to display below the field\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Element to display at the start of the input (e.g., icon)\n   */\n  startAdornment?: React.ReactNode;\n\n  /**\n   * Element to display at the end of the input (e.g., icon button)\n   */\n  endAdornment?: React.ReactNode;\n}\n\n// TextField molecule - Input + Label composition using Field system\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ label, description, error, className, id, startAdornment, endAdornment, ...props }, ref) => {\n    return (\n      <Field>\n        {label && <FieldLabel>{label}</FieldLabel>}\n\n        <div className=\"relative\">\n          {startAdornment && (\n            <div className=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">{startAdornment}</div>\n          )}\n          <Input\n            aria-invalid={!!error}\n            ref={ref}\n            className={cn(className, startAdornment && 'pl-10', endAdornment && 'pr-10')}\n            id={id}\n            {...props}\n          />\n          {endAdornment && <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">{endAdornment}</div>}\n        </div>\n\n        {description && !error && <FieldDescription>{description}</FieldDescription>}\n        {error && <FieldError>{error}</FieldError>}\n      </Field>\n    );\n  },\n);\n\nTextField.displayName = 'TextField';\n"],"names":["React"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAkC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,icAAA;AAAA,QACA,+EAAA;AAAA,QACA,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACeO,MAAM,YAAYA,cAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,cAAA,EAAgB,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC7F,IAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,cAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAE7B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA;AAAA,QAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EAAwE,QAAA,EAAA,cAAA,EAAe,CAAA;AAAA,wBAExG,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,YAChB,GAAA;AAAA,YACA,WAAW,EAAA,CAAG,SAAA,EAAW,cAAA,IAAkB,OAAA,EAAS,gBAAgB,OAAO,CAAA;AAAA,YAC3E,EAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,YAAA,oBAAgB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAqD,QAAA,EAAA,YAAA,EAAa;AAAA,OAAA,EACpG,CAAA;AAAA,MAEC,WAAA,IAAe,CAAC,KAAA,oBAAS,GAAA,CAAC,oBAAkB,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACxD,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC/B,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}
+{"version":3,"file":"TextField.js","sources":["../shadcn/shadcnInput/Input.tsx","../lib/components/TextField/TextField.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import React from 'react';\nimport { Input } from '../../../shadcn/shadcnInput';\nimport { cn } from '../../../shadcn/utils';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../Field';\n\nexport interface TextFieldProps extends React.ComponentProps<'input'> {\n  /**\n   * Label for the field\n   */\n  label?: string;\n\n  /**\n   * Helper text to display below the field\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Element to display at the start of the input (e.g., icon)\n   */\n  startAdornment?: React.ReactNode;\n\n  /**\n   * Element to display at the end of the input (e.g., icon button)\n   */\n  endAdornment?: React.ReactNode;\n}\n\n// TextField molecule - Input + Label composition using Field system\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ label, description, error, className, id, disabled, startAdornment, endAdornment, ...props }, ref) => {\n    return (\n      <Field data-disabled={disabled}>\n        {label && <FieldLabel>{label}</FieldLabel>}\n\n        <div className=\"relative\">\n          {startAdornment && (\n            <div className=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">{startAdornment}</div>\n          )}\n          <Input\n            aria-invalid={!!error}\n            ref={ref}\n            disabled={disabled}\n            className={cn(className, startAdornment && 'pl-10', endAdornment && 'pr-10')}\n            id={id}\n            {...props}\n          />\n          {endAdornment && <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">{endAdornment}</div>}\n        </div>\n\n        {description && !error && <FieldDescription>{description}</FieldDescription>}\n        {error && <FieldError>{error}</FieldError>}\n      </Field>\n    );\n  },\n);\n\nTextField.displayName = 'TextField';\n"],"names":["React"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAkC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,icAAA;AAAA,QACA,+EAAA;AAAA,QACA,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACeO,MAAM,YAAYA,cAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,QAAA,EAAU,cAAA,EAAgB,YAAA,EAAc,GAAG,KAAA,IAAS,GAAA,KAAQ;AACvG,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,eAAA,EAAe,QAAA,EACnB,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,cAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAE7B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA;AAAA,QAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EAAwE,QAAA,EAAA,cAAA,EAAe,CAAA;AAAA,wBAExG,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,YAChB,GAAA;AAAA,YACA,QAAA;AAAA,YACA,WAAW,EAAA,CAAG,SAAA,EAAW,cAAA,IAAkB,OAAA,EAAS,gBAAgB,OAAO,CAAA;AAAA,YAC3E,EAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,YAAA,oBAAgB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAqD,QAAA,EAAA,YAAA,EAAa;AAAA,OAAA,EACpG,CAAA;AAAA,MAEC,WAAA,IAAe,CAAC,KAAA,oBAAS,GAAA,CAAC,oBAAkB,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACxD,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC/B,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/ThemeContext.js

@@ -20,14 +20,8 @@ function getInitialTheme(storageKey, defaultTheme) {
   }
   return "light";
 }
-function ThemeProvider({
-  children,
-  defaultTheme,
-  storageKey = THEME_STORAGE_KEY
-}) {
-  const [theme, setThemeState] = useState(
-    () => getInitialTheme(storageKey, defaultTheme)
-  );
+function ThemeProvider({ children, defaultTheme, storageKey = THEME_STORAGE_KEY }) {
+  const [theme, setThemeState] = useState(() => getInitialTheme(storageKey, defaultTheme));
   useLayoutEffect(() => {
     const isDark = theme === "dark";
     document.documentElement.classList.toggle("dark", isDark);

package/dist/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sources":["../lib/context/ThemeContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\n/**\n * Theme mode type - either 'light' or 'dark'\n */\nexport type ThemeMode = 'light' | 'dark';\n\n/**\n * Shape of the theme context value\n */\nexport interface ThemeContextValue {\n  /** Current theme mode ('light' or 'dark') */\n  theme: ThemeMode;\n  /** Function to toggle between light and dark themes */\n  toggleTheme: () => void;\n  /** Function to set a specific theme */\n  setTheme: (theme: ThemeMode) => void;\n}\n\n/**\n * Props for the ThemeProvider component\n */\nexport interface ThemeProviderProps {\n  /** Child components that will have access to the theme context */\n  children: ReactNode;\n  /** Optional initial theme (defaults to system preference or localStorage) */\n  defaultTheme?: ThemeMode;\n  /** localStorage key for persisting theme preference */\n  storageKey?: string;\n}\n\nconst THEME_STORAGE_KEY = 'theme';\n\n/**\n * Theme context for sharing theme state across components.\n * Use the useTheme hook to access this context.\n */\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nThemeContext.displayName = 'ThemeContext';\n\n/**\n * Determines the initial theme based on localStorage and system preferences.\n * @param storageKey - The localStorage key to check for saved theme\n * @param defaultTheme - Optional default theme to use if no preference is found\n * @returns The determined initial theme\n */\nfunction getInitialTheme(storageKey: string, defaultTheme?: ThemeMode): ThemeMode {\n  // Check for saved theme in localStorage\n  if (typeof window !== 'undefined') {\n    const savedTheme = localStorage.getItem(storageKey);\n    if (savedTheme === 'dark' || savedTheme === 'light') {\n      return savedTheme;\n    }\n  }\n\n  // Use default theme if provided\n  if (defaultTheme) {\n    return defaultTheme;\n  }\n\n  // Fall back to system preference\n  if (typeof window !== 'undefined') {\n    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    return systemPrefersDark ? 'dark' : 'light';\n  }\n\n  // Ultimate fallback\n  return 'light';\n}\n\n/**\n * ThemeProvider component that manages theme state and provides it to the component tree.\n *\n * Features:\n * - Single source of truth for theme state\n * - Persists theme preference to localStorage\n * - Detects system color scheme preference on initial load\n * - Toggles the 'dark' class on document.documentElement\n * - Avoids flash of incorrect theme using useLayoutEffect\n *\n * @example\n * ```tsx\n * // Wrap your app with ThemeProvider\n * function App() {\n *   return (\n *     <ThemeProvider>\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n *\n * // With default theme\n * <ThemeProvider defaultTheme=\"dark\">\n *   <YourApp />\n * </ThemeProvider>\n *\n * // With custom storage key\n * <ThemeProvider storageKey=\"my-app-theme\">\n *   <YourApp />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme,\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<ThemeMode>(() =>\n    getInitialTheme(storageKey, defaultTheme)\n  );\n\n  // Apply theme to document on initial mount and when theme changes\n  useLayoutEffect(() => {\n    const isDark = theme === 'dark';\n    document.documentElement.classList.toggle('dark', isDark);\n  }, [theme]);\n\n  // Persist to localStorage whenever theme changes\n  useLayoutEffect(() => {\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  const setTheme = useCallback((newTheme: ThemeMode) => {\n    setThemeState(newTheme);\n  }, []);\n\n  const toggleTheme = useCallback(() => {\n    setThemeState((currentTheme) => (currentTheme === 'dark' ? 'light' : 'dark'));\n  }, []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      toggleTheme,\n      setTheme,\n    }),\n    [theme, toggleTheme, setTheme]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nThemeProvider.displayName = 'ThemeProvider';\n"],"names":[],"mappings":";;;AAsCA,MAAM,iBAAA,GAAoB,OAAA;AAMnB,MAAM,YAAA,GAAe,cAAwC,IAAI;AAExE,YAAA,CAAa,WAAA,GAAc,cAAA;AAQ3B,SAAS,eAAA,CAAgB,YAAoB,YAAA,EAAqC;AAEhF,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AAClD,IAAA,IAAI,UAAA,KAAe,MAAA,IAAU,UAAA,KAAe,OAAA,EAAS;AACnD,MAAA,OAAO,UAAA;AAAA,IACT;AAAA,EACF;AAGA,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,OAAO,YAAA;AAAA,EACT;AAGA,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,MAAM,iBAAA,GAAoB,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,OAAA;AAC5E,IAAA,OAAO,oBAAoB,MAAA,GAAS,OAAA;AAAA,EACtC;AAGA,EAAA,OAAO,OAAA;AACT;AAkCO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,QAAA;AAAA,IAAoB,MACjD,eAAA,CAAgB,UAAA,EAAY,YAAY;AAAA,GAC1C;AAGA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,SAAS,KAAA,KAAU,MAAA;AACzB,IAAA,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,MAAM,CAAA;AAAA,EAC1D,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAGV,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,YAAA,CAAa,OAAA,CAAQ,YAAY,KAAK,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,KAAA,EAAO,UAAU,CAAC,CAAA;AAEtB,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,QAAA,KAAwB;AACpD,IAAA,aAAA,CAAc,QAAQ,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,aAAA,CAAc,CAAC,YAAA,KAAkB,YAAA,KAAiB,MAAA,GAAS,UAAU,MAAO,CAAA;AAAA,EAC9E,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,KAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,WAAA,EAAa,QAAQ;AAAA,GAC/B;AAEA,EAAA,uBAAO,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAe,QAAA,EAAS,CAAA;AACxD;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}
+{"version":3,"file":"ThemeContext.js","sources":["../lib/context/ThemeContext.tsx"],"sourcesContent":["import { createContext, type ReactNode, useCallback, useLayoutEffect, useMemo, useState } from 'react';\n\n/**\n * Theme mode type - either 'light' or 'dark'\n */\nexport type ThemeMode = 'light' | 'dark';\n\n/**\n * Shape of the theme context value\n */\nexport interface ThemeContextValue {\n  /** Current theme mode ('light' or 'dark') */\n  theme: ThemeMode;\n  /** Function to toggle between light and dark themes */\n  toggleTheme: () => void;\n  /** Function to set a specific theme */\n  setTheme: (theme: ThemeMode) => void;\n}\n\n/**\n * Props for the ThemeProvider component\n */\nexport interface ThemeProviderProps {\n  /** Child components that will have access to the theme context */\n  children: ReactNode;\n  /** Optional initial theme (defaults to system preference or localStorage) */\n  defaultTheme?: ThemeMode;\n  /** localStorage key for persisting theme preference */\n  storageKey?: string;\n}\n\nconst THEME_STORAGE_KEY = 'theme';\n\n/**\n * Theme context for sharing theme state across components.\n * Use the useTheme hook to access this context.\n */\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nThemeContext.displayName = 'ThemeContext';\n\n/**\n * Determines the initial theme based on localStorage and system preferences.\n * @param storageKey - The localStorage key to check for saved theme\n * @param defaultTheme - Optional default theme to use if no preference is found\n * @returns The determined initial theme\n */\nfunction getInitialTheme(storageKey: string, defaultTheme?: ThemeMode): ThemeMode {\n  // Check for saved theme in localStorage\n  if (typeof window !== 'undefined') {\n    const savedTheme = localStorage.getItem(storageKey);\n    if (savedTheme === 'dark' || savedTheme === 'light') {\n      return savedTheme;\n    }\n  }\n\n  // Use default theme if provided\n  if (defaultTheme) {\n    return defaultTheme;\n  }\n\n  // Fall back to system preference\n  if (typeof window !== 'undefined') {\n    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    return systemPrefersDark ? 'dark' : 'light';\n  }\n\n  // Ultimate fallback\n  return 'light';\n}\n\n/**\n * ThemeProvider component that manages theme state and provides it to the component tree.\n *\n * Features:\n * - Single source of truth for theme state\n * - Persists theme preference to localStorage\n * - Detects system color scheme preference on initial load\n * - Toggles the 'dark' class on document.documentElement\n * - Avoids flash of incorrect theme using useLayoutEffect\n *\n * @example\n * ```tsx\n * // Wrap your app with ThemeProvider\n * function App() {\n *   return (\n *     <ThemeProvider>\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n *\n * // With default theme\n * <ThemeProvider defaultTheme=\"dark\">\n *   <YourApp />\n * </ThemeProvider>\n *\n * // With custom storage key\n * <ThemeProvider storageKey=\"my-app-theme\">\n *   <YourApp />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({ children, defaultTheme, storageKey = THEME_STORAGE_KEY }: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<ThemeMode>(() => getInitialTheme(storageKey, defaultTheme));\n\n  // Apply theme to document on initial mount and when theme changes\n  useLayoutEffect(() => {\n    const isDark = theme === 'dark';\n    document.documentElement.classList.toggle('dark', isDark);\n  }, [theme]);\n\n  // Persist to localStorage whenever theme changes\n  useLayoutEffect(() => {\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  const setTheme = useCallback((newTheme: ThemeMode) => {\n    setThemeState(newTheme);\n  }, []);\n\n  const toggleTheme = useCallback(() => {\n    setThemeState((currentTheme) => (currentTheme === 'dark' ? 'light' : 'dark'));\n  }, []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      toggleTheme,\n      setTheme,\n    }),\n    [theme, toggleTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nThemeProvider.displayName = 'ThemeProvider';\n"],"names":[],"mappings":";;;AA+BA,MAAM,iBAAA,GAAoB,OAAA;AAMnB,MAAM,YAAA,GAAe,cAAwC,IAAI;AAExE,YAAA,CAAa,WAAA,GAAc,cAAA;AAQ3B,SAAS,eAAA,CAAgB,YAAoB,YAAA,EAAqC;AAEhF,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AAClD,IAAA,IAAI,UAAA,KAAe,MAAA,IAAU,UAAA,KAAe,OAAA,EAAS;AACnD,MAAA,OAAO,UAAA;AAAA,IACT;AAAA,EACF;AAGA,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,OAAO,YAAA;AAAA,EACT;AAGA,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,MAAM,iBAAA,GAAoB,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,OAAA;AAC5E,IAAA,OAAO,oBAAoB,MAAA,GAAS,OAAA;AAAA,EACtC;AAGA,EAAA,OAAO,OAAA;AACT;AAkCO,SAAS,cAAc,EAAE,QAAA,EAAU,YAAA,EAAc,UAAA,GAAa,mBAAkB,EAAuB;AAC5G,EAAA,MAAM,CAAC,OAAO,aAAa,CAAA,GAAI,SAAoB,MAAM,eAAA,CAAgB,UAAA,EAAY,YAAY,CAAC,CAAA;AAGlG,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,SAAS,KAAA,KAAU,MAAA;AACzB,IAAA,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,MAAM,CAAA;AAAA,EAC1D,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAGV,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,YAAA,CAAa,OAAA,CAAQ,YAAY,KAAK,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,KAAA,EAAO,UAAU,CAAC,CAAA;AAEtB,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,QAAA,KAAwB;AACpD,IAAA,aAAA,CAAc,QAAQ,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,aAAA,CAAc,CAAC,YAAA,KAAkB,YAAA,KAAiB,MAAA,GAAS,UAAU,MAAO,CAAA;AAAA,EAC9E,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,KAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,WAAA,EAAa,QAAQ;AAAA,GAC/B;AAEA,EAAA,uBAAO,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAe,QAAA,EAAS,CAAA;AACxD;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}

package/dist/Toggle.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { u as useControllableState, P as Primitive, a as composeEventHandlers } from './index13.js';
-import { c as cva } from './index8.js';
-import { c as cn } from './utils.js';
+import { u as useControllableState, P as Primitive, c as composeEventHandlers } from './index13.js';
+import { c as cva } from './index5.js';
+import { c as cn } from './utils2.js';
 
 var NAME = "Toggle";
 var Toggle$2 = React.forwardRef((props, forwardedRef) => {

package/dist/Typography.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from './utils.js';
+import { c as cn } from './utils2.js';
 
 const variantMap = {
   h1: "h1",

package/dist/assets/quantum-ui.css

@@ -211,44 +211,44 @@
   --spacing: 0.25rem;
 }
 .dark {
-  --background: oklch(0.1591 0 0);
-  --foreground: oklch(0.9653 0.0069 247.8959);
-  --card: oklch(0.2178 0 0);
-  --card-foreground: oklch(0.9653 0.0069 247.8959);
-  --popover: oklch(0.1591 0 0);
-  --popover-foreground: oklch(0.9653 0.0069 247.8959);
-  --primary: oklch(0.5789 0.1833 256.2496);
-  --primary-foreground: oklch(0.9653 0.0069 247.8959);
-  --secondary: oklch(0.2931 0 0);
-  --secondary-foreground: oklch(0.8765 0.0112 225.9985);
-  --muted: oklch(0.2178 0 0);
-  --muted-foreground: oklch(0.7064 0.0268 229.3065);
-  --accent: oklch(0.2645 0 0);
-  --accent-foreground: oklch(0.5789 0.1833 256.2496);
-  --destructive: oklch(0.6539 0.1926 25.1437);
+  --background: oklch(0.1288 0.008 264.6952);
+  --foreground: oklch(0.9842 0.0034 247.8575);
+  --card: oklch(0.2077 0.008 265.7549);
+  --card-foreground: oklch(0.9842 0.0034 247.8575);
+  --popover: oklch(0.1288 0.008 264.6952);
+  --popover-foreground: oklch(0.9842 0.0034 247.8575);
+  --primary: oklch(0.49 0.1880 259.8145);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.2795 0.010 260.0310);
+  --secondary-foreground: oklch(0.9842 0.0034 247.8575);
+  --muted: oklch(0.2077 0.008 265.7549);
+  --muted-foreground: oklch(0.7107 0.015 256.7878);
+  --accent: oklch(0.2795 0.010 260.0310);
+  --accent-foreground: oklch(0.9842 0.0034 247.8575);
+  --destructive: oklch(0.6368 0.2078 25.3313);
   --destructive-foreground: oklch(1 0 0);
   --warning: oklch(0.8 0.16 90);
-  --warning-foreground: oklch(0.1591 0 0);
+  --warning-foreground: oklch(0.1288 0.008 264.6952);
   --success: oklch(0.7 0.16 150);
-  --success-foreground: oklch(0.1591 0 0);
+  --success-foreground: oklch(0.1288 0.008 264.6952);
   --info: oklch(0.72 0.15 200);
-  --info-foreground: oklch(0.1591 0 0);
-  --border: oklch(0.2931 0 0);
-  --input: oklch(0.2931 0 0);
-  --ring: oklch(0.5789 0.1833 256.2496);
-  --chart-1: oklch(0.5789 0.1833 256.2496);
-  --chart-2: oklch(0.6856 0.1417 256.6754);
+  --info-foreground: oklch(0.1288 0.008 264.6952);
+  --border: oklch(0.2795 0.010 260.0310);
+  --input: oklch(0.2795 0.010 260.0310);
+  --ring: oklch(0.49 0.1880 259.8145);
+  --chart-1: oklch(0.49 0.1880 259.8145);
+  --chart-2: oklch(0.7137 0.1434 254.6240);
   --chart-3: oklch(0.6731 0.1624 144.2083);
   --chart-4: oklch(0.8442 0.1722 84.9338);
   --chart-5: oklch(0.6083 0.209 27.0276);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.439 0 0);
+  --sidebar: oklch(0.1288 0.008 264.6952);
+  --sidebar-foreground: oklch(0.9842 0.0034 247.8575);
+  --sidebar-primary: oklch(0.49 0.1880 259.8145);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.2795 0.010 260.0310);
+  --sidebar-accent-foreground: oklch(0.9842 0.0034 247.8575);
+  --sidebar-border: oklch(0.2795 0.010 260.0310);
+  --sidebar-ring: oklch(0.49 0.1880 259.8145);
   --font-sans: "IBM Plex Sans", sans-serif;
   --font-serif: "Playfair Display", serif;
   --font-mono: "JetBrains Mono", monospace;

package/dist/{chevron-down.js → chevron-left.js}

@@ -8,8 +8,8 @@ import { c as createLucideIcon } from './createLucideIcon.js';
  */
 
 
-const __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode);
+const __iconNode = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode);
 
-export { ChevronDown as C };
-//# sourceMappingURL=chevron-down.js.map
+export { ChevronLeft as C };
+//# sourceMappingURL=chevron-left.js.map

package/dist/chevron-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-left.js","sources":["../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-left.js"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]];\nconst ChevronLeft = createLucideIcon(\"chevron-left\", __iconNode);\n\nexport { __iconNode, ChevronLeft as default };\n//# sourceMappingURL=chevron-left.js.map\n"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AAChE,MAAC,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE,UAAU;;;;","x_google_ignoreList":[0]}

package/dist/components/Badge.js

@@ -1,2 +1,3 @@
-export { B as Badge, b as badgeVariants } from '../Badge.js';
+export { B as Badge } from '../Badge.js';
+export { b as badgeVariants } from '../Badge2.js';
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/DataTable.js

@@ -0,0 +1,2 @@
+export { e as DataTable, D as DataTableColumnHeader, a as DataTableEmpty, b as DataTablePagination, c as DataTableToolbar, d as DataTableViewOptions, g as getSelectionColumn, u as useDataTable } from '../utils.js';
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}