@arkyn/components 3.0.1-beta.154 → 3.0.1-beta.156

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.js

@@ -0,0 +1,37 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useFullCalendar as h } from "../../_fullCalendarProvider.js";
+import { MonthlyCalendarEvent as f } from "../monthlyCalendarEvent/index.js";
+/* empty css           */
+function T(d) {
+  const { day: e, month: t, year: a, dayOwner: c } = d, { blockedTimestamps: s, onClickDate: l } = h();
+  function m() {
+    const n = /* @__PURE__ */ new Date();
+    return e === n.getDate() && t === n.getMonth() && a === n.getFullYear();
+  }
+  function i() {
+    const n = new Date(a, t, e);
+    return s.some(
+      (o) => n >= o.initialDate && n <= o.endDate
+    );
+  }
+  function u(n) {
+    if (n.stopPropagation(), !i() && l) {
+      const o = new Date(a, t, e);
+      l(o);
+    }
+  }
+  return /* @__PURE__ */ y(
+    "td",
+    {
+      className: `arkynMonthlyCalendarTableTd ${c} ${i() ? "blocked" : ""}`,
+      onClick: u,
+      children: [
+        /* @__PURE__ */ r("p", { className: m() ? "today" : "", children: e }),
+        /* @__PURE__ */ r("div", { className: "arkynMonthlyCalendarEventContainer", children: /* @__PURE__ */ r(f, { day: e, month: t, year: a }) })
+      ]
+    }
+  );
+}
+export {
+  T as MonthlyCalendarTableTd
+};

package/dist/modules/components/fullCalendar/weekCalendar/index.js

@@ -0,0 +1,13 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { WeekCalendarTableBody as a } from "./weekCalendarTableBody/index.js";
+import { WeekCalendarTableContainer as o } from "./weekCalendarTableContainer/index.js";
+import { WeekCalendarTableHeader as n } from "./weekCalendarTableHeader/index.js";
+function i() {
+  return /* @__PURE__ */ r(o, { children: [
+    /* @__PURE__ */ e(n, {}),
+    /* @__PURE__ */ e(a, {})
+  ] });
+}
+export {
+  i as WeekCalendar
+};

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarEvent/index.js

@@ -0,0 +1,79 @@
+import { jsx as M, Fragment as O, jsxs as h } from "react/jsx-runtime";
+import { useFullCalendar as k } from "../../_fullCalendarProvider.js";
+/* empty css           */
+const c = 30, T = 40;
+function S(i) {
+  const { events: D } = k(), l = D.map((t, n) => ({ event: t, sourceIndex: n })).filter(({ event: t }) => t.initialDate.getDate() === i.day && t.initialDate.getMonth() === i.month && t.initialDate.getFullYear() === i.year).sort((t, n) => {
+    var o, u;
+    const e = t.event.initialDate.getTime(), r = n.event.initialDate.getTime();
+    if (e !== r) return e - r;
+    const s = ((o = t.event.endDate) == null ? void 0 : o.getTime()) ?? e + c * 6e4, a = ((u = n.event.endDate) == null ? void 0 : u.getTime()) ?? r + c * 6e4;
+    return s !== a ? s - a : t.sourceIndex - n.sourceIndex;
+  }), y = new Map(
+    l.map((t, n) => [t.sourceIndex, n])
+  ), f = l.filter(({ event: t }) => {
+    const n = Math.floor(i.timeInMinutes / 60), e = i.timeInMinutes % 60;
+    function r() {
+      const s = t.initialDate.getHours(), a = t.initialDate.getMinutes();
+      if (s !== n) return !1;
+      if (e === 0) return a < 30 && a >= 0;
+      if (e === 30) return a >= 30 && a < 60;
+    }
+    return r() && t.initialDate.getDate() === i.day && t.initialDate.getMonth() === i.month && t.initialDate.getFullYear() === i.year;
+  });
+  if (f.length === 0) return /* @__PURE__ */ M(O, {});
+  function E(t, n) {
+    return `${i.day}-${i.month}-${i.year}-${n}-${t}`;
+  }
+  function g(t) {
+    const n = t.getHours(), e = t.getMinutes();
+    return e === 0 ? `${n}h` : `${n}h${e}`;
+  }
+  function d(t) {
+    const n = t.initialDate.getHours() * 60 + t.initialDate.getMinutes(), e = t.endDate ? t.endDate.getHours() * 60 + t.endDate.getMinutes() : n + c;
+    return {
+      startMinutes: n,
+      endMinutes: Math.max(e, n + 1)
+    };
+  }
+  function I(t, n) {
+    const e = d(t), r = y.get(n);
+    return r == null ? 0 : l.reduce((s, a, o) => {
+      if (o >= r) return s;
+      const u = d(a.event);
+      return u.startMinutes < e.endMinutes && u.endMinutes > e.startMinutes ? s + 1 : s;
+    }, 0);
+  }
+  function $(t, n) {
+    const { startMinutes: e, endMinutes: r } = d(t), s = e - i.timeInMinutes, a = Math.max(r - e, 1), o = s / c * 100, u = a / c * 100, m = I(t, n) * T;
+    return {
+      top: `${o}%`,
+      height: `${u}%`,
+      left: `${m}px`
+    };
+  }
+  function x(t, n) {
+    var e;
+    t.stopPropagation(), (e = n.onClick) == null || e.call(n, n.data);
+  }
+  return f.map(({ event: t, sourceIndex: n }, e) => /* @__PURE__ */ h(
+    "div",
+    {
+      className: `arkynWeekCalendarEvent ${(t == null ? void 0 : t.scheme) || "primary"}`,
+      style: $(t, n),
+      onClick: (r) => x(r, t),
+      children: [
+        /* @__PURE__ */ h("strong", { children: [
+          g(t.initialDate),
+          " ",
+          (t == null ? void 0 : t.endDate) && `- ${g(t.endDate)}`
+        ] }),
+        /* @__PURE__ */ M("p", { children: t.title })
+      ]
+    },
+    E(e, n)
+  ));
+}
+export {
+  S as WeekCalendarEvent
+};

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.js

@@ -0,0 +1,21 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useFullCalendar as d } from "../../_fullCalendarProvider.js";
+import { ViewService as o } from "../../_viewService.js";
+import { WeekCalendarTableTd as s } from "../weekCalendarTableTd/index.js";
+/* empty css           */
+function y() {
+  const n = d(), t = new o();
+  return /* @__PURE__ */ r("tbody", { className: "arkynWeekCalendarTableBody", children: n.listWeeklyMatrix.map((a) => /* @__PURE__ */ m("tr", { children: [
+    /* @__PURE__ */ r("td", { className: "hourTd", children: /* @__PURE__ */ r("p", { children: t.formatHourLabel(a[0].timeInMinutes) }) }),
+    a.map((e, i) => /* @__PURE__ */ r(
+      s,
+      {
+        ...e
+      },
+      `${e.year}-${e.month}-${e.day}-${e.timeInMinutes}-${i}`
+    ))
+  ] }, a[0].timeInMinutes)) });
+}
+export {
+  y as WeekCalendarTableBody
+};

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+/* empty css           */
+function t({
+  children: a
+}) {
+  return /* @__PURE__ */ e("div", { className: "arkynWeekCalendarTableContainer", children: /* @__PURE__ */ e("table", { children: a }) });
+}
+export {
+  t as WeekCalendarTableContainer
+};

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.js

@@ -0,0 +1,20 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as d } from "@arkyn/shared";
+import { useFullCalendar as s } from "../../_fullCalendarProvider.js";
+/* empty css           */
+function k() {
+  const { listWeek: l, listWeeklyMatrix: n } = s(), i = n[0] || [];
+  return /* @__PURE__ */ e("thead", { className: "arkynWeekCalendarTableHeader", children: /* @__PURE__ */ t("tr", { children: [
+    /* @__PURE__ */ e("th", {}),
+    l.map((o, r) => {
+      var a;
+      return /* @__PURE__ */ e("th", { children: /* @__PURE__ */ t("div", { className: "arkynWeekCalendarTableHeaderContent", children: [
+        /* @__PURE__ */ e("span", { children: d(o) }),
+        /* @__PURE__ */ e("strong", { children: (a = i[r]) == null ? void 0 : a.day })
+      ] }) }, r);
+    })
+  ] }) });
+}
+export {
+  k as WeekCalendarTableHeader
+};

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.js

@@ -0,0 +1,40 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useFullCalendar as u } from "../../_fullCalendarProvider.js";
+import { WeekCalendarEvent as C } from "../weekCalendarEvent/index.js";
+/* empty css           */
+function D(c) {
+  const { day: a, month: t, year: r, dayOwner: s, timeInMinutes: o } = c, { blockedTimestamps: m, onClickDate: i } = u();
+  function l() {
+    const n = new Date(r, t, a);
+    return m.some(
+      (e) => n >= e.initialDate && n <= e.endDate
+    );
+  }
+  function k(n) {
+    if (n.stopPropagation(), !l() && i) {
+      const e = new Date(r, t, a);
+      e.setHours(0, o, 0, 0), i(e);
+    }
+  }
+  return /* @__PURE__ */ d(
+    "td",
+    {
+      className: `arkynWeekCalendarTableTd ${s}  ${l() ? "blocked" : ""}`,
+      "data-day": a,
+      "data-time": o,
+      onClick: k,
+      children: /* @__PURE__ */ d("div", { className: "arkynWeekCalendarTableTdContent", children: /* @__PURE__ */ d(
+        C,
+        {
+          day: a,
+          month: t,
+          year: r,
+          timeInMinutes: o
+        }
+      ) })
+    }
+  );
+}
+export {
+  D as WeekCalendarTableTd
+};

package/dist/modules/components/googleAnalytics/googleAnalytics.client.js

@@ -0,0 +1,8 @@
+import { jsx as t, Fragment as i } from "react/jsx-runtime";
+import { GoogleAnalytics as n } from "./googleAnalytics.js";
+function g(o) {
+  return new n().initialize(o), /* @__PURE__ */ t(i, {});
+}
+export {
+  g as GoogleAnalyticsClient
+};

package/dist/modules/components/googleAnalytics/googleAnalytics.js

@@ -0,0 +1,18 @@
+import { generateGAElements as s } from "./snippets/generateGAElements.js";
+let a = class {
+  initializeAsyncScript(e) {
+    const t = document.createElement("script");
+    return t.async = !0, t.src = e, t;
+  }
+  initializeInlineScript(e) {
+    const t = document.createElement("script");
+    return t.innerHTML = e, t;
+  }
+  initialize(e) {
+    const { measurementId: t } = e, i = s({ measurementId: t }), n = this.initializeAsyncScript(i.src), c = this.initializeInlineScript(i.script);
+    document.head.appendChild(n), document.head.appendChild(c);
+  }
+};
+export {
+  a as GoogleAnalytics
+};

package/dist/modules/components/googleAnalytics/index.js

@@ -0,0 +1,10 @@
+import { jsx as o, Fragment as t } from "react/jsx-runtime";
+import { ClientOnly as i } from "../clientOnly.js";
+import { GoogleAnalyticsClient as l } from "./googleAnalytics.client.js";
+function f(e) {
+  const { measurementId: n, showInDevMode: r = !1 } = e;
+  return process.env.NODE_ENV !== "production" && !r ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o(i, { children: () => /* @__PURE__ */ o(l, { measurementId: n }) });
+}
+export {
+  f as GoogleAnalytics
+};

package/dist/modules/components/googleAnalytics/snippets/generateGAElements.js

@@ -0,0 +1,16 @@
+function g(t) {
+  const { measurementId: e } = t;
+  e || console.warn("Google Analytics Measurement ID is required");
+  const a = `https://www.googletagmanager.com/gtag/js?id=${e}`, n = `
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '${e}');`;
+  return {
+    src: a,
+    script: n
+  };
+}
+export {
+  g as generateGAElements
+};

package/dist/modules/components/googleTagManager/googleTagManager.client.js

@@ -0,0 +1,8 @@
+import { jsx as o, Fragment as a } from "react/jsx-runtime";
+import { GoogleTagManager as e } from "./googleTagManager.js";
+function i(g) {
+  return new e().initialize(g), /* @__PURE__ */ o(a, {});
+}
+export {
+  i as GoogleTagManagerClient
+};

package/dist/modules/components/googleTagManager/googleTagManager.js

@@ -0,0 +1,49 @@
+import { appendToDataLayer as s } from "./snippets/appendToDataLayer.js";
+import { generateGTMElements as d } from "./snippets/generateGTMElements.js";
+let u = class {
+  initializeDataScript(e) {
+    const t = document.createElement("script");
+    return t.innerHTML = e, t;
+  }
+  initializeGTMElements(e) {
+    const t = d(e), a = () => {
+      const i = document.createElement("noscript");
+      return i.innerHTML = t.iframe, i;
+    }, n = () => {
+      const i = document.createElement("script");
+      return i.innerHTML = t.script, i;
+    }, r = this.initializeDataScript(t.dataLayerVar);
+    return {
+      noScript: a,
+      script: n,
+      dataScript: r
+    };
+  }
+  initializeDataLayer(e) {
+    const { dataLayer: t, dataLayerName: a } = e;
+    if (window[a]) return window[a].push(t);
+    const n = s({ dataLayer: t, dataLayerName: a }), r = this.initializeDataScript(n);
+    document.head.insertBefore(r, document.head.childNodes[0]);
+  }
+  initialize(e) {
+    const {
+      events: t,
+      gtmId: a,
+      dataLayer: n,
+      auth: r = "",
+      preview: i = "",
+      dataLayerName: c = "dataLayer"
+    } = e, o = this.initializeGTMElements({
+      id: a,
+      events: t,
+      dataLayer: n || void 0,
+      dataLayerName: c,
+      auth: r,
+      preview: i
+    });
+    n && document.head.appendChild(o.dataScript), document.head.insertBefore(o.script(), document.head.childNodes[0]), document.body.insertBefore(o.noScript(), document.body.childNodes[0]);
+  }
+};
+export {
+  u as GoogleTagManager
+};

package/dist/modules/components/googleTagManager/index.js

@@ -0,0 +1,28 @@
+import { jsx as e, Fragment as d } from "react/jsx-runtime";
+import { ClientOnly as l } from "../clientOnly.js";
+import { GoogleTagManagerClient as p } from "./googleTagManager.client.js";
+function u(r) {
+  const {
+    gtmId: a,
+    auth: o = "",
+    preview: t = "",
+    dataLayerName: n = "dataLayer",
+    events: i = {},
+    dataLayer: m = {},
+    showInDevMode: g = !1
+  } = r;
+  return process.env.NODE_ENV !== "production" && !g ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(l, { children: () => /* @__PURE__ */ e(
+    p,
+    {
+      auth: o,
+      dataLayer: m,
+      dataLayerName: n,
+      events: i,
+      gtmId: a,
+      preview: t
+    }
+  ) });
+}
+export {
+  u as GoogleTagManager
+};

package/dist/modules/components/googleTagManager/snippets/appendToDataLayer.js

@@ -0,0 +1,9 @@
+function e(n) {
+  const { dataLayer: t, dataLayerName: a } = n;
+  return `
+  window.${a} = window.${a} || [];
+  window.${a}.push(${JSON.stringify(t)})`;
+}
+export {
+  e as appendToDataLayer
+};

package/dist/modules/components/googleTagManager/snippets/generateGTMElements.js

@@ -0,0 +1,24 @@
+import { appendToDataLayer as l } from "./appendToDataLayer.js";
+function p(n) {
+  const { id: e, events: r, dataLayer: s, dataLayerName: t, preview: o, auth: m } = n, a = `&gtm_auth=${m}`, i = `&gtm_preview=${o}`;
+  e || console.warn("GTM Id is required");
+  const g = `
+    <iframe src="https://www.googletagmanager.com/ns.html?id=${e}${a}${i}&gtm_cookies_win=x"
+      height="0" width="0" style="display:none;visibility:hidden" id="tag-manager"></iframe>`, d = `
+    (function(w,d,s,l,i){w[l]=w[l]||[];
+      w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js', ${JSON.stringify(
+    r
+  ).slice(1, -1)}});
+      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
+      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+'${a}${i}&gtm_cookies_win=x';
+      f.parentNode.insertBefore(j,f);
+    })(window,document,'script','${t}','${e}');`, c = l({ dataLayer: s, dataLayerName: t });
+  return {
+    iframe: g,
+    script: d,
+    dataLayerVar: c
+  };
+}
+export {
+  p as generateGTMElements
+};

package/dist/modules/components/iconButton/index.js

@@ -0,0 +1,30 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { Loader2 as g } from "lucide-react";
+/* empty css           */
+function I(a) {
+  const {
+    isLoading: o = !1,
+    scheme: e = "primary",
+    variant: t = "solid",
+    size: s = "md",
+    icon: r,
+    disabled: c,
+    className: d = "",
+    ...l
+  } = a, i = { xs: 12, sm: 16, md: 20, lg: 24 }, m = `arkynIconButton ${t} ${e} ${s} ${o ? "loadingTrue" : "loadingFalse"} ${d}`;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      disabled: c || o,
+      className: m.trim(),
+      ...l,
+      children: [
+        /* @__PURE__ */ n("div", { className: "arkynIconButtonSpinner", children: /* @__PURE__ */ n(g, { size: i[s], strokeWidth: 2.5 }) }),
+        /* @__PURE__ */ n("div", { className: "arkynIconButtonContent", children: /* @__PURE__ */ n(r, { size: i[s], strokeWidth: 2.5 }) })
+      ]
+    }
+  );
+}
+export {
+  I as IconButton
+};

package/dist/modules/components/imageUpload/hasFileContent/index.js

@@ -0,0 +1,64 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { RefreshCw as g } from "lucide-react";
+import { Button as h } from "../../button/index.js";
+import { IconButton as b } from "../../iconButton/index.js";
+import { Tooltip as k } from "../../tooltip/index.js";
+/* empty css           */
+function F(l) {
+  const {
+    disabled: t,
+    filePath: c,
+    isLoading: i,
+    acceptImage: m,
+    changeImageButtonText: s,
+    handleSelectFile: p,
+    reSendImage: o
+  } = l;
+  function u() {
+    if (t) return;
+    const e = document.createElement("input");
+    e.type = "file", e.accept = m, e.onchange = (d) => {
+      var r;
+      const a = (r = d.target.files) == null ? void 0 : r[0];
+      a && p(a);
+    }, e.click();
+  }
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "arkynImageUploadHasFileContent",
+      style: { backgroundImage: `url("${c}")` },
+      children: [
+        o && /* @__PURE__ */ n(k, { orientation: "bottom", text: "Reenviar imagem", children: /* @__PURE__ */ n(
+          b,
+          {
+            type: "button",
+            "aria-label": "resend image",
+            variant: "outline",
+            scheme: "danger",
+            size: "sm",
+            isLoading: i,
+            onClick: o,
+            icon: g,
+            disabled: t
+          }
+        ) }),
+        /* @__PURE__ */ n(
+          h,
+          {
+            isLoading: i,
+            onClick: u,
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            disabled: t,
+            children: s
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  F as HasFileContent
+};

package/dist/modules/components/imageUpload/index.js

@@ -0,0 +1,83 @@
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { useForm as D } from "../../hooks/useForm.js";
+import { FieldTemplate as V } from "../../services/fieldTemplate.js";
+import { HasFileContent as $ } from "./hasFileContent/index.js";
+import { NoFileContent as q } from "./noFileContent/index.js";
+/* empty css           */
+function _(p) {
+  const {
+    name: m,
+    defaultValue: c = "",
+    label: v,
+    showAsterisk: w = !1,
+    action: x,
+    fileName: y = "file",
+    className: E = "",
+    method: S = "POST",
+    acceptImage: f = "image/*",
+    fileResponseName: d = "url",
+    changeImageButtonText: T = "Alterar imagem",
+    selectImageButtonText: U = "Selecionar imagem",
+    dropImageText: b = "Ou arraste e solte a imagem aqui",
+    onChange: g,
+    disabled: r = !1,
+    unShowFieldTemplate: j = !1,
+    orientation: L = "vertical"
+  } = p, { fieldErrors: i } = D(), H = i == null ? void 0 : i[m], [O, P] = t(c), [R, n] = t(""), [h, k] = t(null), [o, A] = t(c), [u, I] = t(!1);
+  async function N(e) {
+    if (r) return;
+    I(!0), k(e), n("");
+    const C = new FormData();
+    C.append(y, e), await fetch(x, { method: S, body: C }).then(async (a) => await a.json()).then((a) => {
+      a != null && a.error ? n(a.error) : P(a == null ? void 0 : a[d]), g && g(a == null ? void 0 : a[d]);
+    }).catch((a) => {
+      console.error(a), n("Erro ao enviar imagem");
+    }).finally(() => I(!1));
+  }
+  function F(e) {
+    r || (A(URL.createObjectURL(e)), N(e));
+  }
+  const s = H || R;
+  return /* @__PURE__ */ l(
+    V,
+    {
+      name: m,
+      label: v,
+      showAsterisk: w,
+      className: E,
+      errorMessage: s,
+      unShowFieldTemplate: j,
+      orientation: L,
+      children: /* @__PURE__ */ B("div", { className: `arkynImageUpload ${s ? "hasError" : "noHasError"} ${o ? "hasImage" : "noHasImage"}`, children: [
+        /* @__PURE__ */ l("input", { type: "hidden", name: m, value: O || "" }),
+        !o && /* @__PURE__ */ l(
+          q,
+          {
+            disabled: r,
+            isLoading: u,
+            acceptImage: f,
+            dropImageText: b,
+            handleSelectFile: F,
+            selectImageButtonText: U
+          }
+        ),
+        o && /* @__PURE__ */ l(
+          $,
+          {
+            disabled: r,
+            isLoading: u,
+            acceptImage: f,
+            filePath: o,
+            handleSelectFile: F,
+            changeImageButtonText: T,
+            reSendImage: s && h ? () => N(h) : void 0
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  _ as ImageUpload
+};

package/dist/modules/components/imageUpload/noFileContent/index.js

@@ -0,0 +1,46 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { Button as g } from "../../button/index.js";
+/* empty css           */
+function C(c) {
+  const {
+    dropImageText: l,
+    isLoading: s,
+    acceptImage: f,
+    handleSelectFile: i,
+    selectImageButtonText: p,
+    disabled: n
+  } = c;
+  function d(e) {
+    if (n) return;
+    e.preventDefault();
+    const t = e.dataTransfer.files[0];
+    t && i(t);
+  }
+  function m() {
+    if (n) return;
+    const e = document.createElement("input");
+    e.type = "file", e.accept = f, e.onchange = (t) => {
+      var r;
+      const o = (r = t.target.files) == null ? void 0 : r[0];
+      o && i(o);
+    }, e.click();
+  }
+  return /* @__PURE__ */ u("div", { onDrop: d, className: "arkynImageUploadNoFileContent", children: [
+    /* @__PURE__ */ a(
+      g,
+      {
+        isLoading: s,
+        onClick: m,
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        disabled: n,
+        children: p
+      }
+    ),
+    /* @__PURE__ */ a("p", { children: l })
+  ] });
+}
+export {
+  C as NoFileContent
+};