@vritti/quantum-ui 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../lib/theme/useTheme.ts","../lib/theme/ThemeProvider.tsx"],"sourcesContent":["import { useContext, createContext } from \"react\";\n\nexport interface ThemeContextType {\n  /** Current color scheme */\n  colorScheme: \"light\" | \"dark\";\n  /** Toggle between light and dark themes */\n  toggleColorScheme: () => void;\n  /** Set specific theme (useful for theme selection UI) */\n  setTheme: (theme: \"light\" | \"dark\") => void;\n  /** Whether React has finished hydrating (safe to show theme-dependent content) */\n  isHydrated: boolean;\n  /** localStorage key used for persistence */\n  storageKey: string;\n  /** HTML attribute used for theme */\n  attribute: string;\n}\n\nexport const ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\n/**\n * Hook to access and control theme state.\n * \n * @example Basic usage\n * ```tsx\n * function ThemeToggle() {\n *   const { colorScheme, toggleColorScheme } = useTheme();\n *   \n *   return (\n *     <button onClick={toggleColorScheme}>\n *       Current: {colorScheme}\n *     </button>\n *   );\n * }\n * ```\n * \n * @example Theme selection UI\n * ```tsx\n * function ThemeSelector() {\n *   const { colorScheme, setTheme } = useTheme();\n *   \n *   return (\n *     <div>\n *       <button \n *         onClick={() => setTheme('light')}\n *         data-active={colorScheme === 'light'}\n *       >\n *         Light\n *       </button>\n *       <button \n *         onClick={() => setTheme('dark')}\n *         data-active={colorScheme === 'dark'}\n *       >\n *         Dark\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n * \n * @example Conditional rendering based on hydration\n * ```tsx\n * function ClientOnlyComponent() {\n *   const { isHydrated } = useTheme();\n *   \n *   if (!isHydrated) {\n *     return <div>Loading...</div>;\n *   }\n *   \n *   return <ComplexInteractiveWidget />;\n * }\n * ```\n */\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  \n  if (!context) {\n    throw new Error(\n      \"useTheme must be used within a ThemeProvider. \" +\n      \"Make sure to wrap your app with <ThemeProvider>.\"\n    );\n  }\n  \n  return context;\n};\n\n/**\n * Utility hook for components that need to check if they're running on the client\n * after hydration. This is useful for components that should only render on the client.\n * \n * @example\n * ```tsx\n * function ClientOnlyWidget() {\n *   const isClient = useIsClient();\n *   \n *   if (!isClient) return null;\n *   \n *   return <ComplexClientFeature />;\n * }\n * ```\n */\nexport const useIsClient = (): boolean => {\n  const { isHydrated } = useTheme();\n  return isHydrated;\n};","import CssBaseline from \"@mui/material/CssBaseline\";\nimport { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { createQuantumTheme } from \"./createTheme\";\nimport { ThemeContext } from \"./useTheme\";\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /**\n   * Default color scheme to use on first load\n   * Should match the defaultColorScheme used in ThemeScript\n   * @default \"light\"\n   */\n  defaultColorScheme?: \"light\" | \"dark\";\n  /**\n   * localStorage key to sync theme preference\n   * Should match the storageKey used in ThemeScript\n   * @default \"quantum-color-scheme\"\n   */\n  storageKey?: string;\n  /**\n   * HTML attribute that ThemeScript uses for theme\n   * Should match the attribute used in ThemeScript\n   * @default \"data-theme\"\n   */\n  attribute?: string;\n}\n\n/**\n * Enhanced ThemeProvider that works seamlessly with ThemeScript.\n *\n * ThemeScript handles:\n * - Initial DOM theme application (prevents flickering)\n * - Blocking script execution before React loads\n *\n * ThemeProvider handles:\n * - React state management and context\n * - SSR-safe hydration\n * - Theme toggling and persistence\n * - Performance optimization\n *\n * @example\n * ```tsx\n * // 1. Add ThemeScript to prevent flickering\n * <ThemeScript defaultColorScheme=\"light\" />\n *\n * // 2. Wrap app with ThemeProvider\n * <ThemeProvider defaultColorScheme=\"light\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  children,\n  defaultColorScheme = \"light\",\n  storageKey = \"quantum-color-scheme\",\n  attribute = \"data-theme\",\n}) => {\n  // SSR-safe state initialization - always start with default\n  const [colorScheme, setColorScheme] = useState<\"light\" | \"dark\">(\n    defaultColorScheme\n  );\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // Memoized theme creation - only recreate when colorScheme changes\n  const theme = useMemo(() => createQuantumTheme(colorScheme), [colorScheme]);\n\n  // Hydration effect - sync with ThemeScript's applied theme\n  useEffect(() => {\n    // Skip on server\n    if (typeof window === \"undefined\") return;\n\n    const syncWithDOM = () => {\n      // Read the actual theme from DOM (set by ThemeScript)\n      const domTheme = document.documentElement.getAttribute(attribute);\n      const isValidTheme = domTheme === \"light\" || domTheme === \"dark\";\n\n      // Only sync with DOM on initial hydration, not on subsequent renders\n      if (isValidTheme && !isHydrated) {\n        setColorScheme(domTheme as \"light\" | \"dark\");\n      }\n\n      setIsHydrated(true);\n    };\n\n    // Sync immediately if DOM is ready, otherwise wait\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", syncWithDOM);\n      return () =>\n        document.removeEventListener(\"DOMContentLoaded\", syncWithDOM);\n    } else {\n      syncWithDOM();\n    }\n  }, [attribute]); // Remove isHydrated dependency to prevent re-runs\n\n  // Theme change effect - update DOM and localStorage when React state changes\n  useEffect(() => {\n    // Skip on server\n    if (typeof window === \"undefined\") return;\n    \n    // Skip if not hydrated yet (let the hydration effect handle initial sync)\n    if (!isHydrated) return;\n\n    // Update DOM attribute\n    document.documentElement.setAttribute(attribute, colorScheme);\n\n    // Persist to localStorage\n    try {\n      localStorage.setItem(storageKey, colorScheme);\n    } catch (error) {\n      // Gracefully handle localStorage errors (private browsing, etc.)\n      console.warn(\"Failed to save theme preference:\", error);\n    }\n  }, [colorScheme, isHydrated, storageKey, attribute]);\n\n  // Optimized theme toggle function\n  const toggleColorScheme = useCallback(() => {\n    setColorScheme((current) => (current === \"light\" ? \"dark\" : \"light\"));\n  }, []);\n\n  // Set specific theme (useful for theme selection UI)\n  const setTheme = useCallback((newTheme: \"light\" | \"dark\") => {\n    setColorScheme(newTheme);\n  }, []);\n\n  // Memoized context value to prevent unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      colorScheme,\n      toggleColorScheme,\n      setTheme,\n      isHydrated,\n      // Expose configuration for debugging/advanced usage\n      storageKey,\n      attribute,\n    }),\n    [\n      colorScheme,\n      toggleColorScheme,\n      setTheme,\n      isHydrated,\n      storageKey,\n      attribute,\n    ]\n  );\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      <MuiThemeProvider theme={theme}>\n        <CssBaseline />\n        {children}\n      </MuiThemeProvider>\n    </ThemeContext.Provider>\n  );\n};\n"],"names":["MuiThemeProvider"],"mappings":"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"}

package/dist/next.d.ts

@@ -0,0 +1,4 @@
+export { ThemeScript, getThemeScript } from './theme/ThemeScript';
+export { createQuantumTheme } from './theme/createTheme';
+export { SEMANTIC_TOKENS } from './theme/semanticTokens';
+//# sourceMappingURL=next.d.ts.map

package/dist/next.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../lib/next.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/next.js

@@ -0,0 +1,2 @@
+export { S as SEMANTIC_TOKENS, T as ThemeScript, c as createQuantumTheme, g as getThemeScript } from './ThemeScript-CQlC-jGc.js';
+//# sourceMappingURL=next.js.map

package/dist/next.js.map

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

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultColorScheme?: "light" | "dark";
+    storageKey?: string;
+    attribute?: string;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../lib/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAM1B,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAMtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsGtD,CAAC"}

package/dist/theme/ThemeScript.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ThemeScriptProps {
+    defaultColorScheme?: 'light' | 'dark';
+    storageKey?: string;
+    attribute?: string;
+    preventFlickering?: boolean;
+}
+export declare const ThemeScript: React.FC<ThemeScriptProps>;
+export declare const getThemeScript: (options?: ThemeScriptProps) => string;
+export {};
+//# sourceMappingURL=ThemeScript.d.ts.map

package/dist/theme/ThemeScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../lib/theme/ThemeScript.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IAKxB,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAMtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAoCD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoDlD,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,UAAS,gBAAqB,WA0C5D,CAAC"}

package/dist/theme/components/Button.d.ts

@@ -0,0 +1,3 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const ButtonTheme: Components<Theme>["MuiButton"];
+//# sourceMappingURL=Button.d.ts.map

package/dist/theme/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/theme/components/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,WAAW,CAuQtD,CAAC"}

package/dist/theme/components/Paper.d.ts

@@ -0,0 +1,3 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const PaperTheme: Components<Theme>["MuiPaper"];
+//# sourceMappingURL=Paper.d.ts.map

package/dist/theme/components/Paper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../lib/theme/components/Paper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,CA6EpD,CAAC"}

package/dist/theme/components/TextField.d.ts

@@ -0,0 +1,3 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const TextFieldTheme: Components<Theme>["MuiTextField"];
+//# sourceMappingURL=TextField.d.ts.map

package/dist/theme/components/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../lib/theme/components/TextField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,cAAc,CAoM5D,CAAC"}

package/dist/theme/components/index.d.ts

@@ -0,0 +1,4 @@
+export { ButtonTheme } from './Button';
+export { PaperTheme } from './Paper';
+export { TextFieldTheme } from './TextField';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/theme/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/theme/createTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const createQuantumTheme: (mode: "light" | "dark") => import('@mui/material').Theme;
+//# sourceMappingURL=createTheme.d.ts.map

package/dist/theme/createTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../lib/theme/createTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,GAAI,MAAM,OAAO,GAAG,MAAM,kCA4OxD,CAAC"}

package/dist/theme/cssVariableGenerator.d.ts

@@ -0,0 +1,4 @@
+type TokenValue = string | number | Record<string, unknown>;
+export declare const generateCSSVariablesFromTokens: (tokens: Record<string, TokenValue>, prefix?: string) => Record<string, string>;
+export {};
+//# sourceMappingURL=cssVariableGenerator.d.ts.map

package/dist/theme/cssVariableGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariableGenerator.d.ts","sourceRoot":"","sources":["../../lib/theme/cssVariableGenerator.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,8BAA8B,GACzC,QAAQ,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAClC,SAAQ,MAAkB,KACzB,MAAM,CAAC,MAAM,EAAE,MAAM,CAoBvB,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,8 @@
+export { createQuantumTheme } from './createTheme';
+export { ThemeProvider } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProvider';
+export { useTheme, useIsClient } from './useTheme';
+export type { ThemeContextType } from './useTheme';
+export { SEMANTIC_TOKENS } from './semanticTokens';
+export { ThemeScript, getThemeScript } from './ThemeScript';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/theme/palette.d.ts

@@ -0,0 +1,88 @@
+export declare const palette: {
+    readonly universalBlue: {
+        readonly 25: "#F8FAFF";
+        readonly 50: "#EBF4FF";
+        readonly 100: "#DBE9FF";
+        readonly 200: "#B8D4FF";
+        readonly 300: "#85B8FF";
+        readonly 400: "#4A95FF";
+        readonly 500: "#0066CC";
+        readonly 600: "#0052A3";
+        readonly 700: "#003D7A";
+        readonly 800: "#002952";
+        readonly 900: "#001529";
+        readonly 950: "#000A14";
+    };
+    readonly lightNeutral: {
+        readonly 50: "#FFFFFF";
+        readonly 100: "#F8F9FA";
+        readonly 200: "#E9ECEF";
+        readonly 300: "#DEE2E6";
+        readonly 400: "#CED4DA";
+        readonly 500: "#6C757D";
+        readonly 600: "#495057";
+        readonly 700: "#343A40";
+        readonly 800: "#212529";
+        readonly 900: "#000000";
+        readonly 950: "#000000";
+    };
+    readonly darkNeutral: {
+        readonly 50: "#FFFFFF";
+        readonly 100: "#F8F9FA";
+        readonly 200: "#E9ECEF";
+        readonly 300: "#CED4DA";
+        readonly 400: "#6C757D";
+        readonly 500: "#495057";
+        readonly 600: "#343A40";
+        readonly 700: "#212529";
+        readonly 800: "#1A1D20";
+        readonly 900: "#0D1117";
+        readonly 950: "#000000";
+    };
+    readonly emeraldAccent: {
+        readonly 50: "#ECFDF5";
+        readonly 100: "#D1FAE5";
+        readonly 200: "#A7F3D0";
+        readonly 300: "#6EE7B7";
+        readonly 400: "#34D399";
+        readonly 500: "#10B981";
+        readonly 600: "#059669";
+        readonly 700: "#047857";
+        readonly 800: "#065F46";
+        readonly 900: "#064E3B";
+        readonly 950: "#022C22";
+    };
+    readonly red: {
+        readonly 50: "#FEF2F2";
+        readonly 400: "#F87171";
+        readonly 500: "#DC2626";
+        readonly 600: "#B91C1C";
+        readonly 700: "#991B1B";
+    };
+    readonly amber: {
+        readonly 50: "#FFFBEB";
+        readonly 400: "#FBBF24";
+        readonly 500: "#D97706";
+        readonly 600: "#B45309";
+        readonly 700: "#92400E";
+    };
+    readonly emerald: {
+        readonly 50: "#ECFDF5";
+        readonly 400: "#34D399";
+        readonly 500: "#059669";
+        readonly 600: "#047857";
+        readonly 700: "#065F46";
+    };
+    readonly blue: {
+        readonly 50: "#EFF6FF";
+        readonly 400: "#60A5FA";
+        readonly 500: "#2563EB";
+        readonly 600: "#1D4ED8";
+        readonly 700: "#1E40AF";
+    };
+    readonly pure: {
+        readonly white: "#FFFFFF";
+        readonly black: "#000000";
+    };
+};
+//# sourceMappingURL=palette.d.ts.map

package/dist/theme/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../lib/theme/palette.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGV,CAAC"}

package/dist/theme/semanticTokens.d.ts

@@ -0,0 +1,142 @@
+interface ColorDefinition {
+    light: string;
+    dark: string;
+    needsRGB?: boolean;
+}
+interface ResponsiveValue<T> {
+    mobile: T;
+    tablet: T;
+    desktop: T;
+}
+interface TypographyVariant {
+    fontSize: ResponsiveValue<string>;
+    lineHeight: ResponsiveValue<number>;
+    fontWeight: number;
+    letterSpacing?: string;
+    fontFamily: "display" | "primary";
+}
+export declare const SEMANTIC_TOKENS: {
+    readonly colors: {
+        readonly action: {
+            readonly primary: ColorDefinition;
+            readonly secondary: ColorDefinition;
+            readonly destructive: ColorDefinition;
+        };
+        readonly surface: {
+            readonly primary: ColorDefinition;
+            readonly input: ColorDefinition;
+            readonly secondary: ColorDefinition;
+            readonly elevated: ColorDefinition;
+            readonly glass: ColorDefinition;
+            readonly glassHover: ColorDefinition;
+            readonly interactive: ColorDefinition;
+            readonly overlay: ColorDefinition;
+        };
+        readonly text: {
+            readonly primary: ColorDefinition;
+            readonly secondary: ColorDefinition;
+            readonly disabled: ColorDefinition;
+        };
+        readonly feedback: {
+            readonly success: ColorDefinition;
+            readonly warning: ColorDefinition;
+            readonly error: ColorDefinition;
+            readonly info: ColorDefinition;
+        };
+        readonly border: {
+            readonly default: ColorDefinition;
+            readonly subtle: ColorDefinition;
+            readonly glass: ColorDefinition;
+            readonly glassAccent: ColorDefinition;
+        };
+    };
+    readonly effects: {
+        readonly shimmer: ColorDefinition;
+    };
+    readonly borderRadius: {
+        readonly none: ResponsiveValue<string>;
+        readonly small: ResponsiveValue<string>;
+        readonly medium: ResponsiveValue<string>;
+        readonly large: ResponsiveValue<string>;
+        readonly full: ResponsiveValue<string>;
+    };
+    readonly shadows: {
+        readonly small: ColorDefinition;
+        readonly medium: ColorDefinition;
+        readonly large: ColorDefinition;
+        readonly glass: ColorDefinition;
+        readonly glassInset: ColorDefinition;
+        readonly textField: ColorDefinition;
+    };
+    readonly glassmorphism: {
+        readonly backdrop: ColorDefinition;
+        readonly backdropLight: ColorDefinition;
+        readonly backdropHeavy: ColorDefinition;
+    };
+    readonly animation: {
+        readonly duration: {
+            readonly fast: "150ms";
+            readonly normal: "200ms";
+            readonly slow: "300ms";
+        };
+        readonly easing: {
+            readonly standard: "cubic-bezier(0.4, 0.0, 0.2, 1)";
+            readonly decelerate: "cubic-bezier(0.0, 0.0, 0.2, 1)";
+            readonly accelerate: "cubic-bezier(0.4, 0.0, 1, 1)";
+        };
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly display: "'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
+            readonly primary: "'Quicksand','Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
+        };
+        readonly fontWeight: {
+            readonly light: 300;
+            readonly normal: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly variants: {
+            readonly display: TypographyVariant;
+            readonly h1: TypographyVariant;
+            readonly h2: TypographyVariant;
+            readonly h3: TypographyVariant;
+            readonly h4: TypographyVariant;
+            readonly h5: TypographyVariant;
+            readonly h6: TypographyVariant;
+            readonly body1: TypographyVariant;
+            readonly body2: TypographyVariant;
+            readonly button: TypographyVariant;
+            readonly caption: TypographyVariant;
+        };
+    };
+    readonly textField: {
+        readonly height: ResponsiveValue<string>;
+        readonly minWidth: ResponsiveValue<string>;
+        readonly fontSize: ResponsiveValue<string>;
+        readonly spacing: {
+            readonly paddingTop: ResponsiveValue<string>;
+            readonly paddingBottom: ResponsiveValue<string>;
+            readonly paddingLeft: ResponsiveValue<string>;
+        };
+    };
+    readonly spacing: {
+        readonly tight: ResponsiveValue<string>;
+        readonly normal: ResponsiveValue<string>;
+        readonly comfortable: ResponsiveValue<string>;
+        readonly spacious: ResponsiveValue<string>;
+        readonly loose: ResponsiveValue<string>;
+    };
+};
+interface ThemeVariables {
+    lightMobile: Record<string, string>;
+    lightTablet: Record<string, string>;
+    lightDesktop: Record<string, string>;
+    darkMobile: Record<string, string>;
+    darkTablet: Record<string, string>;
+    darkDesktop: Record<string, string>;
+}
+export declare const getAllThemeVariables: () => ThemeVariables;
+export {};
+//# sourceMappingURL=semanticTokens.d.ts.map

package/dist/theme/semanticTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTokens.d.ts","sourceRoot":"","sources":["../../lib/theme/semanticTokens.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAe,CAAC,CAAC;IACzB,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,CAAC,CAAC;CACZ;AAGD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAGD,eAAO,MAAM,eAAe;;;8BAQjB,eAAe;gCAKf,eAAe;kCAKf,eAAe;;;8BAQf,eAAe;4BAIf,eAAe;gCAIf,eAAe;+BAIf,eAAe;4BAIf,eAAe;iCAIf,eAAe;kCAIf,eAAe;8BAKf,eAAe;;;8BASf,eAAe;gCAIf,eAAe;+BAIf,eAAe;;;8BASf,eAAe;8BAKf,eAAe;4BAKf,eAAe;2BAIf,eAAe;;;8BAQf,eAAe;6BAIf,eAAe;4BAIf,eAAe;kCAIf,eAAe;;;;0BASjB,eAAe;;;uBASf,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;yBAKvB,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;uBAKvB,eAAe,CAAC,MAAM,CAAC;;;wBAQvB,eAAe;yBAIf,eAAe;wBAIf,eAAe;wBAIf,eAAe;6BAIf,eAAe;4BAKf,eAAe;;;2BAQf,eAAe;gCAIf,eAAe;gCAIf,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuDb,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;4BAgBjB,iBAAiB;4BAgBjB,iBAAiB;6BAgBjB,iBAAiB;8BAgBjB,iBAAiB;;;;yBAUnB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;;iCAMrB,eAAe,CAAC,MAAM,CAAC;oCAKvB,eAAe,CAAC,MAAM,CAAC;kCAKvB,eAAe,CAAC,MAAM,CAAC;;;;wBAUzB,eAAe,CAAC,MAAM,CAAC;yBAKvB,eAAe,CAAC,MAAM,CAAC;8BAKvB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;;CAEtB,CAAC;AAoBX,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,QAAO,cA0IvC,CAAC"}

package/dist/theme/useTheme.d.ts

@@ -0,0 +1,12 @@
+export interface ThemeContextType {
+    colorScheme: "light" | "dark";
+    toggleColorScheme: () => void;
+    setTheme: (theme: "light" | "dark") => void;
+    isHydrated: boolean;
+    storageKey: string;
+    attribute: string;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextType | undefined>;
+export declare const useTheme: () => ThemeContextType;
+export declare const useIsClient: () => boolean;
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../lib/theme/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAE/B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAE9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C,UAAU,EAAE,OAAO,CAAC;IAEpB,UAAU,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,uDAAyD,CAAC;AAuDnF,eAAO,MAAM,QAAQ,QAAO,gBAW3B,CAAC;AAiBF,eAAO,MAAM,WAAW,QAAO,OAG9B,CAAC"}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@vritti/quantum-ui",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./Button": {
+      "types": "./dist/components/Button/index.d.ts",
+      "import": "./dist/components/Button.js"
+    },
+    "./TextField": {
+      "types": "./dist/components/TextField/index.d.ts",
+      "import": "./dist/components/TextField.js"
+    },
+    "./Paper": {
+      "types": "./dist/components/Paper/index.d.ts",
+      "import": "./dist/components/Paper.js"
+    },
+    "./Typography": {
+      "types": "./dist/components/Typography/index.d.ts",
+      "import": "./dist/components/Typography.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --project tsconfig.lib.json --emitDeclarationOnly && vite build",
+    "build:js": "vite build",
+    "build:types": "tsc --project tsconfig.lib.json --emitDeclarationOnly",
+    "build:watch": "npm run build:types && vite build --watch",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-storybook:github": "NODE_ENV=production storybook build"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/material": "^6.0.0 || ^7.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@eslint/js": "^9.25.0",
+    "@mui/material": "^7.1.0",
+    "@storybook/react-vite": "^9.0.6",
+    "@types/node": "^22.15.30",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "ajv": "^8.17.1",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.6",
+    "glob": "^11.0.2",
+    "globals": "^16.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^9.0.6",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2"
+  }
+}