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

package/dist/modules/components/phoneInput/phoneInputCountryOptionsContainer/index.js

@@ -1,34 +1,44 @@
-import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
-/* empty css       */
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/phoneInput/phoneInputCountryOptionsContainer/index.tsx
-function s(s) {
-	let { children: c, isOpen: l, onSearch: u, search: d, placeholder: f } = s, p = n(null), [m, h] = r("bottom");
-	function g(e) {
-		u(e.target.value);
-	}
-	return e(l), t(() => {
-		l && (() => {
-			if (!p.current) return;
-			let e = p.current.parentElement;
-			if (!e) return;
-			let t = e.getBoundingClientRect();
-			window.innerHeight - t.bottom < 300 && t.top > 300 ? h("top") : h("bottom");
-		})();
-	}, [l]), l ? /* @__PURE__ */ o("div", {
-		className: `arkynPhoneInputCountryOptionsContainer ${m}`,
-		ref: p,
-		children: [/* @__PURE__ */ a("input", {
-			type: "search",
-			name: "search-select",
-			className: "arkynPhoneInputCountryOptionsContainerSearchSelect",
-			value: d,
-			id: "input-search",
-			placeholder: f,
-			onChange: g
-		}), c]
-	}) : /* @__PURE__ */ a(i, {});
+import { jsx as s, Fragment as d, jsxs as g } from "react/jsx-runtime";
+import { useRef as y, useState as P, useEffect as S } from "react";
+import { useScrollLock as k } from "../../../hooks/useScrollLock.js";
+/* empty css           */
+function x(a) {
+  const { children: p, isOpen: e, onSearch: u, search: l, placeholder: h } = a, t = y(null), [m, n] = P("bottom");
+  function f(o) {
+    u(o.target.value);
+  }
+  return k(e), S(() => {
+    if (!e) return;
+    (() => {
+      if (!t.current) return;
+      const r = t.current.parentElement;
+      if (!r) return;
+      const i = r.getBoundingClientRect(), C = window.innerHeight, c = 300;
+      C - i.bottom < c && i.top > c ? n("top") : n("bottom");
+    })();
+  }, [e]), e ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: `arkynPhoneInputCountryOptionsContainer ${m}`,
+      ref: t,
+      children: [
+        /* @__PURE__ */ s(
+          "input",
+          {
+            type: "search",
+            name: "search-select",
+            className: "arkynPhoneInputCountryOptionsContainerSearchSelect",
+            value: l,
+            id: "input-search",
+            placeholder: h,
+            onChange: f
+          }
+        ),
+        p
+      ]
+    }
+  ) : /* @__PURE__ */ s(d, {});
 }
-//#endregion
-export { s as PhoneInputCountryOptionsContainer };
+export {
+  x as PhoneInputCountryOptionsContainer
+};

package/dist/modules/components/phoneInput/phoneInputCountrySelector/index.js

@@ -1,26 +1,22 @@
-import { Divider as e } from "../../divider/index.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ChevronDown as r } from "lucide-react";
-//#region src/components/phoneInput/phoneInputCountrySelector/index.tsx
-function i(i) {
-	let { currentCountry: a, onClick: o } = i;
-	return /* @__PURE__ */ n("div", {
-		className: "phoneInputSelectCountry",
-		onClick: o,
-		children: [
-			/* @__PURE__ */ t("img", {
-				className: "flag",
-				src: a.flag,
-				alt: a.name
-			}),
-			/* @__PURE__ */ t(r, {
-				className: "chevronDown",
-				strokeWidth: 2.5
-			}),
-			/* @__PURE__ */ t(e, { orientation: "vertical" })
-		]
-	});
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { ChevronDown as i } from "lucide-react";
+import { Divider as c } from "../../divider/index.js";
+/* empty css           */
+function p(t) {
+  const { currentCountry: r, onClick: n } = t;
+  return /* @__PURE__ */ e("div", { className: "phoneInputSelectCountry", onClick: n, children: [
+    /* @__PURE__ */ o(
+      "img",
+      {
+        className: "flag",
+        src: r.flag,
+        alt: r.name
+      }
+    ),
+    /* @__PURE__ */ o(i, { className: "chevronDown", strokeWidth: 2.5 }),
+    /* @__PURE__ */ o(c, { orientation: "vertical" })
+  ] });
 }
-//#endregion
-export { i as PhoneInputCountrySelector };
+export {
+  p as PhoneInputCountrySelector
+};

package/dist/modules/components/phoneInput/phoneInputMask/index.js

@@ -1,46 +1,62 @@
-import { MAX_LENGTH as e, TYPES as t, applyMask as n, clear as r, getMask as i } from "../../../utils/phoneInputUtilities.js";
-/* empty css      */
-import { forwardRef as a, useEffect as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { InputMask as l } from "@react-input/mask";
-//#region src/components/phoneInput/phoneInputMask/index.tsx
-var u = a((e, t) => /* @__PURE__ */ c("input", {
-	ref: t,
-	...e
-})), d = a((a, d) => {
-	let { onFocus: f, readonly: p, onBlur: m, size: h, onChange: g, value: _, currentCountry: v, disabled: y, id: b } = a, [x, S] = s(!1), C = typeof v.mask == "string" ? v.mask : v.mask[0];
-	o(() => {
-		x ? g(C) : S(!0);
-	}, [v]);
-	let w = `phoneInputMask ${h}`;
-	function T(a) {
-		let o = r(a.target.value), s = i(o);
-		o.length > e || (o = n(o, t[s]), a.target.value = o, g(o));
-	}
-	return v.code === "+55" ? /* @__PURE__ */ c("input", {
-		id: b,
-		value: _,
-		onChange: T,
-		className: w,
-		onFocus: f,
-		onBlur: m,
-		disabled: y,
-		ref: d
-	}) : /* @__PURE__ */ c(l, {
-		id: b,
-		value: _,
-		readOnly: p,
-		onChange: (e) => g(e.target.value),
-		className: w,
-		component: u,
-		onFocus: f,
-		onBlur: m,
-		disabled: y,
-		mask: C,
-		showMask: !0,
-		replacement: { _: /\d/ },
-		ref: d
-	});
-});
-//#endregion
-export { d as PhoneInputMask };
+import { jsx as r } from "react/jsx-runtime";
+import { InputMask as I } from "@react-input/mask";
+import { forwardRef as g, useState as v, useEffect as x } from "react";
+import { clear as E, getMask as L, MAX_LENGTH as w, applyMask as B, TYPES as N } from "../../../utils/phoneInputUtilities.js";
+/* empty css          */
+const P = g((o, n) => /* @__PURE__ */ r("input", { ref: n, ...o })), A = g(
+  (o, n) => {
+    const {
+      onFocus: u,
+      readonly: d,
+      onBlur: l,
+      size: h,
+      onChange: s,
+      value: p,
+      currentCountry: t,
+      disabled: m,
+      id: c
+    } = o, [k, M] = v(!1), i = typeof t.mask == "string" ? t.mask : t.mask[0];
+    x(() => {
+      k ? s(i) : M(!0);
+    }, [t]);
+    const f = `phoneInputMask ${h}`;
+    function y(a) {
+      let e = E(a.target.value);
+      const C = L(e);
+      e.length > w || (e = B(e, N[C]), a.target.value = e, s(e));
+    }
+    return t.code === "+55" ? /* @__PURE__ */ r(
+      "input",
+      {
+        id: c,
+        value: p,
+        onChange: y,
+        className: f,
+        onFocus: u,
+        onBlur: l,
+        disabled: m,
+        ref: n
+      }
+    ) : /* @__PURE__ */ r(
+      I,
+      {
+        id: c,
+        value: p,
+        readOnly: d,
+        onChange: (a) => s(a.target.value),
+        className: f,
+        component: P,
+        onFocus: u,
+        onBlur: l,
+        disabled: m,
+        mask: i,
+        showMask: !0,
+        replacement: { _: /\d/ },
+        ref: n
+      }
+    );
+  }
+);
+export {
+  A as PhoneInputMask
+};

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

@@ -1,38 +1,37 @@
-import { useScrollLock as e } from "../../hooks/useScrollLock.js";
-/* empty css       */
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { motion as i } from "framer-motion";
-//#region src/components/popover/index.tsx
-function a(a) {
-	let { children: o, button: s, closeOnClick: c, className: l = "", orientation: u = "bottomLeft" } = a, [d, f] = t(!1), p = `arkynPopover ${u} ${d ? "visibleTrue" : "visibleFalse"} ${l}`;
-	function m() {
-		d || f(!0);
-	}
-	return e(d), /* @__PURE__ */ r("div", {
-		className: p,
-		onClick: m,
-		children: [
-			s,
-			/* @__PURE__ */ n(i.div, {
-				style: { visibility: d ? "visible" : "hidden" },
-				transition: {
-					ease: "easeOut",
-					duration: 0
-				},
-				initial: { opacity: 0 },
-				animate: { opacity: +!!d },
-				exit: { opacity: 0 },
-				onClick: () => c && f(!1),
-				className: "arkynPopoverContent",
-				children: o
-			}),
-			d && /* @__PURE__ */ n("div", {
-				onClick: () => f(!1),
-				className: "arkynPopoverOverlay"
-			})
-		]
-	});
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { motion as v } from "framer-motion";
+import { useState as f } from "react";
+import { useScrollLock as u } from "../../hooks/useScrollLock.js";
+/* empty css           */
+function N(t) {
+  const {
+    children: s,
+    button: n,
+    closeOnClick: a,
+    className: r = "",
+    orientation: l = "bottomLeft"
+  } = t, [e, i] = f(!1), c = `arkynPopover ${l} ${e ? "visibleTrue" : "visibleFalse"} ${r}`;
+  function m() {
+    e || i(!0);
+  }
+  return u(e), /* @__PURE__ */ p("div", { className: c, onClick: m, children: [
+    n,
+    /* @__PURE__ */ o(
+      v.div,
+      {
+        style: { visibility: e ? "visible" : "hidden" },
+        transition: { ease: "easeOut", duration: 0 },
+        initial: { opacity: 0 },
+        animate: { opacity: e ? 1 : 0 },
+        exit: { opacity: 0 },
+        onClick: () => a && i(!1),
+        className: "arkynPopoverContent",
+        children: s
+      }
+    ),
+    e && /* @__PURE__ */ o("div", { onClick: () => i(!1), className: "arkynPopoverOverlay" })
+  ] });
 }
-//#endregion
-export { a as Popover };
+export {
+  N as Popover
+};

package/dist/modules/components/radio/radioBox/index.js

@@ -1,25 +1,43 @@
-import { useRadioGroup as e } from "../radioContext.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/radio/radioBox/index.tsx
-function r(r) {
-	let { value: i, size: a, disabled: o, children: s, className: c = "", onClick: l, onFocus: u, ...d } = r, { handleChange: f, size: p, value: m, isError: h, disabled: g } = e(), _ = m === i, v = a || p, y = o || g, b = `arkynRadioBox ${v} ${_ ? "checkedTrue" : "checkedFalse"} ${h ? "errorTrue" : "errorFalse"} ${y ? "disabledTrue" : "disabledFalse"} ${c}`;
-	function x(e) {
-		l && l(e), f(i);
-	}
-	function S(e) {
-		u && u(e), f(i);
-	}
-	return /* @__PURE__ */ n("label", {
-		className: b.trim(),
-		children: [/* @__PURE__ */ t("button", {
-			type: "button",
-			disabled: y,
-			onClick: x,
-			onFocus: S,
-			...d
-		}), s]
-	});
+import { jsxs as z, jsx as $ } from "react/jsx-runtime";
+import { useRadioGroup as N } from "../radioContext.js";
+/* empty css           */
+function B(r) {
+  const {
+    value: e,
+    size: n,
+    disabled: i,
+    children: d,
+    className: t = "",
+    onClick: o,
+    onFocus: a,
+    ...u
+  } = r, {
+    handleChange: l,
+    size: b,
+    value: m,
+    isError: C,
+    disabled: h
+  } = N(), p = m === e, k = n || b, c = i || h, F = `arkynRadioBox ${k} ${p ? "checkedTrue" : "checkedFalse"} ${C ? "errorTrue" : "errorFalse"} ${c ? "disabledTrue" : "disabledFalse"} ${t}`;
+  function f(s) {
+    o && o(s), l(e);
+  }
+  function x(s) {
+    a && a(s), l(e);
+  }
+  return /* @__PURE__ */ z("label", { className: F.trim(), children: [
+    /* @__PURE__ */ $(
+      "button",
+      {
+        type: "button",
+        disabled: c,
+        onClick: f,
+        onFocus: x,
+        ...u
+      }
+    ),
+    d
+  ] });
 }
-//#endregion
-export { r as RadioBox };
+export {
+  B as RadioBox
+};

package/dist/modules/components/radio/radioContext.js

@@ -1,22 +1,20 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/radio/radioContext.tsx
-var r = e({});
-function i(e) {
-	let { children: t, size: i, isError: a, handleChange: o, value: s, disabled: c } = e;
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			handleChange: o,
-			value: s,
-			size: i,
-			isError: a,
-			disabled: c
-		},
-		children: t
-	});
+import { jsx as u } from "react/jsx-runtime";
+import { useContext as s, createContext as c } from "react";
+const r = c({});
+function f(e) {
+  const { children: o, size: t, isError: n, handleChange: i, value: a, disabled: d } = e;
+  return /* @__PURE__ */ u(
+    r.Provider,
+    {
+      value: { handleChange: i, value: a, size: t, isError: n, disabled: d },
+      children: o
+    }
+  );
 }
-function a() {
-	return t(r);
+function m() {
+  return s(r);
 }
-//#endregion
-export { i as RadioProvider, a as useRadioGroup };
+export {
+  f as RadioProvider,
+  m as useRadioGroup
+};

package/dist/modules/components/radio/radioGroup/index.js

@@ -1,42 +1,65 @@
-import { useForm as e } from "../../../hooks/useForm.js";
-import { FieldTemplate as t } from "../../../services/fieldTemplate.js";
-import { RadioProvider as n } from "../radioContext.js";
-/* empty css       */
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/radio/radioGroup/index.tsx
-function o(o) {
-	let { defaultValue: s = "", name: c, label: l, showAsterisk: u, errorMessage: d, value: f, onChange: p, size: m = "md", className: h = "", disabled: g = !1, unShowFieldTemplate: _ = !1, orientation: v = "vertical", ...y } = o, [b, x] = r(s), { fieldErrors: S } = e();
-	function C(e) {
-		x(e), p && p(e);
-	}
-	let w = d || S?.[c], T = !!w, E = `arkynRadioGroup ${m}`;
-	return /* @__PURE__ */ i(t, {
-		name: c,
-		label: l,
-		showAsterisk: u,
-		className: h,
-		errorMessage: w,
-		unShowFieldTemplate: _,
-		orientation: v,
-		children: /* @__PURE__ */ a(n, {
-			isError: T,
-			size: m,
-			value: f || b,
-			handleChange: C,
-			disabled: g,
-			children: [/* @__PURE__ */ i("input", {
-				style: { display: "none" },
-				type: "text",
-				readOnly: !0,
-				name: c,
-				value: f || b
-			}), /* @__PURE__ */ i("div", {
-				className: E.trim(),
-				...y
-			})]
-		})
-	});
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { useForm as M } from "../../../hooks/useForm.js";
+import { FieldTemplate as R } from "../../../services/fieldTemplate.js";
+import { RadioProvider as V } from "../radioContext.js";
+/* empty css           */
+function A(m) {
+  const {
+    defaultValue: u = "",
+    name: e,
+    label: c,
+    showAsterisk: p,
+    errorMessage: d,
+    value: s,
+    onChange: o,
+    size: t = "md",
+    className: f = "",
+    disabled: h = !1,
+    unShowFieldTemplate: v = !1,
+    orientation: g = "vertical",
+    ...y
+  } = m, [i, N] = F(u), { fieldErrors: a } = M();
+  function x(n) {
+    N(n), o && o(n);
+  }
+  const l = d || (a == null ? void 0 : a[e]), b = !!l, w = `arkynRadioGroup ${t}`;
+  return /* @__PURE__ */ r(
+    R,
+    {
+      name: e,
+      label: c,
+      showAsterisk: p,
+      className: f,
+      errorMessage: l,
+      unShowFieldTemplate: v,
+      orientation: g,
+      children: /* @__PURE__ */ C(
+        V,
+        {
+          isError: b,
+          size: t,
+          value: s || i,
+          handleChange: x,
+          disabled: h,
+          children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                style: { display: "none" },
+                type: "text",
+                readOnly: !0,
+                name: e,
+                value: s || i
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: w.trim(), ...y })
+          ]
+        }
+      )
+    }
+  );
 }
-//#endregion
-export { o as RadioGroup };
+export {
+  A as RadioGroup
+};

package/dist/modules/components/richText/blockButton/index.js

@@ -1,21 +1,24 @@
-import { isBlockActive as e } from "../../../services/isBlockActive.js";
-import { textAlignTypes as t } from "../../../templates/richTextTemplates.js";
-import { toggleBlock as n } from "../../../services/toggleBlock.js";
-/* empty css       */
-import { jsx as r } from "react/jsx-runtime";
-import { useSlate as i } from "slate-react";
-//#region src/components/richText/blockButton/index.tsx
-function a({ format: a, icon: o }) {
-	let s = i(), c = e(s, a, t.includes(a) ? "align" : "type") ? "activeTrue" : "activeFalse";
-	function l(e) {
-		e.preventDefault(), n(s, a);
-	}
-	return /* @__PURE__ */ r("button", {
-		type: "button",
-		className: "arkynRichTextBlockButton " + c,
-		onMouseDown: l,
-		children: /* @__PURE__ */ r(o, {})
-	});
+import { jsx as e } from "react/jsx-runtime";
+import { useSlate as l } from "slate-react";
+import { isBlockActive as u } from "../../../services/isBlockActive.js";
+import { toggleBlock as p } from "../../../services/toggleBlock.js";
+import { textAlignTypes as a } from "../../../templates/richTextTemplates.js";
+/* empty css           */
+function g({ format: t, icon: i }) {
+  const o = l(), n = a.includes(t) ? "align" : "type", c = u(o, t, n) ? "activeTrue" : "activeFalse";
+  function s(r) {
+    r.preventDefault(), p(o, t);
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "arkynRichTextBlockButton " + c,
+      onMouseDown: s,
+      children: /* @__PURE__ */ e(i, {})
+    }
+  );
 }
-//#endregion
-export { a as BlockButton };
+export {
+  g as BlockButton
+};