@steez-ui/ui 0.1.3 → 0.1.5

package/README.md

@@ -15,6 +15,7 @@ Live surfaces:
 
 - Registry frontend: `https://steez-ui-6v5.pages.dev`
 - Docs: `https://steez-ui-6v5.pages.dev/docs/`
+- Components: `https://steez-ui-6v5.pages.dev/components/`
 - Packages: `https://steez-ui-6v5.pages.dev/packages/`
 - Registry page: `https://steez-ui-6v5.pages.dev/registry/`
 - Registry index: `https://steez-ui-6v5.pages.dev/r/index.json`
@@ -75,6 +76,7 @@ bun run test:install-smoke
 Useful commands:
 
 - `bun run generate:registry`
+- `bun run generate:component-pages`
 - `bun run check:release`
 - `bun run publish:packages:dry-run`
 - `bun run publish:packages`
@@ -85,8 +87,9 @@ Useful commands:
 1. Build or update the component in `packages/ui/src/components`.
 2. Export it from `packages/ui/src/index.ts`.
 3. Add or update the registry item definition in `scripts/generate-registry.mjs`.
-4. Run `bun run build` and `bun run test`.
-5. Confirm the registry frontend reflects the new component or install path.
+4. Add or update the docs metadata and preview in `apps/registry/src/components-docs/`.
+5. Run `bun run build` and `bun run test`.
+6. Confirm the registry frontend reflects the new component or install path.
 
 ## Release Flow
 
@@ -98,9 +101,9 @@ GitHub Actions mirror the same CI, npm publish, and Cloudflare Pages deploy path
 
 ## Current Packages
 
-- `@steez-ui/theme@0.1.3`
-- `@steez-ui/icons@0.1.3`
-- `@steez-ui/ui@0.1.3`
+- `@steez-ui/theme@0.1.5`
+- `@steez-ui/icons@0.1.5`
+- `@steez-ui/ui@0.1.5`
 
 ## External Setup
 

package/dist/components/AvatarStage.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AvatarStageProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    backdrop?: React.ReactNode;
+    stageHeight?: number | string;
+    viewportWidth?: number | string;
+    viewportClassName?: string;
+}
+export declare function AvatarStage({ children, backdrop, stageHeight, viewportWidth, className, viewportClassName, style, ...props }: AvatarStageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AvatarStage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStage.d.ts","sourceRoot":"","sources":["../../src/components/AvatarStage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,WAAqB,EACrB,aAAkC,EAClC,SAAc,EACd,iBAAsB,EACtB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAelB"}

package/dist/components/AvatarStage.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./AvatarStage.module.css";
+export function AvatarStage({ children, backdrop, stageHeight = "34rem", viewportWidth = "min(100%, 30rem)", className = "", viewportClassName = "", style, ...props }) {
+    const mergedStyle = {
+        ...style,
+        ["--avatar-stage-height"]: typeof stageHeight === "number" ? `${stageHeight}px` : stageHeight,
+        ["--avatar-stage-viewport-width"]: typeof viewportWidth === "number" ? `${viewportWidth}px` : viewportWidth,
+    };
+    return (_jsxs("div", { className: `${styles.root} ${className}`.trim(), style: mergedStyle, ...props, children: [backdrop ? _jsx("div", { className: styles.backdrop, children: backdrop }) : null, _jsx("div", { className: `${styles.viewport} ${viewportClassName}`.trim(), children: children })] }));
+}
+//# sourceMappingURL=AvatarStage.js.map

package/dist/components/AvatarStage.js.map

@@ -0,0 +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"]}

package/dist/components/AvatarStage.module.css

@@ -0,0 +1,34 @@
+.root {
+  position: relative;
+  display: grid;
+  align-items: end;
+  justify-items: center;
+  min-height: var(--avatar-stage-height, 34rem);
+  overflow: hidden;
+  isolation: isolate;
+}
+
+.root::after {
+  content: "";
+  position: absolute;
+  inset-inline: 0;
+  bottom: 0;
+  z-index: 2;
+  border-bottom: 1px solid color-mix(in srgb, var(--border-color) 78%, transparent);
+  pointer-events: none;
+}
+
+.backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+}
+
+.viewport {
+  position: relative;
+  z-index: 1;
+  width: var(--avatar-stage-viewport-width, min(100%, 30rem));
+  max-width: 100%;
+  height: 100%;
+  min-height: var(--avatar-stage-height, 34rem);
+}

package/dist/components/BlinkText.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type BlinkTrigger = "mount" | "hover" | "always";
+export interface BlinkTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: React.ReactNode;
+    trigger?: BlinkTrigger;
+    durationMs?: number;
+    iterations?: number | "infinite";
+    delayMs?: number;
+    dimOpacity?: number;
+}
+export declare function BlinkText({ children, trigger, durationMs, iterations, delayMs, dimOpacity, className, style, ...props }: BlinkTextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BlinkText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlinkText.d.ts","sourceRoot":"","sources":["../../src/components/BlinkText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAiB,EACjB,UAAgB,EAChB,UAAc,EACd,OAAW,EACX,UAAiB,EACjB,SAAc,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAmBhB"}

package/dist/components/BlinkText.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from "./BlinkText.module.css";
+export function BlinkText({ children, trigger = "hover", durationMs = 420, iterations = 3, delayMs = 0, dimOpacity = 0.12, className = "", style, ...props }) {
+    const mergedStyle = {
+        ...style,
+        ["--blink-duration"]: `${durationMs}ms`,
+        ["--blink-iterations"]: iterations === "infinite" ? "infinite" : String(iterations),
+        ["--blink-delay"]: `${delayMs}ms`,
+        ["--blink-dim-opacity"]: String(dimOpacity),
+    };
+    return (_jsx("span", { className: `${styles.root} ${styles[trigger]} ${className}`.trim(), style: mergedStyle, ...props, children: children }));
+}
+//# sourceMappingURL=BlinkText.js.map

package/dist/components/BlinkText.js.map

@@ -0,0 +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"]}

package/dist/components/BlinkText.module.css

@@ -0,0 +1,40 @@
+.root {
+  display: inline-flex;
+  align-items: center;
+}
+
+.mount {
+  animation: blinkText var(--blink-duration, 420ms) steps(2, end)
+    var(--blink-delay, 0ms) var(--blink-iterations, 3);
+}
+
+.always {
+  animation: blinkText var(--blink-duration, 420ms) steps(2, end)
+    var(--blink-delay, 0ms) infinite;
+}
+
+.hover:hover {
+  animation: blinkText var(--blink-duration, 420ms) steps(2, end)
+    var(--blink-delay, 0ms) var(--blink-iterations, 3);
+}
+
+@keyframes blinkText {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    opacity: var(--blink-dim-opacity, 0.12);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    opacity: 1;
+  }
+}

package/dist/components/Button.js.map

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

package/dist/components/CopyButton.js.map

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

package/dist/components/CornerBracketCard.js.map

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

package/dist/components/CyberpunkCheckbox.js.map

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

package/dist/components/CyberpunkInput.js.map

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

package/dist/components/CyberpunkRadio.js.map

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

package/dist/components/CyberpunkSelect.js.map

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

package/dist/components/CyberpunkSlider.js.map

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

package/dist/components/CyberpunkTextarea.js.map

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

package/dist/components/CyberpunkTile.js.map

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

package/dist/components/ErrorMessage.js.map

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

package/dist/components/HeartbeatPulse.d.ts

@@ -0,0 +1,19 @@
+export interface HeartbeatPulseProps {
+    intervalMinutes?: number;
+    size?: number;
+    width?: number;
+    height?: number;
+    color?: string;
+    active?: boolean;
+    variant?: "orb" | "line";
+    className?: string;
+}
+export declare function HeartbeatPulse({ intervalMinutes, size, width, height, color, active, variant, className, }: HeartbeatPulseProps): import("react/jsx-runtime").JSX.Element;
+export interface HeartbeatIndicatorProps {
+    intervalMinutes?: number;
+    active?: boolean;
+    label?: string;
+    color?: string;
+}
+export declare function HeartbeatIndicator({ intervalMinutes, active, label, color, }: HeartbeatIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeartbeatPulse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeartbeatPulse.d.ts","sourceRoot":"","sources":["../../src/components/HeartbeatPulse.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,eAAoB,EACpB,IAAS,EACT,KAAK,EACL,MAAM,EACN,KAA+B,EAC/B,MAAa,EACb,OAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CAiNrB;AAED,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAAoB,EACpB,MAAa,EACb,KAAK,EACL,KAAK,GACN,EAAE,uBAAuB,2CAyBzB"}

package/dist/components/HeartbeatPulse.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import styles from "./HeartbeatPulse.module.css";
+export function HeartbeatPulse({ intervalMinutes = 30, size = 24, width, height, color = "var(--accent-primary)", active = true, variant = "orb", className = "", }) {
+    const baseDuration = variant === "line"
+        ? Math.max(1.9, Math.min(2.4, intervalMinutes / 15))
+        : 1.2;
+    const animationDuration = active ? `${baseDuration}s` : "0s";
+    const instanceId = React.useId().replace(/:/g, "-");
+    if (variant === "line") {
+        const lineWidth = width ?? Math.max(size * 3, 200);
+        const lineHeight = height ?? Math.max(size, 72);
+        const clipId = `heartbeat-line-clip-${instanceId}`;
+        return (_jsx("div", { className: `${styles.pulseRoot} ${styles.lineRoot} ${className}`.trim(), children: _jsxs("svg", { viewBox: "0 0 200 100", width: lineWidth, height: lineHeight, className: styles.svg, "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsxs("rect", { x: "0", y: "0", width: "0", height: "100", children: [_jsx("animate", { attributeName: "width", values: "0;200;200;0", dur: animationDuration, repeatCount: "indefinite", calcMode: "linear", keyTimes: "0;0.48;0.52;1" }), _jsx("animate", { attributeName: "x", values: "0;0;0;200", dur: animationDuration, repeatCount: "indefinite", calcMode: "linear", keyTimes: "0;0.48;0.52;1" })] }) }) }), _jsx("line", { x1: "2", y1: "58.7", x2: "198", y2: "58.7", stroke: color, strokeWidth: "3", strokeOpacity: active ? "0.18" : "0.08", strokeLinecap: "round" }), _jsx("g", { clipPath: `url(#${clipId})`, children: _jsx("polyline", { fill: "none", strokeWidth: "3", stroke: active ? color : "var(--text-muted)", strokeLinecap: "round", strokeLinejoin: "round", 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", opacity: active ? "1" : "0.35" }) })] }) }));
+    }
+    const viewBoxSize = 100;
+    const center = viewBoxSize / 2;
+    const radius = size / 2 - 4;
+    const clipId = `heartbeat-clip-${instanceId}`;
+    return (_jsx("div", { className: `${styles.pulseRoot} ${className}`.trim(), children: _jsxs("svg", { viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, height: size, className: styles.svg, "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx("rect", { x: "0", y: "0", width: viewBoxSize, height: viewBoxSize, children: _jsx("animate", { attributeName: "x", values: `${viewBoxSize};0;0;${viewBoxSize}`, dur: animationDuration, repeatCount: "indefinite", calcMode: "spline", keySplines: "0.4 0 0.2 1; 0.4 0 0.2 1; 0.4 0 0.2 1", keyTimes: "0;0.5;0.5;1" }) }) }) }), _jsx("circle", { cx: center, cy: center, r: radius, fill: "none", stroke: color, strokeWidth: "2", opacity: "0.3" }), active ? (_jsxs(_Fragment, { children: [_jsxs("circle", { cx: center, cy: center, r: radius, fill: "none", stroke: color, strokeWidth: "2", opacity: "0", children: [_jsx("animate", { attributeName: "r", values: `${radius * 0.8};${radius}`, dur: animationDuration, repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", values: "0.6;0", dur: animationDuration, repeatCount: "indefinite" })] }), _jsxs("circle", { cx: center, cy: center, r: radius, fill: "none", stroke: color, strokeWidth: "1", opacity: "0", children: [_jsx("animate", { attributeName: "r", values: `${radius * 0.5};${radius}`, dur: animationDuration, repeatCount: "indefinite", begin: "0.2s" }), _jsx("animate", { attributeName: "opacity", values: "0.4;0", dur: animationDuration, repeatCount: "indefinite", begin: "0.2s" })] })] })) : null, _jsx("circle", { cx: center, cy: center, r: radius * 0.25, fill: active ? color : "var(--text-muted)", children: active ? (_jsx("animate", { attributeName: "r", values: `${radius * 0.25};${radius * 0.3};${radius * 0.25}`, dur: animationDuration, repeatCount: "indefinite" })) : null }), active ? (_jsx("g", { clipPath: `url(#${clipId})`, children: _jsx("path", { d: `M 0 ${center}
+                  L ${center * 0.3} ${center}
+                  L ${center * 0.4} ${center}
+                  L ${center * 0.5} ${center * 0.2}
+                  L ${center * 0.6} ${center * 1.8}
+                  L ${center * 0.7} ${center}
+                  L ${viewBoxSize} ${center}`, fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.7", children: _jsx("animate", { attributeName: "opacity", values: "0;0.7;0", dur: animationDuration, repeatCount: "indefinite" }) }) })) : null] }) }));
+}
+export function HeartbeatIndicator({ intervalMinutes = 30, active = true, label, color, }) {
+    return (_jsxs("div", { className: styles.indicator, children: [_jsx(HeartbeatPulse, { intervalMinutes: intervalMinutes, active: active, size: 20, color: color }), label !== undefined ? (_jsx("span", { className: `${styles.indicatorLabel} ${active ? styles.indicatorLabelActive : styles.indicatorLabelInactive}`.trim(), style: color
+                    ? { ["--heartbeat-indicator-color"]: color }
+                    : undefined, children: label })) : null] }));
+}
+//# sourceMappingURL=HeartbeatPulse.js.map

package/dist/components/HeartbeatPulse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartbeatPulse.js","sourceRoot":"","sources":["../../src/components/HeartbeatPulse.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport styles from \"./HeartbeatPulse.module.css\";\n\nexport interface HeartbeatPulseProps {\n  intervalMinutes?: number;\n  size?: number;\n  width?: number;\n  height?: number;\n  color?: string;\n  active?: boolean;\n  variant?: \"orb\" | \"line\";\n  className?: string;\n}\n\nexport function HeartbeatPulse({\n  intervalMinutes = 30,\n  size = 24,\n  width,\n  height,\n  color = \"var(--accent-primary)\",\n  active = true,\n  variant = \"orb\",\n  className = \"\",\n}: HeartbeatPulseProps) {\n  const baseDuration =\n    variant === \"line\"\n      ? Math.max(1.9, Math.min(2.4, intervalMinutes / 15))\n      : 1.2;\n  const animationDuration = active ? `${baseDuration}s` : \"0s\";\n  const instanceId = React.useId().replace(/:/g, \"-\");\n\n  if (variant === \"line\") {\n    const lineWidth = width ?? Math.max(size * 3, 200);\n    const lineHeight = height ?? Math.max(size, 72);\n    const clipId = `heartbeat-line-clip-${instanceId}`;\n\n    return (\n      <div className={`${styles.pulseRoot} ${styles.lineRoot} ${className}`.trim()}>\n        <svg\n          viewBox=\"0 0 200 100\"\n          width={lineWidth}\n          height={lineHeight}\n          className={styles.svg}\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <clipPath id={clipId}>\n              <rect x=\"0\" y=\"0\" width=\"0\" height=\"100\">\n                <animate\n                  attributeName=\"width\"\n                  values=\"0;200;200;0\"\n                  dur={animationDuration}\n                  repeatCount=\"indefinite\"\n                  calcMode=\"linear\"\n                  keyTimes=\"0;0.48;0.52;1\"\n                />\n                <animate\n                  attributeName=\"x\"\n                  values=\"0;0;0;200\"\n                  dur={animationDuration}\n                  repeatCount=\"indefinite\"\n                  calcMode=\"linear\"\n                  keyTimes=\"0;0.48;0.52;1\"\n                />\n              </rect>\n            </clipPath>\n          </defs>\n\n          <line\n            x1=\"2\"\n            y1=\"58.7\"\n            x2=\"198\"\n            y2=\"58.7\"\n            stroke={color}\n            strokeWidth=\"3\"\n            strokeOpacity={active ? \"0.18\" : \"0.08\"}\n            strokeLinecap=\"round\"\n          />\n\n          <g clipPath={`url(#${clipId})`}>\n            <polyline\n              fill=\"none\"\n              strokeWidth=\"3\"\n              stroke={active ? color : \"var(--text-muted)\"}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              points=\"2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7\"\n              opacity={active ? \"1\" : \"0.35\"}\n            />\n          </g>\n        </svg>\n      </div>\n    );\n  }\n\n  const viewBoxSize = 100;\n  const center = viewBoxSize / 2;\n  const radius = size / 2 - 4;\n  const clipId = `heartbeat-clip-${instanceId}`;\n\n  return (\n    <div className={`${styles.pulseRoot} ${className}`.trim()}>\n      <svg\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        width={size}\n        height={size}\n        className={styles.svg}\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <rect x=\"0\" y=\"0\" width={viewBoxSize} height={viewBoxSize}>\n              <animate\n                attributeName=\"x\"\n                values={`${viewBoxSize};0;0;${viewBoxSize}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines=\"0.4 0 0.2 1; 0.4 0 0.2 1; 0.4 0 0.2 1\"\n                keyTimes=\"0;0.5;0.5;1\"\n              />\n            </rect>\n          </clipPath>\n        </defs>\n\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth=\"2\"\n          opacity=\"0.3\"\n        />\n\n        {active ? (\n          <>\n            <circle\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"2\"\n              opacity=\"0\"\n            >\n              <animate\n                attributeName=\"r\"\n                values={`${radius * 0.8};${radius}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n              <animate\n                attributeName=\"opacity\"\n                values=\"0.6;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n            </circle>\n\n            <circle\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"1\"\n              opacity=\"0\"\n            >\n              <animate\n                attributeName=\"r\"\n                values={`${radius * 0.5};${radius}`}\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                begin=\"0.2s\"\n              />\n              <animate\n                attributeName=\"opacity\"\n                values=\"0.4;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n                begin=\"0.2s\"\n              />\n            </circle>\n          </>\n        ) : null}\n\n        <circle\n          cx={center}\n          cy={center}\n          r={radius * 0.25}\n          fill={active ? color : \"var(--text-muted)\"}\n        >\n          {active ? (\n            <animate\n              attributeName=\"r\"\n              values={`${radius * 0.25};${radius * 0.3};${radius * 0.25}`}\n              dur={animationDuration}\n              repeatCount=\"indefinite\"\n            />\n          ) : null}\n        </circle>\n\n        {active ? (\n          <g clipPath={`url(#${clipId})`}>\n            <path\n              d={`M 0 ${center}\n                  L ${center * 0.3} ${center}\n                  L ${center * 0.4} ${center}\n                  L ${center * 0.5} ${center * 0.2}\n                  L ${center * 0.6} ${center * 1.8}\n                  L ${center * 0.7} ${center}\n                  L ${viewBoxSize} ${center}`}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              opacity=\"0.7\"\n            >\n              <animate\n                attributeName=\"opacity\"\n                values=\"0;0.7;0\"\n                dur={animationDuration}\n                repeatCount=\"indefinite\"\n              />\n            </path>\n          </g>\n        ) : null}\n      </svg>\n    </div>\n  );\n}\n\nexport interface HeartbeatIndicatorProps {\n  intervalMinutes?: number;\n  active?: boolean;\n  label?: string;\n  color?: string;\n}\n\nexport function HeartbeatIndicator({\n  intervalMinutes = 30,\n  active = true,\n  label,\n  color,\n}: HeartbeatIndicatorProps) {\n  return (\n    <div className={styles.indicator}>\n      <HeartbeatPulse\n        intervalMinutes={intervalMinutes}\n        active={active}\n        size={20}\n        color={color}\n      />\n      {label !== undefined ? (\n        <span\n          className={`${styles.indicatorLabel} ${\n            active ? styles.indicatorLabelActive : styles.indicatorLabelInactive\n          }`.trim()}\n          style={\n            color\n              ? ({ [\"--heartbeat-indicator-color\" as string]: color } as React.CSSProperties)\n              : undefined\n          }\n        >\n          {label}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/components/HeartbeatPulse.module.css

@@ -0,0 +1,34 @@
+.pulseRoot {
+  display: inline-block;
+}
+
+.lineRoot {
+  line-height: 0;
+}
+
+.svg {
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.indicator {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.indicatorLabel {
+  font-family: var(--font-mono);
+  font-size: 0.75rem;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+}
+
+.indicatorLabelActive {
+  color: var(--heartbeat-indicator-color, var(--accent-primary));
+}
+
+.indicatorLabelInactive {
+  color: var(--text-muted);
+}

package/dist/components/HexagonGrid.d.ts

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

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

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