@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/lib/form/components/form.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+
+const Form = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { ref, className: "space-y-4", ...props, children });
+});
+
+exports.Form = Form;
+//# sourceMappingURL=form.cjs.js.map

package/dist/lib/form/components/form.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.cjs.js","sources":["../../../../src/lib/form/components/form.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Form = React.forwardRef<HTMLFormElement, React.ComponentProps<'form'>>(({ children, ...props }, ref) => {\n  return (\n    <form ref={ref} className=\"space-y-4\" {...props}>\n      {children}\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,IAAA,GAAO,MAAM,UAAA,CAA0D,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnH,EAAA,sCACG,MAAA,EAAA,EAAK,GAAA,EAAU,WAAU,WAAA,EAAa,GAAG,OACvC,QAAA,EACH,CAAA;AAEJ,CAAC;;;;"}

package/dist/lib/form/components/form.d.ts

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

package/dist/lib/form/components/form.es.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+
+const Form = React__default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("form", { ref, className: "space-y-4", ...props, children });
+});
+
+export { Form };
+//# sourceMappingURL=form.es.js.map

package/dist/lib/form/components/form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.es.js","sources":["../../../../src/lib/form/components/form.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Form = React.forwardRef<HTMLFormElement, React.ComponentProps<'form'>>(({ children, ...props }, ref) => {\n  return (\n    <form ref={ref} className=\"space-y-4\" {...props}>\n      {children}\n    </form>\n  );\n});\n"],"names":["React"],"mappings":";;;AAEO,MAAM,IAAA,GAAOA,eAAM,UAAA,CAA0D,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnH,EAAA,2BACG,MAAA,EAAA,EAAK,GAAA,EAAU,WAAU,WAAA,EAAa,GAAG,OACvC,QAAA,EACH,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const input = require('../../../input-bd223EJW.cjs');
+
+const NumberField = ({ inputProps, error, field, id }) => {
+  const { key, ...props } = inputProps;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    input.Input,
+    {
+      id,
+      type: "number",
+      className: error ? "border-accent2" : "",
+      ...props,
+      defaultValue: field.default !== void 0 ? Number(field.default) : void 0,
+      onChange: (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isNaN(Number(value))) {
+          props.onChange({
+            target: { value, name: inputProps.name }
+          });
+        }
+      },
+      onBlur: (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isNaN(Number(value))) {
+          props.onChange({
+            target: { value: Number(value), name: inputProps.name }
+          });
+        }
+      }
+    }
+  );
+};
+
+exports.NumberField = NumberField;
+//# sourceMappingURL=number-field.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.cjs.js","sources":["../../../../src/lib/form/components/number-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Input } from '@/ds/components/Input';\n\nexport const NumberField: React.FC<AutoFormFieldProps> = ({ inputProps, error, field, id }) => {\n  const { key, ...props } = inputProps;\n\n  return (\n    <Input\n      id={id}\n      type=\"number\"\n      className={error ? 'border-accent2' : ''}\n      {...props}\n      defaultValue={field.default !== undefined ? Number(field.default) : undefined}\n      onChange={e => {\n        const value = e.target.value;\n        if (value !== '' && !isNaN(Number(value))) {\n          props.onChange({\n            target: { value: value, name: inputProps.name },\n          });\n        }\n      }}\n      onBlur={e => {\n        const value = e.target.value;\n        if (value !== '' && !isNaN(Number(value))) {\n          props.onChange({\n            target: { value: Number(value), name: inputProps.name },\n          });\n        }\n      }}\n    />\n  );\n};\n"],"names":["jsx","Input"],"mappings":";;;;;;;AAIO,MAAM,cAA4C,CAAC,EAAE,YAAY,KAAA,EAAO,KAAA,EAAO,IAAG,KAAM;AAC7F,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,KAAA,EAAM,GAAI,UAAA;AAE1B,EAAA,uBACEA,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,QAAQ,gBAAA,GAAmB,EAAA;AAAA,MACrC,GAAG,KAAA;AAAA,MACJ,cAAc,KAAA,CAAM,OAAA,KAAY,SAAY,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,GAAI,MAAA;AAAA,MACpE,UAAU,CAAA,CAAA,KAAK;AACb,QAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,QAAA,IAAI,UAAU,EAAA,IAAM,CAAC,MAAM,MAAA,CAAO,KAAK,CAAC,CAAA,EAAG;AACzC,UAAA,KAAA,CAAM,QAAA,CAAS;AAAA,YACb,MAAA,EAAQ,EAAE,KAAA,EAAc,IAAA,EAAM,WAAW,IAAA;AAAK,WAC/C,CAAA;AAAA,QACH;AAAA,MACF,CAAA;AAAA,MACA,QAAQ,CAAA,CAAA,KAAK;AACX,QAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,QAAA,IAAI,UAAU,EAAA,IAAM,CAAC,MAAM,MAAA,CAAO,KAAK,CAAC,CAAA,EAAG;AACzC,UAAA,KAAA,CAAM,QAAA,CAAS;AAAA,YACb,MAAA,EAAQ,EAAE,KAAA,EAAO,MAAA,CAAO,KAAK,CAAA,EAAG,IAAA,EAAM,WAAW,IAAA;AAAK,WACvD,CAAA;AAAA,QACH;AAAA,MACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { I as Input } from '../../../input-CHghVv3k.js';
+
+const NumberField = ({ inputProps, error, field, id }) => {
+  const { key, ...props } = inputProps;
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      id,
+      type: "number",
+      className: error ? "border-accent2" : "",
+      ...props,
+      defaultValue: field.default !== void 0 ? Number(field.default) : void 0,
+      onChange: (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isNaN(Number(value))) {
+          props.onChange({
+            target: { value, name: inputProps.name }
+          });
+        }
+      },
+      onBlur: (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isNaN(Number(value))) {
+          props.onChange({
+            target: { value: Number(value), name: inputProps.name }
+          });
+        }
+      }
+    }
+  );
+};
+
+export { NumberField };
+//# sourceMappingURL=number-field.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.es.js","sources":["../../../../src/lib/form/components/number-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Input } from '@/ds/components/Input';\n\nexport const NumberField: React.FC<AutoFormFieldProps> = ({ inputProps, error, field, id }) => {\n  const { key, ...props } = inputProps;\n\n  return (\n    <Input\n      id={id}\n      type=\"number\"\n      className={error ? 'border-accent2' : ''}\n      {...props}\n      defaultValue={field.default !== undefined ? Number(field.default) : undefined}\n      onChange={e => {\n        const value = e.target.value;\n        if (value !== '' && !isNaN(Number(value))) {\n          props.onChange({\n            target: { value: value, name: inputProps.name },\n          });\n        }\n      }}\n      onBlur={e => {\n        const value = e.target.value;\n        if (value !== '' && !isNaN(Number(value))) {\n          props.onChange({\n            target: { value: Number(value), name: inputProps.name },\n          });\n        }\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,cAA4C,CAAC,EAAE,YAAY,KAAA,EAAO,KAAA,EAAO,IAAG,KAAM;AAC7F,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,KAAA,EAAM,GAAI,UAAA;AAE1B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,QAAQ,gBAAA,GAAmB,EAAA;AAAA,MACrC,GAAG,KAAA;AAAA,MACJ,cAAc,KAAA,CAAM,OAAA,KAAY,SAAY,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,GAAI,MAAA;AAAA,MACpE,UAAU,CAAA,CAAA,KAAK;AACb,QAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,QAAA,IAAI,UAAU,EAAA,IAAM,CAAC,MAAM,MAAA,CAAO,KAAK,CAAC,CAAA,EAAG;AACzC,UAAA,KAAA,CAAM,QAAA,CAAS;AAAA,YACb,MAAA,EAAQ,EAAE,KAAA,EAAc,IAAA,EAAM,WAAW,IAAA;AAAK,WAC/C,CAAA;AAAA,QACH;AAAA,MACF,CAAA;AAAA,MACA,QAAQ,CAAA,CAAA,KAAK;AACX,QAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,QAAA,IAAI,UAAU,EAAA,IAAM,CAAC,MAAM,MAAA,CAAO,KAAK,CAAC,CAAA,EAAG;AACzC,UAAA,KAAA,CAAM,QAAA,CAAS;AAAA,YACb,MAAA,EAAQ,EAAE,KAAA,EAAO,MAAA,CAAO,KAAK,CAAA,EAAG,IAAA,EAAM,WAAW,IAAA;AAAK,WACvD,CAAA;AAAA,QACH;AAAA,MACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,41 @@
+'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 lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js');
+const collapsible = require('../../../collapsible-BFSJouuI.cjs');
+
+function ObjectWrapper({ label, children }) {
+  if (label === lib_form_fieldContext.ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(ObjectGroup, { label, children });
+}
+function ObjectGroup({ label, children }) {
+  const path = React.useContext(lib_form_fieldContext.FieldPathContext);
+  const { expanded, invalid, setExpanded } = lib_form_useSectionDisclosure.useSectionDisclosure(path, false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    collapsible.Collapsible,
+    {
+      open: expanded,
+      onOpenChange: setExpanded,
+      className: "motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "flex min-h-11 w-full items-center gap-2 text-left text-caption text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Braces, { "aria-hidden": true, className: "size-3.5" }),
+            label
+          ] }),
+          invalid && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-meta text-accent2", children: "Needs input" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { keepMounted: true, className: "border-l border-border pt-2 pl-4", children })
+      ]
+    }
+  );
+}
+
+exports.ObjectWrapper = ObjectWrapper;
+//# sourceMappingURL=object-wrapper.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object-wrapper.cjs.js","sources":["../../../../src/lib/form/components/object-wrapper.tsx"],"sourcesContent":["import type { ObjectWrapperProps } from '@autoform/react';\nimport { Braces, ChevronRight } from 'lucide-react';\nimport { useContext } from 'react';\nimport { FieldPathContext, ROOT_FIELD_KEY } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\n\nexport function ObjectWrapper({ label, children }: ObjectWrapperProps) {\n  if (label === ROOT_FIELD_KEY || label === '') return <div className=\"flex flex-col gap-2\">{children}</div>;\n\n  return <ObjectGroup label={label}>{children}</ObjectGroup>;\n}\n\nfunction ObjectGroup({ label, children }: Pick<ObjectWrapperProps, 'label' | 'children'>) {\n  const path = useContext(FieldPathContext);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, false);\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <CollapsibleTrigger className=\"flex min-h-11 w-full items-center gap-2 text-left text-caption text-muted-foreground\">\n        <ChevronRight aria-hidden className=\"size-3.5 shrink-0\" />\n        <span className=\"flex min-w-0 items-center gap-1.5\">\n          <Braces aria-hidden className=\"size-3.5\" />\n          {label}\n        </span>\n        {invalid && <span className=\"ml-auto shrink-0 text-meta text-accent2\">Needs input</span>}\n      </CollapsibleTrigger>\n      <CollapsibleContent keepMounted className=\"border-l border-border pt-2 pl-4\">\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["ROOT_FIELD_KEY","jsx","useContext","FieldPathContext","useSectionDisclosure","jsxs","Collapsible","CollapsibleTrigger","ChevronRight","Braces","CollapsibleContent"],"mappings":";;;;;;;;;;;AAOO,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,QAAA,EAAS,EAAuB;AACrE,EAAA,IAAI,KAAA,KAAUA,wCAAkB,KAAA,KAAU,EAAA,yBAAWC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAS,CAAA;AAEpG,EAAA,uBAAOA,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAe,QAAA,EAAS,CAAA;AAC9C;AAEA,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,QAAA,EAAS,EAAmD;AACxF,EAAA,MAAM,IAAA,GAAOC,iBAAWC,sCAAgB,CAAA;AACxC,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,aAAY,GAAIC,kDAAA,CAAqB,MAAM,KAAK,CAAA;AAE3E,EAAA,uBACEC,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAA;AAAA,MACN,YAAA,EAAc,WAAA;AAAA,MACd,SAAA,EAAU,yGAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAACE,8BAAA,EAAA,EAAmB,WAAU,sFAAA,EAC5B,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAACO,wBAAA,EAAA,EAAa,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,0BACxDH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EACd,QAAA,EAAA;AAAA,4BAAAJ,cAAA,CAACQ,kBAAA,EAAA,EAAO,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,YACxC;AAAA,WAAA,EACH,CAAA;AAAA,UACC,OAAA,oBAAWR,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAA0C,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACnF,CAAA;AAAA,uCACCS,8BAAA,EAAA,EAAmB,WAAA,EAAW,IAAA,EAAC,SAAA,EAAU,oCACvC,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRight, Braces } from 'lucide-react';
+import { useContext } from 'react';
+import { ROOT_FIELD_KEY, FieldPathContext } from '../field-context.es.js';
+import { useSectionDisclosure } from '../use-section-disclosure.es.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
+
+function ObjectWrapper({ label, children }) {
+  if (label === ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsx(ObjectGroup, { label, children });
+}
+function ObjectGroup({ label, children }) {
+  const path = useContext(FieldPathContext);
+  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, false);
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open: expanded,
+      onOpenChange: setExpanded,
+      className: "motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none",
+      children: [
+        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex min-h-11 w-full items-center gap-2 text-left text-caption text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Braces, { "aria-hidden": true, className: "size-3.5" }),
+            label
+          ] }),
+          invalid && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-meta text-accent2", children: "Needs input" })
+        ] }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { keepMounted: true, className: "border-l border-border pt-2 pl-4", children })
+      ]
+    }
+  );
+}
+
+export { ObjectWrapper };
+//# sourceMappingURL=object-wrapper.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object-wrapper.es.js","sources":["../../../../src/lib/form/components/object-wrapper.tsx"],"sourcesContent":["import type { ObjectWrapperProps } from '@autoform/react';\nimport { Braces, ChevronRight } from 'lucide-react';\nimport { useContext } from 'react';\nimport { FieldPathContext, ROOT_FIELD_KEY } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\n\nexport function ObjectWrapper({ label, children }: ObjectWrapperProps) {\n  if (label === ROOT_FIELD_KEY || label === '') return <div className=\"flex flex-col gap-2\">{children}</div>;\n\n  return <ObjectGroup label={label}>{children}</ObjectGroup>;\n}\n\nfunction ObjectGroup({ label, children }: Pick<ObjectWrapperProps, 'label' | 'children'>) {\n  const path = useContext(FieldPathContext);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, false);\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <CollapsibleTrigger className=\"flex min-h-11 w-full items-center gap-2 text-left text-caption text-muted-foreground\">\n        <ChevronRight aria-hidden className=\"size-3.5 shrink-0\" />\n        <span className=\"flex min-w-0 items-center gap-1.5\">\n          <Braces aria-hidden className=\"size-3.5\" />\n          {label}\n        </span>\n        {invalid && <span className=\"ml-auto shrink-0 text-meta text-accent2\">Needs input</span>}\n      </CollapsibleTrigger>\n      <CollapsibleContent keepMounted className=\"border-l border-border pt-2 pl-4\">\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAOO,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,QAAA,EAAS,EAAuB;AACrE,EAAA,IAAI,KAAA,KAAU,kBAAkB,KAAA,KAAU,EAAA,yBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAS,CAAA;AAEpG,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAe,QAAA,EAAS,CAAA;AAC9C;AAEA,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,QAAA,EAAS,EAAmD;AACxF,EAAA,MAAM,IAAA,GAAO,WAAW,gBAAgB,CAAA;AACxC,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,aAAY,GAAI,oBAAA,CAAqB,MAAM,KAAK,CAAA;AAE3E,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAA;AAAA,MACN,YAAA,EAAc,WAAA;AAAA,MACd,SAAA,EAAU,yGAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,sFAAA,EAC5B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,0BACxD,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,YACxC;AAAA,WAAA,EACH,CAAA;AAAA,UACC,OAAA,oBAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAA0C,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACnF,CAAA;AAAA,4BACC,kBAAA,EAAA,EAAmB,WAAA,EAAW,IAAA,EAAC,SAAA,EAAU,oCACvC,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const uuid = require('@lukeed/uuid');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const input = require('../../../input-bd223EJW.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const RecordField = ({ inputProps, field }) => {
+  const { onChange } = inputProps;
+  const [pairs, setPairs] = React__namespace.useState(
+    () => Object.entries(field.default || {}).map(([key, val]) => ({
+      id: key || uuid.v4(),
+      key,
+      value: val
+    }))
+  );
+  React__namespace.useEffect(() => {
+    if (pairs.length === 0) {
+      setPairs([{ id: uuid.v4(), key: "", value: "" }]);
+    }
+  }, [pairs]);
+  const updateForm = React__namespace.useCallback(
+    (newPairs) => {
+      const newValue = newPairs.reduce(
+        (acc, pair) => {
+          if (pair.key) {
+            acc[pair.key] = pair.value;
+          }
+          return acc;
+        },
+        {}
+      );
+      onChange?.({
+        target: { value: newValue, name: inputProps.name }
+      });
+    },
+    [onChange, inputProps.name]
+  );
+  const handleChange = (id, field2, newValue) => {
+    setPairs((prev) => prev.map((pair) => pair.id === id ? { ...pair, [field2]: newValue } : pair));
+  };
+  const handleBlur = () => {
+    updateForm(pairs);
+  };
+  const addPair = () => {
+    const newPairs = [...pairs, { id: uuid.v4(), key: "", value: "" }];
+    setPairs(newPairs);
+    updateForm(newPairs);
+  };
+  const removePair = (id) => {
+    const newPairs = pairs.filter((p) => p.id !== id);
+    if (newPairs.length === 0) {
+      newPairs.push({ id: uuid.v4(), key: "", value: "" });
+    }
+    setPairs(newPairs);
+    updateForm(newPairs);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    pairs.map((pair) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative space-y-2 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", className: "absolute top-2 right-2", onClick: () => removePair(pair.id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrashIcon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 pt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            placeholder: "Key",
+            value: pair.key,
+            onChange: (e) => handleChange(pair.id, "key", e.target.value),
+            onBlur: handleBlur
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            placeholder: "Value",
+            value: pair.value,
+            onChange: (e) => handleChange(pair.id, "value", e.target.value),
+            onBlur: handleBlur
+          }
+        )
+      ] })
+    ] }, pair.id)),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", className: "w-full", onClick: addPair, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}), children: "Add Key-Value Pair" })
+  ] });
+};
+
+exports.RecordField = RecordField;
+//# sourceMappingURL=record-field.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record-field.cjs.js","sources":["../../../../src/lib/form/components/record-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport { v4 as uuid } from '@lukeed/uuid';\nimport { Plus, TrashIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Input } from '@/ds/components/Input';\n\ninterface KeyValuePair {\n  id: string;\n  key: string;\n  value: string;\n}\n\nexport const RecordField: React.FC<AutoFormFieldProps> = ({ inputProps, field }) => {\n  const { onChange } = inputProps;\n  const [pairs, setPairs] = React.useState<KeyValuePair[]>(() =>\n    Object.entries(field.default || {}).map(([key, val]) => ({\n      id: key || uuid(),\n      key,\n      value: val as string,\n    })),\n  );\n\n  React.useEffect(() => {\n    if (pairs.length === 0) {\n      setPairs([{ id: uuid(), key: '', value: '' }]);\n    }\n  }, [pairs]);\n\n  const updateForm = React.useCallback(\n    (newPairs: KeyValuePair[]) => {\n      const newValue = newPairs.reduce(\n        (acc, pair) => {\n          if (pair.key) {\n            acc[pair.key] = pair.value;\n          }\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n\n      onChange?.({\n        target: { value: newValue, name: inputProps.name },\n      });\n    },\n    [onChange, inputProps.name],\n  );\n\n  const handleChange = (id: string, field: 'key' | 'value', newValue: string) => {\n    setPairs(prev => prev.map(pair => (pair.id === id ? { ...pair, [field]: newValue } : pair)));\n  };\n\n  const handleBlur = () => {\n    updateForm(pairs);\n  };\n\n  const addPair = () => {\n    const newPairs = [...pairs, { id: uuid(), key: '', value: '' }];\n    setPairs(newPairs);\n    updateForm(newPairs);\n  };\n\n  const removePair = (id: string) => {\n    const newPairs = pairs.filter(p => p.id !== id);\n    if (newPairs.length === 0) {\n      newPairs.push({ id: uuid(), key: '', value: '' });\n    }\n    setPairs(newPairs);\n    updateForm(newPairs);\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      {pairs.map(pair => (\n        <div key={pair.id} className=\"relative space-y-2 rounded-lg border p-4\">\n          <Button type=\"button\" className=\"absolute top-2 right-2\" onClick={() => removePair(pair.id)}>\n            <TrashIcon className=\"size-4\" />\n          </Button>\n\n          <div className=\"space-y-2 pt-4\">\n            <Input\n              placeholder=\"Key\"\n              value={pair.key}\n              onChange={e => handleChange(pair.id, 'key', e.target.value)}\n              onBlur={handleBlur}\n            />\n            <Input\n              placeholder=\"Value\"\n              value={pair.value}\n              onChange={e => handleChange(pair.id, 'value', e.target.value)}\n              onBlur={handleBlur}\n            />\n          </div>\n        </div>\n      ))}\n      <Button type=\"button\" className=\"w-full\" onClick={addPair} icon={<Plus />}>\n        Add Key-Value Pair\n      </Button>\n    </div>\n  );\n};\n"],"names":["React","uuid","field","jsxs","jsx","Button","TrashIcon","Input","Plus"],"mappings":"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"}

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

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

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

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { v4 } from '@lukeed/uuid';
+import { TrashIcon, Plus } from 'lucide-react';
+import * as React from 'react';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { I as Input } from '../../../input-CHghVv3k.js';
+
+const RecordField = ({ inputProps, field }) => {
+  const { onChange } = inputProps;
+  const [pairs, setPairs] = React.useState(
+    () => Object.entries(field.default || {}).map(([key, val]) => ({
+      id: key || v4(),
+      key,
+      value: val
+    }))
+  );
+  React.useEffect(() => {
+    if (pairs.length === 0) {
+      setPairs([{ id: v4(), key: "", value: "" }]);
+    }
+  }, [pairs]);
+  const updateForm = React.useCallback(
+    (newPairs) => {
+      const newValue = newPairs.reduce(
+        (acc, pair) => {
+          if (pair.key) {
+            acc[pair.key] = pair.value;
+          }
+          return acc;
+        },
+        {}
+      );
+      onChange?.({
+        target: { value: newValue, name: inputProps.name }
+      });
+    },
+    [onChange, inputProps.name]
+  );
+  const handleChange = (id, field2, newValue) => {
+    setPairs((prev) => prev.map((pair) => pair.id === id ? { ...pair, [field2]: newValue } : pair));
+  };
+  const handleBlur = () => {
+    updateForm(pairs);
+  };
+  const addPair = () => {
+    const newPairs = [...pairs, { id: v4(), key: "", value: "" }];
+    setPairs(newPairs);
+    updateForm(newPairs);
+  };
+  const removePair = (id) => {
+    const newPairs = pairs.filter((p) => p.id !== id);
+    if (newPairs.length === 0) {
+      newPairs.push({ id: v4(), key: "", value: "" });
+    }
+    setPairs(newPairs);
+    updateForm(newPairs);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    pairs.map((pair) => /* @__PURE__ */ jsxs("div", { className: "relative space-y-2 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", className: "absolute top-2 right-2", onClick: () => removePair(pair.id), children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 pt-4", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Key",
+            value: pair.key,
+            onChange: (e) => handleChange(pair.id, "key", e.target.value),
+            onBlur: handleBlur
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Value",
+            value: pair.value,
+            onChange: (e) => handleChange(pair.id, "value", e.target.value),
+            onBlur: handleBlur
+          }
+        )
+      ] })
+    ] }, pair.id)),
+    /* @__PURE__ */ jsx(Button, { type: "button", className: "w-full", onClick: addPair, icon: /* @__PURE__ */ jsx(Plus, {}), children: "Add Key-Value Pair" })
+  ] });
+};
+
+export { RecordField };
+//# sourceMappingURL=record-field.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record-field.es.js","sources":["../../../../src/lib/form/components/record-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport { v4 as uuid } from '@lukeed/uuid';\nimport { Plus, TrashIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Input } from '@/ds/components/Input';\n\ninterface KeyValuePair {\n  id: string;\n  key: string;\n  value: string;\n}\n\nexport const RecordField: React.FC<AutoFormFieldProps> = ({ inputProps, field }) => {\n  const { onChange } = inputProps;\n  const [pairs, setPairs] = React.useState<KeyValuePair[]>(() =>\n    Object.entries(field.default || {}).map(([key, val]) => ({\n      id: key || uuid(),\n      key,\n      value: val as string,\n    })),\n  );\n\n  React.useEffect(() => {\n    if (pairs.length === 0) {\n      setPairs([{ id: uuid(), key: '', value: '' }]);\n    }\n  }, [pairs]);\n\n  const updateForm = React.useCallback(\n    (newPairs: KeyValuePair[]) => {\n      const newValue = newPairs.reduce(\n        (acc, pair) => {\n          if (pair.key) {\n            acc[pair.key] = pair.value;\n          }\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n\n      onChange?.({\n        target: { value: newValue, name: inputProps.name },\n      });\n    },\n    [onChange, inputProps.name],\n  );\n\n  const handleChange = (id: string, field: 'key' | 'value', newValue: string) => {\n    setPairs(prev => prev.map(pair => (pair.id === id ? { ...pair, [field]: newValue } : pair)));\n  };\n\n  const handleBlur = () => {\n    updateForm(pairs);\n  };\n\n  const addPair = () => {\n    const newPairs = [...pairs, { id: uuid(), key: '', value: '' }];\n    setPairs(newPairs);\n    updateForm(newPairs);\n  };\n\n  const removePair = (id: string) => {\n    const newPairs = pairs.filter(p => p.id !== id);\n    if (newPairs.length === 0) {\n      newPairs.push({ id: uuid(), key: '', value: '' });\n    }\n    setPairs(newPairs);\n    updateForm(newPairs);\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      {pairs.map(pair => (\n        <div key={pair.id} className=\"relative space-y-2 rounded-lg border p-4\">\n          <Button type=\"button\" className=\"absolute top-2 right-2\" onClick={() => removePair(pair.id)}>\n            <TrashIcon className=\"size-4\" />\n          </Button>\n\n          <div className=\"space-y-2 pt-4\">\n            <Input\n              placeholder=\"Key\"\n              value={pair.key}\n              onChange={e => handleChange(pair.id, 'key', e.target.value)}\n              onBlur={handleBlur}\n            />\n            <Input\n              placeholder=\"Value\"\n              value={pair.value}\n              onChange={e => handleChange(pair.id, 'value', e.target.value)}\n              onBlur={handleBlur}\n            />\n          </div>\n        </div>\n      ))}\n      <Button type=\"button\" className=\"w-full\" onClick={addPair} icon={<Plus />}>\n        Add Key-Value Pair\n      </Button>\n    </div>\n  );\n};\n"],"names":["uuid","field"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const select = require('../../../select-BByMAS0L.cjs');
+
+const SelectField = ({ field, inputProps, error, id, value }) => {
+  const {
+    key: _key,
+    error: _error,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    ...props
+  } = inputProps;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    select.Select,
+    {
+      ...props,
+      value,
+      onValueChange: (value2) => {
+        const syntheticEvent = {
+          target: {
+            value: value2,
+            name: inputProps.name
+          }
+        };
+        props.onChange(syntheticEvent);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          select.SelectTrigger,
+          {
+            id,
+            className: error ? "border-accent2" : "",
+            "aria-invalid": ariaInvalid,
+            "aria-describedby": ariaDescribedBy,
+            children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select an option" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: (field.options || []).map(([key, label]) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: key, children: label }, key)) })
+      ]
+    }
+  );
+};
+
+exports.SelectField = SelectField;
+//# sourceMappingURL=select-field.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.cjs.js","sources":["../../../../src/lib/form/components/select-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\n\nexport const SelectField: React.FC<AutoFormFieldProps> = ({ field, inputProps, error, id, value }) => {\n  const {\n    key: _key,\n    error: _error,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = inputProps;\n\n  return (\n    <Select\n      {...props}\n      value={value}\n      onValueChange={value => {\n        const syntheticEvent = {\n          target: {\n            value,\n            name: inputProps.name,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        props.onChange(syntheticEvent);\n      }}\n    >\n      <SelectTrigger\n        id={id}\n        className={error ? 'border-accent2' : ''}\n        aria-invalid={ariaInvalid}\n        aria-describedby={ariaDescribedBy}\n      >\n        <SelectValue placeholder=\"Select an option\" />\n      </SelectTrigger>\n      <SelectContent>\n        {(field.options || []).map(([key, label]) => (\n          <SelectItem key={key} value={key}>\n            {label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n"],"names":["jsxs","Select","value","jsx","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;AAIO,MAAM,WAAA,GAA4C,CAAC,EAAE,KAAA,EAAO,YAAY,KAAA,EAAO,EAAA,EAAI,OAAM,KAAM;AACpG,EAAA,MAAM;AAAA,IACJ,GAAA,EAAK,IAAA;AAAA,IACL,KAAA,EAAO,MAAA;AAAA,IACP,kBAAA,EAAoB,eAAA;AAAA,IACpB,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,UAAA;AAEJ,EAAA,uBACEA,eAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA;AAAA,MACA,aAAA,EAAe,CAAAC,MAAAA,KAAS;AACtB,QAAA,MAAM,cAAA,GAAiB;AAAA,UACrB,MAAA,EAAQ;AAAA,YACN,KAAA,EAAAA,MAAAA;AAAA,YACA,MAAM,UAAA,CAAW;AAAA;AACnB,SACF;AACA,QAAA,KAAA,CAAM,SAAS,cAAc,CAAA;AAAA,MAC/B,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,oBAAA;AAAA,UAAA;AAAA,YACC,EAAA;AAAA,YACA,SAAA,EAAW,QAAQ,gBAAA,GAAmB,EAAA;AAAA,YACtC,cAAA,EAAc,WAAA;AAAA,YACd,kBAAA,EAAkB,eAAA;AAAA,YAElB,QAAA,kBAAAD,cAAA,CAACE,kBAAA,EAAA,EAAY,WAAA,EAAY,kBAAA,EAAmB;AAAA;AAAA,SAC9C;AAAA,uCACCC,oBAAA,EAAA,EACG,QAAA,EAAA,CAAA,KAAA,CAAM,WAAW,EAAC,EAAG,IAAI,CAAC,CAAC,KAAK,KAAK,CAAA,oCACpCC,iBAAA,EAAA,EAAqB,KAAA,EAAO,KAC1B,QAAA,EAAA,KAAA,EAAA,EADc,GAEjB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-Dkmx3L5p.js';
+
+const SelectField = ({ field, inputProps, error, id, value }) => {
+  const {
+    key: _key,
+    error: _error,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    ...props
+  } = inputProps;
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      ...props,
+      value,
+      onValueChange: (value2) => {
+        const syntheticEvent = {
+          target: {
+            value: value2,
+            name: inputProps.name
+          }
+        };
+        props.onChange(syntheticEvent);
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          SelectTrigger,
+          {
+            id,
+            className: error ? "border-accent2" : "",
+            "aria-invalid": ariaInvalid,
+            "aria-describedby": ariaDescribedBy,
+            children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an option" })
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectContent, { children: (field.options || []).map(([key, label]) => /* @__PURE__ */ jsx(SelectItem, { value: key, children: label }, key)) })
+      ]
+    }
+  );
+};
+
+export { SelectField };
+//# sourceMappingURL=select-field.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.es.js","sources":["../../../../src/lib/form/components/select-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\n\nexport const SelectField: React.FC<AutoFormFieldProps> = ({ field, inputProps, error, id, value }) => {\n  const {\n    key: _key,\n    error: _error,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = inputProps;\n\n  return (\n    <Select\n      {...props}\n      value={value}\n      onValueChange={value => {\n        const syntheticEvent = {\n          target: {\n            value,\n            name: inputProps.name,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        props.onChange(syntheticEvent);\n      }}\n    >\n      <SelectTrigger\n        id={id}\n        className={error ? 'border-accent2' : ''}\n        aria-invalid={ariaInvalid}\n        aria-describedby={ariaDescribedBy}\n      >\n        <SelectValue placeholder=\"Select an option\" />\n      </SelectTrigger>\n      <SelectContent>\n        {(field.options || []).map(([key, label]) => (\n          <SelectItem key={key} value={key}>\n            {label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n"],"names":["value"],"mappings":";;;AAIO,MAAM,WAAA,GAA4C,CAAC,EAAE,KAAA,EAAO,YAAY,KAAA,EAAO,EAAA,EAAI,OAAM,KAAM;AACpG,EAAA,MAAM;AAAA,IACJ,GAAA,EAAK,IAAA;AAAA,IACL,KAAA,EAAO,MAAA;AAAA,IACP,kBAAA,EAAoB,eAAA;AAAA,IACpB,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,UAAA;AAEJ,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA;AAAA,MACA,aAAA,EAAe,CAAAA,MAAAA,KAAS;AACtB,QAAA,MAAM,cAAA,GAAiB;AAAA,UACrB,MAAA,EAAQ;AAAA,YACN,KAAA,EAAAA,MAAAA;AAAA,YACA,MAAM,UAAA,CAAW;AAAA;AACnB,SACF;AACA,QAAA,KAAA,CAAM,SAAS,cAAc,CAAA;AAAA,MAC/B,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,EAAA;AAAA,YACA,SAAA,EAAW,QAAQ,gBAAA,GAAmB,EAAA;AAAA,YACtC,cAAA,EAAc,WAAA;AAAA,YACd,kBAAA,EAAkB,eAAA;AAAA,YAElB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAY,kBAAA,EAAmB;AAAA;AAAA,SAC9C;AAAA,4BACC,aAAA,EAAA,EACG,QAAA,EAAA,CAAA,KAAA,CAAM,WAAW,EAAC,EAAG,IAAI,CAAC,CAAC,KAAK,KAAK,CAAA,yBACpC,UAAA,EAAA,EAAqB,KAAA,EAAO,KAC1B,QAAA,EAAA,KAAA,EAAA,EADc,GAEjB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const textarea = require('../../../textarea-gUBUqpol.cjs');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+
+const StringField = ({ inputProps, error, field, id }) => {
+  const { key: _key, className, ...props } = inputProps;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    textarea.Textarea,
+    {
+      id,
+      ...props,
+      rows: 1,
+      className: utils_cn.cn("field-sizing-content max-h-48 min-h-control-md resize-none overflow-y-auto", className),
+      error: Boolean(error),
+      defaultValue: field.default
+    }
+  );
+};
+
+exports.StringField = StringField;
+//# sourceMappingURL=string-field.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.cjs.js","sources":["../../../../src/lib/form/components/string-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { cn } from '@/utils/cn';\n\nexport const StringField: React.FC<AutoFormFieldProps> = ({ inputProps, error, field, id }) => {\n  const { key: _key, className, ...props } = inputProps;\n\n  return (\n    <Textarea\n      id={id}\n      {...props}\n      rows={1}\n      className={cn('field-sizing-content max-h-48 min-h-control-md resize-none overflow-y-auto', className)}\n      error={Boolean(error)}\n      defaultValue={field.default}\n    />\n  );\n};\n"],"names":["jsx","Textarea","cn"],"mappings":";;;;;;;;AAKO,MAAM,cAA4C,CAAC,EAAE,YAAY,KAAA,EAAO,KAAA,EAAO,IAAG,KAAM;AAC7F,EAAA,MAAM,EAAE,GAAA,EAAK,IAAA,EAAM,SAAA,EAAW,GAAG,OAAM,GAAI,UAAA;AAE3C,EAAA,uBACEA,cAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAM,CAAA;AAAA,MACN,SAAA,EAAWC,WAAA,CAAG,4EAAA,EAA8E,SAAS,CAAA;AAAA,MACrG,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MACpB,cAAc,KAAA,CAAM;AAAA;AAAA,GACtB;AAEJ;;;;"}

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

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