naria-ui 0.1.64 → 0.2.1

package/dist/index.es.js

@@ -1,669 +0,0 @@
-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
-};