naria-ui 0.1.64 → 0.2.1

package/dist/naria-ui.es.js

@@ -0,0 +1,675 @@
+import * as M from "react";
+import ue, { useEffect as R, useState as y, useRef as ee } from "react";
+var K = { exports: {} }, V = {};
+/**
+ * @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 de() {
+  if (te) return V;
+  te = 1;
+  var t = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
+  function c(h, o, d) {
+    var x = null;
+    if (d !== void 0 && (x = "" + d), o.key !== void 0 && (x = "" + o.key), "key" in o) {
+      d = {};
+      for (var s in o)
+        s !== "key" && (d[s] = o[s]);
+    } else d = o;
+    return o = d.ref, {
+      $$typeof: t,
+      type: h,
+      key: x,
+      ref: o !== void 0 ? o : null,
+      props: d
+    };
+  }
+  return V.Fragment = u, V.jsx = c, V.jsxs = c, V;
+}
+var G = {};
+/**
+ * @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 le() {
+  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 === _ ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case L:
+          return "Fragment";
+        case S:
+          return "Profiler";
+        case X:
+          return "StrictMode";
+        case w:
+          return "Suspense";
+        case F:
+          return "SuspenseList";
+        case Z:
+          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 H:
+            return "Portal";
+          case N:
+            return (e.displayName || "Context") + ".Provider";
+          case P:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case U:
+            var i = e.render;
+            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case g:
+            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
+          case k:
+            i = e._payload, e = e._init;
+            try {
+              return t(e(i));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function u(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        u(e);
+        var i = !1;
+      } catch {
+        i = !0;
+      }
+      if (i) {
+        i = console;
+        var f = i.error, r = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          i,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          r
+        ), u(e);
+      }
+    }
+    function h(e) {
+      if (e === L) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
+        return "<...>";
+      try {
+        var i = t(e);
+        return i ? "<" + i + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = v.A;
+      return e === null ? null : e.getOwner();
+    }
+    function d() {
+      return Error("react-stack-top-frame");
+    }
+    function x(e) {
+      if (B.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function s(e, i) {
+      function f() {
+        $ || ($ = !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)",
+          i
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function T() {
+      var e = t(this.type);
+      return J[e] || (J[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 l(e, i, f, r, E, j, W, z) {
+      return f = j.ref, e = {
+        $$typeof: D,
+        type: e,
+        key: i,
+        props: j,
+        _owner: E
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: T
+      }) : 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: W
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function A(e, i, f, r, E, j, W, z) {
+      var p = i.children;
+      if (p !== void 0)
+        if (r)
+          if (b(p)) {
+            for (r = 0; r < p.length; r++)
+              C(p[r]);
+            Object.freeze && Object.freeze(p);
+          } 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 C(p);
+      if (B.call(i, "key")) {
+        p = t(e);
+        var m = Object.keys(i).filter(function(ce) {
+          return ce !== "key";
+        });
+        r = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", Q[p + r] || (m = 0 < m.length ? "{" + m.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,
+          p,
+          m,
+          p
+        ), Q[p + r] = !0);
+      }
+      if (p = null, f !== void 0 && (c(f), p = "" + f), x(i) && (c(i.key), p = "" + i.key), "key" in i) {
+        f = {};
+        for (var Y in i)
+          Y !== "key" && (f[Y] = i[Y]);
+      } else f = i;
+      return p && s(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), l(
+        e,
+        p,
+        j,
+        E,
+        o(),
+        f,
+        W,
+        z
+      );
+    }
+    function C(e) {
+      typeof e == "object" && e !== null && e.$$typeof === D && e._store && (e._store.validated = 1);
+    }
+    var n = ue, D = Symbol.for("react.transitional.element"), H = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), N = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), _ = Symbol.for("react.client.reference"), v = n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, b = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    n = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var $, J = {}, I = n["react-stack-bottom-frame"].bind(
+      n,
+      d
+    )(), q = O(h(d)), Q = {};
+    G.Fragment = L, G.jsx = function(e, i, f, r, E) {
+      var j = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        i,
+        f,
+        !1,
+        r,
+        E,
+        j ? Error("react-stack-top-frame") : I,
+        j ? O(h(e)) : q
+      );
+    }, G.jsxs = function(e, i, f, r, E) {
+      var j = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        i,
+        f,
+        !0,
+        r,
+        E,
+        j ? Error("react-stack-top-frame") : I,
+        j ? O(h(e)) : q
+      );
+    };
+  }()), G;
+}
+var oe;
+function fe() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? K.exports = de() : K.exports = le()), K.exports;
+}
+var a = fe();
+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"
+        }
+      )
+    ]
+  }
+), ve = ({
+  type: t = "button",
+  classNames: u = {
+    button: "",
+    loading: {
+      wrapper: "",
+      color: ""
+    }
+  },
+  value: c,
+  icon: h = null,
+  isLoading: o = !1,
+  isDisabled: d = !1,
+  ...x
+}) => /* @__PURE__ */ a.jsxs(
+  "button",
+  {
+    type: t,
+    disabled: d,
+    ...x,
+    className: `nariaButton ${d ? "nariaButton-disabled" : ""} ${u == null ? void 0 : u.button}`,
+    "data-prop": "button",
+    children: [
+      o ? /* @__PURE__ */ a.jsx(re, { classNames: {
+        wrapper: u.loading.wrapper,
+        color: u.loading.color
+      }, "data-prop-wrapper": "wrapper", "data-prop-color": "color" }) : h,
+      c
+    ]
+  }
+), ie = (t) => /* @__PURE__ */ M.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ M.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" })), se = (t) => /* @__PURE__ */ M.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ M.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" })), ae = (t) => /* @__PURE__ */ M.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: "currentColor", ...t }, /* @__PURE__ */ M.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" })), we = (t, u, c) => {
+  R(() => {
+    function h(o) {
+      u.current && !u.current.contains(o.target) && (t != null && t.current) && !(t != null && t.current.contains(o.target)) && c();
+    }
+    return document.addEventListener("mousedown", h), () => {
+      document.removeEventListener("mousedown", h);
+    };
+  }, [t, c]);
+}, pe = () => {
+  const [t, u] = y(typeof window < "u" ? window.innerWidth : 0), c = () => u(typeof window < "u" ? window.innerWidth : 0);
+  return R(() => (window.addEventListener("resize", c), () => window.removeEventListener("resize", c)), [t]), t;
+}, ge = () => {
+  const t = `${window.location.pathname}${window.location.search}`;
+  window.history.replaceState(null, "", t);
+}, he = (t) => {
+  window.location.hash = t;
+}, xe = (t) => {
+  const [u, c] = y(!1);
+  return R(() => {
+    const h = (o) => {
+      window.location.hash !== t ? c(!0) : c(!1);
+    };
+    return window.addEventListener("hashchange", h), () => {
+      window.removeEventListener("hashchange", h);
+    };
+  }, []), u;
+}, Ee = ({
+  options: t,
+  label: u,
+  hasError: c,
+  title: h,
+  value: o,
+  api: d,
+  selected: x,
+  placeholder: s,
+  disabled: T = !1,
+  pagination: l,
+  optionFilterLabel: A,
+  hasSearch: C = !1,
+  classNames: n = {
+    wrapper: "",
+    label: "",
+    title: "",
+    button: "",
+    input: "",
+    listWrapper: "",
+    list: "",
+    option: "",
+    optionActive: "",
+    mobileHeader: "",
+    errorText: ""
+  },
+  onSelectChange: D
+}) => {
+  let H = !0;
+  const L = pe(), X = xe("#select"), [S, P] = y(!1), [N, U] = y(!0), [w, F] = y(null), [g, k] = y(null), [Z, _] = y(""), [v, B] = y({
+    page: 1,
+    pageLabel: "page",
+    size: 20,
+    sizeLabel: "size",
+    isLoading: !1
+  }), b = ee(void 0), O = ee(void 0), $ = ee(void 0), J = async () => {
+    if (b != null && b.current)
+      try {
+        const r = await fetch(b == null ? void 0 : b.current);
+        if (!r.ok)
+          throw new Error(`Response status: ${r.status}`);
+        return await r.json();
+      } catch (r) {
+        console.error(r.message);
+      }
+  };
+  R(() => () => {
+    H = !1;
+  }, []), R(() => {
+    if (d != null && d.length) {
+      if (b.current = d, b.current.includes((l == null ? void 0 : l.pageLabel) || "page")) {
+        const r = new URL(d);
+        r.searchParams.set((l == null ? void 0 : l.pageLabel) || "page", ((l == null ? void 0 : l.page) || v.page).toString()), r.searchParams.set((l == null ? void 0 : l.sizeLabel) || "size", ((l == null ? void 0 : l.size) || v.size).toString()), b.current = r.href;
+      }
+      U(!0), J().then((r) => {
+        H && (U(!1), k(r));
+      });
+    }
+  }, [d, l]), R(() => {
+    if (v.isLoading) {
+      if (b.current.includes((l == null ? void 0 : l.pageLabel) || "page")) {
+        const r = new URL(b.current);
+        r.searchParams.set((l == null ? void 0 : l.pageLabel) || "page", v.page.toString()), b.current = r.href;
+      }
+      J().then((r) => {
+        H && (U(!1), B({
+          ...v,
+          isLoading: !1
+        }), k([
+          ...g,
+          ...r
+        ]));
+      });
+    }
+  }, [v]), R(() => {
+    var r;
+    L < 768 && (S ? (he("select"), document.body.style.overflow = "hidden", (r = $.current) == null || r.focus()) : (window.location.hash && !document.referrer.includes("#") && ge(), document.body.style.overflow = "auto"));
+  }, [S]), R(() => {
+    x && (t != null && t.length) && (t != null && t.find((r) => r[u] === x) ? F(t == null ? void 0 : t.find((r) => r[u] === x)) : F(x));
+  }, [x]), R(() => {
+    w && C && (o != null && o.length && (g != null && g.find((r) => r[u] === w[u])) ? _((g == null ? void 0 : g.find((r) => r[u] === w[u])[o]) || "") : _(w));
+  }, [w]), R(() => {
+    X && P(!1);
+  }, [X]), R(() => {
+    t != null && t.length && k(t);
+  }, [t]);
+  const I = () => {
+    C && k(t), P((r) => !r);
+  }, q = () => {
+    C && (k(t), _(typeof w == "string" ? w : w ? w[o] : "")), P(!1);
+  }, Q = (r) => {
+    C && (o != null && o.length ? _(r[o]) : _(r)), F(r), I(), D && D(r);
+  }, e = (r) => {
+    if (!w)
+      return "";
+    if (u != null && u.length && r[u] === w[u])
+      return `nariaSelectOption-active ${n == null ? void 0 : n.optionActive}`;
+    if (r === w)
+      return `nariaSelectOption-active ${n == null ? void 0 : n.optionActive}`;
+  }, i = (r) => {
+    d != null && d.length && (g != null && g.length) && !v.isLoading && r.target.offsetHeight + r.target.scrollTop >= r.target.scrollHeight - 100 && B({
+      page: v.page + 1,
+      isLoading: !0
+    });
+  }, f = (r) => {
+    var j, W, z;
+    const E = (W = (j = r == null ? void 0 : r.target) == null ? void 0 : j.value) != null && W.length ? t.filter((p) => {
+      var m, Y;
+      return typeof p == "object" ? p[A != null && A.length ? A : o].includes((m = r == null ? void 0 : r.target) == null ? void 0 : m.value) : p.includes((Y = r == null ? void 0 : r.target) == null ? void 0 : Y.value);
+    }) : t;
+    k(E), _((z = r == null ? void 0 : r.target) == null ? void 0 : z.value), S || P(!0);
+  };
+  return we(O, $, q), /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: `nariaSelect ${T ? "nariaSelect-disabled" : ""} ${n == null ? void 0 : n.wrapper}`,
+      "data-prop": "wrapper",
+      children: [
+        /* @__PURE__ */ a.jsxs(
+          "label",
+          {
+            className: `${c && "!text-danger-100"}
+                ${n == null ? void 0 : n.label}`,
+            "data-prop": "label",
+            children: [
+              /* @__PURE__ */ a.jsx("span", { className: n == null ? void 0 : n.title, "data-prop": "title", children: h }),
+              C ? /* @__PURE__ */ a.jsxs("div", { className: "nariaSearchInput", children: [
+                /* @__PURE__ */ a.jsx(
+                  "input",
+                  {
+                    ref: $,
+                    placeholder: s != null && s.length ? s : "Select",
+                    className: `${w ? "text-dark-100" : "text-grey-300"} 
+                                ${c && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${n == null ? void 0 : n.input}`,
+                    value: Z,
+                    disabled: T,
+                    type: "text",
+                    onClick: I,
+                    onChange: f,
+                    "data-prop": "input"
+                  }
+                ),
+                S ? /* @__PURE__ */ a.jsx(
+                  ae,
+                  {
+                    className: "nariaSearchIcon"
+                  }
+                ) : /* @__PURE__ */ a.jsx(
+                  ie,
+                  {
+                    className: `nariaArrowIcon ${S ? "nariaArrowIcon-rotate-180" : ""}`
+                  }
+                )
+              ] }) : /* @__PURE__ */ a.jsxs(
+                "button",
+                {
+                  type: "button",
+                  ref: $,
+                  disabled: T,
+                  className: `nariaHandler ${w ? "text-dark-100" : "text-grey-300"} 
+                                ${c && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${n == null ? void 0 : n.button}`,
+                  "data-prop": "button",
+                  onClick: I,
+                  children: [
+                    w ? o != null && o.length ? w[o] : w : s != null && s.length ? s : "Select",
+                    " ",
+                    /* @__PURE__ */ a.jsx(
+                      ie,
+                      {
+                        className: `nariaArrowIcon ${S ? "nariaArrowIcon-rotate-180" : ""}`
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        S ? /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: `nariaListWrapper ${L < 768 ? "nariaListWrapper-mobile" : ""} ${n == null ? void 0 : n.listWrapper}`,
+            "data-prop": "listWrapper",
+            ref: O,
+            children: /* @__PURE__ */ a.jsx(
+              "div",
+              {
+                className: `nariaList ${L < 768 ? "nariaList-mobile" : "nariaList-desktop"} ${n == null ? void 0 : n.list}`,
+                "data-prop": "input",
+                onScroll: i,
+                children: d && N ? /* @__PURE__ */ a.jsx("div", { className: "nariaLoadingWrapper", children: /* @__PURE__ */ a.jsx(re, {}) }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  L < 768 ? /* @__PURE__ */ a.jsxs(
+                    "div",
+                    {
+                      className: `nariaSelectMobileHeader ${n == null ? void 0 : n.mobileHeader}`,
+                      "data-prop": "mobileHeader",
+                      children: [
+                        C ? /* @__PURE__ */ a.jsxs("div", { className: "nariaSearchInput", children: [
+                          /* @__PURE__ */ a.jsx(
+                            "input",
+                            {
+                              ref: $,
+                              placeholder: s != null && s.length ? s : "Select",
+                              className: `${w ? "text-dark-100" : "text-grey-300"} 
+                                                               ${c && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${n == null ? void 0 : n.input}`,
+                              "data-prop": "input",
+                              value: Z,
+                              disabled: T,
+                              type: "text",
+                              onChange: f
+                            }
+                          ),
+                          /* @__PURE__ */ a.jsx(
+                            ae,
+                            {
+                              className: "nariaSearchIcon"
+                            }
+                          )
+                        ] }) : void 0,
+                        /* @__PURE__ */ a.jsx("button", { className: "p-3", onClick: q, disabled: T, children: /* @__PURE__ */ a.jsx(se, { className: "w-6" }) })
+                      ]
+                    }
+                  ) : void 0,
+                  g != null && g.length ? /* @__PURE__ */ a.jsx(a.Fragment, { children: g == null ? void 0 : g.map((r, E) => /* @__PURE__ */ a.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => Q(r),
+                      disabled: T,
+                      className: `nariaSelectOption ${n == null ? void 0 : n.option} ${e(r)}`,
+                      "data-prop": "option",
+                      "data-prop-active": "optionActive",
+                      children: o != null && o.length ? r[o] : r
+                    },
+                    E.toString()
+                  )) }) : /* @__PURE__ */ a.jsx("div", { children: "No Data" }),
+                  v.isLoading ? /* @__PURE__ */ a.jsx("div", { className: "nariaLoadingMoreWrapper", children: /* @__PURE__ */ a.jsx(re, {}) }) : void 0
+                ] })
+              }
+            )
+          }
+        ) : void 0,
+        c && /* @__PURE__ */ a.jsx("p", { className: `nariaSelectErrorText ${n == null ? void 0 : n.errorText}`, "data-prop": "errorText", children: c })
+      ]
+    }
+  );
+}, je = ({
+  type: t = "text",
+  placeholder: u,
+  classNames: c = {
+    wrapper: "",
+    label: "",
+    title: "",
+    input: "",
+    errorText: ""
+  },
+  title: h,
+  hasError: o,
+  register: d,
+  name: x,
+  isDisabled: s = !1,
+  autocomplete: T = !1,
+  ...l
+}) => /* @__PURE__ */ a.jsxs("div", { className: `nariaInputWrapper ${c.wrapper}`, "data-prop": "wrapper", children: [
+  /* @__PURE__ */ a.jsxs(
+    "label",
+    {
+      htmlFor: x,
+      className: `${c.label} ${o && "nariaInputLabel-error"}`,
+      "data-prop": "label",
+      children: [
+        /* @__PURE__ */ a.jsx("span", { className: c == null ? void 0 : c.title, "data-prop": "title", children: h }),
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            disabled: s,
+            autoComplete: T ? "on" : "off",
+            id: x,
+            ...d,
+            ...l,
+            type: t,
+            name: x,
+            className: `${c.input} ${o && "nariaInput-error"}`,
+            placeholder: u,
+            "data-prop": "input"
+          }
+        )
+      ]
+    }
+  ),
+  o && /* @__PURE__ */ a.jsx("p", { className: `nariaInputErrorText ${c == null ? void 0 : c.errorText}`, "data-prop": "errorText", children: o })
+] });
+export {
+  ve as Button,
+  je as Input,
+  re as Loading,
+  Ee as Select
+};

package/dist/utils/navigator.d.ts

@@ -0,0 +1,3 @@
+export declare const removeNavigation: () => void;
+export declare const addNavigation: (state: string) => void;
+export declare const onHashChanges: (state: string) => boolean;