@backbay/glia 0.2.0-alpha.6 → 0.2.0-alpha.8

package/dist/chunk-E3NVDCZG.js

@@ -1,280 +0,0 @@
-import { useGlassTokens, useElevationTokens, useMotionTokens, getGlassMaterial, getReducedTransparencyStyles, buildBackdropFilter } from './chunk-VITKG2HL.js';
-import { cn } from './chunk-6RX2WGCO.js';
-import { usePrefersReducedTransparency } from './chunk-3CMPQOMY.js';
-import { cva } from 'class-variance-authority';
-import { motion } from 'framer-motion';
-import * as React2 from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/lib/noise.ts
-var DEFAULTS = {
-  baseFrequency: 0.8,
-  numOctaves: 3,
-  opacity: 0.04,
-  size: 200,
-  seed: 2
-};
-function generateNoiseDataUrl(config) {
-  const {
-    baseFrequency,
-    numOctaves,
-    opacity,
-    size,
-    seed
-  } = { ...DEFAULTS, ...config };
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="${baseFrequency}" numOctaves="${numOctaves}" seed="${seed}" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="${size}" height="${size}" filter="url(#n)" opacity="${opacity}"/></svg>`;
-  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
-var NOISE_PRESETS = {
-  /** Subtle grain for glass panels. opacity: 0.03, freq: 0.8 */
-  glass: generateNoiseDataUrl({ opacity: 0.03, baseFrequency: 0.8 }),
-  /** Medium grain for cards/sections. opacity: 0.05, freq: 0.7 */
-  card: generateNoiseDataUrl({ opacity: 0.05, baseFrequency: 0.7 }),
-  /** Heavy grain for film/retro effects. opacity: 0.12, freq: 0.9 */
-  heavy: generateNoiseDataUrl({ opacity: 0.12, baseFrequency: 0.9 }),
-  /** Fine grain for subtle texture. opacity: 0.02, freq: 1.2 */
-  fine: generateNoiseDataUrl({ opacity: 0.02, baseFrequency: 1.2 })
-};
-var NoiseOverlay = React2.memo(function NoiseOverlay2({
-  preset = "glass",
-  config,
-  opacity,
-  blendMode = "overlay",
-  className,
-  style
-}) {
-  const noiseUrl = React2.useMemo(
-    () => config ? generateNoiseDataUrl(config) : NOISE_PRESETS[preset],
-    [config, preset]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      "aria-hidden": "true",
-      style: {
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none",
-        backgroundImage: `url("${noiseUrl}")`,
-        backgroundRepeat: "repeat",
-        backgroundSize: `${config?.size ?? 200}px ${config?.size ?? 200}px`,
-        mixBlendMode: blendMode,
-        opacity: opacity ?? config?.opacity ?? void 0,
-        borderRadius: "inherit",
-        zIndex: 1,
-        ...style
-      }
-    }
-  );
-});
-var glassPanelVariants = cva("relative overflow-hidden", {
-  variants: {
-    variant: {
-      /** Standard panel surface */
-      default: "rounded-xl",
-      /** Larger, more prominent panel */
-      prominent: "rounded-2xl",
-      /** Subtle card within a panel */
-      card: "rounded-lg",
-      /** Full-bleed panel (no rounding) */
-      flush: "rounded-none"
-    },
-    elevation: {
-      /** Flat, no shadow */
-      none: "",
-      /** Subtle drop shadow */
-      soft: "",
-      /** HUD panel shadow */
-      hud: "",
-      /** Modal/overlay shadow */
-      modal: ""
-    },
-    interactive: {
-      true: "cursor-pointer",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    elevation: "soft",
-    interactive: false
-  }
-});
-function HoverGlow({ isHovered, intensity = "subtle", color }) {
-  const motionTokens = useMotionTokens();
-  const glassTokens = useGlassTokens();
-  const opacityMax = intensity === "subtle" ? 0.35 : 0.5;
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      initial: false,
-      animate: {
-        opacity: isHovered ? opacityMax : 0,
-        scale: isHovered ? 1.05 : 0.95
-      },
-      transition: motionTokens.normal,
-      className: "pointer-events-none absolute inset-0 -z-10 blur-3xl",
-      style: {
-        background: `radial-gradient(ellipse at center, ${color ?? glassTokens.hoverBg}, transparent 70%)`
-      }
-    }
-  );
-}
-var GlassPanel = React2.forwardRef(function GlassPanel2({
-  children,
-  className,
-  variant,
-  elevation,
-  interactive,
-  showHoverGlow = false,
-  isActive = false,
-  disableAnimations = false,
-  background,
-  border,
-  style,
-  as: Component = "div",
-  material,
-  showNoise,
-  noiseOpacity,
-  forceReducedTransparency,
-  onMouseEnter,
-  onMouseLeave,
-  ...props
-}, ref) {
-  const glassTokens = useGlassTokens();
-  const elevationTokens = useElevationTokens();
-  const motionTokens = useMotionTokens();
-  const [isHovered, setIsHovered] = React2.useState(false);
-  const reducedTransparency = usePrefersReducedTransparency();
-  const isReducedTransparency = forceReducedTransparency ?? reducedTransparency;
-  const mat = material != null ? getGlassMaterial(material) : null;
-  const rtOverrides = mat && isReducedTransparency ? getReducedTransparencyStyles(mat) : null;
-  const defaultBlur = `blur(${glassTokens.panelBlur ?? "24px"})`;
-  const effectiveBackdropFilter = mat ? rtOverrides ? rtOverrides.backdropFilter : buildBackdropFilter(mat) : isReducedTransparency ? "none" : defaultBlur;
-  const effectiveBackground = background ?? glassTokens.panelBg;
-  const effectiveShowNoise = showNoise ?? (rtOverrides ? rtOverrides.showNoise : mat?.showNoise ?? false);
-  const effectiveNoiseOpacity = noiseOpacity ?? mat?.noiseOpacity ?? 0.03;
-  const shadowMap = {
-    none: "none",
-    soft: elevationTokens.softDrop,
-    hud: elevationTokens.hudPanel,
-    modal: elevationTokens.modal
-  };
-  const handleMouseEnter = (e) => {
-    setIsHovered(true);
-    onMouseEnter?.(e);
-  };
-  const handleMouseLeave = (e) => {
-    setIsHovered(false);
-    onMouseLeave?.(e);
-  };
-  const motionTags = {
-    div: motion.div,
-    section: motion.section,
-    article: motion.article,
-    aside: motion.aside,
-    nav: motion.nav
-  };
-  const MotionComponent = motionTags[Component];
-  return /* @__PURE__ */ jsxs(
-    MotionComponent,
-    {
-      ref,
-      className: cn(glassPanelVariants({ variant, elevation, interactive }), className),
-      style: {
-        backdropFilter: effectiveBackdropFilter,
-        WebkitBackdropFilter: effectiveBackdropFilter,
-        background: effectiveBackground,
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: isActive ? glassTokens.activeBorder : border ?? glassTokens.panelBorder,
-        boxShadow: isActive ? glassTokens.activeShadow : shadowMap[elevation ?? "soft"],
-        ...style
-      },
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      whileHover: interactive && !disableAnimations ? {
-        borderColor: glassTokens.activeBorder,
-        transition: motionTokens.fast
-      } : void 0,
-      ...props,
-      children: [
-        effectiveShowNoise && /* @__PURE__ */ jsx(
-          NoiseOverlay,
-          {
-            preset: mat?.noisePreset ?? "glass",
-            opacity: effectiveNoiseOpacity
-          }
-        ),
-        showHoverGlow && /* @__PURE__ */ jsx(HoverGlow, { isHovered }),
-        children
-      ]
-    }
-  );
-});
-function GlassHeader({ children, className, style, ...props }) {
-  const glassTokens = useGlassTokens();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative flex items-center justify-between px-4 py-3", "border-b", className),
-      style: {
-        background: glassTokens.headerGradient,
-        borderColor: glassTokens.cardBorder,
-        ...style
-      },
-      ...props,
-      children
-    }
-  );
-}
-var GlassCard = React2.forwardRef(function GlassCard2({ children, className, interactive = false, isActive = false, style, ...props }, ref) {
-  const glassTokens = useGlassTokens();
-  const elevationTokens = useElevationTokens();
-  const motionTokens = useMotionTokens();
-  const [isHovered, setIsHovered] = React2.useState(false);
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      ref,
-      className: cn("relative rounded-xl p-3", interactive && "cursor-pointer", className),
-      style: {
-        background: glassTokens.cardBg,
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: isActive ? glassTokens.activeBorder : glassTokens.cardBorder,
-        boxShadow: isActive ? glassTokens.activeShadow : elevationTokens.softDrop,
-        ...style
-      },
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      whileHover: interactive ? {
-        borderColor: glassTokens.activeBorder,
-        boxShadow: `0 4px 20px ${glassTokens.hoverBg}`,
-        transition: motionTokens.fast
-      } : void 0,
-      ...props,
-      children: [
-        interactive && /* @__PURE__ */ jsx(HoverGlow, { isHovered, intensity: "subtle" }),
-        children
-      ]
-    }
-  );
-});
-function GlassSection({
-  children,
-  title,
-  compact = false,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn(compact ? "p-2" : "p-4", "space-y-2", className), ...props, children: [
-    title && /* @__PURE__ */ jsx("h4", { className: "text-[10px] font-mono uppercase tracking-[0.12em] text-[var(--glia-color-text-soft,#64748B)] px-1", children: title }),
-    children
-  ] });
-}
-
-export { GlassCard, GlassHeader, GlassPanel, GlassSection, NOISE_PRESETS, NoiseOverlay, generateNoiseDataUrl };
-//# sourceMappingURL=chunk-E3NVDCZG.js.map
-//# sourceMappingURL=chunk-E3NVDCZG.js.map

package/dist/chunk-E3NVDCZG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/noise.ts","../src/primitives/organisms/Glass/NoiseOverlay.tsx","../src/primitives/organisms/Glass/GlassPanel.tsx"],"names":["React","NoiseOverlay","jsx","GlassPanel","GlassCard"],"mappings":"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","file":"chunk-E3NVDCZG.js","sourcesContent":["/**\n * Noise texture utilities for glassmorphism effects.\n *\n * Generates SVG-based noise textures as data URLs for use\n * as background overlays on glass surfaces.\n */\n\nexport interface NoiseConfig {\n  /** Base frequency for fractal noise (0.1-2.0). Higher = finer grain. Default: 0.8 */\n  baseFrequency?: number;\n  /** Number of octaves (1-5). More octaves = more detail. Default: 3 */\n  numOctaves?: number;\n  /** Noise opacity (0-1). Default: 0.04 */\n  opacity?: number;\n  /** Tile size in pixels. Default: 200 */\n  size?: number;\n  /** Random seed. Default: 2 */\n  seed?: number;\n}\n\nconst DEFAULTS: Required<NoiseConfig> = {\n  baseFrequency: 0.8,\n  numOctaves: 3,\n  opacity: 0.04,\n  size: 200,\n  seed: 2,\n};\n\n/**\n * Generate a noise texture SVG data URL with the given config.\n */\nexport function generateNoiseDataUrl(config?: NoiseConfig): string {\n  const {\n    baseFrequency,\n    numOctaves,\n    opacity,\n    size,\n    seed,\n  } = { ...DEFAULTS, ...config };\n\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"${baseFrequency}\" numOctaves=\"${numOctaves}\" seed=\"${seed}\" stitchTiles=\"stitch\"/><feColorMatrix type=\"saturate\" values=\"0\"/></filter><rect width=\"${size}\" height=\"${size}\" filter=\"url(#n)\" opacity=\"${opacity}\"/></svg>`;\n\n  return `data:image/svg+xml,${encodeURIComponent(svg)}`;\n}\n\n/** Pre-generated noise textures for common use cases */\nexport const NOISE_PRESETS = {\n  /** Subtle grain for glass panels. opacity: 0.03, freq: 0.8 */\n  glass: generateNoiseDataUrl({ opacity: 0.03, baseFrequency: 0.8 }),\n  /** Medium grain for cards/sections. opacity: 0.05, freq: 0.7 */\n  card: generateNoiseDataUrl({ opacity: 0.05, baseFrequency: 0.7 }),\n  /** Heavy grain for film/retro effects. opacity: 0.12, freq: 0.9 */\n  heavy: generateNoiseDataUrl({ opacity: 0.12, baseFrequency: 0.9 }),\n  /** Fine grain for subtle texture. opacity: 0.02, freq: 1.2 */\n  fine: generateNoiseDataUrl({ opacity: 0.02, baseFrequency: 1.2 }),\n} as const;\n\nexport type NoisePreset = keyof typeof NOISE_PRESETS;\n","\"use client\";\n\n/**\n * NoiseOverlay -- SVG grain texture overlay for glass surfaces.\n *\n * Renders an absolutely-positioned, pointer-events-none div with\n * a tiling SVG noise pattern as background-image.\n *\n * @example\n * <div style={{ position: 'relative' }}>\n *   <NoiseOverlay preset=\"glass\" />\n *   {children}\n * </div>\n */\n\nimport * as React from \"react\";\nimport {\n  NOISE_PRESETS,\n  generateNoiseDataUrl,\n  type NoisePreset,\n  type NoiseConfig,\n} from \"../../../lib/noise\";\n\nexport interface NoiseOverlayProps {\n  /** Use a preset noise configuration */\n  preset?: NoisePreset;\n  /** Custom noise config (overrides preset) */\n  config?: NoiseConfig;\n  /** Override opacity (0-1). Overrides both preset and config opacity. */\n  opacity?: number;\n  /** Blend mode. Default: 'overlay' */\n  blendMode?: React.CSSProperties[\"mixBlendMode\"];\n  /** Additional className */\n  className?: string;\n  /** Additional styles */\n  style?: React.CSSProperties;\n}\n\nexport const NoiseOverlay = React.memo(function NoiseOverlay({\n  preset = \"glass\",\n  config,\n  opacity,\n  blendMode = \"overlay\",\n  className,\n  style,\n}: NoiseOverlayProps) {\n  const noiseUrl = React.useMemo(\n    () => (config ? generateNoiseDataUrl(config) : NOISE_PRESETS[preset]),\n    [config, preset],\n  );\n\n  return (\n    <div\n      className={className}\n      aria-hidden=\"true\"\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        pointerEvents: \"none\",\n        backgroundImage: `url(\"${noiseUrl}\")`,\n        backgroundRepeat: \"repeat\",\n        backgroundSize: `${config?.size ?? 200}px ${config?.size ?? 200}px`,\n        mixBlendMode: blendMode,\n        opacity: opacity ?? config?.opacity ?? undefined,\n        borderRadius: \"inherit\",\n        zIndex: 1,\n        ...style,\n      }}\n    />\n  );\n});\n","\"use client\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { motion, type HTMLMotionProps } from \"framer-motion\";\nimport * as React from \"react\";\nimport { usePrefersReducedTransparency } from \"../../../lib/accessibility\";\nimport { useElevationTokens, useGlassTokens, useMotionTokens } from \"../../../theme\";\nimport {\n  getGlassMaterial,\n  buildBackdropFilter,\n  getReducedTransparencyStyles,\n  type GlassMaterialId,\n} from \"../../../theme/materials\";\nimport { NoiseOverlay } from \"./NoiseOverlay\";\n\n// ============================================================================\n// GLASS PANEL VARIANTS\n// ============================================================================\n\nconst glassPanelVariants = cva(\"relative overflow-hidden\", {\n  variants: {\n    variant: {\n      /** Standard panel surface */\n      default: \"rounded-xl\",\n      /** Larger, more prominent panel */\n      prominent: \"rounded-2xl\",\n      /** Subtle card within a panel */\n      card: \"rounded-lg\",\n      /** Full-bleed panel (no rounding) */\n      flush: \"rounded-none\",\n    },\n    elevation: {\n      /** Flat, no shadow */\n      none: \"\",\n      /** Subtle drop shadow */\n      soft: \"\",\n      /** HUD panel shadow */\n      hud: \"\",\n      /** Modal/overlay shadow */\n      modal: \"\",\n    },\n    interactive: {\n      true: \"cursor-pointer\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    elevation: \"soft\",\n    interactive: false,\n  },\n});\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface GlassPanelProps\n  extends Omit<HTMLMotionProps<\"div\">, \"children\">, VariantProps<typeof glassPanelVariants> {\n  children: React.ReactNode;\n  /** Show hover glow effect */\n  showHoverGlow?: boolean;\n  /** Show active state styling */\n  isActive?: boolean;\n  /** Disable animations */\n  disableAnimations?: boolean;\n  /** Custom background override */\n  background?: string;\n  /** Custom border override */\n  border?: string;\n  /** As container element */\n  as?: \"div\" | \"section\" | \"article\" | \"aside\" | \"nav\";\n  /** Glass material preset. Controls blur, opacity, noise, saturate, brightness. */\n  material?: GlassMaterialId;\n  /** Show noise texture overlay. Defaults to material's setting. */\n  showNoise?: boolean;\n  /** Noise opacity override (0-1) */\n  noiseOpacity?: number;\n  /** Force reduced transparency mode (overrides system preference) */\n  forceReducedTransparency?: boolean;\n}\n\n// ============================================================================\n// HOVER GLOW COMPONENT\n// ============================================================================\n\ninterface HoverGlowProps {\n  isHovered: boolean;\n  intensity?: \"subtle\" | \"medium\";\n  color?: string;\n}\n\nfunction HoverGlow({ isHovered, intensity = \"subtle\", color }: HoverGlowProps) {\n  const motionTokens = useMotionTokens();\n  const glassTokens = useGlassTokens();\n  const opacityMax = intensity === \"subtle\" ? 0.35 : 0.5;\n\n  return (\n    <motion.div\n      initial={false}\n      animate={{\n        opacity: isHovered ? opacityMax : 0,\n        scale: isHovered ? 1.05 : 0.95,\n      }}\n      transition={motionTokens.normal}\n      className=\"pointer-events-none absolute inset-0 -z-10 blur-3xl\"\n      style={{\n        background: `radial-gradient(ellipse at center, ${\n          color ?? glassTokens.hoverBg\n        }, transparent 70%)`,\n      }}\n    />\n  );\n}\n\n// ============================================================================\n// GLASS PANEL\n// ============================================================================\n\nexport const GlassPanel = React.forwardRef<HTMLDivElement, GlassPanelProps>(function GlassPanel(\n  {\n    children,\n    className,\n    variant,\n    elevation,\n    interactive,\n    showHoverGlow = false,\n    isActive = false,\n    disableAnimations = false,\n    background,\n    border,\n    style,\n    as: Component = \"div\",\n    material,\n    showNoise,\n    noiseOpacity,\n    forceReducedTransparency,\n    onMouseEnter,\n    onMouseLeave,\n    ...props\n  },\n  ref\n) {\n  const glassTokens = useGlassTokens();\n  const elevationTokens = useElevationTokens();\n  const motionTokens = useMotionTokens();\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  const reducedTransparency = usePrefersReducedTransparency();\n  const isReducedTransparency = forceReducedTransparency ?? reducedTransparency;\n\n  // Material system: only active when `material` prop is explicitly set\n  const mat = material != null ? getGlassMaterial(material) : null;\n  const rtOverrides = mat && isReducedTransparency ? getReducedTransparencyStyles(mat) : null;\n\n  // Compute backdrop filter\n  const defaultBlur = `blur(${glassTokens.panelBlur ?? \"24px\"})`;\n  const effectiveBackdropFilter = mat\n    ? rtOverrides\n      ? rtOverrides.backdropFilter\n      : buildBackdropFilter(mat)\n    : isReducedTransparency\n      ? \"none\"\n      : defaultBlur;\n\n  // Compute background (when material is set and no explicit background override)\n  const effectiveBackground = background ?? glassTokens.panelBg;\n\n  // Compute noise visibility\n  const effectiveShowNoise = showNoise ?? (rtOverrides ? rtOverrides.showNoise : mat?.showNoise ?? false);\n  const effectiveNoiseOpacity = noiseOpacity ?? mat?.noiseOpacity ?? 0.03;\n\n  // Map elevation to shadow\n  const shadowMap = {\n    none: \"none\",\n    soft: elevationTokens.softDrop,\n    hud: elevationTokens.hudPanel,\n    modal: elevationTokens.modal,\n  };\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLDivElement>) => {\n    setIsHovered(true);\n    onMouseEnter?.(e);\n  };\n\n  const handleMouseLeave = (e: React.MouseEvent<HTMLDivElement>) => {\n    setIsHovered(false);\n    onMouseLeave?.(e);\n  };\n\n  const motionTags = {\n    div: motion.div,\n    section: motion.section,\n    article: motion.article,\n    aside: motion.aside,\n    nav: motion.nav,\n  } as const;\n  const MotionComponent = motionTags[Component];\n\n  return (\n    <MotionComponent\n      ref={ref}\n      className={cn(glassPanelVariants({ variant, elevation, interactive }), className)}\n      style={{\n          backdropFilter: effectiveBackdropFilter,\n          WebkitBackdropFilter: effectiveBackdropFilter,\n          background: effectiveBackground,\n          borderWidth: 1,\n          borderStyle: \"solid\",\n          borderColor: isActive ? glassTokens.activeBorder : (border ?? glassTokens.panelBorder),\n          boxShadow: isActive ? glassTokens.activeShadow : shadowMap[elevation ?? \"soft\"],\n          ...style,\n        }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      whileHover={\n        interactive && !disableAnimations\n          ? {\n              borderColor: glassTokens.activeBorder,\n              transition: motionTokens.fast,\n            }\n          : undefined\n      }\n      {...props}\n    >\n      {effectiveShowNoise && (\n        <NoiseOverlay\n          preset={mat?.noisePreset ?? \"glass\"}\n          opacity={effectiveNoiseOpacity}\n        />\n      )}\n      {showHoverGlow && <HoverGlow isHovered={isHovered} />}\n      {children}\n    </MotionComponent>\n  );\n});\n\n// ============================================================================\n// GLASS HEADER\n// ============================================================================\n\nexport interface GlassHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport function GlassHeader({ children, className, style, ...props }: GlassHeaderProps) {\n  const glassTokens = useGlassTokens();\n\n  return (\n    <div\n      className={cn(\"relative flex items-center justify-between px-4 py-3\", \"border-b\", className)}\n      style={{\n        background: glassTokens.headerGradient,\n        borderColor: glassTokens.cardBorder,\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ============================================================================\n// GLASS CARD\n// ============================================================================\n\nexport interface GlassCardProps extends Omit<HTMLMotionProps<\"div\">, \"children\"> {\n  children: React.ReactNode;\n  /** Show hover effects */\n  interactive?: boolean;\n  /** Currently active/selected */\n  isActive?: boolean;\n}\n\nexport const GlassCard = React.forwardRef<HTMLDivElement, GlassCardProps>(function GlassCard(\n  { children, className, interactive = false, isActive = false, style, ...props },\n  ref\n) {\n  const glassTokens = useGlassTokens();\n  const elevationTokens = useElevationTokens();\n  const motionTokens = useMotionTokens();\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  return (\n    <motion.div\n      ref={ref}\n      className={cn(\"relative rounded-xl p-3\", interactive && \"cursor-pointer\", className)}\n      style={{\n        background: glassTokens.cardBg,\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: isActive ? glassTokens.activeBorder : glassTokens.cardBorder,\n        boxShadow: isActive ? glassTokens.activeShadow : elevationTokens.softDrop,\n        ...style,\n      }}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      whileHover={\n        interactive\n          ? {\n              borderColor: glassTokens.activeBorder,\n              boxShadow: `0 4px 20px ${glassTokens.hoverBg}`,\n              transition: motionTokens.fast,\n            }\n          : undefined\n      }\n      {...props}\n    >\n      {interactive && <HoverGlow isHovered={isHovered} intensity=\"subtle\" />}\n      {children}\n    </motion.div>\n  );\n});\n\n// ============================================================================\n// GLASS SECTION\n// ============================================================================\n\nexport interface GlassSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Section title */\n  title?: string;\n  /** Compact padding */\n  compact?: boolean;\n}\n\nexport function GlassSection({\n  children,\n  title,\n  compact = false,\n  className,\n  ...props\n}: GlassSectionProps) {\n  return (\n    <div className={cn(compact ? \"p-2\" : \"p-4\", \"space-y-2\", className)} {...props}>\n      {title && (\n        <h4 className=\"text-[10px] font-mono uppercase tracking-[0.12em] text-[var(--glia-color-text-soft,#64748B)] px-1\">\n          {title}\n        </h4>\n      )}\n      {children}\n    </div>\n  );\n}\n"]}