@flanksource/clicky-ui 0.2.14 → 0.2.16

package/dist/components/button.cjs

@@ -2,87 +2,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const reactSlot = require("@radix-ui/react-slot");
-const classVarianceAuthority = require("class-variance-authority");
+require("class-variance-authority");
 const react = require("react");
 const utils = require("../lib/utils.cjs");
-const buttonVariants = classVarianceAuthority.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "3", fill: "#151515", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "animate",
-          {
-            id: "SVG7x14Dcom",
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "0;SVGqSjG0dUp.end-0.25s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: "#151515", opacity: "0.4", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "animate",
-          {
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "SVG7x14Dcom.begin+0.15s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20", cy: "12", r: "3", fill: "#151515", opacity: "0.3", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "animate",
-          {
-            id: "SVGqSjG0dUp",
-            fill: "freeze",
-            attributeName: "opacity",
-            begin: "SVG7x14Dcom.begin+0.3s",
-            dur: "0.75s",
-            values: "1;0.2"
-          }
-        ) })
-      ]
-    }
-  );
-}
+const buttonVariants = require("./button-variants.cjs");
+const loading = require("./loading.cjs");
 const Button = react.forwardRef(
   ({
     children,
     className,
     disabled,
-    loading = false,
+    loading: loading$1 = false,
     loadingLabel,
     variant,
     size,
@@ -96,9 +26,9 @@ const Button = react.forwardRef(
         Comp,
         {
           ref,
-          "aria-busy": loading || void 0,
-          className: utils.cn(buttonVariants({ variant, size }), className),
-          disabled: disabled || loading,
+          "aria-busy": loading$1 || void 0,
+          className: utils.cn(buttonVariants.buttonVariants({ variant, size }), className),
+          disabled: disabled || loading$1,
           ...props,
           children
         }
@@ -108,12 +38,12 @@ const Button = react.forwardRef(
       Comp,
       {
         ref,
-        "aria-busy": loading || void 0,
-        className: utils.cn(buttonVariants({ variant, size }), className),
-        disabled: disabled || loading,
+        "aria-busy": loading$1 || void 0,
+        className: utils.cn(buttonVariants.buttonVariants({ variant, size }), className),
+        disabled: disabled || loading$1,
         ...props,
         children: [
-          loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
+          loading$1 && /* @__PURE__ */ jsxRuntime.jsx(loading.LoadingDots, { className: "size-4" }),
           content
         ]
       }
@@ -122,5 +52,4 @@ const Button = react.forwardRef(
 );
 Button.displayName = "Button";
 exports.Button = Button;
-exports.buttonVariants = buttonVariants;
 //# sourceMappingURL=button.cjs.map

package/dist/components/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","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":["cva","jsxs","jsx","forwardRef","Slot","cn"],"mappings":";;;;;;;AAKA,MAAM,iBAAiBA,uBAAAA;AAAAA,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,SACEC,2BAAAA;AAAAA,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,QAAAC,2BAAAA,IAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAK,WAChC,UAAAA,2BAAAA;AAAAA,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,QACAA,2BAAAA,IAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACAA,2BAAAA,IAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAAA,2BAAAA;AAAAA,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,SAASC,MAAAA;AAAAA,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,UAAUC,UAAAA,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACEF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAWG,MAAAA,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACEJ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAWI,MAAAA,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,0CAAY,eAAA,EAAc;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;;;"}
+{"version":3,"file":"button.cjs","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":["forwardRef","loading","Slot","jsx","cn","buttonVariants","jsxs","LoadingDots"],"mappings":";;;;;;;;;AAiBO,MAAM,SAASA,MAAAA;AAAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IAAA,SACAC,YAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAUC,UAAAA,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAWF,aAAW;AAAA,UACtB,WAAWG,MAAAA,GAAGC,8BAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAYJ;AAAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACEK,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAWL,aAAW;AAAA,QACtB,WAAWG,MAAAA,GAAGC,8BAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAYJ;AAAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAAA,aAAWE,2BAAAA,IAACI,QAAAA,aAAA,EAAY,WAAU,SAAA,CAAS;AAAA,UAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;;"}

package/dist/components/button.d.ts

@@ -1,9 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+import { buttonVariants } from './button-variants';
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
     /** Render the button styles onto the child element via Radix Slot. */
     asChild?: boolean;
@@ -23,5 +20,4 @@ export declare const Button: import('react').ForwardRefExoticComponent<ButtonHTM
     /** Label to render while loading; defaults to the normal children. */
     loadingLabel?: ReactNode;
 } & import('react').RefAttributes<HTMLButtonElement>>;
-export { buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AA6CJ,eAAO,MAAM,MAAM;;;;IAnDf,sEAAsE;cAC5D,OAAO;IACjB,wEAAwE;cAC9D,OAAO;IACjB,sEAAsE;mBACvD,SAAS;qDA2F3B,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,MAAM;;;;IARf,sEAAsE;cAC5D,OAAO;IACjB,wEAAwE;cAC9D,OAAO;IACjB,sEAAsE;mBACvD,SAAS;qDAgD3B,CAAC"}

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)
           }