@lab206/ui 0.1.0

package/dist/components/Breadcrumb.js

@@ -0,0 +1,76 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { For, component } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("breadcrumb", `
+.pu-breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: var(--pu-text-sm);
+  color: var(--pu-color-text-muted);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.pu-breadcrumb__sep {
+  opacity: 0.5;
+  user-select: none;
+}
+.pu-breadcrumb__link {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  font: inherit;
+  color: var(--pu-color-accent);
+  cursor: pointer;
+  padding: 0;
+  text-decoration: none;
+}
+.pu-breadcrumb__link:hover { text-decoration: underline; }
+.pu-breadcrumb__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-breadcrumb__current {
+  color: var(--pu-color-text);
+  font-weight: var(--pu-font-medium);
+}
+`);
+export const Breadcrumb = component((raw) => {
+    ensure();
+    const props = raw;
+    const getItems = () => typeof props.items === "function"
+        ? props.items()
+        : (props.items ?? []);
+    return (_jsx("nav", { "aria-label": "Breadcrumb", class: () => cx(typeof props.class === "function" ? props.class() : props.class), ref: (el) => ensure(el.ownerDocument), children: _jsx("ol", { class: "pu-breadcrumb", children: _jsx(For, { each: getItems, children: (item, index) => (_jsxs("li", { style: { display: "inline-flex", alignItems: "center", gap: "0.35rem" }, children: [() => index() > 0
+                            ? (() => {
+                                const s = document.createElement("span");
+                                s.className = "pu-breadcrumb__sep";
+                                s.setAttribute("aria-hidden", "true");
+                                s.textContent = "/";
+                                return s;
+                            })()
+                            : null, () => {
+                            const it = item();
+                            const last = index() === getItems().length - 1;
+                            if (last) {
+                                const span = document.createElement("span");
+                                span.className = "pu-breadcrumb__current";
+                                span.setAttribute("aria-current", "page");
+                                span.textContent = it.label;
+                                return span;
+                            }
+                            const btn = document.createElement("button");
+                            btn.type = "button";
+                            btn.className = "pu-breadcrumb__link";
+                            btn.textContent = it.label;
+                            btn.onclick = () => props.onNavigate?.(it.id);
+                            return btn;
+                        }] })) }) }) }));
+});
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/components/Breadcrumb.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;AAchD,MAAM,MAAM,GAAG,gBAAgB,CAC7B,YAAY,EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCD,CACA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,GAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,GAAsC,CAAC;IACrD,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU;QAC/B,CAAC,CAAE,KAAK,CAAC,KAAgC,EAAE;QAC3C,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,4BACa,YAAY,EACvB,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,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,aAAI,KAAK,EAAC,eAAe,YACvB,KAAC,GAAG,IAAC,IAAI,EAAE,QAAQ,YAChB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChB,cAAI,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,aACxE,GAAG,EAAE,CACJ,KAAK,EAAE,GAAG,CAAC;4BACT,CAAC,CAAC,CAAC,GAAG,EAAE;gCACJ,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gCACzC,CAAC,CAAC,SAAS,GAAG,oBAAoB,CAAC;gCACnC,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;gCACtC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC;gCACpB,OAAO,CAAC,CAAC;4BACX,CAAC,CAAC,EAAE;4BACN,CAAC,CAAC,IAAI,EAET,GAAG,EAAE;4BACJ,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;4BAClB,MAAM,IAAI,GAAG,KAAK,EAAE,KAAK,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;4BAC/C,IAAI,IAAI,EAAE,CAAC;gCACT,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gCAC5C,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAC;gCAC1C,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;gCAC1C,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC;gCAC5B,OAAO,IAAI,CAAC;4BACd,CAAC;4BACD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;4BAC7C,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC;4BACpB,GAAG,CAAC,SAAS,GAAG,qBAAqB,CAAC;4BACtC,GAAG,CAAC,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC;4BAC3B,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;4BAC9C,OAAO,GAAG,CAAC;wBACb,CAAC,IACE,CACN,GACG,GACH,GACD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,28 @@
+import { type MaybeReactive } from "../reactive.js";
+export type ButtonVariant = "solid" | "soft" | "ghost" | "danger";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    type?: "button" | "submit" | "reset";
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onClick?: (e: MouseEvent) => void;
+    children?: unknown;
+    /** Accessible label when children are not text */
+    "aria-label"?: string;
+};
+/**
+ * Primary action control. Tokens drive color/size — edit `tokens.css` to retheme.
+ */
+export declare const Button: import("@lab206/dom").Component<{
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    type?: "button" | "submit" | "reset";
+    disabled?: MaybeReactive<boolean>;
+    class?: MaybeReactive<string>;
+    onClick?: (e: MouseEvent) => void;
+    children?: unknown;
+    "aria-label"?: string;
+}>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAkGF;;GAEG;AACH,eAAO,MAAM,MAAM;cA9GP,aAAa;WAChB,UAAU;WACV,QAAQ,GAAG,QAAQ,GAAG,OAAO;eACzB,aAAa,CAAC,OAAO,CAAC;YACzB,aAAa,CAAC,MAAM,CAAC;cACnB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;eACtB,OAAO;mBAEH,MAAM;EAmIrB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { readBool } from "../reactive.js";
+const styles = `
+.pu-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--pu-space-2);
+  border: 1px solid transparent;
+  border-radius: var(--pu-radius-md);
+  font-weight: var(--pu-font-semibold);
+  letter-spacing: -0.015em;
+  cursor: pointer;
+  transition:
+    background var(--pu-duration) var(--pu-ease-out),
+    border-color 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),
+    filter var(--pu-duration-fast) var(--pu-ease);
+  user-select: none;
+}
+.pu-btn:hover:not(:disabled) { transform: translateY(-1px); }
+.pu-btn:active:not(:disabled) { transform: translateY(1px) scale(0.99); }
+.pu-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.pu-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);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-btn { transition: background var(--pu-duration-fast) linear, border-color var(--pu-duration-fast) linear; }
+  .pu-btn:hover:not(:disabled),
+  .pu-btn:active:not(:disabled) { transform: none; }
+}
+
+.pu-btn--sm { height: var(--pu-control-h-sm); padding: 0 var(--pu-space-3); font-size: var(--pu-text-sm); }
+.pu-btn--md { height: var(--pu-control-h-md); padding: 0 var(--pu-control-px); font-size: var(--pu-text-sm); }
+.pu-btn--lg { height: var(--pu-control-h-lg); padding: 0 var(--pu-space-5); font-size: var(--pu-text-md); }
+
+.pu-btn--solid {
+  background: linear-gradient(
+    165deg,
+    color-mix(in srgb, var(--pu-color-accent) 92%, #fff) 0%,
+    var(--pu-color-accent) 48%,
+    color-mix(in srgb, var(--pu-color-accent) 88%, #000) 100%
+  );
+  color: var(--pu-color-accent-fg);
+  border-color: color-mix(in srgb, var(--pu-brass-500) 35%, var(--pu-color-accent));
+  box-shadow:
+    var(--pu-shadow-sm),
+    inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent);
+}
+.pu-btn--solid:hover:not(:disabled) {
+  background: var(--pu-color-accent-hover);
+  box-shadow: var(--pu-shadow-md);
+}
+
+.pu-btn--soft {
+  background: var(--pu-color-soft-bg);
+  color: var(--pu-color-soft-fg);
+  border-color: var(--pu-color-soft-border);
+  box-shadow: none;
+}
+.pu-btn--soft:hover:not(:disabled) {
+  background: var(--pu-color-soft-bg-hover);
+}
+
+.pu-btn--ghost {
+  background: transparent;
+  color: var(--pu-color-text);
+  border-color: var(--pu-color-control-border, var(--pu-color-border-strong));
+  box-shadow: none;
+}
+.pu-btn--ghost:hover:not(:disabled) {
+  background: var(--pu-color-surface-2);
+  border-color: var(--pu-color-border-strong);
+}
+
+.pu-btn--danger {
+  background: var(--pu-color-danger);
+  color: var(--pu-color-danger-fg);
+  box-shadow: var(--pu-shadow-sm);
+}
+.pu-btn--danger:hover:not(:disabled) { filter: brightness(1.05); }
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "button");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+/**
+ * Primary action control. Tokens drive color/size — edit `tokens.css` to retheme.
+ */
+export const Button = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ variant: "solid", size: "md", type: "button" }, raw);
+    // Live accessor — createProps unwraps signals/() => on each read
+    const getDisabled = () => readBool(props.disabled);
+    return (_jsx("button", { type: props.type, class: () => cx("pu-btn", `pu-btn--${props.variant}`, `pu-btn--${props.size}`, typeof props.class === "function" ? props.class() : props.class), disabled: getDisabled, onClick: props.onClick, "aria-label": props["aria-label"], children: props.children }));
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,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;AAiB9D,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFd,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;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,GAAgB,EAAE,EAAE;IACnD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CACtB,EAAE,OAAO,EAAE,OAAwB,EAAE,IAAI,EAAE,IAAkB,EAAE,IAAI,EAAE,QAAiB,EAAE,EACxF,GAAG,CACsF,CAAC;IAE5F,iEAAiE;IACjE,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,QAAQ,CAAC,KAAK,CAAC,QAAkC,CAAC,CAAC;IAErD,OAAO,CACL,iBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,QAAQ,EACR,WAAW,KAAK,CAAC,OAAO,EAAE,EAC1B,WAAW,KAAK,CAAC,IAAI,EAAE,EACvB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,EAEH,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,gBACV,KAAK,CAAC,YAAY,CAAC,YAE9B,KAAK,CAAC,QAAiB,GACjB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Card.d.ts

@@ -0,0 +1,18 @@
+export type CardVariant = "default" | "glass" | "elevated" | "soft";
+export type CardProps = {
+    padded?: boolean;
+    /** Visual treatment — glass/elevated for modern layered UIs */
+    variant?: CardVariant;
+    /** Subtle hover lift (for interactive tiles) */
+    interactive?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+};
+export declare const Card: import("@lab206/dom").Component<{
+    padded?: boolean;
+    variant?: CardVariant;
+    interactive?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmDF,eAAO,MAAM,IAAI;aA1DN,OAAO;cAEN,WAAW;kBAEP,OAAO;YACb,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA+ElB,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+const styles = `
+.pu-card {
+  background: var(--pu-color-surface);
+  border: 1px solid var(--pu-color-border);
+  border-radius: var(--pu-radius-lg);
+  box-shadow: var(--pu-shadow-sm);
+  transition:
+    box-shadow var(--pu-duration) var(--pu-ease),
+    border-color var(--pu-duration) var(--pu-ease),
+    transform var(--pu-duration) var(--pu-ease),
+    background var(--pu-duration) var(--pu-ease);
+}
+.pu-card--padded { padding: var(--pu-space-5); }
+.pu-card--glass {
+  background: var(--pu-glass-bg);
+  border-color: var(--pu-glass-border);
+  backdrop-filter: blur(var(--pu-glass-blur)) saturate(1.2);
+  -webkit-backdrop-filter: blur(var(--pu-glass-blur)) saturate(1.2);
+  box-shadow: var(--pu-shadow-float);
+}
+.pu-card--elevated {
+  box-shadow: var(--pu-shadow-md);
+  border-color: color-mix(in srgb, var(--pu-holo-cyan, transparent) 12%, var(--pu-color-border));
+}
+.pu-card--soft {
+  background: var(--pu-color-surface-2);
+  border-color: transparent;
+  box-shadow: none;
+}
+.pu-card--interactive {
+  cursor: default;
+}
+.pu-card--interactive:hover {
+  box-shadow: var(--pu-shadow-lg);
+  border-color: color-mix(in srgb, var(--pu-holo-cyan, var(--pu-color-accent)) 22%, var(--pu-color-border));
+  transform: translateY(-1px);
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "card");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Card = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({ padded: true, variant: "default", interactive: false }, raw);
+    return (_jsx("section", { class: () => cx("pu-card", props.padded && "pu-card--padded", props.variant !== "default" && `pu-card--${props.variant}`, props.interactive && "pu-card--interactive", typeof props.class === "function" ? props.class() : props.class), children: props.children }));
+});
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAcjC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,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,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAwB,EAAE,WAAW,EAAE,KAAK,EAAE,EACvE,GAAG,CAOJ,CAAC;IACF,OAAO,CACL,kBACE,KAAK,EAAE,GAAG,EAAE,CACV,EAAE,CACA,SAAS,EACT,KAAK,CAAC,MAAM,IAAI,iBAAiB,EACjC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,YAAY,KAAK,CAAC,OAAO,EAAE,EAC1D,KAAK,CAAC,WAAW,IAAI,sBAAsB,EAC3C,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,YAGF,KAAK,CAAC,QAAiB,GAChB,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Checkbox.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 CheckboxProps = {
+    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 Checkbox: 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=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.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,aAAa,GAAG;IAC1B,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;AAiFF,eAAO,MAAM,QAAQ;cAzFT,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;EAgIX,CAAC"}

package/dist/components/Checkbox.js

@@ -0,0 +1,107 @@
+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-checkbox {
+  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-checkbox[data-disabled="true"] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.pu-checkbox__box {
+  width: 1.1rem;
+  height: 1.1rem;
+  border-radius: 5px;
+  border: 1.5px solid var(--pu-color-control-border, var(--pu-color-border-strong));
+  background: var(--pu-color-surface);
+  display: grid;
+  place-items: center;
+  transition:
+    background var(--pu-duration) var(--pu-ease-out),
+    border-color var(--pu-duration) var(--pu-ease-out),
+    transform var(--pu-duration-fast) var(--pu-ease-spring);
+  flex-shrink: 0;
+}
+.pu-checkbox:hover:not([data-disabled="true"]) .pu-checkbox__box {
+  border-color: var(--pu-color-border-strong);
+}
+.pu-checkbox[data-checked="true"] .pu-checkbox__box {
+  background: var(--pu-color-accent);
+  border-color: var(--pu-color-accent);
+  transform: scale(1.05);
+}
+.pu-checkbox__box svg {
+  width: 0.7rem;
+  height: 0.7rem;
+  opacity: 0;
+  color: var(--pu-color-accent-fg);
+  transform: scale(0.5);
+  transition:
+    opacity var(--pu-duration-fast) var(--pu-ease-out),
+    transform var(--pu-duration) var(--pu-ease-spring);
+}
+.pu-checkbox[data-checked="true"] .pu-checkbox__box svg {
+  opacity: 1;
+  transform: scale(1);
+}
+.pu-checkbox__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.pu-checkbox__input:focus-visible + .pu-checkbox__box {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--pu-color-surface),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  .pu-checkbox__box,
+  .pu-checkbox__box svg { transition: none; }
+  .pu-checkbox[data-checked="true"] .pu-checkbox__box { transform: none; }
+}
+`;
+let injected = false;
+function ensureStyles() {
+    if (injected || typeof document === "undefined")
+        return;
+    injected = true;
+    const el = document.createElement("style");
+    el.setAttribute("data-pu-ui", "checkbox");
+    el.textContent = styles;
+    document.head.appendChild(el);
+}
+export const Checkbox = component((raw) => {
+    ensureStyles();
+    const props = mergeProps({}, raw);
+    const id = props.id ?? `pu-check-${Math.random().toString(36).slice(2, 9)}`;
+    const bound = raw.bind;
+    const isChecked = () => bound
+        ? readBool(bound)
+        : readBool(props.checked);
+    const isDisabled = () => readBool(props.disabled);
+    const box = document.createElement("span");
+    box.className = "pu-checkbox__box";
+    box.setAttribute("aria-hidden", "true");
+    box.innerHTML =
+        '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M3.5 8.5 L6.5 11.5 L12.5 4.5"/></svg>';
+    return (_jsxs("label", { class: () => cx("pu-checkbox", 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-checkbox__input", type: "checkbox", checked: isChecked, disabled: isDisabled, onChange: (e) => {
+                    if (isDisabled())
+                        return;
+                    const next = e.target.checked;
+                    if (bound)
+                        bound.set(next);
+                    props.onChange?.(next);
+                } }), box, props.label ? _jsx("span", { children: props.label }) : null] }));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEd,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAS,YAAY;IACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IACxD,QAAQ,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC1C,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,GAAkB,EAAE,EAAE;IACvD,YAAY,EAAE,CAAC;IACf,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,EAAE,GAAG,CAAkC,CAAC;IACnE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC5E,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,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC3C,GAAG,CAAC,SAAS,GAAG,kBAAkB,CAAC;IACnC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,SAAS;QACX,8HAA8H,CAAC;IAEjI,OAAO,CACL,iBACE,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,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,oBAAoB,EAC1B,IAAI,EAAC,UAAU,EACf,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,EACD,GAAG,EACH,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/Chip.d.ts

@@ -0,0 +1,18 @@
+export type ChipTone = "neutral" | "accent" | "success" | "warning" | "danger";
+export type ChipProps = {
+    tone?: ChipTone;
+    /** Show × remove control */
+    onRemove?: () => void;
+    onClick?: () => void;
+    class?: string | (() => string);
+    children?: unknown;
+};
+/** Compact tag / filter chip. */
+export declare const Chip: import("@lab206/dom").Component<{
+    tone?: ChipTone;
+    onRemove?: () => void;
+    onClick?: () => void;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0FF,iCAAiC;AACjC,eAAO,MAAM,IAAI;WAjGR,QAAQ;eAEJ,MAAM,IAAI;cACX,MAAM,IAAI;YACZ,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA4IlB,CAAC"}

package/dist/components/Chip.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lab206/dom/jsx-runtime";
+import { component, mergeProps } from "@lab206/dom";
+import { cx } from "../utils.js";
+import { createStyleSheet } from "../styles.js";
+const ensure = createStyleSheet("chip", `
+.pu-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  max-width: 100%;
+  padding: 0.2rem 0.55rem;
+  border-radius: var(--pu-radius-full);
+  font-size: var(--pu-text-xs);
+  font-weight: var(--pu-font-semibold);
+  line-height: 1.4;
+  border: 1px solid transparent;
+  white-space: nowrap;
+}
+.pu-chip--clickable {
+  cursor: pointer;
+  transition:
+    filter var(--pu-duration-fast) var(--pu-ease),
+    box-shadow var(--pu-duration-fast) var(--pu-ease);
+}
+.pu-chip--clickable:hover { filter: brightness(0.97); }
+.pu-chip--clickable: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-chip--neutral {
+  background: var(--pu-color-surface-2);
+  color: var(--pu-color-text);
+  border-color: var(--pu-color-border-strong, var(--pu-color-border));
+}
+.pu-chip--accent {
+  background: var(--pu-color-soft-bg);
+  color: var(--pu-color-soft-fg);
+  border-color: var(--pu-color-soft-border);
+}
+.pu-chip--success {
+  background: color-mix(in srgb, var(--pu-color-success, #69be28) 16%, var(--pu-color-surface));
+  color: var(--pu-sage-800, #2a5410);
+  border-color: color-mix(in srgb, var(--pu-color-success, #69be28) 36%, var(--pu-color-border));
+}
+.pu-chip--warning {
+  background: color-mix(in srgb, var(--pu-color-warning, #d4a017) 18%, var(--pu-color-surface));
+  color: var(--pu-color-warning-fg, #5c4018);
+  border-color: color-mix(in srgb, var(--pu-color-warning, #d4a017) 32%, var(--pu-color-border));
+}
+.pu-chip--danger {
+  background: color-mix(in srgb, var(--pu-color-danger) 14%, var(--pu-color-surface));
+  color: var(--pu-color-danger);
+  border-color: color-mix(in srgb, var(--pu-color-danger) 32%, var(--pu-color-border));
+}
+[data-pu-theme="dark"] .pu-chip--success {
+  color: var(--pu-sage-300, #8fd44f);
+}
+[data-pu-theme="dark"] .pu-chip--warning {
+  color: #f0c14d;
+}
+[data-pu-theme="dark"] .pu-chip--danger {
+  color: #fda4af;
+}
+.pu-chip__x {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0;
+  margin: 0;
+  font-size: 0.95em;
+  line-height: 1;
+  opacity: 0.7;
+  display: inline-flex;
+}
+.pu-chip__x:hover { opacity: 1; }
+.pu-chip__x:focus-visible {
+  outline: none;
+  opacity: 1;
+  border-radius: 50%;
+  box-shadow:
+    0 0 0 2px var(--pu-color-surface),
+    0 0 0 4px color-mix(in srgb, var(--pu-color-focus) 55%, transparent);
+}
+`);
+/** Compact tag / filter chip. */
+export const Chip = component((raw) => {
+    ensure();
+    const props = mergeProps({ tone: "neutral" }, raw);
+    const className = () => cx("pu-chip", `pu-chip--${props.tone}`, props.onClick && "pu-chip--clickable", typeof props.class === "function" ? props.class() : props.class);
+    const removeBtn = props.onRemove ? (_jsx("button", { type: "button", class: "pu-chip__x", "aria-label": "Remove", onClick: (e) => {
+            e.stopPropagation();
+            props.onRemove?.();
+        }, children: "\u00D7" })) : null;
+    if (props.onClick) {
+        return (_jsxs("button", { type: "button", class: className, onClick: props.onClick, ref: (el) => ensure(el.ownerDocument), children: [props.children, removeBtn] }));
+    }
+    return (_jsxs("span", { class: className, ref: (el) => ensure(el.ownerDocument), children: [props.children, removeBtn] }));
+});
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAuB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAahD,MAAM,MAAM,GAAG,gBAAgB,CAC7B,MAAM,EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFD,CACA,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAc,EAAE,EAAE;IAC/C,MAAM,EAAE,CAAC;IACT,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,IAAI,EAAE,SAAkB,EAAE,EAAE,GAAG,CAEzD,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,EAAE,CACA,SAAS,EACT,YAAY,KAAK,CAAC,IAAI,EAAE,EACxB,KAAK,CAAC,OAAO,IAAI,oBAAoB,EACrC,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAChE,CAAC;IAEJ,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,YAAY,gBACP,QAAQ,EACnB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;YACzB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;QACrB,CAAC,uBAGM,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,aAEpC,KAAK,CAAC,QAAiB,EACvB,SAAS,IACH,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBAAM,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,aAC1D,KAAK,CAAC,QAAiB,EACvB,SAAS,IACL,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Code.d.ts

@@ -0,0 +1,12 @@
+export type CodeProps = {
+    /** Inline vs block panel */
+    block?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+};
+export declare const Code: import("@lab206/dom").Component<{
+    block?: boolean;
+    class?: string | (() => string);
+    children?: unknown;
+}>;
+//# sourceMappingURL=Code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/components/Code.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA+CF,eAAO,MAAM,IAAI;YAlDP,OAAO;YACP,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;eACpB,OAAO;EA+DlB,CAAC"}