@steez-ui/ui 0.1.4 → 0.1.6

package/README.md

@@ -101,9 +101,9 @@ GitHub Actions mirror the same CI, npm publish, and Cloudflare Pages deploy path
 
 ## Current Packages
 
-- `@steez-ui/theme@0.1.4`
-- `@steez-ui/icons@0.1.4`
-- `@steez-ui/ui@0.1.4`
+- `@steez-ui/theme@0.1.6`
+- `@steez-ui/icons@0.1.6`
+- `@steez-ui/ui@0.1.6`
 
 ## External Setup
 

package/dist/components/AvatarStage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStage.js","sourceRoot":"","sources":["../../src/components/AvatarStage.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,OAAO,EACrB,aAAa,GAAG,kBAAkB,EAClC,SAAS,GAAG,EAAE,EACd,iBAAiB,GAAG,EAAE,EACtB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,uBAAiC,CAAC,EACjC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,WAAW;QACpE,CAAC,+BAAyC,CAAC,EACzC,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,aAAa;KACpD,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,KAAM,KAAK,aAChF,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,EACpE,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAG,QAAQ,GAAO,IAC9E,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AvatarStage.js","sourceRoot":"","sources":["../../src/components/AvatarStage.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,OAAO,EACrB,aAAa,GAAG,kBAAkB,EAClC,SAAS,GAAG,EAAE,EACd,iBAAiB,GAAG,EAAE,EACtB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,uBAAiC,CAAC,EACjC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,WAAW;QACpE,CAAC,+BAAyC,CAAC,EACzC,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,aAAa;KACpD,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,KAAM,KAAK,aAChF,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,EACpE,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAG,QAAQ,GAAO,IAC9E,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./AvatarStage.module.css\";\n\nexport interface AvatarStageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  backdrop?: React.ReactNode;\n  stageHeight?: number | string;\n  viewportWidth?: number | string;\n  viewportClassName?: string;\n}\n\nexport function AvatarStage({\n  children,\n  backdrop,\n  stageHeight = \"34rem\",\n  viewportWidth = \"min(100%, 30rem)\",\n  className = \"\",\n  viewportClassName = \"\",\n  style,\n  ...props\n}: AvatarStageProps) {\n  const mergedStyle = {\n    ...style,\n    [\"--avatar-stage-height\" as string]:\n      typeof stageHeight === \"number\" ? `${stageHeight}px` : stageHeight,\n    [\"--avatar-stage-viewport-width\" as string]:\n      typeof viewportWidth === \"number\" ? `${viewportWidth}px` : viewportWidth,\n  } as React.CSSProperties;\n\n  return (\n    <div className={`${styles.root} ${className}`.trim()} style={mergedStyle} {...props}>\n      {backdrop ? <div className={styles.backdrop}>{backdrop}</div> : null}\n      <div className={`${styles.viewport} ${viewportClassName}`.trim()}>{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/components/BlinkText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlinkText.js","sourceRoot":"","sources":["../../src/components/BlinkText.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAa5C,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,kBAA4B,CAAC,EAAE,GAAG,UAAU,IAAI;QACjD,CAAC,oBAA8B,CAAC,EAC9B,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QAC7D,CAAC,eAAyB,CAAC,EAAE,GAAG,OAAO,IAAI;QAC3C,CAAC,qBAA+B,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;KAC/B,CAAC;IAEzB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAClE,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"BlinkText.js","sourceRoot":"","sources":["../../src/components/BlinkText.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAa5C,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,kBAA4B,CAAC,EAAE,GAAG,UAAU,IAAI;QACjD,CAAC,oBAA8B,CAAC,EAC9B,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QAC7D,CAAC,eAAyB,CAAC,EAAE,GAAG,OAAO,IAAI;QAC3C,CAAC,qBAA+B,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;KAC/B,CAAC;IAEzB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAClE,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./BlinkText.module.css\";\n\ntype BlinkTrigger = \"mount\" | \"hover\" | \"always\";\n\nexport interface BlinkTextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode;\n  trigger?: BlinkTrigger;\n  durationMs?: number;\n  iterations?: number | \"infinite\";\n  delayMs?: number;\n  dimOpacity?: number;\n}\n\nexport function BlinkText({\n  children,\n  trigger = \"hover\",\n  durationMs = 420,\n  iterations = 3,\n  delayMs = 0,\n  dimOpacity = 0.12,\n  className = \"\",\n  style,\n  ...props\n}: BlinkTextProps) {\n  const mergedStyle = {\n    ...style,\n    [\"--blink-duration\" as string]: `${durationMs}ms`,\n    [\"--blink-iterations\" as string]:\n      iterations === \"infinite\" ? \"infinite\" : String(iterations),\n    [\"--blink-delay\" as string]: `${delayMs}ms`,\n    [\"--blink-dim-opacity\" as string]: String(dimOpacity),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={`${styles.root} ${styles[trigger]} ${className}`.trim()}\n      style={mergedStyle}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAYlD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO,CACL,iBAAQ,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAAM,KAAK,YAChF,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAYlD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO,CACL,iBAAQ,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAAM,KAAK,YAChF,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"../styles/Buttons.module.css\";\n\ntype ButtonVariant = \"primary\" | \"secondary\" | \"danger\";\ntype ButtonSize = \"small\" | \"medium\" | \"large\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"medium\",\n  className = \"\",\n  children,\n  ...props\n}: ButtonProps) {\n  const sizeClass = size === \"small\" ? styles.small : size === \"large\" ? styles.large : \"\";\n\n  return (\n    <button className={`${styles[variant]} ${sizeClass} ${className}`.trim()} {...props}>\n      {children}\n    </button>\n  );\n}\n\nexport default Button;\n\n"]}

package/dist/components/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAW7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,mBAAmB,EAC3B,gBAAgB,GAAG,IAAI,EACvB,WAAW,GACK;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACpF,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,gBACrB,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,YAEjD,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,GACrF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAW7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,mBAAmB,EAC3B,gBAAgB,GAAG,IAAI,EACvB,WAAW,GACK;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACpF,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,gBACrB,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,YAEjD,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,GACrF,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"@steez-ui/icons\";\n\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps {\n  value: string;\n  size?: number;\n  className?: string;\n  title?: string;\n  feedbackDuration?: number;\n  onCopyError?: (error: unknown) => void;\n}\n\nexport function CopyButton({\n  value,\n  size = 16,\n  className = \"\",\n  title = \"Copy to clipboard\",\n  feedbackDuration = 2000,\n  onCopyError,\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!copied) {\n      return undefined;\n    }\n\n    const timer = window.setTimeout(() => setCopied(false), feedbackDuration);\n    return () => window.clearTimeout(timer);\n  }, [copied, feedbackDuration]);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setCopied(true);\n    } catch (error) {\n      onCopyError?.(error);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={`${styles.copyButton} ${copied ? styles.copied : \"\"} ${className}`.trim()}\n      onClick={handleCopy}\n      title={copied ? \"Copied!\" : title}\n      aria-label={copied ? \"Copied to clipboard\" : title}\n    >\n      {copied ? <CheckIcon width={size} height={size} /> : <CopyIcon width={size} height={size} />}\n    </button>\n  );\n}\n\n"]}

package/dist/components/CornerBracketCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CornerBracketCard.js","sourceRoot":"","sources":["../../src/components/CornerBracketCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAQpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAAM,KAAK,aAC9G,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,EAAE,iBAAc,MAAM,GAAG,EAClF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,EAAE,iBAAc,MAAM,GAAG,EACnF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,gBAAgB,EAAE,iBAAc,MAAM,GAAG,EACrF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,iBAAiB,EAAE,iBAAc,MAAM,GAAG,EACrF,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CornerBracketCard.js","sourceRoot":"","sources":["../../src/components/CornerBracketCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAQpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAAM,KAAK,aAC9G,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,EAAE,iBAAc,MAAM,GAAG,EAClF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,EAAE,iBAAc,MAAM,GAAG,EACnF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,gBAAgB,EAAE,iBAAc,MAAM,GAAG,EACrF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,iBAAiB,EAAE,iBAAc,MAAM,GAAG,EACrF,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./CornerBracketCard.module.css\";\n\nexport interface CornerBracketCardProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  variant?: \"default\" | \"featured\";\n}\n\nexport function CornerBracketCard({\n  title,\n  variant = \"default\",\n  className = \"\",\n  children,\n  ...props\n}: CornerBracketCardProps) {\n  return (\n    <div className={`${styles.card} ${variant === \"featured\" ? styles.featured : \"\"} ${className}`.trim()} {...props}>\n      <span className={`${styles.corner} ${styles.cornerTopLeft}`} aria-hidden=\"true\" />\n      <span className={`${styles.corner} ${styles.cornerTopRight}`} aria-hidden=\"true\" />\n      <span className={`${styles.corner} ${styles.cornerBottomLeft}`} aria-hidden=\"true\" />\n      <span className={`${styles.corner} ${styles.cornerBottomRight}`} aria-hidden=\"true\" />\n      {title ? <div className={styles.title}>{title}</div> : null}\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkCheckbox.js","sourceRoot":"","sources":["../../src/components/CyberpunkCheckbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAQpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KACjD,KAAK,GACT,EACD,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkCheckbox.js","sourceRoot":"","sources":["../../src/components/CyberpunkCheckbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAQpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KACjD,KAAK,GACT,EACD,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC","sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkCheckbox.module.css\";\n\nexport interface CyberpunkCheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"type\"> {\n  label?: string;\n  onChange?: (checked: boolean) => void;\n}\n\nexport function CyberpunkCheckbox({\n  label,\n  className = \"\",\n  id,\n  onChange,\n  ...props\n}: CyberpunkCheckboxProps) {\n  const inputId = useStableId(\"checkbox\", id);\n\n  return (\n    <label htmlFor={inputId} className={`${styles.wrapper} ${className}`.trim()}>\n      <input\n        id={inputId}\n        type=\"checkbox\"\n        className={styles.checkbox}\n        onChange={(event) => onChange?.(event.target.checked)}\n        {...props}\n      />\n      {label ? <span className={styles.label}>{label}</span> : null}\n    </label>\n  );\n}\n"]}

package/dist/components/CyberpunkInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkInput.js","sourceRoot":"","sources":["../../src/components/CyberpunkInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAUjD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,GAAG,KAAK,EACY;IACpB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,oBAAoB,GAAG,QAAQ,IAAI,QAAQ,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC1E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aAElI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACxD,gBAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,IAC9F,EACL,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,IACtE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkInput.js","sourceRoot":"","sources":["../../src/components/CyberpunkInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAUjD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,GAAG,KAAK,EACY;IACpB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,oBAAoB,GAAG,QAAQ,IAAI,QAAQ,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC1E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aAElI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACxD,gBAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,IAC9F,EACL,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,IACtE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { InputHTMLAttributes, ReactNode } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkInput.module.css\";\n\nexport interface CyberpunkInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"helperText\"> {\n  label?: string;\n  variant?: \"default\" | \"long\" | \"full\";\n  helperText?: string;\n  icon?: ReactNode;\n}\n\nexport function CyberpunkInput({\n  label,\n  variant = \"default\",\n  className = \"\",\n  id,\n  disabled,\n  readOnly,\n  helperText,\n  icon,\n  ...props\n}: CyberpunkInputProps) {\n  const inputId = useStableId(\"input\", id);\n  const isDisabledOrReadOnly = disabled || readOnly;\n\n  return (\n    <div className={`${styles.cyberInput} ${styles[variant]} ${className}`.trim()}>\n      {label ? (\n        <label htmlFor={inputId} className={styles.label}>\n          {label}\n        </label>\n      ) : null}\n      <div\n        className={`${styles.inputContainer} ${isDisabledOrReadOnly ? styles.disabledContainer : \"\"} ${icon ? styles.withIcon : \"\"}`.trim()}\n      >\n        {icon ? <div className={styles.icon}>{icon}</div> : null}\n        <input id={inputId} className={styles.input} disabled={disabled} readOnly={readOnly} {...props} />\n      </div>\n      {helperText ? <div className={styles.helperText}>{helperText}</div> : null}\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkRadio.js","sourceRoot":"","sources":["../../src/components/CyberpunkRadio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAMjD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAuB;IACzF,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,GAAI,EACtE,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,GACW;IACzB,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAEb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAL9C,MAAM,CAAC,KAAK,CAMjB,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkRadio.js","sourceRoot":"","sources":["../../src/components/CyberpunkRadio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAMjD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAuB;IACzF,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,GAAI,EACtE,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,GACW;IACzB,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAEb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAL9C,MAAM,CAAC,KAAK,CAMjB,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkRadio.module.css\";\n\nexport interface CyberpunkRadioProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n}\n\nexport function CyberpunkRadio({ label, className = \"\", id, ...props }: CyberpunkRadioProps) {\n  const inputId = useStableId(\"radio\", id);\n\n  return (\n    <label htmlFor={inputId} className={`${styles.wrapper} ${className}`.trim()}>\n      <input id={inputId} type=\"radio\" className={styles.radio} {...props} />\n      {label ? <span className={styles.label}>{label}</span> : null}\n    </label>\n  );\n}\n\nexport interface CyberpunkRadioGroupProps {\n  name: string;\n  options: { value: string; label: string }[];\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n}\n\nexport function CyberpunkRadioGroup({\n  name,\n  options,\n  value,\n  onChange,\n  className = \"\",\n}: CyberpunkRadioGroupProps) {\n  return (\n    <div className={`${styles.radioGroup} ${className}`.trim()}>\n      {options.map((option) => (\n        <CyberpunkRadio\n          key={option.value}\n          name={name}\n          value={option.value}\n          label={option.label}\n          checked={value === option.value}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkSelect.js","sourceRoot":"","sources":["../../src/components/CyberpunkSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAalD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACa;IACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC3E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC9C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,GACK,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAC1B,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YACvD,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GAClF,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkSelect.js","sourceRoot":"","sources":["../../src/components/CyberpunkSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAalD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACa;IACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC3E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC9C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,GACK,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAC1B,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YACvD,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GAClF,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { SelectHTMLAttributes } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkSelect.module.css\";\n\nexport interface CyberpunkSelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface CyberpunkSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  label?: string;\n  variant?: \"default\" | \"long\" | \"full\";\n  options?: CyberpunkSelectOption[];\n}\n\nexport function CyberpunkSelect({\n  label,\n  variant = \"default\",\n  options = [],\n  className = \"\",\n  id,\n  value,\n  ...props\n}: CyberpunkSelectProps) {\n  const selectId = useStableId(\"select\", id);\n\n  return (\n    <div className={`${styles.cyberSelect} ${styles[variant]} ${className}`.trim()}>\n      {label ? (\n        <label htmlFor={selectId} className={styles.label}>\n          {label}\n        </label>\n      ) : null}\n      <select id={selectId} className={styles.select} value={value} {...props}>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      <div className={styles.arrow}>\n        <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\">\n          <path d=\"M1 1L6 6L11 1\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkSlider.js","sourceRoot":"","sources":["../../src/components/CyberpunkSlider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAWlD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,CAAC,EACT,GAAG,KAAK,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACpD,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,CAAC,qBAA+B,CAAC,EAAE,GAAG,UAAU,GAAG,EAAyB,KACjF,KAAK,GACT,EACD,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7D,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkSlider.js","sourceRoot":"","sources":["../../src/components/CyberpunkSlider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAWlD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,CAAC,EACT,GAAG,KAAK,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACpD,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,CAAC,qBAA+B,CAAC,EAAE,GAAG,UAAU,GAAG,EAAyB,KACjF,KAAK,GACT,EACD,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7D,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkSlider.module.css\";\n\nexport interface CyberpunkSliderProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  label?: string;\n  min?: number;\n  max?: number;\n  step?: number;\n  showValue?: boolean;\n}\n\nexport function CyberpunkSlider({\n  label,\n  className = \"\",\n  id,\n  min = 0,\n  max = 100,\n  step = 1,\n  showValue = true,\n  value = 0,\n  ...props\n}: CyberpunkSliderProps) {\n  const inputId = useStableId(\"slider\", id);\n  const percentage = ((Number(value) - min) / (max - min)) * 100;\n\n  return (\n    <div className={`${styles.wrapper} ${className}`.trim()}>\n      {label ? (\n        <label htmlFor={inputId} className={styles.label}>\n          {label}\n        </label>\n      ) : null}\n      <div className={styles.sliderContainer}>\n        <input\n          id={inputId}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          className={styles.slider}\n          style={{ [\"--slider-percentage\" as string]: `${percentage}%` } as React.CSSProperties}\n          {...props}\n        />\n        {showValue ? <span className={styles.value}>{value}</span> : null}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkTextarea.js","sourceRoot":"","sources":["../../src/components/CyberpunkTextarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAOpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACe;IACvB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC7E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAChD,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,GAAI,GAC/D,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkTextarea.js","sourceRoot":"","sources":["../../src/components/CyberpunkTextarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAOpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACe;IACvB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC7E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAChD,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,GAAI,GAC/D,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { TextareaHTMLAttributes } from \"react\";\n\nimport { useStableId } from \"../hooks/useStableId.js\";\nimport styles from \"./CyberpunkTextarea.module.css\";\n\nexport interface CyberpunkTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label?: string;\n  variant?: \"default\" | \"full\";\n}\n\nexport function CyberpunkTextarea({\n  label,\n  variant = \"default\",\n  className = \"\",\n  id,\n  ...props\n}: CyberpunkTextareaProps) {\n  const textareaId = useStableId(\"textarea\", id);\n\n  return (\n    <div className={`${styles.cyberTextarea} ${styles[variant]} ${className}`.trim()}>\n      {label ? (\n        <label htmlFor={textareaId} className={styles.label}>\n          {label}\n        </label>\n      ) : null}\n      <div className={styles.textareaContainer}>\n        <textarea id={textareaId} className={styles.textarea} {...props} />\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/CyberpunkTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"CyberpunkTile.js","sourceRoot":"","sources":["../../src/components/CyberpunkTile.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAUhD,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,KAAK,EACL,MAAM,GAAG,KAAK,EACd,gBAAgB,GAAG,EAAE,EACrB,GAAG,KAAK,EACW;IACnB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACxI,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjC,KAAK,EAAE,KAAK,KACR,KAAK,aAET,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,YACjG,QAAQ,GACL,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,iBAAc,WAAW,GAAG,EAC/D,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,iBAAc,aAAa,GAAG,IAC7D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CyberpunkTile.js","sourceRoot":"","sources":["../../src/components/CyberpunkTile.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAUhD,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,KAAK,EACL,MAAM,GAAG,KAAK,EACd,gBAAgB,GAAG,EAAE,EACrB,GAAG,KAAK,EACW;IACnB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACxI,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjC,KAAK,EAAE,KAAK,KACR,KAAK,aAET,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,YACjG,QAAQ,GACL,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,iBAAc,WAAW,GAAG,EAC/D,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,iBAAc,aAAa,GAAG,IAC7D,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./CyberpunkTile.module.css\";\n\nexport interface CyberpunkTileProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  className?: string;\n  variant?: \"default\" | \"small\" | \"big\" | \"scrollable\" | \"ios\";\n  center?: boolean;\n  contentClassName?: string;\n}\n\nexport function CyberpunkTile({\n  children,\n  className = \"\",\n  variant = \"default\",\n  onClick,\n  style,\n  center = false,\n  contentClassName = \"\",\n  ...props\n}: CyberpunkTileProps) {\n  return (\n    <div\n      className={`${styles.tile} ${variant !== \"default\" ? styles[variant] : \"\"} ${onClick ? styles.tileInteractive : \"\"} ${className}`.trim()}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      style={style}\n      {...props}\n    >\n      <div className={`${styles.content} ${center ? styles.centerContent : \"\"} ${contentClassName}`.trim()}>\n        {children}\n      </div>\n      <div className={styles.cornerAccent} data-corner=\"top-right\" />\n      <div className={styles.cornerAccent} data-corner=\"bottom-left\" />\n    </div>\n  );\n}\n\n"]}

package/dist/components/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAW/C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAC3D,KAAK,GAAG,OAAO,EACf,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,GAAG,MAAM,GACE;IAClB,MAAM,OAAO,GAAG,CACd,8BACE,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtC,uBAAK,KAAK,GAAM,IACZ,EACN,YAAG,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAK,EAC1C,OAAO,CAAC,CAAC,CAAC,CACT,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aAChC,wCAA0B,EAC1B,wBAAM,OAAO,GAAO,IACZ,CACX,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC3B,OAAO,CAAC,CAAC,CAAC,CACT,kBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,aACvE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACrC,GAAG,iBAEG,CACV,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,kBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,aACzE,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACnC,GAAG,eAEG,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;QAC7B,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YACnE,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,OAAO,GAAO,GACxC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YAC9D,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YAC5D,OAAO,GACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAW/C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAC3D,KAAK,GAAG,OAAO,EACf,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,GAAG,MAAM,GACE;IAClB,MAAM,OAAO,GAAG,CACd,8BACE,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtC,uBAAK,KAAK,GAAM,IACZ,EACN,YAAG,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAK,EAC1C,OAAO,CAAC,CAAC,CAAC,CACT,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aAChC,wCAA0B,EAC1B,wBAAM,OAAO,GAAO,IACZ,CACX,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC3B,OAAO,CAAC,CAAC,CAAC,CACT,kBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,aACvE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACrC,GAAG,iBAEG,CACV,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,kBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,aACzE,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACnC,GAAG,eAEG,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;QAC7B,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YACnE,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,OAAO,GAAO,GACxC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YAC9D,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,eAAW,WAAW,YAC5D,OAAO,GACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\nimport { CloseIcon, RefreshIcon, WarningIcon } from \"@steez-ui/icons\";\n\nimport buttonStyles from \"../styles/Buttons.module.css\";\nimport styles from \"./ErrorMessage.module.css\";\n\nexport interface ErrorMessageProps {\n  title?: string;\n  message: string;\n  details?: string;\n  onRetry?: () => void;\n  onDismiss?: () => void;\n  variant?: \"inline\" | \"card\" | \"fullScreen\";\n}\n\nexport const ErrorMessage = React.memo(function ErrorMessage({\n  title = \"Error\",\n  message,\n  details,\n  onRetry,\n  onDismiss,\n  variant = \"card\",\n}: ErrorMessageProps) {\n  const content = (\n    <>\n      <div className={styles.header}>\n        <WarningIcon width={24} height={24} />\n        <h3>{title}</h3>\n      </div>\n      <p className={styles.message}>{message}</p>\n      {details ? (\n        <details className={styles.details}>\n          <summary>Details</summary>\n          <pre>{details}</pre>\n        </details>\n      ) : null}\n      {onRetry || onDismiss ? (\n        <div className={styles.actions}>\n          {onRetry ? (\n            <button type=\"button\" onClick={onRetry} className={buttonStyles.secondary}>\n              <RefreshIcon width={16} height={16} />\n              {\" \"}\n              Try Again\n            </button>\n          ) : null}\n          {onDismiss ? (\n            <button type=\"button\" onClick={onDismiss} className={buttonStyles.secondary}>\n              <CloseIcon width={16} height={16} />\n              {\" \"}\n              Dismiss\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n\n  if (variant === \"fullScreen\") {\n    return (\n      <div className={styles.fullScreen} role=\"alert\" aria-live=\"assertive\">\n        <div className={styles.card}>{content}</div>\n      </div>\n    );\n  }\n\n  if (variant === \"inline\") {\n    return (\n      <div className={styles.inline} role=\"alert\" aria-live=\"assertive\">\n        {content}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.card} role=\"alert\" aria-live=\"assertive\">\n      {content}\n    </div>\n  );\n});\n\n"]}

package/dist/components/HeartbeatPulse.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeartbeatPulse.js","sourceRoot":"","sources":["../../src/components/HeartbeatPulse.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeartbeatPulse.js","sourceRoot":"","sources":["../../src/components/HeartbeatPulse.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,UAAU,cAAc,CAAC,EAC7B,eAAe,GAAG,EAAE,EACpB,IAAI,GAAG,EAAE,EACT,KAAK,EACL,MAAM,EACN,KAAK,GAAG,uBAAuB,EAC/B,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,GACM;IACpB,MAAM,YAAY,GAChB,OAAO,KAAK,MAAM;QAChB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,EAAE,CAAC,CAAC;QACpD,CAAC,CAAC,GAAG,CAAC;IACV,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAEpD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAChD,MAAM,MAAM,GAAG,uBAAuB,UAAU,EAAE,CAAC;QAEnD,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,QAAQ,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YAC1E,eACE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,CAAC,GAAG,iBACT,MAAM,aAElB,yBACE,mBAAU,EAAE,EAAE,MAAM,YAClB,gBAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,KAAK,aACtC,kBACE,aAAa,EAAC,OAAO,EACrB,MAAM,EAAC,aAAa,EACpB,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,eAAe,GACxB,EACF,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAC,WAAW,EAClB,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,eAAe,GACxB,IACG,GACE,GACN,EAEP,eACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvC,aAAa,EAAC,OAAO,GACrB,EAEF,YAAG,QAAQ,EAAE,QAAQ,MAAM,GAAG,YAC5B,mBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,EAC5C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAC,yIAAyI,EAChJ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAC9B,GACA,IACA,GACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,CAAC;IACxB,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,kBAAkB,UAAU,EAAE,CAAC;IAE9C,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACvD,eACE,OAAO,EAAE,OAAO,WAAW,IAAI,WAAW,EAAE,EAC5C,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,MAAM,CAAC,GAAG,iBACT,MAAM,aAElB,yBACE,mBAAU,EAAE,EAAE,MAAM,YAClB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,YACvD,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAE,GAAG,WAAW,QAAQ,WAAW,EAAE,EAC3C,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAC,uCAAuC,EAClD,QAAQ,EAAC,aAAa,GACtB,GACG,GACE,GACN,EAEP,iBACE,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,KAAK,GACb,EAED,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,kBACE,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,GAAG,aAEX,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,EACnC,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,GACxB,EACF,kBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,GACxB,IACK,EAET,kBACE,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,GAAG,aAEX,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,EACnC,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,MAAM,GACZ,EACF,kBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,MAAM,GACZ,IACK,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,iBACE,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,GAAG,IAAI,EAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,YAEzC,MAAM,CAAC,CAAC,CAAC,CACR,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,IAAI,MAAM,GAAG,GAAG,IAAI,MAAM,GAAG,IAAI,EAAE,EAC3D,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,GACD,EAER,MAAM,CAAC,CAAC,CAAC,CACR,YAAG,QAAQ,EAAE,QAAQ,MAAM,GAAG,YAC5B,eACE,CAAC,EAAE,OAAO,MAAM;sBACR,MAAM,GAAG,GAAG,IAAI,MAAM;sBACtB,MAAM,GAAG,GAAG,IAAI,MAAM;sBACtB,MAAM,GAAG,GAAG,IAAI,MAAM,GAAG,GAAG;sBAC5B,MAAM,GAAG,GAAG,IAAI,MAAM,GAAG,GAAG;sBAC5B,MAAM,GAAG,GAAG,IAAI,MAAM;sBACtB,WAAW,IAAI,MAAM,EAAE,EAC/B,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,OAAO,EAAC,KAAK,YAEb,kBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAC,YAAY,GACxB,GACG,GACL,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,kBAAkB,CAAC,EACjC,eAAe,GAAG,EAAE,EACpB,MAAM,GAAG,IAAI,EACb,KAAK,EACL,KAAK,GACmB;IACxB,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,KAAC,cAAc,IACb,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,GACZ,EACD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,IACjC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,sBAChD,EAAE,CAAC,IAAI,EAAE,EACT,KAAK,EACH,KAAK;oBACH,CAAC,CAAE,EAAE,CAAC,6BAAuC,CAAC,EAAE,KAAK,EAA0B;oBAC/E,CAAC,CAAC,SAAS,YAGd,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./HeartbeatPulse.module.css\";\n\nexport interface HeartbeatPulseProps {\n  intervalMinutes?: number;\n  size?: number;\n  width?: number;\n  height?: number;\n  color?: string;\n  active?: boolean;\n  variant?: \"orb\" | \"line\";\n  className?: string;\n}\n\nexport function HeartbeatPulse({\n  intervalMinutes = 30,\n  size = 24,\n  width,\n  height,\n  color = \"var(--accent-primary)\",\n  active = true,\n  variant = \"orb\",\n  className = \"\",\n}: HeartbeatPulseProps) {\n  const baseDuration =\n    variant === \"line\"\n      ? Math.max(1.9, Math.min(2.4, intervalMinutes / 15))\n      : 1.2;\n  const animationDuration = active ? `${baseDuration}s` : \"0s\";\n  const instanceId = React.useId().replace(/:/g, \"-\");\n\n  if (variant === \"line\") {\n    const lineWidth = width ?? Math.max(size * 3, 200);\n    const lineHeight = height ?? Math.max(size, 72);\n    const clipId = `heartbeat-line-clip-${instanceId}`;\n\n    return (\n      <div className={`${styles.pulseRoot} ${styles.lineRoot} ${className}`.trim()}>\n        <svg\n          viewBox=\"0 0 200 100\"\n          width={lineWidth}\n          height={lineHeight}\n          className={styles.svg}\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <clipPath id={clipId}>\n              <rect x=\"0\" y=\"0\" width=\"0\" height=\"100\">\n                <animate\n                  attributeName=\"width\"\n                  values=\"0;200;200;0\"\n                  dur={animationDuration}\n                  repeatCount=\"indefinite\"\n                  calcMode=\"linear\"\n                  keyTimes=\"0;0.48;0.52;1\"\n                />\n                <animate\n                  attributeName=\"x\"\n                  values=\"0;0;0;200\"\n                  dur={animationDuration}\n                  repeatCount=\"indefinite\"\n                  calcMode=\"linear\"\n                  keyTimes=\"0;0.48;0.52;1\"\n                />\n              </rect>\n            </clipPath>\n          </defs>\n\n          <line\n            x1=\"2\"\n            y1=\"58.7\"\n            x2=\"198\"\n            y2=\"58.7\"\n            stroke={color}\n            strokeWidth=\"3\"\n            strokeOpacity={active ? \"0.18\" : \"0.08\"}\n            strokeLinecap=\"round\"\n          />\n\n          <g clipPath={`url(#${clipId})`}>\n            <polyline\n              fill=\"none\"\n              strokeWidth=\"3\"\n              stroke={active ? color : \"var(--text-muted)\"}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              points=\"2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7\"\n              opacity={active ? \"1\" : \"0.35\"}\n            />\n          </g>\n        </svg>\n      </div>\n    );\n  }\n\n  const viewBoxSize = 100;\n  const center = viewBoxSize / 2;\n  const radius = size / 2 - 4;\n  const clipId = `heartbeat-clip-${instanceId}`;\n\n  return (\n    <div className={`${styles.pulseRoot} ${className}`.trim()}>\n      <svg\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        width={size}\n        height={size}\n        className={styles.svg}\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <rect x=\"0\" y=\"0\" width={viewBoxSize} height={viewBoxSize}>\n              <animate\n                attributeName=\"x\"\n                values={`${viewBoxSize};0;0;${viewBoxSize}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines=\"0.4 0 0.2 1; 0.4 0 0.2 1; 0.4 0 0.2 1\"\n                keyTimes=\"0;0.5;0.5;1\"\n              />\n            </rect>\n          </clipPath>\n        </defs>\n\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth=\"2\"\n          opacity=\"0.3\"\n        />\n\n        {active ? (\n          <>\n            <circle\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"2\"\n              opacity=\"0\"\n            >\n              <animate\n                attributeName=\"r\"\n                values={`${radius * 0.8};${radius}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n              <animate\n                attributeName=\"opacity\"\n                values=\"0.6;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n            </circle>\n\n            <circle\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"1\"\n              opacity=\"0\"\n            >\n              <animate\n                attributeName=\"r\"\n                values={`${radius * 0.5};${radius}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                begin=\"0.2s\"\n              />\n              <animate\n                attributeName=\"opacity\"\n                values=\"0.4;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                begin=\"0.2s\"\n              />\n            </circle>\n          </>\n        ) : null}\n\n        <circle\n          cx={center}\n          cy={center}\n          r={radius * 0.25}\n          fill={active ? color : \"var(--text-muted)\"}\n        >\n          {active ? (\n            <animate\n              attributeName=\"r\"\n              values={`${radius * 0.25};${radius * 0.3};${radius * 0.25}`}\n              dur={animationDuration}\n              repeatCount=\"indefinite\"\n            />\n          ) : null}\n        </circle>\n\n        {active ? (\n          <g clipPath={`url(#${clipId})`}>\n            <path\n              d={`M 0 ${center}\n                  L ${center * 0.3} ${center}\n                  L ${center * 0.4} ${center}\n                  L ${center * 0.5} ${center * 0.2}\n                  L ${center * 0.6} ${center * 1.8}\n                  L ${center * 0.7} ${center}\n                  L ${viewBoxSize} ${center}`}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              opacity=\"0.7\"\n            >\n              <animate\n                attributeName=\"opacity\"\n                values=\"0;0.7;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n            </path>\n          </g>\n        ) : null}\n      </svg>\n    </div>\n  );\n}\n\nexport interface HeartbeatIndicatorProps {\n  intervalMinutes?: number;\n  active?: boolean;\n  label?: string;\n  color?: string;\n}\n\nexport function HeartbeatIndicator({\n  intervalMinutes = 30,\n  active = true,\n  label,\n  color,\n}: HeartbeatIndicatorProps) {\n  return (\n    <div className={styles.indicator}>\n      <HeartbeatPulse\n        intervalMinutes={intervalMinutes}\n        active={active}\n        size={20}\n        color={color}\n      />\n      {label !== undefined ? (\n        <span\n          className={`${styles.indicatorLabel} ${\n            active ? styles.indicatorLabelActive : styles.indicatorLabelInactive\n          }`.trim()}\n          style={\n            color\n              ? ({ [\"--heartbeat-indicator-color\" as string]: color } as React.CSSProperties)\n              : undefined\n          }\n        >\n          {label}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/components/HexagonGrid.d.ts

@@ -0,0 +1,12 @@
+export interface HexagonGridProps {
+    width?: number;
+    height?: number;
+    pointerReactive?: boolean;
+    backgroundOpacity?: number;
+    tone?: "default" | "light" | "dark";
+    autoTriggerBaseDelayMs?: number;
+    autoTriggerJitterMs?: number;
+}
+export declare function HexagonGrid({ width: initialWidth, height: initialHeight, pointerReactive, backgroundOpacity, tone, autoTriggerBaseDelayMs, autoTriggerJitterMs, }: HexagonGridProps): import("react/jsx-runtime").JSX.Element;
+export default HexagonGrid;
+//# sourceMappingURL=HexagonGrid.d.ts.map

package/dist/components/HexagonGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HexagonGrid.d.ts","sourceRoot":"","sources":["../../src/components/HexagonGrid.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AA0BD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,YAAkB,EACzB,MAAM,EAAE,aAAmB,EAC3B,eAAuB,EACvB,iBAAuB,EACvB,IAAgB,EAChB,sBAA6B,EAC7B,mBAA0B,GAC3B,EAAE,gBAAgB,2CAwXlB;AAED,eAAe,WAAW,CAAC"}

package/dist/components/HexagonGrid.js

@@ -0,0 +1,284 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import styles from "./HexagonGrid.module.css";
+const RADIUS = 25;
+const RATE = 0.98;
+const COUNT_MIN = 5;
+const COUNT_MAX = 50;
+const LUMINANCE_MIN = 8;
+const LUMINANCE_MAX = 50;
+function randomFloat() {
+    return Math.random();
+}
+function randomInt(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+export function HexagonGrid({ width: initialWidth = 800, height: initialHeight = 600, pointerReactive = false, backgroundOpacity = 0.4, tone = "default", autoTriggerBaseDelayMs = 2000, autoTriggerJitterMs = 1000, }) {
+    const containerRef = React.useRef(null);
+    const canvasRef = React.useRef(null);
+    const hexagonsRef = React.useRef([]);
+    const animationRef = React.useRef(0);
+    const lastPointerSelectionRef = React.useRef(0);
+    const autoTriggerTimeoutRef = React.useRef(null);
+    const [dimensions, setDimensions] = React.useState({
+        width: initialWidth,
+        height: initialHeight,
+    });
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return undefined;
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const { width, height } = entry.contentRect;
+                if (width > 0 && height > 0) {
+                    setDimensions({ width: Math.floor(width), height: Math.floor(height) });
+                }
+            }
+        });
+        resizeObserver.observe(container);
+        return () => resizeObserver.disconnect();
+    }, []);
+    const width = dimensions.width;
+    const height = dimensions.height;
+    const triggerHexSelection = React.useCallback((x, y) => {
+        const hexagons = hexagonsRef.current;
+        const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;
+        for (const hex of hexagons) {
+            if (x < hex.x - hexWidth / 2 ||
+                x > hex.x + hexWidth / 2 ||
+                y < hex.y - RADIUS ||
+                y > hex.y + RADIUS ||
+                (y < hex.y &&
+                    Math.abs((x - hex.x) / (y - hex.y + RADIUS)) > Math.tan(Math.PI / 3)) ||
+                (y > hex.y &&
+                    Math.abs((x - hex.x) / (y - hex.y - RADIUS)) > Math.tan(Math.PI / 3))) {
+                continue;
+            }
+            hex.selections.push({ count: 0, hue: randomInt(180, 220) });
+            break;
+        }
+    }, []);
+    const init = React.useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) {
+            return;
+        }
+        const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;
+        const hexHeight = RADIUS * (2 - Math.sin(Math.PI / 6));
+        const countX = Math.ceil(width / hexWidth) + 1;
+        const countY = Math.ceil(height / hexHeight) + 1;
+        const offsetX = -((countX * hexWidth - width) / 2);
+        const offsetY = -((countY * hexHeight - height) / 2);
+        const hexagons = [];
+        for (let gridY = 0; gridY < countY; gridY += 1) {
+            for (let gridX = 0; gridX < countX; gridX += 1) {
+                hexagons.push({
+                    x: offsetX +
+                        (gridX + 0.5) * hexWidth -
+                        (gridY % 2 === 1 ? 0 : hexWidth / 2),
+                    y: offsetY + (gridY + 0.5) * hexHeight,
+                    hue: 0,
+                    selections: [],
+                    neighbors: new Array(6).fill(null),
+                    sourceIndices: [],
+                });
+            }
+        }
+        for (let gridY = 0; gridY < countY; gridY += 1) {
+            for (let gridX = 0; gridX < countX; gridX += 1) {
+                const hexagon = hexagons[gridY * countX + gridX];
+                if (gridX < countX - 1) {
+                    hexagon.neighbors[0] = hexagons[gridY * countX + gridX + 1];
+                }
+                if ((gridX < countX - 1 || gridY % 2 === 0) && gridY < countY - 1) {
+                    hexagon.neighbors[1] =
+                        hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];
+                }
+                if ((gridX > 0 || gridY % 2 === 1) && gridY < countY - 1) {
+                    hexagon.neighbors[2] =
+                        hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];
+                }
+                if (gridX > 0) {
+                    hexagon.neighbors[3] = hexagons[gridY * countX + gridX - 1];
+                }
+                if ((gridX > 0 || gridY % 2 === 1) && gridY > 0) {
+                    hexagon.neighbors[4] =
+                        hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];
+                }
+                if ((gridX < countX - 1 || gridY % 2 === 0) && gridY > 0) {
+                    hexagon.neighbors[5] =
+                        hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];
+                }
+            }
+        }
+        hexagons[randomInt(0, hexagons.length - 1)]?.selections.push({
+            count: 0,
+            hue: randomInt(180, 220),
+        });
+        hexagonsRef.current = hexagons;
+        const autoTrigger = () => {
+            const activeHexagons = hexagonsRef.current;
+            if (activeHexagons.length > 0) {
+                const randomHex = activeHexagons[randomInt(0, activeHexagons.length - 1)];
+                randomHex?.selections.push({
+                    count: 0,
+                    hue: randomInt(180, 220),
+                });
+            }
+            autoTriggerTimeoutRef.current = window.setTimeout(autoTrigger, autoTriggerBaseDelayMs + randomFloat() * autoTriggerJitterMs);
+        };
+        autoTriggerTimeoutRef.current = window.setTimeout(autoTrigger, autoTriggerBaseDelayMs);
+    }, [autoTriggerBaseDelayMs, autoTriggerJitterMs, height, width]);
+    const drawHexagon = React.useCallback((ctx, x, y, radius, fillLightness, strokeLightness, hue, opacity) => {
+        ctx.save();
+        ctx.translate(x, y);
+        ctx.beginPath();
+        for (let index = 0; index < 6; index += 1) {
+            const vertexX = radius * Math.sin((Math.PI / 3) * index);
+            const vertexY = -radius * Math.cos((Math.PI / 3) * index);
+            ctx[index === 0 ? "moveTo" : "lineTo"](vertexX, vertexY);
+        }
+        ctx.closePath();
+        const isAccent = tone === "default" && hue > 0 && hue !== 210;
+        const actualHue = isAccent ? hue : 0;
+        const saturation = isAccent ? 15 : 0;
+        ctx.fillStyle = `hsla(${actualHue}, ${saturation}%, ${fillLightness}%, ${opacity * 0.25})`;
+        ctx.fill();
+        ctx.strokeStyle = `hsla(${actualHue}, ${saturation}%, ${strokeLightness}%, ${opacity * 0.35})`;
+        ctx.stroke();
+        ctx.restore();
+    }, [tone]);
+    const render = React.useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) {
+            return;
+        }
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+            return;
+        }
+        const hexagons = hexagonsRef.current;
+        if (hexagons.length === 0) {
+            return;
+        }
+        if (backgroundOpacity > 0) {
+            ctx.fillStyle = `rgba(0, 0, 0, ${backgroundOpacity})`;
+            ctx.fillRect(0, 0, width, height);
+        }
+        else {
+            ctx.clearRect(0, 0, width, height);
+        }
+        const radius = RADIUS * RATE;
+        for (const hex of hexagons) {
+            const baseFillLightness = tone === "light" ? 88 : tone === "dark" ? 10 : LUMINANCE_MIN;
+            const baseStrokeLightness = tone === "light" ? 96 : tone === "dark" ? 16 : LUMINANCE_MIN;
+            const baseOpacity = tone === "default" ? 0.3 : 0.92;
+            drawHexagon(ctx, hex.x, hex.y, radius, baseFillLightness, baseStrokeLightness, 0, baseOpacity);
+            for (const selection of hex.selections) {
+                let fillLightness;
+                let opacity;
+                if (selection.count < COUNT_MIN) {
+                    fillLightness =
+                        LUMINANCE_MIN +
+                            (LUMINANCE_MAX - LUMINANCE_MIN) *
+                                Math.pow(Math.sin((Math.PI / 2) * selection.count / COUNT_MIN), 3);
+                    opacity = selection.count / COUNT_MIN;
+                }
+                else if (selection.count < COUNT_MAX) {
+                    fillLightness =
+                        LUMINANCE_MIN +
+                            (LUMINANCE_MAX - LUMINANCE_MIN) *
+                                Math.sin((Math.PI / 2) *
+                                    (1 + (selection.count - COUNT_MIN) / (COUNT_MAX - COUNT_MIN)));
+                    opacity = 1;
+                }
+                else {
+                    fillLightness = LUMINANCE_MAX;
+                    opacity = 1;
+                }
+                drawHexagon(ctx, hex.x, hex.y, radius, fillLightness, fillLightness, selection.hue, opacity);
+                selection.count += 1;
+            }
+            hex.selections = hex.selections.filter((selection) => selection.count <= COUNT_MAX + COUNT_MIN);
+        }
+        for (const hex of hexagons) {
+            if (hex.selections.length === 0) {
+                continue;
+            }
+            for (const selection of hex.selections) {
+                if (selection.count !== COUNT_MIN) {
+                    continue;
+                }
+                hex.sourceIndices.push({
+                    indices: [randomInt(0, 5)],
+                    hue: selection.hue,
+                    count: 0,
+                });
+            }
+        }
+        for (const hex of hexagons) {
+            if (hex.sourceIndices.length === 0) {
+                continue;
+            }
+            for (const sourceIndex of hex.sourceIndices) {
+                if (sourceIndex.count >= 2) {
+                    continue;
+                }
+                const targetIndices = [];
+                const currentIndices = sourceIndex.indices;
+                for (const index of currentIndices) {
+                    const neighbor = hex.neighbors[index];
+                    if (!neighbor) {
+                        continue;
+                    }
+                    neighbor.selections.push({
+                        count: COUNT_MIN,
+                        hue: sourceIndex.hue,
+                    });
+                    targetIndices.push((index + 4) % 6, index, (index + 2) % 6);
+                }
+                sourceIndex.indices = targetIndices;
+                sourceIndex.count += 1;
+            }
+            hex.sourceIndices = hex.sourceIndices.filter((sourceIndex) => sourceIndex.count < 2);
+        }
+        animationRef.current = window.requestAnimationFrame(render);
+    }, [backgroundOpacity, drawHexagon, height, tone, width]);
+    React.useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) {
+            return undefined;
+        }
+        canvas.width = width;
+        canvas.height = height;
+        init();
+        render();
+        return () => {
+            window.cancelAnimationFrame(animationRef.current);
+            if (autoTriggerTimeoutRef.current !== null) {
+                window.clearTimeout(autoTriggerTimeoutRef.current);
+            }
+        };
+    }, [height, init, render, width]);
+    const handlePointerMove = React.useCallback((event) => {
+        if (!pointerReactive) {
+            return;
+        }
+        const now = performance.now();
+        if (now - lastPointerSelectionRef.current < 90) {
+            return;
+        }
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        const rect = container.getBoundingClientRect();
+        triggerHexSelection(event.clientX - rect.left, event.clientY - rect.top);
+        lastPointerSelectionRef.current = now;
+    }, [pointerReactive, triggerHexSelection]);
+    return (_jsx("div", { ref: containerRef, className: styles.root, onMouseMove: handlePointerMove, "aria-hidden": "true", children: _jsx("canvas", { ref: canvasRef, className: styles.canvas }) }));
+}
+export default HexagonGrid;
+//# sourceMappingURL=HexagonGrid.js.map

package/dist/components/HexagonGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HexagonGrid.js","sourceRoot":"","sources":["../../src/components/HexagonGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport styles from \"./HexagonGrid.module.css\";\n\nexport interface HexagonGridProps {\n  width?: number;\n  height?: number;\n  pointerReactive?: boolean;\n  backgroundOpacity?: number;\n  tone?: \"default\" | \"light\" | \"dark\";\n  autoTriggerBaseDelayMs?: number;\n  autoTriggerJitterMs?: number;\n}\n\nconst RADIUS = 25;\nconst RATE = 0.98;\nconst COUNT_MIN = 5;\nconst COUNT_MAX = 50;\nconst LUMINANCE_MIN = 8;\nconst LUMINANCE_MAX = 50;\n\ninterface HexagonData {\n  x: number;\n  y: number;\n  hue: number;\n  selections: Array<{ count: number; hue: number }>;\n  neighbors: Array<HexagonData | null>;\n  sourceIndices: Array<{ indices: number[]; hue: number; count: number }>;\n}\n\nfunction randomFloat() {\n  return Math.random();\n}\n\nfunction randomInt(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nexport function HexagonGrid({\n  width: initialWidth = 800,\n  height: initialHeight = 600,\n  pointerReactive = false,\n  backgroundOpacity = 0.4,\n  tone = \"default\",\n  autoTriggerBaseDelayMs = 2000,\n  autoTriggerJitterMs = 1000,\n}: HexagonGridProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const canvasRef = React.useRef<HTMLCanvasElement>(null);\n  const hexagonsRef = React.useRef<HexagonData[]>([]);\n  const animationRef = React.useRef<number>(0);\n  const lastPointerSelectionRef = React.useRef(0);\n  const autoTriggerTimeoutRef = React.useRef<number | null>(null);\n  const [dimensions, setDimensions] = React.useState({\n    width: initialWidth,\n    height: initialHeight,\n  });\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        if (width > 0 && height > 0) {\n          setDimensions({ width: Math.floor(width), height: Math.floor(height) });\n        }\n      }\n    });\n\n    resizeObserver.observe(container);\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const width = dimensions.width;\n  const height = dimensions.height;\n\n  const triggerHexSelection = React.useCallback((x: number, y: number) => {\n    const hexagons = hexagonsRef.current;\n    const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;\n\n    for (const hex of hexagons) {\n      if (\n        x < hex.x - hexWidth / 2 ||\n        x > hex.x + hexWidth / 2 ||\n        y < hex.y - RADIUS ||\n        y > hex.y + RADIUS ||\n        (y < hex.y &&\n          Math.abs((x - hex.x) / (y - hex.y + RADIUS)) > Math.tan(Math.PI / 3)) ||\n        (y > hex.y &&\n          Math.abs((x - hex.x) / (y - hex.y - RADIUS)) > Math.tan(Math.PI / 3))\n      ) {\n        continue;\n      }\n\n      hex.selections.push({ count: 0, hue: randomInt(180, 220) });\n      break;\n    }\n  }, []);\n\n  const init = React.useCallback(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return;\n    }\n\n    const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;\n    const hexHeight = RADIUS * (2 - Math.sin(Math.PI / 6));\n\n    const countX = Math.ceil(width / hexWidth) + 1;\n    const countY = Math.ceil(height / hexHeight) + 1;\n    const offsetX = -((countX * hexWidth - width) / 2);\n    const offsetY = -((countY * hexHeight - height) / 2);\n\n    const hexagons: HexagonData[] = [];\n\n    for (let gridY = 0; gridY < countY; gridY += 1) {\n      for (let gridX = 0; gridX < countX; gridX += 1) {\n        hexagons.push({\n          x:\n            offsetX +\n            (gridX + 0.5) * hexWidth -\n            (gridY % 2 === 1 ? 0 : hexWidth / 2),\n          y: offsetY + (gridY + 0.5) * hexHeight,\n          hue: 0,\n          selections: [],\n          neighbors: new Array(6).fill(null),\n          sourceIndices: [],\n        });\n      }\n    }\n\n    for (let gridY = 0; gridY < countY; gridY += 1) {\n      for (let gridX = 0; gridX < countX; gridX += 1) {\n        const hexagon = hexagons[gridY * countX + gridX];\n\n        if (gridX < countX - 1) {\n          hexagon.neighbors[0] = hexagons[gridY * countX + gridX + 1];\n        }\n        if ((gridX < countX - 1 || gridY % 2 === 0) && gridY < countY - 1) {\n          hexagon.neighbors[1] =\n            hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];\n        }\n        if ((gridX > 0 || gridY % 2 === 1) && gridY < countY - 1) {\n          hexagon.neighbors[2] =\n            hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];\n        }\n        if (gridX > 0) {\n          hexagon.neighbors[3] = hexagons[gridY * countX + gridX - 1];\n        }\n        if ((gridX > 0 || gridY % 2 === 1) && gridY > 0) {\n          hexagon.neighbors[4] =\n            hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];\n        }\n        if ((gridX < countX - 1 || gridY % 2 === 0) && gridY > 0) {\n          hexagon.neighbors[5] =\n            hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];\n        }\n      }\n    }\n\n    hexagons[randomInt(0, hexagons.length - 1)]?.selections.push({\n      count: 0,\n      hue: randomInt(180, 220),\n    });\n\n    hexagonsRef.current = hexagons;\n\n    const autoTrigger = () => {\n      const activeHexagons = hexagonsRef.current;\n      if (activeHexagons.length > 0) {\n        const randomHex = activeHexagons[randomInt(0, activeHexagons.length - 1)];\n        randomHex?.selections.push({\n          count: 0,\n          hue: randomInt(180, 220),\n        });\n      }\n      autoTriggerTimeoutRef.current = window.setTimeout(\n        autoTrigger,\n        autoTriggerBaseDelayMs + randomFloat() * autoTriggerJitterMs,\n      );\n    };\n\n    autoTriggerTimeoutRef.current = window.setTimeout(autoTrigger, autoTriggerBaseDelayMs);\n  }, [autoTriggerBaseDelayMs, autoTriggerJitterMs, height, width]);\n\n  const drawHexagon = React.useCallback(\n    (\n      ctx: CanvasRenderingContext2D,\n      x: number,\n      y: number,\n      radius: number,\n      fillLightness: number,\n      strokeLightness: number,\n      hue: number,\n      opacity: number,\n    ) => {\n      ctx.save();\n      ctx.translate(x, y);\n      ctx.beginPath();\n\n      for (let index = 0; index < 6; index += 1) {\n        const vertexX = radius * Math.sin((Math.PI / 3) * index);\n        const vertexY = -radius * Math.cos((Math.PI / 3) * index);\n        ctx[index === 0 ? \"moveTo\" : \"lineTo\"](vertexX, vertexY);\n      }\n      ctx.closePath();\n\n      const isAccent = tone === \"default\" && hue > 0 && hue !== 210;\n      const actualHue = isAccent ? hue : 0;\n      const saturation = isAccent ? 15 : 0;\n\n      ctx.fillStyle = `hsla(${actualHue}, ${saturation}%, ${fillLightness}%, ${\n        opacity * 0.25\n      })`;\n      ctx.fill();\n      ctx.strokeStyle = `hsla(${actualHue}, ${saturation}%, ${strokeLightness}%, ${\n        opacity * 0.35\n      })`;\n      ctx.stroke();\n      ctx.restore();\n    },\n    [tone],\n  );\n\n  const render = React.useCallback(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return;\n    }\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) {\n      return;\n    }\n\n    const hexagons = hexagonsRef.current;\n    if (hexagons.length === 0) {\n      return;\n    }\n\n    if (backgroundOpacity > 0) {\n      ctx.fillStyle = `rgba(0, 0, 0, ${backgroundOpacity})`;\n      ctx.fillRect(0, 0, width, height);\n    } else {\n      ctx.clearRect(0, 0, width, height);\n    }\n\n    const radius = RADIUS * RATE;\n\n    for (const hex of hexagons) {\n      const baseFillLightness =\n        tone === \"light\" ? 88 : tone === \"dark\" ? 10 : LUMINANCE_MIN;\n      const baseStrokeLightness =\n        tone === \"light\" ? 96 : tone === \"dark\" ? 16 : LUMINANCE_MIN;\n      const baseOpacity = tone === \"default\" ? 0.3 : 0.92;\n\n      drawHexagon(\n        ctx,\n        hex.x,\n        hex.y,\n        radius,\n        baseFillLightness,\n        baseStrokeLightness,\n        0,\n        baseOpacity,\n      );\n\n      for (const selection of hex.selections) {\n        let fillLightness: number;\n        let opacity: number;\n\n        if (selection.count < COUNT_MIN) {\n          fillLightness =\n            LUMINANCE_MIN +\n            (LUMINANCE_MAX - LUMINANCE_MIN) *\n              Math.pow(\n                Math.sin((Math.PI / 2) * selection.count / COUNT_MIN),\n                3,\n              );\n          opacity = selection.count / COUNT_MIN;\n        } else if (selection.count < COUNT_MAX) {\n          fillLightness =\n            LUMINANCE_MIN +\n            (LUMINANCE_MAX - LUMINANCE_MIN) *\n              Math.sin(\n                (Math.PI / 2) *\n                  (1 + (selection.count - COUNT_MIN) / (COUNT_MAX - COUNT_MIN)),\n              );\n          opacity = 1;\n        } else {\n          fillLightness = LUMINANCE_MAX;\n          opacity = 1;\n        }\n\n        drawHexagon(\n          ctx,\n          hex.x,\n          hex.y,\n          radius,\n          fillLightness,\n          fillLightness,\n          selection.hue,\n          opacity,\n        );\n        selection.count += 1;\n      }\n\n      hex.selections = hex.selections.filter(\n        (selection) => selection.count <= COUNT_MAX + COUNT_MIN,\n      );\n    }\n\n    for (const hex of hexagons) {\n      if (hex.selections.length === 0) {\n        continue;\n      }\n\n      for (const selection of hex.selections) {\n        if (selection.count !== COUNT_MIN) {\n          continue;\n        }\n\n        hex.sourceIndices.push({\n          indices: [randomInt(0, 5)],\n          hue: selection.hue,\n          count: 0,\n        });\n      }\n    }\n\n    for (const hex of hexagons) {\n      if (hex.sourceIndices.length === 0) {\n        continue;\n      }\n\n      for (const sourceIndex of hex.sourceIndices) {\n        if (sourceIndex.count >= 2) {\n          continue;\n        }\n\n        const targetIndices: number[] = [];\n        const currentIndices = sourceIndex.indices;\n\n        for (const index of currentIndices) {\n          const neighbor = hex.neighbors[index];\n          if (!neighbor) {\n            continue;\n          }\n\n          neighbor.selections.push({\n            count: COUNT_MIN,\n            hue: sourceIndex.hue,\n          });\n          targetIndices.push((index + 4) % 6, index, (index + 2) % 6);\n        }\n\n        sourceIndex.indices = targetIndices;\n        sourceIndex.count += 1;\n      }\n\n      hex.sourceIndices = hex.sourceIndices.filter((sourceIndex) => sourceIndex.count < 2);\n    }\n\n    animationRef.current = window.requestAnimationFrame(render);\n  }, [backgroundOpacity, drawHexagon, height, tone, width]);\n\n  React.useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return undefined;\n    }\n\n    canvas.width = width;\n    canvas.height = height;\n    init();\n    render();\n\n    return () => {\n      window.cancelAnimationFrame(animationRef.current);\n      if (autoTriggerTimeoutRef.current !== null) {\n        window.clearTimeout(autoTriggerTimeoutRef.current);\n      }\n    };\n  }, [height, init, render, width]);\n\n  const handlePointerMove = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!pointerReactive) {\n        return;\n      }\n\n      const now = performance.now();\n      if (now - lastPointerSelectionRef.current < 90) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (!container) {\n        return;\n      }\n\n      const rect = container.getBoundingClientRect();\n      triggerHexSelection(event.clientX - rect.left, event.clientY - rect.top);\n      lastPointerSelectionRef.current = now;\n    },\n    [pointerReactive, triggerHexSelection],\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className={styles.root}\n      onMouseMove={handlePointerMove}\n      aria-hidden=\"true\"\n    >\n      <canvas ref={canvasRef} className={styles.canvas} />\n    </div>\n  );\n}\n\nexport default HexagonGrid;\n"]}

package/dist/components/HexagonGrid.module.css

@@ -0,0 +1,14 @@
+.root {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+}
+
+.canvas {
+  display: block;
+  background: transparent;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+}

package/dist/components/LoadingProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingProgressBar.js","sourceRoot":"","sources":["../../src/components/LoadingProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,8BAA8B,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AAQhG,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,UAAU,GACc;IACxB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,GAAG,CAAC,GAAG,8BAA8B,CAAC,CAAC;IAExF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,aACrE,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACzB,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;oBACpC,OAAO,CACL,cAEE,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACrE,KAAK,EAAE,EAAE,CAAC,aAAuB,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,IAFlD,KAAK,CAGV,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,GAAO,IACjF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LoadingProgressBar.js","sourceRoot":"","sources":["../../src/components/LoadingProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,8BAA8B,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AAQhG,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,UAAU,GACc;IACxB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,GAAG,CAAC,GAAG,8BAA8B,CAAC,CAAC;IAExF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,aACrE,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACzB,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;oBACpC,OAAO,CACL,cAEE,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACrE,KAAK,EAAE,EAAE,CAAC,aAAuB,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,IAFlD,KAAK,CAGV,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,GAAO,IACjF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./LoadingProgressBar.module.css\";\n\nexport const LOADING_PROGRESS_SEGMENT_COUNT = 20;\n\nconst BAR_INDEXES = Array.from({ length: LOADING_PROGRESS_SEGMENT_COUNT }, (_, index) => index);\n\nexport interface LoadingProgressBarProps {\n  progress: number;\n  className?: string;\n  valueLabel?: string;\n}\n\nexport function LoadingProgressBar({\n  progress,\n  className,\n  valueLabel,\n}: LoadingProgressBarProps) {\n  const clampedProgress = Math.max(0, Math.min(100, progress));\n  const filledBars = Math.round((clampedProgress / 100) * LOADING_PROGRESS_SEGMENT_COUNT);\n\n  return (\n    <div className={className ? `${styles.root} ${className}` : styles.root}>\n      <div className={styles.barGroup}>\n        {BAR_INDEXES.map((index) => {\n          const isFilled = index < filledBars;\n          return (\n            <div\n              key={index}\n              className={`${styles.bar} ${isFilled ? styles.barFilled : \"\"}`.trim()}\n              style={{ [\"--bar-delay\" as string]: `${index * 20}ms` }}\n            />\n          );\n        })}\n      </div>\n      <div className={styles.value}>{valueLabel ?? `${Math.round(clampedProgress)}%`}</div>\n    </div>\n  );\n}\n\n"]}