xtreme-ui 0.0.71 → 0.0.73

package/dist/components/base/Textfield/Textfield.js

@@ -13,9 +13,9 @@ const L = v((g, T) => {
     placeholder: a,
     autoComplete: m = "off",
     autoFocus: d,
-    icon: s,
+    icon: l,
     iconType: E = "regular",
-    value: l,
+    value: s,
     onChange: h,
     onFocus: x,
     onBlur: y,
@@ -25,15 +25,15 @@ const L = v((g, T) => {
   } = g, p = f(() => {
     if (n === !0)
       return null;
-    if (s)
-      return s;
+    if (l)
+      return l;
     if (e === "number")
       return "23";
     if (e === "search")
       return "f002";
     if (e === "password")
       return "f30d";
-  }, [n, s, e]), K = f(() => {
+  }, [n, l, e]), K = f(() => {
     if (a)
       return a;
     if (e === "number")
@@ -52,7 +52,7 @@ const L = v((g, T) => {
     r.textfield,
     p && r.withIcon,
     n && r.textarea,
-    l && r.hasValue,
+    s && r.hasValue,
     e === "phone" && r.phone,
     C
   );
@@ -75,7 +75,7 @@ const L = v((g, T) => {
             className: r.input,
             autoFocus: d,
             autoComplete: m,
-            value: l,
+            value: s,
             onChange: h,
             onFocus: x,
             onBlur: y,
@@ -89,7 +89,7 @@ const L = v((g, T) => {
             type: j,
             autoFocus: d,
             autoComplete: m,
-            value: l,
+            value: s,
             onChange: h,
             onFocus: x,
             onBlur: y,
@@ -97,7 +97,7 @@ const L = v((g, T) => {
             onKeyDown: b
           }
         ),
-        /* @__PURE__ */ o("span", { className: r.placeholder, children: K })
+        /* @__PURE__ */ o("label", { className: r.placeholder, children: K })
       ]
     }
   );

package/dist/components/base/Textfield/textfield.module.scss.js

@@ -1,24 +1,23 @@
-"use client";
-const e = "_textfield_inyvc_1", n = "_icon_inyvc_29", t = "_dialCode_inyvc_39", c = "_input_inyvc_59", _ = "_placeholder_inyvc_72", o = "_withIcon_inyvc_97", i = "_textarea_inyvc_107", a = "_phone_inyvc_116", l = "_hasValue_inyvc_122", s = {
-  textfield: e,
-  icon: n,
-  dialCode: t,
-  input: c,
-  placeholder: _,
-  withIcon: o,
-  textarea: i,
-  phone: a,
+const n = "_textfield_1i83n_1", t = "_icon_1i83n_29", e = "_dialCode_1i83n_39", _ = "_input_1i83n_60", o = "_placeholder_1i83n_79", i = "_withIcon_1i83n_93", a = "_textarea_1i83n_103", c = "_phone_1i83n_113", l = "_hasValue_1i83n_119", s = {
+  textfield: n,
+  icon: t,
+  dialCode: e,
+  input: _,
+  placeholder: o,
+  withIcon: i,
+  textarea: a,
+  phone: c,
   hasValue: l
 };
 export {
   s as default,
-  t as dialCode,
+  e as dialCode,
   l as hasValue,
-  n as icon,
-  c as input,
-  a as phone,
-  _ as placeholder,
-  i as textarea,
-  e as textfield,
-  o as withIcon
+  t as icon,
+  _ as input,
+  c as phone,
+  o as placeholder,
+  a as textarea,
+  n as textfield,
+  i as withIcon
 };

package/dist/components/context/Theme/type.js

@@ -1,11 +1,10 @@
-"use client";
-var n = /* @__PURE__ */ ((t) => (t.light = "light", t.dark = "dark", t.system = "system", t))(n || {});
+var a = /* @__PURE__ */ ((t) => (t.light = "light", t.dark = "dark", t.system = "system", t))(a || {});
 const r = "system";
-var a = /* @__PURE__ */ ((t) => (t.red = "red", t.pink = "pink", t.orange = "orange", t.green = "green", t.blue = "blue", t.violet = "violet", t.black = "black", t))(a || {});
+var n = /* @__PURE__ */ ((t) => (t.red = "red", t.pink = "pink", t.orange = "orange", t.green = "green", t.blue = "blue", t.violet = "violet", t.black = "black", t))(n || {});
 const s = "violet";
 export {
-  a as EThemeColor,
-  n as EThemeScheme,
+  n as EThemeColor,
+  a as EThemeScheme,
   s as defaultColor,
   r as defaultScheme
 };

package/dist/components/context/useContext.js

@@ -1,8 +1,7 @@
-"use client";
 import { useContext as t } from "react";
-import { DataContext as e } from "./Data/DataContext.js";
-import { ThemeContext as o } from "./Theme/ThemeContext.js";
-const s = () => t(e), a = () => t(o);
+import { DataContext as o } from "./Data/DataContext.js";
+import { ThemeContext as e } from "./Theme/ThemeContext.js";
+const s = () => t(o), a = () => t(e);
 export {
   s as useXData,
   a as useXTheme

package/dist/components/layout/Navigation/navigation.module.scss.js

@@ -1,4 +1,3 @@
-"use client";
 const r = "_navigation_1vrjr_1", o = "_brand_1vrjr_10", t = "_routeList_1vrjr_19", _ = "_route_1vrjr_19", n = "_icon_1vrjr_52", a = "_label_1vrjr_59", e = "_loading_1vrjr_79", i = "_barberPole_1vrjr_1", c = "_active_1vrjr_98", s = {
   navigation: r,
   brand: o,

package/dist/components/layout/Sider/sider.module.scss.js

@@ -1,4 +1,3 @@
-"use client";
 const e = "_sider_1dq8m_1", i = "_leftSiderContainer_1dq8m_13", t = "_rightSiderContainer_1dq8m_21", n = "_content_1dq8m_29", r = "_miniLeftSider_1dq8m_39", d = "_miniRightSider_1dq8m_46", _ = "_leftOpen_1dq8m_53", o = "_rightOpen_1dq8m_66", s = {
   sider: e,
   leftSiderContainer: i,

package/dist/components/layout/Sider/types.js

@@ -1,4 +1,3 @@
-"use client";
 const e = "closed";
 export {
   e as defaultSiderMode

package/dist/components/layout/SiderModal/siderModal.module.scss.js

@@ -1,20 +1,19 @@
-"use client";
-const o = "_siderModal_3x26c_1", c = "_header_3x26c_8", t = "_back_3x26c_16", _ = "_icon_3x26c_21", e = "_title_3x26c_21", s = "_footer_3x26c_28", d = "_body_3x26c_37", n = {
+const o = "_siderModal_3x26c_1", c = "_header_3x26c_8", _ = "_back_3x26c_16", t = "_icon_3x26c_21", e = "_title_3x26c_21", s = "_footer_3x26c_28", d = "_body_3x26c_37", a = {
   siderModal: o,
   header: c,
-  back: t,
-  icon: _,
+  back: _,
+  icon: t,
   title: e,
   footer: s,
   body: d
 };
 export {
-  t as back,
+  _ as back,
   d as body,
-  n as default,
+  a as default,
   s as footer,
   c as header,
-  _ as icon,
+  t as icon,
   o as siderModal,
   e as title
 };

package/dist/components/layout/ThemePicker/themePicker.module.scss.js

@@ -1,40 +1,39 @@
-"use client";
-const e = "_themePicker_18b3g_1", t = "_themeSchemes_18b3g_11", o = "_themeSchemeItem_18b3g_18", _ = "_system_18b3g_30", n = "_light_18b3g_51", c = "_dark_18b3g_60", s = "_design_18b3g_69", g = "_navigation_18b3g_77", i = "_navigationItem_18b3g_89", m = "_content_18b3g_102", a = "_header_18b3g_112", r = "_profile_18b3g_141", h = "_footer_18b3g_164", b = "_footerIcon_18b3g_175", l = "_footerLabel_18b3g_180", f = "_active_18b3g_191", d = "_themeColors_18b3g_203", v = {
+const e = "_themePicker_71mms_1", t = "_themeSchemes_71mms_11", m = "_themeSchemeItem_71mms_18", o = "_system_71mms_30", s = "_light_71mms_51", _ = "_dark_71mms_60", n = "_design_71mms_69", c = "_navigation_71mms_77", i = "_navigationItem_71mms_89", a = "_content_71mms_102", r = "_header_71mms_112", h = "_profile_71mms_141", l = "_footer_71mms_164", f = "_footerIcon_71mms_175", g = "_footerLabel_71mms_180", d = "_active_71mms_191", v = "_themeColors_71mms_203", I = {
   themePicker: e,
   themeSchemes: t,
-  themeSchemeItem: o,
-  system: _,
-  light: n,
-  dark: c,
-  design: s,
-  navigation: g,
+  themeSchemeItem: m,
+  system: o,
+  light: s,
+  dark: _,
+  design: n,
+  navigation: c,
   navigationItem: i,
-  content: m,
-  header: a,
-  profile: r,
-  footer: h,
-  footerIcon: b,
-  footerLabel: l,
-  active: f,
-  themeColors: d
+  content: a,
+  header: r,
+  profile: h,
+  footer: l,
+  footerIcon: f,
+  footerLabel: g,
+  active: d,
+  themeColors: v
 };
 export {
-  f as active,
-  m as content,
-  c as dark,
-  v as default,
-  s as design,
-  h as footer,
-  b as footerIcon,
-  l as footerLabel,
-  a as header,
-  n as light,
-  g as navigation,
+  d as active,
+  a as content,
+  _ as dark,
+  I as default,
+  n as design,
+  l as footer,
+  f as footerIcon,
+  g as footerLabel,
+  r as header,
+  s as light,
+  c as navigation,
   i as navigationItem,
-  r as profile,
-  _ as system,
-  d as themeColors,
+  h as profile,
+  o as system,
+  v as themeColors,
   e as themePicker,
-  o as themeSchemeItem,
+  m as themeSchemeItem,
   t as themeSchemes
 };

package/dist/components/layout/ThemePicker/type.js

@@ -1,4 +1,3 @@
-"use client";
 var t = /* @__PURE__ */ ((l) => (l[l.mini = 128] = "mini", l[l.default = 180] = "default", l[l.large = 254] = "large", l))(t || {}), n = /* @__PURE__ */ ((l) => (l[l.mini = 16] = "mini", l[l.default = 24] = "default", l[l.large = 36] = "large", l))(n || {});
 export {
   n as EThemePickerGap,

package/dist/index.d.ts

@@ -17,8 +17,12 @@ export { Spinner } from './components/base/Spinner/Spinner';
 export { type ISpinnerProps, ESpinnerSize } from './components/base/Spinner/types';
 export { Textfield } from './components/base/Textfield/Textfield';
 export { type TTextfieldProps } from './components/base/Textfield/types';
-export { ColorPopper } from './components/layout/ColorPopper/ColorPopper';
-export { type TColorPopperProps } from './components/layout/ColorPopper/types';
+export { DatePicker } from './components/base/DatePicker/DatePicker';
+export { type TDatePickerProps, type TDateValue, EDatePickerTypes } from './components/base/DatePicker/types';
+export { Select } from './components/base/Select/Select';
+export { type TSelectProps, ESelectTypes } from './components/base/Select/types';
+export { ColorPopper } from './components/base/ColorPopper/ColorPopper';
+export { type TColorPopperProps } from './components/base/ColorPopper/types';
 export type { AnyColor } from 'colord';
 export { Sider } from './components/layout/Sider/Sider';
 export { type TSiderProps, type TSiderModes } from './components/layout/Sider/types';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/index.js

@@ -1,16 +1,15 @@
-"use client";
 import "./styles/index.scss.js";
 import { STORAGE as t } from "./utils/constants/commons.js";
-import { getLocalState as m, setLocalState as i } from "./utils/function/localStorage.js";
-import { mergeRefs as x } from "./utils/function/mergeRefs.js";
+import { getLocalState as m, setLocalState as f } from "./utils/function/localStorage.js";
+import { mergeRefs as i } from "./utils/function/mergeRefs.js";
 import { capitalizeFirstLetter as a, safeStringFromCodePoint as n, unicodeToString as S } from "./utils/function/string.js";
-import { doc as c, elementObserver as C, getCssProperty as P, getCssPropertyPx as d, getCssPropertyVh as g, getCssPropertyVw as E, isClient as u, localStore as y, setCssProperty as z, waitForElement as T, win as v } from "./utils/helper/domHelper.js";
+import { doc as l, elementObserver as P, getCssProperty as C, getCssPropertyPx as d, getCssPropertyVh as g, getCssPropertyVw as E, isClient as y, localStore as T, setCssProperty as z, waitForElement as u, win as v } from "./utils/helper/domHelper.js";
 import { themeController as L } from "./utils/helper/themeController.js";
-import { XProvider as w } from "./components/context/index.js";
-import { useXData as F, useXTheme as X } from "./components/context/useContext.js";
-import { ActionCard as O } from "./components/base/ActionCard/ActionCard.js";
-import { EActionCardSize as V } from "./components/base/ActionCard/types.js";
-import { Avatar as k } from "./components/base/Avatar/Avatar.js";
+import { XProvider as k } from "./components/context/index.js";
+import { useXData as B, useXTheme as D } from "./components/context/useContext.js";
+import { ActionCard as X } from "./components/base/ActionCard/ActionCard.js";
+import { EActionCardSize as O } from "./components/base/ActionCard/types.js";
+import { Avatar as V } from "./components/base/Avatar/Avatar.js";
 import { EAvatarSize as G } from "./components/base/Avatar/types.js";
 import { Button as N } from "./components/base/Button/Button.js";
 import { EButtonTypes as q } from "./components/base/Button/types.js";
@@ -22,51 +21,59 @@ import { ProgressBar as $ } from "./components/base/ProgressBar/ProgressBar.js";
 import { Spinner as er } from "./components/base/Spinner/Spinner.js";
 import { ESpinnerSize as tr } from "./components/base/Spinner/types.js";
 import { Textfield as mr } from "./components/base/Textfield/Textfield.js";
-import { ColorPopper as fr } from "./components/layout/ColorPopper/ColorPopper.js";
-import { Sider as sr } from "./components/layout/Sider/Sider.js";
-import { SiderModal as nr } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as lr } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as Cr } from "./components/layout/ThemePicker/ThemePicker.js";
+import { DatePicker as xr } from "./components/base/DatePicker/DatePicker.js";
+import { EDatePickerTypes as sr } from "./components/base/DatePicker/types.js";
+import { Select as nr } from "./components/base/Select/Select.js";
+import { ESelectTypes as cr } from "./components/base/Select/types.js";
+import { ColorPopper as Pr } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as dr } from "./components/layout/Sider/Sider.js";
+import { SiderModal as Er } from "./components/layout/SiderModal/SiderModal.js";
+import { Navigation as Tr } from "./components/layout/Navigation/Navigation.js";
+import { ThemePicker as ur } from "./components/layout/ThemePicker/ThemePicker.js";
 export {
-  O as ActionCard,
-  k as Avatar,
+  X as ActionCard,
+  V as Avatar,
   N as Button,
-  fr as ColorPopper,
-  V as EActionCardSize,
+  Pr as ColorPopper,
+  xr as DatePicker,
+  O as EActionCardSize,
   G as EAvatarSize,
   q as EButtonTypes,
+  sr as EDatePickerTypes,
   Q as EIconSize,
   Z as ELottieSize,
+  cr as ESelectTypes,
   tr as ESpinnerSize,
   J as Icon,
   W as Lottie,
-  lr as Navigation,
+  Tr as Navigation,
   $ as ProgressBar,
   t as STORAGE,
-  sr as Sider,
-  nr as SiderModal,
+  nr as Select,
+  dr as Sider,
+  Er as SiderModal,
   er as Spinner,
   mr as Textfield,
-  Cr as ThemePicker,
-  w as XProvider,
+  ur as ThemePicker,
+  k as XProvider,
   a as capitalizeFirstLetter,
-  c as doc,
-  C as elementObserver,
-  P as getCssProperty,
+  l as doc,
+  P as elementObserver,
+  C as getCssProperty,
   d as getCssPropertyPx,
   g as getCssPropertyVh,
   E as getCssPropertyVw,
   m as getLocalState,
-  u as isClient,
-  y as localStore,
-  x as mergeRefs,
+  y as isClient,
+  T as localStore,
+  i as mergeRefs,
   n as safeStringFromCodePoint,
   z as setCssProperty,
-  i as setLocalState,
+  f as setLocalState,
   L as themeController,
   S as unicodeToString,
-  F as useXData,
-  X as useXTheme,
-  T as waitForElement,
+  B as useXData,
+  D as useXTheme,
+  u as waitForElement,
   v as win
 };