@reforma/components 0.1.6 → 0.2.1

package/dist/openui/components/list.js

@@ -0,0 +1,96 @@
+import { defineComponent as c } from "@openuidev/react-lang";
+import { Box as i } from "../../Box/Box.js";
+import { Text as t } from "../../Text/Text.js";
+import { children as h } from "../schema.js";
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { object as s, boolean as p, enum as f, array as b, union as g, string as r, any as y } from "../../node_modules/zod/v4/classic/schemas.js";
+const S = c({
+  name: "ListItem",
+  props: s({
+    title: r(),
+    description: r().optional(),
+    marker: r().optional(),
+    children: h.optional()
+  }),
+  description: "marker replaces the bullet or number, e.g. a time or an emoji.",
+  component: ({
+    props: e,
+    renderNode: l
+  }) => /* @__PURE__ */ a(i, {
+    direction: "column",
+    gap: "xs",
+    fullWidth: !0,
+    children: [/* @__PURE__ */ a(t, {
+      variant: "md",
+      bold: !0,
+      children: [e.marker ? `${e.marker} ` : "", e.title]
+    }), e.description ? /* @__PURE__ */ n(t, {
+      variant: "sm",
+      color: "secondary",
+      children: e.description
+    }) : null, e.children != null ? l(e.children) : null]
+  })
+}), I = c({
+  name: "List",
+  props: s({
+    items: b(g([r(), y()])),
+    marker: f(["bullet", "number", "none"]).optional(),
+    timeline: p().optional()
+  }),
+  description: "List. marker: bullet (default), number, or none.",
+  component: ({
+    props: e,
+    renderNode: l
+  }) => {
+    const o = e.marker ?? "bullet", u = o !== "none";
+    return /* @__PURE__ */ n(i, {
+      as: "ol",
+      direction: "column",
+      gap: "md",
+      fullWidth: !0,
+      style: {
+        listStyle: "none",
+        padding: 0,
+        margin: 0,
+        borderLeft: e.timeline ? "2px solid var(--color-surface-border)" : void 0,
+        paddingInlineStart: e.timeline ? "var(--spacing-md)" : void 0
+      },
+      children: e.items.map((m, d) => /* @__PURE__ */ a(i, {
+        as: "li",
+        direction: "row",
+        gap: "sm",
+        align: "start",
+        fullWidth: !0,
+        style: {
+          listStyle: "none"
+        },
+        children: [u ? /* @__PURE__ */ n(t, {
+          variant: "md",
+          color: "secondary",
+          style: {
+            flexShrink: 0,
+            minWidth: o === "number" ? "1.5em" : "0.75em",
+            lineHeight: "var(--leading-md)"
+          },
+          children: o === "number" ? `${d + 1}.` : "•"
+        }) : null, /* @__PURE__ */ n(i, {
+          direction: "column",
+          gap: "xs",
+          fullWidth: !0,
+          style: {
+            minWidth: 0
+          },
+          children: typeof m == "string" ? /* @__PURE__ */ n(t, {
+            variant: "md",
+            children: m
+          }) : l(m)
+        })]
+      }, d))
+    });
+  }
+});
+export {
+  I as List,
+  S as ListItem
+};
+//# sourceMappingURL=list.js.map

package/dist/openui/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../src/openui/components/list.tsx"],"sourcesContent":["import { defineComponent } from '@openuidev/react-lang';\nimport { z } from 'zod/v4';\n\nimport { Box } from '../../Box';\nimport { Text } from '../../Text';\nimport { children } from '../schema';\n\nexport const ListItem = defineComponent({\n    name: 'ListItem',\n    props: z.object({\n        title: z.string(),\n        description: z.string().optional(),\n        marker: z.string().optional(),\n        children: children.optional(),\n    }),\n    description: 'marker replaces the bullet or number, e.g. a time or an emoji.',\n    component: ({ props, renderNode }) => (\n        <Box direction=\"column\" gap=\"xs\" fullWidth>\n            <Text variant=\"md\" bold>\n                {props.marker ? `${props.marker} ` : ''}\n                {props.title}\n            </Text>\n            {props.description ? (\n                <Text variant=\"sm\" color=\"secondary\">{props.description}</Text>\n            ) : null}\n            {props.children != null ? renderNode(props.children) : null}\n        </Box>\n    ),\n});\n\nexport const List = defineComponent({\n    name: 'List',\n    props: z.object({\n        items: z.array(z.union([z.string(), z.any()])),\n        marker: z.enum(['bullet', 'number', 'none']).optional(),\n        timeline: z.boolean().optional(),\n    }),\n    description: 'List. marker: bullet (default), number, or none.',\n    component: ({ props, renderNode }) => {\n        // Box is flex — native list-style markers never paint. Draw our own or stay flush.\n        const marker = props.marker ?? 'bullet';\n        const showMarker = marker !== 'none';\n\n        return (\n            <Box\n                as=\"ol\"\n                direction=\"column\"\n                gap=\"md\"\n                fullWidth\n                style={{\n                    listStyle: 'none',\n                    padding: 0,\n                    margin: 0,\n                    borderLeft: props.timeline ? '2px solid var(--color-surface-border)' : undefined,\n                    paddingInlineStart: props.timeline ? 'var(--spacing-md)' : undefined,\n                }}\n            >\n                {props.items.map((item, index) => (\n                    <Box\n                        as=\"li\"\n                        key={ index }\n                        direction=\"row\"\n                        gap=\"sm\"\n                        align=\"start\"\n                        fullWidth\n                        style={{ listStyle: 'none' }}\n                    >\n                        {showMarker ? (\n                            <Text\n                                variant=\"md\"\n                                color=\"secondary\"\n                                style={{\n                                    flexShrink: 0,\n                                    minWidth: marker === 'number' ? '1.5em' : '0.75em',\n                                    lineHeight: 'var(--leading-md)',\n                                }}\n                            >\n                                {marker === 'number' ? `${index + 1}.` : '•'}\n                            </Text>\n                        ) : null}\n                        <Box direction=\"column\" gap=\"xs\" fullWidth style={{ minWidth: 0 }}>\n                            {typeof item === 'string'\n                                ? <Text variant=\"md\">{item}</Text>\n                                : renderNode(item)}\n                        </Box>\n                    </Box>\n                ))}\n            </Box>\n        );\n    },\n});\n"],"names":["ListItem","defineComponent","z.object","z.string","children","props","renderNode","Box","_jsxs","Text","List","z.array","z.union","z.any","z.enum","z.boolean","marker","showMarker","item","index","_jsx"],"mappings":";;;;;;AAMO,MAAMA,IAAWC,EAAgB;AAAA,EACtC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,OAAOC,EAAE;AAAA,IACT,aAAaA,EAAE,EAAS,SAAA;AAAA,IACxB,QAAQA,EAAE,EAAS,SAAA;AAAA,IACnB,UAAUC,EAAS,SAAA;AAAA,EAAS,CAC7B;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,wBACuBC,GAAK;AAAA,IAC5B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU,CAAcC,gBAAAA,EAAMC,GAAM;AAAA,MAClC,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU,CAACJ,EAAM,SAAS,GAAGA,EAAM,MAAM,MAAM,IAAIA,EAAM,KAAK;AAAA,IAAA,CAC/D,GAAGA,EAAM,gCAAgCI,GAAM;AAAA,MAC9C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAUJ,EAAM;AAAA,IAAA,CACjB,IAAI,MAAMA,EAAM,YAAY,OAAOC,EAAWD,EAAM,QAAQ,IAAI,IAAI;AAAA,EAAA,CACtE;AACH,CAAC,GACYK,IAAOT,EAAgB;AAAA,EAClC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,OAAOS,EAAQC,EAAQ,CAACT,EAAE,GAAUU,EAAE,CAAK,CAAC,CAAC;AAAA,IAC7C,QAAQC,EAAO,CAAC,UAAU,UAAU,MAAM,CAAC,EAAE,SAAA;AAAA,IAC7C,UAAUC,EAAE,EAAU,SAAA;AAAA,EAAS,CAChC;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAV;AAAA,IACA,YAAAC;AAAA,EAAA,MACI;AAEJ,UAAMU,IAASX,EAAM,UAAU,UACzBY,IAAaD,MAAW;AAC9B,6BAAyBT,GAAK;AAAA,MAC5B,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,QACL,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,YAAYF,EAAM,WAAW,0CAA0C;AAAA,QACvE,oBAAoBA,EAAM,WAAW,sBAAsB;AAAA,MAAA;AAAA,MAE7D,UAAUA,EAAM,MAAM,IAAI,CAACa,GAAMC,wBAA6BZ,GAAK;AAAA,QACjE,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,KAAK;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA,QACX,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,QAEb,UAAU,CAACU,IAA0BG,gBAAAA,EAAKX,GAAM;AAAA,UAC9C,SAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,UAAUO,MAAW,WAAW,UAAU;AAAA,YAC1C,YAAY;AAAA,UAAA;AAAA,UAEd,UAAUA,MAAW,WAAW,GAAGG,IAAQ,CAAC,MAAM;AAAA,QAAA,CACnD,IAAI,MAAmBC,gBAAAA,EAAKb,GAAK;AAAA,UAChC,WAAW;AAAA,UACX,KAAK;AAAA,UACL,WAAW;AAAA,UACX,OAAO;AAAA,YACL,UAAU;AAAA,UAAA;AAAA,UAEZ,UAAU,OAAOW,KAAS,6BAA6BT,GAAM;AAAA,YAC3D,SAAS;AAAA,YACT,UAAUS;AAAA,UAAA,CACX,IAAIZ,EAAWY,CAAI;AAAA,QAAA,CACrB,CAAC;AAAA,MAAA,GACDC,CAAK,CAAC;AAAA,IAAA,CACV;AAAA,EACH;AACF,CAAC;"}

package/dist/openui/components/svg.d.ts

@@ -0,0 +1,100 @@
+import { z } from 'zod/v4';
+export declare const Svg: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    children: z.ZodAny;
+    viewBox: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;
+export declare const G: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    children: z.ZodAny;
+}, z.core.$strip>>;
+export declare const Rect: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>>;
+export declare const Circle: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    cx: z.ZodNumber;
+    cy: z.ZodNumber;
+    r: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;
+export declare const Line: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    x1: z.ZodNumber;
+    y1: z.ZodNumber;
+    x2: z.ZodNumber;
+    y2: z.ZodNumber;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>>;
+export declare const Path: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    d: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>>;
+export declare const Polygon: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    points: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;
+export declare const SvgText: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    size: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    anchor: z.ZodOptional<z.ZodEnum<{
+        end: "end";
+        middle: "middle";
+        start: "start";
+    }>>;
+}, z.core.$strip>>;
+/** Bundle for createLibrary — not a React component. */
+export declare const svgComponents: (import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    children: z.ZodAny;
+    viewBox: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    children: z.ZodAny;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    cx: z.ZodNumber;
+    cy: z.ZodNumber;
+    r: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    x1: z.ZodNumber;
+    y1: z.ZodNumber;
+    x2: z.ZodNumber;
+    y2: z.ZodNumber;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    d: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    points: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>> | import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    size: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    anchor: z.ZodOptional<z.ZodEnum<{
+        end: "end";
+        middle: "middle";
+        start: "start";
+    }>>;
+}, z.core.$strip>>)[];
+//# sourceMappingURL=svg.d.ts.map

package/dist/openui/components/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../../src/openui/components/svg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AA2E3B,eAAO,MAAM,GAAG;;;kBAwBd,CAAC;AAEH,eAAO,MAAM,CAAC;;kBAKZ,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;kBA2Bf,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;kBAuBjB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;kBAqBf,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;kBAiBf,CAAC;AAEH,eAAO,MAAM,OAAO;;;kBAUlB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;kBAkClB,CAAC;AAEH,wDAAwD;AAExD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAuD,CAAC"}

package/dist/openui/components/svg.js

@@ -0,0 +1,246 @@
+import { defineComponent as i } from "@openuidev/react-lang";
+import { children as f } from "../schema.js";
+import { jsx as n } from "react/jsx-runtime";
+import { object as l, string as r, number as o, enum as m } from "../../node_modules/zod/v4/classic/schemas.js";
+function c(t) {
+  switch (t) {
+    case "muted":
+    case "faint":
+      return "var(--color-text-secondary)";
+    case "primary":
+    case "info":
+      return "var(--color-primary)";
+    case "success":
+      return "var(--color-success)";
+    case "warning":
+      return "var(--color-warning)";
+    case "danger":
+      return "var(--color-danger)";
+    case "surface":
+      return "var(--color-surface)";
+    default:
+      return "var(--color-text)";
+  }
+}
+function u(t) {
+  return /^[\dIVXLCDMivxlcdm]{1,4}$/.test(t.trim());
+}
+function x(t) {
+  if (t == null)
+    return !1;
+  const e = t.trim().toLowerCase();
+  return e === "surface" || e === "faint" || e === "white" || /^#?(fff|ffffff|f{6}|f{3})$/i.test(e);
+}
+function s(t) {
+  if (x(t))
+    return {
+      fill: "var(--color-surface)",
+      stroke: "var(--color-text-secondary)",
+      strokeWidth: 2
+    };
+  switch (t) {
+    case "muted":
+      return {
+        fill: "var(--color-surface)",
+        stroke: "var(--color-text-secondary)",
+        strokeWidth: 2
+      };
+    case "primary":
+    case "info":
+      return {
+        fill: "var(--color-primary)"
+      };
+    case "success":
+      return {
+        fill: "var(--color-success)"
+      };
+    case "warning":
+      return {
+        fill: "var(--color-warning)"
+      };
+    case "danger":
+      return {
+        fill: "var(--color-danger)"
+      };
+    default:
+      return {
+        fill: c(t)
+      };
+  }
+}
+const k = i({
+  name: "Svg",
+  props: l({
+    children: f,
+    viewBox: r().optional()
+  }),
+  description: 'SVG root, width-capped. Prefer viewBox like "0 0 400 80" for a timeline.',
+  component: ({
+    props: t,
+    renderNode: e
+  }) => /* @__PURE__ */ n("svg", {
+    viewBox: t.viewBox ?? "0 0 400 120",
+    width: "100%",
+    preserveAspectRatio: "xMidYMid meet",
+    style: {
+      display: "block",
+      marginInline: "auto",
+      // Small viewBoxes must not explode to card width (giant step numbers).
+      maxWidth: 420
+    },
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: e(t.children)
+  })
+}), v = i({
+  name: "G",
+  props: l({
+    children: f
+  }),
+  description: "SVG group.",
+  component: ({
+    props: t,
+    renderNode: e
+  }) => /* @__PURE__ */ n("g", {
+    children: e(t.children)
+  })
+}), y = i({
+  name: "Rect",
+  props: l({
+    x: o(),
+    y: o(),
+    width: o(),
+    height: o(),
+    fill: r().optional(),
+    stroke: r().optional(),
+    strokeWidth: o().optional()
+  }),
+  description: "Rectangle.",
+  component: ({
+    props: t
+  }) => {
+    const e = s(t.fill ?? "muted");
+    return /* @__PURE__ */ n("rect", {
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height,
+      fill: e.fill,
+      stroke: t.stroke ? c(t.stroke) : e.stroke,
+      strokeWidth: t.strokeWidth ?? e.strokeWidth ?? 1
+    });
+  }
+}), g = i({
+  name: "Circle",
+  props: l({
+    cx: o(),
+    cy: o(),
+    r: o(),
+    fill: r().optional()
+  }),
+  description: "Circle.",
+  component: ({
+    props: t
+  }) => {
+    const e = s(t.fill ?? "primary");
+    return /* @__PURE__ */ n("circle", {
+      cx: t.cx,
+      cy: t.cy,
+      r: t.r,
+      fill: e.fill,
+      stroke: e.stroke,
+      strokeWidth: e.strokeWidth
+    });
+  }
+}), w = i({
+  name: "Line",
+  props: l({
+    x1: o(),
+    y1: o(),
+    x2: o(),
+    y2: o(),
+    stroke: r().optional(),
+    strokeWidth: o().optional()
+  }),
+  description: "Line.",
+  component: ({
+    props: t
+  }) => /* @__PURE__ */ n("line", {
+    x1: t.x1,
+    y1: t.y1,
+    x2: t.x2,
+    y2: t.y2,
+    stroke: c(t.stroke),
+    strokeWidth: t.strokeWidth ?? 2
+  })
+}), p = i({
+  name: "Path",
+  props: l({
+    d: r(),
+    fill: r().optional(),
+    stroke: r().optional(),
+    strokeWidth: o().optional()
+  }),
+  description: "SVG path.",
+  component: ({
+    props: t
+  }) => /* @__PURE__ */ n("path", {
+    d: t.d,
+    fill: t.fill ? s(t.fill).fill : "none",
+    stroke: t.stroke ? c(t.stroke) : void 0,
+    strokeWidth: t.strokeWidth
+  })
+}), W = i({
+  name: "Polygon",
+  props: l({
+    points: r(),
+    fill: r().optional()
+  }),
+  description: "Polygon (arrow heads, etc.).",
+  component: ({
+    props: t
+  }) => /* @__PURE__ */ n("polygon", {
+    points: t.points,
+    fill: s(t.fill ?? "ink").fill
+  })
+}), S = i({
+  name: "SvgText",
+  props: l({
+    text: r(),
+    x: o(),
+    y: o(),
+    size: o().optional(),
+    color: r().optional(),
+    anchor: m(["start", "middle", "end"]).optional()
+  }),
+  description: "SVG text label.",
+  component: ({
+    props: t
+  }) => {
+    const e = typeof t.color == "string" ? t.color : void 0, h = u(t.text), d = e === "surface" || e === "faint" || e === "white", a = d && h;
+    return /* @__PURE__ */ n("text", {
+      x: t.x,
+      y: t.y,
+      fontSize: t.size ?? 12,
+      fontWeight: 600,
+      fill: a ? "var(--color-surface)" : d ? "var(--color-text-secondary)" : c(e),
+      stroke: a ? "var(--color-text)" : void 0,
+      strokeWidth: a ? 2.75 : void 0,
+      paintOrder: a ? "stroke fill" : void 0,
+      textAnchor: t.anchor ?? "middle",
+      children: t.text
+    });
+  }
+}), V = [k, v, y, g, w, p, W, S];
+export {
+  g as Circle,
+  v as G,
+  w as Line,
+  p as Path,
+  W as Polygon,
+  y as Rect,
+  k as Svg,
+  S as SvgText,
+  V as svgComponents
+};
+//# sourceMappingURL=svg.js.map

package/dist/openui/components/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sources":["../../../src/openui/components/svg.tsx"],"sourcesContent":["import { defineComponent } from '@openuidev/react-lang';\nimport { z } from 'zod/v4';\n\nimport { children } from '../schema';\n\n/** Stroke / shape-adjacent paint. */\nfunction ink(color: string | undefined): string {\n    switch (color) {\n        case 'muted':\n        case 'faint':\n            return 'var(--color-text-secondary)';\n        case 'primary':\n        case 'info':\n            return 'var(--color-primary)';\n        case 'success':\n            return 'var(--color-success)';\n        case 'warning':\n            return 'var(--color-warning)';\n        case 'danger':\n            return 'var(--color-danger)';\n        case 'surface':\n            return 'var(--color-surface)';\n        default:\n            return 'var(--color-text)';\n    }\n}\n\nfunction isStepIndex(text: string): boolean {\n    return /^[\\dIVXLCDMivxlcdm]{1,4}$/.test(text.trim());\n}\n\nfunction isNearWhite(color: string | undefined): boolean {\n    if (color == null) {\n        return false;\n    }\n\n    const t = color.trim().toLowerCase();\n\n    return t === 'surface' || t === 'faint' || t === 'white'\n        || /^#?(fff|ffffff|f{6}|f{3})$/i.test(t);\n}\n\n/**\n * Inactive / future nodes must stay visible on a white card. Never paint a\n * bare page-surface fill — that is white-on-white with inverse SvgText.\n */\nfunction shapeFill(color: string | undefined): { fill: string; stroke?: string; strokeWidth?: number } {\n    if (isNearWhite(color)) {\n        return {\n            fill: 'var(--color-surface)',\n            stroke: 'var(--color-text-secondary)',\n            strokeWidth: 2,\n        };\n    }\n\n    switch (color) {\n        case 'muted':\n            return {\n                fill: 'var(--color-surface)',\n                stroke: 'var(--color-text-secondary)',\n                strokeWidth: 2,\n            };\n        case 'primary':\n        case 'info':\n            return { fill: 'var(--color-primary)' };\n        case 'success':\n            return { fill: 'var(--color-success)' };\n        case 'warning':\n            return { fill: 'var(--color-warning)' };\n        case 'danger':\n            return { fill: 'var(--color-danger)' };\n        default:\n            return { fill: ink(color) };\n    }\n}\n\nexport const Svg = defineComponent({\n    name: 'Svg',\n    props: z.object({\n        children,\n        viewBox: z.string().optional(),\n    }),\n    description: 'SVG root, width-capped. Prefer viewBox like \"0 0 400 80\" for a timeline.',\n    component: ({ props, renderNode }) => (\n        <svg\n            viewBox={ props.viewBox ?? '0 0 400 120' }\n            width=\"100%\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            style={{\n                display: 'block',\n                marginInline: 'auto',\n                // Small viewBoxes must not explode to card width (giant step numbers).\n                maxWidth: 420,\n            }}\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            {renderNode(props.children)}\n        </svg>\n    ),\n});\n\nexport const G = defineComponent({\n    name: 'G',\n    props: z.object({ children }),\n    description: 'SVG group.',\n    component: ({ props, renderNode }) => <g>{renderNode(props.children)}</g>,\n});\n\nexport const Rect = defineComponent({\n    name: 'Rect',\n    props: z.object({\n        x: z.number(),\n        y: z.number(),\n        width: z.number(),\n        height: z.number(),\n        fill: z.string().optional(),\n        stroke: z.string().optional(),\n        strokeWidth: z.number().optional(),\n    }),\n    description: 'Rectangle.',\n    component: ({ props }) => {\n        const paint = shapeFill(props.fill ?? 'muted');\n\n        return (\n            <rect\n                x={ props.x }\n                y={ props.y }\n                width={ props.width }\n                height={ props.height }\n                fill={ paint.fill }\n                stroke={ props.stroke ? ink(props.stroke) : paint.stroke }\n                strokeWidth={ props.strokeWidth ?? paint.strokeWidth ?? 1 }\n            />\n        );\n    },\n});\n\nexport const Circle = defineComponent({\n    name: 'Circle',\n    props: z.object({\n        cx: z.number(),\n        cy: z.number(),\n        r: z.number(),\n        fill: z.string().optional(),\n    }),\n    description: 'Circle.',\n    component: ({ props }) => {\n        const paint = shapeFill(props.fill ?? 'primary');\n\n        return (\n            <circle\n                cx={ props.cx }\n                cy={ props.cy }\n                r={ props.r }\n                fill={ paint.fill }\n                stroke={ paint.stroke }\n                strokeWidth={ paint.strokeWidth }\n            />\n        );\n    },\n});\n\nexport const Line = defineComponent({\n    name: 'Line',\n    props: z.object({\n        x1: z.number(),\n        y1: z.number(),\n        x2: z.number(),\n        y2: z.number(),\n        stroke: z.string().optional(),\n        strokeWidth: z.number().optional(),\n    }),\n    description: 'Line.',\n    component: ({ props }) => (\n        <line\n            x1={ props.x1 }\n            y1={ props.y1 }\n            x2={ props.x2 }\n            y2={ props.y2 }\n            stroke={ ink(props.stroke) }\n            strokeWidth={ props.strokeWidth ?? 2 }\n        />\n    ),\n});\n\nexport const Path = defineComponent({\n    name: 'Path',\n    props: z.object({\n        d: z.string(),\n        fill: z.string().optional(),\n        stroke: z.string().optional(),\n        strokeWidth: z.number().optional(),\n    }),\n    description: 'SVG path.',\n    component: ({ props }) => (\n        <path\n            d={ props.d }\n            fill={ props.fill ? shapeFill(props.fill).fill : 'none' }\n            stroke={ props.stroke ? ink(props.stroke) : undefined }\n            strokeWidth={ props.strokeWidth }\n        />\n    ),\n});\n\nexport const Polygon = defineComponent({\n    name: 'Polygon',\n    props: z.object({\n        points: z.string(),\n        fill: z.string().optional(),\n    }),\n    description: 'Polygon (arrow heads, etc.).',\n    component: ({ props }) => (\n        <polygon points={ props.points } fill={ shapeFill(props.fill ?? 'ink').fill } />\n    ),\n});\n\nexport const SvgText = defineComponent({\n    name: 'SvgText',\n    props: z.object({\n        text: z.string(),\n        x: z.number(),\n        y: z.number(),\n        size: z.number().optional(),\n        color: z.string().optional(),\n        anchor: z.enum(['start', 'middle', 'end']).optional(),\n    }),\n    description: 'SVG text label.',\n    component: ({ props }) => {\n        const color = typeof props.color === 'string' ? props.color : undefined;\n        const step = isStepIndex(props.text);\n        const inverse = color === 'surface' || color === 'faint' || color === 'white';\n        // White glyph + dark halo: readable on both filled (dark) and hollow (light) nodes.\n        const halo = inverse && step;\n\n        return (\n            <text\n                x={ props.x }\n                y={ props.y }\n                fontSize={ props.size ?? 12 }\n                fontWeight={ 600 }\n                fill={ halo ? 'var(--color-surface)' : inverse ? 'var(--color-text-secondary)' : ink(color) }\n                stroke={ halo ? 'var(--color-text)' : undefined }\n                strokeWidth={ halo ? 2.75 : undefined }\n                paintOrder={ halo ? 'stroke fill' : undefined }\n                textAnchor={ props.anchor ?? 'middle' }\n            >\n                {props.text}\n            </text>\n        );\n    },\n});\n\n/** Bundle for createLibrary — not a React component. */\n// eslint-disable-next-line react-refresh/only-export-components -- library registration list\nexport const svgComponents = [Svg, G, Rect, Circle, Line, Path, Polygon, SvgText];\n"],"names":["ink","color","isStepIndex","text","isNearWhite","t","shapeFill","Svg","defineComponent","z.object","children","z.string","props","renderNode","G","Rect","z.number","paint","Circle","Line","Path","Polygon","SvgText","z.enum","step","inverse","halo","svgComponents"],"mappings":";;;;AAMA,SAASA,EAAIC,GAAO;AAClB,UAAQA,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AACA,SAASC,EAAYC,GAAM;AACzB,SAAO,4BAA4B,KAAKA,EAAK,KAAA,CAAM;AACrD;AACA,SAASC,EAAYH,GAAO;AAC1B,MAAIA,KAAS;AACX,WAAO;AAET,QAAMI,IAAIJ,EAAM,KAAA,EAAO,YAAA;AACvB,SAAOI,MAAM,aAAaA,MAAM,WAAWA,MAAM,WAAW,8BAA8B,KAAKA,CAAC;AAClG;AAMA,SAASC,EAAUL,GAAO;AACxB,MAAIG,EAAYH,CAAK;AACnB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAGjB,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAEV;AACE,aAAO;AAAA,QACL,MAAMD,EAAIC,CAAK;AAAA,MAAA;AAAA,EACjB;AAEN;AACO,MAAMM,IAAMC,EAAgB;AAAA,EACjC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,UAAAC;AAAA,IACA,SAASC,EAAE,EAAS,SAAA;AAAA,EAAS,CAC9B;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,wBACsB,OAAO;AAAA,IAC7B,SAASD,EAAM,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,qBAAqB;AAAA,IACrB,OAAO;AAAA,MACL,SAAS;AAAA,MACT,cAAc;AAAA;AAAA,MAEd,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAUC,EAAWD,EAAM,QAAQ;AAAA,EAAA,CACpC;AACH,CAAC,GACYE,IAAIN,EAAgB;AAAA,EAC/B,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,UAAAC;AAAA,EAAA,CACD;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,wBACsB,KAAK;AAAA,IAC3B,UAAUA,EAAWD,EAAM,QAAQ;AAAA,EAAA,CACpC;AACH,CAAC,GACYG,IAAOP,EAAgB;AAAA,EAClC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,GAAGO,EAAE;AAAA,IACL,GAAGA,EAAE;AAAA,IACL,OAAOA,EAAE;AAAA,IACT,QAAQA,EAAE;AAAA,IACV,MAAML,EAAE,EAAS,SAAA;AAAA,IACjB,QAAQA,EAAE,EAAS,SAAA;AAAA,IACnB,aAAaK,EAAE,EAAS,SAAA;AAAA,EAAS,CAClC;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAJ;AAAA,EAAA,MACI;AACJ,UAAMK,IAAQX,EAAUM,EAAM,QAAQ,OAAO;AAC7C,6BAAyB,QAAQ;AAAA,MAC/B,GAAGA,EAAM;AAAA,MACT,GAAGA,EAAM;AAAA,MACT,OAAOA,EAAM;AAAA,MACb,QAAQA,EAAM;AAAA,MACd,MAAMK,EAAM;AAAA,MACZ,QAAQL,EAAM,SAASZ,EAAIY,EAAM,MAAM,IAAIK,EAAM;AAAA,MACjD,aAAaL,EAAM,eAAeK,EAAM,eAAe;AAAA,IAAA,CACxD;AAAA,EACH;AACF,CAAC,GACYC,IAASV,EAAgB;AAAA,EACpC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,IAAIO,EAAE;AAAA,IACN,IAAIA,EAAE;AAAA,IACN,GAAGA,EAAE;AAAA,IACL,MAAML,EAAE,EAAS,SAAA;AAAA,EAAS,CAC3B;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAC;AAAA,EAAA,MACI;AACJ,UAAMK,IAAQX,EAAUM,EAAM,QAAQ,SAAS;AAC/C,6BAAyB,UAAU;AAAA,MACjC,IAAIA,EAAM;AAAA,MACV,IAAIA,EAAM;AAAA,MACV,GAAGA,EAAM;AAAA,MACT,MAAMK,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,aAAaA,EAAM;AAAA,IAAA,CACpB;AAAA,EACH;AACF,CAAC,GACYE,IAAOX,EAAgB;AAAA,EAClC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,IAAIO,EAAE;AAAA,IACN,IAAIA,EAAE;AAAA,IACN,IAAIA,EAAE;AAAA,IACN,IAAIA,EAAE;AAAA,IACN,QAAQL,EAAE,EAAS,SAAA;AAAA,IACnB,aAAaK,EAAE,EAAS,SAAA;AAAA,EAAS,CAClC;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAJ;AAAA,EAAA,wBACsB,QAAQ;AAAA,IAC9B,IAAIA,EAAM;AAAA,IACV,IAAIA,EAAM;AAAA,IACV,IAAIA,EAAM;AAAA,IACV,IAAIA,EAAM;AAAA,IACV,QAAQZ,EAAIY,EAAM,MAAM;AAAA,IACxB,aAAaA,EAAM,eAAe;AAAA,EAAA,CACnC;AACH,CAAC,GACYQ,IAAOZ,EAAgB;AAAA,EAClC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,GAAGE,EAAE;AAAA,IACL,MAAMA,EAAE,EAAS,SAAA;AAAA,IACjB,QAAQA,EAAE,EAAS,SAAA;AAAA,IACnB,aAAaK,EAAE,EAAS,SAAA;AAAA,EAAS,CAClC;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAJ;AAAA,EAAA,wBACsB,QAAQ;AAAA,IAC9B,GAAGA,EAAM;AAAA,IACT,MAAMA,EAAM,OAAON,EAAUM,EAAM,IAAI,EAAE,OAAO;AAAA,IAChD,QAAQA,EAAM,SAASZ,EAAIY,EAAM,MAAM,IAAI;AAAA,IAC3C,aAAaA,EAAM;AAAA,EAAA,CACpB;AACH,CAAC,GACYS,IAAUb,EAAgB;AAAA,EACrC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,QAAQE,EAAE;AAAA,IACV,MAAMA,EAAE,EAAS,SAAA;AAAA,EAAS,CAC3B;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAC;AAAA,EAAA,wBACsB,WAAW;AAAA,IACjC,QAAQA,EAAM;AAAA,IACd,MAAMN,EAAUM,EAAM,QAAQ,KAAK,EAAE;AAAA,EAAA,CACtC;AACH,CAAC,GACYU,IAAUd,EAAgB;AAAA,EACrC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,MAAME,EAAE;AAAA,IACR,GAAGK,EAAE;AAAA,IACL,GAAGA,EAAE;AAAA,IACL,MAAMA,EAAE,EAAS,SAAA;AAAA,IACjB,OAAOL,EAAE,EAAS,SAAA;AAAA,IAClB,QAAQY,EAAO,CAAC,SAAS,UAAU,KAAK,CAAC,EAAE,SAAA;AAAA,EAAS,CACrD;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAX;AAAA,EAAA,MACI;AACJ,UAAMX,IAAQ,OAAOW,EAAM,SAAU,WAAWA,EAAM,QAAQ,QACxDY,IAAOtB,EAAYU,EAAM,IAAI,GAC7Ba,IAAUxB,MAAU,aAAaA,MAAU,WAAWA,MAAU,SAEhEyB,IAAOD,KAAWD;AACxB,6BAAyB,QAAQ;AAAA,MAC/B,GAAGZ,EAAM;AAAA,MACT,GAAGA,EAAM;AAAA,MACT,UAAUA,EAAM,QAAQ;AAAA,MACxB,YAAY;AAAA,MACZ,MAAMc,IAAO,yBAAyBD,IAAU,gCAAgCzB,EAAIC,CAAK;AAAA,MACzF,QAAQyB,IAAO,sBAAsB;AAAA,MACrC,aAAaA,IAAO,OAAO;AAAA,MAC3B,YAAYA,IAAO,gBAAgB;AAAA,MACnC,YAAYd,EAAM,UAAU;AAAA,MAC5B,UAAUA,EAAM;AAAA,IAAA,CACjB;AAAA,EACH;AACF,CAAC,GAIYe,IAAgB,CAACpB,GAAKO,GAAGC,GAAMG,GAAQC,GAAMC,GAAMC,GAASC,CAAO;"}

package/dist/openui/components/table.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod/v4';
+export declare const Table: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    columns: z.ZodArray<z.ZodString>;
+    rows: z.ZodArray<z.ZodArray<z.ZodAny>>;
+}, z.core.$strip>>;
+//# sourceMappingURL=table.d.ts.map

package/dist/openui/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/openui/components/table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAW3B,eAAO,MAAM,KAAK;;;kBAgDhB,CAAC"}

package/dist/openui/components/table.js

@@ -0,0 +1,54 @@
+import { defineComponent as m } from "@openuidev/react-lang";
+import { Text as s } from "../../Text/Text.js";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { object as p, array as o, any as h, string as f } from "../../node_modules/zod/v4/classic/schemas.js";
+const i = {
+  padding: "var(--spacing-sm) var(--spacing-md)",
+  borderBottom: "1px solid var(--color-surface-border)",
+  verticalAlign: "middle"
+}, x = m({
+  name: "Table",
+  props: p({
+    columns: o(f()),
+    rows: o(o(h()))
+  }),
+  description: "Each row lists its cells in column order; a cell may be a component.",
+  component: ({
+    props: n,
+    renderNode: a
+  }) => /* @__PURE__ */ c("table", {
+    style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      fontSize: "var(--text-md)",
+      lineHeight: "var(--leading-md)"
+    },
+    children: [/* @__PURE__ */ r("thead", {
+      children: /* @__PURE__ */ r("tr", {
+        children: n.columns.map((e) => /* @__PURE__ */ r("th", {
+          style: {
+            ...i,
+            textAlign: "left",
+            color: "var(--color-text-secondary)",
+            fontWeight: 600
+          },
+          children: e
+        }, e))
+      })
+    }), /* @__PURE__ */ r("tbody", {
+      children: n.rows.map((e, l) => /* @__PURE__ */ r("tr", {
+        children: e.map((t, d) => /* @__PURE__ */ r("td", {
+          style: i,
+          children: typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ r(s, {
+            variant: "md",
+            children: String(t)
+          }) : a(t)
+        }, d))
+      }, l))
+    })]
+  })
+});
+export {
+  x as Table
+};
+//# sourceMappingURL=table.js.map

package/dist/openui/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/openui/components/table.tsx"],"sourcesContent":["import { defineComponent } from '@openuidev/react-lang';\nimport { z } from 'zod/v4';\n\nimport { Text } from '../../Text';\n\n/** Roomier cells — same pad on header and body so the header is not a stub row. */\nconst cellPad = {\n    padding: 'var(--spacing-sm) var(--spacing-md)',\n    borderBottom: '1px solid var(--color-surface-border)',\n    verticalAlign: 'middle' as const,\n};\n\nexport const Table = defineComponent({\n    name: 'Table',\n    props: z.object({\n        columns: z.array(z.string()),\n        rows: z.array(z.array(z.any())),\n    }),\n    description: 'Each row lists its cells in column order; a cell may be a component.',\n    component: ({ props, renderNode }) => (\n        <table\n            style={{\n                width: '100%',\n                borderCollapse: 'collapse',\n                fontSize: 'var(--text-md)',\n                lineHeight: 'var(--leading-md)',\n            }}\n        >\n            <thead>\n                <tr>\n                    {props.columns.map(col => (\n                        <th\n                            key={ col }\n                            style={{\n                                ...cellPad,\n                                textAlign: 'left',\n                                color: 'var(--color-text-secondary)',\n                                fontWeight: 600,\n                            }}\n                        >\n                            {col}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n            <tbody>\n                {props.rows.map((row, ri) => (\n                    <tr key={ ri }>\n                        {row.map((cell, ci) => (\n                            <td key={ ci } style={ cellPad }>\n                                {typeof cell === 'string' || typeof cell === 'number'\n                                    ? <Text variant=\"md\">{String(cell)}</Text>\n                                    : renderNode(cell)}\n                            </td>\n                        ))}\n                    </tr>\n                ))}\n            </tbody>\n        </table>\n    ),\n});\n"],"names":["cellPad","Table","defineComponent","z.object","z.array","z.string","z.any","props","renderNode","_jsx","col","row","ri","cell","ci","Text"],"mappings":";;;;AAMA,MAAMA,IAAU;AAAA,EACd,SAAS;AAAA,EACT,cAAc;AAAA,EACd,eAAe;AACjB,GACaC,IAAQC,EAAgB;AAAA,EACnC,MAAM;AAAA,EACN,OAAOC,EAAS;AAAA,IACd,SAASC,EAAQC,GAAU;AAAA,IAC3B,MAAMD,EAAQA,EAAQE,GAAO,CAAC;AAAA,EAAA,CAC/B;AAAA,EACD,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,IACV,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,wBACuB,SAAS;AAAA,IAChC,OAAO;AAAA,MACL,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,UAAU,CAAcC,gBAAAA,EAAK,SAAS;AAAA,MACpC,4BAA4B,MAAM;AAAA,QAChC,UAAUF,EAAM,QAAQ,IAAI,CAAAG,wBAAyB,MAAM;AAAA,UACzD,OAAO;AAAA,YACL,GAAGV;AAAA,YACH,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEd,UAAUU;AAAA,QAAA,GACTA,CAAG,CAAC;AAAA,MAAA,CACR;AAAA,IAAA,CACF,GAAgBD,gBAAAA,EAAK,SAAS;AAAA,MAC7B,UAAUF,EAAM,KAAK,IAAI,CAACI,GAAKC,wBAAyB,MAAM;AAAA,QAC5D,UAAUD,EAAI,IAAI,CAACE,GAAMC,wBAAyB,MAAM;AAAA,UACtD,OAAOd;AAAA,UACP,UAAU,OAAOa,KAAS,YAAY,OAAOA,KAAS,6BAA6BE,GAAM;AAAA,YACvF,SAAS;AAAA,YACT,UAAU,OAAOF,CAAI;AAAA,UAAA,CACtB,IAAIL,EAAWK,CAAI;AAAA,QAAA,GACnBC,CAAE,CAAC;AAAA,MAAA,GACLF,CAAE,CAAC;AAAA,IAAA,CACP,CAAC;AAAA,EAAA,CACH;AACH,CAAC;"}

package/dist/openui/components/text.d.ts

@@ -0,0 +1,89 @@
+import { z } from 'zod/v4';
+export declare const Title: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    size: z.ZodOptional<z.ZodEnum<{
+        "2xl": "2xl";
+        "3xl": "3xl";
+        lg: "lg";
+        md: "md";
+        sm: "sm";
+        xl: "xl";
+    }>>;
+    color: z.ZodOptional<z.ZodEnum<{
+        danger: "danger";
+        faint: "faint";
+        info: "info";
+        ink: "ink";
+        muted: "muted";
+        primary: "primary";
+        success: "success";
+        surface: "surface";
+        warning: "warning";
+    }>>;
+}, z.core.$strip>>;
+export declare const Text: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodUnion<readonly [z.ZodString, z.ZodAny]>;
+    size: z.ZodOptional<z.ZodEnum<{
+        lg: "lg";
+        md: "md";
+        sm: "sm";
+        xs: "xs";
+    }>>;
+    color: z.ZodOptional<z.ZodEnum<{
+        danger: "danger";
+        faint: "faint";
+        info: "info";
+        ink: "ink";
+        muted: "muted";
+        primary: "primary";
+        success: "success";
+        surface: "surface";
+        warning: "warning";
+    }>>;
+    weight: z.ZodOptional<z.ZodEnum<{
+        medium: "medium";
+        normal: "normal";
+        semibold: "semibold";
+    }>>;
+    italic: z.ZodOptional<z.ZodBoolean>;
+    lineThrough: z.ZodOptional<z.ZodBoolean>;
+    tabularNums: z.ZodOptional<z.ZodBoolean>;
+    maxLines: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>>;
+export declare const Caption: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    color: z.ZodOptional<z.ZodEnum<{
+        danger: "danger";
+        faint: "faint";
+        info: "info";
+        ink: "ink";
+        muted: "muted";
+        primary: "primary";
+        success: "success";
+        surface: "surface";
+        warning: "warning";
+    }>>;
+}, z.core.$strip>>;
+export declare const Label: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+}, z.core.$strip>>;
+export declare const Badge: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    color: z.ZodOptional<z.ZodEnum<{
+        danger: "danger";
+        info: "info";
+        neutral: "neutral";
+        pink: "pink";
+        purple: "purple";
+        success: "success";
+        warning: "warning";
+    }>>;
+}, z.core.$strip>>;
+export declare const Link: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+    url: z.ZodString;
+}, z.core.$strip>>;
+export declare const Markdown: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    text: z.ZodString;
+}, z.core.$strip>>;
+//# sourceMappingURL=text.d.ts.map

package/dist/openui/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/openui/components/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AA2C3B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;kBAiBhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2Cf,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;kBAYlB,CAAC;AAEH,eAAO,MAAM,KAAK;;kBAShB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;kBAwBhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;kBAgBf,CAAC;AAEH,eAAO,MAAM,QAAQ;;kBAOnB,CAAC"}