@cloudgrid-io/ui 0.14.0 → 0.15.0

package/dist/blocks/celebration.d.ts

@@ -0,0 +1,16 @@
+export interface CelebrationProps {
+    /**
+     * Called once, when the burst has finished and the overlay is gone. Under
+     * reduced motion it is called immediately instead.
+     */
+    onDone?: () => void;
+    /** Milliseconds. Read once at mount, clamped. */
+    duration?: number;
+    /** Read once at mount, clamped. */
+    particleCount?: number;
+    /** Applied to the overlay canvas. */
+    className?: string;
+}
+declare function Celebration({ onDone, duration, particleCount, className }: CelebrationProps): null;
+export { Celebration };
+//# sourceMappingURL=celebration.d.ts.map

package/dist/blocks/celebration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"celebration.d.ts","sourceRoot":"","sources":["../../src/blocks/celebration.tsx"],"names":[],"mappings":"AAgIA,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwCD,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,QAqJpF;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/celebration.js

@@ -0,0 +1,259 @@
+"use client";
+import * as React from "react";
+/**
+ * One burst of confetti, and then it is gone.
+ *
+ * ## Why this exists (#160)
+ *
+ * The onboarding welcome screen wanted a celebration. Written inline in the
+ * console it would be a canvas animation carrying its own hardcoded palette,
+ * living beside the screen that happens to use it first, and a second screen
+ * that wanted one would get a second copy. So it is a component, and its colours
+ * come out of the token layer like everything else here.
+ *
+ * ## What it does
+ *
+ * Mounts, paints a single burst over the viewport, removes itself, and calls
+ * `onDone`. It never loops, never fires twice, and never restarts because its
+ * parent re-rendered or handed it a new prop. Mount it to celebrate; unmount is
+ * not required, since it takes its own overlay away when the burst is over.
+ *
+ * ```tsx
+ * {justPlugged ? <Celebration onDone={() => setJustPlugged(false)} /> : null}
+ * ```
+ *
+ * ## Reduced motion
+ *
+ * `prefers-reduced-motion: reduce` renders nothing at all — no canvas is
+ * created — and `onDone` fires immediately, on the same tick as the mount. That
+ * second half is the important one: a caller may gate a screen transition on
+ * `onDone`, and it must not sit for 1.8s waiting for an animation that is never
+ * going to run. The celebration is decoration; the screen is the message.
+ *
+ * A **static accent** — the same burst painted once and held, rather than
+ * animated — is the obvious future alternative, and it would slot in here with
+ * no API change: same mount, same `onDone`, one `drawFrame` call instead of a
+ * loop. It is deliberately not shipped yet, because an accent that only
+ * reduced-motion users ever see is a second design and nobody has drawn it.
+ *
+ * ## Colour
+ *
+ * `--cg-primary`, `--cg-secondary` and `--cg-tertiary`, resolved off the
+ * document root once at mount. Canvas takes colour strings rather than CSS
+ * variables, so the read has to happen somewhere; doing it at mount keeps it off
+ * the per-frame path and means a re-theme moves the confetti with everything
+ * else. The ROOT is read deliberately, not the nearest surface: this overlay
+ * belongs to the viewport, not to whichever panel mounted it.
+ *
+ * If none of the three resolve — a consumer who never imported `tokens.css` —
+ * the fallback is the overlay's own inherited text colour. Never a hardcoded
+ * one: a brand effect that invents a brand is exactly what the token layer
+ * exists to prevent.
+ *
+ * ## What it costs
+ *
+ * Nothing at import time, no dependency beyond React, and no node in the
+ * caller's tree — the component renders `null` and the overlay hangs off
+ * `document.body`. That last part is not a shortcut. A `position: fixed`
+ * element is positioned against the nearest ancestor carrying a `transform`,
+ * `filter` or `will-change`, and an onboarding screen is exactly the kind of
+ * surface that animates its own container, so an overlay rendered in place
+ * would cover the viewport everywhere it was tested and cover a card where it
+ * shipped.
+ *
+ * ## Props
+ *
+ * - `onDone` — called once, when the burst is over. Not called if the component
+ *   is unmounted mid-burst: the caller who unmounted it already knows.
+ * - `duration` — milliseconds, default {@link DEFAULT_DURATION_MS}, clamped to
+ *   {@link MIN_DURATION_MS}–{@link MAX_DURATION_MS}. A celebration is a moment,
+ *   not a state.
+ * - `particleCount` — default {@link DEFAULT_PARTICLE_COUNT}, capped at
+ *   {@link MAX_PARTICLE_COUNT}.
+ * - `className` — lands on the overlay canvas. Its position, inset,
+ *   pointer-events and stacking are inline and win over a utility, because those
+ *   four are the contract rather than a default.
+ *
+ * `duration` and `particleCount` are read ONCE, at mount. Changing them later
+ * does nothing, deliberately: a burst that restarted when its parent re-rendered
+ * with a new number is the "repeats on re-render" defect wearing a plausible
+ * face. `onDone` is the exception and is always the current one.
+ */
+/** A celebration is a moment. Long enough to register, short enough to leave. */
+const DEFAULT_DURATION_MS = 1800;
+const MIN_DURATION_MS = 300;
+const MAX_DURATION_MS = 8000;
+/** Conservative on purpose: this runs on the first screen a new person sees. */
+const DEFAULT_PARTICLE_COUNT = 90;
+const MAX_PARTICLE_COUNT = 400;
+/** The brand ramp, in the order the burst cycles it. */
+const RAMP = ["--cg-primary", "--cg-secondary", "--cg-tertiary"];
+/**
+ * Above application chrome, below a browser's own UI. Inline rather than a
+ * token because it is a stacking decision, not a brand one.
+ */
+const OVERLAY_Z_INDEX = 9999;
+/** Per frame at 60fps, which is what `dt` normalises to. */
+const GRAVITY = 0.4;
+const DRAG = 0.99;
+/** The share of the burst that plays at full opacity before it fades out. */
+const FADE_FROM = 0.7;
+/** Retina is worth paying for; a 3x phone is not, for 90 rectangles. */
+const MAX_PIXEL_RATIO = 2;
+const clamp = (value, low, high) => Math.min(high, Math.max(low, value));
+/**
+ * A cone of scraps thrown up from a little above the middle of the screen.
+ *
+ * Minted once per burst and kept, so a React strict-mode remount resumes the
+ * same confetti rather than throwing a second handful. See the effect.
+ */
+function mint(count, width, height, palette) {
+    const originX = width / 2;
+    const originY = height * 0.45;
+    const particles = [];
+    for (let i = 0; i < count; i++) {
+        // Straight up, give or take a radian either way. Wide enough to read as a
+        // burst, narrow enough that most of it stays on the screen it decorates.
+        const angle = -Math.PI / 2 + (Math.random() - 0.5) * 2;
+        const speed = 6 + Math.random() * 8;
+        particles.push({
+            x: originX + (Math.random() - 0.5) * width * 0.1,
+            y: originY + (Math.random() - 0.5) * 20,
+            vx: Math.cos(angle) * speed,
+            vy: Math.sin(angle) * speed,
+            rot: Math.random() * Math.PI * 2,
+            spin: (Math.random() - 0.5) * 0.3,
+            w: 6 + Math.random() * 6,
+            h: 9 + Math.random() * 7,
+            wobble: Math.random() * Math.PI * 2,
+            wobbleRate: 0.08 + Math.random() * 0.1,
+            colour: palette[i % palette.length],
+        });
+    }
+    return particles;
+}
+function Celebration({ onDone, duration, particleCount, className }) {
+    // The callback is kept fresh; the numbers are not. See the props note above.
+    const onDoneRef = React.useRef(onDone);
+    React.useEffect(() => {
+        onDoneRef.current = onDone;
+    });
+    // useRef keeps its FIRST argument for the life of the component, which is
+    // exactly "read once at mount" without a second hook to say so.
+    const settings = React.useRef({ duration, particleCount, className });
+    /**
+     * The burst's own state, on a ref so it survives what React does to effects.
+     *
+     * Strict mode runs an effect, cleans it up, and runs it again. The naive guard
+     * — a boolean that makes the second run a no-op — is worse than none: the
+     * first run's cleanup has already cancelled the frame and removed the canvas,
+     * so it produces a component that animates nothing in development and
+     * correctly in production.
+     *
+     * One burst means one CLOCK, not one effect run. `startedAt` and `particles`
+     * are minted on the first run only, so a second run re-creates the canvas and
+     * resumes the same confetti at the elapsed time the clock says. `finished`
+     * short-circuits everything after, so `onDone` cannot fire twice.
+     */
+    const run = React.useRef({ startedAt: null, particles: null, finished: false });
+    React.useEffect(() => {
+        const state = run.current;
+        if (state.finished)
+            return;
+        const finish = () => {
+            if (state.finished)
+                return;
+            state.finished = true;
+            onDoneRef.current?.();
+        };
+        const reduced = typeof window.matchMedia === "function" &&
+            window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        if (reduced) {
+            finish();
+            return;
+        }
+        const durationMs = clamp(settings.current.duration ?? DEFAULT_DURATION_MS, MIN_DURATION_MS, MAX_DURATION_MS);
+        const count = Math.round(clamp(settings.current.particleCount ?? DEFAULT_PARTICLE_COUNT, 0, MAX_PARTICLE_COUNT));
+        const canvas = document.createElement("canvas");
+        canvas.dataset.slot = "celebration";
+        canvas.setAttribute("aria-hidden", "true");
+        if (settings.current.className)
+            canvas.className = settings.current.className;
+        // width/height are not redundant beside inset: a <canvas> is a REPLACED
+        // element, and an absolutely positioned replaced box with auto width keeps
+        // its INTRINSIC size rather than stretching to its offsets.
+        canvas.style.cssText =
+            "position:fixed;inset:0;width:100%;height:100%;" +
+                `pointer-events:none;z-index:${OVERLAY_Z_INDEX}`;
+        document.body.appendChild(canvas);
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+            canvas.remove();
+            finish();
+            return;
+        }
+        const width = window.innerWidth;
+        const height = window.innerHeight;
+        const ratio = Math.min(window.devicePixelRatio || 1, MAX_PIXEL_RATIO);
+        canvas.width = Math.round(width * ratio);
+        canvas.height = Math.round(height * ratio);
+        ctx.scale(ratio, ratio);
+        const rootStyle = getComputedStyle(document.documentElement);
+        const palette = RAMP.map((name) => rootStyle.getPropertyValue(name).trim()).filter(Boolean);
+        if (palette.length === 0)
+            palette.push(getComputedStyle(canvas).color);
+        if (state.particles === null)
+            state.particles = mint(count, width, height, palette);
+        if (state.startedAt === null)
+            state.startedAt = performance.now();
+        const particles = state.particles;
+        const startedAt = state.startedAt;
+        let last = performance.now();
+        let frame = 0;
+        const step = (now) => {
+            const progress = (now - startedAt) / durationMs;
+            if (progress >= 1) {
+                canvas.remove();
+                finish();
+                return;
+            }
+            // Normalised to a 60fps frame and capped, so a backgrounded tab resumes
+            // rather than teleporting every scrap off the bottom of the screen.
+            const dt = Math.min(now - last, 64) / (1000 / 60);
+            last = now;
+            ctx.clearRect(0, 0, width, height);
+            ctx.globalAlpha =
+                progress < FADE_FROM ? 1 : 1 - (progress - FADE_FROM) / (1 - FADE_FROM);
+            for (const p of particles) {
+                p.vy += GRAVITY * dt;
+                p.vx *= DRAG ** dt;
+                p.vy *= DRAG ** dt;
+                p.x += p.vx * dt;
+                p.y += p.vy * dt;
+                p.rot += p.spin * dt;
+                p.wobble += p.wobbleRate * dt;
+                ctx.save();
+                ctx.translate(p.x, p.y);
+                ctx.rotate(p.rot);
+                ctx.scale(1, Math.cos(p.wobble));
+                ctx.fillStyle = p.colour;
+                ctx.fillRect(-p.w / 2, -p.h / 2, p.w, p.h);
+                ctx.restore();
+            }
+            frame = requestAnimationFrame(step);
+        };
+        frame = requestAnimationFrame(step);
+        return () => {
+            cancelAnimationFrame(frame);
+            canvas.remove();
+        };
+        // Mount only. Every prop this effect reads is read through a ref, precisely
+        // so that a changed prop cannot re-run it and start a second burst.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Nothing in the caller's tree, on the server or on the client. The overlay is
+    // the effect's, and it lives on document.body.
+    return null;
+}
+export { Celebration };
+//# sourceMappingURL=celebration.js.map

package/dist/blocks/celebration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"celebration.js","sourceRoot":"","sources":["../../src/blocks/celebration.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export * from "./ui/textarea.js";
 export * from "./ui/tooltip.js";
 export * from "./blocks/agent-prompt.js";
 export * from "./blocks/card-grid.js";
+export * from "./blocks/celebration.js";
 export * from "./blocks/compare-table.js";
 export * from "./blocks/creation-tile.js";
 export * from "./blocks/cta-banner.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}

package/dist/index.js

@@ -40,6 +40,7 @@ export * from "./ui/tooltip.js";
 // Composed blocks.
 export * from "./blocks/agent-prompt.js";
 export * from "./blocks/card-grid.js";
+export * from "./blocks/celebration.js";
 export * from "./blocks/compare-table.js";
 export * from "./blocks/creation-tile.js";
 export * from "./blocks/cta-banner.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudgrid-io/ui",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "CloudGrid design system: React components, brand design tokens, Tailwind theme, self-hosted fonts.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",