@chances-ai/design-system 20.0.1 → 24.1.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAkB,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAoB,MAAM,iBAAiB,CAAC;AAE9E,2EAA2E;AAC3E,6EAA6E;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAA2C,MAAM,yBAAyB,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAqC,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAyC,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAmD,MAAM,8BAA8B,CAAC;AAEzH,4EAA4E;AAC5E,OAAO,EAAE,IAAI,EAAE,aAAa,EAAiC,MAAM,gBAAgB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,eAAe,EAA2B,MAAM,kBAAkB,CAAC;AAE3F,+EAA+E;AAC/E,+EAA+E;AAC/E,6EAA6E;AAC7E,2EAA2E;AAC3E,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAE3B,8EAA8E;AAC9E,4DAA4D;AAC5D,OAAO,EAAE,SAAS,EAAE,eAAe,EAA6C,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAE,iBAAiB,EAA8C,MAAM,wBAAwB,CAAC"}

package/dist/primitives/button.d.ts

@@ -0,0 +1,52 @@
+/**
+ * (7.3 / task 03 — W2) `Button` — self-built chrome `[11.1]` (NOT HeroUI; HeroUI
+ * owns the heavy widgets). tailwind-variants variant/size + optional leading/
+ * trailing icon slots (OpenHands Button shape, tv-ified). Reads seed-engine
+ * color utilities. Browser-safe.
+ */
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+export declare const button: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:opacity-50 disabled:cursor-default", {
+    variant: {
+        primary: string;
+        secondary: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:opacity-50 disabled:cursor-default", unknown, unknown, undefined>>;
+export type ButtonVariants = VariantProps<typeof button>;
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">, ButtonVariants {
+    start?: ReactNode;
+    end?: ReactNode;
+}
+export declare function Button({ variant, size, start, end, className, children, type, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/primitives/button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mPAYjB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;IACzG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAQ/G"}

package/dist/primitives/button.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+export const button = tv({
+    base: "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:opacity-50 disabled:cursor-default",
+    variants: {
+        variant: {
+            primary: "bg-accent text-text-on-accent hover:opacity-90",
+            secondary: "bg-surface-raised text-text-base border border-border-base hover:bg-surface-hover",
+            ghost: "bg-transparent text-text-base hover:bg-surface-hover",
+            danger: "bg-error text-text-on-error hover:opacity-90",
+        },
+        size: { sm: "h-7 px-2 text-xs", md: "h-9 px-3 text-sm", lg: "h-11 px-4 text-base" },
+    },
+    defaultVariants: { variant: "primary", size: "md" },
+});
+export function Button({ variant, size, start, end, className, children, type = "button", ...rest }) {
+    return (_jsxs("button", { type: type, className: cn(button({ variant, size }), className), ...rest, children: [start, children, end] }));
+}
+//# sourceMappingURL=button.js.map

package/dist/primitives/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/primitives/button.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,EAAE,EAAqB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,sMAAsM;IAC5M,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gDAAgD;YACzD,SAAS,EAAE,mFAAmF;YAC9F,KAAK,EAAE,sDAAsD;YAC7D,MAAM,EAAE,8CAA8C;SACvD;QACD,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,qBAAqB,EAAE;KACpF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;CACpD,CAAC,CAAC;AASH,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAe;IAC9G,OAAO,CACL,kBAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,aAC9E,KAAK,EACL,QAAQ,EACR,GAAG,IACG,CACV,CAAC;AACJ,CAAC"}

package/dist/primitives/card.d.ts

@@ -0,0 +1,7 @@
+/**
+ * (7.3 / task 03 — W2) `Card` — a raised, bordered, rounded {@link Surface}
+ * preset for panels/sidebars. Browser-safe.
+ */
+import { type SurfaceProps } from "./surface.js";
+export declare function Card({ level, border, radius, padding, ...rest }: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/primitives/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/primitives/card.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,wBAAgB,IAAI,CAAC,EAAE,KAAgB,EAAE,MAAe,EAAE,MAAa,EAAE,OAAc,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAE/G"}

package/dist/primitives/card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — W2) `Card` — a raised, bordered, rounded {@link Surface}
+ * preset for panels/sidebars. Browser-safe.
+ */
+import { Surface } from "./surface.js";
+export function Card({ level = "raised", border = "base", radius = "lg", padding = "md", ...rest }) {
+    return _jsx(Surface, { level: level, border: border, radius: radius, padding: padding, ...rest });
+}
+//# sourceMappingURL=card.js.map

package/dist/primitives/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/primitives/card.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAE1D,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,IAAI,EAAgB;IAC9G,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,CAAC;AAC/F,CAAC"}

package/dist/primitives/scroll-area.d.ts

@@ -0,0 +1,7 @@
+/**
+ * (7.3 / task 03 — W2) `ScrollArea` — an overflow-scroll {@link Surface} preset
+ * for the transcript / file-tree / sidebar panes. Browser-safe.
+ */
+import { type SurfaceProps } from "./surface.js";
+export declare function ScrollArea({ overflow, grow, className, ...rest }: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/primitives/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/primitives/scroll-area.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,wBAAgB,UAAU,CAAC,EAAE,QAAiB,EAAE,IAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAE9F"}

package/dist/primitives/scroll-area.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — W2) `ScrollArea` — an overflow-scroll {@link Surface} preset
+ * for the transcript / file-tree / sidebar panes. Browser-safe.
+ */
+import { Surface } from "./surface.js";
+export function ScrollArea({ overflow = "auto", grow = true, className, ...rest }) {
+    return _jsx(Surface, { overflow: overflow, grow: grow, className: className, ...rest });
+}
+//# sourceMappingURL=scroll-area.js.map

package/dist/primitives/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/primitives/scroll-area.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAE1D,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB;IAC7F,OAAO,KAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,GAAI,CAAC;AACrF,CAAC"}

package/dist/primitives/stack.d.ts

@@ -0,0 +1,9 @@
+/**
+ * (7.3 / task 03 — W2) `Stack` / `Row` — thin row/column convenience over
+ * {@link Surface} (the most common layout shape during the W4 migration). `Stack`
+ * is a column, `Row` a row; both forward all Surface variants. Browser-safe.
+ */
+import { type SurfaceProps } from "./surface.js";
+export declare function Stack(props: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function Row(props: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stack.d.ts.map

package/dist/primitives/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/primitives/stack.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,wBAAgB,KAAK,CAAC,KAAK,EAAE,YAAY,2CAExC;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,YAAY,2CAEtC"}

package/dist/primitives/stack.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — W2) `Stack` / `Row` — thin row/column convenience over
+ * {@link Surface} (the most common layout shape during the W4 migration). `Stack`
+ * is a column, `Row` a row; both forward all Surface variants. Browser-safe.
+ */
+import { Surface } from "./surface.js";
+export function Stack(props) {
+    return _jsx(Surface, { direction: "column", ...props });
+}
+export function Row(props) {
+    return _jsx(Surface, { direction: "row", ...props });
+}
+//# sourceMappingURL=stack.js.map

package/dist/primitives/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/primitives/stack.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAE1D,MAAM,UAAU,KAAK,CAAC,KAAmB;IACvC,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAmB;IACrC,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,KAAK,KAAK,GAAI,CAAC;AAChD,CAAC"}

package/dist/primitives/status-badge.d.ts

@@ -0,0 +1,42 @@
+/**
+ * (7.3 / task 03 — W2) `StatusBadge` — the plan-mode / auto-accept / yolo / risk
+ * pill, reusing the brand token utilities `[11.1]`. `tone` picks the semantic
+ * color. Browser-safe.
+ */
+import type { ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+export declare const statusBadge: import("tailwind-variants").TVReturnType<{
+    tone: {
+        plan: string;
+        accept: string;
+        success: string;
+        warning: string;
+        error: string;
+        neutral: string;
+    };
+}, undefined, "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", {
+    tone: {
+        plan: string;
+        accept: string;
+        success: string;
+        warning: string;
+        error: string;
+        neutral: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    tone: {
+        plan: string;
+        accept: string;
+        success: string;
+        warning: string;
+        error: string;
+        neutral: string;
+    };
+}, undefined, "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", unknown, unknown, undefined>>;
+export type StatusBadgeVariants = VariantProps<typeof statusBadge>;
+export interface StatusBadgeProps extends StatusBadgeVariants {
+    children?: ReactNode;
+    className?: string;
+}
+export declare function StatusBadge({ tone, className, children }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/primitives/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/primitives/status-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;0HAatB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAE1E"}

package/dist/primitives/status-badge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+export const statusBadge = tv({
+    base: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
+    variants: {
+        tone: {
+            plan: "text-plan-mode border border-plan-mode",
+            accept: "text-auto-accept border border-auto-accept",
+            success: "text-success border border-success",
+            warning: "text-warning border border-warning",
+            error: "text-error border border-error",
+            neutral: "text-text-weak border border-border-base",
+        },
+    },
+    defaultVariants: { tone: "neutral" },
+});
+export function StatusBadge({ tone, className, children }) {
+    return _jsx("span", { className: cn(statusBadge({ tone }), className), children: children });
+}
+//# sourceMappingURL=status-badge.js.map

package/dist/primitives/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../../src/primitives/status-badge.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,EAAE,EAAqB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,6EAA6E;IACnF,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,wCAAwC;YAC9C,MAAM,EAAE,4CAA4C;YACpD,OAAO,EAAE,oCAAoC;YAC7C,OAAO,EAAE,oCAAoC;YAC7C,KAAK,EAAE,gCAAgC;YACvC,OAAO,EAAE,0CAA0C;SACpD;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CAAC,CAAC;AASH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB;IACzE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAAC;AAClF,CAAC"}

package/dist/primitives/surface.d.ts

@@ -0,0 +1,201 @@
+/**
+ * (7.3 / task 03 — W2) `Surface` — the flex container primitive `[11.11]`, the
+ * tailwind-variants replacement for the inline-style `Box` (retired in W4). Reads
+ * the seed-engine `@theme` color utilities (`bg-bg-base` / `bg-surface-raised` /
+ * `border-border-base`). Layout beyond the common variants → `className`
+ * (Tailwind utilities) or `style` (one-off escape hatch). Browser-safe.
+ */
+import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+export declare const surface: import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+    };
+    level: {
+        none: string;
+        base: string;
+        weak: string;
+        raised: string;
+        inset: string;
+    };
+    border: {
+        none: string;
+        base: string;
+        weak: string;
+        strong: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    gap: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+    };
+    grow: {
+        true: string;
+        false: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        auto: string;
+        scroll: string;
+    };
+}, undefined, "flex", {
+    direction: {
+        row: string;
+        column: string;
+    };
+    level: {
+        none: string;
+        base: string;
+        weak: string;
+        raised: string;
+        inset: string;
+    };
+    border: {
+        none: string;
+        base: string;
+        weak: string;
+        strong: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    gap: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+    };
+    grow: {
+        true: string;
+        false: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        auto: string;
+        scroll: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+    };
+    level: {
+        none: string;
+        base: string;
+        weak: string;
+        raised: string;
+        inset: string;
+    };
+    border: {
+        none: string;
+        base: string;
+        weak: string;
+        strong: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    padding: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    gap: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+    };
+    grow: {
+        true: string;
+        false: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        auto: string;
+        scroll: string;
+    };
+}, undefined, "flex", unknown, unknown, undefined>>;
+export type SurfaceVariants = VariantProps<typeof surface>;
+export interface SurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SurfaceVariants {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Surface({ direction, level, border, radius, padding, gap, align, justify, grow, overflow, className, children, ...rest }: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=surface.d.ts.map

package/dist/primitives/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/primitives/surface.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDA+BlB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,2CAYd"}

package/dist/primitives/surface.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+export const surface = tv({
+    base: "flex",
+    variants: {
+        direction: { row: "flex-row", column: "flex-col" },
+        level: {
+            none: "",
+            base: "bg-bg-base",
+            weak: "bg-bg-weak",
+            raised: "bg-surface-raised",
+            inset: "bg-surface-inset",
+        },
+        border: {
+            none: "",
+            base: "border border-border-base",
+            weak: "border border-border-weak",
+            strong: "border border-border-strong",
+        },
+        radius: { none: "", sm: "rounded-sm", md: "rounded-md", lg: "rounded-lg", full: "rounded-full" },
+        padding: { none: "", xs: "p-1", sm: "p-2", md: "p-3", lg: "p-4" },
+        gap: { none: "", xs: "gap-1", sm: "gap-2", md: "gap-3", lg: "gap-4" },
+        align: { start: "items-start", center: "items-center", end: "items-end", stretch: "items-stretch" },
+        justify: {
+            start: "justify-start",
+            center: "justify-center",
+            end: "justify-end",
+            between: "justify-between",
+        },
+        grow: { true: "flex-1", false: "" },
+        overflow: { visible: "", hidden: "overflow-hidden", auto: "overflow-auto", scroll: "overflow-y-auto" },
+    },
+    defaultVariants: { direction: "column", level: "none", border: "none", radius: "none", padding: "none", gap: "none" },
+});
+export function Surface({ direction, level, border, radius, padding, gap, align, justify, grow, overflow, className, children, ...rest }) {
+    return (_jsx("div", { className: cn(surface({ direction, level, border, radius, padding, gap, align, justify, grow, overflow }), className), ...rest, children: children }));
+}
+//# sourceMappingURL=surface.js.map

package/dist/primitives/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/primitives/surface.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,EAAE,EAAqB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE;QAClD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,mBAAmB;YAC3B,KAAK,EAAE,kBAAkB;SAC1B;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,2BAA2B;YACjC,IAAI,EAAE,2BAA2B;YACjC,MAAM,EAAE,6BAA6B;SACtC;QACD,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE;QAChG,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QACjE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACrE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE;QACnG,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;YAClB,OAAO,EAAE,iBAAiB;SAC3B;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACnC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,EAAE;KACvG;IACD,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;CACtH,CAAC,CAAC;AAUH,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACM;IACb,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3F,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/text.d.ts

@@ -0,0 +1,124 @@
+/**
+ * (7.3 / task 03 — W2) `Text` — the typography primitive `[11.11]`, the
+ * tailwind-variants replacement for the inline-style `Txt` (retired in W4).
+ * `tone` maps to the seed-engine text/state color utilities; `as` picks the
+ * element (span default, or h1–h4/p/code/div). One-off colors → `style`.
+ * Browser-safe.
+ */
+import type { CSSProperties, ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+export declare const text: import("tailwind-variants").TVReturnType<{
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", {
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;
+export type TextVariants = VariantProps<typeof text>;
+type TextElement = "span" | "p" | "div" | "code" | "h1" | "h2" | "h3" | "h4" | "label" | "strong";
+export interface TextProps extends TextVariants {
+    as?: TextElement;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    title?: string;
+}
+export declare function Text({ as, tone, size, weight, mono, truncate, className, children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/primitives/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/primitives/text.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAqBf,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAErD,KAAK,WAAW,GAAG,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAOhH"}

package/dist/primitives/text.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+export const text = tv({
+    base: "",
+    variants: {
+        tone: {
+            base: "text-text-base",
+            weak: "text-text-weak",
+            weaker: "text-text-weaker",
+            strong: "text-text-strong",
+            accent: "text-accent",
+            success: "text-success",
+            error: "text-error",
+            warning: "text-warning",
+            permission: "text-permission",
+            inherit: "",
+        },
+        size: { xs: "text-xs", sm: "text-sm", md: "text-base", lg: "text-lg", xl: "text-xl" },
+        weight: { normal: "font-normal", medium: "font-medium", semibold: "font-semibold", bold: "font-bold" },
+        mono: { true: "font-mono", false: "" },
+        truncate: { true: "truncate", false: "" },
+    },
+    defaultVariants: { tone: "base", mono: false, truncate: false },
+});
+export function Text({ as = "span", tone, size, weight, mono, truncate, className, children, ...rest }) {
+    const Comp = as;
+    return (_jsx(Comp, { className: cn(text({ tone, size, weight, mono, truncate }), className), ...rest, children: children }));
+}
+//# sourceMappingURL=text.js.map