@lab206/ui 0.1.0

package/dist/components/NumberInput.js

@@ -0,0 +1,92 @@
+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";
+import { readBool, readNum } from "../reactive.js";
+const ensure = createStyleSheet("number-input", `
+.pu-number {
+  display: inline-flex;
+  align-items: stretch;
+  border: 1px solid var(--pu-color-control-border, var(--pu-color-border));
+  border-radius: var(--pu-radius-md);
+  background: var(--pu-color-surface);
+  overflow: hidden;
+  height: var(--pu-control-h-md);
+}
+.pu-number:focus-within {
+  border-color: var(--pu-color-accent);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pu-color-accent) 18%, transparent);
+}
+.pu-number[data-disabled="true"] {
+  opacity: 0.55;
+  pointer-events: none;
+}
+.pu-number__btn {
+  appearance: none;
+  border: 0;
+  background: var(--pu-color-surface-2);
+  color: var(--pu-color-text);
+  width: 2rem;
+  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
+  flex-shrink: 0;
+}
+.pu-number__btn:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--pu-color-accent) 12%, var(--pu-color-surface-2));
+}
+.pu-number__btn:focus-visible {
+  outline: none;
+  z-index: 1;
+  box-shadow:
+    inset 0 0 0 2px color-mix(in srgb, var(--pu-color-focus) 45%, transparent);
+}
+.pu-number__btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.pu-number__input {
+  appearance: textfield;
+  -moz-appearance: textfield;
+  border: 0;
+  background: transparent;
+  color: var(--pu-color-text);
+  font: inherit;
+  font-size: var(--pu-text-sm);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+  width: 4rem;
+  min-width: 0;
+  padding: 0 0.25rem;
+  outline: none;
+}
+.pu-number__input::-webkit-outer-spin-button,
+.pu-number__input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+`);
+function clamp(n, min, max) {
+    let v = n;
+    if (min != null && !Number.isNaN(min))
+        v = Math.max(min, v);
+    if (max != null && !Number.isNaN(max))
+        v = Math.min(max, v);
+    return v;
+}
+/** Numeric stepper with − / + controls. */
+export const NumberInput = component((raw) => {
+    ensure();
+    const props = mergeProps({ step: 1 }, raw);
+    const id = props.id ?? `pu-num-${Math.random().toString(36).slice(2, 9)}`;
+    const val = () => readNum(props.value, 0);
+    const isDisabled = () => readBool(props.disabled);
+    const set = (n) => {
+        const next = clamp(n, props.min, props.max);
+        if (!Number.isNaN(next))
+            props.onChange?.(next);
+    };
+    return (_jsxs("div", { class: () => cx("pu-number", typeof props.class === "function" ? props.class() : props.class), "data-disabled": () => (isDisabled() ? "true" : "false"), ref: (el) => ensure(el.ownerDocument), children: [_jsx("button", { type: "button", class: "pu-number__btn", "aria-label": "Decrease", disabled: () => isDisabled() || (props.min != null && val() <= props.min), onClick: () => set(val() - props.step), children: "\u2212" }), _jsx("input", { id: id, class: "pu-number__input", type: "number", value: val, min: props.min, max: props.max, step: props.step, disabled: isDisabled, placeholder: props.placeholder, "aria-label": props["aria-label"], onInput: (e) => {
+                    const n = Number(e.target.value);
+                    if (!Number.isNaN(n))
+                        set(n);
+                } }), _jsx("button", { type: "button", class: "pu-number__btn", "aria-label": "Increase", disabled: () => isDisabled() || (props.max != null && val() >= props.max), onClick: () => set(val() + props.step), children: "+" })] }));
+});
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/NumberInput.js.map

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

package/dist/components/Pagination.d.ts

@@ -0,0 +1,13 @@
+export type PaginationProps = {
+    page: number | (() => number);
+    pageCount: number | (() => number);
+    onChange?: (page: number) => void;
+    class?: string | (() => string);
+};
+export declare const Pagination: import("@lab206/dom").Component<{
+    page: number | (() => number);
+    pageCount: number | (() => number);
+    onChange?: (page: number) => void;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AA0DF,eAAO,MAAM,UAAU;UA9Df,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eAClB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACvB,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;YACzB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAgJ/B,CAAC"}

package/dist/components/Pagination.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("pagination", `
+.pu-pagination {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  flex-wrap: wrap;
+}
+.pu-pagination__btn {
+  appearance: none;
+  border: 1px solid var(--pu-color-border);
+  background: var(--pu-color-surface);
+  color: var(--pu-color-text);
+  font: inherit;
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-medium);
+  min-width: 2rem;
+  height: 2rem;
+  padding: 0 0.5rem;
+  border-radius: var(--pu-radius-md);
+  cursor: pointer;
+}
+.pu-pagination__btn:hover:not(:disabled) {
+  background: var(--pu-color-surface-2);
+}
+.pu-pagination__btn:focus-visible {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--pu-color-surface),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+}
+.pu-pagination__btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.pu-pagination__btn.is-active {
+  background: var(--pu-color-accent);
+  color: var(--pu-color-accent-fg);
+  border-color: transparent;
+}
+.pu-pagination__btn {
+  transition:
+    background var(--pu-duration-fast) var(--pu-ease),
+    color var(--pu-duration-fast) var(--pu-ease),
+    border-color var(--pu-duration-fast) var(--pu-ease),
+    box-shadow var(--pu-duration-fast) var(--pu-ease);
+}
+.pu-pagination__meta {
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  margin-left: 0.35rem;
+}
+`);
+export const Pagination = component((raw) => {
+    ensure();
+    const props = raw;
+    const page = () => typeof props.page === "function"
+        ? props.page()
+        : props.page;
+    const count = () => typeof props.pageCount === "function"
+        ? props.pageCount()
+        : props.pageCount;
+    const go = (p) => {
+        const c = Math.max(1, count());
+        const next = Math.min(c, Math.max(1, p));
+        props.onChange?.(next);
+    };
+    // Build a compact page list: 1 … n around current
+    const pages = () => {
+        const c = Math.max(1, count());
+        const p = page();
+        const set = new Set([1, c, p - 1, p, p + 1]);
+        return [...set].filter((n) => n >= 1 && n <= c).sort((a, b) => a - b);
+    };
+    return (_jsxs("div", { class: () => cx("pu-pagination", typeof props.class === "function" ? props.class() : props.class), role: "navigation", "aria-label": "Pagination", ref: (el) => ensure(el.ownerDocument), children: [_jsx("button", { type: "button", class: "pu-pagination__btn", disabled: () => page() <= 1, onClick: () => go(page() - 1), "aria-label": "Previous page", children: "\u2039" }), () => {
+                const list = pages();
+                const frag = document.createDocumentFragment();
+                let prev = 0;
+                for (const n of list) {
+                    if (prev && n - prev > 1) {
+                        const dots = document.createElement("span");
+                        dots.className = "pu-pagination__meta";
+                        dots.textContent = "…";
+                        frag.appendChild(dots);
+                    }
+                    const btn = document.createElement("button");
+                    btn.type = "button";
+                    btn.className =
+                        "pu-pagination__btn" + (n === page() ? " is-active" : "");
+                    btn.textContent = String(n);
+                    btn.setAttribute("aria-label", `Page ${n}`);
+                    if (n === page())
+                        btn.setAttribute("aria-current", "page");
+                    btn.onclick = () => go(n);
+                    frag.appendChild(btn);
+                    prev = n;
+                }
+                return frag;
+            }, _jsx("button", { type: "button", class: "pu-pagination__btn", disabled: () => page() >= count(), onClick: () => go(page() + 1), "aria-label": "Next page", children: "\u203A" }), _jsx("span", { class: "pu-pagination__meta", children: () => `Page ${page()} / ${count()}` })] }));
+});
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.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,YAAY,EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDD,CACA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,GAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,GAAsC,CAAC;IACrD,MAAM,IAAI,GAAG,GAAG,EAAE,CAChB,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU;QAC9B,CAAC,CAAE,KAAK,CAAC,IAAqB,EAAE;QAChC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IACjB,MAAM,KAAK,GAAG,GAAG,EAAE,CACjB,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU;QACnC,CAAC,CAAE,KAAK,CAAC,SAA0B,EAAE;QACrC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;IAEtB,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACzC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,kDAAkD;IAClD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QACjB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,eAAe,EACf,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,IAAI,EAAC,YAAY,gBACN,YAAY,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,aAErC,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,gBAClB,eAAe,uBAGnB,EACR,GAAG,EAAE;gBACJ,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;gBACrB,MAAM,IAAI,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;gBAC/C,IAAI,IAAI,GAAG,CAAC,CAAC;gBACb,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;oBACrB,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;wBACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAC5C,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC;wBACvC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;wBACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBACzB,CAAC;oBACD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC7C,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC;oBACpB,GAAG,CAAC,SAAS;wBACX,oBAAoB,GAAG,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC5D,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC5B,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;oBAC5C,IAAI,CAAC,KAAK,IAAI,EAAE;wBAAE,GAAG,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;oBAC3D,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;oBACtB,IAAI,GAAG,CAAC,CAAC;gBACX,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,gBAClB,WAAW,uBAGf,EACT,eAAM,KAAK,EAAC,qBAAqB,YAC9B,GAAG,EAAE,CAAC,QAAQ,IAAI,EAAE,MAAM,KAAK,EAAE,EAAE,GAC/B,IACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Popover.d.ts

@@ -0,0 +1,26 @@
+import { type MaybeReactive } from "../reactive.js";
+export type PopoverProps = {
+    /** Controlled open state (boolean, signal, or accessor) */
+    open: MaybeReactive<boolean>;
+    onOpenChange?: (open: boolean) => void;
+    /** Trigger content (usually a Button) */
+    trigger: unknown;
+    /** Panel body */
+    children?: unknown;
+    /** Preferred alignment under the trigger */
+    align?: "start" | "center" | "end";
+    class?: MaybeReactive<string>;
+};
+/**
+ * Anchored floating panel. Control with `open` + `onOpenChange`.
+ * Escape + outside dismiss via shared `attachOverlay` (stacked with modals).
+ */
+export declare const Popover: import("@lab206/dom").Component<{
+    open: MaybeReactive<boolean>;
+    onOpenChange?: (open: boolean) => void;
+    trigger: unknown;
+    children?: unknown;
+    align?: "start" | "center" | "end";
+    class?: MaybeReactive<string>;
+}>;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB,2DAA2D;IAC3D,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC/B,CAAC;AAiEF;;;GAGG;AACH,eAAO,MAAM,OAAO;UA9EZ,aAAa,CAAC,OAAO,CAAC;mBACb,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;aAE7B,OAAO;eAEL,OAAO;YAEV,OAAO,GAAG,QAAQ,GAAG,KAAK;YAC1B,aAAa,CAAC,MAAM,CAAC;EA0M7B,CAAC"}

package/dist/components/Popover.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { effect } from "@lab206/core";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { attachOverlay } from "../overlay.js";
+import { readBool } from "../reactive.js";
+const styles = `
+.pu-popover {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+  max-width: 100%;
+}
+.pu-popover--open {
+  z-index: var(--pu-z-overlay);
+}
+.pu-popover__trigger {
+  display: inline-flex;
+  max-width: 100%;
+  cursor: pointer;
+}
+.pu-popover__panel {
+  position: fixed;
+  z-index: var(--pu-z-overlay);
+  min-width: 12rem;
+  max-width: min(20rem, calc(100vw - 1.5rem));
+  max-height: min(70vh, 24rem);
+  overflow: auto;
+  padding: var(--pu-space-3);
+  border-radius: var(--pu-radius-lg);
+  background: var(--pu-color-surface-elevated);
+  color: var(--pu-color-text);
+  border: 1px solid var(--pu-color-border);
+  box-shadow: var(--pu-shadow-float);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transform: translateY(6px) scale(0.98);
+  transform-origin: top center;
+  transition:
+    opacity var(--pu-duration) var(--pu-ease-out),
+    transform var(--pu-duration) var(--pu-ease-out),
+    visibility var(--pu-duration) var(--pu-ease-out);
+}
+.pu-popover__panel[data-side="top"] {
+  transform: translateY(-6px) scale(0.98);
+  transform-origin: bottom center;
+}
+.pu-popover--open .pu-popover__panel {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+  transform: translateY(0) scale(1);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-popover__panel { transition: none; transform: none; }
+  .pu-popover--open .pu-popover__panel { transform: none; }
+}
+`;
+function ensureStyles(doc = document) {
+    if (typeof doc === "undefined")
+        return;
+    if (doc.querySelector('style[data-pu-ui="popover"]'))
+        return;
+    const el = doc.createElement("style");
+    el.setAttribute("data-pu-ui", "popover");
+    el.textContent = styles;
+    doc.head.appendChild(el);
+}
+/**
+ * Anchored floating panel. Control with `open` + `onOpenChange`.
+ * Escape + outside dismiss via shared `attachOverlay` (stacked with modals).
+ */
+export const Popover = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ align: "start" }, raw);
+    const isOpen = () => readBool(props.open);
+    let rootEl = null;
+    let panelEl = null;
+    let triggerEl = null;
+    const placePanel = () => {
+        if (!rootEl || !panelEl || !triggerEl || !isOpen())
+            return;
+        const doc = rootEl.ownerDocument;
+        const win = doc.defaultView ?? window;
+        const gap = 8;
+        const pad = 8;
+        const rect = triggerEl.getBoundingClientRect();
+        const vw = win.innerWidth;
+        const vh = win.innerHeight;
+        panelEl.style.maxHeight = "";
+        const naturalH = panelEl.scrollHeight || panelEl.offsetHeight || 160;
+        const pw = Math.min(panelEl.offsetWidth || 192, Math.max(pad * 2, vw - pad * 2));
+        const spaceBelow = vh - rect.bottom - gap - pad;
+        const spaceAbove = rect.top - gap - pad;
+        const placeAbove = spaceBelow < Math.min(naturalH, 120) && spaceAbove > spaceBelow;
+        const available = Math.max(96, placeAbove ? spaceAbove : spaceBelow);
+        const maxH = Math.min(naturalH, available, vh * 0.7);
+        panelEl.style.maxHeight = `${Math.round(maxH)}px`;
+        const ph = Math.min(panelEl.offsetHeight || maxH, maxH);
+        let top;
+        if (placeAbove) {
+            top = rect.top - gap - ph;
+            panelEl.dataset.side = "top";
+        }
+        else {
+            top = rect.bottom + gap;
+            panelEl.dataset.side = "bottom";
+        }
+        top = Math.min(Math.max(pad, top), Math.max(pad, vh - ph - pad));
+        let left = rect.left;
+        if (props.align === "center") {
+            left = rect.left + rect.width / 2 - pw / 2;
+        }
+        else if (props.align === "end") {
+            left = rect.right - pw;
+        }
+        left = Math.min(Math.max(pad, left), Math.max(pad, vw - pw - pad));
+        panelEl.style.top = `${Math.round(top)}px`;
+        panelEl.style.left = `${Math.round(left)}px`;
+        panelEl.style.width = "max-content";
+        panelEl.style.minWidth = `${Math.min(pw, Math.max(rect.width, 10.5 * 16))}px`;
+    };
+    effect(() => {
+        if (!isOpen())
+            return;
+        return attachOverlay({
+            getRoot: () => rootEl,
+            onClose: () => props.onOpenChange?.(false),
+            escape: true,
+            dismissOutside: true,
+            onAttach: ({ doc, win }) => {
+                ensureStyles(doc);
+                const onReposition = () => placePanel();
+                const placeTimer = win.setTimeout(() => {
+                    placePanel();
+                    win.setTimeout(placePanel, 16);
+                }, 0);
+                win.addEventListener("resize", onReposition);
+                doc.addEventListener("scroll", onReposition, true);
+                win.addEventListener("scroll", onReposition, true);
+                return () => {
+                    win.clearTimeout(placeTimer);
+                    win.removeEventListener("resize", onReposition);
+                    doc.removeEventListener("scroll", onReposition, true);
+                    win.removeEventListener("scroll", onReposition, true);
+                };
+            },
+        });
+    });
+    return (_jsxs("div", { class: () => cx("pu-popover", isOpen() && "pu-popover--open", typeof props.class === "function"
+            ? props.class()
+            : props.class), ref: (el) => {
+            rootEl = el;
+            ensureStyles(el.ownerDocument);
+        }, children: [_jsx("div", { class: "pu-popover__trigger", ref: (el) => {
+                    triggerEl = el;
+                }, onClick: (e) => {
+                    e.stopPropagation();
+                    props.onOpenChange?.(!isOpen());
+                }, children: props.trigger }), _jsx("div", { class: "pu-popover__panel", role: "dialog", "aria-modal": "false", "aria-hidden": () => (!isOpen() ? "true" : "false"), ref: (el) => {
+                    panelEl = el;
+                }, children: props.children })] }));
+});
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

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

package/dist/components/Progress.d.ts

@@ -0,0 +1,15 @@
+export type ProgressProps = {
+    /** 0–100 */
+    value?: number | (() => number);
+    /** Accessible label */
+    label?: string;
+    size?: "sm" | "md";
+    class?: string | (() => string);
+};
+export declare const Progress: import("@lab206/dom").Component<{
+    value?: number | (() => number);
+    label?: string;
+    size?: "sm" | "md";
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAmDF,eAAO,MAAM,QAAQ;YAxDX,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;YAEvB,MAAM;WACP,IAAI,GAAG,IAAI;YACV,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAkG/B,CAAC"}

package/dist/components/Progress.js

@@ -0,0 +1,63 @@
+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-progress {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pu-space-2);
+  width: 100%;
+  min-width: 0;
+}
+.pu-progress__meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: var(--pu-space-3);
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  font-weight: var(--pu-font-medium);
+}
+.pu-progress__track {
+  width: 100%;
+  overflow: hidden;
+  border-radius: var(--pu-radius-full);
+  background: var(--pu-color-surface-sunken);
+  border: 1px solid var(--pu-color-border);
+}
+.pu-progress--sm .pu-progress__track { height: 0.4rem; }
+.pu-progress--md .pu-progress__track { height: 0.55rem; }
+.pu-progress__bar {
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(
+    90deg,
+    var(--pu-brand-500),
+    var(--pu-sage-400)
+  );
+  transition: width var(--pu-duration-slow) var(--pu-ease-out);
+  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent);
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "progress");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Progress = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ value: 0, size: "md" }, raw);
+    const pct = () => {
+        const v = typeof props.value === "function"
+            ? props.value()
+            : props.value;
+        return Math.max(0, Math.min(100, Number.isFinite(v) ? v : 0));
+    };
+    return (_jsxs("div", { class: () => cx("pu-progress", `pu-progress--${props.size}`, typeof props.class === "function" ? props.class() : props.class), children: [props.label ? (_jsxs("div", { class: "pu-progress__meta", children: [_jsx("span", { children: props.label }), _jsx("span", { children: () => `${Math.round(pct())}%` })] })) : null, _jsx("div", { class: "pu-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": () => Math.round(pct()), "aria-label": props.label, children: _jsx("div", { class: "pu-progress__bar", style: () => ({ width: `${pct()}%` }) }) })] }));
+});
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAWjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCd,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,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,GAAkB,EAAE,EAAE;IACvD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,IAAa,EAAE,EACjC,GAAG,CACqF,CAAC;IAE3F,MAAM,GAAG,GAAG,GAAG,EAAE;QACf,MAAM,CAAC,GACL,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU;YAC/B,CAAC,CAAE,KAAK,CAAC,KAAsB,EAAE;YACjC,CAAC,CAAE,KAAK,CAAC,KAAgB,CAAC;QAC9B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,aAAa,EACb,gBAAgB,KAAK,CAAC,IAAI,EAAE,EAC5B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,aAGF,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,eAAK,KAAK,EAAC,mBAAmB,aAC5B,yBAAO,KAAK,CAAC,KAAK,GAAQ,EAC1B,yBAAO,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,GAAQ,IACxC,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,GAAG,mBACH,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,gBAC1B,KAAK,CAAC,KAAK,YAEvB,cACE,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GACrC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Radio.d.ts

@@ -0,0 +1,25 @@
+export type RadioOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type RadioGroupProps = {
+    options: RadioOption[] | (() => RadioOption[]);
+    value?: string | (() => string);
+    name?: string;
+    disabled?: boolean | (() => boolean);
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    class?: string | (() => string);
+};
+/** Radio group — single selection from options. */
+export declare const RadioGroup: import("@lab206/dom").Component<{
+    options: RadioOption[] | (() => RadioOption[]);
+    value?: string | (() => string);
+    name?: string;
+    disabled?: boolean | (() => boolean);
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,WAAW,EAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,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,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAkFF,mDAAmD;AACnD,eAAO,MAAM,UAAU;aA1FZ,WAAW,EAAE,GAAG,CAAC,MAAM,WAAW,EAAE,CAAC;YACtC,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;WACxB,MAAM;eACF,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;eACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;kBACpB,UAAU,GAAG,YAAY;YAC/B,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA+I/B,CAAC"}

package/dist/components/Radio.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { For, component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("radio", `
+.pu-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.pu-radio-group--horizontal {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 0.75rem 1.25rem;
+}
+.pu-radio {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--pu-space-2);
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--pu-text-sm);
+  color: var(--pu-color-text);
+}
+.pu-radio[data-disabled="true"] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.pu-radio__dot {
+  width: 1.1rem;
+  height: 1.1rem;
+  border-radius: 50%;
+  border: 1.5px solid var(--pu-color-control-border, var(--pu-color-border-strong));
+  background: var(--pu-color-surface);
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  transition:
+    border-color var(--pu-duration) var(--pu-ease),
+    background var(--pu-duration) var(--pu-ease);
+}
+.pu-radio:hover:not([data-disabled="true"]) .pu-radio__dot {
+  border-color: var(--pu-color-border-strong);
+}
+.pu-radio[data-checked="true"] .pu-radio__dot {
+  border-color: var(--pu-color-accent);
+}
+.pu-radio__dot::after {
+  content: "";
+  width: 0.45rem;
+  height: 0.45rem;
+  border-radius: 50%;
+  background: var(--pu-color-accent);
+  opacity: 0;
+  transform: scale(0.5);
+  transition:
+    opacity var(--pu-duration) var(--pu-ease),
+    transform var(--pu-duration) var(--pu-ease);
+}
+.pu-radio[data-checked="true"] .pu-radio__dot::after {
+  opacity: 1;
+  transform: scale(1);
+}
+.pu-radio__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.pu-radio__input:focus-visible + .pu-radio__dot {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--pu-color-surface),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-radio__dot,
+  .pu-radio__dot::after { transition: none; }
+}
+`);
+/** Radio group — single selection from options. */
+export const RadioGroup = component((raw) => {
+    ensure();
+    const props = mergeProps({ orientation: "vertical" }, raw);
+    const name = props.name ?? `pu-radio-${Math.random().toString(36).slice(2, 9)}`;
+    const current = () => typeof props.value === "function"
+        ? props.value()
+        : (props.value ?? "");
+    const groupDisabled = () => !!(typeof props.disabled === "function" ? props.disabled() : props.disabled);
+    const getOptions = () => typeof props.options === "function"
+        ? props.options()
+        : (props.options ?? []);
+    return (_jsx("div", { class: () => cx("pu-radio-group", props.orientation === "horizontal" && "pu-radio-group--horizontal", typeof props.class === "function" ? props.class() : props.class), role: "radiogroup", ref: (el) => ensure(el.ownerDocument), children: _jsx(For, { each: getOptions, children: (opt) => (_jsxs("label", { class: "pu-radio", "data-checked": () => (current() === opt().value ? "true" : "false"), "data-disabled": () => groupDisabled() || opt().disabled ? "true" : "false", children: [_jsx("input", { class: "pu-radio__input", type: "radio", name: name, value: () => opt().value, checked: () => current() === opt().value, disabled: () => groupDisabled() || !!opt().disabled, onChange: () => props.onChange?.(opt().value) }), _jsx("span", { class: "pu-radio__dot", "aria-hidden": "true" }), _jsx("span", { children: () => opt().label })] })) }) }));
+});
+//# sourceMappingURL=Radio.js.map