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

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

@@ -1,113 +1,102 @@
-import { jsxs as $, jsx as e } from "react/jsx-runtime";
-import { InputMask as U } from "@react-input/mask";
-import { Loader2 as M } from "lucide-react";
-import { useState as X, useRef as Y, useId as Z, forwardRef as _ } from "react";
-import { useForm as ee } from "../../hooks/useForm.js";
-import { IconRenderer as r } from "../../services/iconRenderer.js";
-import { FieldError as oe } from "../fieldError/index.js";
-import { FieldLabel as se } from "../fieldLabel/index.js";
-import { FieldWrapper as re } from "../fieldWrapper/index.js";
-/* empty css          */
-const ne = _((a, t) => /* @__PURE__ */ e("input", { ref: t, ...a }));
-function Se(a) {
-  const {
-    name: t,
-    disabled: b,
-    title: y,
-    style: v,
-    variant: z = "solid",
-    separate: B,
-    mask: L,
-    showMask: P,
-    replacement: C,
-    label: d,
-    className: R = "",
-    prefix: m,
-    suffix: p,
-    isLoading: o = !1,
-    leftIcon: j,
-    readOnly: h,
-    onFocus: x,
-    onBlur: g,
-    errorMessage: E,
-    defaultValue: V,
-    showAsterisk: A,
-    rightIcon: w,
-    size: F = "md",
-    id: D,
-    value: I,
-    placeholder: S,
-    ...O
-  } = a, { fieldErrors: c } = ee(), [W, l] = X(!1), n = Y(null), k = D || Z(), f = E || (c == null ? void 0 : c[t]), q = !!f, i = b || o, s = { md: 20, lg: 20 }[F], N = w ? "right" : "left", G = N === "left" && o, H = N === "right" && o;
-  function J() {
-    i || !(n != null && n.current) || (l(!0), n.current.focus());
-  }
-  function K(u) {
-    l(!0), x && x(u);
-  }
-  function Q(u) {
-    l(!1), g && g(u);
-  }
-  const T = `arkynMaskedInput ${m ? "hasPrefix" : ""} ${p ? "hasSuffix" : ""} ${z} ${F} ${i || h || o ? "opacity" : ""} ${q ? "errored" : ""} ${W ? "focused" : ""}`;
-  return /* @__PURE__ */ $(re, { className: R, children: [
-    d && /* @__PURE__ */ e(se, { showAsterisk: A, htmlFor: k, children: d }),
-    /* @__PURE__ */ $(
-      "section",
-      {
-        title: y,
-        style: v,
-        onClick: J,
-        className: T,
-        children: [
-          /* @__PURE__ */ e(r, { iconSize: s, icon: m, className: "prefix" }),
-          /* @__PURE__ */ e(
-            r,
-            {
-              show: G,
-              iconSize: s,
-              className: "spinner",
-              icon: M
-            }
-          ),
-          /* @__PURE__ */ e(r, { show: !o, icon: j, iconSize: s }),
-          /* @__PURE__ */ e(
-            U,
-            {
-              component: ne,
-              mask: L,
-              replacement: C,
-              separate: B,
-              showMask: P,
-              ref: n,
-              onFocus: K,
-              onBlur: Q,
-              disabled: i,
-              readOnly: h,
-              id: k,
-              name: t,
-              defaultValue: V || void 0,
-              placeholder: i && I || S,
-              value: i ? void 0 : I,
-              ...O
-            }
-          ),
-          /* @__PURE__ */ e(r, { show: !o, icon: w, iconSize: s }),
-          /* @__PURE__ */ e(
-            r,
-            {
-              show: H,
-              iconSize: s,
-              className: "spinner",
-              icon: M
-            }
-          ),
-          /* @__PURE__ */ e(r, { iconSize: s, icon: p, className: "suffix" })
-        ]
-      }
-    ),
-    f && /* @__PURE__ */ e(oe, { children: f })
-  ] });
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldError as t } from "../fieldError/index.js";
+import { FieldLabel as n } from "../fieldLabel/index.js";
+import { FieldWrapper as r } from "../fieldWrapper/index.js";
+import { IconRenderer as i } from "../../services/iconRenderer.js";
+/* empty css      */
+import { forwardRef 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";
+import { InputMask as f } from "@react-input/mask";
+//#region src/components/maskedInput/index.tsx
+var p = a((e, t) => /* @__PURE__ */ l("input", {
+	ref: t,
+	...e
+}));
+function m(a) {
+	let { name: m, disabled: h, title: g, style: _, variant: v = "solid", separate: y, mask: b, showMask: x, replacement: S, label: C, className: w = "", prefix: T, suffix: E, isLoading: D = !1, leftIcon: O, readOnly: k, onFocus: A, onBlur: j, errorMessage: M, defaultValue: N, showAsterisk: P, rightIcon: F, size: I = "md", id: L, value: R, placeholder: z, ...B } = a, { fieldErrors: V } = e(), [H, U] = c(!1), W = s(null), G = L || o(), K = M || V?.[m], q = !!K, J = h || D, Y = {
+		md: 20,
+		lg: 20
+	}[I], X = F ? "right" : "left", Z = X === "left" && D, Q = X === "right" && D;
+	function $() {
+		J || !W?.current || (U(!0), W.current.focus());
+	}
+	function ee(e) {
+		U(!0), A && A(e);
+	}
+	function te(e) {
+		U(!1), j && j(e);
+	}
+	let ne = `arkynMaskedInput ${T ? "hasPrefix" : ""} ${E ? "hasSuffix" : ""} ${v} ${I} ${J || k || D ? "opacity" : ""} ${q ? "errored" : ""} ${H ? "focused" : ""}`;
+	return /* @__PURE__ */ u(r, {
+		className: w,
+		children: [
+			C && /* @__PURE__ */ l(n, {
+				showAsterisk: P,
+				htmlFor: G,
+				children: C
+			}),
+			/* @__PURE__ */ u("section", {
+				title: g,
+				style: _,
+				onClick: $,
+				className: ne,
+				children: [
+					/* @__PURE__ */ l(i, {
+						iconSize: Y,
+						icon: T,
+						className: "prefix"
+					}),
+					/* @__PURE__ */ l(i, {
+						show: Z,
+						iconSize: Y,
+						className: "spinner",
+						icon: d
+					}),
+					/* @__PURE__ */ l(i, {
+						show: !D,
+						icon: O,
+						iconSize: Y
+					}),
+					/* @__PURE__ */ l(f, {
+						component: p,
+						mask: b,
+						replacement: S,
+						separate: y,
+						showMask: x,
+						ref: W,
+						onFocus: ee,
+						onBlur: te,
+						disabled: J,
+						readOnly: k,
+						id: G,
+						name: m,
+						defaultValue: N || void 0,
+						placeholder: J && R || z,
+						value: J ? void 0 : R,
+						...B
+					}),
+					/* @__PURE__ */ l(i, {
+						show: !D,
+						icon: F,
+						iconSize: Y
+					}),
+					/* @__PURE__ */ l(i, {
+						show: Q,
+						iconSize: Y,
+						className: "spinner",
+						icon: d
+					}),
+					/* @__PURE__ */ l(i, {
+						iconSize: Y,
+						icon: E,
+						className: "suffix"
+					})
+				]
+			}),
+			K && /* @__PURE__ */ l(t, { children: K })
+		]
+	});
 }
-export {
-  Se as MaskedInput
-};
+//#endregion
+export { m as MaskedInput };

package/dist/modules/components/modal/modalContainer/index.js

@@ -1,43 +1,50 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import { AnimatePresence as m, motion as s } from "framer-motion";
-import { useScrollLock as d } from "../../../hooks/useScrollLock.js";
-import { ModalProvider as p } from "../modalContext.js";
-/* empty css           */
-function N(t) {
-  const {
-    isVisible: a,
-    makeInvisible: e,
-    children: o,
-    className: n = "",
-    ...r
-  } = t;
-  d(a);
-  const l = `arkynModalContainer ${a ? "visibleTrue" : "visibleFalse"} ${n}`;
-  return /* @__PURE__ */ i(p, { makeInvisible: e, children: /* @__PURE__ */ i(m, { children: a && /* @__PURE__ */ c("aside", { className: l.trim(), ...r, children: [
-    /* @__PURE__ */ i(
-      s.div,
-      {
-        className: "arkynModalContainerOverlay",
-        transition: { duration: 0.15, ease: "easeOut" },
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        onClick: e
-      }
-    ),
-    /* @__PURE__ */ i(
-      s.div,
-      {
-        className: "arkynModalContainerContent",
-        transition: { duration: 0.15, ease: "easeOut" },
-        initial: { opacity: 0, scale: 0.75 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0 },
-        children: o
-      }
-    )
-  ] }) }) });
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { ModalProvider as t } from "../modalContext.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/modal/modalContainer/index.tsx
+function o(o) {
+	let { isVisible: s, makeInvisible: c, children: l, className: u = "", ...d } = o;
+	e(s);
+	let f = `arkynModalContainer ${s ? "visibleTrue" : "visibleFalse"} ${u}`;
+	return /* @__PURE__ */ n(t, {
+		makeInvisible: c,
+		children: /* @__PURE__ */ n(i, { children: s && /* @__PURE__ */ r("aside", {
+			className: f.trim(),
+			...d,
+			children: [/* @__PURE__ */ n(a.div, {
+				className: "arkynModalContainerOverlay",
+				transition: {
+					duration: .15,
+					ease: "easeOut"
+				},
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				onClick: c
+			}), /* @__PURE__ */ n(a.div, {
+				className: "arkynModalContainerContent",
+				transition: {
+					duration: .15,
+					ease: "easeOut"
+				},
+				initial: {
+					opacity: 0,
+					scale: .75
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: 0
+				},
+				children: l
+			})]
+		}) })
+	});
 }
-export {
-  N as ModalContainer
-};
+//#endregion
+export { o as ModalContainer };

package/dist/modules/components/modal/modalContext.js

@@ -1,13 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useContext as t, createContext as n } from "react";
-const o = n({});
-function d(e) {
-  return /* @__PURE__ */ r(o.Provider, { value: { makeInvisible: e.makeInvisible }, children: e.children });
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/modal/modalContext.tsx
+var r = e({});
+function i(e) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { makeInvisible: e.makeInvisible },
+		children: e.children
+	});
 }
-function l() {
-  return t(o);
+function a() {
+	return t(r);
 }
-export {
-  d as ModalProvider,
-  l as useModal
-};
+//#endregion
+export { i as ModalProvider, a as useModal };

package/dist/modules/components/modal/modalFooter/index.js

@@ -1,9 +1,12 @@
+/* empty css       */
 import { jsx as e } from "react/jsx-runtime";
-/* empty css           */
-function l(o) {
-  const { alignment: t = "right", className: a, ...r } = o, s = `arkynModalFooter ${t} ${a}`;
-  return /* @__PURE__ */ e("footer", { className: s.trim(), ...r });
+//#region src/components/modal/modalFooter/index.tsx
+function t(t) {
+	let { alignment: n = "right", className: r, ...i } = t;
+	return /* @__PURE__ */ e("footer", {
+		className: `arkynModalFooter ${n} ${r}`.trim(),
+		...i
+	});
 }
-export {
-  l as ModalFooter
-};
+//#endregion
+export { t as ModalFooter };

package/dist/modules/components/modal/modalHeader/index.js

@@ -1,28 +1,21 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { X as i } from "lucide-react";
-import { useModal as c } from "../modalContext.js";
-/* empty css           */
-function h(o) {
-  const {
-    showCloseButton: a = !0,
-    className: s,
-    children: t,
-    ...r
-  } = o, { makeInvisible: l } = c(), n = `arkynModalHeader ${s}`;
-  return /* @__PURE__ */ m("header", { className: n.trim(), ...r, children: [
-    t,
-    a && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: l,
-        "aria-label": "Close modal button",
-        className: "arkynModalHeaderCloseButton",
-        children: /* @__PURE__ */ e(i, { size: 24 })
-      }
-    )
-  ] });
+import { useModal as e } from "../modalContext.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { X as r } from "lucide-react";
+//#region src/components/modal/modalHeader/index.tsx
+function i(i) {
+	let { showCloseButton: a = !0, className: o, children: s, ...c } = i, { makeInvisible: l } = e();
+	return /* @__PURE__ */ n("header", {
+		className: `arkynModalHeader ${o}`.trim(),
+		...c,
+		children: [s, a && /* @__PURE__ */ t("button", {
+			type: "button",
+			onClick: l,
+			"aria-label": "Close modal button",
+			className: "arkynModalHeaderCloseButton",
+			children: /* @__PURE__ */ t(r, { size: 24 })
+		})]
+	});
 }
-export {
-  h as ModalHeader
-};
+//#endregion
+export { i as ModalHeader };