@mastra/playground-ui 60.0.0-alpha.0 → 60.0.0-alpha.2

package/dist/lib/form/components/array-element-wrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-element-wrapper.es.js","sources":["../../../../src/lib/form/components/array-element-wrapper.tsx"],"sourcesContent":["import type { ArrayElementWrapperProps } from '@autoform/react';\nimport { Check, ChevronRight, Trash2 } from 'lucide-react';\nimport { useContext, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { isPlainObject } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\n\nconst HUMAN_SUMMARY_KEYS = ['title', 'name', 'label'];\n\nfunction firstFilledText(values: unknown[]) {\n  return values.find((value): value is string => typeof value === 'string' && value.trim().length > 0);\n}\n\nfunction itemSummary(value: unknown) {\n  if (typeof value === 'string') return value.trim();\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  if (!isPlainObject(value)) return undefined;\n  return firstFilledText(HUMAN_SUMMARY_KEYS.map(key => value[key])) ?? firstFilledText(Object.values(value));\n}\n\nexport function ArrayElementWrapper({ children, onRemove, index }: ArrayElementWrapperProps) {\n  const path = useContext(FieldPathContext);\n  const readOnly = useContext(FormReadOnlyContext);\n  const addButtonRef = useContext(ArrayAddButtonContext);\n  const { control } = useFormContext();\n  const value: unknown = useWatch({ control, name: path });\n  const summary = itemSummary(value);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, !summary);\n  const itemLabel = `Item ${index + 1}${summary ? `: ${summary}` : ''}`;\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"overflow-hidden rounded-lg border border-border bg-background motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <div className=\"flex min-w-0 items-center gap-1 pr-1\">\n        <CollapsibleTrigger\n          ref={triggerRef}\n          aria-label={invalid ? `${itemLabel}, Needs input` : itemLabel}\n          className=\"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-lg px-3 text-left text-caption focus-visible:shadow-none focus-visible:ring-inset\"\n        >\n          <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n          <span className=\"shrink-0 text-muted-foreground\">Item {index + 1}</span>\n          {summary && (\n            <span className=\"truncate text-foreground\" title={summary}>\n              {summary}\n            </span>\n          )}\n          {invalid && <span className=\"ml-auto shrink-0 text-meta text-accent2\">Needs input</span>}\n        </CollapsibleTrigger>\n        {!readOnly && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            className=\"size-11\"\n            aria-label={`Remove item ${index + 1}`}\n            onClick={() => {\n              onRemove();\n              addButtonRef?.current?.focus();\n            }}\n          >\n            <Trash2 />\n          </Button>\n        )}\n      </div>\n      <CollapsibleContent keepMounted className=\"border-t border-border p-3\">\n        {children}\n        {!readOnly && (\n          <div className=\"flex justify-end pt-2\">\n            <Button\n              type=\"button\"\n              className=\"min-h-11\"\n              aria-label={`Done editing item ${index + 1}`}\n              onClick={() => {\n                setExpanded(false);\n                triggerRef.current?.focus();\n              }}\n              icon={<Check />}\n            >\n              Done\n            </Button>\n          </div>\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/lib/form/components/array-wrapper.cjs.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const lib_form_fieldContext = require('../field-context.cjs.js');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+
+function ArrayWrapper({ label, children, onAddItem }) {
+  const readOnly = React.useContext(lib_form_fieldContext.FormReadOnlyContext);
+  const count = React.Children.count(children);
+  const addButtonRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "h3", variant: "caption", tone: "muted", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Brackets, { "aria-hidden": true, className: "size-3.5" }),
+        label,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: count })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsxRuntime.jsxs(
+        Button.Button,
+        {
+          ref: addButtonRef,
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          "aria-label": `Add ${label} item`,
+          onClick: onAddItem,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}),
+            "Add item"
+          ]
+        }
+      )
+    ] }),
+    count === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", className: "py-2", children: "No items added" }) : /* @__PURE__ */ jsxRuntime.jsx(lib_form_fieldContext.ArrayAddButtonContext, { value: addButtonRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children }) })
+  ] });
+}
+
+exports.ArrayWrapper = ArrayWrapper;
+//# sourceMappingURL=array-wrapper.cjs.js.map

package/dist/lib/form/components/array-wrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-wrapper.cjs.js","sources":["../../../../src/lib/form/components/array-wrapper.tsx"],"sourcesContent":["import type { ArrayWrapperProps } from '@autoform/react';\nimport { Brackets, Plus } from 'lucide-react';\nimport { Children, useContext, useRef } from 'react';\nimport { ArrayAddButtonContext, FormReadOnlyContext } from '../field-context';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function ArrayWrapper({ label, children, onAddItem }: ArrayWrapperProps) {\n  const readOnly = useContext(FormReadOnlyContext);\n  const count = Children.count(children);\n  const addButtonRef = useRef<HTMLButtonElement>(null);\n  return (\n    <div className=\"min-w-0\">\n      <div className=\"mb-2 flex items-center justify-between gap-2\">\n        <Txt as=\"h3\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-1.5\">\n          <Brackets aria-hidden className=\"size-3.5\" />\n          {label} <span className=\"tabular-nums\">{count}</span>\n        </Txt>\n        {!readOnly && (\n          <Button\n            ref={addButtonRef}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={`Add ${label} item`}\n            onClick={onAddItem}\n          >\n            <Plus />\n            Add item\n          </Button>\n        )}\n      </div>\n      {count === 0 ? (\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"py-2\">\n          No items added\n        </Txt>\n      ) : (\n        <ArrayAddButtonContext value={addButtonRef}>\n          <div className=\"flex flex-col gap-2\">{children}</div>\n        </ArrayAddButtonContext>\n      )}\n    </div>\n  );\n}\n"],"names":["useContext","FormReadOnlyContext","Children","useRef","jsxs","Txt","jsx","Brackets","Button","Plus","ArrayAddButtonContext"],"mappings":";;;;;;;;;;;AAOO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,QAAA,EAAU,WAAU,EAAsB;AAC9E,EAAA,MAAM,QAAA,GAAWA,iBAAWC,yCAAmB,CAAA;AAC/C,EAAA,MAAM,KAAA,GAAQC,cAAA,CAAS,KAAA,CAAM,QAAQ,CAAA;AACrC,EAAA,MAAM,YAAA,GAAeC,aAA0B,IAAI,CAAA;AACnD,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAACC,OAAA,EAAA,EAAI,IAAG,IAAA,EAAK,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,WAAU,2BAAA,EACpD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,oBAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,QAC1C,KAAA;AAAA,QAAM,GAAA;AAAA,wBAACD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,OAAA,EAChD,CAAA;AAAA,MACC,CAAC,QAAA,oBACAF,eAAA;AAAA,QAACI,aAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,YAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,YAAA,EAAY,OAAO,KAAK,CAAA,KAAA,CAAA;AAAA,UACxB,OAAA,EAAS,SAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAACG,gBAAA,EAAA,EAAK,CAAA;AAAA,YAAE;AAAA;AAAA;AAAA;AAEV,KAAA,EAEJ,CAAA;AAAA,IACC,KAAA,KAAU,oBACTH,cAAA,CAACD,OAAA,EAAA,EAAI,IAAG,GAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,QAAO,QAAA,EAAA,gBAAA,EAE5D,CAAA,mBAEAC,cAAA,CAACI,2CAAA,EAAA,EAAsB,KAAA,EAAO,YAAA,EAC5B,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAS,CAAA,EACjD;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/lib/form/components/array-wrapper.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/array-wrapper'
+export {}

package/dist/lib/form/components/array-wrapper.es.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Brackets, Plus } from 'lucide-react';
+import { useContext, Children, useRef } from 'react';
+import { FormReadOnlyContext, ArrayAddButtonContext } from '../field-context.es.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+
+function ArrayWrapper({ label, children, onAddItem }) {
+  const readOnly = useContext(FormReadOnlyContext);
+  const count = Children.count(children);
+  const addButtonRef = useRef(null);
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs(Txt, { as: "h3", variant: "caption", tone: "muted", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Brackets, { "aria-hidden": true, className: "size-3.5" }),
+        label,
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: count })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref: addButtonRef,
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          "aria-label": `Add ${label} item`,
+          onClick: onAddItem,
+          children: [
+            /* @__PURE__ */ jsx(Plus, {}),
+            "Add item"
+          ]
+        }
+      )
+    ] }),
+    count === 0 ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", className: "py-2", children: "No items added" }) : /* @__PURE__ */ jsx(ArrayAddButtonContext, { value: addButtonRef, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children }) })
+  ] });
+}
+
+export { ArrayWrapper };
+//# sourceMappingURL=array-wrapper.es.js.map

package/dist/lib/form/components/array-wrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-wrapper.es.js","sources":["../../../../src/lib/form/components/array-wrapper.tsx"],"sourcesContent":["import type { ArrayWrapperProps } from '@autoform/react';\nimport { Brackets, Plus } from 'lucide-react';\nimport { Children, useContext, useRef } from 'react';\nimport { ArrayAddButtonContext, FormReadOnlyContext } from '../field-context';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function ArrayWrapper({ label, children, onAddItem }: ArrayWrapperProps) {\n  const readOnly = useContext(FormReadOnlyContext);\n  const count = Children.count(children);\n  const addButtonRef = useRef<HTMLButtonElement>(null);\n  return (\n    <div className=\"min-w-0\">\n      <div className=\"mb-2 flex items-center justify-between gap-2\">\n        <Txt as=\"h3\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-1.5\">\n          <Brackets aria-hidden className=\"size-3.5\" />\n          {label} <span className=\"tabular-nums\">{count}</span>\n        </Txt>\n        {!readOnly && (\n          <Button\n            ref={addButtonRef}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={`Add ${label} item`}\n            onClick={onAddItem}\n          >\n            <Plus />\n            Add item\n          </Button>\n        )}\n      </div>\n      {count === 0 ? (\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"py-2\">\n          No items added\n        </Txt>\n      ) : (\n        <ArrayAddButtonContext value={addButtonRef}>\n          <div className=\"flex flex-col gap-2\">{children}</div>\n        </ArrayAddButtonContext>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAOO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,QAAA,EAAU,WAAU,EAAsB;AAC9E,EAAA,MAAM,QAAA,GAAW,WAAW,mBAAmB,CAAA;AAC/C,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA;AACrC,EAAA,MAAM,YAAA,GAAe,OAA0B,IAAI,CAAA;AACnD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,IAAG,IAAA,EAAK,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,WAAU,2BAAA,EACpD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,QAC1C,KAAA;AAAA,QAAM,GAAA;AAAA,wBAAC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,OAAA,EAChD,CAAA;AAAA,MACC,CAAC,QAAA,oBACA,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,YAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,YAAA,EAAY,OAAO,KAAK,CAAA,KAAA,CAAA;AAAA,UACxB,OAAA,EAAS,SAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,CAAA;AAAA,YAAE;AAAA;AAAA;AAAA;AAEV,KAAA,EAEJ,CAAA;AAAA,IACC,KAAA,KAAU,oBACT,GAAA,CAAC,GAAA,EAAA,EAAI,IAAG,GAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,QAAO,QAAA,EAAA,gBAAA,EAE5D,CAAA,mBAEA,GAAA,CAAC,qBAAA,EAAA,EAAsB,KAAA,EAAO,YAAA,EAC5B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAS,CAAA,EACjD;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/lib/form/components/boolean-field.cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
+const fieldBlock = require('../../../field-block-BG5E7u9v.cjs');
+
+const BooleanField = ({ field, label, id, inputProps }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    checkbox.Checkbox,
+    {
+      id,
+      onCheckedChange: (checked) => {
+        const event = {
+          target: {
+            name: inputProps.name,
+            value: checked
+          }
+        };
+        inputProps.onChange(event);
+      },
+      defaultChecked: field.default,
+      disabled: inputProps.disabled || inputProps.readOnly
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name: id, htmlFor: id, required: field.required, children: label })
+] });
+
+exports.BooleanField = BooleanField;
+//# sourceMappingURL=boolean-field.cjs.js.map

package/dist/lib/form/components/boolean-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-field.cjs.js","sources":["../../../../src/lib/form/components/boolean-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks';\n\nexport const BooleanField: React.FC<AutoFormFieldProps> = ({ field, label, id, inputProps }) => (\n  <div className=\"flex items-center space-x-2\">\n    <Checkbox\n      id={id}\n      onCheckedChange={checked => {\n        // react-hook-form expects an event object\n        const event = {\n          target: {\n            name: inputProps.name,\n            value: checked,\n          },\n        };\n        inputProps.onChange(event);\n      }}\n      defaultChecked={field.default}\n      disabled={inputProps.disabled || inputProps.readOnly}\n    />\n    <FieldBlock.Label name={id} htmlFor={id} required={field.required}>\n      {label}\n    </FieldBlock.Label>\n  </div>\n);\n"],"names":["jsxs","jsx","Checkbox","FieldBlock"],"mappings":";;;;;;;;AAKO,MAAM,YAAA,GAA6C,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI,UAAA,EAAW,qBACxFA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACb,QAAA,EAAA;AAAA,kBAAAC,cAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,iBAAiB,CAAA,OAAA,KAAW;AAE1B,QAAA,MAAM,KAAA,GAAQ;AAAA,UACZ,MAAA,EAAQ;AAAA,YACN,MAAM,UAAA,CAAW,IAAA;AAAA,YACjB,KAAA,EAAO;AAAA;AACT,SACF;AACA,QAAA,UAAA,CAAW,SAAS,KAAK,CAAA;AAAA,MAC3B,CAAA;AAAA,MACA,gBAAgB,KAAA,CAAM,OAAA;AAAA,MACtB,QAAA,EAAU,UAAA,CAAW,QAAA,IAAY,UAAA,CAAW;AAAA;AAAA,GAC9C;AAAA,kBACAD,cAAA,CAACE,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAM,EAAA,EAAI,OAAA,EAAS,EAAA,EAAI,QAAA,EAAU,KAAA,CAAM,QAAA,EACtD,QAAA,EAAA,KAAA,EACH;AAAA,CAAA,EACF;;;;"}

package/dist/lib/form/components/boolean-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/boolean-field'
+export {}

package/dist/lib/form/components/boolean-field.es.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { C as Checkbox } from '../../../checkbox-CQedzgsi.js';
+import { F as FieldBlock } from '../../../field-block-BRLwud-v.js';
+
+const BooleanField = ({ field, label, id, inputProps }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+  /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      id,
+      onCheckedChange: (checked) => {
+        const event = {
+          target: {
+            name: inputProps.name,
+            value: checked
+          }
+        };
+        inputProps.onChange(event);
+      },
+      defaultChecked: field.default,
+      disabled: inputProps.disabled || inputProps.readOnly
+    }
+  ),
+  /* @__PURE__ */ jsx(FieldBlock.Label, { name: id, htmlFor: id, required: field.required, children: label })
+] });
+
+export { BooleanField };
+//# sourceMappingURL=boolean-field.es.js.map

package/dist/lib/form/components/boolean-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-field.es.js","sources":["../../../../src/lib/form/components/boolean-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks';\n\nexport const BooleanField: React.FC<AutoFormFieldProps> = ({ field, label, id, inputProps }) => (\n  <div className=\"flex items-center space-x-2\">\n    <Checkbox\n      id={id}\n      onCheckedChange={checked => {\n        // react-hook-form expects an event object\n        const event = {\n          target: {\n            name: inputProps.name,\n            value: checked,\n          },\n        };\n        inputProps.onChange(event);\n      }}\n      defaultChecked={field.default}\n      disabled={inputProps.disabled || inputProps.readOnly}\n    />\n    <FieldBlock.Label name={id} htmlFor={id} required={field.required}>\n      {label}\n    </FieldBlock.Label>\n  </div>\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,YAAA,GAA6C,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI,UAAA,EAAW,qBACxF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACb,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,iBAAiB,CAAA,OAAA,KAAW;AAE1B,QAAA,MAAM,KAAA,GAAQ;AAAA,UACZ,MAAA,EAAQ;AAAA,YACN,MAAM,UAAA,CAAW,IAAA;AAAA,YACjB,KAAA,EAAO;AAAA;AACT,SACF;AACA,QAAA,UAAA,CAAW,SAAS,KAAK,CAAA;AAAA,MAC3B,CAAA;AAAA,MACA,gBAAgB,KAAA,CAAM,OAAA;AAAA,MACtB,QAAA,EAAU,UAAA,CAAW,QAAA,IAAY,UAAA,CAAW;AAAA;AAAA,GAC9C;AAAA,kBACA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAM,EAAA,EAAI,OAAA,EAAS,EAAA,EAAI,QAAA,EAAU,KAAA,CAAM,QAAA,EACtD,QAAA,EAAA,KAAA,EACH;AAAA,CAAA,EACF;;;;"}

package/dist/lib/form/components/custom-array-field.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('@autoform/core');
+require('@autoform/react');
+require('react-hook-form');
+require('../field-context.cjs.js');
+const lib_form_components_customArrayField = require('../../../custom-auto-form-field-Brfb-0Te.cjs');
+
+
+
+exports.CustomArrayField = lib_form_components_customArrayField.CustomArrayField;
+//# sourceMappingURL=custom-array-field.cjs.js.map

package/dist/lib/form/components/custom-array-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-array-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/lib/form/components/custom-array-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/custom-array-field'
+export {}

package/dist/lib/form/components/custom-array-field.es.js

@@ -0,0 +1,7 @@
+import 'react/jsx-runtime';
+import '@autoform/core';
+import '@autoform/react';
+import 'react-hook-form';
+import '../field-context.es.js';
+export { a as CustomArrayField } from '../../../custom-auto-form-field-yEMBGXu-.js';
+//# sourceMappingURL=custom-array-field.es.js.map

package/dist/lib/form/components/custom-array-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-array-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/lib/form/components/custom-auto-form-field.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('@autoform/core');
+require('@autoform/react');
+require('react');
+require('react-hook-form');
+const lib_form_components_customArrayField = require('../../../custom-auto-form-field-Brfb-0Te.cjs');
+require('../../../field-error-id-B3Z2Zu5y.cjs');
+
+
+
+exports.CustomAutoFormField = lib_form_components_customArrayField.CustomAutoFormField;
+//# sourceMappingURL=custom-auto-form-field.cjs.js.map

package/dist/lib/form/components/custom-auto-form-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/lib/form/components/custom-auto-form-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/custom-auto-form-field'
+export {}

package/dist/lib/form/components/custom-auto-form-field.es.js

@@ -0,0 +1,8 @@
+import 'react/jsx-runtime';
+import '@autoform/core';
+import '@autoform/react';
+import 'react';
+import 'react-hook-form';
+export { C as CustomAutoFormField } from '../../../custom-auto-form-field-yEMBGXu-.js';
+import '../../../field-error-id-D3yg1nBh.js';
+//# sourceMappingURL=custom-auto-form-field.es.js.map

package/dist/lib/form/components/custom-auto-form-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/lib/form/components/custom-object-field.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('@autoform/core');
+require('@autoform/react');
+require('../field-context.cjs.js');
+const lib_form_components_customArrayField = require('../../../custom-auto-form-field-Brfb-0Te.cjs');
+
+
+
+exports.CustomObjectField = lib_form_components_customArrayField.CustomObjectField;
+//# sourceMappingURL=custom-object-field.cjs.js.map

package/dist/lib/form/components/custom-object-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-object-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/lib/form/components/custom-object-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/custom-object-field'
+export {}

package/dist/lib/form/components/custom-object-field.es.js

@@ -0,0 +1,6 @@
+import 'react/jsx-runtime';
+import '@autoform/core';
+import '@autoform/react';
+import '../field-context.es.js';
+export { b as CustomObjectField } from '../../../custom-auto-form-field-yEMBGXu-.js';
+//# sourceMappingURL=custom-object-field.es.js.map

package/dist/lib/form/components/custom-object-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-object-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/form/components/date-field.cjs.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const dateFns = require('date-fns');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const datePicker = require('../../../date-picker-dRZF8frf.cjs');
+const popover = require('../../../popover-lBqKiPtp.cjs');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+
+const DateField = ({ inputProps, field, error, id }) => {
+  const { key, ...props } = inputProps;
+  const [value, setValue] = React.useState(void 0);
+  const [open, setOpen] = React.useState(false);
+  React.useEffect(() => {
+    if (field.default) {
+      const date = new Date(field.default);
+      if (dateFns.isValid(date)) {
+        setValue(date);
+      }
+    }
+  }, [field]);
+  const handleSelect = (date) => {
+    setValue(date);
+    if (date) {
+      props.onChange({
+        target: { value: date.toISOString(), name: inputProps.name }
+      });
+    }
+    setOpen(false);
+  };
+  const handleClear = () => {
+    setValue(void 0);
+    props.onChange({
+      target: { value: "", name: inputProps.name }
+    });
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        id,
+        variant: "default",
+        size: "lg",
+        className: utils_cn.cn("w-full", error ? "border-accent2" : ""),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, {}),
+        children: value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white", children: dateFns.format(value, "PPP") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray", children: "Pick a date" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(popover.PopoverContent, { className: "w-auto bg-muted p-0", align: "start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(datePicker.DatePicker, { mode: "single", selected: value, onSelect: handleSelect, month: value, onMonthChange: setValue }),
+      value && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), variant: "default", size: "lg", className: "w-full", onClick: handleClear, children: "Clear" }) })
+    ] })
+  ] });
+};
+
+exports.DateField = DateField;
+//# sourceMappingURL=date-field.cjs.js.map

package/dist/lib/form/components/date-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.cjs.js","sources":["../../../../src/lib/form/components/date-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport { format, isValid } from 'date-fns';\nimport { CalendarIcon, X } from 'lucide-react';\nimport React, { useState, useEffect } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { cn } from '@/utils/cn';\n\nexport const DateField: React.FC<AutoFormFieldProps> = ({ inputProps, field, error, id }) => {\n  const { key, ...props } = inputProps;\n  const [value, setValue] = useState<Date | undefined>(undefined);\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (field.default) {\n      const date = new Date(field.default);\n      if (isValid(date)) {\n        setValue(date);\n      }\n    }\n  }, [field]);\n\n  const handleSelect = (date: Date | undefined) => {\n    setValue(date);\n    if (date) {\n      props.onChange({\n        target: { value: date.toISOString(), name: inputProps.name },\n      });\n    }\n    setOpen(false);\n  };\n\n  const handleClear = () => {\n    setValue(undefined);\n    props.onChange({\n      target: { value: '', name: inputProps.name },\n    });\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          id={id}\n          variant=\"default\"\n          size=\"lg\"\n          className={cn('w-full', error ? 'border-accent2' : '')}\n          icon={<CalendarIcon />}\n        >\n          {value ? (\n            <span className=\"text-white\">{format(value, 'PPP')}</span>\n          ) : (\n            <span className=\"text-gray\">Pick a date</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto bg-muted p-0\" align=\"start\">\n        <DatePicker mode=\"single\" selected={value} onSelect={handleSelect} month={value} onMonthChange={setValue} />\n        {value && (\n          <div className=\"p-3 pt-0\">\n            <Button icon={<X />} variant=\"default\" size=\"lg\" className=\"w-full\" onClick={handleClear}>\n              Clear\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["useState","useEffect","isValid","jsxs","Popover","jsx","PopoverTrigger","Button","cn","CalendarIcon","format","PopoverContent","DatePicker","X"],"mappings":"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"}

package/dist/lib/form/components/date-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/date-field'
+export {}

package/dist/lib/form/components/date-field.es.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isValid, format } from 'date-fns';
+import { CalendarIcon, X } from 'lucide-react';
+import { useState, useEffect } from 'react';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { D as DatePicker } from '../../../date-picker-DgWTsiJ7.js';
+import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../../../popover-Dg70UGyn.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+
+const DateField = ({ inputProps, field, error, id }) => {
+  const { key, ...props } = inputProps;
+  const [value, setValue] = useState(void 0);
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (field.default) {
+      const date = new Date(field.default);
+      if (isValid(date)) {
+        setValue(date);
+      }
+    }
+  }, [field]);
+  const handleSelect = (date) => {
+    setValue(date);
+    if (date) {
+      props.onChange({
+        target: { value: date.toISOString(), name: inputProps.name }
+      });
+    }
+    setOpen(false);
+  };
+  const handleClear = () => {
+    setValue(void 0);
+    props.onChange({
+      target: { value: "", name: inputProps.name }
+    });
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        id,
+        variant: "default",
+        size: "lg",
+        className: cn("w-full", error ? "border-accent2" : ""),
+        icon: /* @__PURE__ */ jsx(CalendarIcon, {}),
+        children: value ? /* @__PURE__ */ jsx("span", { className: "text-white", children: format(value, "PPP") }) : /* @__PURE__ */ jsx("span", { className: "text-gray", children: "Pick a date" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto bg-muted p-0", align: "start", children: [
+      /* @__PURE__ */ jsx(DatePicker, { mode: "single", selected: value, onSelect: handleSelect, month: value, onMonthChange: setValue }),
+      value && /* @__PURE__ */ jsx("div", { className: "p-3 pt-0", children: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), variant: "default", size: "lg", className: "w-full", onClick: handleClear, children: "Clear" }) })
+    ] })
+  ] });
+};
+
+export { DateField };
+//# sourceMappingURL=date-field.es.js.map

package/dist/lib/form/components/date-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.es.js","sources":["../../../../src/lib/form/components/date-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport { format, isValid } from 'date-fns';\nimport { CalendarIcon, X } from 'lucide-react';\nimport React, { useState, useEffect } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { cn } from '@/utils/cn';\n\nexport const DateField: React.FC<AutoFormFieldProps> = ({ inputProps, field, error, id }) => {\n  const { key, ...props } = inputProps;\n  const [value, setValue] = useState<Date | undefined>(undefined);\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (field.default) {\n      const date = new Date(field.default);\n      if (isValid(date)) {\n        setValue(date);\n      }\n    }\n  }, [field]);\n\n  const handleSelect = (date: Date | undefined) => {\n    setValue(date);\n    if (date) {\n      props.onChange({\n        target: { value: date.toISOString(), name: inputProps.name },\n      });\n    }\n    setOpen(false);\n  };\n\n  const handleClear = () => {\n    setValue(undefined);\n    props.onChange({\n      target: { value: '', name: inputProps.name },\n    });\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          id={id}\n          variant=\"default\"\n          size=\"lg\"\n          className={cn('w-full', error ? 'border-accent2' : '')}\n          icon={<CalendarIcon />}\n        >\n          {value ? (\n            <span className=\"text-white\">{format(value, 'PPP')}</span>\n          ) : (\n            <span className=\"text-gray\">Pick a date</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto bg-muted p-0\" align=\"start\">\n        <DatePicker mode=\"single\" selected={value} onSelect={handleSelect} month={value} onMonthChange={setValue} />\n        {value && (\n          <div className=\"p-3 pt-0\">\n            <Button icon={<X />} variant=\"default\" size=\"lg\" className=\"w-full\" onClick={handleClear}>\n              Clear\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/lib/form/components/discriminated-union-field.cjs.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactHookForm = require('react-hook-form');
+const lib_form_components_customArrayField = require('../../../custom-auto-form-field-Brfb-0Te.cjs');
+
+const DiscriminatedUnionField = ({ field, path }) => {
+  const { watch } = reactHookForm.useFormContext();
+  const fullPath = path.join(".");
+  const value = watch(fullPath);
+  const allSchemas = field.schema?.flatMap((schema) => schema.schema || []) || [];
+  const literalSchemas = allSchemas?.filter((schema) => schema.fieldConfig?.customData?.isLiteral) || [];
+  const firstLiteralSchema = literalSchemas[0];
+  if (!firstLiteralSchema) return null;
+  const literalSchemaField = literalSchemas?.reduce(
+    (acc, schema) => {
+      const optionValues = (schema.fieldConfig?.customData?.literalValues ?? []).map(
+        (value2) => [value2, value2]
+      );
+      acc.options?.push(...optionValues);
+      return acc;
+    },
+    {
+      key: firstLiteralSchema.key,
+      required: firstLiteralSchema.required,
+      type: "select",
+      default: firstLiteralSchema.default,
+      description: firstLiteralSchema.description,
+      options: [],
+      fieldConfig: firstLiteralSchema.fieldConfig
+    }
+  );
+  const otherFieldSchemas = field.schema?.reduce(
+    (acc, schema) => {
+      const literalSchema = schema.schema?.find((schema2) => schema2.fieldConfig?.customData?.isLiteral);
+      const literalSchemaValue = literalSchema?.fieldConfig?.customData?.literalValues?.[0];
+      const otherSchemas = schema.schema?.filter((schema2) => schema2.key !== literalSchema?.key) ?? [];
+      if (literalSchemaValue) {
+        acc[literalSchemaValue] = otherSchemas;
+      }
+      return acc;
+    },
+    {}
+  );
+  const andFieldSchemas = field.schema?.filter((schema) => {
+    const literalSchema = schema.schema?.find((schema2) => schema2.fieldConfig?.customData?.isLiteral);
+    return !literalSchema;
+  });
+  const literalFieldValue = value?.[literalSchemaField.key];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lib_form_components_customArrayField.CustomAutoFormField,
+      {
+        field: literalSchemaField,
+        path: [...path, literalSchemaField.key]
+      },
+      `${fullPath}.${literalSchemaField.key}`
+    ),
+    literalFieldValue && otherFieldSchemas?.[literalFieldValue] && otherFieldSchemas[literalFieldValue].map((schema) => /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_customArrayField.CustomAutoFormField, { field: schema, path: [...path, schema.key] }, `${fullPath}.${schema.key}`)),
+    andFieldSchemas && andFieldSchemas.map((schema) => /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_customArrayField.CustomAutoFormField, { field: schema, path: [...path, schema.key] }, `${fullPath}.${schema.key}`))
+  ] }, field.key);
+};
+
+exports.DiscriminatedUnionField = DiscriminatedUnionField;
+//# sourceMappingURL=discriminated-union-field.cjs.js.map

package/dist/lib/form/components/discriminated-union-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"discriminated-union-field.cjs.js","sources":["../../../../src/lib/form/components/discriminated-union-field.tsx"],"sourcesContent":["import type { ParsedField } from '@autoform/core';\nimport type { AutoFormFieldProps } from '@autoform/react';\nimport { useFormContext } from 'react-hook-form';\nimport { CustomAutoFormField } from './custom-auto-form-field';\n\nexport const DiscriminatedUnionField: React.FC<AutoFormFieldProps> = ({ field, path }) => {\n  const { watch } = useFormContext();\n  const fullPath = path.join('.');\n  const value = watch(fullPath);\n  const allSchemas = field.schema?.flatMap((schema: ParsedField) => schema.schema || []) || [];\n  const literalSchemas = allSchemas?.filter((schema: ParsedField) => schema.fieldConfig?.customData?.isLiteral) || [];\n  const firstLiteralSchema = literalSchemas[0];\n  if (!firstLiteralSchema) return null;\n  const literalSchemaField = literalSchemas?.reduce(\n    (acc, schema) => {\n      const optionValues: [string, string][] = (schema.fieldConfig?.customData?.literalValues ?? []).map(\n        (value: string) => [value, value],\n      );\n      acc.options?.push(...optionValues);\n      return acc;\n    },\n    {\n      key: firstLiteralSchema.key,\n      required: firstLiteralSchema.required,\n      type: 'select',\n      default: firstLiteralSchema.default,\n      description: firstLiteralSchema.description,\n      options: [] as [string, string][],\n      fieldConfig: firstLiteralSchema.fieldConfig,\n    },\n  );\n\n  const otherFieldSchemas = field.schema?.reduce(\n    (acc, schema) => {\n      const literalSchema = schema.schema?.find((schema: ParsedField) => schema.fieldConfig?.customData?.isLiteral);\n      const literalSchemaValue = literalSchema?.fieldConfig?.customData?.literalValues?.[0];\n      const otherSchemas = schema.schema?.filter((schema: ParsedField) => schema.key !== literalSchema?.key) ?? [];\n      if (literalSchemaValue) {\n        acc[literalSchemaValue] = otherSchemas;\n      }\n      return acc;\n    },\n    {} as Record<string, ParsedField[]>,\n  );\n\n  const andFieldSchemas = field.schema?.filter(schema => {\n    const literalSchema = schema.schema?.find((schema: ParsedField) => schema.fieldConfig?.customData?.isLiteral);\n    return !literalSchema;\n  });\n\n  const literalFieldValue = value?.[literalSchemaField.key];\n\n  return (\n    <div key={field.key}>\n      <CustomAutoFormField\n        key={`${fullPath}.${literalSchemaField.key}`}\n        field={literalSchemaField}\n        path={[...path, literalSchemaField.key]}\n      />\n      {literalFieldValue &&\n        otherFieldSchemas?.[literalFieldValue] &&\n        otherFieldSchemas[literalFieldValue].map((schema: ParsedField) => (\n          <CustomAutoFormField key={`${fullPath}.${schema.key}`} field={schema} path={[...path, schema.key]} />\n        ))}\n      {andFieldSchemas &&\n        andFieldSchemas.map((schema: ParsedField) => (\n          <CustomAutoFormField key={`${fullPath}.${schema.key}`} field={schema} path={[...path, schema.key]} />\n        ))}\n    </div>\n  );\n};\n"],"names":["useFormContext","value","schema","jsx","CustomAutoFormField"],"mappings":"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"}

package/dist/lib/form/components/discriminated-union-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/discriminated-union-field'
+export {}

package/dist/lib/form/components/discriminated-union-field.es.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useFormContext } from 'react-hook-form';
+import { C as CustomAutoFormField } from '../../../custom-auto-form-field-yEMBGXu-.js';
+
+const DiscriminatedUnionField = ({ field, path }) => {
+  const { watch } = useFormContext();
+  const fullPath = path.join(".");
+  const value = watch(fullPath);
+  const allSchemas = field.schema?.flatMap((schema) => schema.schema || []) || [];
+  const literalSchemas = allSchemas?.filter((schema) => schema.fieldConfig?.customData?.isLiteral) || [];
+  const firstLiteralSchema = literalSchemas[0];
+  if (!firstLiteralSchema) return null;
+  const literalSchemaField = literalSchemas?.reduce(
+    (acc, schema) => {
+      const optionValues = (schema.fieldConfig?.customData?.literalValues ?? []).map(
+        (value2) => [value2, value2]
+      );
+      acc.options?.push(...optionValues);
+      return acc;
+    },
+    {
+      key: firstLiteralSchema.key,
+      required: firstLiteralSchema.required,
+      type: "select",
+      default: firstLiteralSchema.default,
+      description: firstLiteralSchema.description,
+      options: [],
+      fieldConfig: firstLiteralSchema.fieldConfig
+    }
+  );
+  const otherFieldSchemas = field.schema?.reduce(
+    (acc, schema) => {
+      const literalSchema = schema.schema?.find((schema2) => schema2.fieldConfig?.customData?.isLiteral);
+      const literalSchemaValue = literalSchema?.fieldConfig?.customData?.literalValues?.[0];
+      const otherSchemas = schema.schema?.filter((schema2) => schema2.key !== literalSchema?.key) ?? [];
+      if (literalSchemaValue) {
+        acc[literalSchemaValue] = otherSchemas;
+      }
+      return acc;
+    },
+    {}
+  );
+  const andFieldSchemas = field.schema?.filter((schema) => {
+    const literalSchema = schema.schema?.find((schema2) => schema2.fieldConfig?.customData?.isLiteral);
+    return !literalSchema;
+  });
+  const literalFieldValue = value?.[literalSchemaField.key];
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      CustomAutoFormField,
+      {
+        field: literalSchemaField,
+        path: [...path, literalSchemaField.key]
+      },
+      `${fullPath}.${literalSchemaField.key}`
+    ),
+    literalFieldValue && otherFieldSchemas?.[literalFieldValue] && otherFieldSchemas[literalFieldValue].map((schema) => /* @__PURE__ */ jsx(CustomAutoFormField, { field: schema, path: [...path, schema.key] }, `${fullPath}.${schema.key}`)),
+    andFieldSchemas && andFieldSchemas.map((schema) => /* @__PURE__ */ jsx(CustomAutoFormField, { field: schema, path: [...path, schema.key] }, `${fullPath}.${schema.key}`))
+  ] }, field.key);
+};
+
+export { DiscriminatedUnionField };
+//# sourceMappingURL=discriminated-union-field.es.js.map