@lab206/ui 0.1.0

package/dist/components/Toast.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { signal } from "@lab206/core";
+import { For, component } from "@lab206/dom";
+import { cx } from "../utils.js";
+let nextId = 1;
+/**
+ * Create a toast queue. Call `push()` from event handlers; mount `<Toaster />`
+ * once near the app root.
+ */
+export function createToaster() {
+    const items = signal([]);
+    function dismiss(id) {
+        items.update((list) => list.filter((t) => t.id !== id));
+    }
+    function push(opts) {
+        const id = nextId++;
+        const item = {
+            id,
+            title: opts.title,
+            tone: opts.tone ?? "info",
+            ...(opts.description !== undefined
+                ? { description: opts.description }
+                : {}),
+        };
+        items.update((list) => [...list, item].slice(-5));
+        const ms = opts.duration ?? 3200;
+        if (ms > 0 && typeof window !== "undefined") {
+            window.setTimeout(() => dismiss(id), ms);
+        }
+        return id;
+    }
+    return {
+        items,
+        push,
+        dismiss,
+        clear: () => items.set([]),
+    };
+}
+const styles = `
+.pu-toaster {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: var(--pu-z-toast);
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
+  width: min(22rem, calc(100vw - 2rem));
+  pointer-events: none;
+}
+.pu-toast {
+  pointer-events: auto;
+  display: flex;
+  align-items: flex-start;
+  gap: 0.65rem;
+  padding: 0.75rem 0.85rem;
+  border-radius: var(--pu-radius-lg);
+  background: var(--pu-color-surface-elevated);
+  border: 1px solid var(--pu-color-border);
+  box-shadow: var(--pu-shadow-float);
+  animation: pu-toast-in var(--pu-duration) var(--pu-ease-out);
+}
+.pu-toast__body {
+  flex: 1;
+  min-width: 0;
+}
+.pu-toast__title {
+  margin: 0;
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-semibold);
+  letter-spacing: -0.015em;
+  color: var(--pu-color-text);
+}
+.pu-toast__desc {
+  margin: 0.2rem 0 0;
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  line-height: 1.4;
+}
+.pu-toast__close {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--pu-color-text-muted);
+  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
+  padding: 0.1rem;
+  border-radius: var(--pu-radius-sm);
+}
+.pu-toast__close:hover {
+  color: var(--pu-color-text);
+  background: var(--pu-color-surface-2);
+}
+.pu-toast--info {
+  border-color: color-mix(in srgb, var(--pu-color-accent) 30%, var(--pu-color-border));
+}
+.pu-toast--success {
+  border-color: color-mix(in srgb, var(--pu-sage-500) 40%, var(--pu-color-border));
+}
+.pu-toast--danger {
+  border-color: color-mix(in srgb, var(--pu-color-danger) 40%, var(--pu-color-border));
+}
+.pu-toast__dot {
+  width: 0.45rem;
+  height: 0.45rem;
+  border-radius: 50%;
+  margin-top: 0.35rem;
+  flex-shrink: 0;
+  background: var(--pu-color-accent);
+}
+.pu-toast--success .pu-toast__dot { background: var(--pu-sage-500); }
+.pu-toast--danger .pu-toast__dot { background: var(--pu-color-danger); }
+@keyframes pu-toast-in {
+  from { opacity: 0; transform: translateY(8px) scale(0.98); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-toast { 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", "toast");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/**
+ * Renders the toast stack for a `createToaster()` controller.
+ */
+export const Toaster = component((raw) => {
+    ensureStyles();
+    const props = raw;
+    const toaster = props.toaster;
+    return (_jsx("div", { class: () => cx("pu-toaster", typeof props.class === "function" ? props.class() : props.class), "aria-live": "polite", "aria-relevant": "additions", children: _jsx(For, { each: () => toaster.items(), children: (item) => (_jsxs("div", { class: () => `pu-toast pu-toast--${item().tone}`, role: "status", children: [_jsx("span", { class: "pu-toast__dot", "aria-hidden": "true" }), _jsxs("div", { class: "pu-toast__body", children: [_jsx("p", { class: "pu-toast__title", children: () => item().title }), _jsx("p", { class: "pu-toast__desc", style: () => item().description
+                                    ? { display: "block" }
+                                    : { display: "none" }, children: () => item().description ?? "" })] }), _jsx("button", { type: "button", class: "pu-toast__close", "aria-label": "Dismiss", onClick: () => toaster.dismiss(item().id), children: "\u00D7" })] })) }) }));
+});
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

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

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,25 @@
+export type ToggleOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type ToggleGroupProps = {
+    options: ToggleOption[] | (() => ToggleOption[]);
+    /** Controlled value(s) — string for single, string[] for multi */
+    value?: string | string[] | (() => string | string[]);
+    /** Allow multiple selections */
+    multiple?: boolean;
+    onChange?: (value: string | string[]) => void;
+    size?: "sm" | "md";
+    class?: string | (() => string);
+};
+/** Segmented control — single or multi select. */
+export declare const ToggleGroup: import("@lab206/dom").Component<{
+    options: ToggleOption[] | (() => ToggleOption[]);
+    value?: string | string[] | (() => string | string[]);
+    multiple?: boolean;
+    onChange?: (value: string | string[]) => void;
+    size?: "sm" | "md";
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=ToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/components/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IACjD,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACtD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAqEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;aA9Eb,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC;YAExC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;eAE1C,OAAO;eACP,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;WACtC,IAAI,GAAG,IAAI;YACV,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA8I/B,CAAC"}

package/dist/components/ToggleGroup.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx } 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("toggle-group", `
+.pu-toggle-group {
+  display: inline-flex;
+  align-items: stretch;
+  padding: 3px;
+  gap: 2px;
+  border-radius: var(--pu-radius-md);
+  background: var(--pu-color-surface-sunken);
+  border: 1px solid var(--pu-color-border);
+  width: fit-content;
+  max-width: 100%;
+  flex-wrap: wrap;
+}
+.pu-toggle {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--pu-color-text-muted);
+  font: inherit;
+  font-weight: var(--pu-font-semibold);
+  letter-spacing: -0.01em;
+  border-radius: calc(var(--pu-radius-md) - 2px);
+  cursor: pointer;
+  white-space: nowrap;
+  transition:
+    background var(--pu-duration) var(--pu-ease-out),
+    color var(--pu-duration) var(--pu-ease-out),
+    box-shadow var(--pu-duration) var(--pu-ease-out),
+    transform var(--pu-duration-fast) var(--pu-ease-out);
+}
+.pu-toggle--sm { padding: 0.3rem 0.65rem; font-size: var(--pu-text-xs); }
+.pu-toggle--md { padding: 0.4rem 0.85rem; font-size: var(--pu-text-sm); }
+.pu-toggle:hover:not(:disabled):not(.is-on) {
+  color: var(--pu-color-text);
+  background: color-mix(in srgb, var(--pu-color-surface) 70%, transparent);
+}
+.pu-toggle:active:not(:disabled) { transform: scale(0.96); }
+.pu-toggle:focus-visible {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--pu-color-surface-sunken),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+  z-index: 1;
+}
+.pu-toggle.is-on {
+  background: var(--pu-color-surface);
+  color: var(--pu-color-text);
+  box-shadow: var(--pu-shadow-xs);
+}
+.pu-toggle.is-on:focus-visible {
+  box-shadow:
+    var(--pu-shadow-xs),
+    0 0 0 2px var(--pu-color-surface),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+}
+.pu-toggle:disabled { opacity: 0.45; cursor: not-allowed; }
+@media (prefers-reduced-motion: reduce) {
+  .pu-toggle {
+    transition: background var(--pu-duration-fast) linear, color var(--pu-duration-fast) linear;
+  }
+  .pu-toggle:active:not(:disabled) { transform: none; }
+}
+`);
+/** Segmented control — single or multi select. */
+export const ToggleGroup = component((raw) => {
+    ensure();
+    const props = mergeProps({ multiple: false, size: "md" }, raw);
+    const current = () => {
+        if (props.value === undefined)
+            return props.multiple ? [] : "";
+        return typeof props.value === "function"
+            ? props.value()
+            : props.value;
+    };
+    const isOn = (v) => {
+        const c = current();
+        return Array.isArray(c) ? c.includes(v) : c === v;
+    };
+    const toggle = (v) => {
+        if (props.multiple) {
+            const c = current();
+            const arr = Array.isArray(c) ? [...c] : c ? [c] : [];
+            const i = arr.indexOf(v);
+            if (i >= 0)
+                arr.splice(i, 1);
+            else
+                arr.push(v);
+            props.onChange?.(arr);
+        }
+        else {
+            props.onChange?.(v);
+        }
+    };
+    const getOptions = () => typeof props.options === "function"
+        ? props.options()
+        : (props.options ?? []);
+    return (_jsx("div", { class: () => cx("pu-toggle-group", typeof props.class === "function" ? props.class() : props.class), role: "group", ref: (el) => ensure(el.ownerDocument), children: _jsx(For, { each: getOptions, children: (opt) => (_jsx("button", { type: "button", class: () => cx("pu-toggle", `pu-toggle--${props.size}`, isOn(opt().value) && "is-on"), "aria-pressed": () => isOn(opt().value), disabled: () => !!opt().disabled, onClick: () => toggle(opt().value), children: () => opt().label })) }) }));
+});
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup.js.map

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

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,19 @@
+export type TooltipProps = {
+    /** Tooltip text */
+    content: string | (() => string);
+    /** Preferred side */
+    side?: "top" | "bottom";
+    class?: string | (() => string);
+    children?: unknown;
+};
+/**
+ * Lightweight hover/focus tooltip.
+ * Bubble is portaled to `document.body` so overflow:hidden ancestors cannot clip it.
+ */
+export declare const Tooltip: import("@lab206/dom").Component<{
+    content: string | (() => string);
+    side?: "top" | "bottom";
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG;IACzB,mBAAmB;IACnB,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,qBAAqB;IACrB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA8DF;;;GAGG;AACH,eAAO,MAAM,OAAO;aAvET,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;WAEzB,KAAK,GAAG,QAAQ;YACf,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EAiLlB,CAAC"}

package/dist/components/Tooltip.js

@@ -0,0 +1,141 @@
+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-tooltip {
+  position: relative;
+  display: inline-flex;
+  max-width: 100%;
+}
+.pu-tooltip__trigger {
+  display: inline-flex;
+  max-width: 100%;
+}
+.pu-tooltip__bubble {
+  position: fixed;
+  z-index: var(--pu-z-toast);
+  padding: 0.35rem 0.55rem;
+  border-radius: var(--pu-radius-sm);
+  background: var(--pu-gray-900);
+  color: var(--pu-gray-50);
+  font-size: var(--pu-text-xs);
+  font-weight: var(--pu-font-medium);
+  line-height: 1.35;
+  letter-spacing: -0.01em;
+  max-width: min(16rem, 70vw);
+  white-space: normal;
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(4px) scale(0.96);
+  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);
+  box-shadow: var(--pu-shadow-md);
+  border: 1px solid color-mix(in srgb, var(--pu-gray-700) 80%, transparent);
+}
+[data-pu-theme="dark"] .pu-tooltip__bubble {
+  background: var(--pu-gray-800);
+  border-color: var(--pu-gray-700);
+}
+.pu-tooltip__bubble.is-open {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0) scale(1);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-tooltip__bubble { transition: none; transform: none; }
+  .pu-tooltip__bubble.is-open { transform: none; }
+}
+`;
+let injected = false;
+function ensureStyles(doc = document) {
+    if (typeof doc === "undefined")
+        return;
+    if (doc.querySelector('style[data-pu-ui="tooltip"]'))
+        return;
+    const el = doc.createElement("style");
+    el.setAttribute("data-pu-ui", "tooltip");
+    el.textContent = styles;
+    doc.head.appendChild(el);
+    if (doc === document)
+        injected = true;
+}
+/**
+ * Lightweight hover/focus tooltip.
+ * Bubble is portaled to `document.body` so overflow:hidden ancestors cannot clip it.
+ */
+export const Tooltip = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ side: "top" }, raw);
+    const text = () => typeof props.content === "function"
+        ? props.content()
+        : props.content;
+    let rootEl = null;
+    let triggerEl = null;
+    let bubbleEl = null;
+    let portaled = false;
+    const place = () => {
+        if (!triggerEl || !bubbleEl)
+            return;
+        if (!bubbleEl.classList.contains("is-open"))
+            return;
+        const doc = triggerEl.ownerDocument;
+        const win = doc.defaultView ?? window;
+        const gap = 8;
+        const pad = 8;
+        const rect = triggerEl.getBoundingClientRect();
+        const bw = bubbleEl.offsetWidth || 120;
+        const bh = bubbleEl.offsetHeight || 28;
+        const vw = win.innerWidth;
+        const vh = win.innerHeight;
+        const prefer = props.side;
+        const spaceAbove = rect.top - gap - pad;
+        const spaceBelow = vh - rect.bottom - gap - pad;
+        let side = prefer;
+        if (prefer === "top" && spaceAbove < bh && spaceBelow > spaceAbove) {
+            side = "bottom";
+        }
+        else if (prefer === "bottom" &&
+            spaceBelow < bh &&
+            spaceAbove > spaceBelow) {
+            side = "top";
+        }
+        let top = side === "top" ? rect.top - gap - bh : rect.bottom + gap;
+        top = Math.min(Math.max(pad, top), Math.max(pad, vh - bh - pad));
+        let left = rect.left + rect.width / 2 - bw / 2;
+        left = Math.min(Math.max(pad, left), Math.max(pad, vw - bw - pad));
+        bubbleEl.dataset.side = side;
+        bubbleEl.style.top = `${Math.round(top)}px`;
+        bubbleEl.style.left = `${Math.round(left)}px`;
+    };
+    const ensurePortal = () => {
+        if (!bubbleEl || portaled)
+            return;
+        const doc = bubbleEl.ownerDocument;
+        ensureStyles(doc);
+        doc.body.appendChild(bubbleEl);
+        portaled = true;
+    };
+    const open = () => {
+        ensurePortal();
+        bubbleEl?.classList.add("is-open");
+        rootEl?.classList.add("is-open");
+        const win = triggerEl?.ownerDocument.defaultView ?? window;
+        win.setTimeout(place, 0);
+    };
+    const close = () => {
+        bubbleEl?.classList.remove("is-open");
+        rootEl?.classList.remove("is-open");
+    };
+    return (_jsxs("span", { class: () => cx("pu-tooltip", typeof props.class === "function" ? props.class() : props.class), ref: (el) => {
+            rootEl = el;
+            ensureStyles(el.ownerDocument);
+        }, onMouseEnter: open, onMouseLeave: close, onFocusIn: open, onFocusOut: close, children: [_jsx("span", { class: "pu-tooltip__trigger", ref: (el) => {
+                    triggerEl = el;
+                }, children: props.children }), _jsx("span", { class: "pu-tooltip__bubble", role: "tooltip", ref: (el) => {
+                    bubbleEl = el;
+                }, children: text })] }));
+});
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

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

package/dist/components/Transition.d.ts

@@ -0,0 +1,22 @@
+export type TransitionProps = {
+    /** Show / hide the child */
+    show: boolean | (() => boolean);
+    /** CSS name prefix — generates name-enter, name-enter-active, name-exit, name-exit-active */
+    name?: string;
+    /** Fallback duration (ms) if no transitionend fires */
+    duration?: number;
+    class?: string | (() => string);
+    children?: unknown;
+};
+/**
+ * Enter/exit CSS transitions around children.
+ * Default name `"pu-fade"`; also built-in `"pu-collapse"`.
+ */
+export declare const Transition: import("@lab206/dom").Component<{
+    show: boolean | (() => boolean);
+    name?: string;
+    duration?: number;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Transition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../src/components/Transition.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG;IAC5B,4BAA4B;IAC5B,IAAI,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAChC,6FAA6F;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmDF;;;GAGG;AACH,eAAO,MAAM,UAAU;UA9Df,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;WAExB,MAAM;eAEF,MAAM;YACT,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA6IlB,CAAC"}

package/dist/components/Transition.js

@@ -0,0 +1,139 @@
+import { effect } from "@lab206/core";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("transition", `
+.pu-transition { display: contents; }
+.pu-fade-enter { opacity: 0; }
+.pu-fade-enter-active {
+  opacity: 1;
+  transition: opacity var(--pu-duration) var(--pu-ease-out);
+}
+.pu-fade-exit { opacity: 1; }
+.pu-fade-exit-active {
+  opacity: 0;
+  transition: opacity var(--pu-duration) var(--pu-ease);
+}
+.pu-collapse-enter {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+}
+.pu-collapse-enter-active {
+  overflow: hidden;
+  max-height: 40rem;
+  opacity: 1;
+  transition:
+    max-height var(--pu-duration-slow) var(--pu-ease-out),
+    opacity var(--pu-duration) var(--pu-ease-out);
+}
+.pu-collapse-exit {
+  overflow: hidden;
+  max-height: 40rem;
+  opacity: 1;
+}
+.pu-collapse-exit-active {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  transition:
+    max-height var(--pu-duration-slow) var(--pu-ease),
+    opacity var(--pu-duration) var(--pu-ease);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-fade-enter-active,
+  .pu-fade-exit-active,
+  .pu-collapse-enter-active,
+  .pu-collapse-exit-active { transition: none; }
+}
+`);
+/**
+ * Enter/exit CSS transitions around children.
+ * Default name `"pu-fade"`; also built-in `"pu-collapse"`.
+ */
+export const Transition = component((raw) => {
+    ensure();
+    const props = raw;
+    const name = () => props.name ?? "pu-fade";
+    const duration = () => props.duration ?? 220;
+    const host = document.createElement("div");
+    host.className = "pu-transition";
+    let childHost = null;
+    let phase = "void";
+    const resolveChild = () => {
+        const c = props.children;
+        if (c == null || c === false)
+            return null;
+        if (c instanceof Node)
+            return c;
+        if (typeof c === "function") {
+            const r = c();
+            if (r instanceof Node)
+                return r;
+            if (r == null)
+                return null;
+            return document.createTextNode(String(r));
+        }
+        return document.createTextNode(String(c));
+    };
+    const show = () => {
+        const s = props.show;
+        return typeof s === "function" ? !!s() : !!s;
+    };
+    effect(() => {
+        const on = show();
+        const n = name();
+        const doc = host.ownerDocument;
+        ensure(doc);
+        const win = doc.defaultView ?? window;
+        if (on) {
+            if (phase === "in")
+                return;
+            phase = "in";
+            host.replaceChildren();
+            const wrap = doc.createElement("div");
+            wrap.className = cx(typeof props.class === "function" ? props.class() : props.class);
+            const node = resolveChild();
+            if (node)
+                wrap.appendChild(node);
+            childHost = wrap;
+            host.appendChild(wrap);
+            wrap.classList.add(`${n}-enter`);
+            // force reflow
+            void wrap.offsetWidth;
+            wrap.classList.add(`${n}-enter-active`);
+            const done = () => {
+                wrap.classList.remove(`${n}-enter`, `${n}-enter-active`);
+            };
+            const t = win.setTimeout(done, duration());
+            wrap.addEventListener("transitionend", done, { once: true });
+            return () => win.clearTimeout(t);
+        }
+        // exit
+        if (phase === "void" || !childHost) {
+            host.replaceChildren();
+            phase = "void";
+            return;
+        }
+        if (phase === "out")
+            return;
+        phase = "out";
+        const wrap = childHost;
+        wrap.classList.remove(`${n}-enter`, `${n}-enter-active`);
+        wrap.classList.add(`${n}-exit`);
+        void wrap.offsetWidth;
+        wrap.classList.add(`${n}-exit-active`);
+        const finish = () => {
+            if (phase !== "out")
+                return;
+            host.replaceChildren();
+            childHost = null;
+            phase = "void";
+        };
+        const t = win.setTimeout(finish, duration());
+        wrap.addEventListener("transitionend", finish, { once: true });
+        return () => win.clearTimeout(t);
+    });
+    return host;
+});
+//# sourceMappingURL=Transition.js.map

package/dist/components/Transition.js.map

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

package/dist/density.d.ts

@@ -0,0 +1,21 @@
+import { type Signal } from "@lab206/core";
+export type Density = "comfortable" | "compact";
+export interface DensityController {
+    density: Signal<Density>;
+    setDensity(next: Density): void;
+    toggle(): void;
+    /** Apply `data-pu-density` (default: document.documentElement) */
+    bind(target?: Element): () => void;
+}
+/**
+ * Control spacing / control height density via CSS tokens.
+ *
+ * @example
+ * ```ts
+ * const density = createDensity("comfortable");
+ * density.bind();
+ * density.setDensity("compact");
+ * ```
+ */
+export declare function createDensity(initial?: Density): DensityController;
+//# sourceMappingURL=density.d.ts.map

package/dist/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../src/density.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG,aAAa,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,MAAM,IAAI,IAAI,CAAC;IACf,kEAAkE;IAClE,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,IAAI,CAAC;CACpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,OAAuB,GAAG,iBAAiB,CAuBjF"}