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

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

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

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

@@ -1,12 +1,13 @@
-/* empty css       */
 import { jsx as e } from "react/jsx-runtime";
-//#region src/components/divider/index.tsx
-function t(t) {
-	let { className: n, orientation: r = "horizontal", ...i } = t;
-	return /* @__PURE__ */ e("div", {
-		className: `arkynDivider ${r} ${n}`.trim(),
-		...i
-	});
+/* 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 });
 }
-//#endregion
-export { t as Divider };
+export {
+  m as Divider
+};

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

@@ -1,41 +1,44 @@
-import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
-import { DrawerProvider as t } from "../drawerContext.js";
-/* empty css       */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { AnimatePresence as i, motion as a } from "framer-motion";
-//#region src/components/drawer/drawerContainer/index.tsx
-function o(o) {
-	let { isVisible: s, makeInvisible: c, orientation: l = "left", children: u, className: d, ...f } = o;
-	e(s);
-	let p = l === "left" ? "-100%" : "100%", m = `arkynDrawerContainer ${l} ${s ? "visibleTrue" : "visibleFalse"} ${d}`;
-	return /* @__PURE__ */ n(t, {
-		makeInvisible: c,
-		children: /* @__PURE__ */ n(i, { children: s && /* @__PURE__ */ r("aside", {
-			className: m.trim(),
-			...f,
-			children: [/* @__PURE__ */ n(a.div, {
-				className: "arkynDrawerContainerOverlay",
-				transition: {
-					duration: .15,
-					ease: "easeOut"
-				},
-				initial: { opacity: 0 },
-				animate: { opacity: 1 },
-				exit: { opacity: 0 },
-				onClick: c
-			}), /* @__PURE__ */ n(a.div, {
-				className: "arkynDrawerContainerContent",
-				transition: {
-					ease: "easeOut",
-					duration: .15
-				},
-				initial: { transform: `translateX(${p})` },
-				animate: { transform: "translateX(0px)" },
-				exit: { transform: `translateX(${p})` },
-				children: u
-			})]
-		}) })
-	});
+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
+      }
+    )
+  ] }) }) });
 }
-//#endregion
-export { o as DrawerContainer };
+export {
+  N as DrawerContainer
+};

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

@@ -1,15 +1,13 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/drawer/drawerContext.tsx
-var r = e({});
-function i(e) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: { makeInvisible: e.makeInvisible },
-		children: e.children
-	});
+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 a() {
-	return t(r);
+function u() {
+  return n(e);
 }
-//#endregion
-export { i as DrawerProvider, a as useDrawer };
+export {
+  s as DrawerProvider,
+  u as useDrawer
+};

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

@@ -1,21 +1,28 @@
-import { useDrawer as e } from "../drawerContext.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { X as r } from "lucide-react";
-//#region src/components/drawer/drawerHeader/index.tsx
-function i(i) {
-	let { showCloseButton: a = !0, className: o, children: s, ...c } = i, { makeInvisible: l } = e();
-	return /* @__PURE__ */ n("header", {
-		className: `arkynDrawerHeader ${o}`.trim(),
-		...c,
-		children: [s, a && /* @__PURE__ */ t("button", {
-			className: "arkynDrawerHeaderCloseButton",
-			type: "button",
-			onClick: l,
-			"aria-label": "Close drawer",
-			children: /* @__PURE__ */ t(r, { size: 24 })
-		})]
-	});
+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 })
+      }
+    )
+  ] });
 }
-//#endregion
-export { i as DrawerHeader };
+export {
+  b as DrawerHeader
+};

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

@@ -1,9 +1,19 @@
-import { FacebookPixel as e } from "./pixel.js";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-//#region src/components/facebookPixel/facebookPixel.client.tsx
-function r(r) {
-	let { pixelId: i, options: a, pageView: o, track: s, trackCustom: c, trackSingle: l, trackSingleCustom: u, grantConsent: d, revokeConsent: f } = r, p = new e(i, a);
-	return p.init(), o && p.pageView(), d && p.grantConsent(), f && p.revokeConsent(), s && p.track(...s), c && p.trackCustom(...c), l && p.trackSingle(i, ...l), u && p.trackSingleCustom(i, ...u), /* @__PURE__ */ n(t, {});
+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, {});
 }
-//#endregion
-export { r as FacebookPixelClient };
+export {
+  u as FacebookPixelClient
+};

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

@@ -1,9 +1,9 @@
-import { ClientOnly as e } from "../clientOnly.js";
-import { FacebookPixelClient as t } from "./facebookPixel.client.js";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
-//#region src/components/facebookPixel/index.tsx
-function i(i) {
-	return process.env.NODE_ENV !== "production" && !i.showInDevMode ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r(e, { children: () => /* @__PURE__ */ r(t, { ...i }) });
+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 }) });
 }
-//#endregion
-export { i as FacebookPixel };
+export {
+  l as FacebookPixel
+};

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

@@ -1,48 +1,53 @@
-//#region src/components/facebookPixel/pixel.ts
-var e = class {
-	pixelId;
-	autoConfig;
-	initialized;
-	constructor(e, t) {
-		this.pixelId = e, this.autoConfig = t?.autoConfig || !0, this.initialized = !1;
-	}
-	loadFacebookPixel() {
-		if (window.fbq) return;
-		let e = function(...t) {
-			e.callMethod ? e.callMethod.apply(e, t) : e.queue.push(t);
-		};
-		window._fbq || (window._fbq = e), e.push = e, e.loaded = !0, e.version = "2.0", e.queue = [];
-		let t = document.createElement("script");
-		t.async = !0, t.src = "https://connect.facebook.net/en_US/fbevents.js";
-		let n = document.getElementsByTagName("script")[0];
-		if (!n.parentNode) throw Error("No script tag found in the document");
-		n.parentNode.insertBefore(t, n), window.fbq = e;
-	}
-	init(e = {}) {
-		if (this.initialized = typeof window < "u" && !!window.fbq, this.loadFacebookPixel(), !window.fbq) throw Error("window.fbq is not defined");
-		this.autoConfig === !1 ? window.fbq("set", "autoConfig", !1, this.pixelId) : window.fbq("init", this.pixelId, e), this.initialized = !0;
-	}
-	pageView() {
-		this.initialized && window.fbq && window.fbq("track", "PageView");
-	}
-	track(e, t) {
-		this.initialized && window.fbq && window.fbq("track", e, t);
-	}
-	trackSingle(e, t, n) {
-		this.initialized && window.fbq && window.fbq("trackSingle", e, t, n);
-	}
-	trackCustom(e, t) {
-		this.initialized && window.fbq && window.fbq("trackCustom", e, t);
-	}
-	trackSingleCustom(e, t, n) {
-		this.initialized && window.fbq && window.fbq("trackSingle", e, t, n);
-	}
-	grantConsent() {
-		this.initialized && window.fbq && window.fbq("consent", "grant");
-	}
-	revokeConsent() {
-		this.initialized && window.fbq && window.fbq("consent", "revoke");
-	}
+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
 };
-//#endregion
-export { e as FacebookPixel };

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

@@ -1,13 +1,9 @@
-/* empty css       */
-import { Fragment as e, jsx as t } from "react/jsx-runtime";
-//#region src/components/fieldError/index.tsx
-function n(n) {
-	let { children: r, className: i, ...a } = n, o = `arkynFieldError ${i}`;
-	return r ? /* @__PURE__ */ t("strong", {
-		className: o.trim(),
-		...a,
-		children: r
-	}) : /* @__PURE__ */ t(e, {});
+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, {});
 }
-//#endregion
-export { n as FieldError };
+export {
+  c as FieldError
+};