shadcn-glass-ui 2.1.5 → 2.2.0

package/dist/{theme-context-Y98bGvcm.cjs → theme-context-D_cb9KzA.cjs}

@@ -1,4 +1,4 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-2rjz00d_.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-CTsEVRD3.cjs");
 let react = require("react");
 let lucide_react = require("lucide-react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -99,4 +99,4 @@ Object.defineProperty(exports, "useTheme", {
 	}
 });
 
-//# sourceMappingURL=theme-context-Y98bGvcm.cjs.map
+//# sourceMappingURL=theme-context-D_cb9KzA.cjs.map

package/dist/{theme-context-Y98bGvcm.cjs.map → theme-context-D_cb9KzA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-context-Y98bGvcm.cjs","names":["THEMES: readonly Theme[]","THEME_CONFIG: Record<Theme, ThemeConfig>","DEFAULT_THEME: Theme","value: ThemeContextValue"],"sources":["../src/lib/theme-context.tsx"],"sourcesContent":["/**\n * Theme System for Glass UI Components\n *\n * Multi-theme support with CSS variables for glass, light, and aurora themes.\n * Provides ThemeProvider context and useTheme hook for theme management.\n *\n * @module theme-context\n *\n * @example\n * ```tsx\n * // Wrap your app with ThemeProvider\n * import { ThemeProvider } from 'shadcn-glass-ui';\n *\n * function App() {\n *   return (\n *     <ThemeProvider defaultTheme=\"glass\">\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Use the theme hook in components\n * import { useTheme } from 'shadcn-glass-ui';\n *\n * function ThemeSwitcher() {\n *   const { theme, setTheme, cycleTheme } = useTheme();\n *\n *   return (\n *     <div>\n *       <p>Current theme: {theme}</p>\n *       <button onClick={cycleTheme}>Cycle Theme</button>\n *       <button onClick={() => setTheme('glass')}>Set Glass</button>\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link docs/THEME_CREATION_GUIDE.md} for creating custom themes\n * @see {@link docs/TOKEN_ARCHITECTURE.md} for CSS variable system\n */\n\nimport { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react';\nimport { Sun, Moon, Palette, type LucideIcon } from 'lucide-react';\n\n// ========================================\n// TYPES\n// ========================================\n\n/**\n * Available theme options for Glass UI components.\n * - `light` - Light theme with subtle glass effects\n * - `aurora` - Gradient theme with aurora/northern lights effects\n * - `glass` - Dark glassmorphism theme (default)\n */\nexport type Theme = 'light' | 'aurora' | 'glass';\n\n/** @deprecated Use Theme instead */\nexport type ThemeName = Theme;\n\n/**\n * Configuration for a single theme including display label and icon.\n */\nexport interface ThemeConfig {\n  /** Human-readable theme name for UI display */\n  readonly label: string;\n  /** Lucide icon component for theme toggle buttons */\n  readonly icon: LucideIcon;\n}\n\n/**\n * Context value returned by useTheme hook.\n */\nexport interface ThemeContextValue {\n  /** Current active theme */\n  readonly theme: Theme;\n  /** Set a specific theme */\n  readonly setTheme: (theme: Theme) => void;\n  /** Cycle to next theme in order: light → aurora → glass → light */\n  readonly cycleTheme: () => void;\n}\n\n// ========================================\n// CONSTANTS\n// ========================================\n\n/** Array of all available themes in cycle order */\nexport const THEMES: readonly Theme[] = ['light', 'aurora', 'glass'] as const;\n\n/**\n * Theme configuration map with labels and icons.\n * Used by ThemeToggleGlass and other theme switching components.\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport const THEME_CONFIG: Record<Theme, ThemeConfig> = {\n  light: { label: 'Light', icon: Sun },\n  aurora: { label: 'Aurora', icon: Moon },\n  glass: { label: 'Glass', icon: Palette },\n} as const;\n\nconst STORAGE_KEY = 'glass-ui-theme';\nconst DEFAULT_THEME: Theme = 'glass';\n\n// ========================================\n// CONTEXT\n// ========================================\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\n// ========================================\n// PROVIDER\n// ========================================\n\ninterface ThemeProviderProps {\n  /** Child components to wrap with theme context */\n  readonly children: ReactNode;\n  /** Initial theme to use (default: \"glass\") */\n  readonly defaultTheme?: Theme;\n  /** localStorage key for persistence (default: \"glass-ui-theme\") */\n  readonly storageKey?: string;\n}\n\n/**\n * Theme provider component that manages theme state and persistence.\n *\n * Wraps your application to provide theme context to all child components.\n * Theme is automatically persisted to localStorage and applied to document.\n *\n * @param props - Provider configuration\n * @param props.children - Child components to wrap\n * @param props.defaultTheme - Initial theme (default: \"glass\")\n * @param props.storageKey - localStorage key (default: \"glass-ui-theme\")\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"glass\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = DEFAULT_THEME,\n  storageKey = STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n\n    const stored = localStorage.getItem(storageKey);\n    if (stored && THEMES.includes(stored as Theme)) {\n      return stored as Theme;\n    }\n\n    return defaultTheme;\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    const root = document.documentElement;\n    root.setAttribute('data-theme', theme);\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  const setTheme = useCallback((newTheme: Theme) => {\n    if (THEMES.includes(newTheme)) {\n      setThemeState(newTheme);\n    }\n  }, []);\n\n  const cycleTheme = useCallback(() => {\n    setThemeState((current) => {\n      const currentIndex = THEMES.indexOf(current);\n      const nextIndex = (currentIndex + 1) % THEMES.length;\n      return THEMES[nextIndex];\n    });\n  }, []);\n\n  const value: ThemeContextValue = {\n    theme,\n    setTheme,\n    cycleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n// ========================================\n// HOOK\n// ========================================\n\n/**\n * Hook to access theme context values.\n *\n * Must be used within a ThemeProvider. Returns the current theme,\n * a setter function, and a cycle function.\n *\n * @returns Theme context value with theme, setTheme, and cycleTheme\n * @throws Error if used outside of ThemeProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, setTheme, cycleTheme } = useTheme();\n *\n *   return (\n *     <button onClick={cycleTheme}>\n *       Current: {theme}\n *     </button>\n *   );\n * }\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n}\n\n// ========================================\n// UTILITIES\n// ========================================\n\n/**\n * Get the next theme in the cycle order.\n *\n * @param current - Current theme\n * @returns Next theme in cycle (light → aurora → glass → light)\n *\n * @example\n * ```tsx\n * const next = getNextTheme('glass'); // returns 'light'\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function getNextTheme(current: Theme): Theme {\n  const currentIndex = THEMES.indexOf(current);\n  const nextIndex = (currentIndex + 1) % THEMES.length;\n  return THEMES[nextIndex];\n}\n\n/**\n * Get configuration for a specific theme.\n *\n * @param theme - Theme to get configuration for\n * @returns Theme configuration with label and icon\n *\n * @example\n * ```tsx\n * const config = getThemeConfig('glass');\n * // { label: 'Glass', icon: Palette }\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function getThemeConfig(theme: Theme): ThemeConfig {\n  return THEME_CONFIG[theme];\n}\n"],"mappings":";;;;AAyFA,MAAaA,SAA2B;CAAC;CAAS;CAAU;CAAQ;AAOpE,MAAaC,eAA2C;CACtD,OAAO;EAAE,OAAO;EAAS,MAAM,aAAA;EAAK;CACpC,QAAQ;EAAE,OAAO;EAAU,MAAM,aAAA;EAAM;CACvC,OAAO;EAAE,OAAO;EAAS,MAAM,aAAA;EAAS;CACzC;AAED,IAAM,cAAc;AACpB,IAAMC,gBAAuB;AAM7B,IAAM,gBAAA,GAAA,MAAA,eAAuD,KAAK;AAiClE,SAAgB,cAAc,EAC5B,UACA,eAAe,eACf,aAAa,eACQ;CACrB,MAAM,CAAC,OAAO,kBAAA,GAAA,MAAA,gBAAuC;AACnD,MAAI,OAAO,WAAW,YACpB,QAAO;EAGT,MAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,MAAI,UAAU,OAAO,SAAS,OAAgB,CAC5C,QAAO;AAGT,SAAO;GACP;AAGF,EAAA,GAAA,MAAA,iBAAgB;AACD,WAAS,gBACjB,aAAa,cAAc,MAAM;AACtC,eAAa,QAAQ,YAAY,MAAM;IACtC,CAAC,OAAO,WAAW,CAAC;CAgBvB,MAAMC,QAA2B;EAC/B;EACA,WAAA,GAAA,MAAA,cAhB4B,aAAoB;AAChD,OAAI,OAAO,SAAS,SAAS,CAC3B,eAAc,SAAS;KAExB,EAAE,CAAC;EAaJ,aAAA,GAAA,MAAA,mBAXmC;AACnC,kBAAe,YAAY;AAGzB,WAAO,QAFc,OAAO,QAAQ,QAAQ,GACV,KAAK,OAAO;KAE9C;KACD,EAAE,CAAC;EAML;AAED,QAAO,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAA;EAAgB;EAAQ;GAAiC;;AA8BhF,SAAgB,WAA8B;CAC5C,MAAM,WAAA,GAAA,MAAA,YAAqB,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,+CAA+C;AAGjE,QAAO;;AAmBT,SAAgB,aAAa,SAAuB;AAGlD,QAAO,QAFc,OAAO,QAAQ,QAAQ,GACV,KAAK,OAAO;;AAiBhD,SAAgB,eAAe,OAA2B;AACxD,QAAO,aAAa"}
+{"version":3,"file":"theme-context-D_cb9KzA.cjs","names":["THEMES: readonly Theme[]","THEME_CONFIG: Record<Theme, ThemeConfig>","DEFAULT_THEME: Theme","value: ThemeContextValue"],"sources":["../src/lib/theme-context.tsx"],"sourcesContent":["/**\n * Theme System for Glass UI Components\n *\n * Multi-theme support with CSS variables for glass, light, and aurora themes.\n * Provides ThemeProvider context and useTheme hook for theme management.\n *\n * @module theme-context\n *\n * @example\n * ```tsx\n * // Wrap your app with ThemeProvider\n * import { ThemeProvider } from 'shadcn-glass-ui';\n *\n * function App() {\n *   return (\n *     <ThemeProvider defaultTheme=\"glass\">\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Use the theme hook in components\n * import { useTheme } from 'shadcn-glass-ui';\n *\n * function ThemeSwitcher() {\n *   const { theme, setTheme, cycleTheme } = useTheme();\n *\n *   return (\n *     <div>\n *       <p>Current theme: {theme}</p>\n *       <button onClick={cycleTheme}>Cycle Theme</button>\n *       <button onClick={() => setTheme('glass')}>Set Glass</button>\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link docs/THEME_CREATION_GUIDE.md} for creating custom themes\n * @see {@link docs/TOKEN_ARCHITECTURE.md} for CSS variable system\n */\n\nimport { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react';\nimport { Sun, Moon, Palette, type LucideIcon } from 'lucide-react';\n\n// ========================================\n// TYPES\n// ========================================\n\n/**\n * Available theme options for Glass UI components.\n * - `light` - Light theme with subtle glass effects\n * - `aurora` - Gradient theme with aurora/northern lights effects\n * - `glass` - Dark glassmorphism theme (default)\n */\nexport type Theme = 'light' | 'aurora' | 'glass';\n\n/** @deprecated Use Theme instead */\nexport type ThemeName = Theme;\n\n/**\n * Configuration for a single theme including display label and icon.\n */\nexport interface ThemeConfig {\n  /** Human-readable theme name for UI display */\n  readonly label: string;\n  /** Lucide icon component for theme toggle buttons */\n  readonly icon: LucideIcon;\n}\n\n/**\n * Context value returned by useTheme hook.\n */\nexport interface ThemeContextValue {\n  /** Current active theme */\n  readonly theme: Theme;\n  /** Set a specific theme */\n  readonly setTheme: (theme: Theme) => void;\n  /** Cycle to next theme in order: light → aurora → glass → light */\n  readonly cycleTheme: () => void;\n}\n\n// ========================================\n// CONSTANTS\n// ========================================\n\n/** Array of all available themes in cycle order */\nexport const THEMES: readonly Theme[] = ['light', 'aurora', 'glass'] as const;\n\n/**\n * Theme configuration map with labels and icons.\n * Used by ThemeToggleGlass and other theme switching components.\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport const THEME_CONFIG: Record<Theme, ThemeConfig> = {\n  light: { label: 'Light', icon: Sun },\n  aurora: { label: 'Aurora', icon: Moon },\n  glass: { label: 'Glass', icon: Palette },\n} as const;\n\nconst STORAGE_KEY = 'glass-ui-theme';\nconst DEFAULT_THEME: Theme = 'glass';\n\n// ========================================\n// CONTEXT\n// ========================================\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\n// ========================================\n// PROVIDER\n// ========================================\n\ninterface ThemeProviderProps {\n  /** Child components to wrap with theme context */\n  readonly children: ReactNode;\n  /** Initial theme to use (default: \"glass\") */\n  readonly defaultTheme?: Theme;\n  /** localStorage key for persistence (default: \"glass-ui-theme\") */\n  readonly storageKey?: string;\n}\n\n/**\n * Theme provider component that manages theme state and persistence.\n *\n * Wraps your application to provide theme context to all child components.\n * Theme is automatically persisted to localStorage and applied to document.\n *\n * @param props - Provider configuration\n * @param props.children - Child components to wrap\n * @param props.defaultTheme - Initial theme (default: \"glass\")\n * @param props.storageKey - localStorage key (default: \"glass-ui-theme\")\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"glass\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = DEFAULT_THEME,\n  storageKey = STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n\n    const stored = localStorage.getItem(storageKey);\n    if (stored && THEMES.includes(stored as Theme)) {\n      return stored as Theme;\n    }\n\n    return defaultTheme;\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    const root = document.documentElement;\n    root.setAttribute('data-theme', theme);\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  const setTheme = useCallback((newTheme: Theme) => {\n    if (THEMES.includes(newTheme)) {\n      setThemeState(newTheme);\n    }\n  }, []);\n\n  const cycleTheme = useCallback(() => {\n    setThemeState((current) => {\n      const currentIndex = THEMES.indexOf(current);\n      const nextIndex = (currentIndex + 1) % THEMES.length;\n      return THEMES[nextIndex];\n    });\n  }, []);\n\n  const value: ThemeContextValue = {\n    theme,\n    setTheme,\n    cycleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n// ========================================\n// HOOK\n// ========================================\n\n/**\n * Hook to access theme context values.\n *\n * Must be used within a ThemeProvider. Returns the current theme,\n * a setter function, and a cycle function.\n *\n * @returns Theme context value with theme, setTheme, and cycleTheme\n * @throws Error if used outside of ThemeProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, setTheme, cycleTheme } = useTheme();\n *\n *   return (\n *     <button onClick={cycleTheme}>\n *       Current: {theme}\n *     </button>\n *   );\n * }\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n}\n\n// ========================================\n// UTILITIES\n// ========================================\n\n/**\n * Get the next theme in the cycle order.\n *\n * @param current - Current theme\n * @returns Next theme in cycle (light → aurora → glass → light)\n *\n * @example\n * ```tsx\n * const next = getNextTheme('glass'); // returns 'light'\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function getNextTheme(current: Theme): Theme {\n  const currentIndex = THEMES.indexOf(current);\n  const nextIndex = (currentIndex + 1) % THEMES.length;\n  return THEMES[nextIndex];\n}\n\n/**\n * Get configuration for a specific theme.\n *\n * @param theme - Theme to get configuration for\n * @returns Theme configuration with label and icon\n *\n * @example\n * ```tsx\n * const config = getThemeConfig('glass');\n * // { label: 'Glass', icon: Palette }\n * ```\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function getThemeConfig(theme: Theme): ThemeConfig {\n  return THEME_CONFIG[theme];\n}\n"],"mappings":";;;;AAyFA,MAAaA,SAA2B;CAAC;CAAS;CAAU;CAAQ;AAOpE,MAAaC,eAA2C;CACtD,OAAO;EAAE,OAAO;EAAS,MAAM,aAAA;EAAK;CACpC,QAAQ;EAAE,OAAO;EAAU,MAAM,aAAA;EAAM;CACvC,OAAO;EAAE,OAAO;EAAS,MAAM,aAAA;EAAS;CACzC;AAED,IAAM,cAAc;AACpB,IAAMC,gBAAuB;AAM7B,IAAM,gBAAA,GAAA,MAAA,eAAuD,KAAK;AAiClE,SAAgB,cAAc,EAC5B,UACA,eAAe,eACf,aAAa,eACQ;CACrB,MAAM,CAAC,OAAO,kBAAA,GAAA,MAAA,gBAAuC;AACnD,MAAI,OAAO,WAAW,YACpB,QAAO;EAGT,MAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,MAAI,UAAU,OAAO,SAAS,OAAgB,CAC5C,QAAO;AAGT,SAAO;GACP;AAGF,EAAA,GAAA,MAAA,iBAAgB;AACD,WAAS,gBACjB,aAAa,cAAc,MAAM;AACtC,eAAa,QAAQ,YAAY,MAAM;IACtC,CAAC,OAAO,WAAW,CAAC;CAgBvB,MAAMC,QAA2B;EAC/B;EACA,WAAA,GAAA,MAAA,cAhB4B,aAAoB;AAChD,OAAI,OAAO,SAAS,SAAS,CAC3B,eAAc,SAAS;KAExB,EAAE,CAAC;EAaJ,aAAA,GAAA,MAAA,mBAXmC;AACnC,kBAAe,YAAY;AAGzB,WAAO,QAFc,OAAO,QAAQ,QAAQ,GACV,KAAK,OAAO;KAE9C;KACD,EAAE,CAAC;EAML;AAED,QAAO,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAA;EAAgB;EAAQ;GAAiC;;AA8BhF,SAAgB,WAA8B;CAC5C,MAAM,WAAA,GAAA,MAAA,YAAqB,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,+CAA+C;AAGjE,QAAO;;AAmBT,SAAgB,aAAa,SAAuB;AAGlD,QAAO,QAFc,OAAO,QAAQ,QAAQ,GACV,KAAK,OAAO;;AAiBhD,SAAgB,eAAe,OAA2B;AACxD,QAAO,aAAa"}

package/dist/themes.cjs

@@ -1,4 +1,4 @@
-const require_theme_context = require("./theme-context-Y98bGvcm.cjs");
+const require_theme_context = require("./theme-context-D_cb9KzA.cjs");
 exports.THEMES = require_theme_context.THEMES;
 exports.THEME_CONFIG = require_theme_context.THEME_CONFIG;
 exports.ThemeProvider = require_theme_context.ThemeProvider;

package/dist/{trust-score-card-glass-2rjz00d_.cjs → trust-score-card-glass-CTsEVRD3.cjs}

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-const require_utils = require("./utils-XlyXIhuP.cjs");
-const require_use_focus = require("./use-focus-DbpBEuee.cjs");
-const require_theme_context = require("./theme-context-Y98bGvcm.cjs");
+const require_utils = require("./utils-BqeJ4aco.cjs");
+const require_use_focus = require("./use-focus--Hw2nevi.cjs");
+const require_theme_context = require("./theme-context-D_cb9KzA.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
@@ -876,10 +876,10 @@ var Primitive$7 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -1126,10 +1126,10 @@ var Primitive$6 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -2850,10 +2850,10 @@ var Primitive$5 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -2962,10 +2962,10 @@ var Primitive$4 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -3272,10 +3272,10 @@ var Primitive$3 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -3416,10 +3416,10 @@ var Primitive$2 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -4284,7 +4284,7 @@ var PopoverContent$1 = react.forwardRef((props, forwardedRef) => {
 	});
 });
 PopoverContent$1.displayName = CONTENT_NAME;
-var Slot$1 = (0, __radix_ui_react_slot.createSlot)("PopoverContent.RemoveScroll");
+var Slot$2 = (0, __radix_ui_react_slot.createSlot)("PopoverContent.RemoveScroll");
 var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
 	const contentRef = react.useRef(null);
@@ -4295,7 +4295,7 @@ var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 		if (content) return hideOthers(content);
 	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Combination_default, {
-		as: Slot$1,
+		as: Slot$2,
 		allowPinchZoom: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContentImpl, {
 			...props,
@@ -4470,10 +4470,10 @@ var Primitive$1 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -5271,6 +5271,48 @@ const GlassCard = (0, react.forwardRef)(({ asChild = false, children, className,
 	});
 });
 GlassCard.displayName = "GlassCard";
+const GlassCardHeader = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-header",
+	className: require_utils.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+	...props
+}));
+GlassCardHeader.displayName = "GlassCardHeader";
+const GlassCardTitle = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-title",
+	className: require_utils.cn("leading-none font-semibold tracking-tight", className),
+	...props
+}));
+GlassCardTitle.displayName = "GlassCardTitle";
+const GlassCardDescription = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-description",
+	className: require_utils.cn("text-muted-foreground text-sm", className),
+	...props
+}));
+GlassCardDescription.displayName = "GlassCardDescription";
+const GlassCardAction = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-action",
+	className: require_utils.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+	...props
+}));
+GlassCardAction.displayName = "GlassCardAction";
+const GlassCardContent = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-content",
+	className: require_utils.cn("px-6", className),
+	...props
+}));
+GlassCardContent.displayName = "GlassCardContent";
+const GlassCardFooter = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	"data-slot": "card-footer",
+	className: require_utils.cn("flex items-center px-6 [.border-t]:pt-6", className),
+	...props
+}));
+GlassCardFooter.displayName = "GlassCardFooter";
 var getInputStyles = (isFocused, error, success) => {
 	let borderColor = "var(--input-border)";
 	if (error) borderColor = "var(--alert-danger-text)";
@@ -5357,14 +5399,22 @@ var useModalContext = () => {
 	if (!context) throw new Error("Modal compound components must be used within ModalGlass.Root");
 	return context;
 };
-var ModalRoot = ({ open, onOpenChange, size: size$3 = "md", children, ...props }) => {
+var ModalRoot = ({ open: controlledOpen, defaultOpen = false, onOpenChange, size: size$3 = "md", children }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
 	const [isClosing, setIsClosing] = (0, react.useState)(false);
+	const isControlled = controlledOpen !== void 0;
+	const open = isControlled ? controlledOpen : uncontrolledOpen;
+	const handleOpen = (0, react.useCallback)(() => {
+		if (isControlled) onOpenChange?.(true);
+		else setUncontrolledOpen(true);
+	}, [isControlled, onOpenChange]);
 	const handleClose = (0, react.useCallback)(async () => {
 		setIsClosing(true);
 		await delay(MODAL_ANIMATION_DURATION);
 		setIsClosing(false);
-		onOpenChange?.(false);
-	}, [onOpenChange]);
+		if (isControlled) onOpenChange?.(false);
+		else setUncontrolledOpen(false);
+	}, [isControlled, onOpenChange]);
 	(0, react.useEffect)(() => {
 		if (open) lockBodyScroll();
 		else unlockBodyScroll();
@@ -5382,23 +5432,42 @@ var ModalRoot = ({ open, onOpenChange, size: size$3 = "md", children, ...props }
 			document.removeEventListener("keydown", handleEscape);
 		};
 	}, [open, handleClose]);
-	if (!open) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
 		value: {
 			isOpen: open,
+			onOpen: handleOpen,
 			onClose: handleClose,
 			size: size$3,
 			isClosing
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center p-2 sm:p-4",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": "modal-title",
-			"aria-describedby": "modal-description",
-			...props,
-			children
-		})
+		children
+	});
+};
+var ModalTrigger = (0, react.forwardRef)(({ asChild = false, children, onClick, ...props }, ref) => {
+	const { onOpen } = useModalContext();
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) onOpen();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
+		ref,
+		type: "button",
+		onClick: handleClick,
+		...props,
+		children
+	});
+});
+ModalTrigger.displayName = "ModalTrigger";
+var ModalPortal = ({ children }) => {
+	const { isOpen } = useModalContext();
+	if (!isOpen) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-2 sm:p-4",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "modal-title",
+		"aria-describedby": "modal-description",
+		children
 	});
 };
 var ModalOverlay = ({ className }) => {
@@ -5501,6 +5570,8 @@ var ModalClose = ({ className }) => {
 };
 const ModalGlass = {
 	Root: ModalRoot,
+	Trigger: ModalTrigger,
+	Portal: ModalPortal,
 	Overlay: ModalOverlay,
 	Content: ModalContent,
 	Header: ModalHeader,
@@ -5793,10 +5864,10 @@ var Primitive = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
+		const Comp = asChild ? Slot$4 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -28137,6 +28208,42 @@ Object.defineProperty(exports, "GlassCard", {
 		return GlassCard;
 	}
 });
+Object.defineProperty(exports, "GlassCardAction", {
+	enumerable: true,
+	get: function() {
+		return GlassCardAction;
+	}
+});
+Object.defineProperty(exports, "GlassCardContent", {
+	enumerable: true,
+	get: function() {
+		return GlassCardContent;
+	}
+});
+Object.defineProperty(exports, "GlassCardDescription", {
+	enumerable: true,
+	get: function() {
+		return GlassCardDescription;
+	}
+});
+Object.defineProperty(exports, "GlassCardFooter", {
+	enumerable: true,
+	get: function() {
+		return GlassCardFooter;
+	}
+});
+Object.defineProperty(exports, "GlassCardHeader", {
+	enumerable: true,
+	get: function() {
+		return GlassCardHeader;
+	}
+});
+Object.defineProperty(exports, "GlassCardTitle", {
+	enumerable: true,
+	get: function() {
+		return GlassCardTitle;
+	}
+});
 Object.defineProperty(exports, "HeaderBrandingGlass", {
 	enumerable: true,
 	get: function() {
@@ -28239,6 +28346,12 @@ Object.defineProperty(exports, "Presence", {
 		return Presence;
 	}
 });
+Object.defineProperty(exports, "Primitive", {
+	enumerable: true,
+	get: function() {
+		return Primitive$1;
+	}
+});
 Object.defineProperty(exports, "ProfileAvatarGlass", {
 	enumerable: true,
 	get: function() {
@@ -28497,6 +28610,12 @@ Object.defineProperty(exports, "composeEventHandlers", {
 		return composeEventHandlers;
 	}
 });
+Object.defineProperty(exports, "createCollection", {
+	enumerable: true,
+	get: function() {
+		return createCollection;
+	}
+});
 Object.defineProperty(exports, "getUniqPayload", {
 	enumerable: true,
 	get: function() {
@@ -28635,6 +28754,12 @@ Object.defineProperty(exports, "useComposedRefs", {
 		return useComposedRefs;
 	}
 });
+Object.defineProperty(exports, "useControllableState", {
+	enumerable: true,
+	get: function() {
+		return useControllableState;
+	}
+});
 Object.defineProperty(exports, "useDirection", {
 	enumerable: true,
 	get: function() {
@@ -28647,6 +28772,12 @@ Object.defineProperty(exports, "useElementOffset", {
 		return useElementOffset;
 	}
 });
+Object.defineProperty(exports, "useId", {
+	enumerable: true,
+	get: function() {
+		return useId$2;
+	}
+});
 Object.defineProperty(exports, "useLayoutEffect2", {
 	enumerable: true,
 	get: function() {
@@ -28665,5 +28796,17 @@ Object.defineProperty(exports, "useMargin", {
 		return useMargin;
 	}
 });
+Object.defineProperty(exports, "usePrevious", {
+	enumerable: true,
+	get: function() {
+		return usePrevious;
+	}
+});
+Object.defineProperty(exports, "useSize", {
+	enumerable: true,
+	get: function() {
+		return useSize;
+	}
+});
 
-//# sourceMappingURL=trust-score-card-glass-2rjz00d_.cjs.map
+//# sourceMappingURL=trust-score-card-glass-CTsEVRD3.cjs.map