xtreme-ui 0.0.82 → 0.0.83

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

@@ -23,27 +23,17 @@ const L = v((g, T) => {
     onKeyDown: i,
     onEnterKey: u
   } = g, p = f(() => {
-    if (n === !0)
-      return null;
-    if (l)
-      return l;
-    if (e === "number")
-      return "23";
-    if (e === "search")
-      return "f002";
-    if (e === "password")
-      return "f30d";
+    if (n === !0) return null;
+    if (l) return l;
+    if (e === "number") return "23";
+    if (e === "search") return "f002";
+    if (e === "password") return "f30d";
   }, [n, l, e]), K = f(() => {
-    if (a)
-      return a;
-    if (e === "number")
-      return "Enter a number";
-    if (e === "search")
-      return "Search";
-    if (e === "password")
-      return "Enter password";
-    if (e === "phone")
-      return "Enter phone number";
+    if (a) return a;
+    if (e === "number") return "Enter a number";
+    if (e === "search") return "Search";
+    if (e === "password") return "Enter password";
+    if (e === "phone") return "Enter phone number";
   }, [a, e]), j = f(() => e === "phone" ? "number" : e, [e]), N = (t) => {
     c == null || c(t);
   }, b = (t) => {

package/dist/components/context/Data/DataContext.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { TDataInitialType, TDataProviderProps } from './type';
-declare const DataContext: import("react").Context<TDataInitialType>;
+declare const DataContext: import('react').Context<TDataInitialType>;
 declare const DataProvider: ({ children }: TDataProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { DataProvider, DataContext };
 //# sourceMappingURL=DataContext.d.ts.map

package/dist/components/context/Data/DataContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/DataContext.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO9D,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,iBAAkB,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/DataContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO9D,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,GAAI,cAAc,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/context/Theme/ThemeContext.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { TThemeInitialType, TThemeProviderProps } from './type';
-declare const ThemeContext: import("react").Context<TThemeInitialType>;
+declare const ThemeContext: import('react').Context<TThemeInitialType>;
 declare const ThemeProvider: ({ children }: TThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { ThemeProvider, ThemeContext };
 //# sourceMappingURL=ThemeContext.d.ts.map

package/dist/components/context/Theme/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAA6C,MAAM,QAAQ,CAAC;AASxH,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,iBAAkB,mBAAmB,4CAmBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAA6C,MAAM,QAAQ,CAAC;AASxH,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CAmBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,15 +1,16 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as i, useState as h, useEffect as a } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as u, useState as h, useEffect as a } from "react";
+import "../../../utils/constants/commons.js";
 import { win as o } from "../../../utils/helper/domHelper.js";
-import { defaultScheme as d, defaultColor as p } from "./type.js";
+import { defaultColor as d, defaultScheme as p } from "./type.js";
 var c, l;
 const r = {
-  themeScheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? d,
+  themeScheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? p,
   setThemeScheme: () => null,
-  themeColor: ((l = o) == null ? void 0 : l.__themeColor) ?? p,
+  themeColor: ((l = o) == null ? void 0 : l.__themeColor) ?? d,
   setThemeColor: () => null
-}, x = i(r), w = ({ children: s }) => {
+}, x = u(r), D = ({ children: s }) => {
   const [n, C] = h(r.themeScheme), [f, _] = h(r.themeColor), S = (m) => {
     var e, t;
     return (t = (e = o) == null ? void 0 : e.__setPreferredThemeScheme) == null ? void 0 : t.call(e, m);
@@ -19,9 +20,9 @@ const r = {
   };
   return a(() => {
     o && (o.__onThemeSchemeChange = C, o.__onThemeColorChange = _);
-  }, []), /* @__PURE__ */ u(x.Provider, { value: { themeScheme: n, setThemeScheme: S, themeColor: f, setThemeColor: T }, children: s });
+  }, []), /* @__PURE__ */ i(x.Provider, { value: { themeScheme: n, setThemeScheme: S, themeColor: f, setThemeColor: T }, children: s });
 };
 export {
   x as ThemeContext,
-  w as ThemeProvider
+  D as ThemeProvider
 };

package/dist/components/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,SAAS,iBAAkB,cAAc,4CAQrD,CAAC;AAEF,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,SAAS,GAAI,cAAc,cAAc,4CAQrD,CAAC;AAEF,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB"}

package/dist/components/hooks/useDebouncedEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedEffect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useDebouncedEffect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElE,eAAO,MAAM,kBAAkB,WAAY,cAAc,+BAA+B,MAAM,SAK7F,CAAC"}
+{"version":3,"file":"useDebouncedEffect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useDebouncedEffect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElE,eAAO,MAAM,kBAAkB,GAAI,QAAQ,cAAc,EAAE,MAAM,cAAc,EAAE,OAAO,MAAM,SAK7F,CAAC"}

package/dist/components/hooks/usePersistingState.d.ts

@@ -1,3 +1,3 @@
 import { TStateHook } from './type';
-export declare const usePersistingState: <T>(key: string, initialState?: T | undefined) => TStateHook<T>;
+export declare const usePersistingState: <T>(key: string, initialState?: T) => TStateHook<T>;
 //# sourceMappingURL=usePersistingState.d.ts.map

package/dist/components/hooks/usePersistingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,eAAO,MAAM,kBAAkB,WAAY,MAAM,gDAUhD,CAAC"}
+{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,KAAK,MAAM,EAAE,eAAe,CAAC,KAAG,UAAU,CAAC,CAAC,CAUjF,CAAC"}

package/dist/components/layout/ImageEditor/ImageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,UAAW,iBAAiB,mDA4EnD,CAAC"}
+{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,GAAI,OAAO,iBAAiB,mDA4EnD,CAAC"}

package/dist/components/layout/ImageEditor/ImageEditor.js

@@ -5,33 +5,32 @@ import A from "clsx";
 import F from "react-easy-crop";
 import { Icon as m } from "../../base/Icon/Icon.js";
 import { Spinner as R } from "../../base/Spinner/Spinner.js";
-import { getCroppedImg as $, readImageFile as _, getImageSize as q } from "../../../utils/helper/imageHelper.js";
-import "./imageEditor.scss.js";
+import { readImageFile as $, getImageSize as _, getCroppedImg as q } from "../../../utils/helper/imageHelper.js";
+/* empty css                 */
 const S = 1, T = (x) => {
-  const { className: y, file: a, clearFile: i, minImageSize: r, cropShape: k = "round", aspect: z = 1, zoomSpeed: v = 1, onChange: w } = x, [d, l] = t(), [E, p] = t(!0), [L, g] = t(S), [M, f] = t({ x: 0, y: 0 }), [C, c] = t(0), [N, u] = t(), P = A(
+  const { className: y, file: i, clearFile: a, minImageSize: r, cropShape: k = "round", aspect: z = 1, zoomSpeed: v = 1, onChange: w } = x, [d, l] = t(), [E, p] = t(!0), [L, g] = t(S), [M, f] = t({ x: 0, y: 0 }), [C, c] = t(0), [N, u] = t(), P = A(
     "xtrImageEditor",
     y
   ), Z = async () => {
     try {
-      const e = await $(d, N, C);
+      const e = await q(d, N, C);
       e && w(e);
     } catch (e) {
       console.error(e);
     }
     n();
   }, n = b(() => {
-    l(void 0), f({ x: 0, y: 0 }), g(S), c(0), u(void 0), i == null || i(), p(!0);
-  }, [i]);
+    l(void 0), f({ x: 0, y: 0 }), g(S), c(0), u(void 0), a == null || a(), p(!0);
+  }, [a]);
   return j(() => {
     (async () => {
-      if (!a)
-        return;
-      const s = await _(a), h = await q(s);
+      if (!i) return;
+      const s = await $(i), h = await _(s);
       if (r && Math.min(h.width, h.height) < r)
         return n(), console.log(`Image should be at least ${r}x${r}`);
       l(s);
     })();
-  }, [n, a, r]), a ? /* @__PURE__ */ I("div", { className: P, children: [
+  }, [n, i, r]), i ? /* @__PURE__ */ I("div", { className: P, children: [
     /* @__PURE__ */ o(
       F,
       {

package/dist/components/layout/Navigation/Navigation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TNavigationProps } from './types';
-export declare const Navigation: import("react").ForwardRefExoticComponent<TNavigationProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Navigation: import('react').ForwardRefExoticComponent<TNavigationProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/components/layout/Navigation/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAmDrB,CAAC"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAmDrB,CAAC"}

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

@@ -1,23 +1,21 @@
-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,
-  routeList: t,
-  route: _,
-  icon: n,
+const t = "_navigation_1vrjr_1", r = "_brand_1vrjr_10", o = "_routeList_1vrjr_19", n = "_route_1vrjr_19", _ = "_icon_1vrjr_52", a = "_label_1vrjr_59", i = "_loading_1vrjr_79", c = "_active_1vrjr_98", e = {
+  navigation: t,
+  brand: r,
+  routeList: o,
+  route: n,
+  icon: _,
   label: a,
-  loading: e,
-  barberPole: i,
+  loading: i,
   active: c
 };
 export {
   c as active,
-  i as barberPole,
-  o as brand,
-  s as default,
-  n as icon,
+  r as brand,
+  e as default,
+  _ as icon,
   a as label,
-  e as loading,
-  r as navigation,
-  _ as route,
-  t as routeList
+  i as loading,
+  t as navigation,
+  n as route,
+  o as routeList
 };

package/dist/components/layout/SchemeSwitch/SchemeSwitch.d.ts

@@ -0,0 +1,3 @@
+import { TSchemeSwitchProps } from './types';
+export declare const SchemeSwitch: import('react').ForwardRefExoticComponent<TSchemeSwitchProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=SchemeSwitch.d.ts.map

package/dist/components/layout/SchemeSwitch/SchemeSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/SchemeSwitch.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,gHAwBvB,CAAC"}

package/dist/components/layout/SchemeSwitch/SchemeSwitch.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as p, useMemo as m } from "react";
+import { Button as S } from "../../base/Button/Button.js";
+import { useXTheme as y } from "../../context/useContext.js";
+import { THEME_SCHEME as o } from "../../../utils/constants/commons.js";
+const T = p((n) => {
+  const { className: r, withLabel: c = !1, type: i = "secondary", size: s = "default", iconType: a = "solid" } = n, { themeScheme: e, setThemeScheme: h } = y(), f = m(() => o[(o.findIndex((t) => t.name === e) + 1) % o.length], [e]), l = m(() => {
+    var t;
+    return ((t = o.find((u) => u.name === e)) == null ? void 0 : t.icon) ?? "";
+  }, [e]);
+  return /* @__PURE__ */ d(
+    S,
+    {
+      className: r,
+      type: i,
+      size: s,
+      icon: l,
+      iconType: a,
+      label: c ? `${e === "system" ? "auto" : e}` : void 0,
+      onClick: () => h(f.name)
+    }
+  );
+});
+T.displayName = "SchemeSwitch";
+export {
+  T as SchemeSwitch
+};

package/dist/components/layout/SchemeSwitch/types.d.ts

@@ -0,0 +1,10 @@
+import { EIconType } from '../../base/Icon/types';
+import { EButtonSize, EButtonTypes } from '../../base/Button/types';
+export type TSchemeSwitchProps = {
+    className?: string;
+    withLabel?: boolean;
+    type?: keyof typeof EButtonTypes;
+    size?: keyof typeof EButtonSize;
+    iconType?: keyof typeof EIconType;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/SchemeSwitch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;CAClC,CAAA"}

package/dist/components/layout/Sider/Sider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TSiderProps } from './types';
-export declare const Sider: import("react").ForwardRefExoticComponent<TSiderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Sider: import('react').ForwardRefExoticComponent<TSiderProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Sider.d.ts.map

package/dist/components/layout/Sider/Sider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGA4ChB,CAAC"}
+{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGA4ChB,CAAC"}

package/dist/components/layout/SiderModal/SiderModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TSiderModalProps } from './types';
-export declare const SiderModal: import("react").ForwardRefExoticComponent<TSiderModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SiderModal: import('react').ForwardRefExoticComponent<TSiderModalProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SiderModal.d.ts.map

package/dist/components/layout/SiderModal/SiderModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA6CrB,CAAC"}
+{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA6CrB,CAAC"}

package/dist/components/layout/ThemePicker/ThemePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { TThemePickerProps } from './type';
-export declare const ThemePicker: import("react").ForwardRefExoticComponent<TThemePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+import { TThemePickerProps } from './types';
+export declare const ThemePicker: import('react').ForwardRefExoticComponent<TThemePickerProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ThemePicker.d.ts.map

package/dist/components/layout/ThemePicker/ThemePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAqC,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQ9E,eAAO,MAAM,WAAW,8GAuEtB,CAAC"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAqC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E,eAAO,MAAM,WAAW,8GAuEtB,CAAC"}

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

@@ -1,76 +1,73 @@
 "use client";
-import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import a from "clsx";
-import { ActionCard as k } from "../../base/ActionCard/ActionCard.js";
-import { Button as g } from "../../base/Button/Button.js";
-import { Icon as y } from "../../base/Icon/Icon.js";
-import { EThemeScheme as c, EThemeColor as S } from "../../context/Theme/type.js";
-import { useXTheme as $ } from "../../context/useContext.js";
-import { capitalizeFirstLetter as u } from "../../../utils/function/string.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import c from "clsx";
+import { ActionCard as C } from "../../base/ActionCard/ActionCard.js";
+import { Button as k } from "../../base/Button/Button.js";
+import { Icon as S } from "../../base/Icon/Icon.js";
+import { EThemeColor as $ } from "../../context/Theme/type.js";
+import { useXTheme as g } from "../../context/useContext.js";
+import { THEME_SCHEME as u } from "../../../utils/constants/commons.js";
+import { capitalizeFirstLetter as y } from "../../../utils/function/string.js";
 import e from "./themePicker.module.scss.js";
-import { EThemePickerSize as x, EThemePickerGap as P } from "./type.js";
-const I = [
-  { name: c.system, icon: "f390" },
-  { name: c.light, icon: "f185" },
-  { name: c.dark, icon: "f6c3" }
-], z = C((l, h) => {
-  const { className: n, size: i = "default" } = l, { themeScheme: t, setThemeScheme: d, themeColor: p, setThemeColor: f } = $(), N = a(
+import { EThemePickerGap as x, EThemePickerSize as E } from "./types.js";
+const P = T((a, l) => {
+  const { className: h, size: i = "default" } = a, { themeScheme: t, setThemeScheme: n, themeColor: d, setThemeColor: p } = g(), f = c(
     e.themePicker,
-    n
+    h
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: h,
-      className: N,
+      ref: l,
+      className: f,
       role: "region",
       style: {
-        "--schemeSize": `${x[i]}px`,
-        "--schemeGap": `${P[i]}px`
+        "--schemeSize": `${E[i]}px`,
+        "--schemeGap": `${x[i]}px`
       },
       children: [
-        /* @__PURE__ */ m("div", { className: e.themeSchemes, role: "radiogroup", children: I.map(({ name: o, icon: s }, v) => /* @__PURE__ */ r(
-          k,
+        /* @__PURE__ */ o("div", { className: e.themeSchemes, role: "radiogroup", children: u.map(({ name: r, icon: s }, N) => /* @__PURE__ */ m(
+          C,
           {
-            className: a(e.themeSchemeItem, e[o], t === o && e.active),
-            onClick: () => d(o),
+            className: c(e.themeSchemeItem, e[r], t === r && e.active),
+            onClick: () => n(r),
             children: [
-              /* @__PURE__ */ r("div", { className: e.design, children: [
-                /* @__PURE__ */ m("div", { className: e.navigation, children: Array.from({ length: 6 }, (E, T) => /* @__PURE__ */ m("div", { className: e.navigationItem }, `ThemeScheme-${o}-navigation-${T}`)) }),
-                /* @__PURE__ */ r("div", { className: e.content, children: [
-                  /* @__PURE__ */ m("div", { className: e.header }),
-                  /* @__PURE__ */ m("div", { className: e.profile })
+              /* @__PURE__ */ m("div", { className: e.design, children: [
+                /* @__PURE__ */ o("div", { className: e.navigation, children: Array.from({ length: 6 }, (I, v) => /* @__PURE__ */ o("div", { className: e.navigationItem }, `ThemeScheme-${r}-navigation-${v}`)) }),
+                /* @__PURE__ */ m("div", { className: e.content, children: [
+                  /* @__PURE__ */ o("div", { className: e.header }),
+                  /* @__PURE__ */ o("div", { className: e.profile })
                 ] })
               ] }),
-              /* @__PURE__ */ r("div", { className: e.footer, children: [
-                /* @__PURE__ */ m(y, { className: e.footerIcon, code: t === o ? "f058" : s, type: "solid" }),
-                /* @__PURE__ */ m("span", { className: e.footerLabel, children: o })
+              /* @__PURE__ */ m("div", { className: e.footer, children: [
+                /* @__PURE__ */ o(S, { className: e.footerIcon, code: t === r ? "f058" : s, type: "solid" }),
+                /* @__PURE__ */ o("span", { className: e.footerLabel, children: r })
               ] })
             ]
           },
-          `ThemeScheme-${o}-${v}`
+          `ThemeScheme-${r}-${N}`
         )) }),
-        /* @__PURE__ */ m("div", { className: e.themeColors, role: "radiogroup", children: Object.keys(S).map((o, s) => /* @__PURE__ */ m(
-          g,
+        /* @__PURE__ */ o("div", { className: e.themeColors, role: "radiogroup", children: Object.keys($).map((r, s) => /* @__PURE__ */ o(
+          k,
           {
             className: e.themeColorsItem,
             size: i,
             icon: "f00c",
             iconType: "solid",
             style: {
-              "--themeColor": `var(--color${u(o)}Accent)`,
-              color: p === o ? "white" : "transparent"
+              "--themeColor": `var(--color${y(r)}Accent)`,
+              color: d === r ? "white" : "transparent"
             },
-            onClick: () => f(o)
+            onClick: () => p(r)
           },
-          `ThemeColor-${o}-${s}`
+          `ThemeColor-${r}-${s}`
         )) })
       ]
     }
   );
 });
-z.displayName = "ThemePicker";
+P.displayName = "ThemePicker";
 export {
-  z as ThemePicker
+  P as ThemePicker
 };

package/dist/components/layout/ThemePicker/{type.d.ts → types.d.ts}

@@ -12,4 +12,4 @@ export type TThemePickerProps = {
     className?: string;
     size?: keyof typeof EThemePickerSize;
 };
-//# sourceMappingURL=type.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/ThemePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/types.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC3B,IAAI,MAAM;IACV,OAAO,MAAM;IACb,KAAK,MAAM;CACX;AAED,oBAAY,eAAe;IAC1B,IAAI,KAAK;IACT,OAAO,KAAK;IACZ,KAAK,KAAK;CACV;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;CACrC,CAAA"}

package/dist/index.d.ts

@@ -33,7 +33,9 @@ export { type TSiderModalProps } from './components/layout/SiderModal/types';
 export { Navigation } from './components/layout/Navigation/Navigation';
 export { type TNavigationProps, type TNavigationRoute } from './components/layout/Navigation/types';
 export { ThemePicker } from './components/layout/ThemePicker/ThemePicker';
-export { type TThemePickerProps } from './components/layout/ThemePicker/type';
+export { type TThemePickerProps } from './components/layout/ThemePicker/types';
+export { SchemeSwitch } from './components/layout/SchemeSwitch/SchemeSwitch';
+export { type TSchemeSwitchProps } from './components/layout/SchemeSwitch/types';
 export { ImageEditor } from './components/layout/ImageEditor/ImageEditor';
 export { type TImageEditorProps } from './components/layout/ImageEditor/types';
 //# sourceMappingURL=index.d.ts.map

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,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,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;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,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,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,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,uCAAuC,CAAC;AAG/E,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}