@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/Dropzone/DropzoneSinglePickPreview.js

@@ -1,8 +1,16 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { isFile as u } from "./DropzoneUtils.js";
-import { X as f, FileIcon as d } from "lucide-react";
-const m = (e) => {
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useState as y, useMemo as d, useEffect as w } from "react";
+import { isFile as N } from "./DropzoneUtils.js";
+import { X as x, FileIcon as v, Video as k, PencilIcon as L, Trash2 as F } from "lucide-react";
+import { MediaPlayer as P, MediaProvider as z } from "@vidstack/react";
+import { DefaultVideoLayout as E, defaultLayoutIcons as I } from "@vidstack/react/player/layouts/default";
+import { Button as U } from "../Button/Button.js";
+import "@vidstack/react/player/styles/base.css";
+import "@vidstack/react/player/styles/default/theme.css";
+import "@vidstack/react/player/styles/default/layouts/video.css";
+/* empty css                              */
+import { ButtonIcon as j } from "../ButtonIcon/ButtonIcon.js";
+const C = (e) => {
   if (!e) return "";
   switch (!0) {
     case (typeof e == "string" && !!e.trim() && e !== "null"):
@@ -14,29 +22,118 @@ const m = (e) => {
     default:
       return "";
   }
-}, b = ({
+}, S = (e) => {
+  if (!e) return !1;
+  try {
+    const i = new URL(e).hostname.toLowerCase();
+    return i.includes("youtube.com") || i.includes("youtu.be");
+  } catch {
+    return !1;
+  }
+}, B = (e) => {
+  try {
+    const o = new URL(e);
+    if (o.hostname.toLowerCase().includes("youtu.be"))
+      return o.pathname.replace("/", "").trim();
+    const f = o.searchParams.get("v");
+    if (f) return f.trim();
+    const u = o.pathname.split("/").filter(Boolean), l = u.findIndex((h) => h === "embed");
+    return l >= 0 && u[l + 1] ? u[l + 1].trim() : "";
+  } catch {
+    return "";
+  }
+}, G = ({
   item: e,
-  disabled: i,
-  onRemoveClick: a
+  disabled: o,
+  onRemoveClick: i,
+  onReplaceClick: f,
+  labelReplace: u = "Замінити"
 }) => {
-  const o = u(e), r = o ? e.name : e, s = c(() => o && e?.type?.includes("image") || typeof e == "string", [e, o]), l = c(() => s ? m(e) : "", [e, s]);
-  return /* @__PURE__ */ n("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden  outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
-    !i && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: a, children: /* @__PURE__ */ t(f, { size: 16, strokeWidth: 2, color: "black" }) }),
-    l ? /* @__PURE__ */ t(
-      "img",
+  const [l, h] = y(""), n = N(e), m = n ? e.name : e, s = d(
+    () => typeof e == "string" && S(e),
+    [e]
+  ), g = d(() => {
+    if (!s || typeof e != "string") return "";
+    const r = B(e);
+    return r ? `youtube/${r}` : e;
+  }, [s, e]), p = d(() => n && e.type?.includes("image") || typeof e == "string" && !s, [e, n, s]), a = d(() => n && e.type?.includes("video") || s, [e, n, s]), b = d(() => n ? `${(e.size / (1024 * 1024)).toFixed(0)} MB` : "", [e, n]);
+  return w(() => {
+    if (p || a) {
+      const r = C(e);
+      if (h(r), n && r)
+        return () => URL.revokeObjectURL(r);
+    } else
+      h("");
+  }, [e, n, p, a]), /* @__PURE__ */ c("div", { className: "relative w-full overflow-hidden", children: [
+    a && l ? /* @__PURE__ */ t("div", { className: "w-full h-64 sm:h-80 md:h-96 rounded-lg overflow-hidden bg-black", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ c(
+      P,
+      {
+        src: s ? g : { src: l, type: n ? e.type : void 0 },
+        className: `h-full w-full bg-black text-white ${s ? "dropzone-youtube-player" : ""}`,
+        playsInline: !0,
+        children: [
+          /* @__PURE__ */ t(z, {}),
+          /* @__PURE__ */ t(E, { icons: I })
+        ]
+      }
+    ) }) : !a && l ? /* @__PURE__ */ c("div", { className: "relative w-full h-full overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
+      !o && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: i, children: /* @__PURE__ */ t(x, { size: 16, strokeWidth: 2, color: "black" }) }),
+      /* @__PURE__ */ t(
+        "img",
+        {
+          src: l,
+          alt: m?.toString(),
+          className: "w-full h-full object-cover rounded-lg"
+        }
+      )
+    ] }) : a ? null : /* @__PURE__ */ c("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
+      !o && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: i, children: /* @__PURE__ */ t(x, { size: 16, strokeWidth: 2, color: "black" }) }),
+      /* @__PURE__ */ c("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
+        /* @__PURE__ */ t(v, { size: 28 }),
+        /* @__PURE__ */ t("span", { className: "text-sm mt-2 break-all px-2 text-center", children: m?.toString() })
+      ] })
+    ] }),
+    a && !s && /* @__PURE__ */ c(
+      "div",
       {
-        src: l,
-        alt: r?.toString(),
-        className: "w-full h-full object-cover rounded-lg "
+        className: "mt-2 w-full h-auto min-h-14 rounded-[8px] border border-[#E8E9EB] bg-[#FCFCFC] p-2 flex items-center gap-4",
+        onClick: (r) => r.stopPropagation(),
+        children: [
+          /* @__PURE__ */ t("div", { className: "size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(k, { className: "size-6 text-[#06080D]" }) }),
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start", children: [
+            /* @__PURE__ */ t("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left", children: m?.toString() }),
+            /* @__PURE__ */ t("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left", children: b })
+          ] }),
+          !o && /* @__PURE__ */ t(
+            U,
+            {
+              type: "button",
+              color: "secondary",
+              startAdornment: L,
+              size: "md",
+              onClick: (r) => {
+                r.stopPropagation(), f?.(r);
+              },
+              children: u
+            }
+          ),
+          !o && /* @__PURE__ */ t(
+            j,
+            {
+              icon: F,
+              variant: "outlined",
+              size: "md",
+              color: "secondary",
+              onClick: i
+            }
+          )
+        ]
       }
-    ) : /* @__PURE__ */ n("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
-      /* @__PURE__ */ t(d, { size: 28 }),
-      /* @__PURE__ */ t("span", { className: "text-sm mt-2 break-all px-2 text-center", children: r?.toString() })
-    ] })
+    )
   ] });
 };
 export {
-  b as DropzoneSinglePickPreview,
-  m as transformImageToSrc
+  G as DropzoneSinglePickPreview,
+  C as transformImageToSrc
 };
 //# sourceMappingURL=DropzoneSinglePickPreview.js.map

package/Dropzone/DropzoneSinglePickPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneSinglePickPreview.js","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\nimport { DropzoneValueItem } from './Dropzone.types';\r\nimport { isFile } from './DropzoneUtils';\r\nimport { FileIcon, X } from 'lucide-react';\r\n\r\nexport const transformImageToSrc = (preview?: string | File | null): string => {\r\n  if (!preview) return '';\r\n  switch (true) {\r\n    case typeof preview === 'string' && !!preview.trim() && preview !== 'null':\r\n      return preview;\r\n    case preview instanceof File:\r\n      return URL.createObjectURL(preview);\r\n    case preview instanceof FileList:\r\n      return preview[0] ? URL.createObjectURL(preview[0]) : '';\r\n    default:\r\n      return '';\r\n  }\r\n};\r\n\r\ninterface SinglePickPreviewProps {\r\n  item: DropzoneValueItem;\r\n  disabled?: boolean;\r\n  onRemoveClick: (e: React.MouseEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport const DropzoneSinglePickPreview = ({\r\n  item,\r\n  disabled,\r\n  onRemoveClick,\r\n}: SinglePickPreviewProps) => {\r\n  const isFileType = isFile(item);\r\n  const fileName = isFileType ? item.name : item;\r\n\r\n  const showImage = useMemo(() => {\r\n    return (isFileType && (item as File)?.type?.includes('image')) || typeof item === 'string';\r\n  }, [item, isFileType]);\r\n\r\n  const preview = useMemo(() => (showImage ? transformImageToSrc(item) : ''), [item, showImage]);\r\n\r\n  return (\r\n    <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden  outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n      {!disabled && (\r\n        <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n          <X size={16} strokeWidth={2} color=\"black\" />\r\n        </div>\r\n      )}\r\n\r\n      {preview ? (\r\n        <img\r\n          src={preview}\r\n          alt={fileName?.toString()}\r\n          className=\"w-full h-full object-cover rounded-lg \"\r\n        />\r\n      ) : (\r\n        <div className=\"w-full h-full flex flex-col items-center justify-center text-gray-600\">\r\n          <FileIcon size={28} />\r\n          <span className=\"text-sm mt-2 break-all px-2 text-center\">\r\n            {fileName?.toString()}\r\n          </span>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["transformImageToSrc","preview","DropzoneSinglePickPreview","item","disabled","onRemoveClick","isFileType","isFile","fileName","showImage","useMemo","jsxs","jsx","X","FileIcon"],"mappings":";;;;AAKO,MAAMA,IAAsB,CAACC,MAA2C;AAC7E,MAAI,CAACA,EAAS,QAAO;AACrB,UAAQ,IAAA;AAAA,IACN,MAAK,OAAOA,KAAY,YAAY,CAAC,CAACA,EAAQ,KAAA,KAAUA,MAAY;AAClE,aAAOA;AAAA,IACT,KAAKA,aAAmB;AACtB,aAAO,IAAI,gBAAgBA,CAAO;AAAA,IACpC,KAAKA,aAAmB;AACtB,aAAOA,EAAQ,CAAC,IAAI,IAAI,gBAAgBA,EAAQ,CAAC,CAAC,IAAI;AAAA,IACxD;AACE,aAAO;AAAA,EAAA;AAEb,GAQaC,IAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AACF,MAA8B;AAC5B,QAAMC,IAAaC,EAAOJ,CAAI,GACxBK,IAAWF,IAAaH,EAAK,OAAOA,GAEpCM,IAAYC,EAAQ,MAChBJ,KAAeH,GAAe,MAAM,SAAS,OAAO,KAAM,OAAOA,KAAS,UACjF,CAACA,GAAMG,CAAU,CAAC,GAEfL,IAAUS,EAAQ,MAAOD,IAAYT,EAAoBG,CAAI,IAAI,IAAK,CAACA,GAAMM,CAAS,CAAC;AAE7F,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,iIACZ,UAAA;AAAA,IAAA,CAACP,KACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,iFAAgF,SAASP,GACtG,UAAA,gBAAAO,EAACC,GAAA,EAAE,MAAM,IAAI,aAAa,GAAG,OAAM,SAAQ,GAC7C;AAAA,IAGDZ,IACC,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKX;AAAA,QACL,KAAKO,GAAU,SAAA;AAAA,QACf,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,gBAAAG,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,wBACnB,QAAA,EAAK,WAAU,2CACb,UAAAN,GAAU,WAAS,CACtB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DropzoneSinglePickPreview.js","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport { DropzoneValueItem } from './Dropzone.types';\r\nimport { isFile } from './DropzoneUtils';\r\nimport { FileIcon, PencilIcon, Trash2, Video, X } from 'lucide-react';\r\nimport { MediaPlayer, MediaProvider } from '@vidstack/react';\r\nimport { defaultLayoutIcons, DefaultVideoLayout } from '@vidstack/react/player/layouts/default';\r\nimport { Button } from '../Button/Button';\r\n\r\nimport '@vidstack/react/player/styles/base.css';\r\nimport '@vidstack/react/player/styles/default/theme.css';\r\nimport '@vidstack/react/player/styles/default/layouts/video.css';\r\nimport './DropzoneSinglePickPreview.css';\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nexport const transformImageToSrc = (preview?: string | File | null): string => {\r\n  if (!preview) return '';\r\n  switch (true) {\r\n    case typeof preview === 'string' && !!preview.trim() && preview !== 'null':\r\n      return preview;\r\n    case preview instanceof File:\r\n      return URL.createObjectURL(preview);\r\n    case preview instanceof FileList:\r\n      return preview[0] ? URL.createObjectURL(preview[0]) : '';\r\n    default:\r\n      return '';\r\n  }\r\n};\r\n\r\nconst isYoutubeUrl = (value?: string | null) => {\r\n  if (!value) return false;\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n    return hostname.includes('youtube.com') || hostname.includes('youtu.be');\r\n  } catch {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst extractYoutubeId = (value: string) => {\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n\r\n    if (hostname.includes('youtu.be')) {\r\n      return url.pathname.replace('/', '').trim();\r\n    }\r\n\r\n    const searchId = url.searchParams.get('v');\r\n    if (searchId) return searchId.trim();\r\n\r\n    const pathParts = url.pathname.split('/').filter(Boolean);\r\n    const embedIndex = pathParts.findIndex((part) => part === 'embed');\r\n    if (embedIndex >= 0 && pathParts[embedIndex + 1]) {\r\n      return pathParts[embedIndex + 1].trim();\r\n    }\r\n\r\n    return '';\r\n  } catch {\r\n    return '';\r\n  }\r\n};\r\n\r\ninterface SinglePickPreviewProps {\r\n  item: DropzoneValueItem;\r\n  disabled?: boolean;\r\n  onRemoveClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onReplaceClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  labelUploaded?: string;\r\n  labelReplace?: string;\r\n}\r\n\r\nexport const DropzoneSinglePickPreview = ({\r\n  item,\r\n  disabled,\r\n  onRemoveClick,\r\n  onReplaceClick,\r\n  labelReplace = 'Замінити',\r\n}: SinglePickPreviewProps) => {\r\n  const [previewUrl, setPreviewUrl] = useState('');\r\n  const isFileType = isFile(item);\r\n  const fileName = isFileType ? item.name : item;\r\n\r\n  const isYoutubeVideo = useMemo(\r\n    () => typeof item === 'string' && isYoutubeUrl(item),\r\n    [item]\r\n  );\r\n  const youtubeSource = useMemo(() => {\r\n    if (!isYoutubeVideo || typeof item !== 'string') return '';\r\n    const id = extractYoutubeId(item);\r\n    return id ? `youtube/${id}` : item;\r\n  }, [isYoutubeVideo, item]);\r\n\r\n  const showImage = useMemo(() => {\r\n    return (isFileType && item.type?.includes('image')) || (typeof item === 'string' && !isYoutubeVideo);\r\n  }, [item, isFileType, isYoutubeVideo]);\r\n\r\n  const showVideo = useMemo(() => {\r\n    return (isFileType && item.type?.includes('video')) || isYoutubeVideo;\r\n  }, [item, isFileType, isYoutubeVideo]);\r\n\r\n  const fileSize = useMemo(() => {\r\n    if (!isFileType) return '';\r\n    return `${(item.size / (1024 * 1024)).toFixed(0)} MB`;\r\n  }, [item, isFileType]);\r\n\r\n  useEffect(() => {\r\n    if (showImage || showVideo) {\r\n      const nextPreview = transformImageToSrc(item);\r\n      setPreviewUrl(nextPreview);\r\n\r\n      if (isFileType && nextPreview) {\r\n        return () => URL.revokeObjectURL(nextPreview);\r\n      }\r\n    } else {\r\n      setPreviewUrl('');\r\n    }\r\n\r\n    return undefined;\r\n  }, [item, isFileType, showImage, showVideo]);\r\n\r\n  return (\r\n    <div className=\"relative w-full overflow-hidden\">\r\n      {showVideo && previewUrl ? (\r\n        <div className=\"w-full h-64 sm:h-80 md:h-96 rounded-lg overflow-hidden bg-black\" onClick={(event) => event.stopPropagation()}>\r\n          <MediaPlayer\r\n            src={\r\n              isYoutubeVideo\r\n                ? youtubeSource\r\n                : { src: previewUrl, type: isFileType ? item.type : undefined }\r\n            }\r\n            className={`h-full w-full bg-black text-white ${\r\n              isYoutubeVideo ? 'dropzone-youtube-player' : ''\r\n            }`}\r\n            playsInline\r\n          >\r\n            <MediaProvider />\r\n            <DefaultVideoLayout icons={defaultLayoutIcons} />\r\n          </MediaPlayer>\r\n        </div>\r\n      ) : !showVideo && previewUrl ? (\r\n        <div className=\"relative w-full h-full overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <img\r\n            src={previewUrl}\r\n            alt={fileName?.toString()}\r\n            className=\"w-full h-full object-cover rounded-lg\"\r\n          />\r\n        </div>\r\n      ) : !showVideo ? (\r\n        <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <div className=\"w-full h-full flex flex-col items-center justify-center text-gray-600\">\r\n            <FileIcon size={28} />\r\n            <span className=\"text-sm mt-2 break-all px-2 text-center\">\r\n              {fileName?.toString()}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n\r\n      {showVideo && !isYoutubeVideo && (\r\n        <div\r\n          className=\"mt-2 w-full h-auto min-h-14 rounded-[8px] border border-[#E8E9EB] bg-[#FCFCFC] p-2 flex items-center gap-4\"\r\n          onClick={(event) => event.stopPropagation()}\r\n        >\r\n          <div className=\"size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0\">\r\n            <Video className=\"size-6 text-[#06080D]\" />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start\">\r\n            <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left\">\r\n              {fileName?.toString()}\r\n            </span>\r\n            <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left\">\r\n              {fileSize}\r\n            </span>\r\n          </div>\r\n\r\n          {!disabled && (\r\n            <Button\r\n              type=\"button\"\r\n              color=\"secondary\"\r\n              startAdornment={PencilIcon}\r\n              size=\"md\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                onReplaceClick?.(event);\r\n              }}\r\n            >\r\n              {labelReplace}\r\n            </Button>\r\n          )}\r\n\r\n          {!disabled && (\r\n            <ButtonIcon\r\n              icon={Trash2}\r\n              variant=\"outlined\"\r\n              size=\"md\"\r\n              color=\"secondary\"\r\n              onClick={onRemoveClick}\r\n            />\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["transformImageToSrc","preview","isYoutubeUrl","value","hostname","extractYoutubeId","url","searchId","pathParts","embedIndex","part","DropzoneSinglePickPreview","item","disabled","onRemoveClick","onReplaceClick","labelReplace","previewUrl","setPreviewUrl","useState","isFileType","isFile","fileName","isYoutubeVideo","useMemo","youtubeSource","id","showImage","showVideo","fileSize","useEffect","nextPreview","jsxs","jsx","event","MediaPlayer","MediaProvider","DefaultVideoLayout","defaultLayoutIcons","X","FileIcon","Video","Button","PencilIcon","ButtonIcon","Trash2"],"mappings":"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"}

package/Dropzone/index.js

@@ -1,8 +1,10 @@
-import { Dropzone as r } from "./Dropzone.js";
-import { DEFAULT_FILE_TYPES as _, DEFAULT_IMAGES_TYPES as e } from "./Dropzone.types.js";
+import { Dropzone as _ } from "./Dropzone.js";
+import { DEFAULT_DOCUMENT_TYPES as o, DEFAULT_FILE_TYPES as r, DEFAULT_IMAGES_TYPES as A, DEFAULT_VIDEO_TYPES as F } from "./Dropzone.types.js";
 export {
-  _ as DEFAULT_FILE_TYPES,
-  e as DEFAULT_IMAGES_TYPES,
-  r as Dropzone
+  o as DEFAULT_DOCUMENT_TYPES,
+  r as DEFAULT_FILE_TYPES,
+  A as DEFAULT_IMAGES_TYPES,
+  F as DEFAULT_VIDEO_TYPES,
+  _ as Dropzone
 };
 //# sourceMappingURL=index.js.map

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;AAG9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAqCnE,eAAO,MAAM,iBAAiB,GAC5B,IAAI,SAAS,WAAW,GAAG,WAAW,EAEtC,OAAO,sBAAsB,CAAC,IAAI,CAAC,4CAgDpC,CAAC"}

package/Form/FormRenderControl.js

@@ -1,35 +1,62 @@
-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 e, jsxs as u } from "react/jsx-runtime";
+import { FormField as h, FormItem as d, FormMessage as f, FormLabel as F } from "./Form.js";
+import { cloneElement as P } from "react";
+import { cn as l } from "@oneplatformdev/utils";
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
+const N = (n) => {
+  const { label: t, tooltip: s, tooltipProps: r } = n, o = /* @__PURE__ */ e(F, { children: t });
+  return t ? s ? /* @__PURE__ */ e(
+    b,
     {
-      control: m.control,
-      name: l,
-      render: (p) => /* @__PURE__ */ t(d, { ...c, children: [
-        (o || e) && /* @__PURE__ */ t(
-          F,
+      message: s,
+      showQuestionMark: !0,
+      questionIconSize: "sm",
+      contentProps: {
+        side: "right",
+        align: "center"
+      },
+      ...r,
+      triggerProps: {
+        ...r?.triggerProps,
+        className: l("cursor-help", r?.triggerProps?.className)
+      },
+      children: P(o, { className: l("cursor-help", o.props.classNames) })
+    }
+  ) : o : null;
+}, I = (n) => {
+  const {
+    form: t,
+    name: s,
+    label: r,
+    tooltip: o,
+    tooltipProps: i,
+    render: m,
+    containerProps: p = {},
+    showErrorMessages: c = !0,
+    ...a
+  } = n;
+  return /* @__PURE__ */ e(
+    h,
+    {
+      control: t.control,
+      name: s,
+      render: (g) => /* @__PURE__ */ u(d, { ...p, children: [
+        /* @__PURE__ */ e(
+          N,
           {
-            className: x(
-              "flex items-center gap-1"
-            ),
-            children: [
-              o && /* @__PURE__ */ r("span", { children: o }),
-              e && /* @__PURE__ */ r(h, { content: e })
-            ]
+            label: r,
+            tooltip: o,
+            tooltipProps: i
           }
         ),
-        s(p),
-        /* @__PURE__ */ r(f, {})
+        m(g),
+        c && /* @__PURE__ */ e(f, {})
       ] }),
-      ...i
+      ...a
     }
   );
 };
 export {
-  B as FormRenderControl
+  I 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\";\r\nimport { FormRenderControlProps } from \"./FormRenderControl.types\";\r\nimport { FieldValues } from \"react-hook-form\";\r\nimport { cn } from \"@oneplatformdev/utils\";\r\nimport { FormTooltipButton } from \"./FormTooltipButton\";\r\n\r\nexport const FormRenderControl = <\r\n  Data extends FieldValues = FieldValues,\r\n>(\r\n  props: FormRenderControlProps<Data>\r\n) => {\r\n  const { form, name, label, tooltip, render, containerProps = {}, ...rest } = props;\r\n  return (\r\n    <FormField\r\n      control={form.control}\r\n      name={name}\r\n      render={(params) => (\r\n        <FormItem {...containerProps}>\r\n          {(label || tooltip) && (\r\n            <FormLabel\r\n              className={cn(\r\n                \"flex items-center gap-1\"\r\n              )}\r\n            >\r\n              {label && <span>{label}</span>}\r\n              {tooltip && (\r\n                <FormTooltipButton content={tooltip} />\r\n              )}\r\n            </FormLabel>\r\n          )}\r\n          {render(params)}\r\n          <FormMessage />\r\n        </FormItem>\r\n      )}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\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\";\r\n\r\nimport { FormField, FormItem, FormLabel, FormMessage } from \"./Form\";\r\nimport { FormRenderControlProps } from \"./FormRenderControl.types\";\r\nimport { Tooltip } from \"../Tooltip\";\r\nimport { cloneElement } from \"react\";\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\ninterface IFormLabelWithTooltipProps<\r\n  Data extends FieldValues = FieldValues,\r\n> extends Pick<FormRenderControlProps<Data>, 'label' | 'tooltip' | 'tooltipProps'> {\r\n}\r\n\r\nconst FormLabelWithTooltip = <\r\n  Data extends FieldValues = FieldValues,\r\n>(props: IFormLabelWithTooltipProps<Data>) => {\r\n  const { label, tooltip, tooltipProps } = props;\r\n  const cmp = <FormLabel>{label}</FormLabel>;\r\n  if (!label) return null;\r\n  if (!tooltip) return cmp;\r\n  return (\r\n    <Tooltip\r\n      message={tooltip}\r\n      showQuestionMark\r\n      questionIconSize=\"sm\"\r\n      contentProps={{\r\n        side: \"right\",\r\n        align: \"center\"\r\n      }}\r\n      {...tooltipProps}\r\n      triggerProps={{\r\n        ...tooltipProps?.triggerProps,\r\n        className: cn('cursor-help', tooltipProps?.triggerProps?.className),\r\n      }}\r\n    >\r\n      {cloneElement(cmp, { className: cn('cursor-help', cmp.props.classNames) })}\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\nexport const FormRenderControl = <\r\n  Data extends FieldValues = FieldValues,\r\n>(\r\n  props: FormRenderControlProps<Data>\r\n) => {\r\n  const {\r\n    form,\r\n    name,\r\n    label,\r\n    tooltip,\r\n    tooltipProps,\r\n    render,\r\n    containerProps = {},\r\n    showErrorMessages = true,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <FormField\r\n      control={form.control}\r\n      name={name}\r\n      render={(params) => (\r\n        <FormItem {...containerProps}>\r\n          <FormLabelWithTooltip\r\n            label={label}\r\n            tooltip={tooltip}\r\n            tooltipProps={tooltipProps}\r\n          />\r\n          {/*{(label || tooltip) && (*/}\r\n          {/*  <FormLabel className={cn(\"flex items-center gap-1\")}>*/}\r\n          {/*    {label && <span>{label}</span>}*/}\r\n          {/*    {tooltip && (*/}\r\n          {/*      <Tooltip*/}\r\n          {/*        message={tooltip}*/}\r\n          {/*        showQuestionMark*/}\r\n          {/*        questionIconSize=\"xs\"*/}\r\n          {/*        contentProps={{*/}\r\n          {/*          side: \"right\",*/}\r\n          {/*          align: \"center\"*/}\r\n          {/*        }}*/}\r\n          {/*        {...props.tooltipProps}*/}\r\n          {/*      />*/}\r\n          {/*    )}*/}\r\n          {/*  </FormLabel>*/}\r\n          {/*)}*/}\r\n          {render(params)}\r\n          {showErrorMessages && <FormMessage/>}\r\n        </FormItem>\r\n      )}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["FormLabelWithTooltip","props","label","tooltip","tooltipProps","cmp","jsx","FormLabel","Tooltip","cn","cloneElement","FormRenderControl","form","name","render","containerProps","showErrorMessages","rest","FormField","params","jsxs","FormItem","FormMessage"],"mappings":";;;;;AAaA,MAAMA,IAAuB,CAE3BC,MAA4C;AAC5C,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,cAAAC,EAAA,IAAiBH,GACnCI,IAAM,gBAAAC,EAACC,GAAA,EAAW,UAAAL,EAAA,CAAM;AAC9B,SAAKA,IACAC,IAEH,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,kBAAgB;AAAA,MAChB,kBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAER,GAAGC;AAAA,MACJ,cAAc;AAAA,QACZ,GAAGA,GAAc;AAAA,QACjB,WAAWK,EAAG,eAAeL,GAAc,cAAc,SAAS;AAAA,MAAA;AAAA,MAGnE,UAAAM,EAAaL,GAAK,EAAE,WAAWI,EAAG,eAAeJ,EAAI,MAAM,UAAU,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,IAhBxDA,IADF;AAoBrB,GAEaM,IAAoB,CAG/BV,MACG;AACH,QAAM;AAAA,IACJ,MAAAW;AAAA,IACA,MAAAC;AAAA,IACA,OAAAX;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAU;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDhB;AACJ,SACE,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASN,EAAK;AAAA,MACd,MAAAC;AAAA,MACA,QAAQ,CAACM,MACP,gBAAAC,EAACC,GAAA,EAAU,GAAGN,GACZ,UAAA;AAAA,QAAA,gBAAAT;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAAE;AAAA,YACA,SAAAC;AAAA,YACA,cAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAmBDU,EAAOK,CAAM;AAAA,QACbH,uBAAsBM,GAAA,CAAA,CAAW;AAAA,MAAA,GACpC;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/Form/FormRenderControl.types.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"FormRenderControl.types.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,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,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,4BAA4B,CACtC,IAAI,SAAS,WAAW,GAAG,WAAW,IACpC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA"}

package/FormCombobox/FormCombobox.d.ts

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

package/FormCombobox/FormCombobox.d.ts.map

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

package/FormCombobox/FormCombobox.js

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

package/FormCombobox/FormCombobox.js.map

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

package/FormCombobox/FormCombobox.types.d.ts

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

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

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

package/FormDatePicker/FormDatePicker.d.ts.map

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

package/FormDatePicker/FormDatePicker.js

@@ -1,23 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as l } from "../DatePicker/DatePicker.js";
-import { FormRenderControl as p } from "../Form/FormRenderControl.js";
-import { FormControl as s } from "../Form/Form.js";
-const g = (t) => {
-  const { form: n, name: m, label: a, onDateChange: c, ...i } = t;
-  return /* @__PURE__ */ o(
-    p,
+import { jsx as r } from "react/jsx-runtime";
+import { DatePicker as s } from "../DatePicker/DatePicker.js";
+import { FormRenderControl as C } from "../Form/FormRenderControl.js";
+import { FormControl as D } from "../Form/Form.js";
+const P = (t) => {
+  const { form: n, name: m, tooltip: a, tooltipProps: p, label: i, onDateChange: l, ...c } = t;
+  return /* @__PURE__ */ r(
+    C,
     {
       form: n,
       name: m,
-      label: a,
-      render: ({ field: r }) => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
-        l,
+      tooltip: a,
+      tooltipProps: p,
+      label: i,
+      render: ({ field: o }) => /* @__PURE__ */ r(D, { 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';\r\n\r\nimport { DatePicker } from '../DatePicker';\r\nimport { FormControl, FormRenderControl } from '../Form';\r\nimport { FieldValues } from 'react-hook-form';\r\nimport { FormDatePickerProps } from './FormDatePicker.types';\r\n\r\n// TODO: add description\r\nexport const FormDatePicker = <Data extends FieldValues>(\r\n  props: FormDatePickerProps<Data>\r\n) => {\r\n  const { form, name, label, onDateChange, ...rest } = props;\r\n  return (\r\n    <FormRenderControl\r\n      form={form}\r\n      name={name}\r\n      label={label}\r\n      render={({ field }) => (\r\n        <FormControl>\r\n          <DatePicker\r\n            { ...field }\r\n            { ...rest }\r\n            selectedDate={field.value}\r\n            onDateChange={(date: Date | undefined) => {\r\n              field.onChange(date);\r\n              onDateChange?.(date);\r\n            }}\r\n          />\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\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';\r\n\r\nimport { DatePicker } from '../DatePicker';\r\nimport { FormControl, FormRenderControl } from '../Form';\r\nimport { FieldValues } from 'react-hook-form';\r\nimport { FormDatePickerProps } from './FormDatePicker.types';\r\n\r\n// TODO: add description\r\nexport const FormDatePicker = <Data extends FieldValues>(\r\n  props: FormDatePickerProps<Data>\r\n) => {\r\n  const { form, name, tooltip, tooltipProps, label, onDateChange, ...rest } = props;\r\n  return (\r\n    <FormRenderControl\r\n      form={form}\r\n      name={name}\r\n      tooltip={tooltip}\r\n      tooltipProps={tooltipProps}\r\n      label={label}\r\n      render={({ field }) => (\r\n        <FormControl>\r\n          <DatePicker\r\n            { ...field }\r\n            { ...rest }\r\n            selectedDate={field.value}\r\n            onDateChange={(date: Date | undefined) => {\r\n              field.onChange(date);\r\n              onDateChange?.(date);\r\n            }}\r\n          />\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\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 { Dropzone as a } from "../Dropzone/Dropzone.js";
-import { FormRenderControl as l } from "../Form/FormRenderControl.js";
+import { FormRenderControl as s } from "../Form/FormRenderControl.js";
 import { FormControl as f } from "../Form/Form.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(f, { children: /* @__PURE__ */ o(a, { ...p, ...r, onChangeValue: r.onChange }) })
+      form: t,
+      label: e,
+      tooltip: m,
+      tooltipProps: p,
+      name: l,
+      render: ({ field: r }) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(a, { ...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';\r\nimport { Dropzone } from '../Dropzone';\r\nimport { FieldValues } from 'react-hook-form';\r\nimport { FormDropzoneProps } from './FormDropzone.types';\r\n\r\nexport const FormDropzone = <Data extends FieldValues>(\r\n  props: FormDropzoneProps<Data>\r\n) => {\r\n  const { form, label, name, ...rest } = props;\r\n\r\n  return (\r\n    <FormRenderControl\r\n      form={form}\r\n      label={label}\r\n      name={name}\r\n      render={({ field }) => (\r\n        <FormControl>\r\n          <Dropzone {...rest} {...field} onChangeValue={field.onChange} />\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\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';\r\nimport { Dropzone } from '../Dropzone';\r\nimport { FieldValues } from 'react-hook-form';\r\nimport { FormDropzoneProps } from './FormDropzone.types';\r\n\r\nexport const FormDropzone = <Data extends FieldValues>(\r\n  props: FormDropzoneProps<Data>\r\n) => {\r\n  const { form, label, tooltip, tooltipProps, name, ...rest } = props;\r\n\r\n  return (\r\n    <FormRenderControl\r\n      form={form}\r\n      label={label}\r\n      tooltip={tooltip}\r\n      tooltipProps={tooltipProps}\r\n      name={name}\r\n      render={({ field }) => (\r\n        <FormControl>\r\n          <Dropzone {...rest} {...field} onChangeValue={field.onChange} />\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\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;AA4IjE,eAAO,MAAM,SAAS,EAAiC,CAAC,IAAI,SAAS,WAAW,EAC9E,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC1D,YAAY,CAAC"}