xtreme-ui 0.0.83 → 0.0.85

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

@@ -5,7 +5,7 @@ export declare enum EButtonSize {
     default = "default",
     large = "large"
 }
-interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
+export interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
     className?: string;
     style?: CSSProperties;
     type?: keyof typeof EButtonTypes;
@@ -16,11 +16,11 @@ interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
     iconPosition?: 'left' | 'right';
     onClick?: () => void;
 }
-interface ButtonWithLabel extends BaseButton {
+export interface ButtonWithLabel extends BaseButton {
     label: string;
     icon?: string;
 }
-interface ButtonWithIconName extends BaseButton {
+export interface ButtonWithIconName extends BaseButton {
     label?: string;
     icon: string;
 }
@@ -33,5 +33,4 @@ export declare enum EButtonTypes {
     link = "link",
     linkDanger = "linkDanger"
 }
-export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AACD,UAAU,UAAW,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,UAAU,eAAgB,SAAQ,UAAU;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AACD,UAAU,kBAAmB,SAAQ,UAAU;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AACD,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEhE,oBAAY,YAAY;IACvB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AACD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEhE,oBAAY,YAAY;IACvB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"SchemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/SchemeSwitch.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,kHAyBvB,CAAC"}

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

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

package/dist/index.js

@@ -1,93 +1,94 @@
 /* empty css                  */
 import { STORAGE as t, THEME_SCHEME as m } from "./utils/constants/commons.js";
 import { getLocalState as i, setLocalState as f } from "./utils/function/localStorage.js";
-import { mergeRefs as a } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as s, safeStringFromCodePoint as c, unicodeToString as S } from "./utils/function/string.js";
-import { doc as l, elementObserver as d, getCssProperty as P, getCssPropertyPx as E, getCssPropertyVh as C, getCssPropertyVw as I, isClient as T, localStore as y, setCssProperty as z, waitForElement as h, win as A } from "./utils/helper/domHelper.js";
-import { createImage as k, getCroppedImg as u, getImageSize as v, getRadianAngle as L, readImageFile as w, readImageSrc as B } from "./utils/helper/imageHelper.js";
+import { assignRef as a, mergeRefs as s } from "./utils/function/mergeRefs.js";
+import { capitalizeFirstLetter as c, safeStringFromCodePoint as g, unicodeToString as S } from "./utils/function/string.js";
+import { doc as d, elementObserver as P, getCssProperty as E, getCssPropertyPx as C, getCssPropertyVh as I, getCssPropertyVw as T, isClient as y, localStore as z, setCssProperty as h, waitForElement as A, win as F } from "./utils/helper/domHelper.js";
+import { createImage as u, getCroppedImg as v, getImageSize as L, getRadianAngle as w, readImageFile as R, readImageSrc as B } from "./utils/helper/imageHelper.js";
 import { themeController as M } from "./utils/helper/themeController.js";
-import { XProvider as X } from "./components/context/index.js";
-import { useXData as O, useXTheme as V } from "./components/context/useContext.js";
-import { ActionCard as G } from "./components/base/ActionCard/ActionCard.js";
-import { EActionCardSize as _ } from "./components/base/ActionCard/types.js";
-import { Avatar as q } from "./components/base/Avatar/Avatar.js";
-import { EAvatarSize as K } from "./components/base/Avatar/types.js";
-import { Button as U } from "./components/base/Button/Button.js";
-import { EButtonTypes as Y } from "./components/base/Button/types.js";
-import { Icon as $ } from "./components/base/Icon/Icon.js";
-import { EIconSize as re } from "./components/base/Icon/types.js";
-import { Lottie as te } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as pe } from "./components/base/Lottie/types.js";
-import { ProgressBar as fe } from "./components/base/ProgressBar/ProgressBar.js";
-import { Spinner as ae } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as se } from "./components/base/Spinner/types.js";
+import { XProvider as H } from "./components/context/index.js";
+import { useXData as V, useXTheme as b } from "./components/context/useContext.js";
+import { ActionCard as N } from "./components/base/ActionCard/ActionCard.js";
+import { EActionCardSize as j } from "./components/base/ActionCard/types.js";
+import { Avatar as J } from "./components/base/Avatar/Avatar.js";
+import { EAvatarSize as Q } from "./components/base/Avatar/types.js";
+import { Button as W } from "./components/base/Button/Button.js";
+import { EButtonTypes as Z } from "./components/base/Button/types.js";
+import { Icon as ee } from "./components/base/Icon/Icon.js";
+import { EIconSize as oe } from "./components/base/Icon/types.js";
+import { Lottie as me } from "./components/base/Lottie/Lottie.js";
+import { ELottieSize as ie } from "./components/base/Lottie/types.js";
+import { ProgressBar as xe } from "./components/base/ProgressBar/ProgressBar.js";
+import { Spinner as se } from "./components/base/Spinner/Spinner.js";
+import { ESpinnerSize as ce } from "./components/base/Spinner/types.js";
 import { Textfield as Se } from "./components/base/Textfield/Textfield.js";
-import { DatePicker as le } from "./components/base/DatePicker/DatePicker.js";
-import { EDatePickerTypes as Pe } from "./components/base/DatePicker/types.js";
-import { FilePicker as Ce } from "./components/base/FilePicker/FilePicker.js";
-import { FilePickerIcon as Te } from "./components/base/FilePicker/types.js";
-import { Select as ze } from "./components/base/Select/Select.js";
-import { ColorPopper as Ae } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as ke } from "./components/layout/Sider/Sider.js";
-import { SiderModal as ve } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as we } from "./components/layout/Navigation/Navigation.js";
+import { DatePicker as de } from "./components/base/DatePicker/DatePicker.js";
+import { EDatePickerTypes as Ee } from "./components/base/DatePicker/types.js";
+import { FilePicker as Ie } from "./components/base/FilePicker/FilePicker.js";
+import { FilePickerIcon as ye } from "./components/base/FilePicker/types.js";
+import { Select as he } from "./components/base/Select/Select.js";
+import { ColorPopper as Fe } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as ue } from "./components/layout/Sider/Sider.js";
+import { SiderModal as Le } from "./components/layout/SiderModal/SiderModal.js";
+import { Navigation as Re } from "./components/layout/Navigation/Navigation.js";
 import { ThemePicker as De } from "./components/layout/ThemePicker/ThemePicker.js";
-import { SchemeSwitch as Re } from "./components/layout/SchemeSwitch/SchemeSwitch.js";
-import { ImageEditor as He } from "./components/layout/ImageEditor/ImageEditor.js";
+import { SchemeSwitch as Xe } from "./components/layout/SchemeSwitch/SchemeSwitch.js";
+import { ImageEditor as Oe } from "./components/layout/ImageEditor/ImageEditor.js";
 export {
-  G as ActionCard,
-  q as Avatar,
-  U as Button,
-  Ae as ColorPopper,
-  le as DatePicker,
-  _ as EActionCardSize,
-  K as EAvatarSize,
-  Y as EButtonTypes,
-  Pe as EDatePickerTypes,
-  re as EIconSize,
-  pe as ELottieSize,
-  se as ESpinnerSize,
-  Ce as FilePicker,
-  Te as FilePickerIcon,
-  $ as Icon,
-  He as ImageEditor,
-  te as Lottie,
-  we as Navigation,
-  fe as ProgressBar,
+  N as ActionCard,
+  J as Avatar,
+  W as Button,
+  Fe as ColorPopper,
+  de as DatePicker,
+  j as EActionCardSize,
+  Q as EAvatarSize,
+  Z as EButtonTypes,
+  Ee as EDatePickerTypes,
+  oe as EIconSize,
+  ie as ELottieSize,
+  ce as ESpinnerSize,
+  Ie as FilePicker,
+  ye as FilePickerIcon,
+  ee as Icon,
+  Oe as ImageEditor,
+  me as Lottie,
+  Re as Navigation,
+  xe as ProgressBar,
   t as STORAGE,
-  Re as SchemeSwitch,
-  ze as Select,
-  ke as Sider,
-  ve as SiderModal,
-  ae as Spinner,
+  Xe as SchemeSwitch,
+  he as Select,
+  ue as Sider,
+  Le as SiderModal,
+  se as Spinner,
   m as THEME_SCHEME,
   Se as Textfield,
   De as ThemePicker,
-  X as XProvider,
-  s as capitalizeFirstLetter,
-  k as createImage,
-  l as doc,
-  d as elementObserver,
-  u as getCroppedImg,
-  P as getCssProperty,
-  E as getCssPropertyPx,
-  C as getCssPropertyVh,
-  I as getCssPropertyVw,
-  v as getImageSize,
+  H as XProvider,
+  a as assignRef,
+  c as capitalizeFirstLetter,
+  u as createImage,
+  d as doc,
+  P as elementObserver,
+  v as getCroppedImg,
+  E as getCssProperty,
+  C as getCssPropertyPx,
+  I as getCssPropertyVh,
+  T as getCssPropertyVw,
+  L as getImageSize,
   i as getLocalState,
-  L as getRadianAngle,
-  T as isClient,
-  y as localStore,
-  a as mergeRefs,
-  w as readImageFile,
+  w as getRadianAngle,
+  y as isClient,
+  z as localStore,
+  s as mergeRefs,
+  R as readImageFile,
   B as readImageSrc,
-  c as safeStringFromCodePoint,
-  z as setCssProperty,
+  g as safeStringFromCodePoint,
+  h as setCssProperty,
   f as setLocalState,
   M as themeController,
   S as unicodeToString,
-  O as useXData,
-  V as useXTheme,
-  h as waitForElement,
-  A as win
+  V as useXData,
+  b as useXTheme,
+  A as waitForElement,
+  F as win
 };

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

@@ -1,3 +1,4 @@
-import { LegacyRef, MutableRefObject, RefCallback } from 'react';
-export declare const mergeRefs: <T>(refs: Array<MutableRefObject<T> | LegacyRef<T>>) => RefCallback<T>;
+import { Ref, RefCallback } from 'react';
+export declare function assignRef<T>(ref: Ref<T> | undefined | null, value: T | null): void;
+export declare function mergeRefs<T>(refs: (Ref<T> | undefined | null)[]): RefCallback<T>;
 //# sourceMappingURL=mergeRefs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.d.ts","sourceRoot":"","sources":["../../../src/utils/function/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEjE,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,MAAM,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAG,WAAW,CAAC,CAAC,CAU3F,CAAC"}
+{"version":3,"file":"mergeRefs.d.ts","sourceRoot":"","sources":["../../../src/utils/function/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,wBAAgB,SAAS,CAAC,CAAC,EAC1B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,EAC9B,KAAK,EAAE,CAAC,GAAG,IAAI,GACb,IAAI,CAUN;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAIjF"}

package/dist/utils/function/mergeRefs.js

@@ -1,8 +1,19 @@
-const o = (e) => (t) => {
-  e.forEach((n) => {
-    typeof n == "function" ? n(t) : n != null && (n.current = t);
-  });
-};
+function r(n, t) {
+  if (typeof n == "function")
+    n(t);
+  else if (n != null)
+    try {
+      n.current = t;
+    } catch {
+      throw new Error(`Cannot assign value "${t}" to ref "${n}"`);
+    }
+}
+function c(n) {
+  return (t) => {
+    n.forEach((o) => r(o, t));
+  };
+}
 export {
-  o as mergeRefs
+  r as assignRef,
+  c as mergeRefs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xtreme-ui",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "type": "module",
   "description": "Collection of reusable components that can be used in web projects",
   "main": "dist/index.js",