@schandlergarcia/sf-web-components 1.9.28 → 1.9.30

package/dist/components/library/ui/Spinner.d.ts

@@ -1,24 +1,8 @@
-import * as React from "react";
-declare const SIZE_CLASSES: {
-    readonly xs: "h-3 w-3";
-    readonly sm: "h-4 w-4";
-    readonly md: "h-5 w-5";
-    readonly lg: "h-6 w-6";
-    readonly xl: "h-8 w-8";
-};
-declare const TONE_CLASSES: {
-    readonly brand: "text-brand-500";
-    readonly white: "text-white";
-    readonly muted: "text-slate-400 dark:text-slate-500";
-    readonly current: "text-current";
-};
-export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
-    size?: keyof typeof SIZE_CLASSES;
-    tone?: keyof typeof TONE_CLASSES;
-    label?: string;
-}
 /**
  * Animated spinner.
+ *
+ * @param {"xs"|"sm"|"md"|"lg"|"xl"} size
+ * @param {"brand"|"white"|"muted"|"current"} tone
+ * @param {string} label — screen-reader label
  */
-export default function Spinner({ size, tone, label, className, ...rest }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function Spinner({ size, tone, label, className, ...rest }: "xs" | "sm" | "md" | "lg" | "xl"): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{spinner.js → Spinner.js}

@@ -1,38 +1,39 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-const o = {
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import "react";
+const e = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   xl: "h-8 w-8"
-}, i = {
+}, r = {
   brand: "text-brand-500",
   white: "text-white",
   muted: "text-slate-400 dark:text-slate-500",
   current: "text-current"
 };
-function x({
-  size: e = "md",
-  tone: r = "brand",
-  label: a = "Loading",
-  className: s = "",
-  ...l
+function m({
+  size: a = "md",
+  tone: n = "brand",
+  label: s = "Loading",
+  className: l = "",
+  ...o
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(
     "svg",
     {
-      ...l,
+      ...o,
       className: [
         "animate-spin",
-        o[e],
-        i[r],
-        s
+        e[a] ?? e.md,
+        r[n] ?? r.brand,
+        l
       ].filter(Boolean).join(" "),
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
       role: "status",
-      "aria-label": a,
+      "aria-label": s,
       children: [
         /* @__PURE__ */ t(
           "circle",
@@ -58,6 +59,6 @@ function x({
   );
 }
 export {
-  x as default
+  m as default
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/components/library/ui/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/library/ui/Spinner.jsx"],"sourcesContent":["import React from \"react\";\n\nconst SIZE_CLASSES = {\n  xs: \"h-3 w-3\",\n  sm: \"h-4 w-4\",\n  md: \"h-5 w-5\",\n  lg: \"h-6 w-6\",\n  xl: \"h-8 w-8\",\n};\n\nconst TONE_CLASSES = {\n  brand: \"text-brand-500\",\n  white: \"text-white\",\n  muted: \"text-slate-400 dark:text-slate-500\",\n  current: \"text-current\",\n};\n\n/**\n * Animated spinner.\n *\n * @param {\"xs\"|\"sm\"|\"md\"|\"lg\"|\"xl\"} size\n * @param {\"brand\"|\"white\"|\"muted\"|\"current\"} tone\n * @param {string} label — screen-reader label\n */\nexport default function Spinner({\n  size = \"md\",\n  tone = \"brand\",\n  label = \"Loading\",\n  className = \"\",\n  ...rest\n}) {\n  return (\n    <svg\n      {...rest}\n      className={[\n        \"animate-spin\",\n        SIZE_CLASSES[size] ?? SIZE_CLASSES.md,\n        TONE_CLASSES[tone] ?? TONE_CLASSES.brand,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      role=\"status\"\n      aria-label={label}\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n"],"names":["SIZE_CLASSES","TONE_CLASSES","Spinner","size","tone","label","className","rest","jsxs","jsx"],"mappings":";;AAEA,MAAMA,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AASA,SAAwBC,EAAQ;AAAA,EAC9B,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACAP,EAAaG,CAAI,KAAKH,EAAa;AAAA,QACnCC,EAAaG,CAAI,KAAKH,EAAa;AAAA,QACnCK;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAYD;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/library/ui/Text.d.ts

@@ -1,24 +1,10 @@
-import * as React from "react";
-declare const SIZE_CLASSES: {
-    readonly xs: "text-xs";
-    readonly sm: "text-sm";
-    readonly md: "text-base";
-    readonly lg: "text-lg";
-    readonly xl: "text-xl";
-    readonly xxl: "text-2xl";
-};
-declare const WEIGHT_CLASSES: {
-    readonly regular: "font-normal";
-    readonly medium: "font-medium";
-    readonly bold: "font-semibold";
-};
-export interface UITextProps<T extends React.ElementType = "span"> {
-    as?: T;
-    size?: keyof typeof SIZE_CLASSES;
-    weight?: keyof typeof WEIGHT_CLASSES;
-    muted?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-}
-export default function UIText<T extends React.ElementType = "span">({ as, size, weight, muted, className, children, ...rest }: UITextProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof UITextProps<T>>): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function UIText({ as: Comp, size, weight, muted, style, className, children, ...rest }: {
+    [x: string]: any;
+    as?: string | undefined;
+    size?: string | undefined;
+    weight?: string | undefined;
+    muted?: boolean | undefined;
+    style: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Text.js

@@ -1,40 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
-const n = {
+import { jsx as d } from "react/jsx-runtime";
+import "react";
+const t = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg",
   xl: "text-xl",
   xxl: "text-2xl"
-}, r = {
+}, e = {
   regular: "font-normal",
   medium: "font-medium",
   bold: "font-semibold"
 };
-function i({
-  as: t,
-  size: e = "md",
-  weight: l = "regular",
-  muted: x = !1,
-  className: s = "",
-  children: o,
-  ...a
+function u({
+  as: l = "span",
+  size: x = "md",
+  weight: a = "regular",
+  muted: s = !1,
+  style: o,
+  className: r = "",
+  children: m,
+  ...n
 }) {
-  return /* @__PURE__ */ m(
-    t || "span",
+  return /* @__PURE__ */ d(
+    l,
     {
+      style: o,
       className: [
-        n[e],
-        r[l],
-        x ? "text-slate-600 dark:text-slate-300" : "text-slate-900 dark:text-slate-50",
-        s
+        t[x] ?? t.md,
+        e[a] ?? e.regular,
+        s ? "text-slate-600 dark:text-slate-300" : "text-slate-900 dark:text-slate-50",
+        r
       ].filter(Boolean).join(" "),
-      ...a,
-      children: o
+      ...n,
+      children: m
     }
   );
 }
 export {
-  i as default
+  u as default
 };
 //# sourceMappingURL=Text.js.map

package/dist/components/library/ui/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/library/ui/Text.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst SIZE_CLASSES = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  xxl: \"text-2xl\"\n} as const;\n\nconst WEIGHT_CLASSES = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  bold: \"font-semibold\"\n} as const;\n\nexport interface UITextProps<T extends React.ElementType = \"span\"> {\n  as?: T;\n  size?: keyof typeof SIZE_CLASSES;\n  weight?: keyof typeof WEIGHT_CLASSES;\n  muted?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport default function UIText<T extends React.ElementType = \"span\">({\n  as,\n  size = \"md\",\n  weight = \"regular\",\n  muted = false,\n  className = \"\",\n  children,\n  ...rest\n}: UITextProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof UITextProps<T>>) {\n  const Comp = as || \"span\";\n\n  return (\n    <Comp\n      className={[\n        SIZE_CLASSES[size],\n        WEIGHT_CLASSES[weight],\n        muted ? \"text-slate-600 dark:text-slate-300\" : \"text-slate-900 dark:text-slate-50\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </Comp>\n  );\n}\n"],"names":["SIZE_CLASSES","WEIGHT_CLASSES","UIText","as","size","weight","muted","className","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEMC,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAWA,SAAwBC,EAA6C;AAAA,EACnE,IAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GAAmF;AAGjF,SACE,gBAAAC;AAAA,IAHWP,KAAM;AAAA,IAGhB;AAAA,MACC,WAAW;AAAA,QACTH,EAAaI,CAAI;AAAA,QACjBH,EAAeI,CAAM;AAAA,QACrBC,IAAQ,uCAAuC;AAAA,QAC/CC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/library/ui/Text.jsx"],"sourcesContent":["import React from \"react\";\n\nconst SIZE_CLASSES = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  xxl: \"text-2xl\"\n};\n\nconst WEIGHT_CLASSES = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  bold: \"font-semibold\"\n};\n\nexport default function UIText({\n  as: Comp = \"span\",\n  size = \"md\",\n  weight = \"regular\",\n  muted = false,\n  style,\n  className = \"\",\n  children,\n  ...rest\n}) {\n  return (\n    <Comp\n      style={style}\n      className={[\n        SIZE_CLASSES[size] ?? SIZE_CLASSES.md,\n        WEIGHT_CLASSES[weight] ?? WEIGHT_CLASSES.regular,\n        muted ? \"text-slate-600 dark:text-slate-300\" : \"text-slate-900 dark:text-slate-50\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </Comp>\n  );\n}\n\n\n"],"names":["SIZE_CLASSES","WEIGHT_CLASSES","UIText","Comp","size","weight","muted","style","className","children","rest","jsx"],"mappings":";;AAEA,MAAMA,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEMC,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAEA,SAAwBC,EAAO;AAAA,EAC7B,IAAIC,IAAO;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,SACE,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,OAAAI;AAAA,MACA,WAAW;AAAA,QACTP,EAAaI,CAAI,KAAKJ,EAAa;AAAA,QACnCC,EAAeI,CAAM,KAAKJ,EAAe;AAAA,QACzCK,IAAQ,uCAAuC;AAAA,QAC/CE;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/Toggle.d.ts

@@ -0,0 +1,5 @@
+export default function UIToggle({ label, style, className }: {
+    label?: string | undefined;
+    style: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Toggle.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import "react";
+import { useThemeMode as l } from "../theme/AppThemeProvider.js";
+function f({ label: r = "Dark mode", style: t, className: a = "" }) {
+  const { mode: n, toggle: o } = l(), e = n === "dark";
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      style: t,
+      className: [
+        "inline-flex items-center gap-2 rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-900 shadow-sm",
+        "hover:bg-slate-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950",
+        "dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:hover:bg-slate-800",
+        a
+      ].filter(Boolean).join(" "),
+      "aria-pressed": e,
+      "aria-label": r,
+      children: [
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: [
+              "inline-flex h-5 w-9 items-center rounded-full border transition",
+              e ? "border-brand-400 bg-brand-500" : "border-slate-300 bg-slate-200"
+            ].join(" "),
+            children: /* @__PURE__ */ s(
+              "span",
+              {
+                className: [
+                  "h-4 w-4 rounded-full bg-white shadow-sm transition",
+                  e ? "translate-x-4" : "translate-x-1"
+                ].join(" ")
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ s("span", { className: "hidden sm:inline", children: r })
+      ]
+    }
+  );
+}
+export {
+  f as default
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/library/ui/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/library/ui/Toggle.jsx"],"sourcesContent":["import React from \"react\";\nimport { useThemeMode } from \"../theme/AppThemeProvider\";\n\nexport default function UIToggle({ label = \"Dark mode\", style, className = \"\" }) {\n  const { mode, toggle } = useThemeMode();\n  const isDark = mode === \"dark\";\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      style={style}\n      className={[\n        \"inline-flex items-center gap-2 rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-900 shadow-sm\",\n        \"hover:bg-slate-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950\",\n        \"dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:hover:bg-slate-800\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      aria-pressed={isDark}\n      aria-label={label}\n    >\n      <span\n        className={[\n          \"inline-flex h-5 w-9 items-center rounded-full border transition\",\n          isDark ? \"border-brand-400 bg-brand-500\" : \"border-slate-300 bg-slate-200\"\n        ].join(\" \")}\n      >\n        <span\n          className={[\n            \"h-4 w-4 rounded-full bg-white shadow-sm transition\",\n            isDark ? \"translate-x-4\" : \"translate-x-1\"\n          ].join(\" \")}\n        />\n      </span>\n      <span className=\"hidden sm:inline\">{label}</span>\n    </button>\n  );\n}\n\n\n"],"names":["UIToggle","label","style","className","mode","toggle","useThemeMode","isDark","jsxs","jsx"],"mappings":";;;AAGA,SAAwBA,EAAS,EAAE,OAAAC,IAAQ,aAAa,OAAAC,GAAO,WAAAC,IAAY,MAAM;AAC/E,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnBC,IAASH,MAAS;AAExB,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH;AAAA,MACT,OAAAH;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,gBAAcI;AAAA,MACd,cAAYN;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACAF,IAAS,kCAAkC;AAAA,YAAA,EAC3C,KAAK,GAAG;AAAA,YAEV,UAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACAF,IAAS,kBAAkB;AAAA,gBAAA,EAC3B,KAAK,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAEF,gBAAAE,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAR,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhD;"}

package/dist/components/workspace/ComponentRegistry.d.ts

@@ -1,119 +1,143 @@
-import * as React from "react";
-export interface Metric {
-    label: string;
-    value: string | number;
-    trend?: string | number | null;
-}
-export interface MetricsStripProps {
-    metrics?: Metric[];
-    title?: string;
-    collapsible?: boolean;
-    collapsed?: boolean;
-}
-export interface ListItem {
-    id?: string;
-    title?: string;
-    name?: string;
-    description?: string;
-    status?: "critical" | "warning" | string;
-    actions?: Array<string | {
-        label: string;
-    }>;
-}
-export interface ItemListProps {
-    items?: ListItem[];
-    title?: string;
-    onItemClick?: (item: ListItem) => void;
-}
-export interface TableColumn {
-    key: string;
-    label: string;
-}
-export interface DataTableProps {
-    title?: string;
-    subtitle?: string;
-    columns?: TableColumn[];
-    data?: any[];
-    rows?: any[];
-    searchable?: boolean;
-    sortable?: boolean;
-    paginated?: boolean;
-    pageSize?: number;
-}
-export interface DataPoint {
-    x: number;
-    y: number;
-    [key: string]: any;
-}
-export interface DataChartProps {
-    title?: string;
-    subtitle?: string;
-    chartType?: string;
-    data?: DataPoint[];
-    height?: number;
-}
-export interface MetricCardComponentProps {
-    title?: string;
-    label?: string;
-    value?: string | number;
-    trend?: string | number;
-    change?: string | number;
-    changeType?: string;
-    color?: string;
-    icon?: React.ReactNode;
-    description?: string;
-}
-export interface StatusCardComponentProps {
-    title?: string;
-    subtitle?: string;
-    status?: string;
-    items?: any[];
-    layout?: string;
-    showProgress?: boolean;
-    showTimestamp?: boolean;
-}
-export interface ActionListProps {
-    actions?: Array<string | {
-        label: string;
-    }>;
-    title?: string;
-    onAction?: (action: string | {
-        label: string;
-    }) => void;
-}
-export interface CalloutCardProps {
-    title?: string;
-    message?: string;
-    tone?: "neutral" | "success" | "warning" | "danger";
-}
-export interface SpacerProps {
-    size?: "sm" | "md" | "lg";
-}
-export interface NarrativeSummaryProps {
-    summary?: string;
-    title?: string;
-}
-export interface SchemaComponent {
-    id?: string;
-    type: string;
-    props?: Record<string, any>;
-}
-declare const BUILTIN_COMPONENTS: {
-    NarrativeSummary({ summary, title }: NarrativeSummaryProps): import("react/jsx-runtime").JSX.Element;
-    MetricsStrip({ metrics, title, collapsible, collapsed: initialCollapsed }: MetricsStripProps): import("react/jsx-runtime").JSX.Element;
-    ItemList({ items, title, onItemClick }: ItemListProps): import("react/jsx-runtime").JSX.Element;
-    DataTable({ title, subtitle, columns, data, rows, searchable, sortable, paginated, pageSize }: DataTableProps): import("react/jsx-runtime").JSX.Element;
-    DataChart({ title, subtitle, chartType, data, height }: DataChartProps): import("react/jsx-runtime").JSX.Element;
-    MetricCard({ title, label, value, trend, change, changeType, color, icon, description }: MetricCardComponentProps): import("react/jsx-runtime").JSX.Element;
-    StatusCard({ title, subtitle, status, items, layout, showProgress, showTimestamp }: StatusCardComponentProps): import("react/jsx-runtime").JSX.Element;
-    ActionList({ actions, title, onAction }: ActionListProps): import("react/jsx-runtime").JSX.Element;
-    CalloutCard({ title, message, tone }: CalloutCardProps): import("react/jsx-runtime").JSX.Element;
+export function getComponentRegistry(): {
+    NarrativeSummary({ summary, title }: {
+        summary: any;
+        title: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    MetricsStrip({ metrics, title, collapsible, collapsed: initialCollapsed }: {
+        metrics?: never[] | undefined;
+        title: any;
+        collapsible?: boolean | undefined;
+        collapsed?: boolean | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    ItemList({ items, title, onItemClick }: {
+        items?: never[] | undefined;
+        title: any;
+        onItemClick: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    DataTable({ title, subtitle, columns, data, rows, searchable, sortable, paginated, pageSize }: {
+        title: any;
+        subtitle: any;
+        columns?: never[] | undefined;
+        data?: never[] | undefined;
+        rows: any;
+        searchable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        paginated?: boolean | undefined;
+        pageSize?: number | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    DataChart({ title, subtitle, chartType, data, height }: {
+        title: any;
+        subtitle: any;
+        chartType?: string | undefined;
+        data?: never[] | undefined;
+        height?: number | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    MetricCard({ title, label, value, trend, change, changeType, color, icon, description }: {
+        title: any;
+        label: any;
+        value: any;
+        trend: any;
+        change: any;
+        changeType: any;
+        color: any;
+        icon: any;
+        description: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    StatusCard({ title, subtitle, status, items, layout, showProgress, showTimestamp }: {
+        title: any;
+        subtitle: any;
+        status: any;
+        items: any;
+        layout: any;
+        showProgress: any;
+        showTimestamp: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    ActionList({ actions, title, onAction }: {
+        actions?: never[] | undefined;
+        title: any;
+        onAction: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    CalloutCard({ title, message, tone }: {
+        title: any;
+        message: any;
+        tone?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
     Divider(): import("react/jsx-runtime").JSX.Element;
-    Spacer({ size }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+    Spacer({ size }: {
+        size?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
 };
-export declare function getComponentRegistry(): Record<string, React.ComponentType<any>>;
-export declare function registerComponent(type: string, Component: React.ComponentType<any>): void;
-export declare function registerComponents(map: Record<string, React.ComponentType<any>>): void;
-export declare function renderSchemaComponent(component: SchemaComponent, index: number): React.ReactElement;
-export declare function renderSchema(components?: SchemaComponent[]): React.ReactElement[];
+export function registerComponent(type: any, Component: any): void;
+export function registerComponents(map: any): void;
+export function renderSchemaComponent(component: any, index: any): import("react/jsx-runtime").JSX.Element;
+export function renderSchema(components?: any[]): import("react/jsx-runtime").JSX.Element[];
 export default BUILTIN_COMPONENTS;
+declare namespace BUILTIN_COMPONENTS {
+    function NarrativeSummary({ summary, title }: {
+        summary: any;
+        title: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    function MetricsStrip({ metrics, title, collapsible, collapsed: initialCollapsed }: {
+        metrics?: never[] | undefined;
+        title: any;
+        collapsible?: boolean | undefined;
+        collapsed?: boolean | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    function ItemList({ items, title, onItemClick }: {
+        items?: never[] | undefined;
+        title: any;
+        onItemClick: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    function DataTable({ title, subtitle, columns, data, rows, searchable, sortable, paginated, pageSize }: {
+        title: any;
+        subtitle: any;
+        columns?: never[] | undefined;
+        data?: never[] | undefined;
+        rows: any;
+        searchable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        paginated?: boolean | undefined;
+        pageSize?: number | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    function DataChart({ title, subtitle, chartType, data, height }: {
+        title: any;
+        subtitle: any;
+        chartType?: string | undefined;
+        data?: never[] | undefined;
+        height?: number | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    function MetricCard({ title, label, value, trend, change, changeType, color, icon, description }: {
+        title: any;
+        label: any;
+        value: any;
+        trend: any;
+        change: any;
+        changeType: any;
+        color: any;
+        icon: any;
+        description: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    function StatusCard({ title, subtitle, status, items, layout, showProgress, showTimestamp }: {
+        title: any;
+        subtitle: any;
+        status: any;
+        items: any;
+        layout: any;
+        showProgress: any;
+        showTimestamp: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    function ActionList({ actions, title, onAction }: {
+        actions?: never[] | undefined;
+        title: any;
+        onAction: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    function CalloutCard({ title, message, tone }: {
+        title: any;
+        message: any;
+        tone?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    function Divider(): import("react/jsx-runtime").JSX.Element;
+    function Spacer({ size }: {
+        size?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+}