@lab206/ui 0.1.0

package/dist/components/Radio.js.map

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

package/dist/components/ScrollArea.d.ts

@@ -0,0 +1,13 @@
+export type ScrollAreaProps = {
+    /** Max height (CSS length) */
+    maxHeight?: string;
+    class?: string | (() => string);
+    children?: unknown;
+};
+/** Scrollable region with refined scrollbars. */
+export declare const ScrollArea: import("@lab206/dom").Component<{
+    maxHeight?: string;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4BF,iDAAiD;AACjD,eAAO,MAAM,UAAU;gBAhCT,MAAM;YACV,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EAiDlB,CAAC"}

package/dist/components/ScrollArea.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("scroll-area", `
+.pu-scroll {
+  overflow: auto;
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+  border-radius: var(--pu-radius-md);
+}
+.pu-scroll::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.pu-scroll::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--pu-color-text-muted) 35%, transparent);
+  border-radius: 999px;
+}
+.pu-scroll::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--pu-color-text-muted) 55%, transparent);
+}
+.pu-scroll::-webkit-scrollbar-track {
+  background: transparent;
+}
+`);
+/** Scrollable region with refined scrollbars. */
+export const ScrollArea = component((raw) => {
+    ensure();
+    const props = raw;
+    return (_jsx("div", { class: () => cx("pu-scroll", typeof props.class === "function" ? props.class() : props.class), style: () => props.maxHeight ? { maxHeight: props.maxHeight } : undefined, ref: (el) => ensure(el.ownerDocument), children: props.children }));
+});
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,MAAM,MAAM,GAAG,gBAAgB,CAC7B,aAAa,EACb;;;;;;;;;;;;;;;;;;;;;CAqBD,CACA,CAAC;AAEF,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,GAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,GAAsC,CAAC;IACrD,OAAO,CACL,cACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,WAAW,EACX,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,KAAK,EAAE,GAAG,EAAE,CACV,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,EAE9D,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,YAEpC,KAAK,CAAC,QAAiB,GACpB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Select.d.ts

@@ -0,0 +1,34 @@
+import { type Signal } from "@lab206/core";
+import { type MaybeReactive } from "../reactive.js";
+import type { Bindable } from "../form.js";
+export type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    value?: MaybeReactive<string>;
+    /** Two-way bind a string signal — preferred over value + onChange. */
+    bind?: Bindable<string> | Signal<string>;
+    options: MaybeReactive<SelectOption[]>;
+    /** Shown as a disabled first option when value is empty (optional). */
+    placeholder?: string;
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onChange?: (e: Event) => void;
+    id?: string;
+    "aria-label"?: string;
+};
+/** Native select. Prefer `<Select bind={status} options={…} />`. */
+export declare const Select: import("@lab206/dom").Component<{
+    value?: MaybeReactive<string>;
+    bind?: Bindable<string>;
+    options: MaybeReactive<SelectOption[]>;
+    placeholder?: string;
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onChange?: (e: Event) => void;
+    id?: string;
+    "aria-label"?: string;
+}>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,sEAAsE;IACtE,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC;IACvC,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAwCF,oEAAoE;AACpE,eAAO,MAAM,MAAM;YApDT,aAAa,CAAC,MAAM,CAAC;;aAGpB,aAAa,CAAC,YAAY,EAAE,CAAC;kBAExB,MAAM;eACT,aAAa,CAAC,OAAO,CAAC;YACzB,aAAa,CAAC,MAAM,CAAC;eAClB,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;SACxB,MAAM;mBACI,MAAM;EA4GrB,CAAC"}

package/dist/components/Select.js

@@ -0,0 +1,108 @@
+import { effect } from "@lab206/core";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { readBool, readProp } from "../reactive.js";
+const styles = `
+.pu-select {
+  width: 100%;
+  height: var(--pu-control-h-md);
+  padding: 0 calc(var(--pu-control-px) + 1rem) 0 var(--pu-control-px);
+  border-radius: var(--pu-radius-md);
+  border: 1px solid var(--pu-color-control-border, var(--pu-color-border));
+  background-color: var(--pu-color-surface);
+  color: var(--pu-color-text);
+  appearance: none;
+  background-image: linear-gradient(45deg, transparent 50%, var(--pu-color-text-muted) 50%),
+    linear-gradient(135deg, var(--pu-color-text-muted) 50%, transparent 50%);
+  background-position: calc(100% - 14px) calc(50% - 3px), calc(100% - 9px) calc(50% - 3px);
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+  transition: border-color var(--pu-duration) var(--pu-ease), box-shadow var(--pu-duration) var(--pu-ease);
+}
+.pu-select:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--pu-color-border) 60%, var(--pu-color-text-muted));
+}
+.pu-select:focus {
+  outline: none;
+  border-color: color-mix(in srgb, var(--pu-color-focus) 55%, var(--pu-color-border));
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pu-color-focus) 18%, transparent);
+}
+.pu-select:disabled { opacity: 0.55; cursor: not-allowed; }
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "select");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/** Native select. Prefer `<Select bind={status} options={…} />`. */
+export const Select = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({}, raw);
+    const bound = raw.bind;
+    const selectEl = document.createElement("select");
+    if (props.id)
+        selectEl.id = props.id;
+    if (props["aria-label"])
+        selectEl.setAttribute("aria-label", props["aria-label"]);
+    selectEl.addEventListener("change", (e) => {
+        if (bound) {
+            const t = (e.currentTarget ?? e.target);
+            if (t && "value" in t)
+                bound.set(t.value);
+        }
+        props.onChange?.(e);
+    });
+    effect(() => {
+        // mergeProps unwraps accessors on read; readProp stays defensive.
+        selectEl.className = cx("pu-select", readProp(props.class));
+        selectEl.disabled = readBool(props.disabled);
+        const opts = readProp(props.options) ?? [];
+        const current = bound
+            ? readProp(bound)
+            : readProp(props.value);
+        const prev = selectEl.value;
+        const placeholder = raw.placeholder;
+        selectEl.innerHTML = "";
+        const values = new Set();
+        if (placeholder) {
+            const ph = document.createElement("option");
+            ph.value = "";
+            ph.textContent = placeholder;
+            ph.disabled = true;
+            // Keep selectable only when nothing chosen yet so the label can show
+            ph.hidden = !!(current && current !== "");
+            selectEl.appendChild(ph);
+            values.add("");
+        }
+        for (const opt of opts) {
+            const o = document.createElement("option");
+            o.value = opt.value;
+            o.textContent = opt.label;
+            if (opt.disabled)
+                o.disabled = true;
+            selectEl.appendChild(o);
+            values.add(opt.value);
+        }
+        // Prefer controlled value when it exists in the list; else keep prev; else first option.
+        // Avoid browser “blank select” when options shrink (reactive project/client filters).
+        let next = "";
+        if (current !== undefined && values.has(current)) {
+            next = current;
+        }
+        else if (prev && values.has(prev)) {
+            next = prev;
+        }
+        else if (opts[0]) {
+            next = opts[0].value;
+        }
+        if (selectEl.value !== next)
+            selectEl.value = next;
+    });
+    return selectEl;
+});
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

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

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,18 @@
+export type SkeletonProps = {
+    /** Visual shape */
+    variant?: "text" | "rect" | "circle";
+    width?: string;
+    height?: string;
+    /** Number of text lines when variant is text */
+    lines?: number;
+    class?: string | (() => string);
+};
+/** Loading placeholder with soft shimmer. */
+export declare const Skeleton: import("@lab206/dom").Component<{
+    variant?: "text" | "rect" | "circle";
+    width?: string;
+    height?: string;
+    lines?: number;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AA2DF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ;cAlET,MAAM,GAAG,MAAM,GAAG,QAAQ;YAC5B,MAAM;aACL,MAAM;YAEP,MAAM;YACN,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA0G/B,CAAC"}

package/dist/components/Skeleton.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+const styles = `
+.pu-skeleton {
+  display: block;
+  background: linear-gradient(
+    90deg,
+    var(--pu-color-surface-2) 0%,
+    color-mix(in srgb, var(--pu-color-surface-2) 55%, var(--pu-color-surface)) 50%,
+    var(--pu-color-surface-2) 100%
+  );
+  background-size: 200% 100%;
+  animation: pu-skeleton-shimmer 1.4s ease-in-out infinite;
+  border-radius: var(--pu-radius-sm);
+}
+.pu-skeleton--text {
+  height: 0.75rem;
+  width: 100%;
+  margin-bottom: 0.45rem;
+  border-radius: 4px;
+}
+.pu-skeleton--text:last-child {
+  width: 72%;
+  margin-bottom: 0;
+}
+.pu-skeleton--rect {
+  width: 100%;
+  height: 6rem;
+  border-radius: var(--pu-radius-md);
+}
+.pu-skeleton--circle {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+}
+.pu-skeleton-stack {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+@keyframes pu-skeleton-shimmer {
+  0% { background-position: 100% 0; }
+  100% { background-position: -100% 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-skeleton { animation: none; }
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "skeleton");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/** Loading placeholder with soft shimmer. */
+export const Skeleton = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ variant: "text", lines: 1 }, raw);
+    const style = () => {
+        const s = {};
+        if (props.width)
+            s.width = props.width;
+        if (props.height)
+            s.height = props.height;
+        return s;
+    };
+    if (props.variant === "text" && props.lines > 1) {
+        const n = Math.max(1, Math.min(12, props.lines));
+        const host = document.createElement("div");
+        host.className = cx("pu-skeleton-stack", typeof props.class === "function" ? props.class() : props.class);
+        host.setAttribute("aria-hidden", "true");
+        for (let i = 0; i < n; i++) {
+            const line = document.createElement("span");
+            line.className = "pu-skeleton pu-skeleton--text";
+            host.appendChild(line);
+        }
+        return host;
+    }
+    return (_jsx("span", { class: () => cx("pu-skeleton", `pu-skeleton--${props.variant}`, typeof props.class === "function" ? props.class() : props.class), style: style, "aria-hidden": "true" }));
+});
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAYjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Cd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC1C,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,6CAA6C;AAC7C,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,GAAkB,EAAE,EAAE;IACvD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB,EAAE,OAAO,EAAE,MAAe,EAAE,KAAK,EAAE,CAAC,EAAE,EACtC,GAAG,CAGJ,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,MAAM,CAAC,GAA2B,EAAE,CAAC;QACrC,IAAI,KAAK,CAAC,KAAK;YAAE,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACvC,IAAI,KAAK,CAAC,MAAM;YAAE,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1C,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QAChD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,EAAE,CACjB,mBAAmB,EACnB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,CAAC;QACF,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,+BAA+B,CAAC;YACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,aAAa,EACb,gBAAgB,KAAK,CAAC,OAAO,EAAE,EAC/B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,KAAK,EAAE,KAAK,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Slider.d.ts

@@ -0,0 +1,26 @@
+export type SliderProps = {
+    value?: number | (() => number);
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean | (() => boolean);
+    onChange?: (value: number) => void;
+    label?: string;
+    showValue?: boolean;
+    class?: string | (() => string);
+    id?: string;
+};
+/** Range slider with fill track. */
+export declare const Slider: import("@lab206/dom").Component<{
+    value?: number | (() => number);
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean | (() => boolean);
+    onChange?: (value: number) => void;
+    label?: string;
+    showValue?: boolean;
+    class?: string | (() => string);
+    id?: string;
+}>;
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA8FF,oCAAoC;AACpC,eAAO,MAAM,MAAM;YAzGT,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;UACzB,MAAM;UACN,MAAM;WACL,MAAM;eACF,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;eACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;YAC1B,MAAM;gBACF,OAAO;YACX,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;SAC1B,MAAM;EAgKX,CAAC"}

package/dist/components/Slider.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("slider", `
+.pu-slider {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  width: 100%;
+  min-width: 8rem;
+}
+.pu-slider__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 0.5rem;
+  font-size: var(--pu-text-sm);
+}
+.pu-slider__label {
+  color: var(--pu-color-text);
+  font-weight: var(--pu-font-medium);
+}
+.pu-slider__value {
+  color: var(--pu-color-text-muted);
+  font-variant-numeric: tabular-nums;
+  font-family: var(--pu-font-mono);
+  font-size: var(--pu-text-xs);
+}
+.pu-slider__track {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 0.4rem;
+  border-radius: var(--pu-radius-full);
+  background: linear-gradient(
+    to right,
+    var(--pu-color-accent) 0%,
+    var(--pu-color-accent) var(--pu-slider-pct, 0%),
+    var(--pu-color-surface-sunken) var(--pu-slider-pct, 0%),
+    var(--pu-color-surface-sunken) 100%
+  );
+  border: 1px solid var(--pu-color-control-border, var(--pu-color-border));
+  outline: none;
+  cursor: pointer;
+}
+.pu-slider__track:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.pu-slider__track:focus-visible {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pu-color-focus) 22%, transparent);
+}
+.pu-slider__track::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 1.1rem;
+  height: 1.1rem;
+  border-radius: 50%;
+  background: var(--pu-color-accent);
+  border: 2px solid var(--pu-color-accent-fg);
+  box-shadow: var(--pu-shadow-sm);
+  cursor: pointer;
+  transition: transform var(--pu-duration-fast) var(--pu-ease-out);
+}
+.pu-slider__track:hover:not(:disabled)::-webkit-slider-thumb {
+  transform: scale(1.08);
+}
+.pu-slider__track:focus-visible::-webkit-slider-thumb {
+  box-shadow:
+    var(--pu-shadow-sm),
+    0 0 0 3px color-mix(in srgb, var(--pu-color-focus) 40%, transparent);
+}
+.pu-slider__track::-moz-range-thumb {
+  width: 1.1rem;
+  height: 1.1rem;
+  border-radius: 50%;
+  background: var(--pu-color-accent);
+  border: 2px solid var(--pu-color-accent-fg);
+  box-shadow: var(--pu-shadow-sm);
+  cursor: pointer;
+}
+.pu-slider__track:focus-visible::-moz-range-thumb {
+  box-shadow:
+    var(--pu-shadow-sm),
+    0 0 0 3px color-mix(in srgb, var(--pu-color-focus) 40%, transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-slider__track::-webkit-slider-thumb { transition: none; }
+  .pu-slider__track:hover:not(:disabled)::-webkit-slider-thumb { transform: none; }
+}
+`);
+/** Range slider with fill track. */
+export const Slider = component((raw) => {
+    ensure();
+    const props = mergeProps({ min: 0, max: 100, step: 1, showValue: true }, raw);
+    const id = props.id ?? `pu-slider-${Math.random().toString(36).slice(2, 9)}`;
+    const val = () => {
+        const v = typeof props.value === "function"
+            ? props.value()
+            : (props.value ?? props.min);
+        return Math.min(props.max, Math.max(props.min, Number(v)));
+    };
+    const isDisabled = () => !!(typeof props.disabled === "function" ? props.disabled() : props.disabled);
+    const pct = () => {
+        const span = props.max - props.min || 1;
+        return ((val() - props.min) / span) * 100;
+    };
+    return (_jsxs("div", { class: () => cx("pu-slider", typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensure(el.ownerDocument), children: [(props.label || props.showValue) && (_jsxs("div", { class: "pu-slider__head", children: [props.label ? (_jsx("label", { class: "pu-slider__label", for: id, children: props.label })) : (_jsx("span", {})), props.showValue ? (_jsx("span", { class: "pu-slider__value", children: () => String(val()) })) : null] })), _jsx("input", { id: id, class: "pu-slider__track", type: "range", min: props.min, max: props.max, step: props.step, value: val, disabled: isDisabled, style: () => ({ "--pu-slider-pct": `${pct()}%` }), onInput: (e) => {
+                    props.onChange?.(Number(e.target.value));
+                } })] }));
+});
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

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

package/dist/components/Spinner.d.ts

@@ -0,0 +1,12 @@
+export type SpinnerSize = "sm" | "md" | "lg";
+export type SpinnerProps = {
+    size?: SpinnerSize;
+    label?: string;
+    class?: string | (() => string);
+};
+export declare const Spinner: import("@lab206/dom").Component<{
+    size?: SpinnerSize;
+    label?: string;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAsCF,eAAO,MAAM,OAAO;WAzCX,WAAW;YACV,MAAM;YACN,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA6D/B,CAAC"}

package/dist/components/Spinner.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+const styles = `
+.pu-spinner {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--pu-space-2);
+  color: var(--pu-color-accent);
+  font-size: var(--pu-text-sm);
+}
+.pu-spinner__disk {
+  border-radius: 50%;
+  border-style: solid;
+  border-color: color-mix(in srgb, currentColor 25%, transparent);
+  border-top-color: currentColor;
+  animation: pu-spin 0.7s linear infinite;
+}
+.pu-spinner--sm .pu-spinner__disk { width: 1rem; height: 1rem; border-width: 2px; }
+.pu-spinner--md .pu-spinner__disk { width: 1.35rem; height: 1.35rem; border-width: 2.5px; }
+.pu-spinner--lg .pu-spinner__disk { width: 1.75rem; height: 1.75rem; border-width: 3px; }
+@keyframes pu-spin {
+  to { transform: rotate(360deg); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-spinner__disk { animation: none; border-top-color: currentColor; opacity: 0.7; }
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "spinner");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Spinner = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ size: "md", label: "Loading" }, raw);
+    return (_jsxs("span", { class: () => cx("pu-spinner", `pu-spinner--${props.size}`, typeof props.class === "function" ? props.class() : props.class), role: "status", children: [_jsx("span", { class: "pu-spinner__disk", "aria-hidden": "true" }), _jsx("span", { class: "pu-sr-only", children: props.label })] }));
+});
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACzC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,GAAiB,EAAE,EAAE;IACrD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB,EAAE,IAAI,EAAE,IAAmB,EAAE,KAAK,EAAE,SAAS,EAAE,EAC/C,GAAG,CACmE,CAAC;IAEzE,OAAO,CACL,gBACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,YAAY,EACZ,eAAe,KAAK,CAAC,IAAI,EAAE,EAC3B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,IAAI,EAAC,QAAQ,aAEb,eAAM,KAAK,EAAC,kBAAkB,iBAAa,MAAM,GAAG,EACpD,eAAM,KAAK,EAAC,YAAY,YAAE,KAAK,CAAC,KAAK,GAAQ,IACxC,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Stack.d.ts

@@ -0,0 +1,21 @@
+export type StackProps = {
+    /** flex direction */
+    direction?: "row" | "column";
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "between";
+    wrap?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+};
+/** Layout primitive — row/column with tokenized gap. */
+export declare const Stack: import("@lab206/dom").Component<{
+    direction?: "row" | "column";
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "between";
+    wrap?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,qBAAqB;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmCF,wDAAwD;AACxD,eAAO,MAAM,KAAK;gBA3CJ,KAAK,GAAG,QAAQ;UACtB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;YAC3B,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS;cACpC,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS;WACzC,OAAO;YACN,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EAmElB,CAAC"}

package/dist/components/Stack.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+const styles = `
+.pu-stack { display: flex; min-width: 0; }
+.pu-stack--row { flex-direction: row; }
+.pu-stack--column { flex-direction: column; }
+.pu-stack--wrap { flex-wrap: wrap; }
+.pu-stack--gap-0 { gap: var(--pu-space-0); }
+.pu-stack--gap-1 { gap: var(--pu-space-1); }
+.pu-stack--gap-2 { gap: var(--pu-space-2); }
+.pu-stack--gap-3 { gap: var(--pu-space-3); }
+.pu-stack--gap-4 { gap: var(--pu-space-4); }
+.pu-stack--gap-5 { gap: var(--pu-space-5); }
+.pu-stack--gap-6 { gap: var(--pu-space-6); }
+.pu-stack--gap-8 { gap: var(--pu-space-8); }
+.pu-stack--align-start { align-items: flex-start; }
+.pu-stack--align-center { align-items: center; }
+.pu-stack--align-end { align-items: flex-end; }
+.pu-stack--align-stretch { align-items: stretch; }
+.pu-stack--justify-start { justify-content: flex-start; }
+.pu-stack--justify-center { justify-content: center; }
+.pu-stack--justify-end { justify-content: flex-end; }
+.pu-stack--justify-between { justify-content: space-between; }
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "stack");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/** Layout primitive — row/column with tokenized gap. */
+export const Stack = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({
+        direction: "column",
+        gap: 3,
+        align: "stretch",
+        justify: "start",
+        wrap: false,
+    }, raw);
+    return (_jsx("div", { class: () => cx("pu-stack", `pu-stack--${props.direction}`, `pu-stack--gap-${props.gap}`, `pu-stack--align-${props.align}`, `pu-stack--justify-${props.justify}`, props.wrap && "pu-stack--wrap", typeof props.class === "function" ? props.class() : props.class), children: props.children }));
+});
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAajC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;CAqBd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACvC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,GAAe,EAAE,EAAE;IACjD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB;QACE,SAAS,EAAE,QAAiB;QAC5B,GAAG,EAAE,CAAU;QACf,KAAK,EAAE,SAAkB;QACzB,OAAO,EAAE,OAAgB;QACzB,IAAI,EAAE,KAAK;KACZ,EACD,GAAG,CACoC,CAAC;IAE1C,OAAO,CACL,cACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,UAAU,EACV,aAAa,KAAK,CAAC,SAAS,EAAE,EAC9B,iBAAiB,KAAK,CAAC,GAAG,EAAE,EAC5B,mBAAmB,KAAK,CAAC,KAAK,EAAE,EAChC,qBAAqB,KAAK,CAAC,OAAO,EAAE,EACpC,KAAK,CAAC,IAAI,IAAI,gBAAgB,EAC9B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,YAGF,KAAK,CAAC,QAAiB,GACpB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}