@flanksource/clicky-ui 0.2.14 → 0.2.15

package/dist/components/button.js

@@ -1,80 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
+import "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../lib/utils.js";
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-control-h px-control-px py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-control-h w-control-h"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function ButtonSpinner() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "32",
-      height: "32",
-      viewBox: "0 0 24 24",
-      "aria-hidden": "true",
-      className: "h-4 w-4 shrink-0",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "3", fill: "#151515", children: /* @__PURE__ */ jsx(
-          "animate",
-          {
-            id: "SVG7x14Dcom",
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "0;SVGqSjG0dUp.end-0.25s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", fill: "#151515", opacity: "0.4", children: /* @__PURE__ */ jsx(
-          "animate",
-          {
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "SVG7x14Dcom.begin+0.15s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", r: "3", fill: "#151515", opacity: "0.3", children: /* @__PURE__ */ jsx(
-          "animate",
-          {
-            id: "SVGqSjG0dUp",
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "SVG7x14Dcom.begin+0.3s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) })
-      ]
-    }
-  );
-}
+import { buttonVariants } from "./button-variants.js";
+import { LoadingDots } from "./loading.js";
 const Button = forwardRef(
   ({
     children,
@@ -111,7 +41,7 @@ const Button = forwardRef(
         disabled: disabled || loading,
         ...props,
         children: [
-          loading && /* @__PURE__ */ jsx(ButtonSpinner, {}),
+          loading && /* @__PURE__ */ jsx(LoadingDots, { className: "size-4" }),
           content
         ]
       }
@@ -120,7 +50,6 @@ const Button = forwardRef(
 );
 Button.displayName = "Button";
 export {
-  Button,
-  buttonVariants
+  Button
 };
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-control-h px-control-px py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-control-h w-control-h\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    /** Render the button styles onto the child element via Radix Slot. */\n    asChild?: boolean;\n    /** Show a spinner and disable the button while an action is pending. */\n    loading?: boolean;\n    /** Label to render while loading; defaults to the normal children. */\n    loadingLabel?: ReactNode;\n  };\n\nfunction ButtonSpinner() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      className=\"h-4 w-4 shrink-0\"\n    >\n      <circle cx=\"4\" cy=\"12\" r=\"3\" fill=\"#151515\">\n        <animate\n          id=\"SVG7x14Dcom\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"0;SVGqSjG0dUp.end-0.25s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.4\">\n        <animate\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.15s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"20\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.3\">\n        <animate\n          id=\"SVGqSjG0dUp\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.3s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n    </svg>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading = false,\n      loadingLabel,\n      variant,\n      size,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const content = loadingLabel !== undefined ? loadingLabel : children;\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          aria-busy={loading || undefined}\n          className={cn(buttonVariants({ variant, size }), className)}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <ButtonSpinner />}\n        {content}\n      </Comp>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAYA,SAAS,gBAAgB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAK,WAChC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,+BAAY,eAAA,EAAc;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;"}
+{"version":3,"file":"button.js","sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { buttonVariants } from \"./button-variants\";\nimport { LoadingDots } from \"./loading\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    /** Render the button styles onto the child element via Radix Slot. */\n    asChild?: boolean;\n    /** Show a spinner and disable the button while an action is pending. */\n    loading?: boolean;\n    /** Label to render while loading; defaults to the normal children. */\n    loadingLabel?: ReactNode;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading = false,\n      loadingLabel,\n      variant,\n      size,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const content = loadingLabel !== undefined ? loadingLabel : children;\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          aria-busy={loading || undefined}\n          className={cn(buttonVariants({ variant, size }), className)}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <LoadingDots className=\"size-4\" />}\n        {content}\n      </Comp>\n    );\n  },\n);\nButton.displayName = \"Button\";\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,WAAW,oBAAC,aAAA,EAAY,WAAU,SAAA,CAAS;AAAA,UAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;"}

package/dist/components/filter-bar-utils.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function clearFilterBarFilter(filter) {
+  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
+    filter.onChange("");
+    return;
+  }
+  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
+    filter.onChange([]);
+    return;
+  }
+  if (filter.kind === "number") {
+    filter.onChange({});
+    return;
+  }
+  if (filter.kind === "boolean") {
+    filter.onChange(false);
+    return;
+  }
+  filter.onChange({});
+}
+function isFilterBarFilterActive(filter) {
+  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
+    return String(filter.value ?? "").trim() !== "";
+  }
+  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
+    return filter.value.length > 0;
+  }
+  if (filter.kind === "number") {
+    return String(filter.value.min ?? "").trim() !== "" || String(filter.value.max ?? "").trim() !== "";
+  }
+  if (filter.kind === "boolean") return filter.value;
+  return Object.keys(filter.value).length > 0;
+}
+exports.clearFilterBarFilter = clearFilterBarFilter;
+exports.isFilterBarFilterActive = isFilterBarFilterActive;
+//# sourceMappingURL=filter-bar-utils.cjs.map

package/dist/components/filter-bar-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-utils.cjs","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type { FilterBarFilter } from \"./FilterBar\";\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (filter.kind === \"text\" || filter.kind === \"lookup\" || filter.kind === \"enum\") {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"text\" || filter.kind === \"lookup\" || filter.kind === \"enum\") {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" || String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MAAI,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ;AAChF,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ;AAChF,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9F;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAC7C,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;;;"}

package/dist/components/filter-bar-utils.d.ts

@@ -0,0 +1,4 @@
+import { FilterBarFilter } from './FilterBar';
+export declare function clearFilterBarFilter(filter: FilterBarFilter): void;
+export declare function isFilterBarFilterActive(filter: FilterBarFilter): boolean;
+//# sourceMappingURL=filter-bar-utils.d.ts.map

package/dist/components/filter-bar-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-utils.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,QAsB3D;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,eAAe,WAc9D"}

package/dist/components/filter-bar-utils.js

@@ -0,0 +1,37 @@
+function clearFilterBarFilter(filter) {
+  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
+    filter.onChange("");
+    return;
+  }
+  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
+    filter.onChange([]);
+    return;
+  }
+  if (filter.kind === "number") {
+    filter.onChange({});
+    return;
+  }
+  if (filter.kind === "boolean") {
+    filter.onChange(false);
+    return;
+  }
+  filter.onChange({});
+}
+function isFilterBarFilterActive(filter) {
+  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
+    return String(filter.value ?? "").trim() !== "";
+  }
+  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
+    return filter.value.length > 0;
+  }
+  if (filter.kind === "number") {
+    return String(filter.value.min ?? "").trim() !== "" || String(filter.value.max ?? "").trim() !== "";
+  }
+  if (filter.kind === "boolean") return filter.value;
+  return Object.keys(filter.value).length > 0;
+}
+export {
+  clearFilterBarFilter,
+  isFilterBarFilterActive
+};
+//# sourceMappingURL=filter-bar-utils.js.map

package/dist/components/filter-bar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-utils.js","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type { FilterBarFilter } from \"./FilterBar\";\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (filter.kind === \"text\" || filter.kind === \"lookup\" || filter.kind === \"enum\") {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"text\" || filter.kind === \"lookup\" || filter.kind === \"enum\") {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" || String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":"AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MAAI,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ;AAChF,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ;AAChF,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9F;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAC7C,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;"}

package/dist/components/format-options.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const UiEye = require("../icons/components/UiEye.cjs");
+const UiFileCode = require("../icons/components/UiFileCode.cjs");
+const UiTable = require("../icons/components/UiTable.cjs");
+const UiComment = require("../icons/components/UiComment.cjs");
+const CLICKY_FORMAT_OPTIONS = [
+  { value: "clicky", label: "Clicky", description: "Rendered Clicky JSON with the rich Clicky viewer", icon: UiEye.UiEye },
+  { value: "json", label: "JSON", description: "Plain JSON for inspecting the raw response body", icon: UiFileCode.UiFileCode },
+  { value: "yaml", label: "YAML", description: "YAML for config-friendly inspection and export", icon: UiFileCode.UiFileCode },
+  { value: "csv", label: "CSV", description: "Comma-separated values for spreadsheets and imports", icon: UiTable.UiTable },
+  { value: "markdown", label: "Markdown", description: "Markdown formatted for docs, comments, and chat", icon: UiFileCode.UiFileCode },
+  { value: "html", label: "HTML", description: "Browser-ready HTML preview of the formatted output", icon: UiFileCode.UiFileCode },
+  { value: "pdf", label: "PDF", description: "Portable document for sharing and printing", icon: UiFileCode.UiFileCode },
+  { value: "pretty", label: "Pretty", description: "Human-readable plain text output from the formatter", icon: UiFileCode.UiFileCode },
+  { value: "excel", label: "Excel", description: "Spreadsheet workbook for offline analysis", icon: UiTable.UiTable },
+  { value: "slack", label: "Slack", description: "Slack Block Kit JSON for chat-native output", icon: UiComment.UiComment }
+];
+exports.CLICKY_FORMAT_OPTIONS = CLICKY_FORMAT_OPTIONS;
+//# sourceMappingURL=format-options.cjs.map

package/dist/components/format-options.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-options.cjs","sources":["../../src/components/format-options.ts"],"sourcesContent":["import { type StaticIconComponent } from \"../data/Icon\";\nimport { UiComment, UiEye, UiFileCode, UiTable } from \"../icons\";\n\nexport type FormatOption = {\n  /** Stable identifier emitted by `onChange`. */\n  value: string;\n  /** Visible label. */\n  label: string;\n  /** Secondary description shown in the menu. */\n  description?: string;\n  /** Icon rendered before the label. */\n  icon?: StaticIconComponent;\n};\n\n/**\n * Clicky output formats with their label, description, and icon. Mirrors the\n * metadata in `Clicky.tsx`'s `getRemoteFormatMeta` so the format picker can live\n * as a standalone component.\n */\nexport const CLICKY_FORMAT_OPTIONS: FormatOption[] = [\n  { value: \"clicky\", label: \"Clicky\", description: \"Rendered Clicky JSON with the rich Clicky viewer\", icon: UiEye },\n  { value: \"json\", label: \"JSON\", description: \"Plain JSON for inspecting the raw response body\", icon: UiFileCode },\n  { value: \"yaml\", label: \"YAML\", description: \"YAML for config-friendly inspection and export\", icon: UiFileCode },\n  { value: \"csv\", label: \"CSV\", description: \"Comma-separated values for spreadsheets and imports\", icon: UiTable },\n  { value: \"markdown\", label: \"Markdown\", description: \"Markdown formatted for docs, comments, and chat\", icon: UiFileCode },\n  { value: \"html\", label: \"HTML\", description: \"Browser-ready HTML preview of the formatted output\", icon: UiFileCode },\n  { value: \"pdf\", label: \"PDF\", description: \"Portable document for sharing and printing\", icon: UiFileCode },\n  { value: \"pretty\", label: \"Pretty\", description: \"Human-readable plain text output from the formatter\", icon: UiFileCode },\n  { value: \"excel\", label: \"Excel\", description: \"Spreadsheet workbook for offline analysis\", icon: UiTable },\n  { value: \"slack\", label: \"Slack\", description: \"Slack Block Kit JSON for chat-native output\", icon: UiComment },\n];\n"],"names":["UiEye","UiFileCode","UiTable","UiComment"],"mappings":";;;;;;AAmBO,MAAM,wBAAwC;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,aAAa,oDAAoD,MAAMA,YAAA;AAAA,EAC3G,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,mDAAmD,MAAMC,sBAAA;AAAA,EACtG,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,kDAAkD,MAAMA,sBAAA;AAAA,EACrG,EAAE,OAAO,OAAO,OAAO,OAAO,aAAa,uDAAuD,MAAMC,gBAAA;AAAA,EACxG,EAAE,OAAO,YAAY,OAAO,YAAY,aAAa,mDAAmD,MAAMD,sBAAA;AAAA,EAC9G,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,sDAAsD,MAAMA,sBAAA;AAAA,EACzG,EAAE,OAAO,OAAO,OAAO,OAAO,aAAa,8CAA8C,MAAMA,sBAAA;AAAA,EAC/F,EAAE,OAAO,UAAU,OAAO,UAAU,aAAa,uDAAuD,MAAMA,sBAAA;AAAA,EAC9G,EAAE,OAAO,SAAS,OAAO,SAAS,aAAa,6CAA6C,MAAMC,gBAAA;AAAA,EAClG,EAAE,OAAO,SAAS,OAAO,SAAS,aAAa,+CAA+C,MAAMC,UAAAA,UAAA;AACtG;;"}

package/dist/components/format-options.d.ts

@@ -0,0 +1,18 @@
+import { StaticIconComponent } from '../data/Icon';
+export type FormatOption = {
+    /** Stable identifier emitted by `onChange`. */
+    value: string;
+    /** Visible label. */
+    label: string;
+    /** Secondary description shown in the menu. */
+    description?: string;
+    /** Icon rendered before the label. */
+    icon?: StaticIconComponent;
+};
+/**
+ * Clicky output formats with their label, description, and icon. Mirrors the
+ * metadata in `Clicky.tsx`'s `getRemoteFormatMeta` so the format picker can live
+ * as a standalone component.
+ */
+export declare const CLICKY_FORMAT_OPTIONS: FormatOption[];
+//# sourceMappingURL=format-options.d.ts.map

package/dist/components/format-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-options.d.ts","sourceRoot":"","sources":["../../src/components/format-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,MAAM,MAAM,YAAY,GAAG;IACzB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAAY,EAW/C,CAAC"}

package/dist/components/format-options.js

@@ -0,0 +1,20 @@
+import { UiEye } from "../icons/components/UiEye.js";
+import { UiFileCode } from "../icons/components/UiFileCode.js";
+import { UiTable } from "../icons/components/UiTable.js";
+import { UiComment } from "../icons/components/UiComment.js";
+const CLICKY_FORMAT_OPTIONS = [
+  { value: "clicky", label: "Clicky", description: "Rendered Clicky JSON with the rich Clicky viewer", icon: UiEye },
+  { value: "json", label: "JSON", description: "Plain JSON for inspecting the raw response body", icon: UiFileCode },
+  { value: "yaml", label: "YAML", description: "YAML for config-friendly inspection and export", icon: UiFileCode },
+  { value: "csv", label: "CSV", description: "Comma-separated values for spreadsheets and imports", icon: UiTable },
+  { value: "markdown", label: "Markdown", description: "Markdown formatted for docs, comments, and chat", icon: UiFileCode },
+  { value: "html", label: "HTML", description: "Browser-ready HTML preview of the formatted output", icon: UiFileCode },
+  { value: "pdf", label: "PDF", description: "Portable document for sharing and printing", icon: UiFileCode },
+  { value: "pretty", label: "Pretty", description: "Human-readable plain text output from the formatter", icon: UiFileCode },
+  { value: "excel", label: "Excel", description: "Spreadsheet workbook for offline analysis", icon: UiTable },
+  { value: "slack", label: "Slack", description: "Slack Block Kit JSON for chat-native output", icon: UiComment }
+];
+export {
+  CLICKY_FORMAT_OPTIONS
+};
+//# sourceMappingURL=format-options.js.map

package/dist/components/format-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-options.js","sources":["../../src/components/format-options.ts"],"sourcesContent":["import { type StaticIconComponent } from \"../data/Icon\";\nimport { UiComment, UiEye, UiFileCode, UiTable } from \"../icons\";\n\nexport type FormatOption = {\n  /** Stable identifier emitted by `onChange`. */\n  value: string;\n  /** Visible label. */\n  label: string;\n  /** Secondary description shown in the menu. */\n  description?: string;\n  /** Icon rendered before the label. */\n  icon?: StaticIconComponent;\n};\n\n/**\n * Clicky output formats with their label, description, and icon. Mirrors the\n * metadata in `Clicky.tsx`'s `getRemoteFormatMeta` so the format picker can live\n * as a standalone component.\n */\nexport const CLICKY_FORMAT_OPTIONS: FormatOption[] = [\n  { value: \"clicky\", label: \"Clicky\", description: \"Rendered Clicky JSON with the rich Clicky viewer\", icon: UiEye },\n  { value: \"json\", label: \"JSON\", description: \"Plain JSON for inspecting the raw response body\", icon: UiFileCode },\n  { value: \"yaml\", label: \"YAML\", description: \"YAML for config-friendly inspection and export\", icon: UiFileCode },\n  { value: \"csv\", label: \"CSV\", description: \"Comma-separated values for spreadsheets and imports\", icon: UiTable },\n  { value: \"markdown\", label: \"Markdown\", description: \"Markdown formatted for docs, comments, and chat\", icon: UiFileCode },\n  { value: \"html\", label: \"HTML\", description: \"Browser-ready HTML preview of the formatted output\", icon: UiFileCode },\n  { value: \"pdf\", label: \"PDF\", description: \"Portable document for sharing and printing\", icon: UiFileCode },\n  { value: \"pretty\", label: \"Pretty\", description: \"Human-readable plain text output from the formatter\", icon: UiFileCode },\n  { value: \"excel\", label: \"Excel\", description: \"Spreadsheet workbook for offline analysis\", icon: UiTable },\n  { value: \"slack\", label: \"Slack\", description: \"Slack Block Kit JSON for chat-native output\", icon: UiComment },\n];\n"],"names":[],"mappings":";;;;AAmBO,MAAM,wBAAwC;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,aAAa,oDAAoD,MAAM,MAAA;AAAA,EAC3G,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,mDAAmD,MAAM,WAAA;AAAA,EACtG,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,kDAAkD,MAAM,WAAA;AAAA,EACrG,EAAE,OAAO,OAAO,OAAO,OAAO,aAAa,uDAAuD,MAAM,QAAA;AAAA,EACxG,EAAE,OAAO,YAAY,OAAO,YAAY,aAAa,mDAAmD,MAAM,WAAA;AAAA,EAC9G,EAAE,OAAO,QAAQ,OAAO,QAAQ,aAAa,sDAAsD,MAAM,WAAA;AAAA,EACzG,EAAE,OAAO,OAAO,OAAO,OAAO,aAAa,8CAA8C,MAAM,WAAA;AAAA,EAC/F,EAAE,OAAO,UAAU,OAAO,UAAU,aAAa,uDAAuD,MAAM,WAAA;AAAA,EAC9G,EAAE,OAAO,SAAS,OAAO,SAAS,aAAa,6CAA6C,MAAM,QAAA;AAAA,EAClG,EAAE,OAAO,SAAS,OAAO,SAAS,aAAa,+CAA+C,MAAM,UAAA;AACtG;"}

package/dist/components/json-schema-form-array.cjs

@@ -5,10 +5,9 @@ require("react");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const button = require("./button.cjs");
-const jsonSchemaFormFields = require("./json-schema-form-fields.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
-const jsonSchemaFormRender = require("./json-schema-form-render.cjs");
+const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const UiAdd = require("../icons/components/UiAdd.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
 const UiTrash = require("../icons/components/UiTrash.cjs");
@@ -31,13 +30,13 @@ function ArrayControl({
   const childCtx = { ...ctx, readOnly, depth: ctx.depth + 1 };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col rounded-md border border-input p-2", jsonSchemaFormSize.fieldInnerGapClass[ctx.size]), children: [
     items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto] items-start gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: jsonSchemaFormRender.renderFieldRow(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: ctx.render.renderFieldRow(
         {
           key: `${field.key}[${i}]`,
           prop: itemSchema,
           required: false,
           value: item,
-          onChange: (next) => field.onChange(jsonSchemaFormRender.setIndex(items, i, next))
+          onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, i, next))
         },
         childCtx,
         { labelOverride: `Item ${i + 1}` }
@@ -45,9 +44,9 @@ function ArrayControl({
       !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
         ItemControls,
         {
-          onUp: i > 0 ? () => field.onChange(jsonSchemaFormRender.moveItem(items, i, i - 1)) : void 0,
-          onDown: i < items.length - 1 ? () => field.onChange(jsonSchemaFormRender.moveItem(items, i, i + 1)) : void 0,
-          onRemove: () => field.onChange(jsonSchemaFormRender.removeIndex(items, i)),
+          onUp: i > 0 ? () => field.onChange(jsonSchemaFormUtils.moveItem(items, i, i - 1)) : void 0,
+          onDown: i < items.length - 1 ? () => field.onChange(jsonSchemaFormUtils.moveItem(items, i, i + 1)) : void 0,
+          onRemove: () => field.onChange(jsonSchemaFormUtils.removeIndex(items, i)),
           index: i
         }
       )
@@ -59,7 +58,7 @@ function ArrayControl({
         variant: "outline",
         size: "sm",
         className: "gap-1.5",
-        onClick: () => field.onChange([...items, jsonSchemaFormRender.seedFromSchema(itemSchema)]),
+        onClick: () => field.onChange([...items, jsonSchemaFormUtils.seedFromSchema(itemSchema)]),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "text-sm" }),
           "Add item"
@@ -81,14 +80,14 @@ function TableArray({
   const columns = Object.entries(itemSchema.properties ?? {});
   const childCtx = { ...ctx, readOnly, depth: ctx.depth + 1 };
   function cell(item, rowIndex, col, prop) {
-    const obj = isPlainObject(item) ? item : {};
-    const nodes = jsonSchemaFormRender.renderFieldNodes(
+    const obj = jsonSchemaFormUtils.isPlainObject(item) ? item : {};
+    const nodes = ctx.render.renderFieldNodes(
       {
         key: `${field.key}[${rowIndex}].${col}`,
         prop,
         required: false,
         value: obj[col],
-        onChange: (next) => field.onChange(jsonSchemaFormRender.setIndex(items, rowIndex, { ...obj, [col]: next }))
+        onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, rowIndex, { ...obj, [col]: next }))
       },
       childCtx
     );
@@ -108,7 +107,7 @@ function TableArray({
             type: "button",
             "aria-label": `Remove item ${i + 1}`,
             className: "inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
-            onClick: () => field.onChange(jsonSchemaFormRender.removeIndex(items, i)),
+            onClick: () => field.onChange(jsonSchemaFormUtils.removeIndex(items, i)),
             children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
           }
         ) })
@@ -121,7 +120,7 @@ function TableArray({
         variant: "outline",
         size: "sm",
         className: "gap-1.5",
-        onClick: () => field.onChange([...items, jsonSchemaFormRender.seedFromSchema(itemSchema)]),
+        onClick: () => field.onChange([...items, jsonSchemaFormUtils.seedFromSchema(itemSchema)]),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "text-sm" }),
           "Add item"
@@ -130,9 +129,6 @@ function TableArray({
     ) })
   ] });
 }
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 function ItemControls({
   onUp,
   onDown,
@@ -232,7 +228,7 @@ function TagArray({
             id: fieldId,
             "data-jsf-input": true,
             className: utils.cn("min-w-32 flex-1 bg-transparent px-1 py-1 outline-none", jsonSchemaFormSize.labelSizeClass[size]),
-            placeholder: tags.length === 0 ? jsonSchemaFormFields.defaultPlaceholder(field.schema) : "",
+            placeholder: tags.length === 0 ? jsonSchemaFormUtils.defaultPlaceholder(field.schema) : "",
             onKeyDown: handleKeyDown,
             onBlur: (e) => commit(e.currentTarget.value, e.currentTarget)
           }

package/dist/components/json-schema-form-array.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { defaultPlaceholder } from \"./json-schema-form-fields\";\nimport { controlMinHeightClass, fieldInnerGapClass, labelSizeClass, type FormSize } from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport {\n  moveItem,\n  removeIndex,\n  renderFieldNodes,\n  renderFieldRow,\n  seedFromSchema,\n  setIndex,\n  type RenderContext,\n} from \"./json-schema-form-render\";\nimport type { FieldControl, JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder.\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"gap-1.5\"\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"gap-1.5\"\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n}) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\"\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\"\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove item ${index + 1}`}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n        onClick={onRemove}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":["isScalarStringItems","jsx","jsxs","cn","fieldInnerGapClass","renderFieldRow","setIndex","moveItem","removeIndex","Button","seedFromSchema","Icon","UiAdd","renderFieldNodes","UiTrash","UiChevronUp","UiChevronDown","controlMinHeightClass","UiClose","labelSizeClass","defaultPlaceholder"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { controlMinHeightClass, fieldInnerGapClass, labelSizeClass, type FormSize } from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport {\n  defaultPlaceholder,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder. Recursion goes through\n// ctx.render so this module never imports the renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"gap-1.5\"\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"gap-1.5\"\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n}) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\"\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\"\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove item ${index + 1}`}\n        className=\"inline-flex h-8 w-8 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n        onClick={onRemove}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":["isScalarStringItems","jsx","jsxs","cn","fieldInnerGapClass","setIndex","moveItem","removeIndex","Button","seedFromSchema","Icon","UiAdd","isPlainObject","UiTrash","UiChevronUp","UiChevronDown","controlMinHeightClass","UiClose","labelSizeClass","defaultPlaceholder"],"mappings":"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"}

package/dist/components/json-schema-form-array.d.ts

@@ -1,5 +1,4 @@
-import { RenderContext } from './json-schema-form-render';
-import { FieldControl } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types';
 export declare function ArrayControl({ field, fieldId, ctx, }: {
     field: FieldControl;
     fieldId: string;

package/dist/components/json-schema-form-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AAQA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,0BAA0B,CAAC;AAKjF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB,2CA0DA"}
+{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAsB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMhG,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB,2CA0DA"}

package/dist/components/json-schema-form-array.js

@@ -3,10 +3,9 @@ import "react";
 import { cn } from "../lib/utils.js";
 import { Icon } from "../data/Icon.js";
 import { Button } from "./button.js";
-import { defaultPlaceholder } from "./json-schema-form-fields.js";
 import { fieldInnerGapClass, labelSizeClass, controlMinHeightClass } from "./json-schema-form-size.js";
 import { isScalarStringItems } from "./json-schema-form-resolve.js";
-import { renderFieldRow, setIndex, removeIndex, moveItem, seedFromSchema, renderFieldNodes } from "./json-schema-form-render.js";
+import { setIndex, removeIndex, moveItem, seedFromSchema, defaultPlaceholder, isPlainObject } from "./json-schema-form-utils.js";
 import { UiAdd } from "../icons/components/UiAdd.js";
 import { UiClose } from "../icons/components/UiClose.js";
 import { UiTrash } from "../icons/components/UiTrash.js";
@@ -29,7 +28,7 @@ function ArrayControl({
   const childCtx = { ...ctx, readOnly, depth: ctx.depth + 1 };
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col rounded-md border border-input p-2", fieldInnerGapClass[ctx.size]), children: [
     items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto] items-start gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: renderFieldRow(
+      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: ctx.render.renderFieldRow(
         {
           key: `${field.key}[${i}]`,
           prop: itemSchema,
@@ -80,7 +79,7 @@ function TableArray({
   const childCtx = { ...ctx, readOnly, depth: ctx.depth + 1 };
   function cell(item, rowIndex, col, prop) {
     const obj = isPlainObject(item) ? item : {};
-    const nodes = renderFieldNodes(
+    const nodes = ctx.render.renderFieldNodes(
       {
         key: `${field.key}[${rowIndex}].${col}`,
         prop,
@@ -128,9 +127,6 @@ function TableArray({
     ) })
   ] });
 }
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 function ItemControls({
   onUp,
   onDown,