@oneplatformdev/ui 0.1.99-beta.52 → 0.1.99-beta.55

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.99-beta.53 (2026-01-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.53
+- Updated @oneplatformdev/hooks to 0.1.99-beta.53
+- Updated @oneplatformdev/tokens to 0.1.99-beta.53
+
 ## 0.1.99-beta.52 (2026-01-14)
 
 ### 🧱 Updated Dependencies

package/Form/FormRenderControl.d.ts

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

package/Form/FormRenderControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderControl.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,eAAO,MAAM,iBAAiB,GAC5B,IAAI,SAAS,WAAW,GAAG,WAAW,EAEtC,OAAO,sBAAsB,CAAC,IAAI,CAAC,4CA4BpC,CAAC"}
+{"version":3,"file":"FormRenderControl.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AA+BnE,eAAO,MAAM,iBAAiB,GAC5B,IAAI,SAAS,WAAW,GAAG,WAAW,EAEtC,OAAO,sBAAsB,CAAC,IAAI,CAAC,4CA+CpC,CAAC"}

package/Form/FormRenderControl.js

@@ -1,35 +1,57 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { FormField as a, FormItem as d, FormLabel as F, FormMessage as f } from "./Form.js";
-import { cn as x } from "@oneplatformdev/utils";
-import { FormTooltipButton as h } from "./FormTooltipButton.js";
-const B = (n) => {
-  const { form: m, name: l, label: o, tooltip: e, render: s, containerProps: c = {}, ...i } = n;
-  return /* @__PURE__ */ r(
-    a,
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { FormField as d, FormItem as u, FormMessage as F, FormLabel as f } from "./Form.js";
+import "@radix-ui/react-tooltip";
+import "@oneplatformdev/utils";
+import { Tooltip as h } from "../Tooltip/Tooltip.js";
+const b = (n) => {
+  const { label: r, tooltip: t, tooltipProps: i } = n, e = /* @__PURE__ */ o(f, { children: r });
+  return r ? t ? /* @__PURE__ */ o(
+    h,
     {
-      control: m.control,
-      name: l,
-      render: (p) => /* @__PURE__ */ t(d, { ...c, children: [
-        (o || e) && /* @__PURE__ */ t(
-          F,
+      message: t,
+      showQuestionMark: !0,
+      questionIconSize: "xs",
+      contentProps: {
+        side: "right",
+        align: "center"
+      },
+      ...i,
+      children: e
+    }
+  ) : e : null;
+}, L = (n) => {
+  const {
+    form: r,
+    name: t,
+    label: i,
+    tooltip: e,
+    tooltipProps: l,
+    render: s,
+    containerProps: m = {},
+    ...p
+  } = n;
+  return /* @__PURE__ */ o(
+    d,
+    {
+      control: r.control,
+      name: t,
+      render: (c) => /* @__PURE__ */ a(u, { ...m, children: [
+        /* @__PURE__ */ o(
+          b,
           {
-            className: x(
-              "flex items-center gap-1"
-            ),
-            children: [
-              o && /* @__PURE__ */ r("span", { children: o }),
-              e && /* @__PURE__ */ r(h, { content: e })
-            ]
+            label: i,
+            tooltip: e,
+            tooltipProps: l
           }
         ),
-        s(p),
-        /* @__PURE__ */ r(f, {})
+        s(c),
+        /* @__PURE__ */ o(F, {})
       ] }),
-      ...i
+      ...p
     }
   );
 };
 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\";\nimport { cn } from \"@oneplatformdev/utils\";\nimport { FormTooltipButton } from \"./FormTooltipButton\";\n\nexport const FormRenderControl = <\n  Data extends FieldValues = FieldValues,\n>(\n  props: FormRenderControlProps<Data>\n) => {\n  const { form, name, label, tooltip, render, containerProps = {}, ...rest } = props;\n  return (\n    <FormField\n      control={form.control}\n      name={name}\n      render={(params) => (\n        <FormItem {...containerProps}>\n          {(label || tooltip) && (\n            <FormLabel\n              className={cn(\n                \"flex items-center gap-1\"\n              )}\n            >\n              {label && <span>{label}</span>}\n              {tooltip && (\n                <FormTooltipButton content={tooltip} />\n              )}\n            </FormLabel>\n          )}\n          {render(params)}\n          <FormMessage />\n        </FormItem>\n      )}\n      {...rest}\n    />\n  );\n};\n"],"names":["FormRenderControl","props","form","name","label","tooltip","render","containerProps","rest","jsx","FormField","params","jsxs","FormItem","FormLabel","cn","FormTooltipButton","FormMessage"],"mappings":";;;;AAMO,MAAMA,IAAoB,CAG/BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,IAAiB,CAAA,GAAI,GAAGC,EAAA,IAASP;AAC7E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASR,EAAK;AAAA,MACd,MAAAC;AAAA,MACA,QAAQ,CAACQ,MACP,gBAAAC,EAACC,GAAA,EAAU,GAAGN,GACV,UAAA;AAAA,SAAAH,KAASC,MACT,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAGD,UAAA;AAAA,cAAAX,KAAS,gBAAAK,EAAC,UAAM,UAAAL,EAAA,CAAM;AAAA,cACtBC,KACC,gBAAAI,EAACO,GAAA,EAAkB,SAASX,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAI1CC,EAAOK,CAAM;AAAA,0BACbM,GAAA,CAAA,CAAY;AAAA,MAAA,GACf;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"FormRenderControl.js","sources":["../../src/Form/FormRenderControl.tsx"],"sourcesContent":["import { FieldValues } from \"react-hook-form\";\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nimport { FormField, FormItem, FormLabel, FormMessage } from \"./Form\";\nimport { FormRenderControlProps } from \"./FormRenderControl.types\";\nimport { Tooltip } from \"../Tooltip\";\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=\"xs\"\n      contentProps={{\n        side: \"right\",\n        align: \"center\"\n      }}\n      {...tooltipProps}\n    >\n      {cmp}\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    ...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          <FormMessage/>\n        </FormItem>\n      )}\n      {...rest}\n    />\n  );\n};\n"],"names":["FormLabelWithTooltip","props","label","tooltip","tooltipProps","cmp","jsx","FormLabel","Tooltip","FormRenderControl","form","name","render","containerProps","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,SAAIA,IACAC,IAEF,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,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA,IAZeA,IADF;AAgBpB,GAEaI,IAAoB,CAG/BR,MACG;AACH,QAAM;AAAA,IACJ,MAAAS;AAAA,IACA,MAAAC;AAAA,IACA,OAAAT;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAQ;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,GAAGC;AAAA,EAAA,IACDb;AACJ,SACE,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAASL,EAAK;AAAA,MACd,MAAAC;AAAA,MACA,QAAQ,CAACK,MACP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAAE;AAAA,YACA,SAAAC;AAAA,YACA,cAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAmBDQ,EAAOI,CAAM;AAAA,0BACbG,GAAA,CAAA,CAAW;AAAA,MAAA,GACd;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/Form/FormRenderControl.types.d.ts

@@ -1,5 +1,6 @@
 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;
@@ -10,6 +11,7 @@ export interface FormRenderControlProps<Data extends FieldValues = FieldValues>
     name: FieldPath<Data>;
     label?: string;
     tooltip?: ReactNode;
+    tooltipProps?: Omit<TooltipProps, "message">;
     render: FormRenderProps<Data>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }

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,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,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,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,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,MAAM,CAAC;IACf,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;CACjD;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.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,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,4CAqB/B,CAAC"}

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;AAwGjE,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;AAyGjE,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,50 +1,51 @@
 import { jsx as a } from "react/jsx-runtime";
 import { FormControl as F } from "../Form/Form.js";
 import { FormRenderControl as I } from "../Form/FormRenderControl.js";
-import { Input as P } from "../Input/Input.js";
-import { forwardRef as y } from "react";
-function B(c, e) {
-  const { form: u, tooltip: m, label: p, name: l, onChange: i, onBlur: f, onPaste: h, style: v, onPastePrepare: s, ...g } = c;
+import { Input as y } from "../Input/Input.js";
+import { forwardRef as B } from "react";
+function b(c, r) {
+  const { form: l, tooltip: p, tooltipProps: m, label: i, name: u, onChange: f, onBlur: h, onPaste: v, style: g, onPastePrepare: s, ...d } = c;
   return /* @__PURE__ */ a(
     I,
     {
-      form: u,
-      name: l,
-      tooltip: m,
-      label: p,
+      form: l,
+      name: u,
+      tooltip: p,
+      tooltipProps: m,
+      label: i,
       render: ({ field: n }) => /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(
-        P,
+        y,
         {
           ...n,
-          ...g,
+          ...d,
           ref: (t) => {
-            n.ref(t), typeof e == "function" ? e(t) : e && (e.current = t);
+            n.ref(t), typeof r == "function" ? r(t) : r && (r.current = t);
           },
-          style: v,
+          style: g,
           value: n.value || "",
           onChange: (...t) => {
-            n.onChange?.(...t), i?.(...t);
+            n.onChange?.(...t), f?.(...t);
           },
           onPaste: (t) => {
-            const d = t.clipboardData.getData("text"), o = t.currentTarget, C = o.selectionStart ?? o.value.length, x = o.selectionEnd ?? o.value.length;
-            let r = o.value.slice(0, C) + d + o.value.slice(x);
-            s && (r = s(r, t));
-            const D = r;
-            t.preventDefault(), u.setValue(l, D, {
+            const C = t.clipboardData.getData("text"), o = t.currentTarget, P = o.selectionStart ?? o.value.length, x = o.selectionEnd ?? o.value.length;
+            let e = o.value.slice(0, P) + C + o.value.slice(x);
+            s && (e = s(e, t));
+            const D = e;
+            t.preventDefault(), l.setValue(u, D, {
               shouldDirty: !0,
               shouldTouch: !0
-            }), h?.(t);
+            }), v?.(t);
           },
           onBlur: (...t) => {
-            n.onBlur?.(), f?.(...t);
+            n.onBlur?.(), h?.(...t);
           }
         }
       ) })
     }
   );
 }
-const E = y(B);
+const S = B(b);
 export {
-  E as FormInput
+  S 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, tooltip, label, name, onChange, onBlur, onPaste, style, onPastePrepare, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      tooltip={tooltip}\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","tooltip","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,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,gBAAAC,GAAgB,GAAGC,EAAA,IAASX;AAClG,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,MAAAG;AAAA,MACA,SAAAF;AAAA,MACA,OAAAC;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,OAAOhB,KAAQ,aACjBA,EAAIgB,CAAE,IACGhB,MACRA,EAA2C,UAAUgB;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,GAEFhB,EAAK,SAASG,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,EAAW3B,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, 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            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","tooltip","tooltipProps","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,SAAAC,GAAS,cAAAC,GAAc,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,gBAAAC,GAAgB,GAAGC,MAASZ;AAChH,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,MAAAI;AAAA,MACA,SAAAH;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;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,OAAOjB,KAAQ,aACjBA,EAAIiB,CAAE,IACGjB,MACRA,EAA2C,UAAUiB;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,GAEFjB,EAAK,SAASI,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,EAAW5B,CAAc;"}

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/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAwClE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAkDlE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}

package/Tooltip/Tooltip.js

@@ -1,60 +1,72 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { CircleQuestionMarkIcon as m } from "lucide-react";
-import { cn as i } from "@oneplatformdev/utils";
-import { TooltipProvider as f, TooltipRoot as x, TooltipTrigger as d, TooltipContent as u } from "./TooltipRoot.js";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { CircleQuestionMarkIcon as f } from "lucide-react";
+import { cn as n } from "@oneplatformdev/utils";
+import { TooltipProvider as u, TooltipRoot as d, TooltipTrigger as x, TooltipContent as g } from "./TooltipRoot.js";
+import { tooltipQuestionIconVariants as h } from "./tooltipVariants.js";
 const s = (e) => {
-  const { triggerProps: t, contentProps: o, message: l, children: a, showQuestionMark: c = !1, ...p } = e;
-  return /* @__PURE__ */ n(
-    x,
+  const { triggerProps: o, contentProps: r, message: a, children: l, showQuestionMark: c = !1, questionIconSize: p, ...m } = e;
+  return /* @__PURE__ */ i(
+    d,
     {
       defaultOpen: !1,
       delayDuration: 300,
-      ...p,
+      ...m,
       children: [
-        /* @__PURE__ */ n(
-          d,
+        /* @__PURE__ */ i(
+          x,
           {
-            ...t || {},
-            className: i(
+            ...o || {},
+            className: n(
               "flex flex-row gap-1 w-fit",
               "items-center",
               "cursor-pointer",
               "outline-none",
-              t?.className
+              o?.className
             ),
             type: "button",
             children: [
-              a,
-              c && /* @__PURE__ */ r(m, {})
+              l,
+              c && /* @__PURE__ */ t(
+                f,
+                {
+                  className: h({
+                    size: p
+                  })
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ r(
-          u,
+        /* @__PURE__ */ t(
+          g,
           {
             align: "center",
-            ...o || {},
-            className: i(
+            sideOffset: 8,
+            ...r || {},
+            className: n(
               "flex items-center justify-center",
-              "max-w-[320px] p-1",
-              "bg-[#FCFCFC] border-none",
-              "shadow-[0px_4px_8px_rgba(13,14,43,0.125)]",
-              "text-[#363B4E] font-normal text-sm leading-normal",
+              "w-auto max-w-80",
+              "rounded-xl",
+              "px-4 py-3",
+              "bg-white",
+              "text-primary",
+              "text-md font-normal leading-normal",
+              "shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]",
               "whitespace-pre-wrap",
-              o?.className
+              r?.className
             ),
-            children: l || ""
+            children: a || ""
           }
         )
       ]
     }
   );
-}, C = (e) => {
-  const { skipProvider: t = !0 } = e;
-  return t ? /* @__PURE__ */ r(s, { ...e }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(s, { ...e }) });
+}, P = (e) => {
+  const { skipProvider: o = !0 } = e;
+  return o ? /* @__PURE__ */ t(s, { ...e }) : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { ...e }) });
 };
 export {
-  C as Tooltip,
+  P as Tooltip,
   s as TooltipInner
 };
 //# sourceMappingURL=Tooltip.js.map

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\n  return (\n    <TooltipRoot\n      defaultOpen={false}\n      delayDuration={300}\n      {...rest}\n    >\n      <TooltipTrigger\n        {...(triggerProps || {})}\n        className={cn(\n          'flex flex-row gap-1 w-fit',\n          'items-center',\n          'cursor-pointer',\n          'outline-none',\n          triggerProps?.className\n        )}\n        type='button'\n      >\n        {children}\n        {showQuestionMark && <CircleQuestionMarkIcon/>}\n      </TooltipTrigger>\n\n      <TooltipContent\n        align=\"center\"\n        {...(contentProps || {})}\n        className={cn(\n          'flex items-center justify-center',\n          'max-w-[320px] p-1',\n          'bg-[#FCFCFC] border-none',\n          'shadow-[0px_4px_8px_rgba(13,14,43,0.125)]',\n          'text-[#363B4E] font-normal text-sm leading-normal',\n          'whitespace-pre-wrap',\n          contentProps?.className\n        )}\n      >\n        {message || ''}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n  const { skipProvider = true } = props;\n  if (skipProvider) return <TooltipInner {...props}/>;\n  return (\n    <TooltipProvider>\n      <TooltipInner {...props}/>\n    </TooltipProvider>\n  );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","rest","jsxs","TooltipRoot","TooltipTrigger","cn","CircleQuestionMarkIcon","jsx","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;AAOO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,GAAGC,EAAA,IAASN;AAC7F,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIR,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,uBAAqBM,GAAA,CAAA,CAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACL,GAAIX,KAAgB,CAAA;AAAA,YACrB,WAAWQ;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAR,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaW,IAAU,CAACd,MAA2C;AACjE,QAAM,EAAE,cAAAe,IAAe,GAAA,IAASf;AAChC,SAAIe,IAAqB,gBAAAH,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CgB,GAAA,EACC,UAAA,gBAAAJ,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\nimport { tooltipQuestionIconVariants } from './tooltipVariants';\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, questionIconSize, ...rest } = props;\n  return (\n    <TooltipRoot\n      defaultOpen={false}\n      delayDuration={300}\n      {...rest}\n    >\n      <TooltipTrigger\n        {...(triggerProps || {})}\n        className={cn(\n          'flex flex-row gap-1 w-fit',\n          'items-center',\n          'cursor-pointer',\n          'outline-none',\n          triggerProps?.className\n        )}\n        type='button'\n      >\n        {children}\n        {showQuestionMark && (\n          <CircleQuestionMarkIcon\n            className={tooltipQuestionIconVariants({\n              size: questionIconSize,\n            })}\n          />\n        )}\n      </TooltipTrigger>\n\n      <TooltipContent\n        align=\"center\"\n        sideOffset={8}\n        {...(contentProps || {})}\n        className={cn(\n          'flex items-center justify-center',\n          'w-auto max-w-80',\n          'rounded-xl',\n          'px-4 py-3',\n          'bg-white',\n          'text-primary',\n          'text-md font-normal leading-normal',\n          'shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]',\n          'whitespace-pre-wrap',\n          contentProps?.className\n        )}\n      >\n        {message || ''}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n  const { skipProvider = true } = props;\n  if (skipProvider) return <TooltipInner {...props}/>;\n  return (\n    <TooltipProvider>\n      <TooltipInner {...props}/>\n    </TooltipProvider>\n  );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","questionIconSize","rest","jsxs","TooltipRoot","TooltipTrigger","cn","jsx","CircleQuestionMarkIcon","tooltipQuestionIconVariants","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;;AAQO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,kBAAAC,GAAkB,GAAGC,EAAA,IAASP;AAC/G,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIT,KAAgB,CAAA;AAAA,YACrB,WAAWU;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAV,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,KACC,gBAAAO;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAWC,EAA4B;AAAA,oBACrC,MAAMR;AAAA,kBAAA,CACP;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,gBAAAM;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,YAAY;AAAA,YACX,GAAIb,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaa,IAAU,CAAChB,MAA2C;AACjE,QAAM,EAAE,cAAAiB,IAAe,GAAA,IAASjB;AAChC,SAAIiB,IAAqB,gBAAAL,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CkB,GAAA,EACC,UAAA,gBAAAN,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}

package/Tooltip/Tooltip.types.d.ts

@@ -6,5 +6,6 @@ export interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipRoo
     showQuestionMark?: boolean;
     contentProps?: ComponentPropsWithoutRef<typeof TooltipContent>;
     triggerProps?: ComponentPropsWithoutRef<typeof TooltipTrigger>;
+    questionIconSize?: "xs" | "sm" | "md";
 }
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC"}

package/Tooltip/tooltipVariants.d.ts

@@ -0,0 +1,4 @@
+export declare const tooltipQuestionIconVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=tooltipVariants.d.ts.map

package/Tooltip/tooltipVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.d.ts","sourceRoot":"","sources":["../../src/Tooltip/tooltipVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;8EAiBvC,CAAC"}

package/Tooltip/tooltipVariants.js

@@ -0,0 +1,23 @@
+import { cva as s } from "class-variance-authority";
+const t = s(
+  [
+    "shrink-0",
+    "text-[#666A78]"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-2",
+        sm: "size-3",
+        md: "size-4"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+export {
+  t as tooltipQuestionIconVariants
+};
+//# sourceMappingURL=tooltipVariants.js.map

package/Tooltip/tooltipVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.js","sources":["../../src/Tooltip/tooltipVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tooltipQuestionIconVariants = cva(\n  [\n    \"shrink-0\",\n    \"text-[#666A78]\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-2\",\n        sm: \"size-3\",\n        md: \"size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"sm\",\n    },\n  }\n);\n"],"names":["tooltipQuestionIconVariants","cva"],"mappings":";AAEO,MAAMA,IAA8BC;AAAA,EACzC;AAAA,IACE;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.52",
+  "version": "0.1.99-beta.55",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,9 +105,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.52",
-    "@oneplatformdev/hooks": "^0.1.99-beta.52",
-    "@oneplatformdev/utils": "^0.1.99-beta.52"
+    "@oneplatformdev/tokens": "^0.1.99-beta.55",
+    "@oneplatformdev/utils": "^0.1.99-beta.55",
+    "@oneplatformdev/hooks": "^0.1.99-beta.55"
   },
   "scripts": {
     "chromatic": "chromatic"

package/Form/FormTooltipButton.d.ts

@@ -1,6 +0,0 @@
-interface FormTooltipButtonProps {
-    content: React.ReactNode;
-}
-export declare const FormTooltipButton: ({ content }: FormTooltipButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FormTooltipButton.d.ts.map

package/Form/FormTooltipButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormTooltipButton.d.ts","sourceRoot":"","sources":["../../src/Form/FormTooltipButton.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,4CA0BpE,CAAC"}

package/Form/FormTooltipButton.js

@@ -1,34 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "@oneplatformdev/utils";
-import { CircleQuestionMarkIcon as n } from "lucide-react";
-import { Popover as i, PopoverTrigger as m, PopoverContent as l } from "../Popover/Popover.js";
-import { ButtonIcon as a } from "../ButtonIcon/ButtonIcon.js";
-import "../ButtonIcon/buttonIconVariants.js";
-const h = ({ content: o }) => /* @__PURE__ */ e(i, { children: [
-  /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r(
-    a,
-    {
-      color: "primary",
-      className: "w-2 h-2 rounded-full border-none",
-      size: "xs",
-      children: /* @__PURE__ */ r(n, { size: 4 })
-    }
-  ) }),
-  /* @__PURE__ */ r(
-    l,
-    {
-      side: "right",
-      align: "center",
-      className: t(
-        "w-auto max-w-80 rounded-xl bg-white px-4 py-3 shadow-lg",
-        "text-sm text-primary font-manrope font-normal",
-        "text-md leading-normal tracking-normal align-middle"
-      ),
-      children: o
-    }
-  )
-] });
-export {
-  h as FormTooltipButton
-};
-//# sourceMappingURL=FormTooltipButton.js.map

package/Form/FormTooltipButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormTooltipButton.js","sources":["../../src/Form/FormTooltipButton.tsx"],"sourcesContent":["import { cn } from \"@oneplatformdev/utils\";\nimport { CircleQuestionMarkIcon } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../Popover\";\nimport ButtonIcon from \"../ButtonIcon\";\n\ninterface FormTooltipButtonProps {\n  content: React.ReactNode;\n}\n\nexport const FormTooltipButton = ({ content }: FormTooltipButtonProps) => {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <ButtonIcon\n          color=\"primary\"\n          className=\"w-2 h-2 rounded-full border-none\"\n          size=\"xs\"\n        >\n          <CircleQuestionMarkIcon size={4} />\n        </ButtonIcon>\n      </PopoverTrigger>\n\n      <PopoverContent\n        side=\"right\"\n        align=\"center\"\n        className={cn(\n          \"w-auto max-w-80 rounded-xl bg-white px-4 py-3 shadow-lg\",\n          \"text-sm text-primary font-manrope font-normal\",\n          \"text-md leading-normal tracking-normal align-middle\"\n        )}\n      >\n        {content}\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["FormTooltipButton","content","Popover","jsx","PopoverTrigger","ButtonIcon","CircleQuestionMarkIcon","PopoverContent","cn"],"mappings":";;;;;;AASO,MAAMA,IAAoB,CAAC,EAAE,SAAAC,0BAE/BC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,MAAK;AAAA,MAEL,UAAA,gBAAAF,EAACG,GAAA,EAAuB,MAAM,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAErC;AAAA,EAEA,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAAP;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}