@lab206/ui 0.1.0

package/dist/components/Stat.d.ts

@@ -0,0 +1,23 @@
+export type StatProps = {
+    label: string;
+    value: string | number | (() => string | number);
+    /** e.g. "+12%" or "vs last week" */
+    delta?: string | (() => string);
+    /** Visual tone for delta */
+    tone?: "neutral" | "positive" | "negative";
+    hint?: string | (() => string);
+    /** When set, the card is a button that navigates / filters. */
+    onClick?: () => void;
+    class?: string | (() => string);
+};
+/** KPI / metric card for dashboards. */
+export declare const Stat: import("@lab206/dom").Component<{
+    label: string;
+    value: string | number | (() => string | number);
+    delta?: string | (() => string);
+    tone?: "neutral" | "positive" | "negative";
+    hint?: string | (() => string);
+    onClick?: () => void;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Stat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../src/components/Stat.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC;IACjD,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAgFF,wCAAwC;AACxC,eAAO,MAAM,IAAI;WA3FR,MAAM;WACN,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC;YAExC,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;WAExB,SAAS,GAAG,UAAU,GAAG,UAAU;WACnC,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;cAEpB,MAAM,IAAI;YACZ,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA0J/B,CAAC"}

package/dist/components/Stat.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@lab206/dom/jsx-runtime";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("stat", `
+.pu-stat {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  padding: 1rem 1.1rem;
+  border: 1px solid var(--pu-color-border);
+  border-radius: var(--pu-radius-lg);
+  background: var(--pu-color-surface);
+  min-width: 0;
+  text-align: left;
+  font: inherit;
+  color: inherit;
+}
+button.pu-stat {
+  appearance: none;
+  cursor: pointer;
+  width: 100%;
+  transition:
+    border-color var(--pu-duration) var(--pu-ease),
+    box-shadow var(--pu-duration) var(--pu-ease),
+    transform var(--pu-duration-fast) var(--pu-ease);
+}
+button.pu-stat:hover {
+  border-color: color-mix(in srgb, var(--pu-color-accent) 40%, var(--pu-color-border));
+  box-shadow: var(--pu-shadow-sm);
+  transform: translateY(-1px);
+}
+button.pu-stat:focus-visible {
+  outline: 2px solid var(--pu-color-accent);
+  outline-offset: 2px;
+}
+.pu-stat__label {
+  font-size: var(--pu-text-xs);
+  font-weight: var(--pu-font-semibold);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--pu-color-text-muted);
+}
+.pu-stat__value {
+  font-size: var(--pu-text-2xl, 1.65rem);
+  font-weight: var(--pu-font-bold);
+  letter-spacing: var(--pu-tracking-tight);
+  color: var(--pu-color-text);
+  font-variant-numeric: tabular-nums;
+  line-height: 1.15;
+}
+.pu-stat__row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+.pu-stat__delta {
+  font-size: var(--pu-text-xs);
+  font-weight: var(--pu-font-semibold);
+  padding: 0.1rem 0.4rem;
+  border-radius: var(--pu-radius-full);
+  background: var(--pu-color-surface-2);
+  color: var(--pu-color-text-muted);
+}
+.pu-stat__delta--positive {
+  background: color-mix(in srgb, var(--pu-color-success, #69be28) 18%, transparent);
+  color: var(--pu-color-success, #69be28);
+}
+.pu-stat__delta--negative {
+  background: color-mix(in srgb, var(--pu-color-danger) 16%, transparent);
+  color: var(--pu-color-danger);
+}
+.pu-stat__hint {
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+}
+`);
+/** KPI / metric card for dashboards. */
+export const Stat = component((raw) => {
+    ensure();
+    const props = raw;
+    const value = () => typeof props.value === "function"
+        ? props.value()
+        : props.value;
+    const delta = () => typeof props.delta === "function"
+        ? props.delta()
+        : props.delta;
+    const hint = () => typeof props.hint === "function"
+        ? props.hint()
+        : props.hint;
+    const body = (_jsxs(_Fragment, { children: [_jsx("div", { class: "pu-stat__label", children: props.label }), _jsx("div", { class: "pu-stat__value", children: () => String(value()) }), (props.delta || props.hint) && (_jsxs("div", { class: "pu-stat__row", children: [() => {
+                        const d = delta();
+                        if (!d)
+                            return null;
+                        const s = document.createElement("span");
+                        s.className = cx("pu-stat__delta", props.tone === "positive" && "pu-stat__delta--positive", props.tone === "negative" && "pu-stat__delta--negative");
+                        s.textContent = d;
+                        return s;
+                    }, () => {
+                        const h = hint();
+                        if (!h)
+                            return null;
+                        const s = document.createElement("span");
+                        s.className = "pu-stat__hint";
+                        s.textContent = h;
+                        return s;
+                    }] }))] }));
+    const cls = () => cx("pu-stat", typeof props.class === "function" ? props.class() : props.class);
+    if (props.onClick) {
+        return (_jsx("button", { type: "button", class: cls, onClick: () => props.onClick?.(), ref: (el) => ensure(el.ownerDocument), children: body }));
+    }
+    return (_jsx("div", { class: cls, ref: (el) => ensure(el.ownerDocument), children: body }));
+});
+//# sourceMappingURL=Stat.js.map

package/dist/components/Stat.js.map

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

package/dist/components/Steps.d.ts

@@ -0,0 +1,20 @@
+export type StepItem = {
+    id: string;
+    label: string;
+    description?: string;
+};
+export type StepsProps = {
+    steps: StepItem[] | (() => StepItem[]);
+    /** 0-based current step index */
+    current: number | (() => number);
+    class?: string | (() => string);
+    onStepClick?: (index: number) => void;
+};
+/** Vertical step / wizard indicator. */
+export declare const Steps: import("@lab206/dom").Component<{
+    steps: StepItem[] | (() => StepItem[]);
+    current: number | (() => number);
+    class?: string | (() => string);
+    onStepClick?: (index: number) => void;
+}>;
+//# sourceMappingURL=Steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../src/components/Steps.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC;IACvC,iCAAiC;IACjC,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAwGF,wCAAwC;AACxC,eAAO,MAAM,KAAK;WA9GT,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAC;aAE7B,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;YACxB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;kBACjB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;EA+KrC,CAAC"}

package/dist/components/Steps.js

@@ -0,0 +1,126 @@
+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("steps", `
+.pu-steps {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.pu-steps__item {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0 0.75rem;
+  position: relative;
+}
+.pu-steps__marker {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 1.75rem;
+}
+.pu-steps__dot {
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 50%;
+  border: 2px solid var(--pu-color-border);
+  background: var(--pu-color-surface);
+  color: var(--pu-color-text-muted);
+  font-size: var(--pu-text-xs);
+  font-weight: var(--pu-font-bold);
+  display: grid;
+  place-items: center;
+  z-index: 1;
+  transition:
+    background var(--pu-duration) var(--pu-ease),
+    border-color var(--pu-duration) var(--pu-ease),
+    color var(--pu-duration) var(--pu-ease);
+}
+.pu-steps__item.is-done .pu-steps__dot,
+.pu-steps__item.is-current .pu-steps__dot {
+  border-color: var(--pu-color-accent);
+  background: var(--pu-color-accent);
+  color: var(--pu-color-accent-fg);
+}
+.pu-steps__item.is-current .pu-steps__dot {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pu-color-accent) 22%, transparent);
+}
+.pu-steps__line {
+  flex: 1;
+  width: 2px;
+  min-height: 1.25rem;
+  background: var(--pu-color-border);
+  margin: 0.2rem 0;
+}
+.pu-steps__item.is-done .pu-steps__line {
+  background: var(--pu-color-accent);
+}
+.pu-steps__item:last-child .pu-steps__line { display: none; }
+.pu-steps__body {
+  padding-bottom: 1.1rem;
+  min-width: 0;
+}
+.pu-steps__item:last-child .pu-steps__body { padding-bottom: 0; }
+.pu-steps__label {
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-semibold);
+  color: var(--pu-color-text);
+  margin: 0.2rem 0 0;
+}
+.pu-steps__item.is-todo .pu-steps__label {
+  color: var(--pu-color-text-muted);
+}
+.pu-steps__desc {
+  margin: 0.2rem 0 0;
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  line-height: 1.45;
+}
+.pu-steps__btn {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  padding: 0;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  color: inherit;
+  border-radius: var(--pu-radius-sm);
+}
+.pu-steps__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-steps__btn:disabled { cursor: default; }
+`);
+/** Vertical step / wizard indicator. */
+export const Steps = component((raw) => {
+    ensure();
+    const props = raw;
+    const getSteps = () => typeof props.steps === "function"
+        ? props.steps()
+        : (props.steps ?? []);
+    const current = () => typeof props.current === "function"
+        ? props.current()
+        : props.current;
+    return (_jsx("ol", { class: () => cx("pu-steps", typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensure(el.ownerDocument), children: _jsx(For, { each: getSteps, children: (step, index) => (_jsxs("li", { class: () => {
+                    const i = index();
+                    const c = current();
+                    return cx("pu-steps__item", i < c && "is-done", i === c && "is-current", i > c && "is-todo");
+                }, children: [_jsxs("div", { class: "pu-steps__marker", "aria-hidden": "true", children: [_jsx("div", { class: "pu-steps__dot", children: () => index() < current() ? "✓" : String(index() + 1) }), _jsx("div", { class: "pu-steps__line" })] }), _jsx("div", { class: "pu-steps__body", children: _jsxs("button", { type: "button", class: "pu-steps__btn", disabled: () => !props.onStepClick, onClick: () => props.onStepClick?.(index()), children: [_jsx("div", { class: "pu-steps__label", children: () => step().label }), () => step().description
+                                    ? (() => {
+                                        const p = document.createElement("p");
+                                        p.className = "pu-steps__desc";
+                                        p.textContent = step().description;
+                                        return p;
+                                    })()
+                                    : null] }) })] })) }) }));
+});
+//# sourceMappingURL=Steps.js.map

package/dist/components/Steps.js.map

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

package/dist/components/Switch.d.ts

@@ -0,0 +1,23 @@
+import { type Signal } from "@lab206/core";
+import { type MaybeReactive } from "../reactive.js";
+import type { Bindable } from "../form.js";
+export type SwitchProps = {
+    checked?: MaybeReactive<boolean>;
+    /** Two-way bind a boolean signal. */
+    bind?: Bindable<boolean> | Signal<boolean>;
+    disabled?: MaybeReactive<boolean>;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    class?: MaybeReactive<string>;
+    id?: string;
+};
+export declare const Switch: import("@lab206/dom").Component<{
+    checked?: MaybeReactive<boolean>;
+    bind?: Bindable<boolean>;
+    disabled?: MaybeReactive<boolean>;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    class?: MaybeReactive<string>;
+    id?: string;
+}>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACjC,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAuFF,eAAO,MAAM,MAAM;cA/FP,aAAa,CAAC,OAAO,CAAC;;eAGrB,aAAa,CAAC,OAAO,CAAC;eACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;YAC7B,MAAM;YACN,aAAa,CAAC,MAAM,CAAC;SACxB,MAAM;EAmIX,CAAC"}

package/dist/components/Switch.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import {} from "@lab206/core";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { readBool } from "../reactive.js";
+const styles = `
+.pu-switch {
+  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-switch[data-disabled="true"] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.pu-switch__track {
+  position: relative;
+  width: 2.5rem;
+  height: 1.4rem;
+  border-radius: var(--pu-radius-full);
+  background: var(--pu-color-surface-2);
+  border: 1.5px solid var(--pu-color-control-border, var(--pu-color-border-strong));
+  box-sizing: border-box;
+  transition:
+    background var(--pu-duration) var(--pu-ease-out),
+    border-color var(--pu-duration) var(--pu-ease-out);
+  flex-shrink: 0;
+}
+.pu-switch:hover:not([data-disabled="true"]) .pu-switch__track {
+  border-color: var(--pu-color-border-strong);
+}
+.pu-switch[data-checked="true"] .pu-switch__track {
+  background: var(--pu-color-accent);
+  border-color: var(--pu-color-accent);
+}
+.pu-switch__thumb {
+  position: absolute;
+  top: 1.5px;
+  left: 1.5px;
+  width: calc(1.4rem - 6px);
+  height: calc(1.4rem - 6px);
+  border-radius: 50%;
+  /* Always a clear knob — surface-elevated blends into the track in dark mode */
+  background: #fff;
+  border: 1px solid color-mix(in srgb, var(--pu-color-text) 14%, transparent);
+  box-shadow:
+    var(--pu-shadow-sm),
+    0 1px 2px color-mix(in srgb, #000 18%, transparent);
+  transition:
+    transform var(--pu-duration) var(--pu-ease-spring),
+    background var(--pu-duration) var(--pu-ease-out),
+    border-color var(--pu-duration) var(--pu-ease-out);
+}
+.pu-switch[data-checked="true"] .pu-switch__thumb {
+  background: var(--pu-color-accent-fg, #fff);
+  border-color: transparent;
+  transform: translateX(1.05rem);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-switch__thumb,
+  .pu-switch__track { transition: none; }
+}
+.pu-switch__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.pu-switch__input:focus-visible + .pu-switch__track {
+  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);
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "switch");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Switch = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({}, raw);
+    const id = props.id ?? `pu-switch-${Math.random().toString(36).slice(2, 9)}`;
+    const bound = raw.bind;
+    const isChecked = () => bound
+        ? readBool(bound)
+        : readBool(props.checked);
+    const isDisabled = () => readBool(props.disabled);
+    return (_jsxs("label", { class: () => cx("pu-switch", typeof props.class === "function" ? props.class() : props.class), "data-checked": () => (isChecked() ? "true" : "false"), "data-disabled": () => (isDisabled() ? "true" : "false"), children: [_jsx("input", { id: id, class: "pu-switch__input", type: "checkbox", role: "switch", checked: isChecked, disabled: isDisabled, onChange: (e) => {
+                    if (isDisabled())
+                        return;
+                    const next = e.target.checked;
+                    if (bound)
+                        bound.set(next);
+                    props.onChange?.(next);
+                } }), _jsx("span", { class: "pu-switch__track", "aria-hidden": "true", children: _jsx("span", { class: "pu-switch__thumb" }) }), props.label ? _jsx("span", { children: props.label }) : null] }));
+});
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,gBAAgB,CAAC;AAc9D,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEd,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,QAAQ,CAAC,CAAC;IACxC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,GAAgB,EAAE,EAAE;IACnD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,EAAE,GAAG,CAAgC,CAAC;IACjE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,aAAa,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7E,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC;IAEvB,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,KAAK;QACH,CAAC,CAAC,QAAQ,CAAC,KAA+B,CAAC;QAC3C,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAiC,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAkC,CAAC,CAAC;IAE5E,OAAO,CACL,iBACE,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,kBAEW,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,mBACrC,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,aAEtD,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE;oBACrB,IAAI,UAAU,EAAE;wBAAE,OAAO;oBACzB,MAAM,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;oBACpD,IAAI,KAAK;wBAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC3B,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC,GACD,EACF,eAAM,KAAK,EAAC,kBAAkB,iBAAa,MAAM,YAC/C,eAAM,KAAK,EAAC,kBAAkB,GAAG,GAC5B,EACN,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAO,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC1C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Table.d.ts

@@ -0,0 +1,27 @@
+export type TableColumn<T = Record<string, unknown>> = {
+    key: string;
+    header: string;
+    /** Cell renderer; defaults to row[key] */
+    cell?: (row: T) => unknown;
+    align?: "left" | "center" | "right";
+    width?: string;
+};
+export type TableProps<T = Record<string, unknown>> = {
+    columns: TableColumn<T>[] | (() => TableColumn<T>[]);
+    rows: T[] | (() => T[]);
+    /** Row key field or function */
+    rowKey?: string | ((row: T) => string);
+    dense?: boolean;
+    class?: string | (() => string);
+    onRowClick?: (row: T) => void;
+};
+/** Data table with optional dense mode + row click. */
+export declare const Table: import("@lab206/dom").Component<{
+    columns: TableColumn<Record<string, unknown>>[] | (() => TableColumn<Record<string, unknown>>[]);
+    rows: Record<string, unknown>[] | (() => Record<string, unknown>[]);
+    rowKey?: string | ((row: Record<string, unknown>) => string);
+    dense?: boolean;
+    class?: string | (() => string);
+    onRowClick?: (row: Record<string, unknown>) => void;
+}>;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACpD,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACxB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,CAAC;AA8DF,uDAAuD;AACvD,eAAO,MAAM,KAAK;;;yDAnEe,MAAM;YAC7B,OAAO;YACP,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;mDACN,IAAI;EAmJ7B,CAAC"}

package/dist/components/Table.js

@@ -0,0 +1,112 @@
+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("table", `
+.pu-table-wrap {
+  width: 100%;
+  overflow: auto;
+  border: 1px solid var(--pu-color-border);
+  border-radius: var(--pu-radius-lg);
+  background: var(--pu-color-surface);
+}
+.pu-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--pu-text-sm);
+}
+.pu-table th,
+.pu-table td {
+  padding: 0.7rem 0.9rem;
+  text-align: left;
+  border-bottom: 1px solid var(--pu-color-border);
+  vertical-align: middle;
+}
+.pu-table--dense th,
+.pu-table--dense td {
+  padding: 0.45rem 0.7rem;
+}
+.pu-table th {
+  font-weight: var(--pu-font-semibold);
+  color: var(--pu-color-text-muted);
+  background: var(--pu-color-surface-2);
+  font-size: var(--pu-text-xs);
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+.pu-table tbody tr:last-child td { border-bottom: 0; }
+.pu-table tbody tr.is-clickable { cursor: pointer; }
+.pu-table tbody tr.is-clickable:hover td {
+  background: color-mix(in srgb, var(--pu-color-accent) 6%, transparent);
+}
+.pu-table .align-center { text-align: center; }
+.pu-table .align-right { text-align: right; }
+.pu-table__empty {
+  padding: 1.5rem;
+  text-align: center;
+  color: var(--pu-color-text-muted);
+  font-size: var(--pu-text-sm);
+}
+`);
+function keyOf(row, rowKey, index) {
+    if (typeof rowKey === "function")
+        return rowKey(row);
+    if (typeof rowKey === "string" && row && typeof row === "object") {
+        const v = row[rowKey];
+        if (v != null)
+            return String(v);
+    }
+    return String(index);
+}
+/** Data table with optional dense mode + row click. */
+export const Table = component((raw) => {
+    ensure();
+    const props = raw;
+    const getCols = () => typeof props.columns === "function"
+        ? props.columns()
+        : (props.columns ?? []);
+    const getRows = () => typeof props.rows === "function"
+        ? props.rows()
+        : (props.rows ?? []);
+    return (_jsx("div", { class: () => cx("pu-table-wrap", typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensure(el.ownerDocument), children: _jsxs("table", { class: () => cx("pu-table", props.dense && "pu-table--dense"), children: [_jsx("thead", { children: _jsx("tr", { children: _jsx(For, { each: getCols, children: (col) => (_jsx("th", { class: () => col().align && col().align !== "left"
+                                    ? `align-${col().align}`
+                                    : undefined, style: () => col().width ? { width: col().width } : undefined, children: () => col().header })) }) }) }), _jsx("tbody", { children: () => {
+                        const rows = getRows();
+                        if (rows.length === 0) {
+                            const tr = document.createElement("tr");
+                            const td = document.createElement("td");
+                            td.colSpan = Math.max(1, getCols().length);
+                            td.className = "pu-table__empty";
+                            td.textContent = "No rows";
+                            tr.appendChild(td);
+                            return tr;
+                        }
+                        const frag = document.createDocumentFragment();
+                        rows.forEach((row, i) => {
+                            const tr = document.createElement("tr");
+                            if (props.onRowClick) {
+                                tr.classList.add("is-clickable");
+                                tr.onclick = () => props.onRowClick?.(row);
+                            }
+                            for (const col of getCols()) {
+                                const td = document.createElement("td");
+                                if (col.align && col.align !== "left") {
+                                    td.className = `align-${col.align}`;
+                                }
+                                const content = col.cell
+                                    ? col.cell(row)
+                                    : row[col.key];
+                                if (content instanceof Node)
+                                    td.appendChild(content);
+                                else
+                                    td.textContent = content == null ? "" : String(content);
+                                tr.appendChild(td);
+                            }
+                            tr.dataset.key = keyOf(row, props.rowKey, i);
+                            frag.appendChild(tr);
+                        });
+                        return frag;
+                    } })] }) }));
+});
+//# sourceMappingURL=Table.js.map

package/dist/components/Table.js.map

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

package/dist/components/Tabs.d.ts

@@ -0,0 +1,27 @@
+export type TabItem = {
+    id: string;
+    label: string;
+    content: unknown;
+    disabled?: boolean;
+};
+export type TabsProps = {
+    items: TabItem[] | (() => TabItem[]);
+    /** Controlled value (id) */
+    value?: string | (() => string);
+    /** Uncontrolled initial id */
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    class?: string | (() => string);
+};
+/**
+ * Segmented tabs with WAI-ARIA keyboard:
+ * ArrowLeft/Right · Home/End move focus and activate · Tab exits to panel.
+ */
+export declare const Tabs: import("@lab206/dom").Component<{
+    items: TabItem[] | (() => TabItem[]);
+    value?: string | (() => string);
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC;IACrC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAwFF;;;GAGG;AACH,eAAO,MAAM,IAAI;WAnGR,OAAO,EAAE,GAAG,CAAC,MAAM,OAAO,EAAE,CAAC;YAE5B,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;mBAEhB,MAAM;eACV,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;YACvB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EA8N/B,CAAC"}