@oneplatformdev/ui 0.1.99-beta.18 → 0.1.99-beta.196

package/FormCombobox/FormCombobox.js

@@ -1,19 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.js";
-import { FormRenderControl as p } from "../Form/FormRenderControl.js";
-import { Combobox as a } from "../Combobox/Combobox.js";
-const x = (m) => {
-  const { form: n, label: e, name: t, ...C } = m;
+import { FormControl as C } from "../Form/Form.js";
+import { FormRenderControl as b } from "../Form/FormRenderControl.js";
+import { Combobox as s } from "../Combobox/Combobox.js";
+const h = (m) => {
+  const { form: t, label: n, tooltip: e, tooltipProps: p, name: i, ...l } = m;
   return /* @__PURE__ */ o(
-    p,
+    b,
     {
-      form: n,
-      label: e,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      form: t,
+      label: n,
+      tooltip: e,
+      tooltipProps: p,
+      name: i,
+      render: ({ field: r }) => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        s,
         {
-          ...C,
+          ...l,
           ...r,
           onChange: r.onChange
         }
@@ -22,6 +24,6 @@ const x = (m) => {
   );
 };
 export {
-  x as FormCombobox
+  h as FormCombobox
 };
 //# sourceMappingURL=FormCombobox.js.map

package/FormCombobox/FormCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCombobox.js","sources":["../../src/FormCombobox/FormCombobox.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Combobox } from '../Combobox';\nimport { FormComboboxProps } from './FormCombobox.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormCombobox = <Data extends FieldValues>(\n  props: FormComboboxProps<Data>\n) => {\n  const { form, label, name, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Combobox\n            {...rest}\n            {...field}\n            onChange={field.onChange}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormCombobox","props","form","label","name","rest","jsx","FormRenderControl","field","FormControl","Combobox"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAASJ;AACvC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACH,GAAGG;AAAA,UACJ,UAAUA,EAAM;AAAA,QAAA;AAAA,MAAA,EAClB,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormCombobox.js","sources":["../../src/FormCombobox/FormCombobox.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Combobox } from '../Combobox';\nimport { FormComboboxProps } from './FormCombobox.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormCombobox = <Data extends FieldValues>(\n  props: FormComboboxProps<Data>\n) => {\n  const { form, label, tooltip, tooltipProps, name, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      tooltip={tooltip}\n      tooltipProps={tooltipProps} \n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Combobox\n            {...rest}\n            {...field}\n            onChange={field.onChange}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormCombobox","props","form","label","tooltip","tooltipProps","name","rest","jsx","FormRenderControl","field","FormControl","Combobox"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,MAAAC,GAAM,GAAGC,MAASN;AAC9D,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACH,GAAGG;AAAA,UACJ,UAAUA,EAAM;AAAA,QAAA;AAAA,MAAA,EAClB,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormDatePicker/FormDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDatePicker.d.ts","sourceRoot":"","sources":["../../src/FormDatePicker/FormDatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,cAAc,GAAI,IAAI,SAAS,WAAW,EACrD,OAAO,mBAAmB,CAAC,IAAI,CAAC,4CAuBjC,CAAC"}
+{"version":3,"file":"FormDatePicker.d.ts","sourceRoot":"","sources":["../../src/FormDatePicker/FormDatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,cAAc,GAAI,IAAI,SAAS,WAAW,EACrD,OAAO,mBAAmB,CAAC,IAAI,CAAC,4CAyBjC,CAAC"}

package/FormDatePicker/FormDatePicker.js

@@ -1,23 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as l } from "../DatePicker/DatePicker.js";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as s } from "../Form/FormRenderControl.js";
-const g = (t) => {
-  const { form: n, name: m, label: a, onDateChange: c, ...i } = t;
-  return /* @__PURE__ */ o(
-    s,
+import { jsx as r } from "react/jsx-runtime";
+import { DatePicker as s } from "../DatePicker/DatePicker.js";
+import { FormControl as C } from "../Form/Form.js";
+import { FormRenderControl as D } from "../Form/FormRenderControl.js";
+const P = (t) => {
+  const { form: n, name: m, tooltip: a, tooltipProps: p, label: i, onDateChange: l, ...c } = t;
+  return /* @__PURE__ */ r(
+    D,
     {
       form: n,
       name: m,
-      label: a,
-      render: ({ field: r }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
-        l,
+      tooltip: a,
+      tooltipProps: p,
+      label: i,
+      render: ({ field: o }) => /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
+        s,
         {
-          ...r,
-          ...i,
-          selectedDate: r.value,
+          ...o,
+          ...c,
+          selectedDate: o.value,
           onDateChange: (e) => {
-            r.onChange(e), c?.(e);
+            o.onChange(e), l?.(e);
           }
         }
       ) })
@@ -25,6 +27,6 @@ const g = (t) => {
   );
 };
 export {
-  g as FormDatePicker
+  P as FormDatePicker
 };
 //# sourceMappingURL=FormDatePicker.js.map

package/FormDatePicker/FormDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDatePicker.js","sources":["../../src/FormDatePicker/FormDatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker } from '../DatePicker';\nimport { FormControl, FormRenderControl } from '../Form';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDatePickerProps } from './FormDatePicker.types';\n\n// TODO: add description\nexport const FormDatePicker = <Data extends FieldValues>(\n  props: FormDatePickerProps<Data>\n) => {\n  const { form, name, label, onDateChange, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <DatePicker\n            { ...field }\n            { ...rest }\n            selectedDate={field.value}\n            onDateChange={(date: Date | undefined) => {\n              field.onChange(date);\n              onDateChange?.(date);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDatePicker","props","form","name","label","onDateChange","rest","jsx","FormRenderControl","field","FormControl","DatePicker","date"],"mappings":";;;;AAQO,MAAMA,IAAiB,CAC5BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,cAAAC,GAAc,GAAGC,MAASL;AACrD,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,GAAGF;AAAA,UACH,GAAGH;AAAA,UACL,cAAcG,EAAM;AAAA,UACpB,cAAc,CAACG,MAA2B;AACxC,YAAAH,EAAM,SAASG,CAAI,GACnBP,IAAeO,CAAI;AAAA,UACrB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormDatePicker.js","sources":["../../src/FormDatePicker/FormDatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker } from '../DatePicker';\nimport { FormControl, FormRenderControl } from '../Form';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDatePickerProps } from './FormDatePicker.types';\n\n// TODO: add description\nexport const FormDatePicker = <Data extends FieldValues>(\n  props: FormDatePickerProps<Data>\n) => {\n  const { form, name, tooltip, tooltipProps, label, onDateChange, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      tooltip={tooltip}\n      tooltipProps={tooltipProps}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <DatePicker\n            { ...field }\n            { ...rest }\n            selectedDate={field.value}\n            onDateChange={(date: Date | undefined) => {\n              field.onChange(date);\n              onDateChange?.(date);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDatePicker","props","form","name","tooltip","tooltipProps","label","onDateChange","rest","jsx","FormRenderControl","field","FormControl","DatePicker","date"],"mappings":";;;;AAQO,MAAMA,IAAiB,CAC5BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,OAAAC,GAAO,cAAAC,GAAc,GAAGC,EAAA,IAASP;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAR;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,GAAGF;AAAA,UACH,GAAGH;AAAA,UACL,cAAcG,EAAM;AAAA,UACpB,cAAc,CAACG,MAA2B;AACxC,YAAAH,EAAM,SAASG,CAAI,GACnBP,IAAeO,CAAI;AAAA,UACrB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormDropzone/FormDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDropzone.d.ts","sourceRoot":"","sources":["../../src/FormDropzone/FormDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,WAAW,EACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,4CAgB/B,CAAC"}
+{"version":3,"file":"FormDropzone.d.ts","sourceRoot":"","sources":["../../src/FormDropzone/FormDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,WAAW,EACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,4CAkB/B,CAAC"}

package/FormDropzone/FormDropzone.js

@@ -1,20 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
 import { FormControl as a } from "../Form/Form.js";
-import { FormRenderControl as l } from "../Form/FormRenderControl.js";
+import { FormRenderControl as s } from "../Form/FormRenderControl.js";
 import { Dropzone as f } from "../Dropzone/Dropzone.js";
-const h = (n) => {
-  const { form: e, label: m, name: t, ...p } = n;
+const d = (n) => {
+  const { form: t, label: e, tooltip: m, tooltipProps: p, name: l, ...i } = n;
   return /* @__PURE__ */ o(
-    l,
+    s,
     {
-      form: e,
-      label: m,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+      form: t,
+      label: e,
+      tooltip: m,
+      tooltipProps: p,
+      name: l,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...i, ...r, onChangeValue: r.onChange }) })
     }
   );
 };
 export {
-  h as FormDropzone
+  d as FormDropzone
 };
 //# sourceMappingURL=FormDropzone.js.map

package/FormDropzone/FormDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDropzone.js","sources":["../../src/FormDropzone/FormDropzone.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Dropzone } from '../Dropzone';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDropzoneProps } from './FormDropzone.types';\n\nexport const FormDropzone = <Data extends FieldValues>(\n  props: FormDropzoneProps<Data>\n) => {\n  const { form, label, name, ...rest } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Dropzone {...rest} {...field} onChangeValue={field.onChange} />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDropzone","props","form","label","name","rest","jsx","FormRenderControl","field","FormControl","Dropzone"],"mappings":";;;;AAKO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAASJ;AAEvC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAU,GAAGL,GAAO,GAAGG,GAAO,eAAeA,EAAM,UAAU,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormDropzone.js","sources":["../../src/FormDropzone/FormDropzone.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Dropzone } from '../Dropzone';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDropzoneProps } from './FormDropzone.types';\n\nexport const FormDropzone = <Data extends FieldValues>(\n  props: FormDropzoneProps<Data>\n) => {\n  const { form, label, tooltip, tooltipProps, name, ...rest } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      tooltip={tooltip}\n      tooltipProps={tooltipProps}\n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Dropzone {...rest} {...field} onChangeValue={field.onChange} />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDropzone","props","form","label","tooltip","tooltipProps","name","rest","jsx","FormRenderControl","field","FormControl","Dropzone"],"mappings":";;;;AAKO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,MAAAC,GAAM,GAAGC,MAASN;AAE9D,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAU,GAAGL,GAAO,GAAGG,GAAO,eAAeA,EAAM,UAAU,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormInput/FormInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../src/FormInput/FormInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAc,YAAY,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AAuGjE,eAAO,MAAM,SAAS,EAAiC,CAAC,IAAI,SAAS,WAAW,EAC9E,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC1D,YAAY,CAAC"}
+{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../src/FormInput/FormInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAc,YAAY,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AA2IjE,eAAO,MAAM,SAAS,EAAiC,CAAC,IAAI,SAAS,WAAW,EAC9E,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC1D,YAAY,CAAC"}

package/FormInput/FormInput.js

@@ -1,49 +1,68 @@
-import { jsx as a } from "react/jsx-runtime";
-import { FormControl as D } from "../Form/Form.js";
-import { FormRenderControl as F } from "../Form/FormRenderControl.js";
-import { Input as I } from "../Input/Input.js";
-import { forwardRef as P } from "react";
-function y(c, e) {
-  const { form: u, label: m, name: l, onChange: p, onBlur: i, onPaste: f, style: h, onPastePrepare: s, ...v } = c;
-  return /* @__PURE__ */ a(
-    F,
+import { jsx as m } from "react/jsx-runtime";
+import { FormControl as R } from "../Form/Form.js";
+import { FormRenderControl as T } from "../Form/FormRenderControl.js";
+import { Input as S } from "../Input/Input.js";
+import { forwardRef as V } from "react";
+function j(D, o) {
+  const { form: a, tooltip: x, tooltipProps: P, label: b, name: s, maxLength: u, onChange: y, onBlur: C, onPaste: q, style: F, onPastePrepare: p, ...I } = D;
+  return /* @__PURE__ */ m(
+    T,
     {
-      form: u,
-      name: l,
-      label: m,
-      render: ({ field: n }) => /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(
-        I,
+      form: a,
+      name: s,
+      tooltip: x,
+      tooltipProps: P,
+      label: b,
+      render: ({ field: n }) => /* @__PURE__ */ m(R, { children: /* @__PURE__ */ m(
+        S,
         {
           ...n,
-          ...v,
+          ...I,
+          maxLength: u,
           ref: (t) => {
-            n.ref(t), typeof e == "function" ? e(t) : e && (e.current = t);
+            n.ref(t), typeof o == "function" ? o(t) : o && (o.current = t);
           },
-          style: h,
+          style: F,
           value: n.value || "",
           onChange: (...t) => {
-            n.onChange?.(...t), p?.(...t);
+            n.onChange?.(...t), y?.(...t);
           },
           onPaste: (t) => {
-            const g = t.clipboardData.getData("text"), o = t.currentTarget, d = o.selectionStart ?? o.value.length, C = o.selectionEnd ?? o.value.length;
-            let r = o.value.slice(0, d) + g + o.value.slice(C);
-            s && (r = s(r, t));
-            const x = r;
-            t.preventDefault(), u.setValue(l, x, {
+            const h = t.clipboardData.getData("text"), e = t.currentTarget, f = e.selectionStart ?? e.value.length, g = e.selectionEnd ?? e.value.length, r = e.value;
+            let i = r.slice(0, f) + h + r.slice(g);
+            if (p && (i = p(i, t)), typeof u != "number") {
+              t.preventDefault(), a.setValue(s, i, {
+                shouldDirty: !0,
+                shouldTouch: !0
+              });
+              return;
+            }
+            const l = r.slice(0, f), d = r.slice(g), v = u - (l.length + d.length);
+            if (v <= 0) {
+              t.preventDefault();
+              return;
+            }
+            const c = h.slice(0, v), B = l + c + d;
+            t.preventDefault(), a.setValue(s, B, {
               shouldDirty: !0,
               shouldTouch: !0
-            }), f?.(t);
+            }), requestAnimationFrame(() => {
+              e.setSelectionRange(
+                l.length + c.length,
+                l.length + c.length
+              );
+            });
           },
           onBlur: (...t) => {
-            n.onBlur?.(), i?.(...t);
+            n.onBlur?.(), C?.(...t);
           }
         }
       ) })
     }
   );
 }
-const w = P(y);
+const k = V(j);
 export {
-  w as FormInput
+  k as FormInput
 };
 //# sourceMappingURL=FormInput.js.map

package/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../src/FormInput/FormInput.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Input } from '../Input';\nimport { FormInputProps } from './FormInput.types';\nimport { FieldValues, Path, PathValue } from 'react-hook-form';\nimport { forwardRef, ReactElement, Ref, RefObject } from 'react';\n\n// TODO: add description\n// export const FormInput = <Data extends FieldValues>(\n//   props: FormInputProps<Data> & { inputRef?: Ref<HTMLInputElement> }\n// ) => {\n//   const { inputRef, form, label, name, onChange, onBlur, style, ...rest } =\n//     props;\n//   return (\n//     <FormRenderControl\n//       form={form}\n//       name={name}\n//       label={label}\n//       render={({ field }) => (\n//         <FormControl>\n//           <Input\n//             {...field}\n//             {...rest}\n//             ref={(el) => {\n//               field.ref(el);\n//               if (typeof inputRef === 'function') {\n//                 inputRef(el);\n//               } else if (inputRef) {\n//                 (inputRef as RefObject<HTMLInputElement | null>).current = el;\n//               }\n//             }}\n//             style={style}\n//             value={field.value || ''}\n//             onChange={(...rest) => {\n//               field.onChange?.(...rest);\n//               onChange?.(...rest);\n//             }}\n//             onBlur={(...rest) => {\n//               field.onBlur?.();\n//               onBlur?.(...rest);\n//             }}\n//           />\n//         </FormControl>\n//       )}\n//     />\n//   );\n// };\n\nfunction FormInputInner<Data extends FieldValues>(\n  props: FormInputProps<Data>,\n  ref: Ref<HTMLInputElement>\n) {\n  const { form, label, name, onChange, onBlur, onPaste, style, onPastePrepare, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <Input\n            {...field}\n            {...rest}\n            ref={(el) => {\n              field.ref(el);\n              if (typeof ref === 'function') {\n                ref(el);\n              } else if (ref) {\n                (ref as RefObject<HTMLInputElement | null>).current = el;\n              }\n            }}\n            style={style}\n            value={field.value || ''}\n            onChange={(...rest) => {\n              field.onChange?.(...rest);\n              onChange?.(...rest);\n            }}\n            onPaste={(e) => {\n              const pasted = e.clipboardData.getData('text');\n              const t = e.currentTarget;\n\n              const start = t.selectionStart ?? t.value.length;\n              const end = t.selectionEnd ?? t.value.length;\n\n              let next = t.value.slice(0, start) + pasted + t.value.slice(end);\n              if(onPastePrepare) next = onPastePrepare(next, e);\n              const value = next as unknown as PathValue<Data, Path<Data>>;\n\n              e.preventDefault();\n\n              form.setValue(name, value, {\n                shouldDirty: true,\n                shouldTouch: true,\n              });\n\n              onPaste?.(e);\n            }}\n            onBlur={(...rest) => {\n              field.onBlur?.();\n              onBlur?.(...rest);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n}\n\nexport const FormInput = forwardRef(FormInputInner) as <Data extends FieldValues>(\n  props: FormInputProps<Data> & { ref?: Ref<HTMLInputElement> }\n) => ReactElement;\n"],"names":["FormInputInner","props","ref","form","label","name","onChange","onBlur","onPaste","style","onPastePrepare","rest","jsx","FormRenderControl","field","FormControl","Input","el","e","pasted","t","start","end","next","value","FormInput","forwardRef"],"mappings":";;;;;AA+CA,SAASA,EACPC,GACAC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,gBAAAC,GAAgB,GAAGC,EAAA,IAASV;AACzF,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACH,GAAGH;AAAA,UACJ,KAAK,CAACM,MAAO;AACX,YAAAH,EAAM,IAAIG,CAAE,GACR,OAAOf,KAAQ,aACjBA,EAAIe,CAAE,IACGf,MACRA,EAA2C,UAAUe;AAAA,UAE1D;AAAA,UACA,OAAAR;AAAA,UACA,OAAOK,EAAM,SAAS;AAAA,UACtB,UAAU,IAAIH,MAAS;AACrB,YAAAG,EAAM,WAAW,GAAGH,CAAI,GACxBL,IAAW,GAAGK,CAAI;AAAA,UACpB;AAAA,UACA,SAAS,CAACO,MAAM;AACd,kBAAMC,IAASD,EAAE,cAAc,QAAQ,MAAM,GACvCE,IAAIF,EAAE,eAENG,IAAQD,EAAE,kBAAkBA,EAAE,MAAM,QACpCE,IAAMF,EAAE,gBAAgBA,EAAE,MAAM;AAEtC,gBAAIG,IAAOH,EAAE,MAAM,MAAM,GAAGC,CAAK,IAAIF,IAASC,EAAE,MAAM,MAAME,CAAG;AAC/D,YAAGZ,MAAgBa,IAAOb,EAAea,GAAML,CAAC;AAChD,kBAAMM,IAAQD;AAEd,YAAAL,EAAE,eAAA,GAEFf,EAAK,SAASE,GAAMmB,GAAO;AAAA,cACzB,aAAa;AAAA,cACb,aAAa;AAAA,YAAA,CACd,GAEDhB,IAAUU,CAAC;AAAA,UACb;AAAA,UACA,QAAQ,IAAIP,MAAS;AACnB,YAAAG,EAAM,SAAA,GACNP,IAAS,GAAGI,CAAI;AAAA,UAClB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEO,MAAMc,IAAYC,EAAW1B,CAAc;"}
+{"version":3,"file":"FormInput.js","sources":["../../src/FormInput/FormInput.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Input } from '../Input';\nimport { FormInputProps } from './FormInput.types';\nimport { FieldValues, Path, PathValue } from 'react-hook-form';\nimport { forwardRef, ReactElement, Ref, RefObject } from 'react';\n\n// TODO: add description\n// export const FormInput = <Data extends FieldValues>(\n//   props: FormInputProps<Data> & { inputRef?: Ref<HTMLInputElement> }\n// ) => {\n//   const { inputRef, form, label, name, onChange, onBlur, style, ...rest } =\n//     props;\n//   return (\n//     <FormRenderControl\n//       form={form}\n//       name={name}\n//       label={label}\n//       render={({ field }) => (\n//         <FormControl>\n//           <Input\n//             {...field}\n//             {...rest}\n//             ref={(el) => {\n//               field.ref(el);\n//               if (typeof inputRef === 'function') {\n//                 inputRef(el);\n//               } else if (inputRef) {\n//                 (inputRef as RefObject<HTMLInputElement | null>).current = el;\n//               }\n//             }}\n//             style={style}\n//             value={field.value || ''}\n//             onChange={(...rest) => {\n//               field.onChange?.(...rest);\n//               onChange?.(...rest);\n//             }}\n//             onBlur={(...rest) => {\n//               field.onBlur?.();\n//               onBlur?.(...rest);\n//             }}\n//           />\n//         </FormControl>\n//       )}\n//     />\n//   );\n// };\n\nfunction FormInputInner<Data extends FieldValues>(\n  props: FormInputProps<Data>,\n  ref: Ref<HTMLInputElement>\n) {\n  const { form, tooltip, tooltipProps, label, name, maxLength, onChange, onBlur, onPaste, style, onPastePrepare, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      tooltip={tooltip}\n      tooltipProps={tooltipProps}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <Input\n            {...field}\n            {...rest}\n            maxLength={maxLength}\n            ref={(el) => {\n              field.ref(el);\n              if (typeof ref === 'function') {\n                ref(el);\n              } else if (ref) {\n                (ref as RefObject<HTMLInputElement | null>).current = el;\n              }\n            }}\n            style={style}\n            value={field.value || ''}\n            onChange={(...rest) => {\n              field.onChange?.(...rest);\n              onChange?.(...rest);\n            }}\n            onPaste={(e) => {\n              const pasted = e.clipboardData.getData('text');\n              const input = e.currentTarget;\n\n              const start = input.selectionStart ?? input.value.length;\n              const end = input.selectionEnd ?? input.value.length;\n\n              const current = input.value;\n\n              let next = current.slice(0, start) + pasted + current.slice(end);\n\n              if (onPastePrepare) {\n                next = onPastePrepare(next, e);\n              }\n\n              if (typeof maxLength !== 'number') {\n                e.preventDefault();\n\n                form.setValue(name, next as PathValue<Data, Path<Data>>, {\n                  shouldDirty: true,\n                  shouldTouch: true,\n                });\n\n                return;\n              }\n\n              const before = current.slice(0, start);\n              const after = current.slice(end);\n\n              const available = maxLength - (before.length + after.length);\n\n              if (available <= 0) {\n                e.preventDefault();\n                return;\n              }\n\n              const limitedPaste = pasted.slice(0, available);\n              const limitedNext = before + limitedPaste + after;\n\n              e.preventDefault();\n\n              form.setValue(name, limitedNext as PathValue<Data, Path<Data>>, {\n                shouldDirty: true,\n                shouldTouch: true,\n              });\n\n              requestAnimationFrame(() => {\n                input.setSelectionRange(\n                  before.length + limitedPaste.length,\n                  before.length + limitedPaste.length\n                );\n              });\n            }}\n            onBlur={(...rest) => {\n              field.onBlur?.();\n              onBlur?.(...rest);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n}\n\nexport const FormInput = forwardRef(FormInputInner) as <Data extends FieldValues>(\n  props: FormInputProps<Data> & { ref?: Ref<HTMLInputElement> }\n) => ReactElement;\n"],"names":["FormInputInner","props","ref","form","tooltip","tooltipProps","label","name","maxLength","onChange","onBlur","onPaste","style","onPastePrepare","rest","jsx","FormRenderControl","field","FormControl","Input","el","e","pasted","input","start","end","current","next","before","after","available","limitedPaste","limitedNext","FormInput","forwardRef"],"mappings":";;;;;AA+CA,SAASA,EACPC,GACAC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,gBAAAC,GAAgB,GAAGC,MAASb;AAC3H,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAI;AAAA,MACA,SAAAH;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACH,GAAGH;AAAA,UACJ,WAAAN;AAAA,UACA,KAAK,CAACY,MAAO;AACX,YAAAH,EAAM,IAAIG,CAAE,GACR,OAAOlB,KAAQ,aACjBA,EAAIkB,CAAE,IACGlB,MACRA,EAA2C,UAAUkB;AAAA,UAE1D;AAAA,UACA,OAAAR;AAAA,UACA,OAAOK,EAAM,SAAS;AAAA,UACtB,UAAU,IAAIH,MAAS;AACrB,YAAAG,EAAM,WAAW,GAAGH,CAAI,GACxBL,IAAW,GAAGK,CAAI;AAAA,UACpB;AAAA,UACA,SAAS,CAACO,MAAM;AACd,kBAAMC,IAASD,EAAE,cAAc,QAAQ,MAAM,GACvCE,IAAQF,EAAE,eAEVG,IAAQD,EAAM,kBAAkBA,EAAM,MAAM,QAC5CE,IAAMF,EAAM,gBAAgBA,EAAM,MAAM,QAExCG,IAAUH,EAAM;AAEtB,gBAAII,IAAOD,EAAQ,MAAM,GAAGF,CAAK,IAAIF,IAASI,EAAQ,MAAMD,CAAG;AAM/D,gBAJIZ,MACFc,IAAOd,EAAec,GAAMN,CAAC,IAG3B,OAAOb,KAAc,UAAU;AACjC,cAAAa,EAAE,eAAA,GAEFlB,EAAK,SAASI,GAAMoB,GAAqC;AAAA,gBACvD,aAAa;AAAA,gBACb,aAAa;AAAA,cAAA,CACd;AAED;AAAA,YACF;AAEA,kBAAMC,IAASF,EAAQ,MAAM,GAAGF,CAAK,GAC/BK,IAAQH,EAAQ,MAAMD,CAAG,GAEzBK,IAAYtB,KAAaoB,EAAO,SAASC,EAAM;AAErD,gBAAIC,KAAa,GAAG;AAClB,cAAAT,EAAE,eAAA;AACF;AAAA,YACF;AAEA,kBAAMU,IAAeT,EAAO,MAAM,GAAGQ,CAAS,GACxCE,IAAcJ,IAASG,IAAeF;AAE5C,YAAAR,EAAE,eAAA,GAEFlB,EAAK,SAASI,GAAMyB,GAA4C;AAAA,cAC9D,aAAa;AAAA,cACb,aAAa;AAAA,YAAA,CACd,GAED,sBAAsB,MAAM;AAC1B,cAAAT,EAAM;AAAA,gBACJK,EAAO,SAASG,EAAa;AAAA,gBAC7BH,EAAO,SAASG,EAAa;AAAA,cAAA;AAAA,YAEjC,CAAC;AAAA,UACH;AAAA,UACA,QAAQ,IAAIjB,MAAS;AACnB,YAAAG,EAAM,SAAA,GACNP,IAAS,GAAGI,CAAI;AAAA,UAClB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEO,MAAMmB,IAAYC,EAAWlC,CAAc;"}

package/FormInput/FormInput.stories.js

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useForm as l, FormProvider as s } from "react-hook-form";
+import { FormInput as t } from "./FormInput.js";
+function m({ initialValue: o = "", ...c }) {
+  const a = l({
+    defaultValues: {
+      name: o
+    }
+  }), r = a.watch("name");
+  return /* @__PURE__ */ e(s, { ...a, children: /* @__PURE__ */ n("div", { className: "max-w-sm space-y-3", children: [
+    /* @__PURE__ */ e(
+      t,
+      {
+        form: a,
+        name: "name"
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
+      "value: ",
+      /* @__PURE__ */ e("span", { className: "font-mono", children: r })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
+      "length: ",
+      /* @__PURE__ */ e("span", { className: "font-mono", children: r?.length ?? 0 })
+    ] })
+  ] }) });
+}
+const p = {
+  title: "FormInput",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  args: {
+    label: "Input label",
+    placeholder: "Type something...",
+    disabled: !1
+  },
+  argTypes: {
+    form: { control: !1 },
+    name: { control: !1 },
+    onChange: { control: !1 },
+    onBlur: { control: !1 },
+    onPaste: { control: !1 },
+    onPastePrepare: { control: !1 }
+  },
+  decorators: [
+    (o) => /* @__PURE__ */ e("div", { className: "p-6 w-[420px]", children: /* @__PURE__ */ e(o, {}) })
+  ]
+}, u = {
+  render: (o) => /* @__PURE__ */ e(m, { ...o })
+};
+export {
+  u as Default,
+  p as default
+};
+//# sourceMappingURL=FormInput.stories.js.map

package/FormInput/FormInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.stories.js","sources":["../../src/FormInput/FormInput.stories.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react';\nimport { FormProvider, useForm } from 'react-hook-form';\n\nimport { FormInput } from './FormInput';\n\ntype FormValues = {\n  name: string;\n};\n\ntype ControlledProps = Omit<\n  React.ComponentProps<typeof FormInput<FormValues>>,\n  'form' | 'name'\n> & {\n  initialValue?: string;\n};\n\nfunction ControlledFormInput({ initialValue = '', ...args }: ControlledProps) {\n  const form = useForm<FormValues>({\n    defaultValues: {\n      name: initialValue,\n    },\n  });\n\n  const value = form.watch('name');\n\n  return (\n    <FormProvider {...form}>\n      <div className=\"max-w-sm space-y-3\">\n        <FormInput<FormValues>\n          form={form}\n          name=\"name\"\n        />\n\n        <div className=\"text-xs text-muted-foreground\">\n          value: <span className=\"font-mono\">{value}</span>\n        </div>\n\n        <div className=\"text-xs text-muted-foreground\">\n          length: <span className=\"font-mono\">\n            {value?.length ?? 0}\n          </span>\n        </div>\n      </div>\n    </FormProvider>\n  );\n}\n\nconst meta = {\n  title: 'FormInput',\n  component: FormInput,\n  parameters: {\n    layout: 'centered',\n  },\n  args: {\n    label: 'Input label',\n    placeholder: 'Type something...',\n    disabled: false,\n  },\n  argTypes: {\n    form: { control: false },\n    name: { control: false },\n    onChange: { control: false },\n    onBlur: { control: false },\n    onPaste: { control: false },\n    onPastePrepare: { control: false },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"p-6 w-[420px]\">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof FormInput>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: (args) => <ControlledFormInput {...args} />,\n};"],"names":["ControlledFormInput","initialValue","args","form","useForm","value","FormProvider","jsxs","jsx","FormInput","meta","Story","Default"],"mappings":";;;AAiBA,SAASA,EAAoB,EAAE,cAAAC,IAAe,IAAI,GAAGC,KAAyB;AAC5E,QAAMC,IAAOC,EAAoB;AAAA,IAC/B,eAAe;AAAA,MACb,MAAMH;AAAA,IAAA;AAAA,EACR,CACD,GAEKI,IAAQF,EAAK,MAAM,MAAM;AAE/B,2BACGG,GAAA,EAAc,GAAGH,GAChB,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAN;AAAA,QACA,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGP,gBAAAI,EAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA;AAAA,MAAA;AAAA,MACtC,gBAAAC,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAH,EAAA,CAAM;AAAA,IAAA,GAC5C;AAAA,IAEA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA;AAAA,MAAA;AAAA,wBACpC,QAAA,EAAK,WAAU,aACrB,UAAAF,GAAO,UAAU,EAAA,CACpB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAMK,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWD;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM,EAAE,SAAS,GAAA;AAAA,IACjB,MAAM,EAAE,SAAS,GAAA;AAAA,IACjB,UAAU,EAAE,SAAS,GAAA;AAAA,IACrB,QAAQ,EAAE,SAAS,GAAA;AAAA,IACnB,SAAS,EAAE,SAAS,GAAA;AAAA,IACpB,gBAAgB,EAAE,SAAS,GAAA;AAAA,EAAM;AAAA,EAEnC,YAAY;AAAA,IACV,CAACE,MACC,gBAAAH,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAA,EAACG,KAAM,EAAA,CACT;AAAA,EAAA;AAGN,GAMaC,IAAiB;AAAA,EAC5B,QAAQ,CAACV,MAAS,gBAAAM,EAACR,GAAA,EAAqB,GAAGE,EAAA,CAAM;AACnD;"}

package/FormSelect/FormSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../src/FormSelect/FormSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,WAAW,EAAE,gBAAgB,EACnE,OAAO,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,4CA0C/C,CAAC"}
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../src/FormSelect/FormSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,WAAW,EAAE,gBAAgB,EACnE,OAAO,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,4CA8C/C,CAAC"}

package/FormSelect/FormSelect.js

@@ -1,47 +1,51 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as d } from "../Form/Form.js";
-import { FormRenderControl as f } from "../Form/FormRenderControl.js";
+import { FormControl as u } from "../Form/Form.js";
+import { FormRenderControl as x } from "../Form/FormRenderControl.js";
 import "@radix-ui/react-select";
 import "lucide-react";
 import "@oneplatformdev/utils";
-import { Select as u } from "../Select/Select.js";
-const j = (m) => {
+import { Select as F } from "../Select/Select.js";
+const V = (m) => {
   const {
     value: i = void 0,
     form: p,
     label: a,
-    name: g,
+    tooltip: l,
+    tooltipProps: g,
+    name: s,
     options: c = [],
-    onChange: l,
-    containerProps: s,
-    renderTrigger: h,
+    onChange: h,
+    containerProps: C,
+    renderTrigger: d,
     onChangePrepare: n,
-    ...C
+    ...f
   } = m;
   return /* @__PURE__ */ e(
-    f,
+    x,
     {
       form: p,
-      name: g,
+      name: s,
+      tooltip: l,
+      tooltipProps: g,
       label: a,
-      containerProps: s,
+      containerProps: C,
       render: ({ field: t }) => /* @__PURE__ */ e(
-        u,
+        F,
         {
           value: t.value ?? (i || ""),
           options: c,
           onChange: (r) => {
             const o = n ? n(r) : r;
-            t.onChange(o), l?.(r, o);
+            t.onChange(o), h?.(r, o);
           },
-          renderTrigger: (r, o) => /* @__PURE__ */ e(d, { children: h?.(r, o) || o }),
-          ...C
+          renderTrigger: (r, o) => /* @__PURE__ */ e(u, { children: d?.(r, o) || o }),
+          ...f
         }
       )
     }
   );
 };
 export {
-  j as FormSelect
+  V as FormSelect
 };
 //# sourceMappingURL=FormSelect.js.map

package/FormSelect/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.js","sources":["../../src/FormSelect/FormSelect.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Select } from '../Select';\nimport { FormSelectProps } from './FormSelect.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormSelect = <Data extends FieldValues, ExtendOptionData>(\n  props: FormSelectProps<Data, ExtendOptionData>\n) => {\n  const {\n    value = undefined,\n    form,\n    label,\n    name,\n    options = [],\n    onChange,\n    containerProps,\n    renderTrigger,\n    onChangePrepare,\n    ...rest\n  } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      containerProps={containerProps}\n      render={({ field }) => (\n        <Select<ExtendOptionData>\n          value={field.value ?? (value || '')}\n          options={options}\n          onChange={(value) => {\n            const nextValue = onChangePrepare ? onChangePrepare(value) : value;\n            field.onChange(nextValue);\n            onChange?.(value, nextValue);\n          }}\n          renderTrigger={(p, defaultComponent) => {\n            return (\n              <FormControl>\n                {renderTrigger?.(p, defaultComponent) || defaultComponent}\n              </FormControl>\n            )\n          }}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n"],"names":["FormSelect","props","value","form","label","name","options","onChange","containerProps","renderTrigger","onChangePrepare","rest","jsx","FormRenderControl","field","Select","nextValue","p","defaultComponent","FormControl"],"mappings":";;;;;;;AAMO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV;AAEJ,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAI;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,MACT,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOD,EAAM,UAAUZ,KAAS;AAAA,UAChC,SAAAI;AAAA,UACA,UAAU,CAACJ,MAAU;AACnB,kBAAMc,IAAYN,IAAkBA,EAAgBR,CAAK,IAAIA;AAC7D,YAAAY,EAAM,SAASE,CAAS,GACxBT,IAAWL,GAAOc,CAAS;AAAA,UAC7B;AAAA,UACA,eAAe,CAACC,GAAGC,wBAEdC,GAAA,EACE,UAAAV,IAAgBQ,GAAGC,CAAgB,KAAKA,GAC3C;AAAA,UAGH,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormSelect.js","sources":["../../src/FormSelect/FormSelect.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Select } from '../Select';\nimport { FormSelectProps } from './FormSelect.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormSelect = <Data extends FieldValues, ExtendOptionData>(\n  props: FormSelectProps<Data, ExtendOptionData>\n) => {\n  const {\n    value = undefined,\n    form,\n    label,\n    tooltip,\n    tooltipProps,\n    name,\n    options = [],\n    onChange,\n    containerProps,\n    renderTrigger,\n    onChangePrepare,\n    ...rest\n  } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      tooltip={tooltip}\n      tooltipProps={tooltipProps}\n      label={label}\n      containerProps={containerProps}\n      render={({ field }) => (\n        <Select<ExtendOptionData>\n          value={field.value ?? (value || '')}\n          options={options}\n          onChange={(value) => {\n            const nextValue = onChangePrepare ? onChangePrepare(value) : value;\n            field.onChange(nextValue);\n            onChange?.(value, nextValue);\n          }}\n          renderTrigger={(p, defaultComponent) => {\n            return (\n              <FormControl>\n                {renderTrigger?.(p, defaultComponent) || defaultComponent}\n              </FormControl>\n            )\n          }}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n"],"names":["FormSelect","props","value","form","label","tooltip","tooltipProps","name","options","onChange","containerProps","renderTrigger","onChangePrepare","rest","jsx","FormRenderControl","field","Select","nextValue","p","defaultComponent","FormControl"],"mappings":";;;;;;;AAMO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ;AAEJ,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,MAAAI;AAAA,MACA,SAAAF;AAAA,MACA,cAAAC;AAAA,MACA,OAAAF;AAAA,MACA,gBAAAM;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,MACT,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOD,EAAM,UAAUd,KAAS;AAAA,UAChC,SAAAM;AAAA,UACA,UAAU,CAACN,MAAU;AACnB,kBAAMgB,IAAYN,IAAkBA,EAAgBV,CAAK,IAAIA;AAC7D,YAAAc,EAAM,SAASE,CAAS,GACxBT,IAAWP,GAAOgB,CAAS;AAAA,UAC7B;AAAA,UACA,eAAe,CAACC,GAAGC,wBAEdC,GAAA,EACE,UAAAV,IAAgBQ,GAAGC,CAAgB,KAAKA,GAC3C;AAAA,UAGH,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;"}

package/FormTextarea/FormTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextarea.d.ts","sourceRoot":"","sources":["../../src/FormTextarea/FormTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,WAAW,EACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,4CAoB/B,CAAC"}
+{"version":3,"file":"FormTextarea.d.ts","sourceRoot":"","sources":["../../src/FormTextarea/FormTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,WAAW,EACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,4CAsB/B,CAAC"}

package/FormTextarea/FormTextarea.js

@@ -1,28 +1,30 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as i } from "../Form/FormRenderControl.js";
-import { Textarea as s } from "../Textarea/Textarea.js";
-const F = (e) => {
-  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
+import { FormControl as s } from "../Form/Form.js";
+import { FormRenderControl as c } from "../Form/FormRenderControl.js";
+import { Textarea as f } from "../Textarea/Textarea.js";
+const v = (t) => {
+  const { form: e, label: m, tooltip: n, tooltipProps: a, name: p, containerProps: l, ...i } = t;
   return /* @__PURE__ */ r(
-    i,
+    c,
     {
-      form: t,
-      name: n,
+      form: e,
+      tooltip: n,
+      tooltipProps: a,
+      name: p,
       label: m,
-      containerProps: a,
-      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-        s,
+      containerProps: l,
+      render: ({ field: o }) => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
+        f,
         {
           ...o,
           value: o.value || "",
-          ...l
+          ...i
         }
       ) })
     }
   );
 };
 export {
-  F as FormTextarea
+  v as FormTextarea
 };
 //# sourceMappingURL=FormTextarea.js.map

package/FormTextarea/FormTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextarea.js","sources":["../../src/FormTextarea/FormTextarea.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { FormTextareaProps } from './FormTextarea.types';\nimport { FieldValues } from 'react-hook-form';\nimport { Textarea } from '../Textarea';\n\n// TODO: add description\nexport const FormTextarea = <Data extends FieldValues>(\n  props: FormTextareaProps<Data>\n) => {\nconst { form, label, name, containerProps, ...rest } = props;\n    return (\n        <FormRenderControl\n            form={form}\n            name={name}\n            label={label}\n            containerProps={containerProps}\n            render={({ field }) => (\n              <FormControl>\n                <Textarea\n                  {...field}\n                  value={field.value || ''}\n                  {...rest}\n                />\n              </FormControl>\n            )}\n        />\n    )\n};\n"],"names":["FormTextarea","props","form","label","name","containerProps","rest","jsx","FormRenderControl","field","FormControl","Textarea"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACL,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,MAASL;AACnD,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,OAAOA,EAAM,SAAS;AAAA,UACrB,GAAGH;AAAA,QAAA;AAAA,MAAA,EACN,CACF;AAAA,IAAA;AAAA,EAAA;AAId;"}
+{"version":3,"file":"FormTextarea.js","sources":["../../src/FormTextarea/FormTextarea.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { FormTextareaProps } from './FormTextarea.types';\nimport { FieldValues } from 'react-hook-form';\nimport { Textarea } from '../Textarea';\n\n// TODO: add description\nexport const FormTextarea = <Data extends FieldValues>(\n  props: FormTextareaProps<Data>\n) => {\nconst { form, label, tooltip, tooltipProps, name, containerProps, ...rest } = props;\n    return (\n        <FormRenderControl\n            form={form}\n            tooltip={tooltip}\n            tooltipProps={tooltipProps}\n            name={name}\n            label={label}\n            containerProps={containerProps}\n            render={({ field }) => (\n              <FormControl>\n                <Textarea\n                  {...field}\n                  value={field.value || ''}\n                  {...rest}\n                />\n              </FormControl>\n            )}\n        />\n    )\n};\n"],"names":["FormTextarea","props","form","label","tooltip","tooltipProps","name","containerProps","rest","jsx","FormRenderControl","field","FormControl","Textarea"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACL,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,EAAA,IAASP;AAC1E,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAR;AAAA,MACA,SAAAE;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAH;AAAA,MACA,gBAAAI;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,OAAOA,EAAM,SAAS;AAAA,UACrB,GAAGH;AAAA,QAAA;AAAA,MAAA,EACN,CACF;AAAA,IAAA;AAAA,EAAA;AAId;"}

package/InfoBlock/InfoBlock.d.ts

@@ -0,0 +1,7 @@
+import { InfoBlockProps } from './InfoBlock.types';
+export declare const InfoBlock: {
+    (props: InfoBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default InfoBlock;
+//# sourceMappingURL=InfoBlock.d.ts.map

package/InfoBlock/InfoBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/InfoBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAiBtE,eAAO,MAAM,SAAS;YAAW,cAAc;;CAmB9C,CAAA;AAED,eAAe,SAAS,CAAC"}

package/InfoBlock/InfoBlock.js

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
+import { cn as f } from "@oneplatformdev/utils";
+import { infoBlockVariants as p } from "./infoBlockVariants.js";
+import { isValidElement as d, createElement as h } from "react";
+import { InfoIcon as u, TriangleAlertIcon as w } from "lucide-react";
+const N = (r) => r ? d(r) ? r : h(r) : null, x = {
+  error: /* @__PURE__ */ e(w, { className: "fill-[#DC2626] text-white!" }),
+  info: /* @__PURE__ */ e(u, { className: "fill-[#9368FF] text-white!" })
+}, k = (r) => {
+  const { className: t, variant: n = "error", content: a, icon: o, children: i, node: l, ...s } = r;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ...s,
+      className: f(p({ className: t, variant: n })),
+      children: i ?? /* @__PURE__ */ c(m, { children: [
+        N(o ?? x[n]),
+        l ?? /* @__PURE__ */ e("span", { className: "whitespace-pre-wrap wrap-break-word line-clamp-10", children: a })
+      ] })
+    }
+  );
+};
+k.displayName = "InfoBlock";
+export {
+  k as InfoBlock,
+  k as default
+};
+//# sourceMappingURL=InfoBlock.js.map

package/InfoBlock/InfoBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.js","sources":["../../src/InfoBlock/InfoBlock.tsx"],"sourcesContent":["import { InfoBlockIconType, InfoBlockProps } from \"./InfoBlock.types\";\nimport { cn } from \"@oneplatformdev/utils\";\nimport { infoBlockVariants } from \"./infoBlockVariants\";\nimport { createElement, isValidElement } from \"react\";\nimport { TriangleAlertIcon, InfoIcon } from \"lucide-react\";\n\nconst renderInnerIcon = (Icon?: InfoBlockIconType) => {\n  if (!Icon) return null;\n  if (isValidElement(Icon)) return Icon;\n  return createElement(Icon);\n};\n\nconst iconByVariant: Record<NonNullable<InfoBlockProps['variant']>, InfoBlockIconType> = {\n  error: <TriangleAlertIcon className='fill-[#DC2626] text-white!'/>,\n  info: <InfoIcon className='fill-[#9368FF] text-white!'/>\n}\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n  const { className, variant = 'error', content, icon, children, node, ...rest } = props;\n  return (\n    <div\n      {...rest}\n      className={cn(infoBlockVariants({ className, variant }))}\n    >\n      {children ?? (\n        <>\n          {renderInnerIcon(icon ?? iconByVariant[variant!])}\n          {node ?? (\n            <span className='whitespace-pre-wrap wrap-break-word line-clamp-10'>\n            {content}\n          </span>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\nInfoBlock.displayName = 'InfoBlock';\nexport default InfoBlock;\n\n"],"names":["renderInnerIcon","Icon","isValidElement","createElement","iconByVariant","jsx","TriangleAlertIcon","InfoIcon","InfoBlock","props","className","variant","content","icon","children","node","rest","cn","infoBlockVariants","jsxs","Fragment"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAI,IAAUA,IAC1BE,EAAcF,CAAI,IAFP,MAKdG,IAAmF;AAAA,EACvF,OAAO,gBAAAC,EAACC,GAAA,EAAkB,WAAU,6BAAA,CAA4B;AAAA,EAChE,MAAM,gBAAAD,EAACE,GAAA,EAAS,WAAU,6BAAA,CAA4B;AACxD,GAEaC,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,WAAAC,GAAW,SAAAC,IAAU,SAAS,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,IAASP;AACjF,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGW;AAAA,MACJ,WAAWC,EAAGC,EAAkB,EAAE,WAAAR,GAAW,SAAAC,EAAA,CAAS,CAAC;AAAA,MAEtD,eACC,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,QAAApB,EAAgBa,KAAQT,EAAcO,CAAQ,CAAC;AAAA,QAC/CI,KACC,gBAAAV,EAAC,QAAA,EAAK,WAAU,qDACf,UAAAO,EAAA,CACH;AAAA,MAAA,EAAA,CAEF;AAAA,IAAA;AAAA,EAAA;AAIR;AACAJ,EAAU,cAAc;"}