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

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

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

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

@@ -1,19 +1,22 @@
-/* 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
-		}
-	});
+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
+      }
+    }
+  );
 }
-//#endregion
-export { r as SelectChevron };
+export {
+  g as SelectChevron
+};

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

@@ -1,14 +1,30 @@
-/* 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
-	});
+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
+    }
+  );
 }
-//#endregion
-export { t as SelectContainer };
+export {
+  P as SelectContainer
+};

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

@@ -1,12 +1,9 @@
-/* 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
-	});
+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 });
 }
-//#endregion
-export { t as SelectContent };
+export {
+  s as SelectContent
+};

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

@@ -1,18 +1,14 @@
-/* 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, {})
-		]
-	});
+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, {})
+  ] });
 }
-//#endregion
-export { r as SelectOption };
+export {
+  u as SelectOption
+};

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

@@ -1,36 +1,46 @@
-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, {});
+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, {});
 }
-//#endregion
-export { l as SelectOptionsContainer };
+export {
+  F as SelectOptionsContainer
+};

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

@@ -1,12 +1,9 @@
-/* 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, {});
+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, {});
 }
-//#endregion
-export { n as SelectOverlay };
+export {
+  c as SelectOverlay
+};

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

@@ -1,14 +1,10 @@
-/* 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, {});
+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, {});
 }
-//#endregion
-export { r as SelectSpinner };
+export {
+  c as SelectSpinner
+};

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

@@ -1,35 +1,42 @@
-/* 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}%` }
-		})]
-	});
+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}%` } })
+      ]
+    }
+  );
 }
-//#endregion
-export { a as Slider };
+export {
+  N as Slider
+};