shadcn-glass-ui 2.1.5 → 2.2.1

package/dist/{theme-context-Y98bGvcm.cjs → theme-context-BEA8K_rq.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-DTS1RdIt.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-BEA8K_rq.cjs.map

package/dist/{theme-context-Y98bGvcm.cjs.map → theme-context-BEA8K_rq.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-BEA8K_rq.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-BEA8K_rq.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-DTS1RdIt.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-NLnOCttr.cjs");
+const require_use_focus = require("./use-focus-CdoUzFQ8.cjs");
+const require_theme_context = require("./theme-context-BEA8K_rq.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
@@ -184,6 +184,7 @@ var AlertGlassRoot = (0, react.forwardRef)(({ className, variant = "default", di
 	const config = variantStyles$2[effectiveVariant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
+		"data-slot": "alert",
 		className: require_utils.cn(alertVariants({ variant: effectiveVariant }), className),
 		style: getAlertStyles(effectiveVariant),
 		role: "alert",
@@ -212,8 +213,9 @@ var AlertGlassRoot = (0, react.forwardRef)(({ className, variant = "default", di
 });
 AlertGlassRoot.displayName = "AlertGlass";
 var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "alert-title",
 		className: require_utils.cn("font-medium text-xs md:text-sm mb-0.5 md:mb-1", className),
 		style: {
 			color: "inherit",
@@ -224,8 +226,9 @@ var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref
 });
 AlertGlassTitle.displayName = "AlertGlassTitle";
 var AlertGlassDescription = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "alert-description",
 		className: require_utils.cn("text-xs md:text-sm opacity-80", className),
 		style: {
 			color: "inherit",
@@ -399,6 +402,7 @@ const BadgeGlass = (0, react.forwardRef)(({ children, className, variant = "defa
 	const v$1 = variantStyles$1[variant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		ref,
+		"data-slot": "badge",
 		className: require_utils.cn(badgeVariants({ size: size$3 }), className),
 		style: getBadgeStyles(variant),
 		...props,
@@ -507,6 +511,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 	}, [isDisabled, onClick]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
 		ref,
+		"data-slot": "button",
 		className: require_utils.cn(buttonGlassVariants({
 			variant,
 			size: size$3
@@ -5313,6 +5318,7 @@ const InputGlass = (0, react.forwardRef)(({ className, size: size$3, inputSize,
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 					ref,
+					"data-slot": "input",
 					className: require_utils.cn(inputVariants({ size: sizeValue }), paddingLeft, paddingRight),
 					style: getInputStyles(isFocused, error, success),
 					disabled,
@@ -5329,178 +5335,142 @@ const InputGlass = (0, react.forwardRef)(({ className, size: size$3, inputSize,
 	});
 });
 InputGlass.displayName = "InputGlass";
-const modalSizes = (0, class_variance_authority.cva)("relative w-full rounded-2xl p-6 transition-all duration-300", {
+const modalSizes = (0, class_variance_authority.cva)("relative w-full max-w-[calc(100%-2rem)] rounded-2xl p-6 transition-all duration-300", {
 	variants: { size: {
-		sm: "max-w-[480px]",
-		md: "max-w-[640px]",
-		lg: "max-w-[800px]",
-		xl: "max-w-xl",
-		full: "max-w-4xl"
+		sm: "sm:max-w-[480px]",
+		md: "sm:max-w-[640px]",
+		lg: "sm:max-w-[800px]",
+		xl: "sm:max-w-xl",
+		full: "sm:max-w-4xl"
 	} },
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "sm" }
 });
-var MODAL_ANIMATION_DURATION = 200;
-var lockBodyScroll = () => {
-	if (typeof document === "undefined") return;
-	document.body.style.overflow = "hidden";
-};
-var unlockBodyScroll = () => {
-	if (typeof document === "undefined") return;
-	document.body.style.overflow = "";
-};
-var delay = (ms) => {
-	return new Promise((resolve) => setTimeout(resolve, ms));
-};
-var ModalContext = (0, react.createContext)(null);
-var useModalContext = () => {
-	const context = (0, react.useContext)(ModalContext);
-	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 }) => {
-	const [isClosing, setIsClosing] = (0, react.useState)(false);
-	const handleClose = (0, react.useCallback)(async () => {
-		setIsClosing(true);
-		await delay(MODAL_ANIMATION_DURATION);
-		setIsClosing(false);
-		onOpenChange?.(false);
-	}, [onOpenChange]);
-	(0, react.useEffect)(() => {
-		if (open) lockBodyScroll();
-		else unlockBodyScroll();
-		return () => {
-			unlockBodyScroll();
-		};
-	}, [open]);
-	(0, react.useEffect)(() => {
-		if (!open) return;
-		const handleEscape = (event) => {
-			if (event.key === "Escape") handleClose();
-		};
-		document.addEventListener("keydown", handleEscape);
-		return () => {
-			document.removeEventListener("keydown", handleEscape);
-		};
-	}, [open, handleClose]);
-	if (!open) return null;
+var ModalContext = react.createContext({ size: "sm" });
+var useModalContext = () => react.useContext(ModalContext);
+function ModalRoot({ size: size$3 = "sm", children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
-		value: {
-			isOpen: open,
-			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",
+		value: { size: size$3 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Root, {
+			"data-slot": "dialog",
 			...props,
 			children
 		})
 	});
-};
-var ModalOverlay = ({ className }) => {
-	const { onClose, isClosing } = useModalContext();
-	const overlayStyles = (0, react.useMemo)(() => ({
+}
+function ModalTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function ModalPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+var ModalOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, {
+	ref,
+	"data-slot": "dialog-overlay",
+	className: require_utils.cn("fixed inset-0 z-50", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	style: {
 		background: "var(--modal-overlay)",
 		backdropFilter: "blur(var(--blur-sm))",
-		WebkitBackdropFilter: "blur(var(--blur-sm))",
-		opacity: isClosing ? 0 : 1,
-		transition: "all 0.3s"
-	}), [isClosing]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("absolute inset-0 transition-all duration-300", className),
-		style: overlayStyles,
-		onClick: onClose,
-		"aria-hidden": "true"
-	});
-};
-var ModalContent = (0, react.forwardRef)(({ children, className }, ref) => {
-	const { size: size$3, isClosing } = useModalContext();
-	const modalStyles = (0, react.useMemo)(() => ({
-		background: "var(--modal-bg)",
-		border: "1px solid var(--modal-border)",
-		boxShadow: "var(--modal-glow)",
-		backdropFilter: "blur(var(--blur-lg))",
-		WebkitBackdropFilter: "blur(var(--blur-lg))",
-		transform: isClosing ? "scale(0.95) translateY(10px)" : "scale(1) translateY(0)",
-		opacity: isClosing ? 0 : 1,
-		animation: !isClosing ? "modalFadeIn 0.3s ease-out" : "none"
-	}), [isClosing]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		WebkitBackdropFilter: "blur(var(--blur-sm))"
+	},
+	...props
+}));
+ModalOverlay.displayName = "ModalOverlay";
+var ModalContent = react.forwardRef(({ className, children, showCloseButton = true, size: sizeProp, ...props }, ref) => {
+	const { size: contextSize } = useModalContext();
+	const size$3 = sizeProp ?? contextSize;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
 		ref,
-		className: require_utils.cn(modalSizes({ size: size$3 }), className),
-		style: modalStyles,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "absolute inset-0 rounded-3xl pointer-events-none",
-			style: { background: "var(--modal-glow-effect)" }
-		}), children]
-	});
+		"data-slot": "dialog-content",
+		className: require_utils.cn(modalSizes({ size: size$3 }), "fixed top-[50%] left-[50%] z-50", "translate-x-[-50%] translate-y-[-50%]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "duration-200", className),
+		style: {
+			background: "var(--modal-bg)",
+			border: "1px solid var(--modal-border)",
+			boxShadow: "var(--modal-glow)",
+			backdropFilter: "blur(var(--blur-lg))",
+			WebkitBackdropFilter: "blur(var(--blur-lg))"
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 rounded-3xl pointer-events-none",
+				style: { background: "var(--modal-glow-effect)" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "relative",
+				children
+			}),
+			showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Close, {
+				"data-slot": "dialog-close",
+				className: require_utils.cn("absolute top-4 right-4", "p-1.5 md:p-2 rounded-xl", "transition-all duration-300", "ring-offset-background", "focus:outline-none focus:ring-2 focus:ring-(--semantic-primary) focus:ring-offset-2", "hover:opacity-100 opacity-70", "disabled:pointer-events-none"),
+				style: {
+					background: "var(--modal-close-btn-bg)",
+					border: "var(--modal-close-btn-border)",
+					color: "var(--text-muted)"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	})] });
 });
 ModalContent.displayName = "ModalContent";
-var ModalHeader = ({ children, className }) => {
+function ModalHeader({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("relative flex items-start justify-between mb-4 md:mb-5", className),
-		children
+		"data-slot": "dialog-header",
+		className: require_utils.cn("flex flex-col gap-2 text-center sm:text-left mb-4", className),
+		...props
 	});
-};
-var ModalBody = ({ children, className }) => {
+}
+function ModalBody({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-body",
 		className: require_utils.cn("relative", className),
 		style: { color: "var(--text-secondary)" },
-		children
+		...props
 	});
-};
-var ModalFooter = ({ children, className }) => {
+}
+function ModalFooter({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("relative flex gap-3 mt-4 md:mt-5 justify-end", className),
-		children
-	});
-};
-var ModalTitle = ({ children, className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-		id: "modal-title",
-		className: require_utils.cn("text-lg md:text-xl font-semibold", className),
-		style: { color: "var(--text-primary)" },
-		children
-	});
-};
-var ModalDescription = ({ children, className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		id: "modal-description",
-		className: require_utils.cn("text-sm md:text-base mt-1", className),
-		style: { color: "var(--text-muted)" },
-		children
+		"data-slot": "dialog-footer",
+		className: require_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-4", className),
+		...props
 	});
-};
-var ModalClose = ({ className }) => {
-	const { onClose } = useModalContext();
-	const { isHovered, hoverProps } = require_use_focus.useHover();
-	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
-	const closeButtonStyles = (0, react.useMemo)(() => ({
-		background: "var(--modal-close-btn-bg)",
-		border: "var(--modal-close-btn-border)",
-		color: "var(--text-muted)",
-		boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--modal-close-btn-hover-glow)" : "none",
-		outline: "none"
-	}), [isHovered, isFocusVisible]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		onClick: onClose,
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		onFocus: focusProps.onFocus,
-		onBlur: focusProps.onBlur,
-		className: require_utils.cn("p-1.5 md:p-2 rounded-xl transition-all duration-300", className),
-		style: closeButtonStyles,
-		type: "button",
-		"aria-label": "Close modal",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md })
+}
+var ModalTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+	ref,
+	"data-slot": "dialog-title",
+	className: require_utils.cn("text-lg md:text-xl font-semibold leading-none tracking-tight", className),
+	style: { color: "var(--text-primary)" },
+	...props
+}));
+ModalTitle.displayName = "ModalTitle";
+var ModalDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+	ref,
+	"data-slot": "dialog-description",
+	className: require_utils.cn("text-sm", className),
+	style: { color: "var(--text-muted)" },
+	...props
+}));
+ModalDescription.displayName = "ModalDescription";
+function ModalClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
 	});
-};
+}
 const ModalGlass = {
 	Root: ModalRoot,
+	Trigger: ModalTrigger,
+	Portal: ModalPortal,
 	Overlay: ModalOverlay,
 	Content: ModalContent,
 	Header: ModalHeader,
@@ -6642,26 +6612,47 @@ const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "default"
 ToggleGlass.displayName = "ToggleGlass";
 var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+		"data-slot": "tooltip-provider",
 		delayDuration,
 		...props
 	});
 };
-var TooltipGlassRoot = __radix_ui_react_tooltip.Root;
-var TooltipGlassTrigger = __radix_ui_react_tooltip.Trigger;
-var TooltipGlassContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Content, {
+TooltipGlassProvider.displayName = "TooltipGlassProvider";
+function TooltipGlassRoot({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+var TooltipGlassTrigger = react.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
+	ref,
+	"data-slot": "tooltip-trigger",
+	...props
+}));
+TooltipGlassTrigger.displayName = "TooltipGlassTrigger";
+var TooltipGlassContent = react.forwardRef(({ className, sideOffset = 0, children, ...props }, ref) => {
+	const tooltipStyles = {
+		background: "var(--tooltip-bg)",
+		color: "var(--tooltip-text)",
+		border: "1px solid var(--tooltip-border)",
+		boxShadow: "var(--tooltip-shadow)",
+		backdropFilter: "blur(var(--blur-xl))",
+		WebkitBackdropFilter: "blur(var(--blur-xl))"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
 		ref,
 		sideOffset,
-		className: require_utils.cn("z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
-		style: {
-			background: "var(--tooltip-bg)",
-			color: "var(--tooltip-text)",
-			border: "1px solid var(--tooltip-border)",
-			boxShadow: "var(--tooltip-shadow)",
-			backdropFilter: "blur(var(--blur-xl))",
-			WebkitBackdropFilter: "blur(var(--blur-xl))"
-		},
-		...props
+		"data-slot": "tooltip-content",
+		className: require_utils.cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
+		style: tooltipStyles,
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, {
+			className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
+			style: {
+				fill: "var(--tooltip-bg)",
+				background: "var(--tooltip-bg)"
+			}
+		})]
 	}) });
 });
 TooltipGlassContent.displayName = "TooltipGlassContent";
@@ -9932,13 +9923,13 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		function useSyncExternalStore$2$1(subscribe, getSnapshot) {
-			didWarnOld18Alpha || void 0 === React$5.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			didWarnOld18Alpha || void 0 === React$4.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
 			var value = getSnapshot();
 			if (!didWarnUncachedGetSnapshot) {
 				var cachedValue = getSnapshot();
 				objectIs$3(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
 			}
-			cachedValue = useState$20({ inst: {
+			cachedValue = useState$19({ inst: {
 				value,
 				getSnapshot
 			} });
@@ -9952,7 +9943,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 				value,
 				getSnapshot
 			]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
 				return subscribe(function() {
 					checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
@@ -9975,8 +9966,8 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return getSnapshot();
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$20 = React$5.useState, useEffect$18 = React$5.useEffect, useLayoutEffect$7 = React$5.useLayoutEffect, useDebugValue$3 = React$5.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
-		exports.useSyncExternalStore = void 0 !== React$5.useSyncExternalStore ? React$5.useSyncExternalStore : shim$2;
+		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$19 = React$4.useState, useEffect$17 = React$4.useEffect, useLayoutEffect$7 = React$4.useLayoutEffect, useDebugValue$3 = React$4.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
+		exports.useSyncExternalStore = void 0 !== React$4.useSyncExternalStore ? React$4.useSyncExternalStore : shim$2;
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
 }));
@@ -10063,7 +10054,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$5 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.useDebugValue;
+		var React$4 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$17 = React$4.useEffect, useMemo$11 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -10073,7 +10064,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$12(function() {
+			instRef = useMemo$11(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -10105,7 +10096,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -14823,11 +14814,11 @@ function createAnimateManager(timeoutController) {
 }
 var RequestAnimationFrameTimeoutController = class {
 	setTimeout(callback) {
-		var delay$1 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+		var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
 		var startTime = performance.now();
 		var requestId = null;
 		var executeCallback = (now) => {
-			if (now - startTime >= delay$1) callback(now);
+			if (now - startTime >= delay) callback(now);
 			else if (typeof requestAnimationFrame === "function") requestId = requestAnimationFrame(executeCallback);
 		};
 		requestId = requestAnimationFrame(executeCallback);
@@ -24272,7 +24263,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$5.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.useDebugValue;
+		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$4.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$17 = React$4.useEffect, useMemo$11 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -24282,7 +24273,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$12(function() {
+			instRef = useMemo$11(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -24314,7 +24305,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -28666,4 +28657,4 @@ Object.defineProperty(exports, "useMargin", {
 	}
 });
 
-//# sourceMappingURL=trust-score-card-glass-2rjz00d_.cjs.map
+//# sourceMappingURL=trust-score-card-glass-DTS1RdIt.cjs.map