@lab206/ui 0.1.0

package/dist/components/Tabs.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { signal, effect } from "@lab206/core";
+import { For, component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { applyRovingTabIndex, handleRovingKeydown, listRovingItems, } from "../rovingFocus.js";
+const TAB_SEL = '[role="tab"]:not([disabled])';
+const styles = `
+.pu-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pu-space-4);
+  min-width: 0;
+}
+.pu-tabs__list {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 3px;
+  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%;
+  overflow-x: auto;
+}
+.pu-tabs__tab {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--pu-color-text-muted);
+  font: inherit;
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-semibold);
+  letter-spacing: -0.01em;
+  padding: 0.45rem 0.9rem;
+  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);
+}
+.pu-tabs__tab:hover:not(:disabled):not(.pu-tabs__tab--active) {
+  color: var(--pu-color-text);
+  background: color-mix(in srgb, var(--pu-color-surface) 60%, transparent);
+}
+.pu-tabs__tab:active:not(:disabled) {
+  transform: scale(0.97);
+}
+.pu-tabs__tab--active {
+  background: var(--pu-color-surface);
+  color: var(--pu-color-text);
+  box-shadow: var(--pu-shadow-sm);
+}
+.pu-tabs__tab:focus-visible {
+  outline: none;
+  box-shadow:
+    var(--pu-shadow-sm),
+    0 0 0 2px color-mix(in srgb, var(--pu-color-focus) 50%, transparent);
+}
+.pu-tabs__tab:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.pu-tabs__panel {
+  min-width: 0;
+  animation: pu-tabs-panel-in var(--pu-duration) var(--pu-ease-out);
+}
+@keyframes pu-tabs-panel-in {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-tabs__panel { animation: none; }
+  .pu-tabs__tab { transition: none; }
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "tabs");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/**
+ * Segmented tabs with WAI-ARIA keyboard:
+ * ArrowLeft/Right · Home/End move focus and activate · Tab exits to panel.
+ */
+export const Tabs = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({}, raw);
+    let listEl = null;
+    const getItems = () => {
+        const i = props.items;
+        return typeof i === "function" ? i() : (i ?? []);
+    };
+    const firstEnabledId = () => {
+        const items = getItems();
+        return items.find((t) => !t.disabled)?.id ?? items[0]?.id ?? "";
+    };
+    const internal = signal(props.defaultValue ?? firstEnabledId());
+    const active = () => {
+        if (props.value !== undefined) {
+            return typeof props.value === "function"
+                ? props.value()
+                : props.value;
+        }
+        return internal();
+    };
+    const select = (id) => {
+        const item = getItems().find((t) => t.id === id);
+        if (!item || item.disabled)
+            return;
+        if (props.value === undefined)
+            internal.set(id);
+        props.onChange?.(id);
+    };
+    const tabIdOf = (el) => el.getAttribute("data-tab-id") ||
+        el.id.replace(/^pu-tab-/, "") ||
+        "";
+    const syncTabIndex = () => {
+        if (!listEl)
+            return;
+        const items = listRovingItems(listEl, TAB_SEL);
+        const idx = items.findIndex((el) => tabIdOf(el) === active());
+        applyRovingTabIndex(items, idx >= 0 ? idx : 0);
+    };
+    effect(() => {
+        active(); // track
+        // Defer so For has painted buttons
+        const t = window.setTimeout(syncTabIndex, 0);
+        return () => window.clearTimeout(t);
+    });
+    return (_jsxs("div", { class: () => cx("pu-tabs", typeof props.class === "function" ? props.class() : props.class), children: [_jsx("div", { class: "pu-tabs__list", role: "tablist", "aria-orientation": "horizontal", ref: (el) => {
+                    listEl = el;
+                }, onKeyDown: (e) => {
+                    if (!listEl)
+                        return;
+                    handleRovingKeydown(e, listEl, TAB_SEL, {
+                        orientation: "horizontal",
+                        loop: true,
+                        onMove: (el) => {
+                            const id = tabIdOf(el);
+                            if (id)
+                                select(id);
+                        },
+                        onActivate: (el) => {
+                            const id = tabIdOf(el);
+                            if (id)
+                                select(id);
+                        },
+                    });
+                }, children: _jsx(For, { each: getItems, children: (item) => (_jsx("button", { type: "button", role: "tab", tabindex: -1, id: () => `pu-tab-${item().id}`, "data-tab-id": () => item().id, "aria-selected": () => active() === item().id, "aria-controls": () => `pu-tabpanel-${item().id}`, disabled: () => !!item().disabled, class: () => cx("pu-tabs__tab", active() === item().id && "pu-tabs__tab--active"), onClick: () => select(item().id), onFocus: () => {
+                            // Keep roving index aligned when user tabs into the list
+                            if (!listEl)
+                                return;
+                            const items = listRovingItems(listEl, TAB_SEL);
+                            const idx = items.findIndex((el) => el.getAttribute("data-tab-id") === item().id);
+                            if (idx >= 0)
+                                applyRovingTabIndex(items, idx);
+                        }, children: () => item().label })) }) }), _jsx("div", { class: "pu-tabs__panel", role: "tabpanel", id: () => `pu-tabpanel-${active()}`, "aria-labelledby": () => `pu-tab-${active()}`, tabindex: 0, children: () => {
+                    const cur = getItems().find((i) => i.id === active());
+                    return cur?.content ?? null;
+                } })] }));
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

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

package/dist/components/Text.d.ts

@@ -0,0 +1,17 @@
+export type TextProps = {
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "label";
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    muted?: boolean | (() => boolean);
+    weight?: "normal" | "medium" | "semibold" | "bold";
+    class?: string | (() => string);
+    children?: unknown;
+};
+export declare const Text: import("@lab206/dom").Component<{
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "label";
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    muted?: boolean | (() => boolean);
+    weight?: "normal" | "medium" | "semibold" | "bold";
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,IAAI;SAhCV,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO;WAChD,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;YACvC,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;aACxB,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM;YAC1C,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA2DlB,CAAC"}

package/dist/components/Text.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-text { margin: 0; color: var(--pu-color-text); line-height: var(--pu-leading); }
+.pu-text--muted { color: var(--pu-color-text-muted); }
+.pu-text--xs { font-size: var(--pu-text-xs); }
+.pu-text--sm { font-size: var(--pu-text-sm); }
+.pu-text--md { font-size: var(--pu-text-md); }
+.pu-text--lg { font-size: var(--pu-text-lg); }
+.pu-text--xl { font-size: var(--pu-text-xl); font-weight: var(--pu-font-semibold); letter-spacing: var(--pu-tracking-tight); line-height: var(--pu-leading-tight); }
+.pu-text--2xl { font-size: var(--pu-text-2xl); font-weight: var(--pu-font-bold); letter-spacing: var(--pu-tracking-display); line-height: var(--pu-leading-tight); }
+.pu-text--medium { font-weight: var(--pu-font-medium); }
+.pu-text--semibold { font-weight: var(--pu-font-semibold); }
+.pu-text--bold { font-weight: var(--pu-font-bold); }
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "text");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Text = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ as: "p", size: "md", weight: "normal", muted: false }, raw);
+    const tag = props.as;
+    const className = () => cx("pu-text", `pu-text--${props.size}`, props.weight !== "normal" && `pu-text--${props.weight}`, (typeof props.muted === "function" ? props.muted() : props.muted) &&
+        "pu-text--muted", typeof props.class === "function" ? props.class() : props.class);
+    // Dynamic tag via h would be cleaner; jsx needs static tag — use span wrapper for rare tags via attribute
+    if (tag === "h1")
+        return _jsx("h1", { class: className, children: props.children });
+    if (tag === "h2")
+        return _jsx("h2", { class: className, children: props.children });
+    if (tag === "h3")
+        return _jsx("h3", { class: className, children: props.children });
+    if (tag === "h4")
+        return _jsx("h4", { class: className, children: props.children });
+    if (tag === "span")
+        return _jsx("span", { class: className, children: props.children });
+    if (tag === "label")
+        return _jsx("label", { class: className, children: props.children });
+    return _jsx("p", { class: className, children: props.children });
+});
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.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;;;;;;;;;;;;CAYd,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,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAc,EAAE,EAAE;IAC/C,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB,EAAE,EAAE,EAAE,GAAY,EAAE,IAAI,EAAE,IAAa,EAAE,MAAM,EAAE,QAAiB,EAAE,KAAK,EAAE,KAAK,EAAE,EAClF,GAAG,CAC+E,CAAC;IAErF,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC;IACrB,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,EAAE,CACA,SAAS,EACT,YAAY,KAAK,CAAC,IAAI,EAAE,EACxB,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,YAAY,KAAK,CAAC,MAAM,EAAE,EACvD,CAAC,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/D,gBAAgB,EAClB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,CAAC;IAEJ,0GAA0G;IAC1G,IAAI,GAAG,KAAK,IAAI;QACd,OAAO,aAAI,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAM,CAAC;IAC9D,IAAI,GAAG,KAAK,IAAI;QACd,OAAO,aAAI,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAM,CAAC;IAC9D,IAAI,GAAG,KAAK,IAAI;QACd,OAAO,aAAI,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAM,CAAC;IAC9D,IAAI,GAAG,KAAK,IAAI;QACd,OAAO,aAAI,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAM,CAAC;IAC9D,IAAI,GAAG,KAAK,MAAM;QAChB,OAAO,eAAM,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAQ,CAAC;IAClE,IAAI,GAAG,KAAK,OAAO;QACjB,OAAO,gBAAO,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAS,CAAC;IACpE,OAAO,YAAG,KAAK,EAAE,SAAS,YAAG,KAAK,CAAC,QAAiB,GAAK,CAAC;AAC5D,CAAC,CAAC,CAAC"}

package/dist/components/Textarea.d.ts

@@ -0,0 +1,32 @@
+import { type Signal } from "@lab206/core";
+import { type MaybeReactive } from "../reactive.js";
+import type { Bindable } from "../form.js";
+export type TextareaProps = {
+    value?: MaybeReactive<string>;
+    /** Two-way bind a string signal — preferred over value + onInput. */
+    bind?: Bindable<string> | Signal<string>;
+    placeholder?: string;
+    rows?: number;
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onInput?: (e: Event) => void;
+    onBlur?: (e: FocusEvent) => void;
+    id?: string;
+    "aria-label"?: string;
+    "aria-invalid"?: MaybeReactive<boolean>;
+};
+/** Multiline text. Prefer `<Textarea bind={notes} />`. */
+export declare const Textarea: import("@lab206/dom").Component<{
+    value?: MaybeReactive<string>;
+    bind?: Bindable<string>;
+    placeholder?: string;
+    rows?: number;
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onInput?: (e: Event) => void;
+    onBlur?: (e: FocusEvent) => void;
+    id?: string;
+    "aria-label"?: string;
+    "aria-invalid"?: MaybeReactive<boolean>;
+}>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,qEAAqE;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAwCF,0DAA0D;AAC1D,eAAO,MAAM,QAAQ;YArDX,aAAa,CAAC,MAAM,CAAC;;kBAGf,MAAM;WACb,MAAM;eACF,aAAa,CAAC,OAAO,CAAC;YACzB,aAAa,CAAC,MAAM,CAAC;cACnB,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;aACnB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;SAC3B,MAAM;mBACI,MAAM;qBACJ,aAAa,CAAC,OAAO,CAAC;EA6GvC,CAAC"}

package/dist/components/Textarea.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { effect } from "@lab206/core";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { readBool, readStr } from "../reactive.js";
+const styles = `
+.pu-textarea {
+  width: 100%;
+  min-height: calc(var(--pu-control-h-md) * 2.2);
+  padding: 0.65rem var(--pu-control-px);
+  border-radius: var(--pu-radius-md);
+  border: 1px solid var(--pu-color-control-border, var(--pu-color-border));
+  background: var(--pu-color-surface);
+  color: var(--pu-color-text);
+  resize: vertical;
+  line-height: 1.45;
+  transition: border-color var(--pu-duration) var(--pu-ease), box-shadow var(--pu-duration) var(--pu-ease);
+}
+.pu-textarea::placeholder { color: var(--pu-color-text-muted); }
+.pu-textarea:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--pu-color-border) 60%, var(--pu-color-text-muted));
+}
+.pu-textarea: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-textarea:disabled { opacity: 0.55; cursor: not-allowed; }
+.pu-textarea[aria-invalid="true"] {
+  border-color: var(--pu-color-danger);
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "textarea");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/** Multiline text. Prefer `<Textarea bind={notes} />`. */
+export const Textarea = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ rows: 4 }, raw);
+    const bound = raw.bind;
+    const controlled = raw.value !== undefined || bound !== undefined;
+    let el = null;
+    const readValue = () => bound
+        ? readStr(bound)
+        : readStr(props.value);
+    const initial = controlled ? readValue() : "";
+    if (controlled) {
+        effect(() => {
+            const next = readValue();
+            const node = el;
+            if (!node)
+                return;
+            if (node.ownerDocument.activeElement === node)
+                return;
+            if (node.value !== next)
+                node.value = next;
+        });
+    }
+    return (_jsx("textarea", { id: props.id, class: () => cx("pu-textarea", readStr(props.class) || undefined), rows: props.rows, placeholder: props.placeholder, disabled: () => readBool(props.disabled), defaultValue: controlled ? initial : undefined, onInput: (e) => {
+            if (bound) {
+                const t = (e.currentTarget ?? e.target);
+                if (t && "value" in t)
+                    bound.set(t.value);
+            }
+            props.onInput?.(e);
+        }, onBlur: (e) => {
+            if (controlled && el) {
+                const next = readValue();
+                if (el.value !== next)
+                    el.value = next;
+            }
+            props.onBlur?.(e);
+        }, ref: (node) => {
+            el = node;
+            if (controlled && el && el.ownerDocument.activeElement !== el) {
+                const next = readValue();
+                if (el.value !== next)
+                    el.value = next;
+            }
+        }, "aria-label": props["aria-label"], "aria-invalid": () => readBool(props["aria-invalid"])
+            ? true
+            : undefined }));
+});
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

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

package/dist/components/Timeline.d.ts

@@ -0,0 +1,17 @@
+export type TimelineItem = {
+    id: string;
+    title: string;
+    description?: string;
+    time?: string;
+    tone?: "default" | "accent" | "success" | "danger";
+};
+export type TimelineProps = {
+    items: TimelineItem[] | (() => TimelineItem[]);
+    class?: string | (() => string);
+};
+/** Activity / event timeline. */
+export declare const Timeline: import("@lab206/dom").Component<{
+    items: TimelineItem[] | (() => TimelineItem[]);
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAuEF,iCAAiC;AACjC,eAAO,MAAM,QAAQ;WA1EZ,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC;YACtC,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAuI/B,CAAC"}

package/dist/components/Timeline.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { For, component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("timeline", `
+.pu-timeline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+}
+.pu-timeline__item {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0 0.85rem;
+}
+.pu-timeline__rail {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 0.85rem;
+}
+.pu-timeline__dot {
+  width: 0.7rem;
+  height: 0.7rem;
+  border-radius: 50%;
+  background: var(--pu-color-border-strong, var(--pu-color-border));
+  border: 2px solid var(--pu-color-surface);
+  box-shadow: 0 0 0 1px var(--pu-color-border);
+  z-index: 1;
+  margin-top: 0.35rem;
+  flex-shrink: 0;
+}
+.pu-timeline__dot--accent { background: var(--pu-color-accent); box-shadow: 0 0 0 1px var(--pu-color-accent); }
+.pu-timeline__dot--success { background: var(--pu-color-success, #69be28); box-shadow: 0 0 0 1px var(--pu-color-success, #69be28); }
+.pu-timeline__dot--danger { background: var(--pu-color-danger); box-shadow: 0 0 0 1px var(--pu-color-danger); }
+.pu-timeline__line {
+  flex: 1;
+  width: 2px;
+  background: var(--pu-color-border);
+  min-height: 1.25rem;
+  margin: 0.25rem 0 0;
+}
+.pu-timeline__item:last-child .pu-timeline__line { display: none; }
+.pu-timeline__body {
+  padding-bottom: 1.15rem;
+  min-width: 0;
+}
+.pu-timeline__item:last-child .pu-timeline__body { padding-bottom: 0; }
+.pu-timeline__time {
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  font-variant-numeric: tabular-nums;
+  margin-bottom: 0.15rem;
+}
+.pu-timeline__title {
+  margin: 0;
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-semibold);
+  color: var(--pu-color-text);
+}
+.pu-timeline__desc {
+  margin: 0.25rem 0 0;
+  font-size: var(--pu-text-sm);
+  color: var(--pu-color-text-muted);
+  line-height: 1.5;
+}
+`);
+/** Activity / event timeline. */
+export const Timeline = component((raw) => {
+    ensure();
+    const props = raw;
+    const getItems = () => typeof props.items === "function"
+        ? props.items()
+        : (props.items ?? []);
+    return (_jsx("ol", { class: () => cx("pu-timeline", typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensure(el.ownerDocument), children: _jsx(For, { each: getItems, children: (item) => (_jsxs("li", { class: "pu-timeline__item", children: [_jsxs("div", { class: "pu-timeline__rail", "aria-hidden": "true", children: [_jsx("div", { class: () => cx("pu-timeline__dot", item().tone &&
+                                    item().tone !== "default" &&
+                                    `pu-timeline__dot--${item().tone}`) }), _jsx("div", { class: "pu-timeline__line" })] }), _jsxs("div", { class: "pu-timeline__body", children: [() => item().time
+                                ? (() => {
+                                    const t = document.createElement("div");
+                                    t.className = "pu-timeline__time";
+                                    t.textContent = item().time;
+                                    return t;
+                                })()
+                                : null, _jsx("h4", { class: "pu-timeline__title", children: () => item().title }), () => item().description
+                                ? (() => {
+                                    const p = document.createElement("p");
+                                    p.className = "pu-timeline__desc";
+                                    p.textContent = item().description;
+                                    return p;
+                                })()
+                                : null] })] })) }) }));
+});
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAehD,MAAM,MAAM,GAAG,gBAAgB,CAC7B,UAAU,EACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgED,CACA,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,GAAkB,EAAE,EAAE;IACvD,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,GAAoC,CAAC;IACnD,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU;QAC/B,CAAC,CAAE,KAAK,CAAC,KAA8B,EAAE;QACzC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,aACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,aAAa,EACb,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,YAErC,KAAC,GAAG,IAAC,IAAI,EAAE,QAAQ,YAChB,CAAC,IAAI,EAAE,EAAE,CAAC,CACT,cAAI,KAAK,EAAC,mBAAmB,aAC3B,eAAK,KAAK,EAAC,mBAAmB,iBAAa,MAAM,aAC/C,cACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,kBAAkB,EAClB,IAAI,EAAE,CAAC,IAAI;oCACT,IAAI,EAAE,CAAC,IAAI,KAAK,SAAS;oCACzB,qBAAqB,IAAI,EAAE,CAAC,IAAI,EAAE,CACrC,GAEH,EACF,cAAK,KAAK,EAAC,mBAAmB,GAAG,IAC7B,EACN,eAAK,KAAK,EAAC,mBAAmB,aAC3B,GAAG,EAAE,CACJ,IAAI,EAAE,CAAC,IAAI;gCACT,CAAC,CAAC,CAAC,GAAG,EAAE;oCACJ,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oCACxC,CAAC,CAAC,SAAS,GAAG,mBAAmB,CAAC;oCAClC,CAAC,CAAC,WAAW,GAAG,IAAI,EAAE,CAAC,IAAK,CAAC;oCAC7B,OAAO,CAAC,CAAC;gCACX,CAAC,CAAC,EAAE;gCACN,CAAC,CAAC,IAAI,EAEV,aAAI,KAAK,EAAC,oBAAoB,YAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAM,EACvD,GAAG,EAAE,CACJ,IAAI,EAAE,CAAC,WAAW;gCAChB,CAAC,CAAC,CAAC,GAAG,EAAE;oCACJ,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;oCACtC,CAAC,CAAC,SAAS,GAAG,mBAAmB,CAAC;oCAClC,CAAC,CAAC,WAAW,GAAG,IAAI,EAAE,CAAC,WAAY,CAAC;oCACpC,OAAO,CAAC,CAAC;gCACX,CAAC,CAAC,EAAE;gCACN,CAAC,CAAC,IAAI,IAEN,IACH,CACN,GACG,GACH,CACN,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Toast.d.ts

@@ -0,0 +1,36 @@
+import { type Signal } from "@lab206/core";
+export type ToastTone = "info" | "success" | "danger";
+export type ToastItem = {
+    id: number;
+    title: string;
+    description?: string;
+    tone: ToastTone;
+};
+export type ToastController = {
+    items: Signal<ToastItem[]>;
+    push: (opts: {
+        title: string;
+        description?: string;
+        tone?: ToastTone;
+        duration?: number;
+    }) => number;
+    dismiss: (id: number) => void;
+    clear: () => void;
+};
+/**
+ * Create a toast queue. Call `push()` from event handlers; mount `<Toaster />`
+ * once near the app root.
+ */
+export declare function createToaster(): ToastController;
+export type ToasterProps = {
+    toaster: ToastController;
+    class?: string | (() => string);
+};
+/**
+ * Renders the toast stack for a `createToaster()` controller.
+ */
+export declare const Toaster: import("@lab206/dom").Component<{
+    toaster: ToastController;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3B,IAAI,EAAE,CAAC,IAAI,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KAAK,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAIF;;;GAGG;AACH,wBAAgB,aAAa,IAAI,eAAe,CAoC/C;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAgGF;;GAEG;AACH,eAAO,MAAM,OAAO;aArGT,eAAe;YAChB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAqJ/B,CAAC"}