xtreme-ui 0.0.127 → 0.0.128

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,MAAM,yGA0DjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAIzD,eAAO,MAAM,MAAM,yGA2DjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,MAAM,4GAiBjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAU1D,eAAO,MAAM,MAAM,4GAiBjB,CAAC"}

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

@@ -1,5 +1,8 @@
-import { ICON_TYPES } from 'gliff';
+import { TIconProps } from 'gliff';
 import { CSSProperties, HTMLAttributes } from 'react';
+export type TClassicIconType = Extract<TIconProps, {
+    set?: "classic";
+}>["type"];
 export declare enum EButtonSize {
     mini = "mini",
     default = "default",
@@ -12,7 +15,7 @@ export interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
     size?: keyof typeof EButtonSize;
     loading?: boolean;
     disabled?: boolean;
-    iconType?: keyof typeof ICON_TYPES;
+    iconType?: TClassicIconType;
     iconPosition?: "left" | "right";
     onClick?: () => void;
 }

package/dist/components/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,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,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,UAAU,CAAC;IACnC,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,UAAU,EAAE;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhF,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,gBAAgB,CAAC;IAC5B,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/ColorPopper/ColorPopper.d.ts

@@ -1,5 +1,5 @@
+import { AnyColor } from 'colord';
 import { Ref } from 'react';
-import { AnyColor } from 'colord/types';
 import { TColorPopperProps } from './types';
 declare function ColorPopperInner<T extends AnyColor = AnyColor>(props: TColorPopperProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace ColorPopperInner {

package/dist/components/ColorPopper/ColorPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,GAAG,EAAwC,MAAM,OAAO,CAAC;AAUnF,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,2CA6O7G;kBA7OQ,gBAAgB;;;AA+OzB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACxF,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,QAAQ,CAAC;AAEvF,OAAO,EAAc,KAAK,GAAG,EAAwC,MAAM,OAAO,CAAC;AAUnF,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,2CA6O7G;kBA7OQ,gBAAgB;;;AA+OzB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACxF,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/FilePicker/FilePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,UAAU,GAAI,OAAO,gBAAgB,4CA8CjD,CAAC"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AAUA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3D,eAAO,MAAM,UAAU,GAAI,OAAO,gBAAgB,4CA8CjD,CAAC"}

package/dist/components/Select/types.d.ts

@@ -1,5 +1,5 @@
-import { ICON_TYPES } from 'gliff';
 import { ReactNode } from 'react';
+import { TClassicIconType } from '../Button/types';
 export declare enum ESelectSize {
     mini = "mini",
     default = "default",
@@ -16,7 +16,7 @@ type TCommonProps<T> = {
     }) => ReactNode;
     size?: keyof typeof ESelectSize;
     icon?: string;
-    iconType?: keyof typeof ICON_TYPES;
+    iconType?: TClassicIconType;
     placeholder?: string;
     clearable?: boolean;
     searchable?: boolean;

package/dist/components/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC7C,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC7C,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/components/Textfield/types.d.ts

@@ -1,5 +1,5 @@
-import { ICON_TYPES } from 'gliff';
 import { ChangeEvent, CSSProperties, FocusEvent, KeyboardEvent } from 'react';
+import { TClassicIconType } from '../Button/types';
 export type TTextfieldProps = {
     className?: string;
     style?: CSSProperties;
@@ -10,7 +10,7 @@ export type TTextfieldProps = {
     autoFocus?: boolean;
     autoComplete?: keyof typeof ETextfieldAutoComplete;
     icon?: string;
-    iconType?: keyof typeof ICON_TYPES;
+    iconType?: TClassicIconType;
     value?: string;
     id?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

package/dist/components/Textfield/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,oBAAY,cAAc;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,oBAAY,sBAAsB;IACjC,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,IAAI,SAAS;IACb,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,YAAY,iBAAiB;IAC7B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,OAAO,YAAY;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,GAAG,QAAQ;IACX,kBAAkB,qBAAqB;IACvC,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,WAAW,cAAc;IACzB,eAAe,kBAAkB;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,oBAAY,cAAc;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,oBAAY,sBAAsB;IACjC,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,IAAI,SAAS;IACb,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,YAAY,iBAAiB;IAC7B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,OAAO,YAAY;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,GAAG,QAAQ;IACX,kBAAkB,qBAAqB;IACvC,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,WAAW,cAAc;IACzB,eAAe,kBAAkB;CACjC"}

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

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

package/dist/components/ThemeSwitch/types.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEzE,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,UAAU,CAAC;CACnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3F,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,gBAAgB,CAAC;CAC5B,CAAC"}

package/dist/components/base/Avatar/Avatar.js

@@ -1,33 +1,33 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import z from "clsx";
-import { Icon as E } from "gliff";
-import { forwardRef as C, useState as c, useEffect as F } from "react";
+import E from "clsx";
+import { Icon as C } from "gliff";
+import { forwardRef as F, useState as c, useEffect as L } from "react";
 import { FACE_ICONS as m } from "../../../utils/constants/iconCollection.js";
-import { readImageFile as L, readImageSrc as b } from "../../../utils/helper/imageHelper.js";
+import { readImageFile as b, readImageSrc as M } from "../../../utils/helper/imageHelper.js";
 import './avatar.css';/* empty css            */
-import { EAvatarSize as M } from "./types.js";
-const R = C((h, g) => {
-  const { className: u, src: a, file: o, alt: v, placeholderIcon: y, size: l = "default", onClick: I } = h, [n, f] = c(), [x, A] = c(m.happy[0]), [N, t] = c(!!a || !!o), [p, r] = c(!1), d = typeof l == "number" ? l : M[l], S = z("xtrAvatar", u, N && "loading", p && "error"), s = (e) => {
-    e && setTimeout(() => f(e), 300), setTimeout(() => t(!1), 1e3);
+import { EAvatarSize as R } from "./types.js";
+const T = F((h, g) => {
+  const { className: u, src: a, file: t, alt: y, placeholderIcon: v, size: l = "default", onClick: I } = h, [n, f] = c(), [S, x] = c(m.happy[0]), [A, o] = c(!!a || !!t), [p, r] = c(!1), d = typeof l == "number" ? l : R[l], N = { "--iconSize": `${8 + d / 4}px` }, z = E("xtrAvatar", u, A && "loading", p && "error"), s = (e) => {
+    e && setTimeout(() => f(e), 300), setTimeout(() => o(!1), 1e3);
   };
-  return F(() => {
-    A(m.happy[Math.floor(Math.random() * m.happy.length)]);
+  return L(() => {
+    x(m.happy[Math.floor(Math.random() * m.happy.length)]);
     try {
-      o ? (t(!0), r(!1), L(o).then((e) => s(e)).catch((e) => {
-        console.log(e), t(!1), r(!0);
-      })) : a ? (t(!0), r(!1), b(a).then((e) => s(e)).catch((e) => {
-        console.log(e, a), t(!1), r(!0);
+      t ? (o(!0), r(!1), b(t).then((e) => s(e)).catch((e) => {
+        console.log(e), o(!1), r(!0);
+      })) : a ? (o(!0), r(!1), M(a).then((e) => s(e)).catch((e) => {
+        console.log(e, a), o(!1), r(!0);
       })) : (f(void 0), s());
     } catch {
       s();
     }
-  }, [a, o]), /* @__PURE__ */ i("div", { ref: g, className: S, style: { "--avatarSize": `${d}px` }, onClick: I, role: "img", children: n ? (
+  }, [a, t]), /* @__PURE__ */ i("div", { ref: g, className: z, style: { "--avatarSize": `${d}px` }, onClick: I, role: "img", children: n ? (
     // biome-ignore lint/performance/noImgElement: library component wrapping img
-    /* @__PURE__ */ i("img", { className: "image", src: n, alt: v })
-  ) : /* @__PURE__ */ i(E, { className: "placeholder", type: "solid", size: 8 + d / 4, code: p ? "e1b7" : y ?? x }) });
+    /* @__PURE__ */ i("img", { className: "image", src: n, alt: y })
+  ) : /* @__PURE__ */ i(C, { className: "placeholder", type: "solid", style: N, code: p ? "e1b7" : v ?? S }) });
 });
-R.displayName = "Avatar";
+T.displayName = "Avatar";
 export {
-  R as Avatar
+  T as Avatar
 };

package/dist/components/base/Button/Button.js

@@ -1,21 +1,25 @@
 "use client";
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
-import x from "clsx";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import N from "clsx";
 import { Icon as B } from "gliff";
-import { forwardRef as b } from "react";
-import { ProgressBar as g } from "../ProgressBar/ProgressBar.js";
+import { forwardRef as g } from "react";
+import { ProgressBar as z } from "../ProgressBar/ProgressBar.js";
 import './button.css';/* empty css            */
-import { EButtonTypes as h } from "./types.js";
-const T = b((a, c) => {
-  const { className: m, style: p = {}, label: o, type: n = "primary", size: i = "default", disabled: d = !1, loading: l = !1, icon: e, iconType: f, iconPosition: s = "left", onClick: u } = a, r = e ? /* @__PURE__ */ t(B, { className: "icon", code: e, type: f, size: i }) : null, y = x("xtrButton", "shadowRipple", `${n}Type`, `${i}Size`, !o && "iconOnly", l && "loading", m);
-  return !o && !e ? null : /* @__PURE__ */ N("button", { ref: c, className: y, style: p, onClick: u, disabled: d, children: [
-    n.includes(h.link) && /* @__PURE__ */ t(g, { className: "underline", intermediate: l }),
+import { EButtonTypes as S } from "./types.js";
+const b = {
+  mini: { "--iconSize": "12px" },
+  default: { "--iconSize": "14px" },
+  large: { "--iconSize": "22px" }
+}, h = g((a, c) => {
+  const { className: m, style: p = {}, label: e, type: t = "primary", size: n = "default", disabled: d = !1, loading: l = !1, icon: o, iconType: f, iconPosition: s = "left", onClick: u } = a, r = o ? /* @__PURE__ */ i(B, { className: "icon", code: o, type: f, style: b[n] }) : null, y = N("xtrButton", "shadowRipple", `${t}Type`, `${n}Size`, !e && "iconOnly", l && "loading", m);
+  return !e && !o ? null : /* @__PURE__ */ x("button", { ref: c, className: y, style: p, onClick: u, disabled: d, children: [
+    t.includes(S.link) && /* @__PURE__ */ i(z, { className: "underline", intermediate: l }),
     s === "left" && r,
-    o && /* @__PURE__ */ t("span", { className: "label", children: o }),
+    e && /* @__PURE__ */ i("span", { className: "label", children: e }),
     s === "right" && r
   ] });
 });
-T.displayName = "Button";
+h.displayName = "Button";
 export {
-  T as Button
+  h as Button
 };

package/dist/components/base/FilePicker/FilePicker.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as c, Fragment as f, jsx as i } from "react/jsx-runtime";
-import C from "clsx";
-import { Icon as x } from "gliff";
+import { jsxs as c, Fragment as f, jsx as l } from "react/jsx-runtime";
+import x from "clsx";
+import { Icon as C } from "gliff";
 import { createPortal as b } from "react-dom";
 import { useFilePicker as P } from "use-file-picker";
 import { ImageEditor as u } from "../../layout/ImageEditor/ImageEditor.js";
-import { Button as N } from "../Button/Button.js";
+import { Button as y } from "../Button/Button.js";
 import './filePicker.css';/* empty css                */
-import { getFilePickerIcon as y } from "./getFilePickerIcon.js";
-import { imageExts as E } from "./types.js";
-const v = (F) => {
-  const { className: g, children: n, draggable: d = !1, editable: h = !1, multiple: l = !1, accept: o = "*/*", onChange: t } = F, s = h && !l && (o.includes("image") || E.includes(o?.split?.(",")?.[0]?.replace(".", ""))), { openFilePicker: a, loading: k, plainFiles: r, clear: p } = P({
+import { getFilePickerIcon as I } from "./getFilePickerIcon.js";
+import { imageExts as N } from "./types.js";
+const S = { "--iconSize": "64px" }, A = (F) => {
+  const { className: g, children: n, draggable: d = !1, editable: h = !1, multiple: i = !1, accept: o = "*/*", onChange: t } = F, s = h && !i && (o.includes("image") || N.includes(o?.split?.(",")?.[0]?.replace(".", ""))), { openFilePicker: a, loading: k, plainFiles: r, clear: p } = P({
     accept: o,
-    multiple: l,
+    multiple: i,
     onFilesSuccessfullySelected: ({ plainFiles: e }) => {
       s || t(e);
     }
-  }), m = C("xtrFilePicker", n && "wrapper", d && "draggable", g);
+  }), m = x("xtrFilePicker", n && "wrapper", d && "draggable", g);
   return n ? /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ i("div", { className: m, onClick: a, children: n }),
-    s && r?.[0] && b(/* @__PURE__ */ i(u, { file: r?.[0], clearFile: p, onChange: (e) => t(e.blob ? [e.blob] : []) }), document.body)
+    /* @__PURE__ */ l("div", { className: m, onClick: a, children: n }),
+    s && r?.[0] && b(/* @__PURE__ */ l(u, { file: r?.[0], clearFile: p, onChange: (e) => t(e.blob ? [e.blob] : []) }), document.body)
   ] }) : d ? /* @__PURE__ */ c("div", { className: m, onClick: a, children: [
-    /* @__PURE__ */ i(x, { code: "f0ed", set: "duotone", size: 64 }),
+    /* @__PURE__ */ l(C, { code: "f0ed", set: "duotone", style: S }),
     /* @__PURE__ */ c("h2", { children: [
       "Drop File",
-      l ? "s" : "",
+      i ? "s" : "",
       " Here"
     ] }),
-    /* @__PURE__ */ i("p", { children: "or click here to open file chooser" })
+    /* @__PURE__ */ l("p", { children: "or click here to open file chooser" })
   ] }) : /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ i(N, { className: m, label: `Choose File${l ? "s" : ""}`, icon: y(o), onClick: a, loading: k }),
-    s && r?.[0] && b(/* @__PURE__ */ i(u, { file: r?.[0], clearFile: p, onChange: (e) => t(e.blob ? [e.blob] : []) }), document.body)
+    /* @__PURE__ */ l(y, { className: m, label: `Choose File${i ? "s" : ""}`, icon: I(o), onClick: a, loading: k }),
+    s && r?.[0] && b(/* @__PURE__ */ l(u, { file: r?.[0], clearFile: p, onChange: (e) => t(e.blob ? [e.blob] : []) }), document.body)
   ] });
 };
 export {
-  v as FilePicker
+  A as FilePicker
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xtreme-ui",
-	"version": "0.0.127",
+	"version": "0.0.128",
 	"type": "module",
 	"description": "Collection of reusable components that can be used in web projects",
 	"main": "dist/index.js",
@@ -25,7 +25,7 @@
 		"clsx": "^2.1.1",
 		"color-namer": "^1.4.0",
 		"colord": "^2.9.3",
-		"gliff": "^0.0.9",
+		"gliff": "^0.0.12",
 		"react-calendar": "^6.0.0",
 		"react-clock": "^6.0.0",
 		"react-datetime-picker": "^7.0.1",