xtreme-ui 0.0.78 → 0.0.80

package/dist/components/base/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAiDjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":";AAQA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAoEjB,CAAC"}

package/dist/components/base/Avatar/Avatar.js

@@ -1,46 +1,46 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as y, useState as n, useEffect as z } from "react";
-import I from "clsx";
-import { Icon as N } from "../Icon/Icon.js";
-import e from "./avatar.module.scss.js";
-import { EAvatarSize as A } from "./types.js";
-const E = y((f, d) => {
-  const { className: p, src: a, alt: u, placeholderIcon: g = "f03e", size: o = "default", onClick: v } = f, [i, s] = n(!0), [t, c] = n(!1), m = typeof o == "number" ? o : A[o], x = I(
-    e.avatar,
-    p,
-    i && e.loading,
-    t && e.error
-  );
-  return z(() => {
-    s(!0), c(!1);
-    const r = new Image();
-    return r.src = a, r.onload = () => s(!1), r.onerror = () => {
-      s(!1), c(!0);
-    }, () => {
-      r.onload = null;
-    };
-  }, [a]), /* @__PURE__ */ l(
+import { jsxs as z, jsx as d } from "react/jsx-runtime";
+import { forwardRef as A, useState as l, useEffect as N } from "react";
+import S from "clsx";
+import { readImageFile as E, readImageSrc as L } from "../../../utils/helper/imageHelper.js";
+import { Icon as b } from "../Icon/Icon.js";
+import "./avatar.scss.js";
+import { EAvatarSize as j } from "./types.js";
+const C = A((p, u) => {
+  const { className: g, src: r, file: t, alt: v, placeholderIcon: h = "f03e", size: i = "default", onClick: x } = p, [c, m] = l(), [I, a] = l(!!r || !!t), [f, s] = l(!1), n = typeof i == "number" ? i : j[i], y = S(
+    "xtrAvatar",
+    g,
+    I && "loading",
+    f && "error"
+  ), o = (e) => {
+    e && setTimeout(() => m(e), 300), setTimeout(() => a(!1), 1e3);
+  };
+  return N(() => {
+    try {
+      t ? (a(!0), s(!1), E(t).then((e) => o(e)).catch(() => {
+        a(!1), s(!0);
+      })) : r ? (a(!0), s(!1), L(r).then((e) => o(e)).catch(() => {
+        a(!1), s(!0);
+      })) : (m(void 0), o());
+    } catch {
+      o();
+    }
+  }, [r, t]), /* @__PURE__ */ z(
     "div",
     {
-      ref: d,
-      className: x,
-      style: { "--avatarSize": m + "px" },
-      onClick: v,
+      ref: u,
+      className: y,
+      style: { "--avatarSize": n + "px" },
+      onClick: x,
       role: "img",
-      children: i || t ? /* @__PURE__ */ l(
-        N,
-        {
-          className: e.placeholder,
-          type: "solid",
-          size: 8 + m / 4,
-          code: t ? "e1b7" : g
-        }
-      ) : /* @__PURE__ */ l("img", { className: e.image, src: a, alt: u })
+      children: [
+        !c && /* @__PURE__ */ d(b, { className: "placeholder", type: "solid", size: 8 + n / 4, code: f ? "e1b7" : h }),
+        c && /* @__PURE__ */ d("img", { className: "image", src: c, alt: v })
+      ]
     }
   );
 });
-E.displayName = "Avatar";
+C.displayName = "Avatar";
 export {
-  E as Avatar
+  C as Avatar
 };

package/dist/components/base/Avatar/avatar.scss.js

@@ -0,0 +1 @@
+

package/dist/components/base/Avatar/types.d.ts

@@ -1,6 +1,7 @@
 export type TAvatarProps = {
     className?: string;
-    src: string;
+    src?: string;
+    file?: Blob;
     alt?: string;
     placeholderIcon?: string;
     size?: number | keyof typeof EAvatarSize;

package/dist/components/base/Avatar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,WAAW,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AAED,oBAAY,WAAW;IACtB,IAAI,KAAK;IACT,OAAO,KAAK;IACZ,KAAK,MAAM;CACX"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,WAAW,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AAED,oBAAY,WAAW;IACtB,IAAI,KAAK;IACT,OAAO,KAAK;IACZ,KAAK,MAAM;CACX"}

package/dist/components/base/DatePicker/DatePicker.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import g from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import M from "clsx";
 import e from "react-datetime-picker";
 import { Icon as m } from "../Icon/Icon.js";
 import "./datePicker.scss.js";
@@ -18,11 +18,11 @@ const u = {
   timeRange: e,
   dateTime: e,
   dateTimeRange: e
-}, j = (d) => {
+}, b = (r) => {
   const {
     className: c,
-    type: a = "date",
-    format: r,
+    type: t = "date",
+    format: d,
     dayPlaceholder: s = "dd",
     monthPlaceholder: n = "mm",
     yearPlaceholder: l = "yyyy",
@@ -33,14 +33,14 @@ const u = {
     icon: p = "f784",
     value: P,
     onChange: D
-  } = d, f = {
-    className: g(
+  } = r, f = {
+    className: M(
       "xtrDatePicker",
       c
     ),
-    calendarIcon: /* @__PURE__ */ t(m, { code: p, type: "solid" }),
-    clearIcon: /* @__PURE__ */ t(m, { code: "f00d", type: "solid" }),
-    format: r ?? u[a],
+    calendarIcon: /* @__PURE__ */ a(m, { code: p, type: "regular" }),
+    clearIcon: /* @__PURE__ */ a(m, { code: "e59b", type: "solid" }),
+    format: d ?? u[t],
     dayPlaceholder: s,
     monthPlaceholder: n,
     yearPlaceholder: l,
@@ -50,9 +50,9 @@ const u = {
     placeholder: o,
     value: P,
     onChange: D
-  }, M = x[a];
-  return /* @__PURE__ */ t(M, { "data-testid": o, ...f });
+  }, g = x[t];
+  return /* @__PURE__ */ a(g, { "data-testid": o, ...f });
 };
 export {
-  j as DatePicker
+  b as DatePicker
 };

package/dist/components/base/FilePicker/FilePicker.d.ts

@@ -0,0 +1,3 @@
+import { TFilePickerProps } from './types';
+export declare const FilePicker: (props: TFilePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilePicker.d.ts.map

package/dist/components/base/FilePicker/FilePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,UAAU,UAAW,gBAAgB,4CAwEjD,CAAC"}

package/dist/components/base/FilePicker/FilePicker.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs as c, Fragment as h, jsx as i } from "react/jsx-runtime";
+import y from "clsx";
+import { createPortal as p } from "react-dom";
+import { useFilePicker as N } from "use-file-picker";
+import { ImageEditor as k } from "../../layout/ImageEditor/ImageEditor.js";
+import { Button as E } from "../Button/Button.js";
+import { Icon as I } from "../Icon/Icon.js";
+import "./filePicker.scss.js";
+import { getFilePickerIcon as j } from "./getFilePickerIcon.js";
+import { imageExts as S } from "./types.js";
+const J = (C) => {
+  var b, u, g;
+  const { className: x, children: t, draggable: d = !1, editable: P = !1, multiple: l = !1, accept: o = "*/*", onChange: n } = C, m = P && !l && (o.includes("image") || S.includes((g = (u = (b = o == null ? void 0 : o.split) == null ? void 0 : b.call(o, ",")) == null ? void 0 : u[0]) == null ? void 0 : g.replace(".", ""))), { openFilePicker: s, loading: F, plainFiles: e, clear: f } = N({
+    accept: o,
+    multiple: l,
+    onFilesSuccessfullySelected: ({ plainFiles: r }) => {
+      m || n(r);
+    }
+  }), a = y(
+    "xtrFilePicker",
+    t && "wrapper",
+    d && "draggable",
+    x
+  );
+  return t ? /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ i("div", { className: a, onClick: s, children: t }),
+    m && (e == null ? void 0 : e[0]) && p(
+      /* @__PURE__ */ i(
+        k,
+        {
+          file: e == null ? void 0 : e[0],
+          clearFile: f,
+          onChange: (r) => n(r.blob ? [r.blob] : [])
+        }
+      ),
+      document.body
+    )
+  ] }) : d ? /* @__PURE__ */ c("div", { className: a, onClick: s, children: [
+    /* @__PURE__ */ i(I, { code: "f0ed", type: "duotone", size: 64 }),
+    /* @__PURE__ */ c("h2", { children: [
+      "Drop File",
+      l ? "s" : "",
+      " Here"
+    ] }),
+    /* @__PURE__ */ i("p", { children: "or click here to open file chooser" })
+  ] }) : /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ i(
+      E,
+      {
+        className: a,
+        label: `Choose File${l ? "s" : ""}`,
+        icon: j(o),
+        onClick: s,
+        loading: F
+      }
+    ),
+    m && (e == null ? void 0 : e[0]) && p(
+      /* @__PURE__ */ i(
+        k,
+        {
+          file: e == null ? void 0 : e[0],
+          clearFile: f,
+          onChange: (r) => n(r.blob ? [r.blob] : [])
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  J as FilePicker
+};

package/dist/components/base/FilePicker/filePicker.scss.js

@@ -0,0 +1 @@
+

package/dist/components/base/FilePicker/getFilePickerIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const getFilePickerIcon: (accept?: string) => any;
+//# sourceMappingURL=getFilePickerIcon.d.ts.map

package/dist/components/base/FilePicker/getFilePickerIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFilePickerIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/getFilePickerIcon.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,YAAY,MAAM,QAqB/C,CAAC"}

package/dist/components/base/FilePicker/getFilePickerIcon.js

@@ -0,0 +1,26 @@
+import { FilePickerIcon as i } from "./types.js";
+const d = (e = "") => {
+  var t, o;
+  if (e.includes(",") && e.includes("/")) {
+    let n = 0;
+    if (e.split(",").map((l) => {
+      var f;
+      return (f = l.split("/")) == null ? void 0 : f[0];
+    }).forEach((l) => {
+      l in i && n++;
+    }), n > 0)
+      return i.multimedia;
+  }
+  if (e.includes("/")) {
+    const [n, r] = e.split("/");
+    if (r in i)
+      return i[r];
+    if (n in i)
+      return i[n];
+  }
+  const s = e.includes(",") ? (o = (t = e.split(",")) == null ? void 0 : t[0]) == null ? void 0 : o.replace(".", "") : e.replace(".", "");
+  return s in i ? i[s] : i.file;
+};
+export {
+  d as getFilePickerIcon
+};

package/dist/components/base/FilePicker/types.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+export type TFilePickerProps = {
+    className?: string;
+    children?: ReactNode;
+    accept?: string;
+    draggable?: boolean;
+    editable?: boolean;
+    multiple?: boolean;
+    onChange: (file: Blob[]) => void;
+};
+export declare enum EFilePickerAccept {
+    all = "*/*",
+    text = ".txt",
+    image = "image/*",
+    audio = "audio/*",
+    video = "video/*",
+    compressed = ".zip, .rar, 7z",
+    pdf = ".pdf",
+    doc = ".doc, .docx",
+    xls = ".xls, .xlsx",
+    ppt = ".ppt, .pptx",
+    csv = ".csv",
+    json = ".json",
+    html = ".html, .htm"
+}
+export declare const imageExts: string[];
+export declare const FilePickerIcon: {
+    readonly file: "f15b";
+    readonly multimedia: "f86d";
+    readonly image: "f1c5";
+    readonly jpg: "e646";
+    readonly jpeg: "e646";
+    readonly png: "e666";
+    readonly gif: "e645";
+    readonly svg: "e64b";
+    readonly eps: "e644";
+    readonly audio: "f1c7";
+    readonly mp3: "e648";
+    readonly wav: "f478";
+    readonly video: "f1c8";
+    readonly mp4: "e649";
+    readonly mov: "e647";
+    readonly pdf: "f1c1";
+    readonly doc: "e5ed";
+    readonly docx: "e5ed";
+    readonly xls: "e64d";
+    readonly xlsx: "e64d";
+    readonly ppt: "e64a";
+    readonly pptx: "e64a";
+    readonly csv: "f6dd";
+    readonly html: "f1c9";
+    readonly zip: "e5ee";
+    readonly rar: "f1c6";
+    readonly '7z': "f1c6";
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/base/FilePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACjC,CAAA;AAED,oBAAY,iBAAiB;IAC5B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,UAAU,mBAAmB;IAC7B,GAAG,SAAS;IACZ,GAAG,gBAAgB;IACnB,GAAG,gBAAgB;IACnB,GAAG,gBAAgB;IACnB,GAAG,SAAS;IACZ,IAAI,UAAU;IACd,IAAI,gBAAgB;CACpB;AAED,eAAO,MAAM,SAAS,UAAgE,CAAC;AACvF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCjB,CAAC"}

package/dist/components/base/FilePicker/types.js

@@ -0,0 +1,33 @@
+const e = ["jpg", "jpeg", "png", "gif", ".bmp", "webp", "heif", "heic"], p = {
+  file: "f15b",
+  multimedia: "f86d",
+  image: "f1c5",
+  jpg: "e646",
+  jpeg: "e646",
+  png: "e666",
+  gif: "e645",
+  svg: "e64b",
+  eps: "e644",
+  audio: "f1c7",
+  mp3: "e648",
+  wav: "f478",
+  video: "f1c8",
+  mp4: "e649",
+  mov: "e647",
+  pdf: "f1c1",
+  doc: "e5ed",
+  docx: "e5ed",
+  xls: "e64d",
+  xlsx: "e64d",
+  ppt: "e64a",
+  pptx: "e64a",
+  csv: "f6dd",
+  html: "f1c9",
+  zip: "e5ee",
+  rar: "f1c6",
+  "7z": "f1c6"
+};
+export {
+  p as FilePickerIcon,
+  e as imageExts
+};

package/dist/components/base/Select/Select.d.ts

@@ -1,3 +1,3 @@
 import { TSelectProps } from './types';
-export declare function Select<TValue = string>(props: TSelectProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T>(props: TSelectProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

package/dist/components/base/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,wBAAgB,MAAM,CAAC,MAAM,GAAG,MAAM,EAAG,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,2CAqDnE"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4DhD"}

package/dist/components/base/Select/Select.js

@@ -1,60 +1,61 @@
 "use client";
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { useState as b } from "react";
-import N from "clsx";
-import C from "react-select";
-import { Icon as I } from "../Icon/Icon.js";
+import { jsxs as M, jsx as t } from "react/jsx-runtime";
+import { useState as N, useMemo as I } from "react";
+import O from "clsx";
+import j from "react-select";
+import { Icon as y } from "../Icon/Icon.js";
 import "./select.scss.js";
-function D(c) {
+function q(i) {
   const {
-    className: r,
-    type: e = "single",
-    placeholder: l = "Select an option",
-    noOptionsMessage: i,
-    icon: s,
-    iconType: p = "regular",
-    clearable: m = !0,
+    className: p,
+    multi: o = !1,
+    placeholder: s = "Select an option",
+    noOptionsMessage: m,
+    icon: l,
+    iconType: d = "regular",
+    clearable: f = !0,
     searchable: u = !0,
-    disabled: d = !1,
-    loading: f = !1,
-    options: x,
-    value: o,
+    disabled: h = !1,
+    loading: x = !1,
+    options: c,
+    value: a,
     onChange: S
-  } = c;
-  console.log(o);
-  const [a, n] = b(!1), h = N(
+  } = i, [n, r] = N(!1), g = I(() => c.find((e) => e.value === a), [a]), v = O(
     "xtrSelectWrapper",
-    e,
-    s && "withIcon",
-    !!o && "withValue",
-    a && "open",
-    r
+    o ? "multi" : "single",
+    l && "withIcon",
+    !!a && "withValue",
+    n && "open",
+    p
   );
-  return /* @__PURE__ */ g("div", { className: h, children: [
+  return /* @__PURE__ */ M("div", { className: v, children: [
     /* @__PURE__ */ t(
-      C,
+      j,
       {
         className: "xtrSelect",
         classNamePrefix: "xtrSelect",
-        isMulti: e === "multi",
-        menuIsOpen: a,
-        onMenuOpen: () => n(!0),
-        onMenuClose: () => n(!1),
-        noOptionsMessage: i,
-        placeholder: l,
-        isClearable: m,
+        isMulti: o,
+        menuIsOpen: n,
+        onMenuOpen: () => r(!0),
+        onMenuClose: () => r(!1),
+        noOptionsMessage: m,
+        placeholder: s,
+        isClearable: f,
         isSearchable: u,
-        isDisabled: d,
-        isLoading: f,
-        options: x,
-        value: o,
-        onChange: S
+        isDisabled: h,
+        isLoading: x,
+        options: c,
+        value: g,
+        onChange: (e, D) => {
+          const C = o ? e == null ? void 0 : e.map(({ value: b }) => b) : e == null ? void 0 : e.value;
+          S(C);
+        }
       }
     ),
-    l && e === "single" && /* @__PURE__ */ t("p", { className: "placeholder", children: l }),
-    s && /* @__PURE__ */ t(I, { className: "xtrSelectIcon", code: s, type: p })
+    s && !o && /* @__PURE__ */ t("p", { className: "placeholder", children: s }),
+    l && /* @__PURE__ */ t(y, { className: "xtrSelectIcon", code: l, type: d })
   ] });
 }
 export {
-  D as Select
+  q as Select
 };

package/dist/components/base/Select/types.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
-import { ActionMeta, GroupBase, MultiValue, PropsValue, SingleValue } from 'react-select';
 import { EIconType } from '../Icon/types';
-export type TSelectProps<T = string> = {
+export type Option<T> = {
+    label: string;
+    value: T;
+};
+type TCommonProps<T> = {
     className?: string;
-    type?: keyof typeof ESelectTypes;
     noOptionsMessage?: (obj: {
         inputValue: string;
     }) => ReactNode;
@@ -14,12 +16,18 @@ export type TSelectProps<T = string> = {
     searchable?: boolean;
     disabled?: boolean;
     loading?: boolean;
-    options: (T | GroupBase<T>)[];
-    value?: PropsValue<T>;
-    onChange?: (newValue: SingleValue<T> | MultiValue<T>, actionMeta: ActionMeta<T>) => void;
+    options: Option<T>[];
+};
+type SingleProps<T> = TCommonProps<T> & {
+    multi?: false;
+    value?: T;
+    onChange: (value: T) => void;
+};
+type MultiProps<T> = TCommonProps<T> & {
+    multi: true;
+    value?: T[];
+    onChange: (value: T[]) => void;
 };
-export declare enum ESelectTypes {
-    single = "single",
-    multi = "multi"
-}
+export type TSelectProps<T> = SingleProps<T> | MultiProps<T>;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/base/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE1F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACzF,CAAA;AAED,oBAAY,YAAY;IACvB,MAAM,WAAW;IACjB,KAAK,UAAU;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AACpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AACF,KAAK,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AACF,KAAK,UAAU,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IACtC,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/components/base/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,OAAO,0GA6BlB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"names":[],"mappings":";AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,OAAO,0GA6BlB,CAAC"}

package/dist/components/base/Spinner/Spinner.js

@@ -1,33 +1,33 @@
 "use client";
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import f from "clsx";
-import e from "./spinner.module.scss.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import t from "clsx";
+import "./spinner.scss.js";
 import { ESpinnerSize as u } from "./types.js";
-const d = t((l, c) => {
-  const { className: p, label: i, size: a = "default", fullpage: n = !1 } = l, m = `${typeof a == "number" ? a : u[a]}px`, o = f(
-    e.spinner,
-    p,
-    n && e.fullpage
+const d = o((n, c) => {
+  const { className: l, label: p, size: s = "default", fullpage: r = !1 } = n, i = `${typeof s == "number" ? s : u[s]}px`, m = t(
+    "xtrSpinner",
+    r && "fullpage",
+    l
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: c,
-      className: o,
-      style: { "--spinnerSize": m },
+      className: m,
+      style: { "--spinnerSize": i },
       role: "progressbar",
       children: [
-        /* @__PURE__ */ r("div", { className: e.spinnerWrapper, children: [
-          /* @__PURE__ */ s("div", { className: e.cubeTop }),
-          /* @__PURE__ */ r("div", { className: e.cubeWrapper, children: [
-            /* @__PURE__ */ s("span", { className: e.cubeFace }),
-            /* @__PURE__ */ s("span", { className: e.cubeFace }),
-            /* @__PURE__ */ s("span", { className: e.cubeFace }),
-            /* @__PURE__ */ s("span", { className: e.cubeFace })
+        /* @__PURE__ */ a("div", { className: "spinnerWrapper", children: [
+          /* @__PURE__ */ e("div", { className: "cubeTop" }),
+          /* @__PURE__ */ a("div", { className: "cubeWrapper", children: [
+            /* @__PURE__ */ e("span", { className: "cubeFace" }),
+            /* @__PURE__ */ e("span", { className: "cubeFace" }),
+            /* @__PURE__ */ e("span", { className: "cubeFace" }),
+            /* @__PURE__ */ e("span", { className: "cubeFace" })
           ] })
         ] }),
-        n && /* @__PURE__ */ s("span", { className: e.label, children: i })
+        r && /* @__PURE__ */ e("span", { className: "label", children: p })
       ]
     }
   );

package/dist/components/base/Spinner/spinner.scss.js

@@ -0,0 +1 @@
+