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

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

@@ -1,102 +1,113 @@
-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 })
-		]
-	});
+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 })
+  ] });
 }
-//#endregion
-export { m as MaskedInput };
+export {
+  Se as MaskedInput
+};

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

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

package/dist/modules/components/modal/modalContext.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/modal/modalContext.tsx
-var r = e({});
-function i(e) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: { makeInvisible: e.makeInvisible },
-		children: e.children
-	});
+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 });
 }
-function a() {
-	return t(r);
+function l() {
+  return t(o);
 }
-//#endregion
-export { i as ModalProvider, a as useModal };
+export {
+  d as ModalProvider,
+  l as useModal
+};

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

@@ -1,12 +1,9 @@
-/* empty css       */
 import { jsx as e } from "react/jsx-runtime";
-//#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
-	});
+/* 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 });
 }
-//#endregion
-export { t as ModalFooter };
+export {
+  l as ModalFooter
+};

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

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