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

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

@@ -1,145 +1,113 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { useRef as ee, useId as te, useState as S } from "react";
-import { useForm as ne } from "../../hooks/useForm.js";
-import { FieldTemplate as re } from "../../services/fieldTemplate.js";
-import { IconRenderer as oe } from "../../services/iconRenderer.js";
-import { SelectChevron as ie } from "./selectChevron/index.js";
-import { SelectContainer as se } from "./selectContainer/index.js";
-import { SelectContent as le } from "./selectContent/index.js";
-import { SelectOption as ae } from "./selectOption/index.js";
-import { SelectOptionsContainer as ce } from "./selectOptionsContainer/index.js";
-import { SelectOverlay as fe } from "./selectOverlay/index.js";
-import { SelectSpinner as ue } from "./selectSpinner/index.js";
-function ze(f) {
-  const {
-    name: u,
-    options: b,
-    className: M = "",
-    placeholder: y = "Selecione...",
-    closeOnSelect: T = !0,
-    defaultValue: V = "",
-    errorMessage: j,
-    isLoading: s = !1,
-    readOnly: d = !1,
-    isSearchable: k = !1,
-    id: B,
-    label: E,
-    optionMaxHeight: de,
-    showAsterisk: H,
-    leftIcon: g,
-    onSearch: C,
-    onChange: l,
-    onBlur: A,
-    notFoundText: D = "Sem opções disponíveis",
-    onFocus: O,
-    disabled: R = !1,
-    prefix: x,
-    size: a = "md",
-    value: W,
-    variant: q = "solid",
-    orientation: G = "vertical",
-    unShowFieldTemplate: J = !1
-  } = f, { fieldErrors: m } = ne(), n = ee(null), K = B || te(), F = j || (m == null ? void 0 : m[u]), P = !!F, p = R || s || d, c = { md: 20, lg: 20 }[a], [v, Q] = S(""), [o, I] = S(!1), [U, w] = S(V), i = W || U;
-  function z(e) {
-    return i === e;
-  }
-  function X(e) {
-    const r = b.find(($) => $.value === e);
-    return (r == null ? void 0 : r.label) || "";
-  }
-  function Y() {
-    p || !(n != null && n.current) || o || (I(!0), n.current.focus(), O && O());
-  }
-  function L() {
-    I(!1), A && n.current && n.current.blur();
-  }
-  function Z(e) {
-    Q(e), C && C(e);
-  }
-  function _(e) {
-    z(e) ? (w(""), l && l("")) : (w(e), l && l(e)), T && L();
-  }
-  const N = b.filter((e) => !!(f.onSearch || !f.isSearchable || e.label.toLowerCase().includes(v.toLowerCase())));
-  return /* @__PURE__ */ t(
-    re,
-    {
-      name: u,
-      label: E,
-      showAsterisk: H,
-      className: M,
-      errorMessage: F,
-      unShowFieldTemplate: J,
-      orientation: G,
-      children: /* @__PURE__ */ h(
-        se,
-        {
-          handleContainerFocus: Y,
-          disabled: p,
-          isError: P,
-          isFocused: o,
-          isLoading: s,
-          readOnly: d,
-          size: a,
-          variant: q,
-          prefixExists: !!x,
-          id: K,
-          children: [
-            /* @__PURE__ */ t(
-              "input",
-              {
-                ref: n,
-                name: u,
-                value: i,
-                type: "hidden"
-              }
-            ),
-            /* @__PURE__ */ t(oe, { iconSize: c, icon: x, className: "prefix" }),
-            g && /* @__PURE__ */ t(g, { size: c, strokeWidth: 2.5 }),
-            /* @__PURE__ */ h(le, { size: a, children: [
-              i !== "" && /* @__PURE__ */ t("p", { className: "hasValue", children: X(i) }),
-              i === "" && /* @__PURE__ */ t("p", { children: y })
-            ] }),
-            /* @__PURE__ */ h(
-              ce,
-              {
-                isFocused: o,
-                isSearchable: k,
-                search: v,
-                onSearch: Z,
-                children: [
-                  N.map(({ label: e, value: r }) => /* @__PURE__ */ t(
-                    ae,
-                    {
-                      label: e,
-                      value: r,
-                      size: a,
-                      handleChangeValue: _,
-                      optionHasSelected: z
-                    },
-                    r
-                  )),
-                  N.length <= 0 && /* @__PURE__ */ t("p", { children: D })
-                ]
-              }
-            ),
-            /* @__PURE__ */ t(
-              ie,
-              {
-                disabled: p,
-                isFocused: o,
-                readOnly: d,
-                iconSize: c,
-                isLoading: s
-              }
-            ),
-            /* @__PURE__ */ t(ue, { iconSize: c, isLoading: s }),
-            /* @__PURE__ */ t(fe, { handleBlur: L, isFocused: o })
-          ]
-        }
-      )
-    }
-  );
+import { useForm as e } from "../../hooks/useForm.js";
+import { IconRenderer as t } from "../../services/iconRenderer.js";
+import { FieldTemplate as n } from "../../services/fieldTemplate.js";
+import { SelectChevron as r } from "./selectChevron/index.js";
+import { SelectContainer as i } from "./selectContainer/index.js";
+import { SelectContent as a } from "./selectContent/index.js";
+import { SelectOption as o } from "./selectOption/index.js";
+import { SelectOptionsContainer as s } from "./selectOptionsContainer/index.js";
+import { SelectOverlay as c } from "./selectOverlay/index.js";
+import { SelectSpinner as ee } from "./selectSpinner/index.js";
+import { useId as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/select/index.tsx
+function m(m) {
+	let { name: h, options: g, className: _ = "", placeholder: v = "Selecione...", closeOnSelect: y = !0, defaultValue: b = "", errorMessage: x, isLoading: S = !1, readOnly: C = !1, isSearchable: te = !1, id: ne, label: re, optionMaxHeight: ie, showAsterisk: w, leftIcon: T, onSearch: E, onChange: D, onBlur: O, notFoundText: k = "Sem opções disponíveis", onFocus: A, disabled: j = !1, prefix: M, size: N = "md", value: P, variant: F = "solid", orientation: I = "vertical", unShowFieldTemplate: L = !1 } = m, { fieldErrors: R } = e(), z = u(null), ae = ne || l(), B = x || R?.[h], V = !!B, H = j || S || C, U = {
+		md: 20,
+		lg: 20
+	}[N], [W, G] = d(""), [K, q] = d(!1), [J, Y] = d(b), X = P || J;
+	function Z(e) {
+		return X === e;
+	}
+	function oe(e) {
+		return g.find((t) => t.value === e)?.label || "";
+	}
+	function se() {
+		H || !z?.current || K || (q(!0), z.current.focus(), A && A());
+	}
+	function Q() {
+		q(!1), O && z.current && z.current.blur();
+	}
+	function ce(e) {
+		G(e), E && E(e);
+	}
+	function le(e) {
+		Z(e) ? (Y(""), D && D("")) : (Y(e), D && D(e)), y && Q();
+	}
+	let $ = g.filter((e) => !!(m.onSearch || !m.isSearchable || e.label.toLowerCase().includes(W.toLowerCase())));
+	return /* @__PURE__ */ f(n, {
+		name: h,
+		label: re,
+		showAsterisk: w,
+		className: _,
+		errorMessage: B,
+		unShowFieldTemplate: L,
+		orientation: I,
+		children: /* @__PURE__ */ p(i, {
+			handleContainerFocus: se,
+			disabled: H,
+			isError: V,
+			isFocused: K,
+			isLoading: S,
+			readOnly: C,
+			size: N,
+			variant: F,
+			prefixExists: !!M,
+			id: ae,
+			children: [
+				/* @__PURE__ */ f("input", {
+					ref: z,
+					name: h,
+					value: X,
+					type: "hidden"
+				}),
+				/* @__PURE__ */ f(t, {
+					iconSize: U,
+					icon: M,
+					className: "prefix"
+				}),
+				T && /* @__PURE__ */ f(T, {
+					size: U,
+					strokeWidth: 2.5
+				}),
+				/* @__PURE__ */ p(a, {
+					size: N,
+					children: [X !== "" && /* @__PURE__ */ f("p", {
+						className: "hasValue",
+						children: oe(X)
+					}), X === "" && /* @__PURE__ */ f("p", { children: v })]
+				}),
+				/* @__PURE__ */ p(s, {
+					isFocused: K,
+					isSearchable: te,
+					search: W,
+					onSearch: ce,
+					children: [$.map(({ label: e, value: t }) => /* @__PURE__ */ f(o, {
+						label: e,
+						value: t,
+						size: N,
+						handleChangeValue: le,
+						optionHasSelected: Z
+					}, t)), $.length <= 0 && /* @__PURE__ */ f("p", { children: k })]
+				}),
+				/* @__PURE__ */ f(r, {
+					disabled: H,
+					isFocused: K,
+					readOnly: C,
+					iconSize: U,
+					isLoading: S
+				}),
+				/* @__PURE__ */ f(ee, {
+					iconSize: U,
+					isLoading: S
+				}),
+				/* @__PURE__ */ f(c, {
+					handleBlur: Q,
+					isFocused: K
+				})
+			]
+		})
+	});
 }
-export {
-  ze as Select
-};
+//#endregion
+export { m as Select };

package/dist/modules/components/select/selectChevron/index.js

@@ -1,22 +1,19 @@
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import { ChevronDown as a } from "lucide-react";
-/* empty css           */
-function g(n) {
-  const { iconSize: t, isLoading: o, disabled: i, readOnly: r, isFocused: s } = n, m = `arkynSelectChevron ${i || r ? "notAnimate" : ""} ${s ? "focused" : ""}`;
-  return o ? /* @__PURE__ */ e(c, {}) : /* @__PURE__ */ e(
-    a,
-    {
-      className: m,
-      strokeWidth: 2.5,
-      style: {
-        minWidth: t,
-        minHeight: t,
-        maxWidth: t,
-        maxHeight: t
-      }
-    }
-  );
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { ChevronDown as n } from "lucide-react";
+//#region src/components/select/selectChevron/index.tsx
+function r(r) {
+	let { iconSize: i, isLoading: a, disabled: o, readOnly: s, isFocused: c } = r;
+	return a ? /* @__PURE__ */ t(e, {}) : /* @__PURE__ */ t(n, {
+		className: `arkynSelectChevron ${o || s ? "notAnimate" : ""} ${c ? "focused" : ""}`,
+		strokeWidth: 2.5,
+		style: {
+			minWidth: i,
+			minHeight: i,
+			maxWidth: i,
+			maxHeight: i
+		}
+	});
 }
-export {
-  g as SelectChevron
-};
+//#endregion
+export { r as SelectChevron };

package/dist/modules/components/select/selectContainer/index.js

@@ -1,30 +1,14 @@
-import { jsx as u } from "react/jsx-runtime";
-/* empty css           */
-function P(e) {
-  const {
-    children: r,
-    handleContainerFocus: o,
-    disabled: s,
-    isError: i,
-    isLoading: n,
-    isFocused: c,
-    className: t,
-    readOnly: a,
-    variant: d,
-    size: f,
-    id: l,
-    prefixExists: p
-  } = e;
-  return /* @__PURE__ */ u(
-    "section",
-    {
-      id: l,
-      className: `arkynSelectContainer ${p ? "hasPrefix" : ""} ${d} ${f} ${s || a || n ? "opacity" : ""} ${i ? "errored" : ""} ${c ? "focused" : ""} ${t}`,
-      onClick: o,
-      children: r
-    }
-  );
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/select/selectContainer/index.tsx
+function t(t) {
+	let { children: n, handleContainerFocus: r, disabled: i, isError: a, isLoading: o, isFocused: s, className: c, readOnly: l, variant: u, size: d, id: f, prefixExists: p } = t;
+	return /* @__PURE__ */ e("section", {
+		id: f,
+		className: `arkynSelectContainer ${p ? "hasPrefix" : ""} ${u} ${d} ${i || l || o ? "opacity" : ""} ${a ? "errored" : ""} ${s ? "focused" : ""} ${c}`,
+		onClick: r,
+		children: n
+	});
 }
-export {
-  P as SelectContainer
-};
+//#endregion
+export { t as SelectContainer };

package/dist/modules/components/select/selectContent/index.js

@@ -1,9 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-/* empty css           */
-function s(t) {
-  const { children: e, size: n } = t, o = `arkynSelectContent ${n}`;
-  return /* @__PURE__ */ r("div", { className: o, children: e });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/select/selectContent/index.tsx
+function t(t) {
+	let { children: n, size: r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynSelectContent ${r}`,
+		children: n
+	});
 }
-export {
-  s as SelectContent
-};
+//#endregion
+export { t as SelectContent };

package/dist/modules/components/select/selectOption/index.js

@@ -1,14 +1,18 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Check as p } from "lucide-react";
-/* empty css           */
-function u(t) {
-  const { label: o, optionHasSelected: n, handleChangeValue: c, value: e, size: i } = t, a = n(e) ? "active" : "", l = `arkynSelectOption ${i} ${a}`;
-  return /* @__PURE__ */ s("div", { onClick: () => c(e), className: l, children: [
-    o,
-    " ",
-    /* @__PURE__ */ r(p, {})
-  ] });
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Check as n } from "lucide-react";
+//#region src/components/select/selectOption/index.tsx
+function r(r) {
+	let { label: i, optionHasSelected: a, handleChangeValue: o, value: s, size: c } = r;
+	return /* @__PURE__ */ t("div", {
+		onClick: () => o(s),
+		className: `arkynSelectOption ${c} ${a(s) ? "active" : ""}`,
+		children: [
+			i,
+			" ",
+			/* @__PURE__ */ e(n, {})
+		]
+	});
 }
-export {
-  u as SelectOption
-};
+//#endregion
+export { r as SelectOption };

package/dist/modules/components/select/selectOptionsContainer/index.js

@@ -1,46 +1,36 @@
-import { jsx as a, Fragment as g, jsxs as S } from "react/jsx-runtime";
-import { Search as C } from "lucide-react";
-import { useRef as v, useState as w, useEffect as b } from "react";
-import { useScrollLock as k } from "../../../hooks/useScrollLock.js";
-import { Input as R } from "../../input/index.js";
-/* empty css           */
-function F(l) {
-  const { children: u, isFocused: e, isSearchable: n, search: m, onSearch: p } = l, t = v(null), [f, o] = w("bottom");
-  k(e), b(() => {
-    if (!e) return;
-    (() => {
-      if (!t.current) return;
-      const i = t.current.parentElement;
-      if (!i) return;
-      const c = i.getBoundingClientRect(), d = window.innerHeight, s = 300;
-      d - c.bottom < s && c.top > s ? o("top") : o("bottom");
-    })();
-  }, [e]);
-  function h(r) {
-    n && p(r.target.value);
-  }
-  return e ? /* @__PURE__ */ S(
-    "div",
-    {
-      ref: t,
-      className: `arkynSelectOptionsContainer ${f}`,
-      children: [
-        n && /* @__PURE__ */ a(
-          R,
-          {
-            type: "search",
-            name: "search-select",
-            variant: "underline",
-            leftIcon: C,
-            value: m,
-            onChange: h
-          }
-        ),
-        u
-      ]
-    }
-  ) : /* @__PURE__ */ a(g, {});
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { Input as t } from "../../input/index.js";
+/* empty css       */
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Search as c } from "lucide-react";
+//#region src/components/select/selectOptionsContainer/index.tsx
+function l(l) {
+	let { children: u, isFocused: d, isSearchable: f, search: p, onSearch: m } = l, h = r(null), [g, _] = i("bottom");
+	e(d), n(() => {
+		d && (() => {
+			if (!h.current) return;
+			let e = h.current.parentElement;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			window.innerHeight - t.bottom < 300 && t.top > 300 ? _("top") : _("bottom");
+		})();
+	}, [d]);
+	function v(e) {
+		f && m(e.target.value);
+	}
+	return d ? /* @__PURE__ */ s("div", {
+		ref: h,
+		className: `arkynSelectOptionsContainer ${g}`,
+		children: [f && /* @__PURE__ */ o(t, {
+			type: "search",
+			name: "search-select",
+			variant: "underline",
+			leftIcon: c,
+			value: p,
+			onChange: v
+		}), u]
+	}) : /* @__PURE__ */ o(a, {});
 }
-export {
-  F as SelectOptionsContainer
-};
+//#endregion
+export { l as SelectOptionsContainer };

package/dist/modules/components/select/selectOverlay/index.js

@@ -1,9 +1,12 @@
-import { jsx as e, Fragment as a } from "react/jsx-runtime";
-/* empty css           */
-function c(r) {
-  const { isFocused: t, handleBlur: n } = r;
-  return t ? /* @__PURE__ */ e("aside", { className: "arkynSelectOverlay", onClick: n }) : /* @__PURE__ */ e(a, {});
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/select/selectOverlay/index.tsx
+function n(n) {
+	let { isFocused: r, handleBlur: i } = n;
+	return r ? /* @__PURE__ */ t("aside", {
+		className: "arkynSelectOverlay",
+		onClick: i
+	}) : /* @__PURE__ */ t(e, {});
 }
-export {
-  c as SelectOverlay
-};
+//#endregion
+export { n as SelectOverlay };

package/dist/modules/components/select/selectSpinner/index.js

@@ -1,10 +1,14 @@
-import { jsx as r, Fragment as t } from "react/jsx-runtime";
-import { Loader2 as o } from "lucide-react";
-/* empty css           */
-function c(e) {
-  const { iconSize: i, isLoading: n } = e;
-  return n ? /* @__PURE__ */ r(o, { className: "arkynSelectSpinner", size: i, strokeWidth: 2.5 }) : /* @__PURE__ */ r(t, {});
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { Loader2 as n } from "lucide-react";
+//#region src/components/select/selectSpinner/index.tsx
+function r(r) {
+	let { iconSize: i, isLoading: a } = r;
+	return a ? /* @__PURE__ */ t(n, {
+		className: "arkynSelectSpinner",
+		size: i,
+		strokeWidth: 2.5
+	}) : /* @__PURE__ */ t(e, {});
 }
-export {
-  c as SelectSpinner
-};
+//#endregion
+export { r as SelectSpinner };

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

@@ -1,42 +1,35 @@
-import { jsxs as p, jsx as g } from "react/jsx-runtime";
-import { useState as E, useRef as w, useEffect as b } from "react";
-/* empty css           */
-function N(f) {
-  const {
-    onChange: u,
-    value: d,
-    disabled: r = !1,
-    onDragging: s,
-    className: v = "",
-    ...h
-  } = f, [t, m] = E(!1), e = w(null), C = () => m(!0), i = () => m(!1), o = (a) => {
-    if (r || !t || !e.current) return;
-    const n = e.current.getBoundingClientRect(), l = a.clientX - n.left, c = Math.min(Math.max(l / n.width * 100, 0), 100);
-    u(c);
-  }, D = (a) => {
-    if (r || !e.current) return;
-    const n = e.current.getBoundingClientRect(), l = a.clientX - n.left, c = Math.min(Math.max(l / n.width * 100, 0), 100);
-    u(c);
-  };
-  b(() => (t ? (s && s(!0), document.addEventListener("mousemove", o), document.addEventListener("mouseup", i)) : (s && s(!1), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i)), () => {
-    document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i);
-  }), [t]);
-  const M = `arkynSliderTrack ${t ? "isDragging" : "isNotDragging"} ${r ? "isDisabled" : "isEnabled"} ${v}`;
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      ...h,
-      className: M,
-      onMouseDown: C,
-      onClick: D,
-      ref: e,
-      children: [
-        /* @__PURE__ */ g("div", { className: "arkynSliderFill", style: { width: `${d}%` } }),
-        /* @__PURE__ */ g("div", { className: "arkynSliderThumb", style: { left: `${d}%` } })
-      ]
-    }
-  );
+/* empty css       */
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/slider/index.tsx
+function a(a) {
+	let { onChange: o, value: s, disabled: c = !1, onDragging: l, className: u = "", ...d } = a, [f, p] = n(!1), m = t(null), h = () => p(!0), g = () => p(!1), _ = (e) => {
+		if (c || !f || !m.current) return;
+		let t = m.current.getBoundingClientRect(), n = e.clientX - t.left;
+		o(Math.min(Math.max(n / t.width * 100, 0), 100));
+	}, v = (e) => {
+		if (c || !m.current) return;
+		let t = m.current.getBoundingClientRect(), n = e.clientX - t.left;
+		o(Math.min(Math.max(n / t.width * 100, 0), 100));
+	};
+	e(() => (f ? (l && l(!0), document.addEventListener("mousemove", _), document.addEventListener("mouseup", g)) : (l && l(!1), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", g)), () => {
+		document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", g);
+	}), [f]);
+	let y = `arkynSliderTrack ${f ? "isDragging" : "isNotDragging"} ${c ? "isDisabled" : "isEnabled"} ${u}`;
+	return /* @__PURE__ */ i("div", {
+		...d,
+		className: y,
+		onMouseDown: h,
+		onClick: v,
+		ref: m,
+		children: [/* @__PURE__ */ r("div", {
+			className: "arkynSliderFill",
+			style: { width: `${s}%` }
+		}), /* @__PURE__ */ r("div", {
+			className: "arkynSliderThumb",
+			style: { left: `${s}%` }
+		})]
+	});
 }
-export {
-  N as Slider
-};
+//#endregion
+export { a as Slider };