naria-ui 0.1.55 → 0.1.57

package/dist/naria-ui.es.js

@@ -0,0 +1,669 @@
+import * as P from "react";
+import le, { useState as A, useEffect as x, useRef as ee } from "react";
+var G = { exports: {} }, U = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var te;
+function ce() {
+  if (te) return U;
+  te = 1;
+  var t = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function s(f, o, c) {
+    var p = null;
+    if (c !== void 0 && (p = "" + c), o.key !== void 0 && (p = "" + o.key), "key" in o) {
+      c = {};
+      for (var m in o)
+        m !== "key" && (c[m] = o[m]);
+    } else c = o;
+    return o = c.ref, {
+      $$typeof: t,
+      type: f,
+      key: p,
+      ref: o !== void 0 ? o : null,
+      props: c
+    };
+  }
+  return U.Fragment = i, U.jsx = s, U.jsxs = s, U;
+}
+var B = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ne;
+function ue() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === S ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case k:
+          return "Fragment";
+        case T:
+          return "Profiler";
+        case J:
+          return "StrictMode";
+        case u:
+          return "Suspense";
+        case M:
+          return "SuspenseList";
+        case q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case z:
+            return "Portal";
+          case X:
+            return (e.displayName || "Context") + ".Provider";
+          case $:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case _:
+            return n = e.displayName || null, n !== null ? n : t(e.type) || "Memo";
+          case C:
+            n = e._payload, e = e._init;
+            try {
+              return t(e(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        i(e);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var l = n.error, r = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          r
+        ), i(e);
+      }
+    }
+    function f(e) {
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === C)
+        return "<...>";
+      try {
+        var n = t(e);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = w.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (D.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, n) {
+      function l() {
+        L || (L = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          n
+        ));
+      }
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
+        configurable: !0
+      });
+    }
+    function E() {
+      var e = t(this.type);
+      return F[e] || (F[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function b(e, n, l, r, v, h, Z, Q) {
+      return l = h.ref, e = {
+        $$typeof: W,
+        type: e,
+        key: n,
+        props: h,
+        _owner: v
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: E
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Z
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Q
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function I(e, n, l, r, v, h, Z, Q) {
+      var g = n.children;
+      if (g !== void 0)
+        if (r)
+          if (j(g)) {
+            for (r = 0; r < g.length; r++)
+              R(g[r]);
+            Object.freeze && Object.freeze(g);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(g);
+      if (D.call(n, "key")) {
+        g = t(e);
+        var N = Object.keys(n).filter(function(ie) {
+          return ie !== "key";
+        });
+        r = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", V[g + r] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          r,
+          g,
+          N,
+          g
+        ), V[g + r] = !0);
+      }
+      if (g = null, l !== void 0 && (s(l), g = "" + l), p(n) && (s(n.key), g = "" + n.key), "key" in n) {
+        l = {};
+        for (var K in n)
+          K !== "key" && (l[K] = n[K]);
+      } else l = n;
+      return g && m(
+        l,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), b(
+        e,
+        g,
+        h,
+        v,
+        o(),
+        l,
+        Z,
+        Q
+      );
+    }
+    function R(e) {
+      typeof e == "object" && e !== null && e.$$typeof === W && e._store && (e._store.validated = 1);
+    }
+    var d = le, W = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), X = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), S = Symbol.for("react.client.reference"), w = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, j = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    d = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var L, F = {}, y = d["react-stack-bottom-frame"].bind(
+      d,
+      c
+    )(), H = O(f(c)), V = {};
+    B.Fragment = k, B.jsx = function(e, n, l, r, v) {
+      var h = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return I(
+        e,
+        n,
+        l,
+        !1,
+        r,
+        v,
+        h ? Error("react-stack-top-frame") : y,
+        h ? O(f(e)) : H
+      );
+    }, B.jsxs = function(e, n, l, r, v) {
+      var h = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return I(
+        e,
+        n,
+        l,
+        !0,
+        r,
+        v,
+        h ? Error("react-stack-top-frame") : y,
+        h ? O(f(e)) : H
+      );
+    };
+  }()), B;
+}
+var ae;
+function de() {
+  return ae || (ae = 1, process.env.NODE_ENV === "production" ? G.exports = ce() : G.exports = ue()), G.exports;
+}
+var a = de();
+const re = ({
+  classNames: t = {
+    wrapper: "",
+    color: ""
+  }
+}) => /* @__PURE__ */ a.jsxs(
+  "svg",
+  {
+    className: `nariaLoading ${t.wrapper}`,
+    "data-prop": "wrapper",
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ a.jsx(
+        "path",
+        {
+          d: "M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",
+          stroke: "currentColor",
+          strokeWidth: "6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "path",
+        {
+          d: "M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",
+          stroke: "currentColor",
+          strokeWidth: "6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: t.color,
+          "data-prop": "color"
+        }
+      )
+    ]
+  }
+), be = ({
+  type: t = "button",
+  classNames: i = {
+    button: "",
+    loading: {
+      wrapper: "",
+      color: ""
+    }
+  },
+  value: s,
+  icon: f = null,
+  isLoading: o = !1,
+  isDisabled: c = !1,
+  ...p
+}) => /* @__PURE__ */ a.jsxs(
+  "button",
+  {
+    type: t,
+    disabled: c,
+    ...p,
+    className: `nariaButton ${c ? "nariaButton-disabled" : ""} ${i?.button}`,
+    "data-prop": "button",
+    children: [
+      o ? /* @__PURE__ */ a.jsx(re, { classNames: {
+        wrapper: i.loading.wrapper,
+        color: i.loading.color
+      }, "data-prop-wrapper": "wrapper", "data-prop-color": "color" }) : f,
+      s
+    ]
+  }
+), xe = ({
+  type: t = "text",
+  placeholder: i,
+  classNames: s = {
+    wrapper: "",
+    label: "",
+    title: "",
+    input: "",
+    errorText: ""
+  },
+  title: f,
+  hasError: o,
+  register: c,
+  name: p,
+  isDisabled: m = !1,
+  autocomplete: E = !1,
+  ...b
+}) => /* @__PURE__ */ a.jsxs("div", { className: `nariaInputWrapper ${s.wrapper}`, "data-prop": "wrapper", children: [
+  /* @__PURE__ */ a.jsxs(
+    "label",
+    {
+      htmlFor: p,
+      className: `${s.label} ${o && "nariaInputLabel-error"}`,
+      "data-prop": "label",
+      children: [
+        /* @__PURE__ */ a.jsx("span", { className: s?.title, "data-prop": "title", children: f }),
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            disabled: m,
+            autoComplete: E ? "on" : "off",
+            id: p,
+            ...c,
+            ...b,
+            type: t,
+            name: p,
+            className: `${s.input} ${o && "nariaInput-error"}`,
+            placeholder: i,
+            "data-prop": "input"
+          }
+        )
+      ]
+    }
+  ),
+  o && /* @__PURE__ */ a.jsx("p", { className: `nariaInputErrorText ${s?.errorText}`, "data-prop": "errorText", children: o })
+] }), oe = (t) => /* @__PURE__ */ P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ P.createElement("path", { fill: "currentColor", d: "M209.5 369c-9.4 9.4-24.6 9.4-33.9 0L15.5 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-160 160z" })), fe = (t) => /* @__PURE__ */ P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ P.createElement("path", { fill: "currentColor", d: "M7.5 105c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l151 151 151-151c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-151 151 151 151c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-151-151-151 151c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l151-151-151-151z" })), se = (t) => /* @__PURE__ */ P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: "currentColor", ...t }, /* @__PURE__ */ P.createElement("path", { fill: "currentColor", d: "M368 208a160 160 0 1 0 -320 0 160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" })), pe = () => {
+  const [t, i] = A(typeof window < "u" ? window.innerWidth : 0), s = () => i(typeof window < "u" ? window.innerWidth : 0);
+  return x(() => (window.addEventListener("resize", s), () => window.removeEventListener("resize", s)), [t]), t;
+}, ge = () => {
+  const t = `${window.location.pathname}${window.location.search}`;
+  window.history.replaceState(null, "", t);
+}, me = (t) => {
+  window.location.hash = t;
+}, he = (t) => {
+  const [i, s] = A(!1);
+  return x(() => {
+    const f = (o) => {
+      window.location.hash !== t ? s(!0) : s(!1);
+    };
+    return window.addEventListener("hashchange", f), () => {
+      window.removeEventListener("hashchange", f);
+    };
+  }, []), i;
+}, we = (t, i, s) => {
+  x(() => {
+    function f(o) {
+      i.current && !i.current.contains(o.target) && t?.current && !t?.current.contains(o.target) && s();
+    }
+    return document.addEventListener("mousedown", f), () => {
+      document.removeEventListener("mousedown", f);
+    };
+  }, [t, s]);
+}, Ee = ({
+  options: t,
+  label: i,
+  hasError: s,
+  title: f,
+  value: o,
+  api: c,
+  selected: p,
+  placeholder: m,
+  disabled: E = !1,
+  pagination: b,
+  optionFilterLabel: I,
+  hasSearch: R = !1,
+  classNames: d = {
+    wrapper: "",
+    label: "",
+    title: "",
+    button: "",
+    input: "",
+    listWrapper: "",
+    list: "",
+    option: "",
+    optionActive: "",
+    mobileHeader: "",
+    errorText: ""
+  },
+  onSelectChange: W
+}) => {
+  let z = !0;
+  const k = pe(), J = he("#select"), [T, $] = A(!1), [X, Y] = A(!0), [u, M] = A(null), [_, C] = A(null), [q, S] = A(""), [w, D] = A({
+    page: 1,
+    pageLabel: "page",
+    size: 20,
+    sizeLabel: "size",
+    isLoading: !1
+  }), j = ee(void 0), O = ee(void 0), L = ee(void 0), F = async () => {
+    if (j?.current)
+      try {
+        const r = await fetch(j?.current);
+        if (!r.ok)
+          throw new Error(`Response status: ${r.status}`);
+        return await r.json();
+      } catch (r) {
+        console.error(r.message);
+      }
+  };
+  x(() => () => {
+    z = !1;
+  }, []), x(() => {
+    if (c?.length) {
+      if (j.current = c, j.current.includes(b?.pageLabel || "page")) {
+        const r = new URL(c);
+        r.searchParams.set(b?.pageLabel || "page", (b?.page || w.page).toString()), r.searchParams.set(b?.sizeLabel || "size", (b?.size || w.size).toString()), j.current = r.href;
+      }
+      Y(!0), F().then((r) => {
+        z && (Y(!1), C(r));
+      });
+    }
+  }, [c, b]), x(() => {
+    if (w.isLoading) {
+      if (j.current.includes(b?.pageLabel || "page")) {
+        const r = new URL(j.current);
+        r.searchParams.set(b?.pageLabel || "page", w.page.toString()), j.current = r.href;
+      }
+      F().then((r) => {
+        z && (Y(!1), D({
+          ...w,
+          isLoading: !1
+        }), C([
+          ..._,
+          ...r
+        ]));
+      });
+    }
+  }, [w]), x(() => {
+    k < 768 && (T ? (me("select"), document.body.style.overflow = "hidden", L.current?.focus()) : (window.location.hash && !document.referrer.includes("#") && ge(), document.body.style.overflow = "auto"));
+  }, [T]), x(() => {
+    p && t?.length && (t?.find((r) => r[i] === p) ? M(t?.find((r) => r[i] === p)) : M(p));
+  }, [p]), x(() => {
+    u && R && (o?.length && _?.find((r) => r[i] === u[i]) ? S(_?.find((r) => r[i] === u[i])[o] || "") : S(u));
+  }, [u]), x(() => {
+    J && $(!1);
+  }, [J]), x(() => {
+    t?.length && C(t);
+  }, [t]);
+  const y = () => {
+    R && C(t), $((r) => !r);
+  }, H = () => {
+    R && (C(t), S(typeof u == "string" ? u : u ? u[o] : "")), $(!1);
+  }, V = (r) => {
+    R && (o?.length ? S(r[o]) : S(r)), M(r), y(), W && W(r);
+  }, e = (r) => {
+    if (!u)
+      return "";
+    if (i?.length && r[i] === u[i])
+      return `nariaSelectOption-active ${d?.optionActive}`;
+    if (r === u)
+      return `nariaSelectOption-active ${d?.optionActive}`;
+  }, n = (r) => {
+    c?.length && _?.length && !w.isLoading && r.target.offsetHeight + r.target.scrollTop >= r.target.scrollHeight - 100 && D({
+      page: w.page + 1,
+      isLoading: !0
+    });
+  }, l = (r) => {
+    const v = r?.target?.value?.length ? t.filter((h) => typeof h == "object" ? h[I?.length ? I : o].includes(r?.target?.value) : h.includes(r?.target?.value)) : t;
+    C(v), S(r?.target?.value), T || $(!0);
+  };
+  return we(O, L, H), /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: `nariaSelect ${E ? "nariaSelect-disabled" : ""} ${d?.wrapper}`,
+      "data-prop": "wrapper",
+      children: [
+        /* @__PURE__ */ a.jsxs(
+          "label",
+          {
+            className: `${s && "!text-danger-100"}
+                ${d?.label}`,
+            "data-prop": "label",
+            children: [
+              /* @__PURE__ */ a.jsx("span", { className: d?.title, "data-prop": "title", children: f }),
+              R ? /* @__PURE__ */ a.jsxs("div", { className: "nariaSearchInput", children: [
+                /* @__PURE__ */ a.jsx(
+                  "input",
+                  {
+                    ref: L,
+                    placeholder: m?.length ? m : "Select",
+                    className: `${u ? "text-dark-100" : "text-grey-300"} 
+                                ${s && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${d?.input}`,
+                    value: q,
+                    disabled: E,
+                    type: "text",
+                    onClick: y,
+                    onChange: l,
+                    "data-prop": "input"
+                  }
+                ),
+                T ? /* @__PURE__ */ a.jsx(
+                  se,
+                  {
+                    className: "nariaSearchIcon"
+                  }
+                ) : /* @__PURE__ */ a.jsx(
+                  oe,
+                  {
+                    className: `nariaArrowIcon ${T ? "nariaArrowIcon-rotate-180" : ""}`
+                  }
+                )
+              ] }) : /* @__PURE__ */ a.jsxs(
+                "button",
+                {
+                  type: "button",
+                  ref: L,
+                  disabled: E,
+                  className: `nariaHandler ${u ? "text-dark-100" : "text-grey-300"} 
+                                ${s && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${d?.button}`,
+                  "data-prop": "button",
+                  onClick: y,
+                  children: [
+                    u ? o?.length ? u[o] : u : m?.length ? m : "Select",
+                    " ",
+                    /* @__PURE__ */ a.jsx(
+                      oe,
+                      {
+                        className: `nariaArrowIcon ${T ? "nariaArrowIcon-rotate-180" : ""}`
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        T ? /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: `nariaListWrapper ${k < 768 ? "nariaListWrapper-mobile" : ""} ${d?.listWrapper}`,
+            "data-prop": "listWrapper",
+            ref: O,
+            children: /* @__PURE__ */ a.jsx(
+              "div",
+              {
+                className: `nariaList ${k < 768 ? "nariaList-mobile" : "nariaList-desktop"} ${d?.list}`,
+                "data-prop": "input",
+                onScroll: n,
+                children: c && X ? /* @__PURE__ */ a.jsx("div", { className: "nariaLoadingWrapper", children: /* @__PURE__ */ a.jsx(re, {}) }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  k < 768 ? /* @__PURE__ */ a.jsxs(
+                    "div",
+                    {
+                      className: `nariaSelectMobileHeader ${d?.mobileHeader}`,
+                      "data-prop": "mobileHeader",
+                      children: [
+                        R ? /* @__PURE__ */ a.jsxs("div", { className: "nariaSearchInput", children: [
+                          /* @__PURE__ */ a.jsx(
+                            "input",
+                            {
+                              ref: L,
+                              placeholder: m?.length ? m : "Select",
+                              className: `${u ? "text-dark-100" : "text-grey-300"} 
+                                                               ${s && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${d?.input}`,
+                              "data-prop": "input",
+                              value: q,
+                              disabled: E,
+                              type: "text",
+                              onChange: l
+                            }
+                          ),
+                          /* @__PURE__ */ a.jsx(
+                            se,
+                            {
+                              className: "nariaSearchIcon"
+                            }
+                          )
+                        ] }) : void 0,
+                        /* @__PURE__ */ a.jsx("button", { className: "p-3", onClick: H, disabled: E, children: /* @__PURE__ */ a.jsx(fe, { className: "w-6" }) })
+                      ]
+                    }
+                  ) : void 0,
+                  _?.length ? /* @__PURE__ */ a.jsx(a.Fragment, { children: _?.map((r, v) => /* @__PURE__ */ a.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => V(r),
+                      disabled: E,
+                      className: `nariaSelectOption ${d?.option} ${e(r)}`,
+                      "data-prop": "option",
+                      "data-prop-active": "optionActive",
+                      children: o?.length ? r[o] : r
+                    },
+                    v.toString()
+                  )) }) : /* @__PURE__ */ a.jsx("div", { children: "No Data" }),
+                  w.isLoading ? /* @__PURE__ */ a.jsx("div", { className: "nariaLoadingMoreWrapper", children: /* @__PURE__ */ a.jsx(re, {}) }) : void 0
+                ] })
+              }
+            )
+          }
+        ) : void 0,
+        s && /* @__PURE__ */ a.jsx("p", { className: `nariaSelectErrorText ${d?.errorText}`, "data-prop": "errorText", children: s })
+      ]
+    }
+  );
+};
+export {
+  be as Button,
+  xe as Input,
+  Ee as Select
+};

package/package.json

@@ -5,7 +5,7 @@
     "name": "Mohammad Mehdi Mohammadi",
     "url": ""
   },
-  "version": "0.1.55",
+  "version": "0.1.57",
   "type": "module",
   "main": "./dist/naria-ui.cjs.js",
   "module": "./dist/naria-ui.es.js",
@@ -17,6 +17,9 @@
       "require": "./dist/naria-ui.cjs.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },

package/assets/icons/angle-down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><path fill="currentColor" d="M209.5 369c-9.4 9.4-24.6 9.4-33.9 0L15.5 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-160 160z"/></svg>

package/assets/icons/angle-left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="currentColor"><path fill="currentColor" d="M15.5 239c-9.4 9.4-9.4 24.6 0 33.9l160 160c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-143-143 143-143c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15.5 239z"/></svg>

package/assets/icons/angle-right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="currentColor"><path fill="currentColor" d="M241.5 239c9.4 9.4 9.4 24.6 0 33.9L81.5 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143-143-143c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l160 160z"/></svg>