xtreme-ui 0.0.95 → 0.0.96

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

@@ -1,67 +1,71 @@
 "use client";
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
-import l from "clsx";
-import { ActionCard as C } from "../../base/ActionCard/ActionCard.js";
-import { Button as $ } from "../../base/Button/Button.js";
-import { Icon as u } from "../../base/Icon/Icon.js";
-import { useXTheme as E } from "../../context/useContext.js";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import i from "clsx";
+import { ActionCard as v } from "../../base/ActionCard/ActionCard.js";
+import { Button as C } from "../../base/Button/Button.js";
+import { Icon as $ } from "../../base/Icon/Icon.js";
+import { useXTheme as u } from "../../context/useContext.js";
 import { isEqual as S } from "../../../utils/function/common.js";
-import { THEME_SCHEME as g, ThemeColorsPreset as k } from "../../../utils/constants/theme.js";
-import o from "./themePicker.module.scss.js";
-import { EThemePickerGap as x, EThemePickerSize as y } from "./types.js";
-const P = Object.values(k), I = T((c, a) => {
-  const { className: h, size: s = "default" } = c, { themeScheme: t, setThemeScheme: n, themeColor: d, setThemeColor: p } = E(), f = l(
-    o.themePicker,
-    h
+import { THEME_SCHEME as E, ThemeColorsPreset as g } from "../../../utils/constants/theme.js";
+import { ThemeSelect as k } from "../ThemeSelect/ThemeSelect.js";
+/* empty css                 */
+import { EThemePickerGap as x, EThemePickerSize as P } from "./types.js";
+const y = Object.values(g), I = N((l, c) => {
+  const { className: a, size: m = "default" } = l, { themeScheme: t, setThemeScheme: h, themeColor: n, setThemeColor: d } = u(), p = i(
+    "xtrThemePicker",
+    a
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: a,
-      className: f,
+      ref: c,
+      className: p,
       role: "region",
       style: {
-        "--schemeSize": `${y[s]}px`,
-        "--schemeGap": `${x[s]}px`
+        "--schemeSize": `${P[m]}px`,
+        "--schemeGap": `${x[m]}px`
       },
       children: [
-        /* @__PURE__ */ r("div", { className: o.themeSchemes, role: "radiogroup", children: g.map(({ name: e, icon: i }, N) => /* @__PURE__ */ m(
-          C,
+        /* @__PURE__ */ o("div", { className: "themeSchemes", role: "radiogroup", children: E.map(({ name: e, icon: s }, f) => /* @__PURE__ */ r(
+          v,
           {
-            className: l(o.themeSchemeItem, o[e], t === e && o.active),
-            onClick: () => n(e),
+            className: i("themeSchemeItem", e, t === e && "active"),
+            onClick: () => h(e),
             children: [
-              /* @__PURE__ */ m("div", { className: o.design, children: [
-                /* @__PURE__ */ r("div", { className: o.navigation, children: Array.from({ length: 6 }, (j, v) => /* @__PURE__ */ r("div", { className: o.navigationItem }, `ThemeScheme-${e}-navigation-${v}`)) }),
-                /* @__PURE__ */ m("div", { className: o.content, children: [
-                  /* @__PURE__ */ r("div", { className: o.header }),
-                  /* @__PURE__ */ r("div", { className: o.profile })
+              /* @__PURE__ */ r("div", { className: "design", children: [
+                /* @__PURE__ */ o("div", { className: "navigation", children: Array.from({ length: 6 }, (j, T) => /* @__PURE__ */ o("div", { className: "navigationItem" }, `ThemeScheme-${e}-navigation-${T}`)) }),
+                /* @__PURE__ */ r("div", { className: "content", children: [
+                  /* @__PURE__ */ o("div", { className: "header" }),
+                  /* @__PURE__ */ o("div", { className: "profile" })
                 ] })
               ] }),
-              /* @__PURE__ */ m("div", { className: o.footer, children: [
-                /* @__PURE__ */ r(u, { className: o.footerIcon, code: t === e ? "f058" : i, type: "solid" }),
-                /* @__PURE__ */ r("span", { className: o.footerLabel, children: e })
+              /* @__PURE__ */ r("div", { className: "footer", children: [
+                /* @__PURE__ */ o($, { className: "footerIcon", code: t === e ? "f058" : s, type: "solid" }),
+                /* @__PURE__ */ o("span", { className: "footerLabel", children: e })
               ] })
             ]
           },
-          `ThemeScheme-${e}-${N}`
+          `ThemeScheme-${e}-${f}`
         )) }),
-        /* @__PURE__ */ r("div", { className: o.themeColors, role: "radiogroup", children: P.map((e, i) => /* @__PURE__ */ r(
-          $,
-          {
-            className: o.themeColorsItem,
-            size: s,
-            icon: "f00c",
-            iconType: "solid",
-            style: {
-              "--themeColor": `${e.h} ${e.s}% ${e.l}%`,
-              color: S(e, d) ? "white" : "transparent"
+        /* @__PURE__ */ r("div", { className: i("themeColors", m), role: "radiogroup", children: [
+          y.map((e, s) => /* @__PURE__ */ o(
+            C,
+            {
+              className: "themeColorsItem",
+              size: m,
+              icon: "f00c",
+              iconType: "solid",
+              style: {
+                "--themeColor": `${e.h} ${e.s}% ${e.l}%`,
+                color: S(e, n) ? "white" : "transparent"
+              },
+              onClick: () => d(e)
             },
-            onClick: () => p(e)
-          },
-          `ThemeColor-${e.h}${e.s}${e.l}-${i}`
-        )) })
+            `ThemeColor-${e.h}${e.s}${e.l}-${s}`
+          )),
+          /* @__PURE__ */ o(k, {})
+        ] })
       ]
     }
   );

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

@@ -1,3 +1,3 @@
-import { TThemeSwitchProps } from './types';
-export declare const ThemeSelect: import('react').ForwardRefExoticComponent<TThemeSwitchProps & import('react').RefAttributes<HTMLDivElement>>;
+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

@@ -1 +1 @@
-{"version":3,"file":"ThemeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSelect/ThemeSelect.tsx"],"names":[],"mappings":"AAQA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAetB,CAAC"}
+{"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

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

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

@@ -1 +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,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAC/B,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"}
+{"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/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

@@ -4,7 +4,7 @@ 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 y, getCssPropertyVh as h, getCssPropertyVw as z, isClient as A, localStore as F, setCssProperty as k, waitForElement as v, win as L } from "./utils/helper/domHelper.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";
@@ -25,7 +25,7 @@ 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 he } from "./components/base/FilePicker/FilePicker.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";
@@ -33,11 +33,12 @@ 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 { ThemeSwitch as Ne } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
-import { ImageEditor as _e } from "./components/layout/ImageEditor/ImageEditor.js";
-import { useScreenType as je } from "./components/hooks/useScreen.js";
-import { usePersistingState as Je } from "./components/hooks/usePersistingState.js";
-import { useDebouncedEffect as Qe } from "./components/hooks/useDebouncedEffect.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,
   W as Avatar,
@@ -52,10 +53,10 @@ export {
   se as ELottieSize,
   Pe as ESpinnerSize,
   x as FACE_ICONS,
-  he as FilePicker,
+  ye as FilePicker,
   Ae as FilePickerIcon,
   me as Icon,
-  _e as ImageEditor,
+  je as ImageEditor,
   xe as Lottie,
   Oe as Navigation,
   ce as ProgressBar,
@@ -68,7 +69,8 @@ export {
   Ce as Textfield,
   p as ThemeColorsPreset,
   be as ThemePicker,
-  Ne as ThemeSwitch,
+  Ne as ThemeSelect,
+  _e as ThemeSwitch,
   V as XProvider,
   S as assignRef,
   P as capitalizeFirstLetter,
@@ -78,8 +80,8 @@ export {
   u as elementObserver,
   R as getCroppedImg,
   I as getCssProperty,
-  y as getCssPropertyPx,
-  h as getCssPropertyVh,
+  h as getCssPropertyPx,
+  y as getCssPropertyVh,
   z as getCssPropertyVw,
   B as getImageSize,
   s as getLocalState,
@@ -94,9 +96,9 @@ export {
   n as setLocalState,
   H as themeController,
   C as unicodeToString,
-  Qe as useDebouncedEffect,
-  Je as usePersistingState,
-  je as useScreenType,
+  We as useDebouncedEffect,
+  Qe as usePersistingState,
+  Je as useScreenType,
   G as useXData,
   j as useXTheme,
   v as waitForElement,

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

@@ -6,7 +6,7 @@ export declare const STORAGE: {
 };
 export declare const THEME_SCHEME: readonly [{
     readonly name: EThemeScheme.auto;
-    readonly icon: "e2ca";
+    readonly icon: "e163";
 }, {
     readonly name: EThemeScheme.light;
     readonly icon: "f763";

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

@@ -1 +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,CAOzD,CAAC;AACF,eAAO,MAAM,kBAAkB,aAA2B,CAAC"}
+{"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

@@ -1,29 +1,27 @@
 import { EThemeScheme as e } from "../../components/context/Theme/types.js";
-const t = {
+const s = {
   themeSchemeAttr: "data-theme-scheme",
   themeScheme: "xThemeScheme",
   themeColor: "xThemeColor"
 }, m = [
-  { name: e.auto, icon: "e2ca" },
+  { name: e.auto, icon: "e163" },
   { name: e.light, icon: "f763" },
   { name: e.dark, icon: "f754" }
-], o = {
-  red: { h: 352, s: 100, l: 61 },
-  // hsl(352 100 61)
-  pink: { h: 342, s: 100, l: 67 },
-  // hsl(342 100 67)
-  orange: { h: 2, s: 100, l: 70 },
-  // hsl(2 100 70)
-  blue: { h: 207, s: 90, l: 54 },
-  // hsl(207 90 54)
-  green: { h: 147, s: 20, l: 58 },
-  // hsl(147 20 58)
-  violet: { h: 256, s: 100, l: 66 }
-  // hsl(256 100 66)
-}, r = o.orange;
+], 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 {
-  t as STORAGE,
+  s as STORAGE,
   m as THEME_SCHEME,
-  o as ThemeColorsPreset,
-  r as defaultColorPreset
+  h as ThemeColorsPreset,
+  t as defaultColorPreset
 };