@layers-app/shared 0.2.8 → 0.3.1

package/dist/components/FilePicker/api/unsplashApi.js

@@ -1,29 +1,24 @@
 import { useQuery as i } from "@tanstack/react-query";
-import p from "query-string";
-const u = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", c = async (t, e, o) => {
-  const h = t.query ? "/search/photos" : "/photos", n = await fetch(
-    `https://api.unsplash.com${h}?${p.stringify(t)}`,
-    {
-      headers: {
-        Authorization: `Client-ID ${e || u}`
-      }
-    }
+import c from "query-string";
+const l = async (t, a, e) => {
+  const h = t.query ? "/search/photos" : "/photos", o = await fetch(
+    `/v1/media/unsplash${h}?${c.stringify(t)}`
   );
-  if (!n.ok)
+  if (!o.ok)
     throw new Error("Failed to fetch Unsplash photos");
-  const s = await n.json(), r = s && "results" in s ? s.results : s, a = s && "total_pages" in s ? s.total_pages : 999;
+  const s = await o.json(), n = s && "results" in s ? s.results : s, r = s && "total_pages" in s ? s.total_pages : 999;
   return {
-    items: o ? [...o.items, ...r] : r,
+    items: e ? [...e.items, ...n] : n,
     page: t.page || 1,
-    totalPages: a,
-    hasMore: a > (t.page || 1)
+    totalPages: r,
+    hasMore: r > (t.page || 1)
   };
-}, f = (t, e, o) => i({
+}, y = (t, a, e) => i({
   queryKey: ["unsplashPhotos", t],
-  queryFn: () => c(t, e),
-  ...o
+  queryFn: () => l(t),
+  ...e
 });
 export {
-  c as fetchUnsplashPhotos,
-  f as useUnsplashPhotos
+  l as fetchUnsplashPhotos,
+  y as useUnsplashPhotos
 };

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureSelectableCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAYzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ1E,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,qBAAqB,+IAa7B,0BAA0B,6CAsI9B,CAAC;AAeF,eAAO,MAAM,uBAAuB,GAAI,uDAMrC,iBAAiB,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC,4CAsBD,CAAC"}
+{"version":3,"file":"PictureSelectableCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAYzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAM1E,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,qBAAqB,+IAa7B,0BAA0B,6CAsI9B,CAAC;AAeF,eAAO,MAAM,uBAAuB,GAAI,uDAMrC,iBAAiB,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC,4CAoBD,CAAC"}

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.js

@@ -1,47 +1,47 @@
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { memo as L, useMemo as N } from "react";
-import { useMantineTheme as _, parseThemeColor as x, Radio as z, alpha as p, Checkbox as P, Flex as A, ActionIcon as D } from "@mantine/core";
-import { IconTrash as w, IconPhoto as B } from "@tabler/icons-react";
-import { useAsyncStatus as H } from "../../../../../hooks/useAsyncStatus.js";
-import { combineClasses as h, STATIC_CLASSES as a } from "../../../helpers/staticClasses.js";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { memo as x, useMemo as _ } from "react";
+import { useMantineTheme as k, parseThemeColor as z, Radio as N, alpha as h, Checkbox as P, Flex as A, ActionIcon as D } from "@mantine/core";
+import { IconTrash as H, IconPhoto as B } from "@tabler/icons-react";
+import { useAsyncStatus as w } from "../../../../../hooks/useAsyncStatus.js";
+import { combineClasses as I, STATIC_CLASSES as s } from "../../../helpers/staticClasses.js";
 import { useFormViewerStore as K } from "../../../store/formStore.js";
-import { EditableContent as R } from "../EditableContent/EditableContent.js";
+import { EditableContent as M } from "../EditableContent/EditableContent.js";
 import u from "./SelectableCard.module.css.js";
-import { FilePicker as M } from "../../../../FilePicker/FilePicker.js";
-const X = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", F = "1kKxu8nbV5rsb4ieGGw0zERUSw0knTNr", oo = L(
+import { FilePicker as X } from "../../../../FilePicker/FilePicker.js";
+const Y = x(
   ({
     label: i,
     active: r,
-    disabled: n,
+    disabled: c,
     hasInput: C,
     image: t,
     onClick: E,
-    inputType: c,
+    inputType: n,
     onUpdate: e,
     onRemove: m,
-    theme: l,
-    onUpload: O
+    theme: a,
+    onUpload: S
   }) => {
-    const { useStore: S } = K(), b = S((d) => d.editing), f = _(), s = x({
-      color: l?.primaryColor || "",
-      theme: f
-    }), k = N(() => c === "radio" ? /* @__PURE__ */ o(
-      z,
+    const { useStore: f } = K(), y = f((d) => d.editing), T = k(), l = z({
+      color: a?.primaryColor || "",
+      theme: T
+    }), b = _(() => n === "radio" ? /* @__PURE__ */ o(
+      N,
       {
         style: {
-          "--color": s.value,
-          "--color-shadow": p(s.value, 0.5)
+          "--color": l.value,
+          "--color-shadow": h(l.value, 0.5)
         },
         classNames: {
-          radio: h(
+          radio: I(
             u.radio,
-            a.RADIO,
-            r ? a.RADIO_SELECTED : ""
+            s.RADIO,
+            r ? s.RADIO_SELECTED : ""
           )
         },
-        disabled: n,
-        size: l?.size,
-        color: l?.primaryColor,
+        disabled: c,
+        size: a?.size,
+        color: a?.primaryColor,
         checked: r,
         readOnly: !0,
         radius: "xl"
@@ -51,64 +51,64 @@ const X = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", F = "1kKxu8nbV5rsb4ieGG
       {
         styles: {
           input: {
-            "--color": s.value,
-            "--color-shadow": p(s.value, 0.5)
+            "--color": l.value,
+            "--color-shadow": h(l.value, 0.5)
           }
         },
         classNames: {
-          input: h(
+          input: I(
             u.checkbox,
-            a.CHECKBOX,
-            r ? a.CHECKBOX_SELECTED : ""
+            s.CHECKBOX,
+            r ? s.CHECKBOX_SELECTED : ""
           )
         },
-        disabled: n,
-        size: l?.size,
-        color: l?.primaryColor,
+        disabled: c,
+        size: a?.size,
+        color: a?.primaryColor,
         checked: r,
         readOnly: !0
       }
     ), [
       r,
-      s.value,
-      n,
+      l.value,
       c,
-      l?.primaryColor,
-      l?.size
-    ]), y = {
-      "--text-color": s.value,
-      "--border-color": s.value,
-      "--bg-color": p(s.value, 0.05)
-    }, g = e || m, v = h(
+      n,
+      a?.primaryColor,
+      a?.size
+    ]), v = {
+      "--text-color": l.value,
+      "--border-color": l.value,
+      "--bg-color": h(l.value, 0.05)
+    }, O = e || m, L = I(
       u.card,
-      c === "radio" ? a.MULTIPLE_CHOICE_OPTION : a.CHECKBOX,
-      r ? c === "radio" ? a.MULTIPLE_CHOICE_OPTION_SELECTED : a.CHECKBOX_SELECTED : ""
+      n === "radio" ? s.MULTIPLE_CHOICE_OPTION : s.CHECKBOX,
+      r ? n === "radio" ? s.MULTIPLE_CHOICE_OPTION_SELECTED : s.CHECKBOX_SELECTED : ""
     );
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ p(
       "div",
       {
-        style: y,
-        className: v,
+        style: v,
+        className: L,
         "data-active": r,
-        "data-disabled": n,
-        onClick: g ? void 0 : E,
-        "data-radius": l?.borderRadius,
+        "data-disabled": c,
+        onClick: O ? void 0 : E,
+        "data-radius": a?.borderRadius,
         children: [
-          b ? /* @__PURE__ */ o(
-            j,
+          y ? /* @__PURE__ */ o(
+            F,
             {
               hasImage: !!t,
               onUpdate: (d) => e?.({ image: d.image }),
               onRemove: () => e?.({ image: void 0 }),
-              onUpload: O,
-              children: /* @__PURE__ */ o(T, { image: t })
+              onUpload: S,
+              children: /* @__PURE__ */ o(g, { image: t })
             }
-          ) : /* @__PURE__ */ o(T, { image: t }),
-          /* @__PURE__ */ I("div", { className: u.controls, children: [
-            C && k,
-            g ? /* @__PURE__ */ I(A, { miw: 0, flex: 1, children: [
+          ) : /* @__PURE__ */ o(g, { image: t }),
+          /* @__PURE__ */ p("div", { className: u.controls, children: [
+            C && b,
+            O ? /* @__PURE__ */ p(A, { miw: 0, flex: 1, children: [
               e && /* @__PURE__ */ o(
-                R,
+                M,
                 {
                   value: i,
                   placeholder: "Option",
@@ -117,14 +117,14 @@ const X = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", F = "1kKxu8nbV5rsb4ieGG
                   }
                 }
               ),
-              m && /* @__PURE__ */ o(D, { color: "red", variant: "subtle", onClick: m, children: /* @__PURE__ */ o(w, { size: "1em" }) })
+              m && /* @__PURE__ */ o(D, { color: "red", variant: "subtle", onClick: m, children: /* @__PURE__ */ o(H, { size: "1em" }) })
             ] }) : i
           ] })
         ]
       }
     );
   }
-), T = ({ image: i }) => /* @__PURE__ */ o(
+), g = ({ image: i }) => /* @__PURE__ */ o(
   "div",
   {
     className: u.image,
@@ -133,31 +133,29 @@ const X = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", F = "1kKxu8nbV5rsb4ieGG
     },
     children: !i && /* @__PURE__ */ o(B, { size: 32, color: "var(--primary-color)" })
   }
-), j = ({
+), F = ({
   children: i,
   onUpdate: r,
-  onRemove: n,
+  onRemove: c,
   hasImage: C,
   onUpload: t
 }) => {
-  const { isLoading: E, onSubmit: c } = H();
+  const { isLoading: E, onSubmit: n } = w();
   return /* @__PURE__ */ o(
-    M,
+    X,
     {
       hasImage: C,
       onChange: (e) => r?.({
         image: e
       }),
-      unsplashClientId: X,
-      giphyToken: F,
-      onRemove: n,
-      onUpload: (e, m) => c(async () => t?.(e, m)),
+      onRemove: c,
+      onUpload: (e, m) => n(async () => t?.(e, m)),
       uploading: E,
       children: i
     }
   );
 };
 export {
-  oo as PictureSelectableCard,
-  j as UploadOptionImageButton
+  Y as PictureSelectableCard,
+  F as UploadOptionImageButton
 };

package/dist/components/FormViewer/components/fields/UploadField/UploadField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsNA,CAAC"}
+{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAW1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsNA,CAAC"}

package/dist/components/FormViewer/components/fields/UploadField/UploadField.js

@@ -1,29 +1,30 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { useCallback as S, useMemo as D } from "react";
+import { useCallback as S, useMemo as B } from "react";
 import { useTranslation as V } from "react-i18next";
 import { useMantineTheme as W, parseThemeColor as A, alpha as _, Stack as M, Group as $, Box as G, Text as L, InputError as X } from "@mantine/core";
 import { Dropzone as h } from "@mantine/dropzone";
+import { getMaxUploadSize as q } from "../../../../../config/envConfig.js";
 import { showNotification as f } from "@mantine/notifications";
-import { IconUpload as q, IconX as H, IconCloudUpload as J } from "@tabler/icons-react";
+import { IconUpload as H, IconX as J, IconCloudUpload as K } from "@tabler/icons-react";
 import { formatBytes as C } from "../../../../../helpers/formatBytes.js";
-import { useEvent as K } from "../../../../../hooks/useEvent.js";
-import { getRandomId as P } from "../../../helpers/steps.js";
-import { useSteps as Q } from "../../../hooks/useCreateFormContext.js";
-import { useFormViewerStore as Y } from "../../../store/formStore.js";
-import { UploadFile as Z } from "./UploadFile/UploadFile.js";
-import ee from "../../../FormViewer.module.css.js";
-const oe = 25 * 1024 * 1024, ye = ({
-  control: r,
+import { useEvent as P } from "../../../../../hooks/useEvent.js";
+import { getRandomId as Q } from "../../../helpers/steps.js";
+import { useSteps as Y } from "../../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as Z } from "../../../store/formStore.js";
+import { UploadFile as ee } from "./UploadFile/UploadFile.js";
+import oe from "../../../FormViewer.module.css.js";
+const te = () => q() ?? 25 * 1024 * 1024, Fe = ({
+  control: s,
   theme: d
 }) => {
-  const { t: o } = V("forms"), { form: a } = Q(), { id: s } = r, T = a.values[s], I = a.errors[s], m = r.maxSize || oe, t = r.maxFiles ?? 1, y = r.minFiles ?? 0, E = !!r.multiple || t > 1, l = r.accept && r.accept.length ? r.accept : void 0, { useStore: g } = Y(), R = g((e) => e.editing), U = g((e) => e.preview), b = W(), O = A({
+  const { t: o } = V("forms"), { form: a } = Y(), { id: r } = s, T = a.values[r], I = a.errors[r], m = s.maxSize || te(), t = s.maxFiles ?? 1, g = s.minFiles ?? 0, U = !!s.multiple || t > 1, l = s.accept && s.accept.length ? s.accept : void 0, { useStore: y } = Z(), E = y((e) => e.editing), R = y((e) => e.preview), b = W(), O = A({
     color: d?.primaryColor || "",
     theme: b
-  }), j = g((e) => e.uploadFileFn), F = K((e) => {
-    const c = a.values[s]?.findIndex(
+  }), j = y((e) => e.uploadFileFn), F = P((e) => {
+    const c = a.values[r]?.findIndex(
       (u) => u.id === e.id
     );
-    c !== -1 && a.setFieldValue(`${s}.${c}`, e);
+    c !== -1 && a.setFieldValue(`${r}.${c}`, e);
   }), k = S(
     (e) => {
       if (e.some(
@@ -79,7 +80,7 @@ const oe = 25 * 1024 * 1024, ye = ({
     [F, j]
   ), w = S(
     (e) => {
-      const c = a.values[s]?.length || 0, u = typeof t == "number" ? Math.max(0, t - c) : 1 / 0;
+      const c = a.values[r]?.length || 0, u = typeof t == "number" ? Math.max(0, t - c) : 1 / 0;
       if (u === 0) {
         f({
           message: o("uploadOption.tooManyFiles", { count: t })
@@ -89,59 +90,59 @@ const oe = 25 * 1024 * 1024, ye = ({
       const z = e.slice(0, u);
       z.forEach((p) => {
         const n = {
-          id: P(),
+          id: Q(),
           file: p,
           isError: !1,
           isLoading: !0,
           isSuccess: !1
         };
-        a.insertListItem(s, n), x(n);
+        a.insertListItem(r, n), x(n);
       }), z.length < e.length && f({
         message: o("uploadOption.tooManyFiles", { count: t })
       });
     },
-    [a, x, s, t, o]
-  ), N = D(() => [
+    [a, x, r, t, o]
+  ), D = B(() => [
     o("uploadOption.maxSize", { size: C(m) }),
-    y ? o("uploadOption.minFilesWithCount", { count: y }) : "",
+    g ? o("uploadOption.minFilesWithCount", { count: g }) : "",
     t ? o("uploadOption.maxFilesWithCount", { count: t }) : "",
     l ? o("uploadOption.accept", { types: l.join(", ") }) : ""
-  ].filter(Boolean).join(" · "), [y, t, l, o, m]), B = {
+  ].filter(Boolean).join(" · "), [g, t, l, o, m]), N = {
     "--primary-color": O.value,
     "--primary-color-hover": _(O.value, 0.05)
   };
-  return /* @__PURE__ */ v(M, { gap: 8, "data-control-id": s, w: "100%", children: [
+  return /* @__PURE__ */ v(M, { gap: 8, "data-control-id": r, w: "100%", children: [
     (T?.length ?? 0) < t && /* @__PURE__ */ i(
       h,
       {
         radius: d?.borderRadius,
         __size: d?.size,
-        disabled: R || U,
+        disabled: E || R,
         onDrop: w,
         onReject: k,
         maxFiles: t,
         maxSize: m,
         accept: l,
-        multiple: E,
+        multiple: U,
         unstyled: !0,
-        className: ee.dropzone,
-        style: B,
+        className: oe.dropzone,
+        style: N,
         children: /* @__PURE__ */ i($, { justify: "center", py: 24, children: /* @__PURE__ */ v(M, { justify: "center", align: "center", gap: 8, children: [
           /* @__PURE__ */ v(G, { c: "var(--primary-color)", children: [
-            /* @__PURE__ */ i(h.Accept, { children: /* @__PURE__ */ i(q, { size: 70, stroke: 1.2 }) }),
-            /* @__PURE__ */ i(h.Reject, { children: /* @__PURE__ */ i(H, { size: 70, stroke: 1.2 }) }),
-            /* @__PURE__ */ i(h.Idle, { children: /* @__PURE__ */ i(J, { size: 70, stroke: 1.2 }) })
+            /* @__PURE__ */ i(h.Accept, { children: /* @__PURE__ */ i(H, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Reject, { children: /* @__PURE__ */ i(J, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Idle, { children: /* @__PURE__ */ i(K, { size: 70, stroke: 1.2 }) })
           ] }),
           /* @__PURE__ */ i(L, { size: "xl", inline: !0, ta: "center", c: d?.title?.color, children: o("uploadOption.title") }),
-          /* @__PURE__ */ i(L, { size: "sm", c: d?.description?.color, mt: 4, children: N })
+          /* @__PURE__ */ i(L, { size: "sm", c: d?.description?.color, mt: 4, children: D })
         ] }) })
       }
     ),
     T?.map((e) => /* @__PURE__ */ i(
-      Z,
+      ee,
       {
         file: e,
-        id: s,
+        id: r,
         onReload: x,
         theme: d
       },
@@ -151,5 +152,5 @@ const oe = 25 * 1024 * 1024, ye = ({
   ] });
 };
 export {
-  ye as UploadField
+  Fe as UploadField
 };