@steez-ui/ui 0.1.3 → 0.1.4

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.4`
+- `@steez-ui/icons@0.1.4`
+- `@steez-ui/ui@0.1.4`
 
 ## 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"}

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"}

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/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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"}

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/MarqueeStrip.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface MarqueeStripProps<T> extends React.HTMLAttributes<HTMLDivElement> {
+    items: readonly T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    ariaLabel?: string;
+    durationSeconds?: number;
+    gap?: number | string;
+    pauseOnHover?: boolean;
+    trackClassName?: string;
+    itemClassName?: string;
+}
+export declare function MarqueeStrip<T>({ items, renderItem, ariaLabel, durationSeconds, gap, pauseOnHover, className, trackClassName, itemClassName, style, ...props }: MarqueeStripProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarqueeStrip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarqueeStrip.d.ts","sourceRoot":"","sources":["../../src/components/MarqueeStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAoB,EACpB,GAAc,EACd,YAAoB,EACpB,SAAc,EACd,cAAmB,EACnB,aAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA6BtB"}

package/dist/components/MarqueeStrip.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from "./MarqueeStrip.module.css";
+export function MarqueeStrip({ items, renderItem, ariaLabel, durationSeconds = 24, gap = "0.7rem", pauseOnHover = false, className = "", trackClassName = "", itemClassName = "", style, ...props }) {
+    const doubledItems = [...items, ...items];
+    const mergedStyle = {
+        ...style,
+        ["--marquee-duration"]: `${durationSeconds}s`,
+        ["--marquee-gap"]: typeof gap === "number" ? `${gap}px` : gap,
+    };
+    return (_jsx("div", { className: `${styles.root} ${pauseOnHover ? styles.pauseOnHover : ""} ${className}`.trim(), "aria-label": ariaLabel, style: mergedStyle, ...props, children: _jsx("div", { className: `${styles.track} ${trackClassName}`.trim(), children: doubledItems.map((item, index) => (_jsx("div", { className: `${styles.item} ${itemClassName}`.trim(), "aria-hidden": index >= items.length, children: renderItem(item, index % items.length) }, index))) }) }));
+}
+//# sourceMappingURL=MarqueeStrip.js.map

package/dist/components/MarqueeStrip.js.map

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

package/dist/components/MarqueeStrip.module.css

@@ -0,0 +1,36 @@
+.root {
+  position: relative;
+  overflow: hidden;
+}
+
+.track {
+  display: flex;
+  align-items: center;
+  gap: var(--marquee-gap, 0.7rem);
+  width: max-content;
+  animation: marqueeStrip var(--marquee-duration, 24s) linear infinite;
+}
+
+.pauseOnHover:hover .track {
+  animation-play-state: paused;
+}
+
+.item {
+  flex: 0 0 auto;
+}
+
+@keyframes marqueeStrip {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(calc(-50% - (var(--marquee-gap, 0.7rem) / 2)));
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .track {
+    animation: none;
+  }
+}

package/dist/components/StrokedText.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface StrokedTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: React.ReactNode;
+    color?: string;
+    strokeWidth?: number | string;
+    animateOnMount?: boolean;
+    fallbackOpacity?: number;
+}
+export declare function StrokedText({ children, color, strokeWidth, animateOnMount, fallbackOpacity, className, style, ...props }: StrokedTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StrokedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StrokedText.d.ts","sourceRoot":"","sources":["../../src/components/StrokedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAyC,EACzC,cAAsB,EACtB,eAAsB,EACtB,SAAc,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAkBlB"}

package/dist/components/StrokedText.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from "./StrokedText.module.css";
+export function StrokedText({ children, color, strokeWidth = "clamp(1px, 0.11vw, 1.8px)", animateOnMount = false, fallbackOpacity = 0.18, className = "", style, ...props }) {
+    const mergedStyle = {
+        ...style,
+        ["--stroked-text-color"]: color,
+        ["--stroked-text-width"]: typeof strokeWidth === "number" ? `${strokeWidth}px` : strokeWidth,
+        ["--stroked-text-fallback-opacity"]: String(fallbackOpacity),
+    };
+    return (_jsx("span", { className: `${styles.root} ${animateOnMount ? styles.animateOnMount : ""} ${className}`.trim(), style: mergedStyle, ...props, children: children }));
+}
+//# sourceMappingURL=StrokedText.js.map

package/dist/components/StrokedText.js.map

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

package/dist/components/StrokedText.module.css

@@ -0,0 +1,63 @@
+.root {
+  display: inline-flex;
+  align-items: center;
+  color: transparent;
+  -webkit-text-stroke: var(--stroked-text-width, 1px)
+    var(--stroked-text-color, var(--accent-primary));
+  paint-order: stroke fill;
+  white-space: nowrap;
+}
+
+.animateOnMount {
+  animation: strokedTextBlink 1s steps(1, end) 0.18s both;
+}
+
+@supports not (-webkit-text-stroke: 1px black) {
+  .root {
+    color: var(--stroked-text-color, var(--accent-primary));
+  }
+
+  .animateOnMount {
+    animation: strokedTextFallbackBlink 1s steps(1, end) 0.18s both;
+  }
+}
+
+@keyframes strokedTextBlink {
+  0%,
+  14%,
+  32%,
+  50%,
+  68%,
+  100% {
+    color: transparent;
+    -webkit-text-stroke-color: var(--stroked-text-color, var(--accent-primary));
+  }
+
+  18%,
+  36%,
+  54%,
+  72%,
+  90% {
+    color: var(--stroked-text-color, var(--accent-primary));
+    -webkit-text-stroke-color: transparent;
+  }
+}
+
+@keyframes strokedTextFallbackBlink {
+  0%,
+  14%,
+  32%,
+  50%,
+  68%,
+  100% {
+    opacity: var(--stroked-text-fallback-opacity, 0.18);
+  }
+
+  18%,
+  36%,
+  54%,
+  72%,
+  90% {
+    opacity: 1;
+  }
+}

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { AvatarStage, type AvatarStageProps } from "./components/AvatarStage.js";
+export { BlinkText, type BlinkTextProps } from "./components/BlinkText.js";
 export { Button, type ButtonProps } from "./components/Button.js";
 export { CopyButton, type CopyButtonProps } from "./components/CopyButton.js";
 export { CyberpunkCheckbox, type CyberpunkCheckboxProps } from "./components/CyberpunkCheckbox.js";
@@ -9,11 +11,14 @@ export { CyberpunkTextarea, type CyberpunkTextareaProps, } from "./components/Cy
 export { CyberpunkTile, type CyberpunkTileProps } from "./components/CyberpunkTile.js";
 export { CornerBracketCard, type CornerBracketCardProps } from "./components/CornerBracketCard.js";
 export { ErrorMessage, type ErrorMessageProps } from "./components/ErrorMessage.js";
+export { HeartbeatIndicator, HeartbeatPulse, type HeartbeatIndicatorProps, type HeartbeatPulseProps, } from "./components/HeartbeatPulse.js";
 export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, type LoadingProgressBarProps, } from "./components/LoadingProgressBar.js";
+export { MarqueeStrip, type MarqueeStripProps } from "./components/MarqueeStrip.js";
 export { PageHeader, type PageHeaderProps } from "./components/PageHeader.js";
 export { PageTemplate, type PageTemplateProps } from "./components/PageTemplate.js";
 export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from "./components/SegmentedControl.js";
 export { StatusMessage, type StatusMessageProps } from "./components/StatusMessage.js";
+export { StrokedText, type StrokedTextProps } from "./components/StrokedText.js";
 export { TabbedPanel, type TabbedPanelProps, type TabbedPanelTab } from "./components/TabbedPanel.js";
 export { ThemedCard, type ThemedCardProps } from "./components/ThemedCard.js";
 export { ThemeToggle, type ThemeToggleProps } from "./components/ThemeToggle.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,8BAA8B,EAC9B,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,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,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"}
+{"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"}

package/dist/index.js

@@ -1,3 +1,5 @@
+export { AvatarStage } from "./components/AvatarStage.js";
+export { BlinkText } from "./components/BlinkText.js";
 export { Button } from "./components/Button.js";
 export { CopyButton } from "./components/CopyButton.js";
 export { CyberpunkCheckbox } from "./components/CyberpunkCheckbox.js";
@@ -9,11 +11,14 @@ export { CyberpunkTextarea, } from "./components/CyberpunkTextarea.js";
 export { CyberpunkTile } from "./components/CyberpunkTile.js";
 export { CornerBracketCard } from "./components/CornerBracketCard.js";
 export { ErrorMessage } from "./components/ErrorMessage.js";
+export { HeartbeatIndicator, HeartbeatPulse, } from "./components/HeartbeatPulse.js";
 export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, } from "./components/LoadingProgressBar.js";
+export { MarqueeStrip } from "./components/MarqueeStrip.js";
 export { PageHeader } from "./components/PageHeader.js";
 export { PageTemplate } from "./components/PageTemplate.js";
 export { SegmentedControl, } from "./components/SegmentedControl.js";
 export { StatusMessage } from "./components/StatusMessage.js";
+export { StrokedText } from "./components/StrokedText.js";
 export { TabbedPanel } from "./components/TabbedPanel.js";
 export { ThemedCard } from "./components/ThemedCard.js";
 export { ThemeToggle } from "./components/ThemeToggle.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,8BAA8B,EAC9B,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,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,EAA8C,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steez-ui/ui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "React primitives authored with CSS modules for Steez UI.",
   "license": "MIT",
   "type": "module",
@@ -12,8 +12,8 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@steez-ui/icons": "^0.1.3",
-    "@steez-ui/theme": "^0.1.3"
+    "@steez-ui/icons": "^0.1.4",
+    "@steez-ui/theme": "^0.1.4"
   },
   "exports": {
     ".": {