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

package/dist/modules/components/calendar/calendarTableBody/index.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useCalendar as t } from "../_calendarProvider.js";
+import { CalendarTableTd as d } from "../calendarTableTd/index.js";
+/* empty css           */
+function s() {
+  const a = t();
+  return /* @__PURE__ */ r("tbody", { className: "arkynCalendarTableBody", children: a.listMatrix.map((e, o) => /* @__PURE__ */ r("tr", { children: e.map((l, n) => /* @__PURE__ */ r(d, { ...l }, n)) }, o)) });
+}
+export {
+  s as CalendarTableBody
+};

package/dist/modules/components/calendar/calendarTableContainer/index.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+/* empty css           */
+function t({ children: a }) {
+  return /* @__PURE__ */ r("table", { className: "arkynCalendarTableContainer", children: a });
+}
+export {
+  t as CalendarTableContainer
+};

package/dist/modules/components/calendar/calendarTableHeader/index.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as o } from "@arkyn/shared";
+import { useCalendar as i } from "../_calendarProvider.js";
+/* empty css           */
+function p() {
+  const { listWeek: e } = i();
+  return /* @__PURE__ */ r("thead", { className: "arkynCalendarTableHeader", children: /* @__PURE__ */ r("tr", { children: e.map((a, t) => /* @__PURE__ */ r("th", { children: o(a) }, t)) }) });
+}
+export {
+  p as CalendarTableHeader
+};

package/dist/modules/components/calendar/calendarTableTd/index.js

@@ -0,0 +1,24 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { useCalendar as y } from "../_calendarProvider.js";
+/* empty css           */
+function h(o) {
+  const { day: a, month: t, year: r, dayOwner: d, dayType: l } = o, { changeDay: s } = y();
+  function c() {
+    const e = /* @__PURE__ */ new Date();
+    return a === e.getDate() && t === e.getMonth() && r === e.getFullYear();
+  }
+  return /* @__PURE__ */ n(
+    "td",
+    {
+      onClick: () => s(a, t, r),
+      className: `arkynCalendarTableTd ${d} ${l} ${c() ? "today" : ""}`,
+      children: /* @__PURE__ */ i("div", { className: "textGroup", children: [
+        /* @__PURE__ */ n("span", {}),
+        /* @__PURE__ */ n("p", { children: a })
+      ] })
+    }
+  );
+}
+export {
+  h as CalendarTableTd
+};

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

@@ -0,0 +1,50 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { CalendarProvider as i } from "./_calendarProvider.js";
+import { CalendarContainer as d } from "./calendarContainer/index.js";
+import { CalendarHeader as r } from "./calendarHeader/index.js";
+import { CalendarTableBody as u } from "./calendarTableBody/index.js";
+import { CalendarTableContainer as t } from "./calendarTableContainer/index.js";
+import { CalendarTableHeader as V } from "./calendarTableHeader/index.js";
+function g(e) {
+  const l = e.variant || "complete";
+  return e.type === "range" ? /* @__PURE__ */ a(
+    i,
+    {
+      value: e.value,
+      viewValue: e.viewValue,
+      defaultViewValue: e.defaultViewValue,
+      defaultValue: e.defaultValue,
+      calendarType: "range",
+      onChange: e.onChange,
+      onChangeView: e.onChangeView,
+      children: /* @__PURE__ */ n(d, { children: [
+        /* @__PURE__ */ a(r, { basicMode: l.includes("basic") }),
+        /* @__PURE__ */ n(t, { children: [
+          /* @__PURE__ */ a(V, {}),
+          /* @__PURE__ */ a(u, {})
+        ] })
+      ] })
+    }
+  ) : /* @__PURE__ */ a(
+    i,
+    {
+      value: e.value,
+      viewValue: e.viewValue,
+      defaultViewValue: e.defaultViewValue,
+      defaultValue: e.defaultValue,
+      calendarType: "single",
+      onChange: e.onChange,
+      onChangeView: e.onChangeView,
+      children: /* @__PURE__ */ n(d, { children: [
+        /* @__PURE__ */ a(r, { basicMode: l.includes("basic") }),
+        /* @__PURE__ */ n(t, { children: [
+          /* @__PURE__ */ a(V, {}),
+          /* @__PURE__ */ a(u, {})
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  g as Calendar
+};

package/dist/modules/components/cardTab/cardTabButton/index.js

@@ -0,0 +1,30 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useCardTab as f } from "../cardTabContext.js";
+/* empty css           */
+function h(e) {
+  const {
+    children: i,
+    disabled: l = !1,
+    className: n = "",
+    onClick: a,
+    value: s,
+    ...c
+  } = e, { disabled: o, currentTab: r, changeCurrentTab: d } = f(), t = o || l, b = `arkynCardTabButton ${t ? "isDisabled" : ""} ${r === s && s ? "isActive" : ""} ${n}`;
+  function C(u) {
+    d(s), a && a(u);
+  }
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      onClick: C,
+      className: b.trim(),
+      ...c,
+      disabled: t,
+      type: "button",
+      children: i
+    }
+  );
+}
+export {
+  h as CardTabButton
+};

package/dist/modules/components/cardTab/cardTabContainer/index.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { CardTabProvider as f } from "../cardTabContext.js";
+/* empty css           */
+function N(n) {
+  const {
+    children: t,
+    onChange: a,
+    defaultValue: s,
+    disabled: o = !1,
+    className: i,
+    ...c
+  } = n, [m, d] = b(s || ""), l = `arkynCardTabContainer ${i || ""}`;
+  function C(r) {
+    d(r), a && a(r);
+  }
+  return /* @__PURE__ */ e(
+    f,
+    {
+      disabled: o,
+      currentTab: m,
+      changeCurrentTab: C,
+      children: /* @__PURE__ */ e("nav", { className: l.trim(), ...c, children: t })
+    }
+  );
+}
+export {
+  N as CardTabContainer
+};

package/dist/modules/components/cardTab/cardTabContext.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, createContext as o } from "react";
+const e = o({});
+function d() {
+  return n(e);
+}
+function u(r) {
+  return /* @__PURE__ */ t(e.Provider, { value: r, children: r.children });
+}
+export {
+  u as CardTabProvider,
+  d as useCardTab
+};

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

@@ -0,0 +1,65 @@
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import { Check as M } from "lucide-react";
+import { useRef as R, useId as $, useState as j } from "react";
+import { useForm as z } from "../../hooks/useForm.js";
+import { FieldTemplate as S } from "../../services/fieldTemplate.js";
+/* empty css           */
+function K(d) {
+  const {
+    id: i,
+    name: e,
+    className: k = "",
+    size: u = "md",
+    errorMessage: m,
+    defaultChecked: C = !1,
+    label: p,
+    checked: o = null,
+    onCheck: c,
+    orientation: f = "horizontalReverse",
+    showAsterisk: b,
+    unShowFieldTemplate: x,
+    value: t,
+    ...F
+  } = d, { fieldErrors: s } = z(), y = R(null), N = i || $(), n = m || (s == null ? void 0 : s[e]), T = !!n, [a, g] = j(C || !1), l = typeof o == "boolean" ? o : a, v = `arkynCheckbox ${u} ${T ? "errorTrue" : "errorFalse"} ${l ? "checkedTrue" : "checkedFalse"}`;
+  function w() {
+    const h = a;
+    g(!h), c && c(h ? "" : t || "checked");
+  }
+  return /* @__PURE__ */ r(
+    S,
+    {
+      name: e,
+      label: p,
+      showAsterisk: b,
+      className: k,
+      errorMessage: n,
+      unShowFieldTemplate: x,
+      orientation: f,
+      children: /* @__PURE__ */ I(
+        "button",
+        {
+          id: N,
+          type: "button",
+          className: v,
+          onClick: w,
+          ...F,
+          children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                type: "hidden",
+                name: e,
+                ref: y,
+                value: l ? t || "checked" : ""
+              }
+            ),
+            /* @__PURE__ */ r(M, {})
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  K as Checkbox
+};

package/dist/modules/components/clientOnly.js

@@ -0,0 +1,9 @@
+import { jsx as r, Fragment as n } from "react/jsx-runtime";
+import { useHydrated as i } from "../hooks/useHydrated.js";
+function d(e) {
+  const { children: l, fallback: t = null } = e;
+  return i() ? /* @__PURE__ */ r(n, { children: l() }) : /* @__PURE__ */ r(n, { children: t });
+}
+export {
+  d as ClientOnly
+};

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

@@ -0,0 +1,140 @@
+import { jsx as s, jsxs as oe } from "react/jsx-runtime";
+import { Loader2 as $ } from "lucide-react";
+import { useState as z, useRef as ne, useId as re, useEffect as te } from "react";
+import { useForm as ae } from "../../hooks/useForm.js";
+import { FieldTemplate as ie } from "../../services/fieldTemplate.js";
+import { IconRenderer as t } from "../../services/iconRenderer.js";
+import { maskCurrencyValues as g, normalizeValue as ce } from "../../services/maskCurrencyValues.js";
+/* empty css          */
+function Ce(M) {
+  const {
+    name: l,
+    disabled: P,
+    title: B,
+    style: L,
+    variant: j = "solid",
+    label: D,
+    className: E = "",
+    value: f,
+    defaultValue: d,
+    max: x = 1e9,
+    locale: c,
+    onChange: y,
+    prefix: S,
+    suffix: V,
+    isLoading: o = !1,
+    leftIcon: O,
+    readOnly: k,
+    onFocus: w,
+    onBlur: C,
+    errorMessage: R,
+    unShowFieldTemplate: T,
+    orientation: A,
+    showAsterisk: q,
+    rightIcon: F,
+    size: I = "md",
+    id: G,
+    ...H
+  } = M, { fieldErrors: m } = ae(), [J, p] = z(!1), [h, N] = z("0"), a = ne(null), K = G || re(), b = R || (m == null ? void 0 : m[l]), Q = !!b, i = P || o, n = { md: 20, lg: 20 }[I], v = F ? "right" : "left", U = v === "left" && o, W = v === "right" && o;
+  function X() {
+    i || !(a != null && a.current) || (p(!0), a.current.focus());
+  }
+  function Y(e) {
+    p(!0), w && w(e);
+  }
+  function Z(e) {
+    p(!1), C && C(e);
+  }
+  const _ = (e) => {
+    const [r, u] = g(
+      e,
+      c
+    );
+    return !x || r <= x ? (N(u), [r, u]) : g(e, c);
+  }, ee = (e) => {
+    e.preventDefault();
+    const [r, u] = _(e.target.value);
+    y && y(e, String(r), String(u));
+  };
+  te(() => {
+    function e() {
+      if (typeof f == "number") return f;
+      if (typeof d == "number") return d;
+    }
+    const [, r] = g(e(), c);
+    N(r);
+  }, [c, d, f]);
+  const se = `arkynCurrencyInput ${S ? "hasPrefix" : ""} ${V ? "hasSuffix" : ""} ${j} ${I} ${i || k || o ? "opacity" : ""} ${Q ? "errored" : ""} ${J ? "focused" : ""}`;
+  return /* @__PURE__ */ s(
+    ie,
+    {
+      name: l,
+      label: D,
+      showAsterisk: q,
+      className: E,
+      errorMessage: b,
+      unShowFieldTemplate: T,
+      orientation: A,
+      children: /* @__PURE__ */ oe(
+        "section",
+        {
+          title: B,
+          style: L,
+          className: se,
+          onClick: X,
+          children: [
+            /* @__PURE__ */ s(t, { iconSize: n, icon: S, className: "prefix" }),
+            /* @__PURE__ */ s(
+              t,
+              {
+                show: U,
+                iconSize: n,
+                className: "spinner",
+                icon: $
+              }
+            ),
+            /* @__PURE__ */ s(t, { show: !o, icon: O, iconSize: n }),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                disabled: i,
+                readOnly: k,
+                ref: a,
+                onFocus: Y,
+                onBlur: Z,
+                onChange: ee,
+                id: K,
+                placeholder: i ? h : void 0,
+                value: i ? void 0 : h,
+                ...H
+              }
+            ),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "hidden",
+                name: l,
+                value: ce(h),
+                readOnly: !0
+              }
+            ),
+            /* @__PURE__ */ s(t, { show: !o, icon: F, iconSize: n }),
+            /* @__PURE__ */ s(
+              t,
+              {
+                show: W,
+                iconSize: n,
+                className: "spinner",
+                icon: $
+              }
+            ),
+            /* @__PURE__ */ s(t, { iconSize: n, icon: V, className: "suffix" })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  Ce as CurrencyInput
+};

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+/* empty css           */
+function m(r) {
+  const {
+    className: s,
+    orientation: a = "horizontal",
+    ...i
+  } = r, t = `arkynDivider ${a} ${s}`;
+  return /* @__PURE__ */ e("div", { className: t.trim(), ...i });
+}
+export {
+  m as Divider
+};

package/dist/modules/components/drawer/drawerContainer/index.js

@@ -0,0 +1,44 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { AnimatePresence as f, motion as s } from "framer-motion";
+import { useScrollLock as p } from "../../../hooks/useScrollLock.js";
+import { DrawerProvider as v } from "../drawerContext.js";
+/* empty css           */
+function N(n) {
+  const {
+    isVisible: e,
+    makeInvisible: i,
+    orientation: r = "left",
+    children: o,
+    className: l,
+    ...m
+  } = n;
+  p(e);
+  const t = r === "left" ? "-100%" : "100%", c = `arkynDrawerContainer ${r} ${e ? "visibleTrue" : "visibleFalse"} ${l}`;
+  return /* @__PURE__ */ a(v, { makeInvisible: i, children: /* @__PURE__ */ a(f, { children: e && /* @__PURE__ */ d("aside", { className: c.trim(), ...m, children: [
+    /* @__PURE__ */ a(
+      s.div,
+      {
+        className: "arkynDrawerContainerOverlay",
+        transition: { duration: 0.15, ease: "easeOut" },
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        onClick: i
+      }
+    ),
+    /* @__PURE__ */ a(
+      s.div,
+      {
+        className: "arkynDrawerContainerContent",
+        transition: { ease: "easeOut", duration: 0.15 },
+        initial: { transform: `translateX(${t})` },
+        animate: { transform: "translateX(0px)" },
+        exit: { transform: `translateX(${t})` },
+        children: o
+      }
+    )
+  ] }) }) });
+}
+export {
+  N as DrawerContainer
+};

package/dist/modules/components/drawer/drawerContext.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, createContext as i } from "react";
+const e = i({});
+function s(r) {
+  return /* @__PURE__ */ t(e.Provider, { value: { makeInvisible: r.makeInvisible }, children: r.children });
+}
+function u() {
+  return n(e);
+}
+export {
+  s as DrawerProvider,
+  u as useDrawer
+};

package/dist/modules/components/drawer/drawerHeader/index.js

@@ -0,0 +1,28 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { X as m } from "lucide-react";
+import { useDrawer as c } from "../drawerContext.js";
+/* empty css           */
+function b(r) {
+  const {
+    showCloseButton: a = !0,
+    className: s,
+    children: t,
+    ...o
+  } = r, { makeInvisible: n } = c(), l = `arkynDrawerHeader ${s}`;
+  return /* @__PURE__ */ i("header", { className: l.trim(), ...o, children: [
+    t,
+    a && /* @__PURE__ */ e(
+      "button",
+      {
+        className: "arkynDrawerHeaderCloseButton",
+        type: "button",
+        onClick: n,
+        "aria-label": "Close drawer",
+        children: /* @__PURE__ */ e(m, { size: 24 })
+      }
+    )
+  ] });
+}
+export {
+  b as DrawerHeader
+};

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

@@ -0,0 +1,19 @@
+import { jsx as g, Fragment as l } from "react/jsx-runtime";
+import { FacebookPixel as m } from "./pixel.js";
+function u(a) {
+  const {
+    pixelId: e,
+    options: c,
+    pageView: k,
+    track: i,
+    trackCustom: n,
+    trackSingle: o,
+    trackSingleCustom: r,
+    grantConsent: s,
+    revokeConsent: f
+  } = a, t = new m(e, c);
+  return t.init(), k && t.pageView(), s && t.grantConsent(), f && t.revokeConsent(), i && t.track(...i), n && t.trackCustom(...n), o && t.trackSingle(e, ...o), r && t.trackSingleCustom(e, ...r), /* @__PURE__ */ g(l, {});
+}
+export {
+  u as FacebookPixelClient
+};

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

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

package/dist/modules/components/facebookPixel/pixel.js

@@ -0,0 +1,53 @@
+var f = Object.defineProperty;
+var d = (n, i, e) => i in n ? f(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
+var o = (n, i, e) => d(n, typeof i != "symbol" ? i + "" : i, e);
+let a = class {
+  constructor(i, e) {
+    o(this, "pixelId");
+    o(this, "autoConfig");
+    o(this, "initialized");
+    this.pixelId = i, this.autoConfig = (e == null ? void 0 : e.autoConfig) || !0, this.initialized = !1;
+  }
+  loadFacebookPixel() {
+    if (window.fbq) return;
+    const i = function(...r) {
+      i.callMethod ? i.callMethod.apply(i, r) : i.queue.push(r);
+    };
+    window._fbq || (window._fbq = i), i.push = i, i.loaded = !0, i.version = "2.0", i.queue = [];
+    const e = document.createElement("script");
+    e.async = !0, e.src = "https://connect.facebook.net/en_US/fbevents.js";
+    const t = document.getElementsByTagName("script")[0];
+    if (!t.parentNode)
+      throw new Error("No script tag found in the document");
+    t.parentNode.insertBefore(e, t), window.fbq = i;
+  }
+  init(i = {}) {
+    if (this.initialized = typeof window < "u" && !!window.fbq, this.loadFacebookPixel(), !window.fbq)
+      throw new Error("window.fbq is not defined");
+    this.autoConfig === !1 ? window.fbq("set", "autoConfig", !1, this.pixelId) : window.fbq("init", this.pixelId, i), this.initialized = !0;
+  }
+  pageView() {
+    this.initialized && window.fbq && window.fbq("track", "PageView");
+  }
+  track(i, e) {
+    this.initialized && window.fbq && window.fbq("track", i, e);
+  }
+  trackSingle(i, e, t) {
+    this.initialized && window.fbq && window.fbq("trackSingle", i, e, t);
+  }
+  trackCustom(i, e) {
+    this.initialized && window.fbq && window.fbq("trackCustom", i, e);
+  }
+  trackSingleCustom(i, e, t) {
+    this.initialized && window.fbq && window.fbq("trackSingle", i, e, t);
+  }
+  grantConsent() {
+    this.initialized && window.fbq && window.fbq("consent", "grant");
+  }
+  revokeConsent() {
+    this.initialized && window.fbq && window.fbq("consent", "revoke");
+  }
+};
+export {
+  a as FacebookPixel
+};

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

@@ -0,0 +1,9 @@
+import { jsx as s, Fragment as o } from "react/jsx-runtime";
+/* empty css           */
+function c(e) {
+  const { children: r, className: t, ...a } = e, n = `arkynFieldError ${t}`;
+  return r ? /* @__PURE__ */ s("strong", { className: n.trim(), ...a, children: r }) : /* @__PURE__ */ s(o, {});
+}
+export {
+  c as FieldError
+};

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

@@ -0,0 +1,13 @@
+import { jsx as l } from "react/jsx-runtime";
+/* empty css           */
+function c(s) {
+  const {
+    showAsterisk: e = !1,
+    className: a = "",
+    ...r
+  } = s, t = `arkynFieldLabel ${e ? "asteriskTrue" : "asteriskFalse"} ${a}`;
+  return /* @__PURE__ */ l("label", { className: t.trim(), ...r });
+}
+export {
+  c as FieldLabel
+};

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

@@ -0,0 +1,14 @@
+import { jsx as n } from "react/jsx-runtime";
+/* empty css           */
+function l(e) {
+  const {
+    children: r,
+    className: a,
+    orientation: s = "vertical",
+    ...t
+  } = e, i = `arkynFieldWrapper ${a} ${s}`;
+  return /* @__PURE__ */ n("section", { className: i.trim(), ...t, children: r });
+}
+export {
+  l as FieldWrapper
+};