xtreme-ui 0.0.94 → 0.0.96

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSelect/ThemeSelect.tsx"],"names":[],"mappings":"AAUA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GA4BtB,CAAC"}

package/dist/components/layout/ThemeSelect/ThemeSelect.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import n from "clsx";
+import { ColorPopper as f } from "../../base/ColorPopper/ColorPopper.js";
+import { useXTheme as T } from "../../context/useContext.js";
+import { useScreenType as d } from "../../hooks/useScreen.js";
+import { isValidThemeColor as u } from "../../../utils/helper/colorHelper.js";
+import { ThemeColorsPreset as C } from "../../../utils/constants/theme.js";
+/* empty css                 */
+const S = p((o, m) => {
+  const { className: r, withSwatch: t } = o, { themeScheme: s, setThemeScheme: l, themeColor: e, setThemeColor: i } = T(), { isMobile: c } = d(), h = n(
+    "xtrThemeSelect",
+    r
+  );
+  return !e || !u(e) ? null : /* @__PURE__ */ a(
+    f,
+    {
+      ref: m,
+      className: h,
+      placeholder: "Theme",
+      alpha: !1,
+      swatch: t ? Object.values(C) : void 0,
+      colorHeading: "Theme Color",
+      schemeHeading: "Theme scheme",
+      themeScheme: s,
+      size: c ? "mini" : "default",
+      setThemeScheme: l,
+      color: e,
+      setColor: i
+    }
+  );
+});
+S.displayName = "ThemeSelect";
+export {
+  S as ThemeSelect
+};

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

@@ -0,0 +1,8 @@
+import { EIconType } from '../../base/Icon/types';
+export type TThemeSelectProps = {
+    className?: string;
+    withLabel?: boolean;
+    withSwatch?: boolean;
+    iconType?: keyof typeof EIconType;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;CAClC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/ThemeSwitch.tsx"],"names":[],"mappings":"AAWA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQ5C,eAAO,MAAM,WAAW,8GAiEtB,CAAC"}
+{"version":3,"file":"ThemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/ThemeSwitch.tsx"],"names":[],"mappings":"AAWA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAS5C,eAAO,MAAM,WAAW,8GA+DtB,CAAC"}

package/dist/components/layout/ThemeSwitch/ThemeSwitch.js

@@ -1,67 +1,67 @@
 "use client";
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import { forwardRef as O, useMemo as c } from "react";
-import M from "clsx";
-import { Button as u } from "../../base/Button/Button.js";
-import { Select as j } from "../../base/Select/Select.js";
-import { EThemeColor as T } from "../../context/Theme/types.js";
-import { useXTheme as I } from "../../context/useContext.js";
-import { useScreenType as g } from "../../hooks/useScreen.js";
-import { THEME_SCHEME as m } from "../../../utils/constants/commons.js";
+import { jsxs as O, jsx as c } from "react/jsx-runtime";
+import { forwardRef as v, useMemo as a } from "react";
+import w from "clsx";
+import { Button as d } from "../../base/Button/Button.js";
+import { Select as M } from "../../base/Select/Select.js";
+import { useXTheme as g } from "../../context/useContext.js";
+import { useScreenType as j } from "../../hooks/useScreen.js";
+import { isValidThemeColor as I, getColorLabel as k } from "../../../utils/helper/colorHelper.js";
+import { ThemeColorsPreset as u, THEME_SCHEME as m } from "../../../utils/constants/theme.js";
 /* empty css                 */
-const k = Object.values(T).map((t) => ({
-  value: t,
-  label: t.charAt(0).toUpperCase() + t.slice(1)
-})), i = Object.values(T), H = O((t, d) => {
-  const { className: C, type: x = "secondary", size: n = "default", iconType: s = "solid" } = t, { themeScheme: e, setThemeScheme: b, themeColor: r, setThemeColor: h } = I(), { isMobile: S, isDesktop: y } = g(), l = !S, p = c(() => m[(m.findIndex((o) => o.name === e) + 1) % m.length], [e]), v = c(() => {
+const H = Object.entries(u).map(([r, n]) => ({
+  label: r.charAt(0).toUpperCase() + r.slice(1),
+  value: n
+})), h = Object.values(u), L = v((r, n) => {
+  const { className: C, type: x = "secondary", size: s = "default", iconType: i = "solid" } = r, { themeScheme: e, setThemeScheme: S, themeColor: t, setThemeColor: p } = g(), { isMobile: l, isDesktop: b } = j(), f = a(() => m[(m.findIndex((o) => o.name === e) + 1) % m.length], [e]), y = a(() => {
     var o;
-    return ((o = m.find((w) => w.name === e)) == null ? void 0 : o.icon) ?? "";
-  }, [e]), f = c(() => i[(i.findIndex((o) => o === r) + 1) % i.length], [r]), E = M(
+    return ((o = m.find((N) => N.name === e)) == null ? void 0 : o.icon) ?? "";
+  }, [e]), T = a(() => h[(h.findIndex((o) => o === t) + 1) % h.length], [t]), E = w(
     "xtrThemeSwitch",
     C,
-    l && "withLabel"
+    !l && "withLabel"
   );
-  return !e || !r ? null : /* @__PURE__ */ N("div", { ref: d, className: E, children: [
-    /* @__PURE__ */ a(
-      u,
+  return !e || !I(t) ? null : /* @__PURE__ */ O("div", { ref: n, className: E, children: [
+    /* @__PURE__ */ c(
+      d,
       {
         className: "xtrThemeScheme",
         type: x,
-        size: n,
-        icon: v,
-        iconType: s,
-        label: l ? e === "system" ? "auto" : e : void 0,
-        onClick: () => p.name && b(p.name)
+        size: s,
+        icon: y,
+        iconType: i,
+        label: l ? void 0 : e,
+        onClick: () => f.name && S(f.name)
       }
     ),
-    y ? /* @__PURE__ */ a(
-      j,
+    b ? /* @__PURE__ */ c(
+      M,
       {
         clearable: !1,
         searchable: !1,
-        size: n,
-        options: k,
+        size: s,
         icon: "f53f",
-        iconType: s,
+        iconType: i,
         placeholder: "Theme",
-        value: r,
-        onChange: h
+        options: H,
+        value: t,
+        onChange: p
       }
-    ) : /* @__PURE__ */ a(
-      u,
+    ) : /* @__PURE__ */ c(
+      d,
       {
         className: "xtrThemeColor",
         type: "primary",
-        size: n,
+        size: s,
         icon: "f53f",
-        iconType: s,
-        label: l ? r : void 0,
-        onClick: () => f && h(f)
+        iconType: i,
+        label: l ? void 0 : k(t),
+        onClick: () => T && p(T)
       }
     )
   ] });
 });
-H.displayName = "ThemeSwitch";
+L.displayName = "ThemeSwitch";
 export {
-  H as ThemeSwitch
+  L as ThemeSwitch
 };

package/dist/index.d.ts

@@ -34,6 +34,8 @@ 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/types';
+export { ThemeSelect } from './components/layout/ThemeSelect/ThemeSelect';
+export { type TThemeSelectProps } from './components/layout/ThemeSelect/types';
 export { ThemeSwitch } from './components/layout/ThemeSwitch/ThemeSwitch';
 export { type TThemeSwitchProps } from './components/layout/ThemeSwitch/types';
 export { ImageEditor } from './components/layout/ImageEditor/ImageEditor';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,102 +1,106 @@
 /* empty css                  */
-import { STORAGE as t, THEME_SCHEME as p } from "./utils/constants/commons.js";
-import { FACE_ICONS as f } from "./utils/constants/iconCollection.js";
-import { getLocalState as x, setLocalState as a } from "./utils/function/localStorage.js";
-import { assignRef as n, mergeRefs as c } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as g, safeStringFromCodePoint as l, unicodeToString as d } from "./utils/function/string.js";
-import { doc as P, elementObserver as C, getCssProperty as I, getCssPropertyPx as T, getCssPropertyVh as u, getCssPropertyVw as y, isClient as z, localStore as A, setCssProperty as F, waitForElement as h, win as k } from "./utils/helper/domHelper.js";
-import { createImage as L, getCroppedImg as w, getImageSize as D, getRadianAngle as R, readImageFile as B, readImageSrc as M } from "./utils/helper/imageHelper.js";
-import { themeController as X } from "./utils/helper/themeController.js";
-import { XProvider as H } from "./components/context/index.js";
-import { useXData as V, useXTheme as _ } from "./components/context/useContext.js";
-import { ActionCard as j } from "./components/base/ActionCard/ActionCard.js";
-import { EActionCardSize as J } from "./components/base/ActionCard/types.js";
-import { Avatar as Q } from "./components/base/Avatar/Avatar.js";
-import { EAvatarSize as W } from "./components/base/Avatar/types.js";
-import { Button as Z } from "./components/base/Button/Button.js";
-import { EButtonTypes as ee } from "./components/base/Button/types.js";
-import { Icon as oe } from "./components/base/Icon/Icon.js";
-import { EIconSize as pe } from "./components/base/Icon/types.js";
-import { Lottie as fe } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as xe } from "./components/base/Lottie/types.js";
-import { ProgressBar as se } from "./components/base/ProgressBar/ProgressBar.js";
-import { Spinner as ce } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as ge } from "./components/base/Spinner/types.js";
-import { Textfield as de } from "./components/base/Textfield/Textfield.js";
-import { DatePicker as Pe } from "./components/base/DatePicker/DatePicker.js";
+import { STORAGE as t, THEME_SCHEME as m, ThemeColorsPreset as p, defaultColorPreset as f } from "./utils/constants/theme.js";
+import { FACE_ICONS as x } from "./utils/constants/iconCollection.js";
+import { getLocalState as s, setLocalState as n } from "./utils/function/localStorage.js";
+import { assignRef as S, mergeRefs as g } from "./utils/function/mergeRefs.js";
+import { capitalizeFirstLetter as P, safeStringFromCodePoint as d, unicodeToString as C } from "./utils/function/string.js";
+import { doc as T, elementObserver as u, getCssProperty as I, getCssPropertyPx as h, getCssPropertyVh as y, getCssPropertyVw as z, isClient as A, localStore as F, setCssProperty as k, waitForElement as v, win as L } from "./utils/helper/domHelper.js";
+import { createImage as D, getCroppedImg as R, getImageSize as B, getRadianAngle as M, readImageFile as O, readImageSrc as X } from "./utils/helper/imageHelper.js";
+import { themeController as H } from "./utils/helper/themeController.js";
+import { XProvider as V } from "./components/context/index.js";
+import { useXData as G, useXTheme as j } from "./components/context/useContext.js";
+import { ActionCard as J } from "./components/base/ActionCard/ActionCard.js";
+import { EActionCardSize as Q } from "./components/base/ActionCard/types.js";
+import { Avatar as W } from "./components/base/Avatar/Avatar.js";
+import { EAvatarSize as Z } from "./components/base/Avatar/types.js";
+import { Button as ee } from "./components/base/Button/Button.js";
+import { EButtonTypes as oe } from "./components/base/Button/types.js";
+import { Icon as me } from "./components/base/Icon/Icon.js";
+import { EIconSize as fe } from "./components/base/Icon/types.js";
+import { Lottie as xe } from "./components/base/Lottie/Lottie.js";
+import { ELottieSize as se } from "./components/base/Lottie/types.js";
+import { ProgressBar as ce } from "./components/base/ProgressBar/ProgressBar.js";
+import { Spinner as ge } from "./components/base/Spinner/Spinner.js";
+import { ESpinnerSize as Pe } from "./components/base/Spinner/types.js";
+import { Textfield as Ce } from "./components/base/Textfield/Textfield.js";
+import { DatePicker as Te } from "./components/base/DatePicker/DatePicker.js";
 import { EDatePickerTypes as Ie } from "./components/base/DatePicker/types.js";
-import { FilePicker as ue } from "./components/base/FilePicker/FilePicker.js";
-import { FilePickerIcon as ze } from "./components/base/FilePicker/types.js";
-import { Select as Fe } from "./components/base/Select/Select.js";
-import { ColorPopper as ke } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as Le } from "./components/layout/Sider/Sider.js";
-import { SiderModal as De } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as Be } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as Oe } from "./components/layout/ThemePicker/ThemePicker.js";
-import { ThemeSwitch as be } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
-import { ImageEditor as Ne } from "./components/layout/ImageEditor/ImageEditor.js";
-import { useScreenType as _e } from "./components/hooks/useScreen.js";
-import { usePersistingState as je } from "./components/hooks/usePersistingState.js";
-import { useDebouncedEffect as Je } from "./components/hooks/useDebouncedEffect.js";
+import { FilePicker as ye } from "./components/base/FilePicker/FilePicker.js";
+import { FilePickerIcon as Ae } from "./components/base/FilePicker/types.js";
+import { Select as ke } from "./components/base/Select/Select.js";
+import { ColorPopper as Le } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as De } from "./components/layout/Sider/Sider.js";
+import { SiderModal as Be } from "./components/layout/SiderModal/SiderModal.js";
+import { Navigation as Oe } from "./components/layout/Navigation/Navigation.js";
+import { ThemePicker as be } from "./components/layout/ThemePicker/ThemePicker.js";
+import { ThemeSelect as Ne } from "./components/layout/ThemeSelect/ThemeSelect.js";
+import { ThemeSwitch as _e } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
+import { ImageEditor as je } from "./components/layout/ImageEditor/ImageEditor.js";
+import { useScreenType as Je } from "./components/hooks/useScreen.js";
+import { usePersistingState as Qe } from "./components/hooks/usePersistingState.js";
+import { useDebouncedEffect as We } from "./components/hooks/useDebouncedEffect.js";
 export {
-  j as ActionCard,
-  Q as Avatar,
-  Z as Button,
-  ke as ColorPopper,
-  Pe as DatePicker,
-  J as EActionCardSize,
-  W as EAvatarSize,
-  ee as EButtonTypes,
+  J as ActionCard,
+  W as Avatar,
+  ee as Button,
+  Le as ColorPopper,
+  Te as DatePicker,
+  Q as EActionCardSize,
+  Z as EAvatarSize,
+  oe as EButtonTypes,
   Ie as EDatePickerTypes,
-  pe as EIconSize,
-  xe as ELottieSize,
-  ge as ESpinnerSize,
-  f as FACE_ICONS,
-  ue as FilePicker,
-  ze as FilePickerIcon,
-  oe as Icon,
-  Ne as ImageEditor,
-  fe as Lottie,
-  Be as Navigation,
-  se as ProgressBar,
+  fe as EIconSize,
+  se as ELottieSize,
+  Pe as ESpinnerSize,
+  x as FACE_ICONS,
+  ye as FilePicker,
+  Ae as FilePickerIcon,
+  me as Icon,
+  je as ImageEditor,
+  xe as Lottie,
+  Oe as Navigation,
+  ce as ProgressBar,
   t as STORAGE,
-  Fe as Select,
-  Le as Sider,
-  De as SiderModal,
-  ce as Spinner,
-  p as THEME_SCHEME,
-  de as Textfield,
-  Oe as ThemePicker,
-  be as ThemeSwitch,
-  H as XProvider,
-  n as assignRef,
-  g as capitalizeFirstLetter,
-  L as createImage,
-  P as doc,
-  C as elementObserver,
-  w as getCroppedImg,
+  ke as Select,
+  De as Sider,
+  Be as SiderModal,
+  ge as Spinner,
+  m as THEME_SCHEME,
+  Ce as Textfield,
+  p as ThemeColorsPreset,
+  be as ThemePicker,
+  Ne as ThemeSelect,
+  _e as ThemeSwitch,
+  V as XProvider,
+  S as assignRef,
+  P as capitalizeFirstLetter,
+  D as createImage,
+  f as defaultColorPreset,
+  T as doc,
+  u as elementObserver,
+  R as getCroppedImg,
   I as getCssProperty,
-  T as getCssPropertyPx,
-  u as getCssPropertyVh,
-  y as getCssPropertyVw,
-  D as getImageSize,
-  x as getLocalState,
-  R as getRadianAngle,
-  z as isClient,
-  A as localStore,
-  c as mergeRefs,
-  B as readImageFile,
-  M as readImageSrc,
-  l as safeStringFromCodePoint,
-  F as setCssProperty,
-  a as setLocalState,
-  X as themeController,
-  d as unicodeToString,
-  Je as useDebouncedEffect,
-  je as usePersistingState,
-  _e as useScreenType,
-  V as useXData,
-  _ as useXTheme,
-  h as waitForElement,
-  k as win
+  h as getCssPropertyPx,
+  y as getCssPropertyVh,
+  z as getCssPropertyVw,
+  B as getImageSize,
+  s as getLocalState,
+  M as getRadianAngle,
+  A as isClient,
+  F as localStore,
+  g as mergeRefs,
+  O as readImageFile,
+  X as readImageSrc,
+  d as safeStringFromCodePoint,
+  k as setCssProperty,
+  n as setLocalState,
+  H as themeController,
+  C as unicodeToString,
+  We as useDebouncedEffect,
+  Qe as usePersistingState,
+  Je as useScreenType,
+  G as useXData,
+  j as useXTheme,
+  v as waitForElement,
+  L as win
 };

package/dist/utils/constants/theme.d.ts

@@ -0,0 +1,19 @@
+import { EThemeScheme, TThemeColor } from '../../components/context/Theme/types';
+export declare const STORAGE: {
+    themeSchemeAttr: string;
+    themeScheme: string;
+    themeColor: string;
+};
+export declare const THEME_SCHEME: readonly [{
+    readonly name: EThemeScheme.auto;
+    readonly icon: "e163";
+}, {
+    readonly name: EThemeScheme.light;
+    readonly icon: "f763";
+}, {
+    readonly name: EThemeScheme.dark;
+    readonly icon: "f754";
+}];
+export declare const ThemeColorsPreset: Record<string, TThemeColor>;
+export declare const defaultColorPreset: TThemeColor;
+//# sourceMappingURL=theme.d.ts.map

package/dist/utils/constants/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/constants/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE5E,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;EAIf,CAAC;AAEX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAWzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAA2B,CAAC"}

package/dist/utils/constants/theme.js

@@ -0,0 +1,27 @@
+import { EThemeScheme as e } from "../../components/context/Theme/types.js";
+const s = {
+  themeSchemeAttr: "data-theme-scheme",
+  themeScheme: "xThemeScheme",
+  themeColor: "xThemeColor"
+}, m = [
+  { name: e.auto, icon: "e163" },
+  { name: e.light, icon: "f763" },
+  { name: e.dark, icon: "f754" }
+], h = {
+  cherry: { h: 350, s: 70, l: 50 },
+  blush: { h: 335, s: 75, l: 55 },
+  saffron: { h: 19, s: 100, l: 56 },
+  sunset: { h: 28, s: 80, l: 55 },
+  mango: { h: 45, s: 80, l: 50 },
+  clay: { h: 20, s: 25, l: 50 },
+  mint: { h: 135, s: 45, l: 50 },
+  ocean: { h: 170, s: 60, l: 55 },
+  sky: { h: 205, s: 75, l: 50 },
+  plum: { h: 280, s: 40, l: 55 }
+}, t = h.orange;
+export {
+  s as STORAGE,
+  m as THEME_SCHEME,
+  h as ThemeColorsPreset,
+  t as defaultColorPreset
+};

package/dist/utils/function/common.d.ts

@@ -0,0 +1,2 @@
+export declare const isEqual: (a: unknown, b: unknown) => boolean;
+//# sourceMappingURL=common.d.ts.map

package/dist/utils/function/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/utils/function/common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,GAAG,OAAO,EAAE,GAAG,OAAO,KAAG,OAKhD,CAAC"}

package/dist/utils/function/common.js

@@ -0,0 +1,4 @@
+const o = (e, t) => typeof e == "string" && typeof t == "string" ? e === t : typeof e == "object" && typeof t == "object" && e !== null && t !== null ? Object.entries(e).every(([r, n]) => t[r] === n) : !1;
+export {
+  o as isEqual
+};

package/dist/utils/helper/colorHelper.d.ts

@@ -0,0 +1,5 @@
+import { TThemeColor } from '../../components/context/Theme/types';
+export declare const guessClosestColorName: (color: TThemeColor) => any;
+export declare function getColorLabel(c?: TThemeColor): string | undefined;
+export declare const isValidThemeColor: (c?: TThemeColor) => boolean;
+//# sourceMappingURL=colorHelper.d.ts.map

package/dist/utils/helper/colorHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorHelper.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/colorHelper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,eAAO,MAAM,qBAAqB,GAAI,OAAO,WAAW,QAUvD,CAAC;AAEF,wBAAgB,aAAa,CAAE,CAAC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,CAMlE;AAED,eAAO,MAAM,iBAAiB,GAAI,IAAI,WAAW,KAAG,OACiC,CAAC"}

package/dist/utils/helper/colorHelper.js

@@ -0,0 +1,24 @@
+import s from "color-namer";
+import { colord as l } from "colord";
+import { ThemeColorsPreset as m } from "../constants/theme.js";
+const f = (e) => {
+  const t = l(e).toHex(), r = s(t);
+  let o = null;
+  for (const n of r.ntc)
+    (!o || n.distance < o.distance) && (o = n);
+  return (o == null ? void 0 : o.name) || void 0;
+};
+function p(e) {
+  if (e) {
+    for (const [t, r] of Object.entries(m))
+      if (e.h === r.h && e.s === r.s && e.l === r.l)
+        return t;
+    return f(e);
+  }
+}
+const b = (e) => !!e && typeof e.h == "number" && typeof e.s == "number" && typeof e.l == "number";
+export {
+  p as getColorLabel,
+  f as guessClosestColorName,
+  b as isValidThemeColor
+};

package/dist/utils/helper/themeController.d.ts

@@ -1,2 +1,3 @@
-export declare const themeController: (scheme?: string, color?: string) => string;
+import { TThemeColor } from '../../components/context/Theme/types';
+export declare const themeController: (preferredScheme: string | undefined | null, preferredColor: TThemeColor | undefined | null, defaultScheme?: string, defaultColorPreset?: TThemeColor) => string;
 //# sourceMappingURL=themeController.d.ts.map

package/dist/utils/helper/themeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeController.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/themeController.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,SAAQ,MAAsB,EAAE,QAAO,MAAqB,WAW3F,CAAC"}
+{"version":3,"file":"themeController.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/themeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG/F,eAAO,MAAM,eAAe,GAC3B,iBAAiB,MAAM,GAAG,SAAS,GAAG,IAAI,EAC1C,gBAAgB,WAAW,GAAG,SAAS,GAAG,IAAI,EAC9C,gBAAe,MAAuB,EACtC,qBAAoB,WAAiC,WAiCrD,CAAC"}

package/dist/utils/helper/themeController.js

@@ -1,16 +1,35 @@
-import { defaultScheme as m, defaultColor as r } from "../../components/context/Theme/types.js";
-import { STORAGE as e } from "../constants/commons.js";
-const l = (t = m, o = r) => `
-	(function() {
-      try {
-        const themeScheme = localStorage.getItem('${e.themeScheme}') || '${t}';
-        const themeColor = localStorage.getItem('${e.themeColor}') || '${o}';
+import { defaultScheme as c } from "../../components/context/Theme/types.js";
+import { defaultColorPreset as d, STORAGE as e } from "../constants/theme.js";
+const S = (r, t, o = c, m = d) => {
+  const s = JSON.stringify(r), l = t ? JSON.stringify(t) : "null", n = JSON.stringify(m);
+  return `(function() {
+		try {
+			const storedScheme = localStorage.getItem('${e.themeScheme}');
+			const themeScheme = ${s} ?? storedScheme ?? '${o}';
 
-        document.documentElement.setAttribute('${e.themeSchemeAttr}', themeScheme);
-        document.documentElement.setAttribute('${e.themeColorAttr}', themeColor);
-      } catch (e) {}
-    })();
-	`;
+			const themeColorRaw = localStorage.getItem('${e.themeColor}');
+			let {h, s, l} = ${n};
+
+			const preferredColor = ${l};
+
+			if (preferredColor) {
+				({h, s, l} = preferredColor);
+			} else {
+				try {
+					const parsed = JSON.parse(themeColorRaw);
+					if (parsed && typeof parsed.h === 'number' && typeof parsed.s === 'number' && typeof parsed.l === 'number') {
+						({h, s, l} = parsed);
+					}
+				} catch {}
+			}
+
+			document.documentElement.setAttribute('${e.themeSchemeAttr}', themeScheme);
+			document.documentElement.style.setProperty('--H', h.toString());
+			document.documentElement.style.setProperty('--S', s + '%');
+			document.documentElement.style.setProperty('--L', l + '%');
+		} catch {}
+	})();`;
+};
 export {
-  l as themeController
+  S as themeController
 };

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-export * from './constants/commons';
+export * from './constants/theme';
 export * from './constants/iconCollection';
 export * from './function/localStorage';
 export * from './function/mergeRefs';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}