@bigbinary/neeto-atoms 1.0.8 → 1.0.10

package/dist/cjs/components/Tree.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var Tree = require('../Tree-qpOcsGL9.js');
+require('react/jsx-runtime');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../chevron-right-0jNdwX2Q.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-CF951Pw9.js');
+require('../index-Bf0WsHta.js');
+require('../index-DcCSSgb7.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../index-DnKJmaCq.js');
+require('../index-BrpkRQoS.js');
+require('../redux-DEF7lAd1.js');
+
+const getParentKey = (key, tree) => {
+    for (const node of tree) {
+        if (node.children) {
+            if (node.children.some(child => child.key === key))
+                return node.key;
+            const parentKey = getParentKey(key, node.children);
+            if (parentKey)
+                return parentKey;
+        }
+    }
+    return undefined;
+};
+const flattenTreeData = (tree) => {
+    const list = [];
+    const walk = (nodes) => {
+        nodes.forEach(node => {
+            if (typeof node.title === "string") {
+                list.push({ key: node.key, title: node.title });
+            }
+            if (node.children)
+                walk(node.children);
+        });
+    };
+    walk(tree);
+    return list;
+};
+const getExpandedKeysFromSearch = (searchValue, treeData, dataList) => dataList
+    .filter(item => item.title.toLowerCase().includes(searchValue.toLowerCase()))
+    .map(item => getParentKey(item.key, treeData))
+    .filter((key, i, self) => !!key && self.indexOf(key) === i);
+
+exports.Tree = Tree.Tree;
+exports.flattenTreeData = flattenTreeData;
+exports.getExpandedKeysFromSearch = getExpandedKeysFromSearch;
+exports.getParentKey = getParentKey;
+//# sourceMappingURL=Tree.js.map

package/dist/cjs/components/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/utils/search.ts"],"sourcesContent":["import type { TreeNodeData } from \"../types\";\n\nexport const getParentKey = (\n  key: string,\n  tree: TreeNodeData[]\n): string | undefined => {\n  for (const node of tree) {\n    if (node.children) {\n      if (node.children.some(child => child.key === key)) return node.key;\n      const parentKey = getParentKey(key, node.children);\n      if (parentKey) return parentKey;\n    }\n  }\n\n  return undefined;\n};\n\nexport const flattenTreeData = (\n  tree: TreeNodeData[]\n): { key: string; title: string }[] => {\n  const list: { key: string; title: string }[] = [];\n  const walk = (nodes: TreeNodeData[]) => {\n    nodes.forEach(node => {\n      if (typeof node.title === \"string\") {\n        list.push({ key: node.key, title: node.title });\n      }\n      if (node.children) walk(node.children);\n    });\n  };\n  walk(tree);\n\n  return list;\n};\n\nexport const getExpandedKeysFromSearch = (\n  searchValue: string,\n  treeData: TreeNodeData[],\n  dataList: { key: string; title: string }[]\n): string[] =>\n  dataList\n    .filter(item =>\n      item.title.toLowerCase().includes(searchValue.toLowerCase())\n    )\n    .map(item => getParentKey(item.key, treeData))\n    .filter((key, i, self): key is string => !!key && self.indexOf(key) === i);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAEa,YAAY,GAAG,CAC1B,GAAW,EACX,IAAoB,KACE;AACtB,IAAA,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC,GAAG;YACnE,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC;AAClD,YAAA,IAAI,SAAS;AAAE,gBAAA,OAAO,SAAS;QACjC;IACF;AAEA,IAAA,OAAO,SAAS;AAClB;AAEO,MAAM,eAAe,GAAG,CAC7B,IAAoB,KACgB;IACpC,MAAM,IAAI,GAAqC,EAAE;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,KAAqB,KAAI;AACrC,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;AACnB,YAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,gBAAA,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;YACjD;YACA,IAAI,IAAI,CAAC,QAAQ;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;AACxC,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;IACD,IAAI,CAAC,IAAI,CAAC;AAEV,IAAA,OAAO,IAAI;AACb;AAEO,MAAM,yBAAyB,GAAG,CACvC,WAAmB,EACnB,QAAwB,EACxB,QAA0C,KAE1C;AACG,KAAA,MAAM,CAAC,IAAI,IACV,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AAE7D,KAAA,GAAG,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;KAC5C,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,KAAoB,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;;;;;;;"}

package/dist/cjs/components/TreeSelect.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var TreeSelect = require('../TreeSelect-DiIEdiAU.js');
+require('react/jsx-runtime');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Popover.js');
+require('../index-COPkC3I5.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../SelectFieldWrapper-DEA--2wj.js');
+require('../primitives/Field.js');
+require('../index-BZhTddX0.js');
+require('../label-Bdc9ytTI.js');
+require('../separator-CPy2gyg1.js');
+require('../Tree-qpOcsGL9.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../chevron-right-0jNdwX2Q.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../index-CF951Pw9.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../index-DnKJmaCq.js');
+require('../index-BrpkRQoS.js');
+require('../redux-DEF7lAd1.js');
+require('../x-Brw3FJst.js');
+
+
+
+exports.TreeSelect = TreeSelect.TreeSelect;
+//# sourceMappingURL=TreeSelect.js.map

package/dist/cjs/components/TreeSelect.js.map

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

package/dist/cjs/components/Typography.js

@@ -1,105 +1,15 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index$1 = require('../index-BZhTddX0.js');
-var utils = require('../utils-CTr7wn5d.js');
-var index = require('../index-DuNgWCXZ.js');
+var Typography = require('../Typography-C3rGpmAY.js');
+require('react/jsx-runtime');
+require('react');
+require('../index-BZhTddX0.js');
+require('../utils-CTr7wn5d.js');
+require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const typographyVariants = index$1.cva("", {
-    variants: {
-        variant: {
-            jumbo: "text-5xl font-semibold leading-none tracking-tight",
-            h1: "text-[40px] font-semibold leading-tight tracking-tight",
-            h2: "text-[32px] font-semibold leading-tight tracking-tight",
-            h3: "text-[28px] font-semibold leading-tight tracking-tight",
-            h4: "text-2xl font-semibold leading-tight",
-            h5: "text-xl font-semibold leading-tight",
-            h6: "text-lg font-semibold leading-tight",
-            body1: "text-base leading-normal",
-            body2: "text-[15px] leading-normal",
-            body3: "text-sm leading-normal",
-            caption: "text-xs leading-normal",
-            nano: "text-[10px] leading-normal",
-            code: "font-mono text-sm",
-        },
-        weight: {
-            thin: "font-thin",
-            extralight: "font-extralight",
-            light: "font-light",
-            normal: "font-normal",
-            medium: "font-medium",
-            semibold: "font-semibold",
-            bold: "font-bold",
-            extrabold: "font-extrabold",
-            black: "font-black",
-        },
-        color: {
-            default: "text-foreground",
-            muted: "text-muted-foreground",
-            primary: "text-primary",
-            destructive: "text-destructive",
-            inherit: "text-inherit",
-        },
-        lineClamp: {
-            none: "",
-            1: "line-clamp-1",
-            2: "line-clamp-2",
-            3: "line-clamp-3",
-        },
-    },
-    defaultVariants: {
-        variant: "body3",
-        color: "default",
-    },
-});
-const defaultElementMap = {
-    jumbo: "h1",
-    h1: "h1",
-    h2: "h2",
-    h3: "h3",
-    h4: "h4",
-    h5: "h5",
-    h6: "h6",
-    body1: "p",
-    body2: "p",
-    body3: "p",
-    caption: "span",
-    nano: "span",
-    code: "code",
-};
-const Typography$1 = React__namespace.forwardRef(({ className, variant = "body3", weight, color = "default", lineClamp, asChild = false, ...props }, ref) => {
-    const Comp = asChild
-        ? index.Slot
-        : defaultElementMap[variant ?? "body3"] ?? "p";
-    return (jsxRuntime.jsx(Comp, { ref: ref, "data-slot": "typography", "data-variant": variant, className: utils.cn(typographyVariants({ variant, weight, color, lineClamp, className })), ...props }));
-});
-Typography$1.displayName = "Typography";
-
-const Typography = React.forwardRef((props, ref) => jsxRuntime.jsx(Typography$1, { ref: ref, ...props }));
-Typography.displayName = "Typography";
-
-exports.Typography = Typography;
-exports.typographyVariants = typographyVariants;
+exports.Typography = Typography.Typography;
+exports.typographyVariants = Typography.typographyVariants;
 //# sourceMappingURL=Typography.js.map

package/dist/cjs/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/shadcn/components/typography.tsx","../../../../src/components/Typography.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nconst typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      jumbo:\n        \"text-5xl font-semibold leading-none tracking-tight\",\n      h1: \"text-[40px] font-semibold leading-tight tracking-tight\",\n      h2: \"text-[32px] font-semibold leading-tight tracking-tight\",\n      h3: \"text-[28px] font-semibold leading-tight tracking-tight\",\n      h4: \"text-2xl font-semibold leading-tight\",\n      h5: \"text-xl font-semibold leading-tight\",\n      h6: \"text-lg font-semibold leading-tight\",\n      body1: \"text-base leading-normal\",\n      body2: \"text-[15px] leading-normal\",\n      body3: \"text-sm leading-normal\",\n      caption: \"text-xs leading-normal\",\n      nano: \"text-[10px] leading-normal\",\n      code: \"font-mono text-sm\",\n    },\n    weight: {\n      thin: \"font-thin\",\n      extralight: \"font-extralight\",\n      light: \"font-light\",\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n      extrabold: \"font-extrabold\",\n      black: \"font-black\",\n    },\n    color: {\n      default: \"text-foreground\",\n      muted: \"text-muted-foreground\",\n      primary: \"text-primary\",\n      destructive: \"text-destructive\",\n      inherit: \"text-inherit\",\n    },\n    lineClamp: {\n      none: \"\",\n      1: \"line-clamp-1\",\n      2: \"line-clamp-2\",\n      3: \"line-clamp-3\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body3\",\n    color: \"default\",\n  },\n})\n\nconst defaultElementMap: Record<\n  string,\n  keyof React.JSX.IntrinsicElements\n> = {\n  jumbo: \"h1\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  body3: \"p\",\n  caption: \"span\",\n  nano: \"span\",\n  code: \"code\",\n}\n\nconst Typography = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"p\"> &\n    VariantProps<typeof typographyVariants> & {\n      asChild?: boolean\n    }\n>(\n  (\n    {\n      className,\n      variant = \"body3\",\n      weight,\n      color = \"default\",\n      lineClamp,\n      asChild = false,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild\n      ? Slot.Root\n      : defaultElementMap[variant ?? \"body3\"] ?? \"p\"\n\n    return (\n      <Comp\n        ref={ref}\n        data-slot=\"typography\"\n        data-variant={variant}\n        className={cn(\n          typographyVariants({ variant, weight, color, lineClamp, className })\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\n","import { forwardRef, type ComponentProps } from \"react\";\nimport { Typography as ShadcnTypography } from \"src/shadcn/components/typography\";\n\nconst Typography = forwardRef<\n  HTMLElement,\n  ComponentProps<typeof ShadcnTypography>\n>((props, ref) => <ShadcnTypography ref={ref} {...props} />);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography };\nexport { typographyVariants } from \"src/shadcn/components/typography\";\n"],"names":["cva","Typography","React","Slot.Root","_jsx","cn","forwardRef","ShadcnTypography"],"mappings":"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"}
+{"version":3,"file":"Typography.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/{dialog-CF2GBHOG.js → dialog-Bvyrshz3.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var utils = require('./utils-CTr7wn5d.js');
 var button = require('./button-B8XGl69v.js');
 var x = require('./x-Brw3FJst.js');
@@ -22,7 +23,8 @@ function DialogOverlay({ className, ...props }) {
     return (jsxRuntime.jsx(index.Overlay, { "data-slot": "dialog-overlay", className: utils.cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
 }
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return (jsxRuntime.jsxs(DialogPortal, { children: [jsxRuntime.jsx(DialogOverlay, {}), jsxRuntime.jsxs(index.Content, { "data-slot": "dialog-content", className: utils.cn("fixed top-1/2 start-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, showCloseButton && (jsxRuntime.jsx(index.Close, { "data-slot": "dialog-close", asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: "ghost", className: "absolute top-2 end-2", size: "icon-sm", children: [jsxRuntime.jsx(x.X, {}), jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })] }) }))] })] }));
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs(DialogPortal, { children: [jsxRuntime.jsx(DialogOverlay, {}), jsxRuntime.jsxs(index.Content, { "data-slot": "dialog-content", className: utils.cn("fixed top-1/2 start-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, showCloseButton && (jsxRuntime.jsx(index.Close, { "data-slot": "dialog-close", asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: "ghost", className: "absolute top-2 end-2", size: "icon-sm", children: [jsxRuntime.jsx(x.X, {}), jsxRuntime.jsx("span", { className: "sr-only", children: t("neetoatoms.dialog.close", "Close") })] }) }))] })] }));
 }
 function DialogHeader({ className, ...props }) {
     return (jsxRuntime.jsx("div", { "data-slot": "dialog-header", className: utils.cn("flex flex-col gap-2", className), ...props }));
@@ -47,4 +49,4 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
-//# sourceMappingURL=dialog-CF2GBHOG.js.map
+//# sourceMappingURL=dialog-Bvyrshz3.js.map

package/dist/cjs/dialog-Bvyrshz3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-Bvyrshz3.js","sources":["../../../src/shadcn/components/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { useTranslation } from \"react-i18next\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { Button } from \"src/shadcn/components/button\"\nimport { XIcon } from \"lucide-react\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const { t } = useTranslation()\n\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-1/2 start-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            <Button\n              variant=\"ghost\"\n              className=\"absolute top-2 end-2\"\n              size=\"icon-sm\"\n            >\n              <XIcon\n              />\n              <span className=\"sr-only\">{t(\"neetoatoms.dialog.close\", \"Close\")}</span>\n            </Button>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        \"text-base leading-none font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"],"names":["_jsx","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Close","DialogPrimitive.Overlay","cn","useTranslation","_jsxs","DialogPrimitive.Content","Button","XIcon","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}

package/dist/cjs/formik/Button.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Button = require('../Button-Bt_AElge.js');
+require('../utils-CTr7wn5d.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Button.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+
+const FormikButton = React.forwardRef(({ disabled, ...otherProps }, ref) => {
+    const { handleSubmit, isSubmitting, values, initialValues, isValid } = formik.useFormikContext();
+    const isDisabled = disabled ?? (isSubmitting || ramda.equals(values, initialValues));
+    return (jsxRuntime.jsx(Button.Button, { ref: ref, disabled: isDisabled, loading: isSubmitting && isValid, onClick: () => handleSubmit(), ...otherProps }));
+});
+FormikButton.displayName = "FormikButton";
+
+exports.FormikButton = FormikButton;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/formik/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport { Button, ButtonProps } from \"src/components/Button\";\n\nexport interface FormikButtonProps extends ButtonProps {\n  /** Override the auto-computed disabled state. */\n  disabled?: boolean;\n}\n\nconst FormikButton = forwardRef<HTMLButtonElement, FormikButtonProps>(\n  ({ disabled, ...otherProps }, ref) => {\n    const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n      useFormikContext();\n\n    const isDisabled =\n      disabled ?? (isSubmitting || equals(values, initialValues));\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={() => handleSubmit()}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["forwardRef","useFormikContext","equals","_jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAClEC,uBAAgB,EAAE;AAEpB,IAAA,MAAM,UAAU,GACd,QAAQ,KAAK,YAAY,IAAIC,YAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,IAAI,OAAO,EAChC,OAAO,EAAE,MAAM,YAAY,EAAE,EAAA,GACzB,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/formik/Checkbox.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Checkbox = require('../Checkbox-DOlS2oCD.js');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-CF951Pw9.js');
+require('../index-Bf0WsHta.js');
+require('../index-DcCSSgb7.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../primitives/Field.js');
+require('../index-BZhTddX0.js');
+require('../label-Bdc9ytTI.js');
+require('../separator-CPy2gyg1.js');
+
+const FormikCheckbox = React.forwardRef(({ name, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = formik.getIn(status, name);
+        return (jsxRuntime.jsx(Checkbox.Checkbox, { ref: ref, checked: !!field.value, error: meta.touched ? meta.error || fieldStatus : "", name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
+                setStatus(ramda.dissoc(name, status));
+                form.setFieldValue(name, checked);
+            }, ...rest }));
+    } })));
+FormikCheckbox.displayName = "FormikCheckbox";
+
+exports.FormikCheckbox = FormikCheckbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/formik/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(({ name, ...rest }, ref) => (\n  <Field name={name}>\n    {({ field, meta, form }: FieldProps) => {\n      const { status = {}, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      return (\n        <Checkbox\n          ref={ref}\n          checked={!!field.value}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          name={field.name}\n          onBlur={field.onBlur}\n          onCheckedChange={(checked: boolean) => {\n            setStatus(dissoc(name, status));\n            form.setFieldValue(name, checked);\n          }}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["forwardRef","_jsx","Field","getIn","Checkbox","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAGA,gBAAU,CAG/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACvBC,cAAA,CAACC,YAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEF,eAACG,iBAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/formik/Form.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+
+const transformObjectToDotNotation = (object, prefix = "") => {
+    const result = [];
+    Object.entries(object).forEach(([key, value]) => {
+        if (!value)
+            return;
+        const nextKey = prefix ? `${prefix}.${key}` : key;
+        if (ramda.is(Object, value)) {
+            result.push(...transformObjectToDotNotation(value, nextKey));
+        }
+        else {
+            result.push(nextKey);
+        }
+    });
+    return result;
+};
+const getErrorFieldName = (formikErrors) => transformObjectToDotNotation(formikErrors)?.[0];
+const getFieldsWithServerError = (status = {}) => Object.keys(status).filter(fieldName => status[fieldName] != null && status[fieldName] !== "");
+const scrollToError = (formRef, errors, status) => {
+    const fieldErrorName = getErrorFieldName(errors);
+    const [fieldWithServerError] = getFieldsWithServerError(status);
+    if (!fieldErrorName && !fieldWithServerError)
+        return;
+    const errorFieldName = fieldErrorName || fieldWithServerError;
+    const errorFormElement = formRef.current?.querySelector(`[name="${errorFieldName}"]`);
+    errorFormElement?.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+    });
+};
+
+const ScrollToErrorField = ({ formRef }) => {
+    const { submitCount, isValid, errors, status } = formik.useFormikContext();
+    React.useEffect(() => {
+        const fieldsWithServerError = getFieldsWithServerError(status);
+        if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {
+            return;
+        }
+        scrollToError(formRef, errors, status);
+    }, [submitCount]);
+    return null;
+};
+
+const FormWrapper = React.forwardRef(({ className, formProps, children, scrollToErrorField }, ref) => {
+    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } = formik.useFormikContext();
+    const { dirty: isFormDirty, isSubmitting, status } = formikBag;
+    const formRefForScrollToErrorField = React.useRef(null);
+    const formRef = ref ||
+        formRefForScrollToErrorField;
+    const handleKeyDown = React.useCallback(async (event) => {
+        const target = event.target;
+        const isEventFromEditorOrTextarea = target.tagName === "TEXTAREA" || target.editor;
+        if (event.key !== "Enter")
+            return;
+        if (isEventFromEditorOrTextarea && !event.metaKey)
+            return;
+        event.preventDefault();
+        if (event.shiftKey)
+            return;
+        if (!isFormDirty || isSubmitting)
+            return;
+        try {
+            const errors = await validateForm();
+            const fieldStatuses = getFieldsWithServerError(status);
+            if (Object.keys(errors).length > 0 ||
+                Object.keys(fieldStatuses).length > 0) {
+                setErrors(errors);
+                setTouched({ ...errors, ...status });
+                if (scrollToErrorField) {
+                    scrollToError(formRef, errors, status);
+                }
+            }
+            else {
+                submitForm();
+            }
+        }
+        catch (error) {
+            console.error("An unhandled error was caught from validateForm()", error);
+        }
+    }, [
+        validateForm,
+        setErrors,
+        setTouched,
+        isFormDirty,
+        isSubmitting,
+        submitForm,
+        status,
+        scrollToErrorField,
+        formRef,
+    ]);
+    return (jsxRuntime.jsxs(formik.Form, { className, noValidate: true, ref: formRef, onKeyDown: handleKeyDown, ...formProps, children: [scrollToErrorField && jsxRuntime.jsx(ScrollToErrorField, { formRef }), children] }));
+});
+FormWrapper.displayName = "FormWrapper";
+
+const Form = React.forwardRef(({ className, children, formikProps, formProps, scrollToErrorField = false }, ref) => {
+    const formikRef = React.useRef(null);
+    const handleSubmit = (values, actions) => {
+        const fieldsWithServerError = getFieldsWithServerError(formikRef.current?.status);
+        if (fieldsWithServerError.length > 0) {
+            actions.setSubmitting(false);
+            return undefined;
+        }
+        return formikProps.onSubmit(values, actions);
+    };
+    return (jsxRuntime.jsx(formik.Formik, { innerRef: formikRef, ...formikProps, onSubmit: handleSubmit, children: props => (jsxRuntime.jsx(FormWrapper, { className, formProps, ref, scrollToErrorField, children: typeof children === "function" ? children(props) : children })) }));
+});
+Form.displayName = "Form";
+
+exports.Form = Form;
+//# sourceMappingURL=Form.js.map

package/dist/cjs/formik/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/formik/Form/ScrollToErrorField/utils.ts","../../../../src/formik/Form/ScrollToErrorField/index.tsx","../../../../src/formik/Form/FormWrapper.tsx","../../../../src/formik/Form/index.tsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (\n  object: Record<string, unknown>,\n  prefix = \"\"\n): string[] => {\n  const result: string[] = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(\n        ...transformObjectToDotNotation(\n          value as Record<string, unknown>,\n          nextKey\n        )\n      );\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = (\n  formikErrors: Record<string, unknown>\n): string | undefined => transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (\n  status: Record<string, unknown> = {}\n): string[] =>\n  Object.keys(status).filter(\n    fieldName => status[fieldName] != null && status[fieldName] !== \"\"\n  );\n\nexport const scrollToError = (\n  formRef: React.RefObject<HTMLFormElement | null>,\n  errors: Record<string, unknown>,\n  status: Record<string, unknown>\n): void => {\n  const fieldErrorName = getErrorFieldName(errors);\n  const [fieldWithServerError] = getFieldsWithServerError(status);\n\n  if (!fieldErrorName && !fieldWithServerError) return;\n\n  const errorFieldName = fieldErrorName || fieldWithServerError;\n  const errorFormElement = formRef.current?.querySelector(\n    `[name=\"${errorFieldName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\ninterface ScrollToErrorFieldProps {\n  formRef: React.RefObject<HTMLFormElement | null>;\n}\n\nconst ScrollToErrorField = ({ formRef }: ScrollToErrorFieldProps) => {\n  const { submitCount, isValid, errors, status } = useFormikContext();\n\n  useEffect(() => {\n    const fieldsWithServerError = getFieldsWithServerError(status);\n    if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {\n      return;\n    }\n\n    scrollToError(formRef, errors as Record<string, unknown>, status);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n  getFieldsWithServerError,\n  scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\ninterface FormWrapperProps {\n  className?: string;\n  formProps?: React.ComponentProps<\"form\">;\n  children: React.ReactNode;\n  scrollToErrorField: boolean;\n}\n\nconst FormWrapper = forwardRef<HTMLFormElement, FormWrapperProps>(\n  ({ className, formProps, children, scrollToErrorField }, ref) => {\n    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting, status } = formikBag;\n\n    const formRefForScrollToErrorField = useRef<HTMLFormElement>(null);\n    const formRef =\n      (ref as React.RefObject<HTMLFormElement | null>) ||\n      formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async (event: React.KeyboardEvent<HTMLFormElement>) => {\n        const target = event.target as HTMLElement & { editor?: unknown };\n        const isEventFromEditorOrTextarea =\n          target.tagName === \"TEXTAREA\" || target.editor;\n\n        if (event.key !== \"Enter\") return;\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n          const fieldStatuses = getFieldsWithServerError(status);\n\n          if (\n            Object.keys(errors).length > 0 ||\n            Object.keys(fieldStatuses).length > 0\n          ) {\n            setErrors(errors);\n            setTouched({ ...errors, ...status });\n            if (scrollToErrorField) {\n              scrollToError(formRef, errors as Record<string, unknown>, status);\n            }\n          } else {\n            submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught from validateForm()\",\n            error\n          );\n        }\n      },\n      [\n        validateForm,\n        setErrors,\n        setTouched,\n        isFormDirty,\n        isSubmitting,\n        submitForm,\n        status,\n        scrollToErrorField,\n        formRef,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik, FormikConfig, FormikProps, FormikValues } from \"formik\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nexport interface FormProps<T extends FormikValues = FormikValues> {\n  /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */\n  formikProps: FormikConfig<T>;\n  /** Props forwarded to the HTML form element. */\n  formProps?: React.ComponentProps<\"form\">;\n  /** Auto-scroll to the first error field on submit. */\n  scrollToErrorField?: boolean;\n  /** Additional class name for the form wrapper. */\n  className?: string;\n  /** Render children directly or as a function receiving FormikProps. */\n  children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);\n}\n\nconst Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => {\n    const formikRef = useRef<FormikProps<FormikValues>>(null);\n\n    const handleSubmit: FormikConfig<FormikValues>[\"onSubmit\"] = (\n      values,\n      actions\n    ) => {\n      const fieldsWithServerError = getFieldsWithServerError(\n        formikRef.current?.status\n      );\n\n      if (fieldsWithServerError.length > 0) {\n        actions.setSubmitting(false);\n\n        return undefined;\n      }\n\n      return formikProps.onSubmit(values, actions);\n    };\n\n    return (\n      <Formik\n        innerRef={formikRef as React.Ref<FormikProps<FormikValues>>}\n        {...formikProps}\n        onSubmit={handleSubmit}\n      >\n        {props => (\n          <FormWrapper {...{ className, formProps, ref, scrollToErrorField }}>\n            {typeof children === \"function\" ? children(props) : children}\n          </FormWrapper>\n        )}\n      </Formik>\n    );\n  }\n);\n\nForm.displayName = \"Form\";\n\nexport { Form };\n"],"names":["is","useFormikContext","useEffect","forwardRef","useRef","useCallback","_jsxs","FormikForm","_jsx","Formik"],"mappings":"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"}

package/dist/cjs/formik/Input.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Input = require('../Input-pkugjUb0.js');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Field.js');
+require('../index-BZhTddX0.js');
+require('../label-Bdc9ytTI.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-D-iDn9RI.js');
+require('../separator-CPy2gyg1.js');
+require('../primitives/InputGroup.js');
+require('../input-group-DoK0-4fL.js');
+require('../button-B8XGl69v.js');
+require('../index-DuNgWCXZ.js');
+require('../input-CgKPISj_.js');
+require('../textarea-CZSSY75H.js');
+
+const FormikInput = React.forwardRef(({ name, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = formik.getIn(status, name);
+        const fieldProps = {
+            ...field,
+            onChange: (e) => {
+                setStatus(ramda.dissoc(name, status));
+                field.onChange(e);
+            },
+        };
+        return (jsxRuntime.jsx(Input.Input, { ref: ref, ...fieldProps, error: meta.touched ? meta.error || fieldStatus : "", ...rest }));
+    } })));
+FormikInput.displayName = "FormikInput";
+
+exports.FormikInput = FormikInput;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/formik/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n  ({ name, ...rest }, ref) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        const fieldProps = {\n          ...field,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n          },\n        };\n\n        return (\n          <Input\n            ref={ref}\n            {...fieldProps}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":["forwardRef","_jsx","Field","getIn","dissoc","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrBC,cAAA,CAACC,YAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAsC,KAAI;gBACnD,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEH,cAAA,CAACI,WAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/formik/MultiEmailInput.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var MultiEmailInput = require('../MultiEmailInput-l0_YVjbp.js');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Field.js');
+require('../index-BZhTddX0.js');
+require('../label-Bdc9ytTI.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-D-iDn9RI.js');
+require('../separator-CPy2gyg1.js');
+require('../x-Brw3FJst.js');
+require('../createLucideIcon-D0tRgV6l.js');
+
+const FormikMultiEmailInput = React.forwardRef(({ name, ...otherProps }, ref) => {
+    const [field, meta, { setValue, setTouched }] = formik.useField(name);
+    const { status = {}, setStatus } = formik.useFormikContext();
+    const fieldStatus = formik.getIn(status, name);
+    return (jsxRuntime.jsx(MultiEmailInput.MultiEmailInput, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", value: field.value, onBlur: () => setTouched(true), onChange: value => {
+            setStatus(ramda.dissoc(name, status));
+            setValue(value);
+        }, ...otherProps }));
+});
+FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
+
+exports.FormikMultiEmailInput = FormikMultiEmailInput;
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/cjs/formik/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":["../../../../src/formik/MultiEmailInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport {\n  MultiEmailInput,\n  MultiEmailInputProps,\n} from \"src/components/MultiEmailInput\";\n\nexport interface FormikMultiEmailInputProps extends MultiEmailInputProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikMultiEmailInput = forwardRef<\n  HTMLInputElement,\n  FormikMultiEmailInputProps\n>(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status = {}, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <MultiEmailInput\n      ref={ref}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nexport { FormikMultiEmailInput };\n"],"names":["forwardRef","useField","useFormikContext","getIn","_jsx","MultiEmailInput","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,GAAGA,gBAAU,CAGtC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEC,eAACC,+BAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,QAAQ,EAAE,KAAK,IAAG;YAChB,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}