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

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

@@ -1,140 +1,112 @@
-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 { useForm as e } from "../../hooks/useForm.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" })
-          ]
-        }
-      )
-    }
-  );
+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"
+				})
+			]
+		})
+	});
 }
-export {
-  Ce as CurrencyInput
-};
+//#endregion
+export { f as CurrencyInput };

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

@@ -1,13 +1,12 @@
+/* empty css       */
 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 });
+//#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
+	});
 }
-export {
-  m as Divider
-};
+//#endregion
+export { t as Divider };

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

@@ -1,44 +1,41 @@
-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
-      }
-    )
-  ] }) }) });
+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
+			})]
+		}) })
+	});
 }
-export {
-  N as DrawerContainer
-};
+//#endregion
+export { o as DrawerContainer };

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

@@ -1,13 +1,15 @@
-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 });
+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
+	});
 }
-function u() {
-  return n(e);
+function a() {
+	return t(r);
 }
-export {
-  s as DrawerProvider,
-  u as useDrawer
-};
+//#endregion
+export { i as DrawerProvider, a as useDrawer };

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

@@ -1,28 +1,21 @@
-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 })
-      }
-    )
-  ] });
+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 })
+		})]
+	});
 }
-export {
-  b as DrawerHeader
-};
+//#endregion
+export { i as DrawerHeader };

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

@@ -1,19 +1,9 @@
-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, {});
+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, {});
 }
-export {
-  u as FacebookPixelClient
-};
+//#endregion
+export { r as FacebookPixelClient };

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

@@ -1,9 +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 }) });
+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 }) });
 }
-export {
-  l as FacebookPixel
-};
+//#endregion
+export { i as FacebookPixel };

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

@@ -1,53 +1,48 @@
-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
+//#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");
+	}
 };
+//#endregion
+export { e as FacebookPixel };

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

@@ -1,9 +1,13 @@
-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, {});
+/* 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, {});
 }
-export {
-  c as FieldError
-};
+//#endregion
+export { n as FieldError };