@steez-ui/ui 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +3 -3
  2. package/dist/components/AvatarStage.js.map +1 -1
  3. package/dist/components/BlinkText.js.map +1 -1
  4. package/dist/components/Button.js.map +1 -1
  5. package/dist/components/CopyButton.js.map +1 -1
  6. package/dist/components/CornerBracketCard.js.map +1 -1
  7. package/dist/components/CyberpunkCheckbox.js.map +1 -1
  8. package/dist/components/CyberpunkInput.js.map +1 -1
  9. package/dist/components/CyberpunkRadio.js.map +1 -1
  10. package/dist/components/CyberpunkSelect.js.map +1 -1
  11. package/dist/components/CyberpunkSlider.js.map +1 -1
  12. package/dist/components/CyberpunkTextarea.js.map +1 -1
  13. package/dist/components/CyberpunkTile.js.map +1 -1
  14. package/dist/components/ErrorMessage.js.map +1 -1
  15. package/dist/components/HeartbeatPulse.js.map +1 -1
  16. package/dist/components/HexagonGrid.d.ts +12 -0
  17. package/dist/components/HexagonGrid.d.ts.map +1 -0
  18. package/dist/components/HexagonGrid.js +284 -0
  19. package/dist/components/HexagonGrid.js.map +1 -0
  20. package/dist/components/HexagonGrid.module.css +14 -0
  21. package/dist/components/LoadingProgressBar.js.map +1 -1
  22. package/dist/components/MarqueeStrip.js.map +1 -1
  23. package/dist/components/PageHeader.js.map +1 -1
  24. package/dist/components/PageTemplate.js.map +1 -1
  25. package/dist/components/RuntimeOrbitDiagram.d.ts +19 -0
  26. package/dist/components/RuntimeOrbitDiagram.d.ts.map +1 -0
  27. package/dist/components/RuntimeOrbitDiagram.js +39 -0
  28. package/dist/components/RuntimeOrbitDiagram.js.map +1 -0
  29. package/dist/components/RuntimeOrbitDiagram.module.css +160 -0
  30. package/dist/components/SegmentedControl.js.map +1 -1
  31. package/dist/components/StatusMessage.js.map +1 -1
  32. package/dist/components/StrokedText.js.map +1 -1
  33. package/dist/components/TabbedPanel.js.map +1 -1
  34. package/dist/components/ThemeToggle.js.map +1 -1
  35. package/dist/components/ThemedCard.js.map +1 -1
  36. package/dist/hooks/useStableId.js.map +1 -1
  37. package/dist/index.d.ts +2 -0
  38. package/dist/index.d.ts.map +1 -1
  39. package/dist/index.js +2 -0
  40. package/dist/index.js.map +1 -1
  41. package/package.json +3 -3
package/README.md CHANGED
@@ -101,9 +101,9 @@ GitHub Actions mirror the same CI, npm publish, and Cloudflare Pages deploy path
101
101
 
102
102
  ## Current Packages
103
103
 
104
- - `@steez-ui/theme@0.1.4`
105
- - `@steez-ui/icons@0.1.4`
106
- - `@steez-ui/ui@0.1.4`
104
+ - `@steez-ui/theme@0.1.5`
105
+ - `@steez-ui/icons@0.1.5`
106
+ - `@steez-ui/ui@0.1.5`
107
107
 
108
108
  ## External Setup
109
109
 
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +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"}
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","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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"HeartbeatPulse.js","sourceRoot":"","sources":["../../src/components/HeartbeatPulse.tsx"],"names":[],"mappings":"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"}
1
+ {"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"]}
@@ -0,0 +1,12 @@
1
+ export interface HexagonGridProps {
2
+ width?: number;
3
+ height?: number;
4
+ pointerReactive?: boolean;
5
+ backgroundOpacity?: number;
6
+ tone?: "default" | "light" | "dark";
7
+ autoTriggerBaseDelayMs?: number;
8
+ autoTriggerJitterMs?: number;
9
+ }
10
+ export declare function HexagonGrid({ width: initialWidth, height: initialHeight, pointerReactive, backgroundOpacity, tone, autoTriggerBaseDelayMs, autoTriggerJitterMs, }: HexagonGridProps): import("react/jsx-runtime").JSX.Element;
11
+ export default HexagonGrid;
12
+ //# sourceMappingURL=HexagonGrid.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,284 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import styles from "./HexagonGrid.module.css";
4
+ const RADIUS = 25;
5
+ const RATE = 0.98;
6
+ const COUNT_MIN = 5;
7
+ const COUNT_MAX = 50;
8
+ const LUMINANCE_MIN = 8;
9
+ const LUMINANCE_MAX = 50;
10
+ function randomFloat() {
11
+ return Math.random();
12
+ }
13
+ function randomInt(min, max) {
14
+ return Math.floor(Math.random() * (max - min + 1)) + min;
15
+ }
16
+ export function HexagonGrid({ width: initialWidth = 800, height: initialHeight = 600, pointerReactive = false, backgroundOpacity = 0.4, tone = "default", autoTriggerBaseDelayMs = 2000, autoTriggerJitterMs = 1000, }) {
17
+ const containerRef = React.useRef(null);
18
+ const canvasRef = React.useRef(null);
19
+ const hexagonsRef = React.useRef([]);
20
+ const animationRef = React.useRef(0);
21
+ const lastPointerSelectionRef = React.useRef(0);
22
+ const autoTriggerTimeoutRef = React.useRef(null);
23
+ const [dimensions, setDimensions] = React.useState({
24
+ width: initialWidth,
25
+ height: initialHeight,
26
+ });
27
+ React.useEffect(() => {
28
+ const container = containerRef.current;
29
+ if (!container) {
30
+ return undefined;
31
+ }
32
+ const resizeObserver = new ResizeObserver((entries) => {
33
+ for (const entry of entries) {
34
+ const { width, height } = entry.contentRect;
35
+ if (width > 0 && height > 0) {
36
+ setDimensions({ width: Math.floor(width), height: Math.floor(height) });
37
+ }
38
+ }
39
+ });
40
+ resizeObserver.observe(container);
41
+ return () => resizeObserver.disconnect();
42
+ }, []);
43
+ const width = dimensions.width;
44
+ const height = dimensions.height;
45
+ const triggerHexSelection = React.useCallback((x, y) => {
46
+ const hexagons = hexagonsRef.current;
47
+ const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;
48
+ for (const hex of hexagons) {
49
+ if (x < hex.x - hexWidth / 2 ||
50
+ x > hex.x + hexWidth / 2 ||
51
+ y < hex.y - RADIUS ||
52
+ y > hex.y + RADIUS ||
53
+ (y < hex.y &&
54
+ Math.abs((x - hex.x) / (y - hex.y + RADIUS)) > Math.tan(Math.PI / 3)) ||
55
+ (y > hex.y &&
56
+ Math.abs((x - hex.x) / (y - hex.y - RADIUS)) > Math.tan(Math.PI / 3))) {
57
+ continue;
58
+ }
59
+ hex.selections.push({ count: 0, hue: randomInt(180, 220) });
60
+ break;
61
+ }
62
+ }, []);
63
+ const init = React.useCallback(() => {
64
+ const canvas = canvasRef.current;
65
+ if (!canvas) {
66
+ return;
67
+ }
68
+ const hexWidth = RADIUS * Math.cos(Math.PI / 6) * 2;
69
+ const hexHeight = RADIUS * (2 - Math.sin(Math.PI / 6));
70
+ const countX = Math.ceil(width / hexWidth) + 1;
71
+ const countY = Math.ceil(height / hexHeight) + 1;
72
+ const offsetX = -((countX * hexWidth - width) / 2);
73
+ const offsetY = -((countY * hexHeight - height) / 2);
74
+ const hexagons = [];
75
+ for (let gridY = 0; gridY < countY; gridY += 1) {
76
+ for (let gridX = 0; gridX < countX; gridX += 1) {
77
+ hexagons.push({
78
+ x: offsetX +
79
+ (gridX + 0.5) * hexWidth -
80
+ (gridY % 2 === 1 ? 0 : hexWidth / 2),
81
+ y: offsetY + (gridY + 0.5) * hexHeight,
82
+ hue: 0,
83
+ selections: [],
84
+ neighbors: new Array(6).fill(null),
85
+ sourceIndices: [],
86
+ });
87
+ }
88
+ }
89
+ for (let gridY = 0; gridY < countY; gridY += 1) {
90
+ for (let gridX = 0; gridX < countX; gridX += 1) {
91
+ const hexagon = hexagons[gridY * countX + gridX];
92
+ if (gridX < countX - 1) {
93
+ hexagon.neighbors[0] = hexagons[gridY * countX + gridX + 1];
94
+ }
95
+ if ((gridX < countX - 1 || gridY % 2 === 0) && gridY < countY - 1) {
96
+ hexagon.neighbors[1] =
97
+ hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];
98
+ }
99
+ if ((gridX > 0 || gridY % 2 === 1) && gridY < countY - 1) {
100
+ hexagon.neighbors[2] =
101
+ hexagons[(gridY + 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];
102
+ }
103
+ if (gridX > 0) {
104
+ hexagon.neighbors[3] = hexagons[gridY * countX + gridX - 1];
105
+ }
106
+ if ((gridX > 0 || gridY % 2 === 1) && gridY > 0) {
107
+ hexagon.neighbors[4] =
108
+ hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 0 : -1)];
109
+ }
110
+ if ((gridX < countX - 1 || gridY % 2 === 0) && gridY > 0) {
111
+ hexagon.neighbors[5] =
112
+ hexagons[(gridY - 1) * countX + gridX + (gridY % 2 === 1 ? 1 : 0)];
113
+ }
114
+ }
115
+ }
116
+ hexagons[randomInt(0, hexagons.length - 1)]?.selections.push({
117
+ count: 0,
118
+ hue: randomInt(180, 220),
119
+ });
120
+ hexagonsRef.current = hexagons;
121
+ const autoTrigger = () => {
122
+ const activeHexagons = hexagonsRef.current;
123
+ if (activeHexagons.length > 0) {
124
+ const randomHex = activeHexagons[randomInt(0, activeHexagons.length - 1)];
125
+ randomHex?.selections.push({
126
+ count: 0,
127
+ hue: randomInt(180, 220),
128
+ });
129
+ }
130
+ autoTriggerTimeoutRef.current = window.setTimeout(autoTrigger, autoTriggerBaseDelayMs + randomFloat() * autoTriggerJitterMs);
131
+ };
132
+ autoTriggerTimeoutRef.current = window.setTimeout(autoTrigger, autoTriggerBaseDelayMs);
133
+ }, [autoTriggerBaseDelayMs, autoTriggerJitterMs, height, width]);
134
+ const drawHexagon = React.useCallback((ctx, x, y, radius, fillLightness, strokeLightness, hue, opacity) => {
135
+ ctx.save();
136
+ ctx.translate(x, y);
137
+ ctx.beginPath();
138
+ for (let index = 0; index < 6; index += 1) {
139
+ const vertexX = radius * Math.sin((Math.PI / 3) * index);
140
+ const vertexY = -radius * Math.cos((Math.PI / 3) * index);
141
+ ctx[index === 0 ? "moveTo" : "lineTo"](vertexX, vertexY);
142
+ }
143
+ ctx.closePath();
144
+ const isAccent = tone === "default" && hue > 0 && hue !== 210;
145
+ const actualHue = isAccent ? hue : 0;
146
+ const saturation = isAccent ? 15 : 0;
147
+ ctx.fillStyle = `hsla(${actualHue}, ${saturation}%, ${fillLightness}%, ${opacity * 0.25})`;
148
+ ctx.fill();
149
+ ctx.strokeStyle = `hsla(${actualHue}, ${saturation}%, ${strokeLightness}%, ${opacity * 0.35})`;
150
+ ctx.stroke();
151
+ ctx.restore();
152
+ }, [tone]);
153
+ const render = React.useCallback(() => {
154
+ const canvas = canvasRef.current;
155
+ if (!canvas) {
156
+ return;
157
+ }
158
+ const ctx = canvas.getContext("2d");
159
+ if (!ctx) {
160
+ return;
161
+ }
162
+ const hexagons = hexagonsRef.current;
163
+ if (hexagons.length === 0) {
164
+ return;
165
+ }
166
+ if (backgroundOpacity > 0) {
167
+ ctx.fillStyle = `rgba(0, 0, 0, ${backgroundOpacity})`;
168
+ ctx.fillRect(0, 0, width, height);
169
+ }
170
+ else {
171
+ ctx.clearRect(0, 0, width, height);
172
+ }
173
+ const radius = RADIUS * RATE;
174
+ for (const hex of hexagons) {
175
+ const baseFillLightness = tone === "light" ? 88 : tone === "dark" ? 10 : LUMINANCE_MIN;
176
+ const baseStrokeLightness = tone === "light" ? 96 : tone === "dark" ? 16 : LUMINANCE_MIN;
177
+ const baseOpacity = tone === "default" ? 0.3 : 0.92;
178
+ drawHexagon(ctx, hex.x, hex.y, radius, baseFillLightness, baseStrokeLightness, 0, baseOpacity);
179
+ for (const selection of hex.selections) {
180
+ let fillLightness;
181
+ let opacity;
182
+ if (selection.count < COUNT_MIN) {
183
+ fillLightness =
184
+ LUMINANCE_MIN +
185
+ (LUMINANCE_MAX - LUMINANCE_MIN) *
186
+ Math.pow(Math.sin((Math.PI / 2) * selection.count / COUNT_MIN), 3);
187
+ opacity = selection.count / COUNT_MIN;
188
+ }
189
+ else if (selection.count < COUNT_MAX) {
190
+ fillLightness =
191
+ LUMINANCE_MIN +
192
+ (LUMINANCE_MAX - LUMINANCE_MIN) *
193
+ Math.sin((Math.PI / 2) *
194
+ (1 + (selection.count - COUNT_MIN) / (COUNT_MAX - COUNT_MIN)));
195
+ opacity = 1;
196
+ }
197
+ else {
198
+ fillLightness = LUMINANCE_MAX;
199
+ opacity = 1;
200
+ }
201
+ drawHexagon(ctx, hex.x, hex.y, radius, fillLightness, fillLightness, selection.hue, opacity);
202
+ selection.count += 1;
203
+ }
204
+ hex.selections = hex.selections.filter((selection) => selection.count <= COUNT_MAX + COUNT_MIN);
205
+ }
206
+ for (const hex of hexagons) {
207
+ if (hex.selections.length === 0) {
208
+ continue;
209
+ }
210
+ for (const selection of hex.selections) {
211
+ if (selection.count !== COUNT_MIN) {
212
+ continue;
213
+ }
214
+ hex.sourceIndices.push({
215
+ indices: [randomInt(0, 5)],
216
+ hue: selection.hue,
217
+ count: 0,
218
+ });
219
+ }
220
+ }
221
+ for (const hex of hexagons) {
222
+ if (hex.sourceIndices.length === 0) {
223
+ continue;
224
+ }
225
+ for (const sourceIndex of hex.sourceIndices) {
226
+ if (sourceIndex.count >= 2) {
227
+ continue;
228
+ }
229
+ const targetIndices = [];
230
+ const currentIndices = sourceIndex.indices;
231
+ for (const index of currentIndices) {
232
+ const neighbor = hex.neighbors[index];
233
+ if (!neighbor) {
234
+ continue;
235
+ }
236
+ neighbor.selections.push({
237
+ count: COUNT_MIN,
238
+ hue: sourceIndex.hue,
239
+ });
240
+ targetIndices.push((index + 4) % 6, index, (index + 2) % 6);
241
+ }
242
+ sourceIndex.indices = targetIndices;
243
+ sourceIndex.count += 1;
244
+ }
245
+ hex.sourceIndices = hex.sourceIndices.filter((sourceIndex) => sourceIndex.count < 2);
246
+ }
247
+ animationRef.current = window.requestAnimationFrame(render);
248
+ }, [backgroundOpacity, drawHexagon, height, tone, width]);
249
+ React.useEffect(() => {
250
+ const canvas = canvasRef.current;
251
+ if (!canvas) {
252
+ return undefined;
253
+ }
254
+ canvas.width = width;
255
+ canvas.height = height;
256
+ init();
257
+ render();
258
+ return () => {
259
+ window.cancelAnimationFrame(animationRef.current);
260
+ if (autoTriggerTimeoutRef.current !== null) {
261
+ window.clearTimeout(autoTriggerTimeoutRef.current);
262
+ }
263
+ };
264
+ }, [height, init, render, width]);
265
+ const handlePointerMove = React.useCallback((event) => {
266
+ if (!pointerReactive) {
267
+ return;
268
+ }
269
+ const now = performance.now();
270
+ if (now - lastPointerSelectionRef.current < 90) {
271
+ return;
272
+ }
273
+ const container = containerRef.current;
274
+ if (!container) {
275
+ return;
276
+ }
277
+ const rect = container.getBoundingClientRect();
278
+ triggerHexSelection(event.clientX - rect.left, event.clientY - rect.top);
279
+ lastPointerSelectionRef.current = now;
280
+ }, [pointerReactive, triggerHexSelection]);
281
+ return (_jsx("div", { ref: containerRef, className: styles.root, onMouseMove: handlePointerMove, "aria-hidden": "true", children: _jsx("canvas", { ref: canvasRef, className: styles.canvas }) }));
282
+ }
283
+ export default HexagonGrid;
284
+ //# sourceMappingURL=HexagonGrid.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,14 @@
1
+ .root {
2
+ width: 100%;
3
+ height: 100%;
4
+ position: absolute;
5
+ inset: 0;
6
+ }
7
+
8
+ .canvas {
9
+ display: block;
10
+ background: transparent;
11
+ cursor: pointer;
12
+ width: 100%;
13
+ height: 100%;
14
+ }
@@ -1 +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"}
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","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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"MarqueeStrip.js","sourceRoot":"","sources":["../../src/components/MarqueeStrip.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAa/C,MAAM,UAAU,YAAY,CAAI,EAC9B,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,GAAG,EAAE,EACpB,GAAG,GAAG,QAAQ,EACd,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,aAAa,GAAG,EAAE,EAClB,KAAK,EACL,GAAG,KAAK,EACa;IACrB,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,oBAA8B,CAAC,EAAE,GAAG,eAAe,GAAG;QACvD,CAAC,eAAyB,CAAC,EACzB,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG;KACtB,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,gBAC9E,SAAS,EACrB,KAAK,EAAE,WAAW,KACd,KAAK,YAET,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC,IAAI,EAAE,YACvD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,aAAa,EAAE,CAAC,IAAI,EAAE,iBACtC,KAAK,IAAI,KAAK,CAAC,MAAM,YAEjC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAJlC,KAAK,CAKN,CACP,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"MarqueeStrip.js","sourceRoot":"","sources":["../../src/components/MarqueeStrip.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAa/C,MAAM,UAAU,YAAY,CAAI,EAC9B,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,GAAG,EAAE,EACpB,GAAG,GAAG,QAAQ,EACd,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,aAAa,GAAG,EAAE,EAClB,KAAK,EACL,GAAG,KAAK,EACa;IACrB,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,oBAA8B,CAAC,EAAE,GAAG,eAAe,GAAG;QACvD,CAAC,eAAyB,CAAC,EACzB,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG;KACtB,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,gBAC9E,SAAS,EACrB,KAAK,EAAE,WAAW,KACd,KAAK,YAET,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC,IAAI,EAAE,YACvD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,aAAa,EAAE,CAAC,IAAI,EAAE,iBACtC,KAAK,IAAI,KAAK,CAAC,MAAM,YAEjC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAJlC,KAAK,CAKN,CACP,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./MarqueeStrip.module.css\";\n\nexport interface MarqueeStripProps<T> extends React.HTMLAttributes<HTMLDivElement> {\n items: readonly T[];\n renderItem: (item: T, index: number) => React.ReactNode;\n ariaLabel?: string;\n durationSeconds?: number;\n gap?: number | string;\n pauseOnHover?: boolean;\n trackClassName?: string;\n itemClassName?: string;\n}\n\nexport function MarqueeStrip<T>({\n items,\n renderItem,\n ariaLabel,\n durationSeconds = 24,\n gap = \"0.7rem\",\n pauseOnHover = false,\n className = \"\",\n trackClassName = \"\",\n itemClassName = \"\",\n style,\n ...props\n}: MarqueeStripProps<T>) {\n const doubledItems = [...items, ...items];\n const mergedStyle = {\n ...style,\n [\"--marquee-duration\" as string]: `${durationSeconds}s`,\n [\"--marquee-gap\" as string]:\n typeof gap === \"number\" ? `${gap}px` : gap,\n } as React.CSSProperties;\n\n return (\n <div\n className={`${styles.root} ${pauseOnHover ? styles.pauseOnHover : \"\"} ${className}`.trim()}\n aria-label={ariaLabel}\n style={mergedStyle}\n {...props}\n >\n <div className={`${styles.track} ${trackClassName}`.trim()}>\n {doubledItems.map((item, index) => (\n <div\n key={index}\n className={`${styles.item} ${itemClassName}`.trim()}\n aria-hidden={index >= items.length}\n >\n {renderItem(item, index % items.length)}\n </div>\n ))}\n </div>\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAoB7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,cAAc,EACd,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,eAAe,GAAG,aAAa,EAC/B,eAAe,GAAG,aAAa,GACf;IAChB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAEtE,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACpD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAChC,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,UAAU,gBACL,cAAc,YAE1B,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,GACjE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAClC,yBACG,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACtC,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IACH,EACJ,WAAW,CAAC,CAAC,CAAC,sBAAI,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACtC,IACF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAC/B,KAAK,EACL,MAAM,CAAC,CAAC,CAAC,CACR,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAa,SAAS,YACvF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3C,CACV,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,gBAAa,eAAe,YACjG,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC/B,CACV,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,cAAc,gBACX,WAAW,EACvB,KAAK,EAAE,WAAW,YAElB,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,GACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAoB7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,cAAc,EACd,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,eAAe,GAAG,aAAa,EAC/B,eAAe,GAAG,aAAa,GACf;IAChB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAEtE,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACpD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAChC,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,UAAU,gBACL,cAAc,YAE1B,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,GACjE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAClC,yBACG,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACtC,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IACH,EACJ,WAAW,CAAC,CAAC,CAAC,sBAAI,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACtC,IACF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAC/B,KAAK,EACL,MAAM,CAAC,CAAC,CAAC,CACR,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAa,SAAS,YACvF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3C,CACV,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,gBAAa,eAAe,YACjG,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC/B,CACV,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,cAAc,gBACX,WAAW,EACvB,KAAK,EAAE,WAAW,YAElB,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { EyeIcon, Icon, SlidersIcon } from \"@steez-ui/icons\";\nimport type { SteezIconName } from \"@steez-ui/icons\";\n\nimport styles from \"./PageHeader.module.css\";\n\nexport interface PageHeaderProps {\n title: string;\n description?: string;\n icon?: SteezIconName;\n extra?: ReactNode;\n className?: string;\n brand?: ReactNode;\n onBrandClick?: () => void;\n brandTitle?: string;\n brandAriaLabel?: string;\n onBack?: () => void;\n onSettings?: () => void;\n onViewerToggle?: () => void;\n viewerVisible?: boolean;\n viewerShowLabel?: string;\n viewerHideLabel?: string;\n}\n\nexport function PageHeader({\n title,\n description,\n icon,\n extra,\n className = \"\",\n brand,\n onBrandClick,\n brandTitle,\n brandAriaLabel,\n onBack,\n onSettings,\n onViewerToggle,\n viewerVisible,\n viewerShowLabel = \"Show viewer\",\n viewerHideLabel = \"Hide viewer\",\n}: PageHeaderProps) {\n const viewerLabel = viewerVisible ? viewerHideLabel : viewerShowLabel;\n\n return (\n <div className={`${styles.header} ${className}`.trim()}>\n <div className={styles.headerRow}>\n <div className={styles.brandCluster}>\n {brand || onBrandClick ? (\n <button\n type=\"button\"\n className={styles.brandButton}\n onClick={onBrandClick}\n title={brandTitle}\n aria-label={brandAriaLabel}\n >\n <span className={styles.brandVisual}>{brand ?? title.slice(0, 1)}</span>\n </button>\n ) : null}\n <div className={styles.headerContent}>\n <h2>\n {icon ? (\n <span className={styles.titleIcon}>\n <Icon icon={icon} width={18} height={18} />\n </span>\n ) : null}\n {title}\n </h2>\n {description ? <p>{description}</p> : null}\n </div>\n </div>\n <div className={styles.headerExtra}>\n {extra}\n {onBack ? (\n <button type=\"button\" className={styles.iconButton} onClick={onBack} aria-label=\"Go back\">\n <Icon icon=\"chevronLeft\" width={18} height={18} />\n </button>\n ) : null}\n {onSettings ? (\n <button type=\"button\" className={styles.iconButton} onClick={onSettings} aria-label=\"Open settings\">\n <SlidersIcon width={18} height={18} />\n </button>\n ) : null}\n {onViewerToggle ? (\n <button\n type=\"button\"\n className={styles.iconButton}\n onClick={onViewerToggle}\n aria-label={viewerLabel}\n title={viewerLabel}\n >\n <EyeIcon width={18} height={18} />\n </button>\n ) : null}\n </div>\n </div>\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"PageTemplate.js","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAmC/C,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,MAAM,EACN,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,WAAW,GAAG,KAAK,IAAI,OAAO,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACjD,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,SAAS,gBAAa,GAAG,KAAK,WAAW,YAC3E,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACvC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,YAAY,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACtG,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,YAAY,KAAK,GAAG,CAAC,EAAE,YAErC,GAAG,CAAC,KAAK,IAPL,GAAG,CAAC,EAAE,CAQJ,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAER,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC3B,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,2BAAkB,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,GAC1E,IACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"PageTemplate.js","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAmC/C,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,MAAM,EACN,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,WAAW,GAAG,KAAK,IAAI,OAAO,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACjD,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,SAAS,gBAAa,GAAG,KAAK,WAAW,YAC3E,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACvC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,YAAY,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACtG,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,YAAY,KAAK,GAAG,CAAC,EAAE,YAErC,GAAG,CAAC,KAAK,IAPL,GAAG,CAAC,EAAE,CAQJ,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAER,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC3B,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,2BAAkB,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,GAC1E,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport { PageHeader, type PageHeaderProps } from \"./PageHeader.js\";\nimport styles from \"./PageTemplate.module.css\";\n\ninterface SubTab {\n id: string;\n label: string;\n}\n\nexport interface PageTemplateProps\n extends Pick<\n PageHeaderProps,\n | \"title\"\n | \"description\"\n | \"icon\"\n | \"onBack\"\n | \"onSettings\"\n | \"brand\"\n | \"onBrandClick\"\n | \"onViewerToggle\"\n | \"viewerVisible\"\n > {\n actions?: React.ReactNode;\n extra?: React.ReactNode;\n className?: string;\n subTabs?: SubTab[];\n activeSubTab?: string;\n onSubTabChange?: (tabId: string) => void;\n children?: React.ReactNode;\n loading?: boolean;\n showTitle?: boolean;\n brandTitle?: string;\n brandAriaLabel?: string;\n viewerShowLabel?: string;\n viewerHideLabel?: string;\n}\n\nexport function PageTemplate({\n title,\n actions,\n extra,\n description,\n icon,\n subTabs,\n activeSubTab,\n onSubTabChange,\n onBack,\n onSettings,\n brand,\n onBrandClick,\n onViewerToggle,\n viewerVisible,\n brandTitle,\n brandAriaLabel,\n viewerShowLabel,\n viewerHideLabel,\n children,\n loading,\n showTitle = true,\n className = \"\",\n}: PageTemplateProps) {\n const headerExtra = extra ?? actions;\n\n return (\n <div className={`${styles.root} ${className}`.trim()}>\n {showTitle ? (\n <div className={styles.header}>\n <PageHeader\n title={title}\n description={description}\n icon={icon}\n extra={headerExtra}\n onBack={onBack}\n onSettings={onSettings}\n brand={brand}\n onBrandClick={onBrandClick}\n brandTitle={brandTitle}\n brandAriaLabel={brandAriaLabel}\n onViewerToggle={onViewerToggle}\n viewerVisible={viewerVisible}\n viewerShowLabel={viewerShowLabel}\n viewerHideLabel={viewerHideLabel}\n />\n </div>\n ) : null}\n\n {subTabs?.length ? (\n <div className={styles.subTabs} role=\"tablist\" aria-label={`${title} sections`}>\n {subTabs.map((tab) => (\n <button\n key={tab.id}\n onClick={() => onSubTabChange?.(tab.id)}\n className={`${styles.subTabButton} ${activeSubTab === tab.id ? styles.subTabButtonActive : \"\"}`.trim()}\n type=\"button\"\n role=\"tab\"\n aria-selected={activeSubTab === tab.id}\n >\n {tab.label}\n </button>\n ))}\n </div>\n ) : null}\n\n <div className={styles.content}>\n {loading ? <div className={styles.loading}>Loading...</div> : children ?? null}\n </div>\n </div>\n );\n}\n"]}
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import type { SteezIconProps } from "@steez-ui/icons";
3
+ export interface RuntimeOrbitNode {
4
+ id: string;
5
+ label: string;
6
+ icon: React.ComponentType<SteezIconProps>;
7
+ x: number;
8
+ y: number;
9
+ }
10
+ export interface RuntimeOrbitDiagramProps {
11
+ nodes: RuntimeOrbitNode[];
12
+ className?: string;
13
+ durationSeconds?: number;
14
+ pathOrder?: readonly string[];
15
+ iconSize?: number;
16
+ }
17
+ export declare function RuntimeOrbitDiagram({ nodes, className, durationSeconds, pathOrder, iconSize, }: RuntimeOrbitDiagramProps): import("react/jsx-runtime").JSX.Element;
18
+ export default RuntimeOrbitDiagram;
19
+ //# sourceMappingURL=RuntimeOrbitDiagram.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RuntimeOrbitDiagram.d.ts","sourceRoot":"","sources":["../../src/components/RuntimeOrbitDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAc,EACd,eAAqB,EACrB,SAAS,EACT,QAAa,GACd,EAAE,wBAAwB,2CA4E1B;AAED,eAAe,mBAAmB,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import styles from "./RuntimeOrbitDiagram.module.css";
4
+ function buildPath(points) {
5
+ if (points.length === 0) {
6
+ return "";
7
+ }
8
+ return `${points
9
+ .map((point, index) => `${index === 0 ? "M" : "L"} ${point.x.toFixed(2)} ${point.y.toFixed(2)}`)
10
+ .join(" ")} Z`;
11
+ }
12
+ export function RuntimeOrbitDiagram({ nodes, className = "", durationSeconds = 5.4, pathOrder, iconSize = 22, }) {
13
+ const orderedNodes = React.useMemo(() => {
14
+ if (!pathOrder?.length) {
15
+ return nodes;
16
+ }
17
+ const nodeMap = new Map(nodes.map((node) => [node.id, node]));
18
+ const sequence = pathOrder
19
+ .map((id) => nodeMap.get(id))
20
+ .filter((node) => Boolean(node));
21
+ return sequence.length === nodes.length ? sequence : nodes;
22
+ }, [nodes, pathOrder]);
23
+ const pathD = React.useMemo(() => buildPath(orderedNodes), [orderedNodes]);
24
+ const nodeSequenceIndex = React.useMemo(() => new Map(orderedNodes.map((node, index) => [node.id, index])), [orderedNodes]);
25
+ return (_jsxs("div", { className: `${styles.root} ${className}`.trim(), style: { "--orbit-duration": `${durationSeconds}s` }, children: [_jsxs("svg", { className: styles.svg, viewBox: "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [pathD ? _jsx("path", { className: styles.track, d: pathD, pathLength: 100 }) : null, pathD ? _jsx("path", { className: styles.pathLine, d: pathD, pathLength: 100 }) : null, pathD ? (_jsx("circle", { className: styles.dot, cx: "0", cy: "0", r: "1.45", children: _jsx("animateMotion", { calcMode: "linear", dur: `${durationSeconds}s`, path: pathD, repeatCount: "indefinite" }) })) : null] }), nodes.map((node) => {
26
+ const IconComponent = node.icon;
27
+ const sequenceIndex = nodeSequenceIndex.get(node.id) ?? 0;
28
+ const nodeDelayMs = Math.round((durationSeconds * 1000 * sequenceIndex) /
29
+ Math.max(orderedNodes.length, 1) -
30
+ 120);
31
+ return (_jsxs("div", { className: styles.node, style: {
32
+ "--node-x": `${node.x}%`,
33
+ "--node-y": `${node.y}%`,
34
+ "--node-delay": `${nodeDelayMs}ms`,
35
+ }, title: node.label, children: [_jsx("div", { className: styles.nodeInner, children: _jsx(IconComponent, { width: iconSize, height: iconSize }) }), _jsx("span", { className: styles.srOnly, children: node.label })] }, node.id));
36
+ })] }));
37
+ }
38
+ export default RuntimeOrbitDiagram;
39
+ //# sourceMappingURL=RuntimeOrbitDiagram.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RuntimeOrbitDiagram.js","sourceRoot":"","sources":["../../src/components/RuntimeOrbitDiagram.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { SteezIconProps } from \"@steez-ui/icons\";\n\nimport styles from \"./RuntimeOrbitDiagram.module.css\";\n\nexport interface RuntimeOrbitNode {\n id: string;\n label: string;\n icon: React.ComponentType<SteezIconProps>;\n x: number;\n y: number;\n}\n\nexport interface RuntimeOrbitDiagramProps {\n nodes: RuntimeOrbitNode[];\n className?: string;\n durationSeconds?: number;\n pathOrder?: readonly string[];\n iconSize?: number;\n}\n\nfunction buildPath(points: RuntimeOrbitNode[]) {\n if (points.length === 0) {\n return \"\";\n }\n\n return `${points\n .map((point, index) =>\n `${index === 0 ? \"M\" : \"L\"} ${point.x.toFixed(2)} ${point.y.toFixed(2)}`,\n )\n .join(\" \")} Z`;\n}\n\nexport function RuntimeOrbitDiagram({\n nodes,\n className = \"\",\n durationSeconds = 5.4,\n pathOrder,\n iconSize = 22,\n}: RuntimeOrbitDiagramProps) {\n const orderedNodes = React.useMemo(() => {\n if (!pathOrder?.length) {\n return nodes;\n }\n\n const nodeMap = new Map(nodes.map((node) => [node.id, node] as const));\n const sequence = pathOrder\n .map((id) => nodeMap.get(id))\n .filter((node): node is RuntimeOrbitNode => Boolean(node));\n\n return sequence.length === nodes.length ? sequence : nodes;\n }, [nodes, pathOrder]);\n\n const pathD = React.useMemo(() => buildPath(orderedNodes), [orderedNodes]);\n const nodeSequenceIndex = React.useMemo(\n () => new Map(orderedNodes.map((node, index) => [node.id, index] as const)),\n [orderedNodes],\n );\n\n return (\n <div\n className={`${styles.root} ${className}`.trim()}\n style={{ \"--orbit-duration\": `${durationSeconds}s` } as React.CSSProperties}\n >\n <svg\n className={styles.svg}\n viewBox=\"0 0 100 100\"\n preserveAspectRatio=\"none\"\n aria-hidden=\"true\"\n >\n {pathD ? <path className={styles.track} d={pathD} pathLength={100} /> : null}\n {pathD ? <path className={styles.pathLine} d={pathD} pathLength={100} /> : null}\n {pathD ? (\n <circle className={styles.dot} cx=\"0\" cy=\"0\" r=\"1.45\">\n <animateMotion\n calcMode=\"linear\"\n dur={`${durationSeconds}s`}\n path={pathD}\n repeatCount=\"indefinite\"\n />\n </circle>\n ) : null}\n </svg>\n\n {nodes.map((node) => {\n const IconComponent = node.icon;\n const sequenceIndex = nodeSequenceIndex.get(node.id) ?? 0;\n const nodeDelayMs = Math.round(\n (durationSeconds * 1000 * sequenceIndex) /\n Math.max(orderedNodes.length, 1) -\n 120,\n );\n\n return (\n <div\n key={node.id}\n className={styles.node}\n style={\n {\n \"--node-x\": `${node.x}%`,\n \"--node-y\": `${node.y}%`,\n \"--node-delay\": `${nodeDelayMs}ms`,\n } as React.CSSProperties\n }\n title={node.label}\n >\n <div className={styles.nodeInner}>\n <IconComponent width={iconSize} height={iconSize} />\n </div>\n <span className={styles.srOnly}>{node.label}</span>\n </div>\n );\n })}\n </div>\n );\n}\n\nexport default RuntimeOrbitDiagram;\n"]}
@@ -0,0 +1,160 @@
1
+ .root {
2
+ --orbit-duration: 5.4s;
3
+
4
+ position: relative;
5
+ width: min(100%, 38rem);
6
+ aspect-ratio: 1;
7
+ min-height: 22rem;
8
+ isolation: isolate;
9
+ }
10
+
11
+ .svg {
12
+ width: 100%;
13
+ height: 100%;
14
+ display: block;
15
+ overflow: visible;
16
+ }
17
+
18
+ .track {
19
+ fill: none;
20
+ stroke: color-mix(in srgb, var(--text-primary) 14%, transparent);
21
+ stroke-width: 0.8;
22
+ stroke-linecap: round;
23
+ stroke-linejoin: round;
24
+ }
25
+
26
+ .pathLine {
27
+ fill: none;
28
+ stroke: color-mix(in srgb, var(--accent-primary) 88%, transparent);
29
+ stroke-width: 1.35;
30
+ stroke-linecap: round;
31
+ stroke-linejoin: round;
32
+ stroke-dasharray: 14 86;
33
+ animation: orbitPath var(--orbit-duration) linear infinite;
34
+ }
35
+
36
+ .node {
37
+ position: absolute;
38
+ top: var(--node-y);
39
+ left: var(--node-x);
40
+ width: clamp(4.15rem, 8vw, 4.95rem);
41
+ aspect-ratio: 1;
42
+ translate: -50% -50%;
43
+ display: grid;
44
+ place-items: center;
45
+ border-radius: 999px;
46
+ color: color-mix(in srgb, var(--text-secondary) 92%, transparent);
47
+ border: 1px solid color-mix(in srgb, var(--border-color) 78%, transparent);
48
+ background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
49
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--bg-primary) 28%, transparent);
50
+ animation: orbitPulse var(--orbit-duration) linear infinite;
51
+ animation-delay: var(--node-delay);
52
+ transition:
53
+ border-color var(--tile-hover-duration, 220ms) ease,
54
+ transform var(--tile-hover-duration, 220ms) ease,
55
+ background-color var(--tile-hover-duration, 220ms) ease;
56
+ }
57
+
58
+ .node:hover {
59
+ color: var(--text-primary);
60
+ border-color: color-mix(in srgb, var(--accent-primary) 46%, var(--border-color));
61
+ transform: translateY(-1px);
62
+ }
63
+
64
+ .nodeInner {
65
+ width: calc(100% - 10px);
66
+ height: calc(100% - 10px);
67
+ display: grid;
68
+ place-items: center;
69
+ border-radius: inherit;
70
+ background: color-mix(in srgb, var(--bg-primary) 96%, transparent);
71
+ }
72
+
73
+ .nodeInner svg {
74
+ width: 48%;
75
+ height: 48%;
76
+ color: currentColor;
77
+ opacity: 0.88;
78
+ transform: scale(0.86);
79
+ transition:
80
+ opacity var(--tile-hover-duration, 220ms) ease,
81
+ transform var(--tile-hover-duration, 220ms) ease,
82
+ color var(--tile-hover-duration, 220ms) ease;
83
+ }
84
+
85
+ .node:hover .nodeInner svg {
86
+ opacity: 1;
87
+ transform: scale(0.92);
88
+ }
89
+
90
+ .dot {
91
+ fill: var(--accent-primary);
92
+ filter: drop-shadow(
93
+ 0 0 8px color-mix(in srgb, var(--accent-primary) 32%, transparent)
94
+ );
95
+ }
96
+
97
+ .srOnly {
98
+ position: absolute;
99
+ width: 1px;
100
+ height: 1px;
101
+ padding: 0;
102
+ margin: -1px;
103
+ overflow: hidden;
104
+ clip: rect(0, 0, 0, 0);
105
+ white-space: nowrap;
106
+ border: 0;
107
+ }
108
+
109
+ @keyframes orbitPath {
110
+ from {
111
+ stroke-dashoffset: 0;
112
+ }
113
+
114
+ to {
115
+ stroke-dashoffset: -100;
116
+ }
117
+ }
118
+
119
+ @keyframes orbitPulse {
120
+ 0%,
121
+ 4%,
122
+ 16%,
123
+ 100% {
124
+ color: color-mix(in srgb, var(--text-secondary) 92%, transparent);
125
+ border-color: color-mix(in srgb, var(--border-color) 78%, transparent);
126
+ background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
127
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--bg-primary) 28%, transparent);
128
+ }
129
+
130
+ 6%,
131
+ 13% {
132
+ color: var(--text-primary);
133
+ border-color: color-mix(in srgb, var(--accent-primary) 64%, var(--border-color));
134
+ background: color-mix(in srgb, var(--accent-primary) 12%, var(--bg-secondary));
135
+ box-shadow:
136
+ 0 0 0 1px color-mix(in srgb, var(--accent-primary) 24%, transparent),
137
+ 0 0 22px color-mix(in srgb, var(--accent-primary) 18%, transparent);
138
+ }
139
+ }
140
+
141
+ @media (max-width: 720px) {
142
+ .root {
143
+ min-height: 18rem;
144
+ }
145
+
146
+ .node {
147
+ width: clamp(3.55rem, 17vw, 4.25rem);
148
+ }
149
+ }
150
+
151
+ @media (prefers-reduced-motion: reduce) {
152
+ .pathLine,
153
+ .node {
154
+ animation: none;
155
+ }
156
+
157
+ .dot {
158
+ display: none;
159
+ }
160
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAkBnD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,GACO;IACtB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACpD,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACzE,IAAI,EAAC,SAAS,gBACF,SAAS,IAAI,KAAK,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;oBACxC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EAClH,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAEpC,MAAM,CAAC,KAAK,IAPR,MAAM,CAAC,KAAK,CAQV,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,IACpD,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAkBnD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,GACO;IACtB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACpD,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACzE,IAAI,EAAC,SAAS,gBACF,SAAS,IAAI,KAAK,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;oBACxC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EAClH,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAEpC,MAAM,CAAC,KAAK,IAPR,MAAM,CAAC,KAAK,CAQV,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,IACpD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./SegmentedControl.module.css\";\n\nexport interface SegmentedControlOption {\n value: string;\n label: string;\n}\n\nexport interface SegmentedControlProps {\n value: string;\n options: SegmentedControlOption[];\n onChange: (value: string) => void;\n label?: string;\n hint?: string;\n ariaLabel?: string;\n className?: string;\n compact?: boolean;\n}\n\nexport function SegmentedControl({\n value,\n options,\n onChange,\n label,\n hint,\n ariaLabel,\n className = \"\",\n compact = false,\n}: SegmentedControlProps) {\n return (\n <div className={`${styles.wrapper} ${className}`.trim()}>\n {label ? <div className={styles.label}>{label}</div> : null}\n <div\n className={`${styles.track} ${compact ? styles.trackCompact : \"\"}`.trim()}\n role=\"tablist\"\n aria-label={ariaLabel || label}\n >\n {options.map((option) => {\n const isActive = option.value === value;\n return (\n <button\n key={option.value}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n className={`${styles.option} ${isActive ? styles.optionActive : \"\"} ${compact ? styles.optionCompact : \"\"}`.trim()}\n onClick={() => onChange(option.value)}\n >\n {option.label}\n </button>\n );\n })}\n </div>\n {hint ? <div className={styles.hint}>{hint}</div> : null}\n </div>\n );\n}\n\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../../src/components/StatusMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAOhD,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAsB;IACjE,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,EACrD,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eAChC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,aAEpD,gBAAM,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,IACxD,EACP,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,OAAO,GAAQ,IAC1C,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../../src/components/StatusMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAOhD,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAsB;IACjE,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,EACrD,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eAChC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,aAEpD,gBAAM,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,IACxD,EACP,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,OAAO,GAAQ,IAC1C,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport { CheckIcon, ErrorIcon, InfoIcon } from \"@steez-ui/icons\";\n\nimport styles from \"./StatusMessage.module.css\";\n\nexport interface StatusMessageProps {\n message: string;\n type: \"success\" | \"error\" | \"info\";\n}\n\nexport function StatusMessage({ message, type }: StatusMessageProps) {\n return (\n <div\n className={`${styles.message} ${styles[type]}`.trim()}\n role={type === \"error\" ? \"alert\" : \"status\"}\n aria-live={type === \"error\" ? \"assertive\" : \"polite\"}\n >\n <span className={styles.icon}>\n {type === \"success\" ? <CheckIcon width={16} height={16} /> : null}\n {type === \"error\" ? <ErrorIcon width={16} height={16} /> : null}\n {type === \"info\" ? <InfoIcon width={16} height={16} /> : null}\n </span>\n <span className={styles.text}>{message}</span>\n </div>\n );\n}\n\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"StrokedText.js","sourceRoot":"","sources":["../../src/components/StrokedText.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,2BAA2B,EACzC,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,sBAAgC,CAAC,EAAE,KAAK;QACzC,CAAC,sBAAgC,CAAC,EAChC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,WAAW;QACpE,CAAC,iCAA2C,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;KAChD,CAAC;IAEzB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAC9F,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"StrokedText.js","sourceRoot":"","sources":["../../src/components/StrokedText.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,2BAA2B,EACzC,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,CAAC,sBAAgC,CAAC,EAAE,KAAK;QACzC,CAAC,sBAAgC,CAAC,EAChC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,WAAW;QACpE,CAAC,iCAA2C,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;KAChD,CAAC;IAEzB,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAC9F,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./StrokedText.module.css\";\n\nexport interface StrokedTextProps extends React.HTMLAttributes<HTMLSpanElement> {\n children: React.ReactNode;\n color?: string;\n strokeWidth?: number | string;\n animateOnMount?: boolean;\n fallbackOpacity?: number;\n}\n\nexport function StrokedText({\n children,\n color,\n strokeWidth = \"clamp(1px, 0.11vw, 1.8px)\",\n animateOnMount = false,\n fallbackOpacity = 0.18,\n className = \"\",\n style,\n ...props\n}: StrokedTextProps) {\n const mergedStyle = {\n ...style,\n [\"--stroked-text-color\" as string]: color,\n [\"--stroked-text-width\" as string]:\n typeof strokeWidth === \"number\" ? `${strokeWidth}px` : strokeWidth,\n [\"--stroked-text-fallback-opacity\" as string]: String(fallbackOpacity),\n } as React.CSSProperties;\n\n return (\n <span\n className={`${styles.root} ${animateOnMount ? styles.animateOnMount : \"\"} ${className}`.trim()}\n style={mergedStyle}\n {...props}\n >\n {children}\n </span>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"TabbedPanel.js","sourceRoot":"","sources":["../../src/components/TabbedPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TabbedPanel.js","sourceRoot":"","sources":["../../src/components/TabbedPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport styles from \"./TabbedPanel.module.css\";\n\nexport interface TabbedPanelTab {\n id: string;\n label: string;\n content?: React.ReactNode;\n panel?: React.ReactNode;\n disabled?: boolean;\n}\n\nexport interface TabbedPanelProps {\n tabs: TabbedPanelTab[];\n activeTab?: string;\n defaultTab?: string;\n onTabChange?: (tabId: string) => void;\n onChange?: (tabId: string) => void;\n label?: string;\n hint?: string;\n ariaLabel?: string;\n className?: string;\n navClassName?: string;\n panelClassName?: string;\n}\n\nexport function TabbedPanel({\n tabs,\n activeTab,\n defaultTab,\n onTabChange,\n onChange,\n label,\n hint,\n ariaLabel,\n className = \"\",\n navClassName = \"\",\n panelClassName = \"\",\n}: TabbedPanelProps) {\n const isControlled = typeof activeTab === \"string\";\n const initialTabId = defaultTab || activeTab || tabs[0]?.id || \"\";\n const [internalTabId, setInternalTabId] = React.useState(initialTabId);\n const currentTabId = isControlled ? activeTab || tabs[0]?.id || \"\" : internalTabId;\n const currentTab = tabs.find((tab) => tab.id === currentTabId) ?? tabs[0];\n\n React.useEffect(() => {\n if (!tabs.length) {\n return;\n }\n\n if (tabs.some((tab) => tab.id === currentTabId)) {\n return;\n }\n\n const fallbackTabId = defaultTab || activeTab || tabs[0]?.id || \"\";\n if (!isControlled) {\n setInternalTabId(fallbackTabId);\n }\n onTabChange?.(fallbackTabId);\n onChange?.(fallbackTabId);\n }, [activeTab, currentTabId, defaultTab, isControlled, onChange, onTabChange, tabs]);\n\n const handleSelect = React.useCallback(\n (tabId: string) => {\n if (!isControlled) {\n setInternalTabId(tabId);\n }\n onTabChange?.(tabId);\n onChange?.(tabId);\n },\n [isControlled, onChange, onTabChange],\n );\n\n return (\n <div className={`${styles.root} ${className}`.trim()}>\n {label || hint ? (\n <div className={styles.header}>\n {label ? <div className={styles.label}>{label}</div> : null}\n {hint ? <div className={styles.hint}>{hint}</div> : null}\n </div>\n ) : null}\n <div className={`${styles.tabs} ${navClassName}`.trim()} role=\"tablist\" aria-label={ariaLabel || label}>\n {tabs.map((tab) => {\n const isActive = tab.id === currentTab?.id;\n return (\n <button\n key={tab.id}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n disabled={tab.disabled}\n className={`${styles.tab} ${isActive ? styles.tabActive : \"\"}`.trim()}\n onClick={() => handleSelect(tab.id)}\n >\n {tab.label}\n </button>\n );\n })}\n </div>\n <div className={`${styles.panel} ${panelClassName}`.trim()} role=\"tabpanel\">\n <div className={styles.panelBody}>{currentTab?.content ?? currentTab?.panel ?? null}</div>\n </div>\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeToggle.js","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAS9C,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,MAAM,EACrB,SAAS,GAAG,EAAE,EACd,aAAa,GACI;IACjB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,YAAY,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAA4B,CAAC;QACtF,MAAM,YAAY,GAAG,UAAU,IAAI,YAAY,CAAC;QAChD,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAClD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC9D,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAC3E,OAAO,EAAE,WAAW,gBACR,aAAa,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,EACnE,KAAK,EAAE,aAAa,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,YAE7D,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrF,CACV,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ThemeToggle.js","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAS9C,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,MAAM,EACrB,SAAS,GAAG,EAAE,EACd,aAAa,GACI;IACjB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,YAAY,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAA4B,CAAC;QACtF,MAAM,YAAY,GAAG,UAAU,IAAI,YAAY,CAAC;QAChD,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAClD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC9D,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAC3E,OAAO,EAAE,WAAW,gBACR,aAAa,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,EACnE,KAAK,EAAE,aAAa,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAO,YAE7D,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrF,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { MoonIcon, SunIcon } from \"@steez-ui/icons\";\n\nimport styles from \"./ThemeToggle.module.css\";\n\nexport interface ThemeToggleProps {\n storageKey?: string;\n defaultTheme?: \"dark\" | \"light\";\n className?: string;\n onThemeChange?: (theme: \"dark\" | \"light\") => void;\n}\n\nexport function ThemeToggle({\n storageKey = \"theme\",\n defaultTheme = \"dark\",\n className = \"\",\n onThemeChange,\n}: ThemeToggleProps) {\n const [theme, setTheme] = useState<\"dark\" | \"light\">(defaultTheme);\n\n useEffect(() => {\n const savedTheme = window.localStorage.getItem(storageKey) as \"dark\" | \"light\" | null;\n const initialTheme = savedTheme || defaultTheme;\n setTheme(initialTheme);\n document.documentElement.setAttribute(\"data-theme\", initialTheme);\n }, [defaultTheme, storageKey]);\n\n const toggleTheme = () => {\n const newTheme = theme === \"dark\" ? \"light\" : \"dark\";\n setTheme(newTheme);\n window.localStorage.setItem(storageKey, newTheme);\n document.documentElement.setAttribute(\"data-theme\", newTheme);\n onThemeChange?.(newTheme);\n };\n\n return (\n <button\n type=\"button\"\n className={`${styles.themeToggle} ${styles.iconButton} ${className}`.trim()}\n onClick={toggleTheme}\n aria-label={`Switch to ${theme === \"dark\" ? \"light\" : \"dark\"} mode`}\n title={`Switch to ${theme === \"dark\" ? \"light\" : \"dark\"} mode`}\n >\n {theme === \"dark\" ? <SunIcon width={14} height={14} /> : <MoonIcon width={14} height={14} />}\n </button>\n );\n}\n\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ThemedCard.js","sourceRoot":"","sources":["../../src/components/ThemedCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,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,aAC7G,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ThemedCard.js","sourceRoot":"","sources":["../../src/components/ThemedCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,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,aAC7G,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 \"./ThemedCard.module.css\";\n\nexport interface ThemedCardProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n title?: React.ReactNode;\n variant?: \"default\" | \"featured\";\n}\n\nexport function ThemedCard({\n title,\n variant = \"default\",\n className = \"\",\n children,\n ...props\n}: ThemedCardProps) {\n return (\n <div className={`${styles.card} ${variant === \"featured\" ? styles.featured : \"\"} ${className}`.trim()} {...props}>\n {title ? <div className={styles.title}>{title}</div> : null}\n {children}\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"useStableId.js","sourceRoot":"","sources":["../../src/hooks/useStableId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,UAAmB;IAC7D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO,UAAU,IAAI,GAAG,MAAM,IAAI,OAAO,EAAE,CAAC;AAC9C,CAAC"}
1
+ {"version":3,"file":"useStableId.js","sourceRoot":"","sources":["../../src/hooks/useStableId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,UAAmB;IAC7D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO,UAAU,IAAI,GAAG,MAAM,IAAI,OAAO,EAAE,CAAC;AAC9C,CAAC","sourcesContent":["import { useId } from \"react\";\n\nexport function useStableId(prefix: string, explicitId?: string): string {\n const reactId = useId().replace(/:/g, \"\");\n return explicitId || `${prefix}-${reactId}`;\n}\n\n"]}
package/dist/index.d.ts CHANGED
@@ -12,10 +12,12 @@ export { CyberpunkTile, type CyberpunkTileProps } from "./components/CyberpunkTi
12
12
  export { CornerBracketCard, type CornerBracketCardProps } from "./components/CornerBracketCard.js";
13
13
  export { ErrorMessage, type ErrorMessageProps } from "./components/ErrorMessage.js";
14
14
  export { HeartbeatIndicator, HeartbeatPulse, type HeartbeatIndicatorProps, type HeartbeatPulseProps, } from "./components/HeartbeatPulse.js";
15
+ export { HexagonGrid, type HexagonGridProps } from "./components/HexagonGrid.js";
15
16
  export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, type LoadingProgressBarProps, } from "./components/LoadingProgressBar.js";
16
17
  export { MarqueeStrip, type MarqueeStripProps } from "./components/MarqueeStrip.js";
17
18
  export { PageHeader, type PageHeaderProps } from "./components/PageHeader.js";
18
19
  export { PageTemplate, type PageTemplateProps } from "./components/PageTemplate.js";
20
+ export { RuntimeOrbitDiagram, type RuntimeOrbitDiagramProps, type RuntimeOrbitNode, } from "./components/RuntimeOrbitDiagram.js";
19
21
  export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from "./components/SegmentedControl.js";
20
22
  export { StatusMessage, type StatusMessageProps } from "./components/StatusMessage.js";
21
23
  export { StrokedText, type StrokedTextProps } from "./components/StrokedText.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,GACtB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}
package/dist/index.js CHANGED
@@ -12,10 +12,12 @@ export { CyberpunkTile } from "./components/CyberpunkTile.js";
12
12
  export { CornerBracketCard } from "./components/CornerBracketCard.js";
13
13
  export { ErrorMessage } from "./components/ErrorMessage.js";
14
14
  export { HeartbeatIndicator, HeartbeatPulse, } from "./components/HeartbeatPulse.js";
15
+ export { HexagonGrid } from "./components/HexagonGrid.js";
15
16
  export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, } from "./components/LoadingProgressBar.js";
16
17
  export { MarqueeStrip } from "./components/MarqueeStrip.js";
17
18
  export { PageHeader } from "./components/PageHeader.js";
18
19
  export { PageTemplate } from "./components/PageTemplate.js";
20
+ export { RuntimeOrbitDiagram, } from "./components/RuntimeOrbitDiagram.js";
19
21
  export { SegmentedControl, } from "./components/SegmentedControl.js";
20
22
  export { StatusMessage } from "./components/StatusMessage.js";
21
23
  export { StrokedText } from "./components/StrokedText.js";
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,GAEf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,GAGpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,GAGhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,GAEhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,GAElB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,kBAAkB,EAClB,cAAc,GAGf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,gBAAgB,GAGjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,WAAW,EAA8C,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,GAEf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,GAGpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,GAGhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,GAEhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,GAElB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,kBAAkB,EAClB,cAAc,GAGf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,mBAAmB,GAGpB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,gBAAgB,GAGjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,WAAW,EAA8C,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC","sourcesContent":["export { AvatarStage, type AvatarStageProps } from \"./components/AvatarStage.js\";\nexport { BlinkText, type BlinkTextProps } from \"./components/BlinkText.js\";\nexport { Button, type ButtonProps } from \"./components/Button.js\";\nexport { CopyButton, type CopyButtonProps } from \"./components/CopyButton.js\";\nexport { CyberpunkCheckbox, type CyberpunkCheckboxProps } from \"./components/CyberpunkCheckbox.js\";\nexport {\n CyberpunkInput,\n type CyberpunkInputProps,\n} from \"./components/CyberpunkInput.js\";\nexport {\n CyberpunkRadio,\n CyberpunkRadioGroup,\n type CyberpunkRadioGroupProps,\n type CyberpunkRadioProps,\n} from \"./components/CyberpunkRadio.js\";\nexport {\n CyberpunkSelect,\n type CyberpunkSelectOption,\n type CyberpunkSelectProps,\n} from \"./components/CyberpunkSelect.js\";\nexport {\n CyberpunkSlider,\n type CyberpunkSliderProps,\n} from \"./components/CyberpunkSlider.js\";\nexport {\n CyberpunkTextarea,\n type CyberpunkTextareaProps,\n} from \"./components/CyberpunkTextarea.js\";\nexport { CyberpunkTile, type CyberpunkTileProps } from \"./components/CyberpunkTile.js\";\nexport { CornerBracketCard, type CornerBracketCardProps } from \"./components/CornerBracketCard.js\";\nexport { ErrorMessage, type ErrorMessageProps } from \"./components/ErrorMessage.js\";\nexport {\n HeartbeatIndicator,\n HeartbeatPulse,\n type HeartbeatIndicatorProps,\n type HeartbeatPulseProps,\n} from \"./components/HeartbeatPulse.js\";\nexport { HexagonGrid, type HexagonGridProps } from \"./components/HexagonGrid.js\";\nexport {\n LOADING_PROGRESS_SEGMENT_COUNT,\n LoadingProgressBar,\n type LoadingProgressBarProps,\n} from \"./components/LoadingProgressBar.js\";\nexport { MarqueeStrip, type MarqueeStripProps } from \"./components/MarqueeStrip.js\";\nexport { PageHeader, type PageHeaderProps } from \"./components/PageHeader.js\";\nexport { PageTemplate, type PageTemplateProps } from \"./components/PageTemplate.js\";\nexport {\n RuntimeOrbitDiagram,\n type RuntimeOrbitDiagramProps,\n type RuntimeOrbitNode,\n} from \"./components/RuntimeOrbitDiagram.js\";\nexport {\n SegmentedControl,\n type SegmentedControlOption,\n type SegmentedControlProps,\n} from \"./components/SegmentedControl.js\";\nexport { StatusMessage, type StatusMessageProps } from \"./components/StatusMessage.js\";\nexport { StrokedText, type StrokedTextProps } from \"./components/StrokedText.js\";\nexport { TabbedPanel, type TabbedPanelProps, type TabbedPanelTab } from \"./components/TabbedPanel.js\";\nexport { ThemedCard, type ThemedCardProps } from \"./components/ThemedCard.js\";\nexport { ThemeToggle, type ThemeToggleProps } from \"./components/ThemeToggle.js\";\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steez-ui/ui",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "React primitives authored with CSS modules for Steez UI.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -12,8 +12,8 @@
12
12
  "react-dom": ">=18"
13
13
  },
14
14
  "dependencies": {
15
- "@steez-ui/icons": "^0.1.4",
16
- "@steez-ui/theme": "^0.1.4"
15
+ "@steez-ui/icons": "^0.1.5",
16
+ "@steez-ui/theme": "^0.1.5"
17
17
  },
18
18
  "exports": {
19
19
  ".": {