@lab206/ui 0.1.0

package/dist/components/Kbd.d.ts

@@ -0,0 +1,10 @@
+export type KbdProps = {
+    class?: string | (() => string);
+    children?: unknown;
+};
+/** Keyboard key affordance for shortcuts and docs. */
+export declare const Kbd: import("@lab206/dom").Component<{
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../src/components/Kbd.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkCF,sDAAsD;AACtD,eAAO,MAAM,GAAG;YArCN,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EAmDlB,CAAC"}

package/dist/components/Kbd.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+const styles = `
+.pu-kbd {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.4em;
+  padding: 0.12em 0.4em;
+  border-radius: 6px;
+  border: 1px solid var(--pu-color-border);
+  border-bottom-width: 2px;
+  background: var(--pu-color-surface-2);
+  color: var(--pu-color-text-muted);
+  font-family: var(--pu-font-mono);
+  font-size: 0.78em;
+  font-weight: var(--pu-font-semibold);
+  line-height: 1.3;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+  box-shadow: var(--pu-shadow-xs);
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "kbd");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/** Keyboard key affordance for shortcuts and docs. */
+export const Kbd = component((raw) => {
+    ensureStyles();
+    const props = raw;
+    return (_jsx("kbd", { class: () => cx("pu-kbd", typeof props.class === "function" ? props.class() : props.class), children: props.children }));
+});
+//# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../src/components/Kbd.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;CAoBd,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,KAAK,CAAC,CAAC;IACrC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,sDAAsD;AACtD,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,GAAa,EAAE,EAAE;IAC7C,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,GAA+B,CAAC;IAC9C,OAAO,CACL,cACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,QAAQ,EACR,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,YAGF,KAAK,CAAC,QAAiB,GACpB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Label.d.ts

@@ -0,0 +1,13 @@
+export type LabelProps = {
+    htmlFor?: string;
+    required?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+};
+export declare const Label: import("@lab206/dom").Component<{
+    htmlFor?: string;
+    required?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4BF,eAAO,MAAM,KAAK;cAhCN,MAAM;eACL,OAAO;YACV,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA8ClB,CAAC"}

package/dist/components/Label.js

@@ -0,0 +1,34 @@
+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-label {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.25rem;
+  font-size: var(--pu-label-size);
+  font-weight: var(--pu-font-semibold);
+  color: var(--pu-color-text);
+  line-height: 1.3;
+}
+.pu-label__req {
+  color: var(--pu-color-danger);
+  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", "label");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Label = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({}, raw);
+    return (_jsxs("label", { class: () => cx("pu-label", typeof props.class === "function" ? props.class() : props.class), for: props.htmlFor, children: [props.children, props.required ? _jsx("span", { class: "pu-label__req", "aria-hidden": "true", children: "*" }) : null] }));
+});
+//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AASjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;CAcd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACvC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,GAAe,EAAE,EAAE;IACjD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,EAAE,GAAG,CAA+B,CAAC;IAChE,OAAO,CACL,iBACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,UAAU,EACV,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,GAAG,EAAE,KAAK,CAAC,OAAO,aAEjB,KAAK,CAAC,QAAiB,EACvB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAM,KAAK,EAAC,eAAe,iBAAa,MAAM,kBAAS,CAAC,CAAC,CAAC,IAAI,IAC1E,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Link.d.ts

@@ -0,0 +1,18 @@
+export type LinkProps = {
+    href?: string;
+    external?: boolean;
+    muted?: boolean;
+    class?: string | (() => string);
+    onClick?: (e: MouseEvent) => void;
+    children?: unknown;
+};
+/** Styled anchor (or button-like when no href). */
+export declare const Link: import("@lab206/dom").Component<{
+    href?: string;
+    external?: boolean;
+    muted?: boolean;
+    class?: string | (() => string);
+    onClick?: (e: MouseEvent) => void;
+    children?: unknown;
+}>;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiCF,mDAAmD;AACnD,eAAO,MAAM,IAAI;WAxCR,MAAM;eACF,OAAO;YACV,OAAO;YACP,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;cACrB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;eACtB,OAAO;EA4ElB,CAAC"}

package/dist/components/Link.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("link", `
+.pu-link {
+  color: var(--pu-color-accent);
+  text-decoration: none;
+  font-weight: var(--pu-font-medium);
+  transition: color var(--pu-duration) var(--pu-ease);
+  cursor: pointer;
+}
+.pu-link:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.pu-link:focus-visible {
+  outline: none;
+  border-radius: 2px;
+  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-link--muted {
+  color: var(--pu-color-text-muted);
+  font-weight: var(--pu-font-normal);
+}
+.pu-link--muted:hover {
+  color: var(--pu-color-text);
+}
+`);
+/** Styled anchor (or button-like when no href). */
+export const Link = component((raw) => {
+    ensure();
+    const props = raw;
+    if (props.href) {
+        return (_jsx("a", { class: () => cx("pu-link", props.muted && "pu-link--muted", typeof props.class === "function" ? props.class() : props.class), href: props.href, target: props.external ? "_blank" : undefined, rel: props.external ? "noopener noreferrer" : undefined, onClick: props.onClick, ref: (el) => ensure(el.ownerDocument), children: props.children }));
+    }
+    return (_jsx("button", { type: "button", class: () => cx("pu-link", props.muted && "pu-link--muted", typeof props.class === "function" ? props.class() : props.class), onClick: props.onClick, ref: (el) => ensure(el.ownerDocument), children: props.children }));
+});
+//# sourceMappingURL=Link.js.map

package/dist/components/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.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;AAWhD,MAAM,MAAM,GAAG,gBAAgB,CAC7B,MAAM,EACN;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BD,CACA,CAAC;AAEF,mDAAmD;AACnD,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAc,EAAE,EAAE;IAC/C,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,GAAgC,CAAC;IAE/C,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,YACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,SAAS,EACT,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAC/B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC7C,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EACvD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,YAEpC,KAAK,CAAC,QAAiB,GACtB,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,SAAS,EACT,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAC/B,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,YAEpC,KAAK,CAAC,QAAiB,GACjB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/List.d.ts

@@ -0,0 +1,22 @@
+export type ListItemData = {
+    id: string;
+    label: string;
+    description?: string;
+    meta?: string;
+    disabled?: boolean;
+};
+export type ListProps = {
+    items: ListItemData[] | (() => ListItemData[]);
+    /** Selected id (optional highlight) */
+    value?: string | (() => string);
+    onSelect?: (id: string) => void;
+    class?: string | (() => string);
+};
+/** Interactive list group with arrow-key roving focus. */
+export declare const List: import("@lab206/dom").Component<{
+    items: ListItemData[] | (() => ListItemData[]);
+    value?: string | (() => string);
+    onSelect?: (id: string) => void;
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":"AAUA,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,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IAC/C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAmFF,0DAA0D;AAC1D,eAAO,MAAM,IAAI;WAzFR,YAAY,EAAE,GAAG,CAAC,MAAM,YAAY,EAAE,CAAC;YAEtC,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;YACvB,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAoN/B,CAAC"}

package/dist/components/List.js

@@ -0,0 +1,157 @@
+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";
+import { applyRovingTabIndex, focusRovingItem, handleRovingKeydown, listRovingItems, } from "../rovingFocus.js";
+const OPT_SEL = '[role="option"]:not([disabled])';
+const ensure = createStyleSheet("list", `
+.pu-list {
+  list-style: none;
+  margin: 0;
+  padding: 0.25rem;
+  border: 1px solid var(--pu-color-border);
+  border-radius: var(--pu-radius-lg);
+  background: var(--pu-color-surface);
+  overflow: hidden;
+}
+.pu-list__item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  width: 100%;
+  appearance: none;
+  border: 0;
+  background: transparent;
+  text-align: left;
+  font: inherit;
+  padding: 0.7rem 0.85rem;
+  border-radius: var(--pu-radius-md);
+  cursor: pointer;
+  color: var(--pu-color-text);
+  transition:
+    background var(--pu-duration) var(--pu-ease-out),
+    transform var(--pu-duration-fast) var(--pu-ease-out),
+    box-shadow var(--pu-duration) var(--pu-ease-out);
+}
+.pu-list__item:hover:not(:disabled) {
+  background: var(--pu-color-surface-2);
+  transform: translateX(2px);
+}
+.pu-list__item.is-selected {
+  background: color-mix(in srgb, var(--pu-color-accent) 12%, transparent);
+  box-shadow: inset 2px 0 0 var(--pu-color-accent);
+}
+.pu-list__item:focus-visible:not(:disabled) {
+  outline: none;
+  background: var(--pu-color-surface-2);
+  box-shadow:
+    inset 2px 0 0 var(--pu-color-accent),
+    0 0 0 2px color-mix(in srgb, var(--pu-color-focus) 40%, transparent);
+}
+.pu-list__item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-list__item { transition: none; }
+  .pu-list__item:hover:not(:disabled) { transform: none; }
+}
+.pu-list__main {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  min-width: 0;
+}
+.pu-list__label {
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-medium);
+}
+.pu-list__desc {
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  line-height: 1.4;
+}
+.pu-list__meta {
+  font-size: var(--pu-text-xs);
+  color: var(--pu-color-text-muted);
+  font-variant-numeric: tabular-nums;
+  flex-shrink: 0;
+}
+`);
+/** Interactive list group with arrow-key roving focus. */
+export const List = component((raw) => {
+    ensure();
+    const props = raw;
+    let listEl = null;
+    const getItems = () => typeof props.items === "function"
+        ? props.items()
+        : (props.items ?? []);
+    const selected = () => typeof props.value === "function"
+        ? props.value()
+        : (props.value ?? "");
+    const syncTabIndex = () => {
+        if (!listEl)
+            return;
+        const opts = listRovingItems(listEl, OPT_SEL);
+        const idx = opts.findIndex((el) => el.getAttribute("data-list-id") === selected());
+        applyRovingTabIndex(opts, idx >= 0 ? idx : 0);
+    };
+    return (_jsx("ul", { class: () => cx("pu-list", typeof props.class === "function" ? props.class() : props.class), role: "listbox", tabindex: 0, "aria-activedescendant": () => {
+            const id = selected();
+            return id ? `pu-list-opt-${id}` : undefined;
+        }, ref: (el) => {
+            listEl = el;
+            ensure(el.ownerDocument);
+            window.setTimeout(syncTabIndex, 0);
+        }, onFocus: () => {
+            // When listbox receives focus, move into an option
+            if (!listEl)
+                return;
+            if (listEl.contains(listEl.ownerDocument.activeElement) &&
+                listEl.ownerDocument.activeElement !== listEl) {
+                return;
+            }
+            const opts = listRovingItems(listEl, OPT_SEL);
+            const idx = opts.findIndex((el) => el.getAttribute("data-list-id") === selected());
+            focusRovingItem(opts, idx >= 0 ? idx : 0);
+        }, onKeyDown: (e) => {
+            if (!listEl)
+                return;
+            handleRovingKeydown(e, listEl, OPT_SEL, {
+                orientation: "vertical",
+                loop: true,
+                onActivate: (el) => {
+                    const id = el.getAttribute("data-list-id");
+                    if (id)
+                        props.onSelect?.(id);
+                },
+                onMove: (el) => {
+                    // Optional: live-select on move — keep selection on activate only
+                    void el;
+                },
+            });
+        }, children: _jsx(For, { each: getItems, children: (item) => (_jsx("li", { role: "none", style: { display: "block", margin: 0, padding: 0 }, children: _jsxs("button", { type: "button", role: "option", tabindex: -1, id: () => `pu-list-opt-${item().id}`, "data-list-id": () => item().id, class: () => cx("pu-list__item", selected() === item().id && "is-selected"), "aria-selected": () => selected() === item().id, disabled: () => !!item().disabled, onClick: () => props.onSelect?.(item().id), onFocus: () => {
+                        if (!listEl)
+                            return;
+                        const opts = listRovingItems(listEl, OPT_SEL);
+                        const idx = opts.findIndex((el) => el.getAttribute("data-list-id") === item().id);
+                        if (idx >= 0)
+                            applyRovingTabIndex(opts, idx);
+                    }, children: [_jsxs("span", { class: "pu-list__main", children: [_jsx("span", { class: "pu-list__label", children: () => item().label }), () => item().description
+                                    ? (() => {
+                                        const s = document.createElement("span");
+                                        s.className = "pu-list__desc";
+                                        s.textContent = item().description;
+                                        return s;
+                                    })()
+                                    : null] }), () => item().meta
+                            ? (() => {
+                                const s = document.createElement("span");
+                                s.className = "pu-list__meta";
+                                s.textContent = item().meta;
+                                return s;
+                            })()
+                            : null] }) })) }) }));
+});
+//# sourceMappingURL=List.js.map

package/dist/components/List.js.map

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

package/dist/components/Menu.d.ts

@@ -0,0 +1,28 @@
+export type MenuItem = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    danger?: boolean;
+};
+export type MenuProps = {
+    /** Items shown in the menu */
+    items: MenuItem[] | (() => MenuItem[]);
+    /** Trigger node (Button recommended) */
+    trigger: unknown;
+    /** Called when an enabled item is chosen */
+    onSelect?: (id: string) => void;
+    align?: "start" | "center" | "end";
+    class?: string | (() => string);
+};
+/**
+ * Action menu built on Popover.
+ * Arrow / Home / End roving focus · Enter / Space select · Esc closes (Popover).
+ */
+export declare const Menu: import("@lab206/dom").Component<{
+    items: MenuItem[] | (() => MenuItem[]);
+    trigger: unknown;
+    onSelect?: (id: string) => void;
+    align?: "start" | "center" | "end";
+    class?: string | (() => string);
+}>;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,8BAA8B;IAC9B,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC;IACvC,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACjC,CAAC;AAoEF;;;GAGG;AACH,eAAO,MAAM,IAAI;WA/ER,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ,EAAE,CAAC;aAE7B,OAAO;eAEL,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;YACvB,OAAO,GAAG,QAAQ,GAAG,KAAK;YAC1B,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;EAwK/B,CAAC"}

package/dist/components/Menu.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { signal, effect } from "@lab206/core";
+import { For, component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { Popover } from "./Popover.js";
+import { focusRovingItem, handleRovingKeydown, initRovingFocus, listRovingItems, } from "../rovingFocus.js";
+const ITEM_SEL = '[role="menuitem"]:not([disabled])';
+const styles = `
+.pu-menu {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 10.5rem;
+  margin: 0;
+  padding: 0;
+}
+.pu-menu__item {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  text-align: left;
+  width: 100%;
+  font: inherit;
+  font-size: var(--pu-text-sm);
+  font-weight: var(--pu-font-medium);
+  letter-spacing: -0.01em;
+  color: var(--pu-color-text);
+  padding: 0.5rem 0.65rem;
+  border-radius: var(--pu-radius-sm);
+  cursor: pointer;
+  transition:
+    background var(--pu-duration-fast) var(--pu-ease-out),
+    transform var(--pu-duration-fast) var(--pu-ease-out),
+    color var(--pu-duration-fast) var(--pu-ease-out);
+}
+.pu-menu__item:hover:not(:disabled),
+.pu-menu__item:focus-visible:not(:disabled) {
+  background: var(--pu-color-surface-2);
+  transform: translateX(2px);
+  outline: none;
+}
+.pu-menu__item:focus-visible:not(:disabled) {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--pu-color-focus) 45%, transparent);
+}
+.pu-menu__item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.pu-menu__item--danger {
+  color: var(--pu-color-danger);
+}
+.pu-menu__item--danger:hover:not(:disabled),
+.pu-menu__item--danger:focus-visible:not(:disabled) {
+  background: color-mix(in srgb, var(--pu-color-danger) 12%, transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-menu__item { transition: none; }
+  .pu-menu__item:hover:not(:disabled),
+  .pu-menu__item:focus-visible:not(:disabled) { transform: none; }
+}
+`;
+function ensureStyles(doc = document) {
+    if (typeof doc === "undefined")
+        return;
+    if (doc.querySelector('style[data-pu-ui="menu"]'))
+        return;
+    const el = doc.createElement("style");
+    el.setAttribute("data-pu-ui", "menu");
+    el.textContent = styles;
+    doc.head.appendChild(el);
+}
+/**
+ * Action menu built on Popover.
+ * Arrow / Home / End roving focus · Enter / Space select · Esc closes (Popover).
+ */
+export const Menu = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ align: "start" }, raw);
+    const open = signal(false);
+    let menuEl = null;
+    const getItems = () => {
+        const i = props.items;
+        return typeof i === "function" ? i() : (i ?? []);
+    };
+    const pick = (id) => {
+        const item = getItems().find((x) => x.id === id);
+        if (!item || item.disabled)
+            return;
+        props.onSelect?.(id);
+        open.set(false);
+    };
+    // Focus first enabled item when menu opens
+    effect(() => {
+        if (!open())
+            return;
+        const t = window.setTimeout(() => {
+            if (!menuEl)
+                return;
+            initRovingFocus(menuEl, ITEM_SEL, 0);
+            const items = listRovingItems(menuEl, ITEM_SEL);
+            focusRovingItem(items, 0);
+        }, 0);
+        return () => window.clearTimeout(t);
+    });
+    return (_jsx("div", { class: () => cx("pu-menu-root", typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensureStyles(el.ownerDocument), children: _jsx(Popover, { open: open, onOpenChange: (v) => open.set(v), align: props.align, trigger: props.trigger, children: _jsx("div", { class: "pu-menu", role: "menu", ref: (el) => {
+                    menuEl = el;
+                }, onKeyDown: (e) => {
+                    if (!menuEl)
+                        return;
+                    handleRovingKeydown(e, menuEl, ITEM_SEL, {
+                        orientation: "vertical",
+                        loop: true,
+                        onActivate: (el) => {
+                            const id = el.dataset.menuId;
+                            if (id)
+                                pick(id);
+                        },
+                    });
+                }, children: _jsx(For, { each: getItems, children: (item) => (_jsx("button", { type: "button", role: "menuitem", tabindex: -1, "data-menu-id": () => item().id, class: () => cx("pu-menu__item", item().danger && "pu-menu__item--danger"), disabled: () => !!item().disabled, onClick: (e) => {
+                            e.stopPropagation();
+                            if (item().disabled)
+                                return;
+                            pick(item().id);
+                        }, children: () => item().label })) }) }) }) }));
+});
+//# sourceMappingURL=Menu.js.map

package/dist/components/Menu.js.map

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

package/dist/components/NumberInput.d.ts

@@ -0,0 +1,27 @@
+import { type MaybeReactive } from "../reactive.js";
+export type NumberInputProps = {
+    value?: MaybeReactive<number>;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: MaybeReactive<boolean>;
+    onChange?: (value: number) => void;
+    placeholder?: string;
+    class?: MaybeReactive<string>;
+    id?: string;
+    "aria-label"?: string;
+};
+/** Numeric stepper with − / + controls. */
+export declare const NumberInput: import("@lab206/dom").Component<{
+    value?: MaybeReactive<number>;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: MaybeReactive<boolean>;
+    onChange?: (value: number) => void;
+    placeholder?: string;
+    class?: MaybeReactive<string>;
+    id?: string;
+    "aria-label"?: string;
+}>;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAyEF,2CAA2C;AAC3C,eAAO,MAAM,WAAW;YApFd,aAAa,CAAC,MAAM,CAAC;UACvB,MAAM;UACN,MAAM;WACL,MAAM;eACF,aAAa,CAAC,OAAO,CAAC;eACtB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;kBACpB,MAAM;YACZ,aAAa,CAAC,MAAM,CAAC;SACxB,MAAM;mBACI,MAAM;EA8IrB,CAAC"}