xtreme-ui 0.0.71 → 0.0.73

package/README.md

@@ -1,6 +1,24 @@
-# XtremeUI
+# XtremeUI - React Component Library
 
-XtremeUI is a UI Library built using Vite + React + Scss.  
-It is a collection of reusable components that can be used in web projects.
+Welcome to XtremeUI, a versatile React component library built on Vite, React, and Scss. This library offers a collection of reusable and customizable UI components to expedite frontend development.
 
+## Features
 
+- **Vite-Powered**: Utilizes Vite for blazing-fast development and optimized builds.
+- **React Components**: A diverse set of reusable React components for easy integration.
+- **Scss Styling**: Customizable styles using Scss to match various design needs.
+- **Responsive Design**: Ensures compatibility and responsiveness across devices.
+- **Accessibility**: Compliant with accessibility standards for an inclusive user experience.
+- **Comprehensive Documentation**: Detailed documentation with usage examples for straightforward implementation.
+
+## Installation
+
+Install the library via npm or yarn:
+
+```bash
+npm install xtreme-ui
+# or
+yarn add xtreme-ui
+# or
+pnpm add xtreme-ui
+```

package/dist/components/base/ActionCard/actionCard.module.scss.js

@@ -1,14 +1,13 @@
-"use client";
-const i = "_actionCard_1jg2o_1", e = "_miniSize_1jg2o_14", o = "_smallSize_1jg2o_17", m = "_mediumSize_1jg2o_20", n = {
+const i = "_actionCard_1715r_1", e = "_miniSize_1715r_14", m = "_smallSize_1715r_17", _ = "_mediumSize_1715r_20", a = {
   actionCard: i,
   miniSize: e,
-  smallSize: o,
-  mediumSize: m
+  smallSize: m,
+  mediumSize: _
 };
 export {
   i as actionCard,
-  n as default,
-  m as mediumSize,
+  a as default,
+  _ as mediumSize,
   e as miniSize,
-  o as smallSize
+  m as smallSize
 };

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

@@ -1,4 +1,3 @@
-"use client";
 var u = /* @__PURE__ */ ((l) => (l[l.mini = 100] = "mini", l[l.default = 164] = "default", l[l.large = 254] = "large", l))(u || {});
 export {
   u as EActionCardSize

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

@@ -1,18 +1,17 @@
-"use client";
-const a = "_avatar_13i6u_1", _ = "_placeholder_13i6u_20", e = "_image_13i6u_23", o = "_loading_13i6u_34", i = "_spin_13i6u_1", r = "_error_13i6u_40", n = {
+const a = "_avatar_13i6u_1", _ = "_placeholder_13i6u_20", o = "_image_13i6u_23", r = "_loading_13i6u_34", e = "_spin_13i6u_1", i = "_error_13i6u_40", n = {
   avatar: a,
   placeholder: _,
-  image: e,
-  loading: o,
-  spin: i,
-  error: r
+  image: o,
+  loading: r,
+  spin: e,
+  error: i
 };
 export {
   a as avatar,
   n as default,
-  r as error,
-  e as image,
-  o as loading,
+  i as error,
+  o as image,
+  r as loading,
   _ as placeholder,
-  i as spin
+  e as spin
 };

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

@@ -1,4 +1,3 @@
-"use client";
 var n = /* @__PURE__ */ ((l) => (l[l.mini = 64] = "mini", l[l.default = 96] = "default", l[l.large = 128] = "large", l))(n || {});
 export {
   n as EAvatarSize

package/dist/components/base/Button/button.module.scss.js

@@ -1,11 +1,10 @@
-"use client";
-const e = "_button_o6rm6_1", n = "_label_o6rm6_14", o = "_icon_o6rm6_21", r = "_underline_o6rm6_25", _ = "_primaryType_o6rm6_48", i = "_primaryDangerType_o6rm6_48", a = "_secondaryType_o6rm6_52", y = "_secondaryDangerType_o6rm6_52", l = "_linkType_o6rm6_56", c = "_linkDangerType_o6rm6_56", s = "_miniSize_o6rm6_85", t = "_iconOnly_o6rm6_96", p = "_defaultSize_o6rm6_103", m = "_largeSize_o6rm6_121", T = "_loading_o6rm6_149", d = "_barberPole_o6rm6_1", g = "_spin_o6rm6_1", b = {
+const e = "_button_9wxq7_1", n = "_label_9wxq7_14", _ = "_icon_9wxq7_21", i = "_underline_9wxq7_25", o = "_primaryType_9wxq7_48", r = "_primaryDangerType_9wxq7_48", a = "_secondaryType_9wxq7_52", y = "_secondaryDangerType_9wxq7_52", l = "_linkType_9wxq7_56", c = "_linkDangerType_9wxq7_56", s = "_miniSize_9wxq7_85", t = "_iconOnly_9wxq7_96", p = "_defaultSize_9wxq7_103", x = "_largeSize_9wxq7_121", T = "_loading_9wxq7_149", q = "_barberPole_9wxq7_1", w = "_spin_9wxq7_1", d = {
   button: e,
   label: n,
-  icon: o,
-  underline: r,
-  primaryType: _,
-  primaryDangerType: i,
+  icon: _,
+  underline: i,
+  primaryType: o,
+  primaryDangerType: r,
   secondaryType: a,
   secondaryDangerType: y,
   linkType: l,
@@ -13,28 +12,28 @@ const e = "_button_o6rm6_1", n = "_label_o6rm6_14", o = "_icon_o6rm6_21", r = "_
   miniSize: s,
   iconOnly: t,
   defaultSize: p,
-  largeSize: m,
+  largeSize: x,
   loading: T,
-  barberPole: d,
-  spin: g
+  barberPole: q,
+  spin: w
 };
 export {
-  d as barberPole,
+  q as barberPole,
   e as button,
-  b as default,
+  d as default,
   p as defaultSize,
-  o as icon,
+  _ as icon,
   t as iconOnly,
   n as label,
-  m as largeSize,
+  x as largeSize,
   c as linkDangerType,
   l as linkType,
   T as loading,
   s as miniSize,
-  i as primaryDangerType,
-  _ as primaryType,
+  r as primaryDangerType,
+  o as primaryType,
   y as secondaryDangerType,
   a as secondaryType,
-  g as spin,
-  r as underline
+  w as spin,
+  i as underline
 };

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

@@ -1,4 +1,3 @@
-"use client";
 var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryDanger = "primaryDanger", r.secondary = "secondary", r.secondaryDanger = "secondaryDanger", r.link = "link", r.linkDanger = "linkDanger", r))(a || {});
 export {
   a as EButtonTypes

package/dist/components/base/ColorPicker/colorPicker.module.scss.js

@@ -1,14 +1,13 @@
-"use client";
-const e = "_colorPicker_1lsi0_1", l = "_wheel_1lsi0_6", s = "_shade_1lsi0_10", c = "_alpha_1lsi0_10", o = {
+const e = "_colorPicker_1lsi0_1", l = "_wheel_1lsi0_6", s = "_shade_1lsi0_10", o = "_alpha_1lsi0_10", _ = {
   colorPicker: e,
   wheel: l,
   shade: s,
-  alpha: c
+  alpha: o
 };
 export {
-  c as alpha,
+  o as alpha,
   e as colorPicker,
-  o as default,
+  _ as default,
   s as shade,
   l as wheel
 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,WAAW,8GAuGtB,CAAC"}

package/dist/components/{layout → base}/ColorPopper/ColorPopper.js

@@ -1,42 +1,42 @@
 "use client";
-import { jsxs as f, Fragment as D, jsx as l } from "react/jsx-runtime";
-import { forwardRef as L, useMemo as g, useState as p, useEffect as U } from "react";
-import { useFloating as q, shift as z, flip as A, offset as B, autoUpdate as G, useTransitionStyles as J, useInteractions as K, useClick as Q, useDismiss as V } from "@floating-ui/react";
+import { jsxs as f, Fragment as q, jsx as l } from "react/jsx-runtime";
+import { forwardRef as D, useMemo as g, useState as p, useEffect as L } from "react";
+import { useFloating as U, shift as z, flip as A, offset as B, autoUpdate as G, useTransitionStyles as J, useInteractions as K, useClick as Q, useDismiss as V } from "@floating-ui/react";
 import C from "clsx";
-import { getFormat as H, colord as t } from "colord";
-import { ColorPicker as W } from "../../base/ColorPicker/ColorPicker.js";
-import { Icon as X } from "../../base/Icon/Icon.js";
-import { Textfield as Y } from "../../base/Textfield/Textfield.js";
+import { colord as t, getFormat as H } from "colord";
+import { ColorPicker as W } from "../ColorPicker/ColorPicker.js";
+import { Icon as X } from "../Icon/Icon.js";
+import { Textfield as Y } from "../Textfield/Textfield.js";
 import { mergeRefs as Z } from "../../../utils/function/mergeRefs.js";
 import h from "./colorPopper.module.scss.js";
-const _ = L((v, y) => {
-  const { className: P, popperClassName: F, placeholder: N = "Color Picker", showReset: R = !0, shade: b, alpha: k, color: s, setColor: o } = v, r = g(() => H(s), [s]), d = g(() => t(s), []), [n, i] = p(t(s).toHsv()), [w, a] = p(t(s).toHex()), [I, u] = p(!1), { refs: x, floatingStyles: S, context: c } = q({
+const _ = D((v, y) => {
+  const { className: P, popperClassName: F, placeholder: N = "Color Picker", showReset: R = !0, shade: b, alpha: k, color: s, setColor: o } = v, u = g(() => t(s), []), r = g(() => H(s), [s]), [i, n] = p(t(s).toHsv()), [w, a] = p(t(s).toHex()), [I, d] = p(!1), { refs: x, floatingStyles: S, context: c } = U({
     open: I,
-    onOpenChange: u,
+    onOpenChange: d,
     middleware: [
       z(),
       A(),
       B(({ placement: e }) => e === "bottom" ? 10 : 16)
     ],
     whileElementsMounted: G
-  }), { isMounted: T, styles: M } = J(c, {
+  }), { isMounted: T, styles: E } = J(c, {
     duration: 200,
     initial: (e) => ({
       opacity: 0,
       scale: 0.9,
       translate: (e == null ? void 0 : e.side) === "bottom" ? "0 12px" : "0 -12px"
     })
-  }), { getReferenceProps: O, getFloatingProps: j } = K([
+  }), { getReferenceProps: M, getFloatingProps: O } = K([
     Q(c),
     V(c)
-  ]), E = (e) => {
+  ]), j = (e) => {
     const m = H(e);
-    a(e), m && (m === "hex" && e.length > 6 || m !== "hex") && i(t(e).toHsv());
+    a(e), m && (m === "hex" && e.length > 6 || m !== "hex") && n(t(e).toHsv());
   };
-  return U(() => {
-    const e = t(n);
-    r === "rgb" ? o == null || o(e.toRgb()) : r === "hex" ? o == null || o(e.toHex()) : r === "hsl" ? o == null || o(e.toHsl()) : r === "hsv" && (o == null || o(e.toHsv()));
-  }, [r, n, o]), /* @__PURE__ */ f(D, { children: [
+  return L(() => {
+    const e = t(i);
+    e.isEqual(t(s)) || (r === "rgb" ? o == null || o(e.toRgb()) : r === "hex" ? o == null || o(e.toHex()) : r === "hsl" ? o == null || o(e.toHsl()) : r === "hsv" && (o == null || o(e.toHsv())));
+  }, [s, r, i, o]), /* @__PURE__ */ f(q, { children: [
     /* @__PURE__ */ l(
       Y,
       {
@@ -45,10 +45,10 @@ const _ = L((v, y) => {
         placeholder: N,
         icon: "color",
         value: w,
-        onChange: (e) => E(e.target.value),
-        style: { "--chipColor": t(n).toHex() },
-        onFocus: () => u(!0),
-        ...O()
+        onChange: (e) => j(e.target.value),
+        style: { "--chipColor": t(i).toHex() },
+        onFocus: () => d(!0),
+        ...M()
       }
     ),
     T && /* @__PURE__ */ f(
@@ -56,8 +56,8 @@ const _ = L((v, y) => {
       {
         ref: Z([y, x.setFloating]),
         className: C(h.colorPopper, F),
-        style: { ...S, ...M },
-        ...j(),
+        style: { ...S, ...E },
+        ...O(),
         children: [
           /* @__PURE__ */ f("div", { className: h.header, children: [
             /* @__PURE__ */ l("h1", { children: "Choose a color" }),
@@ -66,7 +66,7 @@ const _ = L((v, y) => {
               {
                 code: "f1da",
                 onClick: () => {
-                  i(d.toHsv()), a(d.toHex());
+                  n(u.toHsv()), a(u.toHex());
                 }
               }
             )
@@ -76,9 +76,9 @@ const _ = L((v, y) => {
             {
               shade: b,
               alpha: k,
-              color: n,
+              color: i,
               setColor: (e) => {
-                i(e), a(t(e).toHex());
+                n(e), a(t(e).toHex());
               }
             }
           )

package/dist/components/base/ColorPopper/colorPopper.module.scss.js

@@ -0,0 +1,11 @@
+const o = "_colorInput_2cxwk_1", c = "_colorPopper_2cxwk_10", r = "_header_2cxwk_22", e = {
+  colorInput: o,
+  colorPopper: c,
+  header: r
+};
+export {
+  o as colorInput,
+  c as colorPopper,
+  e as default,
+  r as header
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAClC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoB3C,eAAO,MAAM,UAAU,UAAW,gBAAgB,4CAwCjD,CAAC"}

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

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import g from "@wojtekmaj/react-daterange-picker";
+import k from "clsx";
+import a from "react-date-picker";
+import o from "react-datetime-picker";
+import M from "react-time-picker";
+import { Icon as m } from "../Icon/Icon.js";
+import "./datePicker.scss.js";
+const R = {
+  date: "dd-MM-yyyy",
+  dateRange: "dd-MM-yyyy",
+  time: "h:mm:ss a",
+  timeRange: "h:mm:ss a",
+  dateTime: "dd-MM-yyyy h:mm:ss a",
+  dateTimeRange: "dd-MM-yyyy h:mm:ss a"
+}, u = {
+  date: a,
+  dateRange: g,
+  time: M,
+  timeRange: a,
+  dateTime: o,
+  dateTimeRange: o
+}, L = (r) => {
+  const {
+    className: c,
+    type: t = "date",
+    format: d,
+    dayPlaceholder: i = "dd",
+    monthPlaceholder: s = "mm",
+    yearPlaceholder: n = "yyyy",
+    hourPlaceholder: y = "hh",
+    minutePlaceholder: l = "mm",
+    secondPlaceholder: h = "ss",
+    value: p,
+    onChange: P
+  } = r, f = {
+    className: k(
+      "xtrDatePicker",
+      c
+    ),
+    calendarIcon: /* @__PURE__ */ e(m, { code: "f784", type: "solid" }),
+    clearIcon: /* @__PURE__ */ e(m, { code: "f00d", type: "solid" }),
+    format: d ?? R[t],
+    dayPlaceholder: i,
+    monthPlaceholder: s,
+    yearPlaceholder: n,
+    hourPlaceholder: y,
+    minutePlaceholder: l,
+    secondPlaceholder: h,
+    value: p,
+    onChange: P
+  }, D = u[t];
+  return /* @__PURE__ */ e(D, { ...f });
+};
+export {
+  L as DatePicker
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,25 @@
+type DateValueShort = string | Date | null;
+export type TDateValue = DateValueShort | [DateValueShort, DateValueShort];
+export type TDatePickerProps = {
+    className?: string;
+    type?: keyof typeof EDatePickerTypes;
+    format?: string;
+    dayPlaceholder?: string;
+    monthPlaceholder?: string;
+    yearPlaceholder?: string;
+    hourPlaceholder?: string;
+    minutePlaceholder?: string;
+    secondPlaceholder?: string;
+    value?: TDateValue;
+    onChange: (value: TDateValue) => void;
+};
+export declare enum EDatePickerTypes {
+    date = "date",
+    dateRange = "dateRange",
+    time = "time",
+    timeRange = "timeRange",
+    dateTime = "dateTime",
+    dateTimeRange = "dateTimeRange"
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/DatePicker/types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,oBAAY,gBAAgB;IAC3B,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,aAAa,kBAAkB;CAC/B"}

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

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((a) => (a.date = "date", a.dateRange = "dateRange", a.time = "time", a.timeRange = "timeRange", a.dateTime = "dateTime", a.dateTimeRange = "dateTimeRange", a))(e || {});
+export {
+  e as EDatePickerTypes
+};

package/dist/components/base/Icon/icon.module.scss.js

@@ -1,8 +1,7 @@
-"use client";
-const o = "_icon_1w5r3_2", t = "_thin_1w5r3_25", r = "_light_1w5r3_29", _ = "_regular_1w5r3_33", n = "_solid_1w5r3_37", s = "_duotone_1w5r3_41", i = "_sharpSolid_1w5r3_52", a = "_sharpRegular_1w5r3_56", c = "_sharpLight_1w5r3_60", h = "_brand_1w5r3_64", l = "_iconButton_1w5r3_68", e = {
+const o = "_icon_1w5r3_2", r = "_thin_1w5r3_25", t = "_light_1w5r3_29", _ = "_regular_1w5r3_33", n = "_solid_1w5r3_37", s = "_duotone_1w5r3_41", i = "_sharpSolid_1w5r3_52", a = "_sharpRegular_1w5r3_56", c = "_sharpLight_1w5r3_60", h = "_brand_1w5r3_64", l = "_iconButton_1w5r3_68", d = {
   icon: o,
-  thin: t,
-  light: r,
+  thin: r,
+  light: t,
   regular: _,
   solid: n,
   duotone: s,
@@ -14,15 +13,15 @@ const o = "_icon_1w5r3_2", t = "_thin_1w5r3_25", r = "_light_1w5r3_29", _ = "_re
 };
 export {
   h as brand,
-  e as default,
+  d as default,
   s as duotone,
   o as icon,
   l as iconButton,
-  r as light,
+  t as light,
   _ as regular,
   c as sharpLight,
   a as sharpRegular,
   i as sharpSolid,
   n as solid,
-  t as thin
+  r as thin
 };

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

@@ -1,4 +1,3 @@
-"use client";
 var a = /* @__PURE__ */ ((r) => (r[r.mini = 12] = "mini", r[r.default = 18] = "default", r[r.large = 24] = "large", r))(a || {});
 export {
   a as EIconSize

package/dist/components/base/Lottie/lottie.module.scss.js

@@ -1,5 +1,4 @@
-"use client";
-const o = "_main_1hnbl_1", e = "_animation_1hnbl_1", t = "_controls_1hnbl_1", _ = "_toolbar_1hnbl_1", n = "_popover_1hnbl_1", r = "_active_1hnbl_1", l = "_seeker_1hnbl_1", p = "_error_1hnbl_1", i = "_lottie_1hnbl_2", a = {
+const o = "_main_1hnbl_1", e = "_animation_1hnbl_1", t = "_controls_1hnbl_1", _ = "_toolbar_1hnbl_1", n = "_popover_1hnbl_1", r = "_active_1hnbl_1", l = "_seeker_1hnbl_1", p = "_error_1hnbl_1", a = "_lottie_1hnbl_2", i = {
   "dotlottie-container": "_dotlottie-container_1hnbl_1",
   main: o,
   animation: e,
@@ -18,15 +17,15 @@ const o = "_main_1hnbl_1", e = "_animation_1hnbl_1", t = "_controls_1hnbl_1", _
   "popover-items": "_popover-items_1hnbl_1",
   "popover-subnav": "_popover-subnav_1hnbl_1",
   "popover-item": "_popover-item_1hnbl_1",
-  lottie: i
+  lottie: a
 };
 export {
   r as active,
   e as animation,
   t as controls,
-  a as default,
+  i as default,
   p as error,
-  i as lottie,
+  a as lottie,
   o as main,
   n as popover,
   l as seeker,

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

@@ -1,4 +1,3 @@
-"use client";
 var a = /* @__PURE__ */ ((r) => (r[r.mini = 64] = "mini", r[r.default = 128] = "default", r[r.large = 256] = "large", r))(a || {});
 export {
   a as ELottieSize

package/dist/components/base/ProgressBar/progressbar.module.scss.js

@@ -1,7 +1,6 @@
-"use client";
-const e = "_progressBar_luf46_1", r = "_progress_luf46_1", s = "_intermediate_luf46_31", o = "_barberPole_luf46_1", t = {
-  progressBar: e,
-  progress: r,
+const r = "_progressBar_luf46_1", e = "_progress_luf46_1", s = "_intermediate_luf46_31", o = "_barberPole_luf46_1", t = {
+  progressBar: r,
+  progress: e,
   intermediate: s,
   barberPole: o
 };
@@ -9,6 +8,6 @@ export {
   o as barberPole,
   t as default,
   s as intermediate,
-  r as progress,
-  e as progressBar
+  e as progress,
+  r as progressBar
 };

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

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

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

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

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import x from "clsx";
+import S from "react-select";
+import "./select.scss.js";
+function C(e) {
+  const {
+    className: l,
+    type: s = "single",
+    placeholder: t = "Select an option",
+    noOptionsMessage: a,
+    clearable: i = !0,
+    searchable: o = !0,
+    disabled: r = !1,
+    loading: c = !1,
+    options: n,
+    value: m,
+    onChange: p
+  } = e, u = x(
+    "xtrSelect",
+    l
+  );
+  return /* @__PURE__ */ f(
+    S,
+    {
+      className: u,
+      classNamePrefix: "xtrSelect",
+      isMulti: s === "multi",
+      noOptionsMessage: a,
+      placeholder: t,
+      isClearable: i,
+      isSearchable: o,
+      isDisabled: r,
+      isLoading: c,
+      options: n,
+      value: m,
+      onChange: p
+    }
+  );
+}
+export {
+  C as Select
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { ActionMeta, GroupBase, MultiValue, OptionsOrGroups, SingleValue } from 'react-select';
+export type TSelectProps<T = string> = {
+    className?: string;
+    type?: keyof typeof ESelectTypes;
+    noOptionsMessage?: (obj: {
+        inputValue: string;
+    }) => ReactNode;
+    placeholder?: string;
+    clearable?: boolean;
+    searchable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    options: OptionsOrGroups<T, GroupBase<T>>;
+    value?: T;
+    onChange?: (newValue: SingleValue<T> | MultiValue<T>, actionMeta: ActionMeta<T>) => void;
+};
+export declare enum ESelectTypes {
+    single = "single",
+    multi = "multi"
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE/F,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,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,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,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"}

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

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((i) => (i.single = "single", i.multi = "multi", i))(r || {});
+export {
+  r as ESelectTypes
+};

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

@@ -1,4 +1,3 @@
-"use client";
 const e = "_spinner_2g38j_1", p = "_fullpage_2g38j_14", n = "_label_2g38j_18", _ = "_spinnerWrapper_2g38j_26", c = "_spin_2g38j_1", s = "_cubeTop_2g38j_34", r = "_cubeWrapper_2g38j_53", a = "_cubeFace_2g38j_59", l = {
   spinner: e,
   fullpage: p,

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

@@ -1,4 +1,3 @@
-"use client";
 var l = /* @__PURE__ */ ((a) => (a[a.mini = 64] = "mini", a[a.default = 96] = "default", a[a.large = 128] = "large", a))(l || {});
 export {
   l as ESpinnerSize