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

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

@@ -1,44 +1,34 @@
-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, {});
+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, {});
 }
-export {
-  x as PhoneInputCountryOptionsContainer
-};
+//#endregion
+export { s as PhoneInputCountryOptionsContainer };

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

@@ -1,22 +1,26 @@
-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" })
-  ] });
+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" })
+		]
+	});
 }
-export {
-  p as PhoneInputCountrySelector
-};
+//#endregion
+export { i as PhoneInputCountrySelector };

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

@@ -1,62 +1,46 @@
-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
-};
+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 };

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

@@ -1,37 +1,38 @@
-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" })
-  ] });
+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"
+			})
+		]
+	});
 }
-export {
-  N as Popover
-};
+//#endregion
+export { a as Popover };

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

@@ -1,43 +1,25 @@
-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
-  ] });
+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]
+	});
 }
-export {
-  B as RadioBox
-};
+//#endregion
+export { r as RadioBox };

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

@@ -1,20 +1,22 @@
-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
-    }
-  );
+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
+	});
 }
-function m() {
-  return s(r);
+function a() {
+	return t(r);
 }
-export {
-  f as RadioProvider,
-  m as useRadioGroup
-};
+//#endregion
+export { i as RadioProvider, a as useRadioGroup };

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

@@ -1,65 +1,42 @@
-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 })
-          ]
-        }
-      )
-    }
-  );
+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
+			})]
+		})
+	});
 }
-export {
-  A as RadioGroup
-};
+//#endregion
+export { o as RadioGroup };

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

@@ -1,24 +1,21 @@
-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, {})
-    }
-  );
+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, {})
+	});
 }
-export {
-  g as BlockButton
-};
+//#endregion
+export { a as BlockButton };