@oneplatformdev/ui 0.1.99-beta.26 → 0.1.99-beta.260

package/Form/FormRenderControl.js

@@ -1,22 +1,63 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { FormField as d, FormItem as i, FormLabel as F, FormMessage as p } from "./Form.js";
-const b = (e) => {
-  const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
-  return /* @__PURE__ */ r(
-    d,
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { FormField as h, FormItem as d, FormMessage as f, FormLabel as F } from "./Form.js";
+import "@radix-ui/react-tooltip";
+import { cn as l } from "@oneplatformdev/utils";
+import { Tooltip as P } from "../Tooltip/Tooltip.js";
+import { cloneElement as b } from "react";
+const N = (n) => {
+  const { label: t, tooltip: s, tooltipProps: r } = n, o = /* @__PURE__ */ e(F, { children: t });
+  return t ? s ? /* @__PURE__ */ e(
+    P,
     {
-      control: n.control,
-      name: m,
-      render: (c) => /* @__PURE__ */ a(i, { ...l, children: [
-        !!o && /* @__PURE__ */ r(F, { children: o }),
-        t(c),
-        /* @__PURE__ */ r(p, {})
+      message: s,
+      showQuestionMark: !0,
+      questionIconSize: "sm",
+      contentProps: {
+        side: "right",
+        align: "center"
+      },
+      ...r,
+      triggerProps: {
+        ...r?.triggerProps,
+        className: l("cursor-help", r?.triggerProps?.className)
+      },
+      children: b(o, { className: l("cursor-help", o.props.classNames) })
+    }
+  ) : o : null;
+}, L = (n) => {
+  const {
+    form: t,
+    name: s,
+    label: r,
+    tooltip: o,
+    tooltipProps: i,
+    render: m,
+    containerProps: p = {},
+    showErrorMessages: c = !0,
+    ...a
+  } = n;
+  return /* @__PURE__ */ e(
+    h,
+    {
+      control: t.control,
+      name: s,
+      render: (g) => /* @__PURE__ */ u(d, { ...p, children: [
+        /* @__PURE__ */ e(
+          N,
+          {
+            label: r,
+            tooltip: o,
+            tooltipProps: i
+          }
+        ),
+        m(g),
+        c && /* @__PURE__ */ e(f, {})
       ] }),
-      ...s
+      ...a
     }
   );
 };
 export {
-  b as FormRenderControl
+  L as FormRenderControl
 };
 //# sourceMappingURL=FormRenderControl.js.map

package/Form/FormRenderControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderControl.js","sources":["../../src/Form/FormRenderControl.tsx"],"sourcesContent":["import { FormField, FormItem, FormLabel, FormMessage } from './Form';\nimport { FormRenderControlProps } from './FormRenderControl.types';\nimport { FieldValues } from 'react-hook-form';\n\nexport const FormRenderControl = <\n  Data extends FieldValues = FieldValues,\n>(\n  props: FormRenderControlProps<Data>\n) => {\n  const { form, name, label, render, containerProps = {}, ...rest } = props;\n  return (\n    <FormField\n      control={form.control}\n      name={name}\n      render={(params) => (\n        <FormItem {...containerProps}>\n          {Boolean(label) && <FormLabel>{label}</FormLabel>}\n          {render(params)}\n          <FormMessage />\n        </FormItem>\n      )}\n      {...rest}\n    />\n  );\n};\n"],"names":["FormRenderControl","props","form","name","label","render","containerProps","rest","jsx","FormField","params","jsxs","FormItem","FormLabel","FormMessage"],"mappings":";;AAIO,MAAMA,IAAoB,CAG/BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,QAAAC,GAAQ,gBAAAC,IAAiB,CAAA,GAAI,GAAGC,EAAA,IAASN;AACpE,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASP,EAAK;AAAA,MACd,MAAAC;AAAA,MACA,QAAQ,CAACO,MACP,gBAAAC,EAACC,GAAA,EAAU,GAAGN,GACX,UAAA;AAAA,QAAA,EAAQF,KAAU,gBAAAI,EAACK,GAAA,EAAW,UAAAT,GAAM;AAAA,QACpCC,EAAOK,CAAM;AAAA,0BACbI,GAAA,CAAA,CAAY;AAAA,MAAA,GACf;AAAA,MAED,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"FormRenderControl.js","sources":["../../src/Form/FormRenderControl.tsx"],"sourcesContent":["import { FieldValues } from \"react-hook-form\";\n\nimport { FormField, FormItem, FormLabel, FormMessage } from \"./Form\";\nimport { FormRenderControlProps } from \"./FormRenderControl.types\";\nimport { Tooltip } from \"../Tooltip\";\nimport { cloneElement } from \"react\";\nimport { cn } from \"@oneplatformdev/utils\";\n\ninterface IFormLabelWithTooltipProps<\n  Data extends FieldValues = FieldValues,\n> extends Pick<FormRenderControlProps<Data>, 'label' | 'tooltip' | 'tooltipProps'> {\n}\n\nconst FormLabelWithTooltip = <\n  Data extends FieldValues = FieldValues,\n>(props: IFormLabelWithTooltipProps<Data>) => {\n  const { label, tooltip, tooltipProps } = props;\n  const cmp = <FormLabel>{label}</FormLabel>;\n  if (!label) return null;\n  if (!tooltip) return cmp;\n  return (\n    <Tooltip\n      message={tooltip}\n      showQuestionMark\n      questionIconSize=\"sm\"\n      contentProps={{\n        side: \"right\",\n        align: \"center\"\n      }}\n      {...tooltipProps}\n      triggerProps={{\n        ...tooltipProps?.triggerProps,\n        className: cn('cursor-help', tooltipProps?.triggerProps?.className),\n      }}\n    >\n      {cloneElement(cmp, { className: cn('cursor-help', cmp.props.classNames) })}\n    </Tooltip>\n  )\n}\n\nexport const FormRenderControl = <\n  Data extends FieldValues = FieldValues,\n>(\n  props: FormRenderControlProps<Data>\n) => {\n  const {\n    form,\n    name,\n    label,\n    tooltip,\n    tooltipProps,\n    render,\n    containerProps = {},\n    showErrorMessages = true,\n    ...rest\n  } = props;\n  return (\n    <FormField\n      control={form.control}\n      name={name}\n      render={(params) => (\n        <FormItem {...containerProps}>\n          <FormLabelWithTooltip\n            label={label}\n            tooltip={tooltip}\n            tooltipProps={tooltipProps}\n          />\n          {/*{(label || tooltip) && (*/}\n          {/*  <FormLabel className={cn(\"flex items-center gap-1\")}>*/}\n          {/*    {label && <span>{label}</span>}*/}\n          {/*    {tooltip && (*/}\n          {/*      <Tooltip*/}\n          {/*        message={tooltip}*/}\n          {/*        showQuestionMark*/}\n          {/*        questionIconSize=\"xs\"*/}\n          {/*        contentProps={{*/}\n          {/*          side: \"right\",*/}\n          {/*          align: \"center\"*/}\n          {/*        }}*/}\n          {/*        {...props.tooltipProps}*/}\n          {/*      />*/}\n          {/*    )}*/}\n          {/*  </FormLabel>*/}\n          {/*)}*/}\n          {render(params)}\n          {showErrorMessages && <FormMessage/>}\n        </FormItem>\n      )}\n      {...rest}\n    />\n  );\n};\n"],"names":["FormLabelWithTooltip","props","label","tooltip","tooltipProps","cmp","jsx","FormLabel","Tooltip","cn","cloneElement","FormRenderControl","form","name","render","containerProps","showErrorMessages","rest","FormField","params","jsxs","FormItem","FormMessage"],"mappings":";;;;;;AAaA,MAAMA,IAAuB,CAE3BC,MAA4C;AAC5C,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,cAAAC,EAAA,IAAiBH,GACnCI,IAAM,gBAAAC,EAACC,GAAA,EAAW,UAAAL,EAAA,CAAM;AAC9B,SAAKA,IACAC,IAEH,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,kBAAgB;AAAA,MAChB,kBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAER,GAAGC;AAAA,MACJ,cAAc;AAAA,QACZ,GAAGA,GAAc;AAAA,QACjB,WAAWK,EAAG,eAAeL,GAAc,cAAc,SAAS;AAAA,MAAA;AAAA,MAGnE,UAAAM,EAAaL,GAAK,EAAE,WAAWI,EAAG,eAAeJ,EAAI,MAAM,UAAU,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,IAhBxDA,IADF;AAoBrB,GAEaM,IAAoB,CAG/BV,MACG;AACH,QAAM;AAAA,IACJ,MAAAW;AAAA,IACA,MAAAC;AAAA,IACA,OAAAX;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAU;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDhB;AACJ,SACE,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASN,EAAK;AAAA,MACd,MAAAC;AAAA,MACA,QAAQ,CAACM,MACP,gBAAAC,EAACC,GAAA,EAAU,GAAGN,GACZ,UAAA;AAAA,QAAA,gBAAAT;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAAE;AAAA,YACA,SAAAC;AAAA,YACA,cAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAmBDU,EAAOK,CAAM;AAAA,QACbH,uBAAsBM,GAAA,CAAA,CAAW;AAAA,MAAA,GACpC;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/Form/FormRenderControl.types.d.ts

@@ -1,5 +1,6 @@
-import { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, UseFormReturn, UseFormStateReturn } from 'react-hook-form';
+import { TooltipProps } from '../Tooltip';
 export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, formState, }: {
     field: ControllerRenderProps<Data, FieldPath<Data>>;
     fieldState: ControllerFieldState;
@@ -8,9 +9,12 @@ export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, fo
 export interface FormRenderControlProps<Data extends FieldValues = FieldValues> {
     form: UseFormReturn<Data>;
     name: FieldPath<Data>;
-    label?: string;
+    label?: ReactNode;
+    tooltip?: ReactNode;
+    tooltipProps?: Omit<TooltipProps, "message">;
     render: FormRenderProps<Data>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
+    showErrorMessages?: boolean;
 }
 export type FormRenderControlExtendProps<Data extends FieldValues = FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;
 //# sourceMappingURL=FormRenderControl.types.d.ts.map

package/Form/FormRenderControl.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderControl.types.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,WAAW,IAAI,CAAC,EACvD,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACrC,KAAK,YAAY,CAAC;AAEnB,MAAM,WAAW,sBAAsB,CACrC,IAAI,SAAS,WAAW,GAAG,WAAW;IAEtC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,4BAA4B,CACtC,IAAI,SAAS,WAAW,GAAG,WAAW,IACpC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"FormRenderControl.types.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,WAAW,IAAI,CAAC,EACvD,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACrC,KAAK,YAAY,CAAC;AAEnB,MAAM,WAAW,sBAAsB,CACrC,IAAI,SAAS,WAAW,GAAG,WAAW;IAEtC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,4BAA4B,CACtC,IAAI,SAAS,WAAW,GAAG,WAAW,IACpC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA"}

package/FormCombobox/FormCombobox.d.ts

@@ -1,4 +1,6 @@
-import { FormComboboxProps } from './FormCombobox.types';
+import { FormComboboxMultiProps, FormComboboxSingleProps } from './FormCombobox.types';
 import { FieldValues } from 'react-hook-form';
-export declare const FormCombobox: <Data extends FieldValues>(props: FormComboboxProps<Data>) => import("react/jsx-runtime").JSX.Element;
+import { JSX } from 'react';
+export declare function FormCombobox<Data extends FieldValues, Node extends object = object>(props: FormComboboxSingleProps<Data, Node>): JSX.Element;
+export declare function FormCombobox<Data extends FieldValues, Node extends object = object>(props: FormComboboxMultiProps<Data, Node>): JSX.Element;
 //# sourceMappingURL=FormCombobox.d.ts.map

package/FormCombobox/FormCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCombobox.d.ts","sourceRoot":"","sources":["../../src/FormCombobox/FormCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,WAAW,EACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,4CAmB/B,CAAC"}
+{"version":3,"file":"FormCombobox.d.ts","sourceRoot":"","sources":["../../src/FormCombobox/FormCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,wBAAgB,YAAY,CAC1B,IAAI,SAAS,WAAW,EACxB,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AAC3D,wBAAgB,YAAY,CAC1B,IAAI,SAAS,WAAW,EACxB,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}

package/FormCombobox/FormCombobox.js

@@ -1,26 +1,39 @@
-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;
-  return /* @__PURE__ */ o(
-    p,
+import { jsx as r } from "react/jsx-runtime";
+import { FormControl as s } from "../Form/Form.js";
+import { FormRenderControl as b } from "../Form/FormRenderControl.js";
+import { Combobox as m } from "../Combobox/Combobox.js";
+function x(t) {
+  const { form: i, label: p, tooltip: l, tooltipProps: C, name: a, imperativeRef: n, ...e } = t, g = t.type ?? "single";
+  return /* @__PURE__ */ r(
+    b,
     {
-      form: n,
-      label: e,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      form: i,
+      label: p,
+      tooltip: l,
+      tooltipProps: C,
+      name: a,
+      render: ({ field: o }) => /* @__PURE__ */ r(s, { children: g === "multi" ? /* @__PURE__ */ r(
+        m,
         {
-          ...C,
-          ...r,
-          onChange: r.onChange
+          ...e,
+          ...o,
+          type: "multi",
+          imperativeRef: n,
+          onChange: o.onChange
+        }
+      ) : /* @__PURE__ */ r(
+        m,
+        {
+          ...e,
+          ...o,
+          type: "single",
+          imperativeRef: n,
+          onChange: o.onChange
         }
       ) })
     }
   );
-};
+}
 export {
   x as FormCombobox
 };

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, ComboboxSelectedType } from '../Combobox';\nimport {\n  FormComboboxMultiProps, FormComboboxProps,\n  FormComboboxSingleProps\n} from './FormCombobox.types';\nimport { FieldValues } from 'react-hook-form';\nimport { JSX } from \"react\";\n\ntype RestOmitedType<T> = Omit<T, 'form' | 'label' | 'tooltip' | 'tooltipProps' | 'name'>;\n\ntype RestPropsType<\n  T extends ComboboxSelectedType,\n  Data extends FieldValues,\n  Node extends object = object,\n> = T extends 'single'\n  ? RestOmitedType<FormComboboxSingleProps<Data, Node>>\n  : RestOmitedType<FormComboboxMultiProps<Data, Node>>\n\nexport function FormCombobox<\n  Data extends FieldValues,\n  Node extends object = object\n>(props: FormComboboxSingleProps<Data, Node>): JSX.Element;\nexport function FormCombobox<\n  Data extends FieldValues,\n  Node extends object = object\n>(props: FormComboboxMultiProps<Data, Node>): JSX.Element;\n\nexport function FormCombobox<\n  Data extends object = object,\n  Node extends object = object\n>(\n  props: FormComboboxProps<Data, Node>\n): JSX.Element {\n  const { form, label, tooltip, tooltipProps, name, imperativeRef, ...rest } = props;\n  const type = (props.type ?? 'single') as 'single' | 'multi';\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          {type === 'multi' ? (\n            <Combobox<Node>\n              {...(rest as RestPropsType<'multi', Data, Node>)}\n              {...field}\n              type=\"multi\"\n              imperativeRef={imperativeRef}\n              onChange={field.onChange}\n            />\n          ) : (\n            <Combobox<Node>\n              {...(rest as RestPropsType<'single', Data, Node>)}\n              {...field}\n              type=\"single\"\n              imperativeRef={imperativeRef}\n              onChange={field.onChange}\n            />\n          )}\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormCombobox","props","form","label","tooltip","tooltipProps","name","imperativeRef","rest","type","jsx","FormRenderControl","field","FormControl","Combobox"],"mappings":";;;;AA4BO,SAASA,EAIdC,GACa;AACb,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,MAAAC,GAAM,eAAAC,GAAe,GAAGC,EAAA,IAASP,GACvEQ,IAAQR,EAAM,QAAQ;AAC5B,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,MACT,gBAAAF,EAACG,GAAA,EACE,gBAAS,UACR,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAIN;AAAA,UACJ,GAAGI;AAAA,UACJ,MAAK;AAAA,UACL,eAAAL;AAAA,UACA,UAAUK,EAAM;AAAA,QAAA;AAAA,MAAA,IAGlB,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAIN;AAAA,UACJ,GAAGI;AAAA,UACJ,MAAK;AAAA,UACL,eAAAL;AAAA,UACA,UAAUK,EAAM;AAAA,QAAA;AAAA,MAAA,EAClB,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormCombobox/FormCombobox.types.d.ts

@@ -1,6 +1,10 @@
 import { FieldValues } from 'react-hook-form';
-import { ComboboxProps } from '../Combobox';
+import { ComboboxSelectedType, MultiComboboxProps, SingleComboboxProps } from '../Combobox';
 import { FormRenderControlExtendProps } from '../Form';
-export interface FormComboboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<ComboboxProps, 'value' | 'onChange'> {
+export interface FormComboboxSingleProps<Data extends FieldValues = FieldValues, Node extends object = object> extends FormRenderControlExtendProps<Data>, Omit<SingleComboboxProps<Node>, 'value' | 'onChange'> {
 }
+export interface FormComboboxMultiProps<Data extends FieldValues = FieldValues, Node extends object = object> extends FormRenderControlExtendProps<Data>, Omit<MultiComboboxProps<Node>, 'value' | 'onChange'> {
+}
+export type FormComboboxConditionProps<Data extends object = object, Node extends object = object, T extends ComboboxSelectedType = 'single'> = T extends 'single' ? FormComboboxSingleProps<Data, Node> : FormComboboxMultiProps<Data, Node>;
+export type FormComboboxProps<Data extends FieldValues = FieldValues, Node extends object = object> = FormComboboxSingleProps<Data, Node> | FormComboboxMultiProps<Data, Node>;
 //# sourceMappingURL=FormCombobox.types.d.ts.map

package/FormCombobox/FormCombobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCombobox.types.d.ts","sourceRoot":"","sources":["../../src/FormCombobox/FormCombobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,WAAW,CACzD,SAAQ,4BAA4B,CAAC,IAAI,CAAC,EACxC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG"}
+{"version":3,"file":"FormCombobox.types.d.ts","sourceRoot":"","sources":["../../src/FormCombobox/FormCombobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAAE,mBAAmB,EACxC,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,uBAAuB,CACtC,IAAI,SAAS,WAAW,GAAG,WAAW,EACtC,IAAI,SAAS,MAAM,GAAG,MAAM,CAC5B,SAAQ,4BAA4B,CAAC,IAAI,CAAC,EAC1C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CACtD;AAED,MAAM,WAAW,sBAAsB,CACrC,IAAI,SAAS,WAAW,GAAG,WAAW,EACtC,IAAI,SAAS,MAAM,GAAG,MAAM,CAC5B,SAAQ,4BAA4B,CAAC,IAAI,CAAC,EAC1C,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CACrD;AAGD,MAAM,MAAM,0BAA0B,CACpC,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,CAAC,SAAS,oBAAoB,GAAG,QAAQ,IACvC,CAAC,SAAS,QAAQ,GAClB,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,GACnC,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAGvC,MAAM,MAAM,iBAAiB,CAC3B,IAAI,SAAS,WAAW,GAAG,WAAW,EACtC,IAAI,SAAS,MAAM,GAAG,MAAM,IAE1B,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,GACnC,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC"}

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;AA4IjE,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,69 @@
-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 S } from "../Form/Form.js";
+import { FormRenderControl as V } from "../Form/FormRenderControl.js";
+import { Input as j } from "../Input/Input.js";
+import { forwardRef as q } from "react";
+function w(D, o) {
+  const { form: a, tooltip: x, tooltipProps: P, label: b, name: u, maxLength: s, counter: y, onChange: C, onBlur: F, onPaste: A, style: I, onPastePrepare: p, ...B } = D;
+  return /* @__PURE__ */ m(
+    V,
     {
-      form: u,
-      name: l,
-      label: m,
-      render: ({ field: n }) => /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(
-        I,
+      form: a,
+      name: u,
+      tooltip: x,
+      tooltipProps: P,
+      label: b,
+      render: ({ field: n, fieldState: R }) => /* @__PURE__ */ m(S, { children: /* @__PURE__ */ m(
+        j,
         {
           ...n,
-          ...v,
+          ...B,
+          counter: R.error ? !1 : y,
+          maxLength: s,
           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: I,
           value: n.value || "",
           onChange: (...t) => {
-            n.onChange?.(...t), p?.(...t);
+            n.onChange?.(...t), C?.(...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 c = r.slice(0, f) + h + r.slice(g);
+            if (p && (c = p(c, t)), typeof s != "number") {
+              t.preventDefault(), a.setValue(u, c, {
+                shouldDirty: !0,
+                shouldTouch: !0
+              });
+              return;
+            }
+            const l = r.slice(0, f), d = r.slice(g), v = s - (l.length + d.length);
+            if (v <= 0) {
+              t.preventDefault();
+              return;
+            }
+            const i = h.slice(0, v), T = l + i + d;
+            t.preventDefault(), a.setValue(u, T, {
               shouldDirty: !0,
               shouldTouch: !0
-            }), f?.(t);
+            }), requestAnimationFrame(() => {
+              e.setSelectionRange(
+                l.length + i.length,
+                l.length + i.length
+              );
+            });
           },
           onBlur: (...t) => {
-            n.onBlur?.(), i?.(...t);
+            n.onBlur?.(), F?.(...t);
           }
         }
       ) })
     }
   );
 }
-const w = P(y);
+const G = q(w);
 export {
-  w as FormInput
+  G 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, counter, 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, fieldState }) => (\n        <FormControl>\n          <Input\n            {...field}\n            {...rest}\n            counter={!!fieldState.error ? false : counter}\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","counter","onChange","onBlur","onPaste","style","onPastePrepare","rest","jsx","FormRenderControl","field","fieldState","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,SAAAC,GAAS,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,gBAAAC,GAAgB,GAAGC,MAASd;AACpI,SACE,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAd;AAAA,MACA,MAAAI;AAAA,MACA,SAAAH;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAY,GAAO,YAAAC,EAAA,wBACfC,GAAA,EACC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACE,GAAGH;AAAA,UACH,GAAGH;AAAA,UACJ,SAAWI,EAAW,QAAQ,KAAQV;AAAA,UACtC,WAAAD;AAAA,UACA,KAAK,CAACc,MAAO;AACX,YAAAJ,EAAM,IAAII,CAAE,GACR,OAAOpB,KAAQ,aACjBA,EAAIoB,CAAE,IACGpB,MACRA,EAA2C,UAAUoB;AAAA,UAE1D;AAAA,UACA,OAAAT;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,CAACQ,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,gBAJIb,MACFe,IAAOf,EAAee,GAAMN,CAAC,IAG3B,OAAOf,KAAc,UAAU;AACjC,cAAAe,EAAE,eAAA,GAEFpB,EAAK,SAASI,GAAMsB,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,IAAYxB,KAAasB,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,GAEFpB,EAAK,SAASI,GAAM2B,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,IAAIlB,MAAS;AACnB,YAAAG,EAAM,SAAA,GACNP,IAAS,GAAGI,CAAI;AAAA,UAClB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEO,MAAMoB,IAAYC,EAAWpC,CAAc;"}

package/FormInput/FormInput.stories.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useForm as l, FormProvider as s } from "react-hook-form";
+import { FormInput as r } from "./FormInput.js";
+function m({ initialValue: o = "", ...c }) {
+  const t = l({
+    defaultValues: {
+      name: o
+    }
+  }), n = t.watch("name");
+  return /* @__PURE__ */ e(s, { ...t, children: /* @__PURE__ */ a("div", { className: "max-w-sm space-y-3", children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        form: t,
+        name: "name",
+        counter: !0,
+        maxLength: 255,
+        tooltip: "UX/UI принципи, композиція, типографіка, колір, дизайн-системи та робота з інтерфейсами",
+        label: "Label"
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+      "value: ",
+      /* @__PURE__ */ e("span", { className: "font-mono", children: n })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+      "length: ",
+      /* @__PURE__ */ e("span", { className: "font-mono", children: n?.length ?? 0 })
+    ] })
+  ] }) });
+}
+const f = {
+  title: "FormInput",
+  component: r,
+  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, {}) })
+  ]
+}, h = {
+  render: (o) => /* @__PURE__ */ e(m, { ...o })
+};
+export {
+  h as Default,
+  f 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 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  const tooltip = \"UX/UI принципи, композиція, типографіка, колір, дизайн-системи та робота з інтерфейсами\"\n  return (\n    <FormProvider {...form}>\n      <div className=\"max-w-sm space-y-3\">\n        <FormInput<FormValues>\n          form={form}\n          name=\"name\"\n          counter\n          maxLength={255}\n          tooltip={tooltip}\n          label={\"Label\"}\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};\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,QACL,SAAO;AAAA,QACP,WAAW;AAAA,QACX,SATQ;AAAA,QAUR,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGT,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/FormInput/FormInput.types.d.ts

@@ -2,5 +2,6 @@ import { FieldValues } from 'react-hook-form';
 import { FormRenderControlExtendProps } from '../Form';
 import { InputProps } from '../Input';
 export interface FormInputProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<InputProps, 'form' | 'name'> {
+    counter?: boolean;
 }
 //# sourceMappingURL=FormInput.types.d.ts.map

package/FormInput/FormInput.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.types.d.ts","sourceRoot":"","sources":["../../src/FormInput/FormInput.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,cAAc,CAAC,IAAI,SAAS,WAAW,CACtD,SAAQ,4BAA4B,CAAC,IAAI,CAAC,EACxC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;CAAG"}
+{"version":3,"file":"FormInput.types.d.ts","sourceRoot":"","sources":["../../src/FormInput/FormInput.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,cAAc,CAAC,IAAI,SAAS,WAAW,CACtD,SAAQ,4BAA4B,CAAC,IAAI,CAAC,EACxC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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