react-miui 0.32.2 → 0.33.0

package/esm/components/ui/tabs/Selector.styled.d.ts

@@ -1,10 +1,10 @@
-declare const Root: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const Root: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     multiLine?: boolean | "true" | "false";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
-declare const Wrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
-declare const Arrow: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
+declare const Wrapper: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
+declare const Arrow: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     side?: "left" | "right";
     visible?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
 export { Arrow, Root, Wrapper };
 //# sourceMappingURL=Selector.styled.d.ts.map

package/esm/components/ui/toaster/Toaster.d.ts

@@ -1,19 +1,12 @@
 import React from "react";
-import type { Toast } from "./types";
-type ToasterFn = (text: string, timeout?: number) => void;
-interface Props {
-    children: React.ReactNode;
-}
-interface State {
-    list: Toast[];
-}
-declare class ToasterProvider extends React.Component<Props, State> {
-    constructor(props: Props, context: unknown);
-    private readonly _add;
-    private readonly _handleRemove;
-    private readonly _removeAllToasts;
-    render(): React.JSX.Element;
+import { toast, Toaster as SonnerToaster } from "sonner";
+type SonnerToasterProps = React.ComponentProps<typeof SonnerToaster>;
+interface ToasterProviderProps extends SonnerToasterProps {
+    children?: React.ReactNode;
 }
+declare const ToasterProvider: React.FC<ToasterProviderProps>;
+type ToasterFn = (text: string, timeout?: number) => string | number;
 declare const useToaster: () => ToasterFn;
-export { ToasterProvider, useToaster };
+export { ToasterProvider, useToaster, toast };
+export type { ToasterProviderProps };
 //# sourceMappingURL=Toaster.d.ts.map

package/esm/components/ui/toaster/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAU1D,UAAU,KAAK;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AACD,UAAU,KAAK;IACX,IAAI,EAAE,KAAK,EAAE,CAAC;CACjB;AAID,cAAM,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACpC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;IAQjD,OAAO,CAAC,QAAQ,CAAC,IAAI,CA6BnB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK5B;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAa/B;IAEc,MAAM;CAYzB;AAED,QAAA,MAAM,UAAU,iBAAmC,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,UAAU,oBAAqB,SAAQ,kBAAkB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAOnD,CAAC;AAEF,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;AAErE,QAAA,MAAM,UAAU,QAAO,SAItB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/components/ui/toaster/Toaster.js

@@ -1,75 +1,14 @@
-import React, { createContext, useContext } from "react";
-import { Notification } from "./Notification.js";
-const ToasterContext = createContext(() => {
-    throw new Error("Toaster Provider missing in the tree");
-});
-ToasterContext.displayName = "ToasterContext";
-const prefix = `${Date.now()}_`;
-let counter = 0;
-const DEFAULT_TIMEOUT = 5000;
-class ToasterProvider extends React.Component {
-    constructor(props, context) {
-        super(props, context);
-        this._add = (text, timeout = DEFAULT_TIMEOUT) => {
-            this._removeAllToasts();
-            const id = prefix + String(counter++);
-            const hide = false;
-            this.setState(prev => ({
-                ...prev,
-                list: [...prev.list, {
-                        id,
-                        text,
-                        hide,
-                    }],
-            }));
-            setTimeout(() => {
-                this.setState(prev => ({
-                    ...prev,
-                    list: prev.list.map(p => {
-                        if (p.id !== id) {
-                            return p;
-                        }
-                        return {
-                            ...p,
-                            hide: true,
-                        };
-                    }),
-                }));
-            }, timeout);
-        };
-        this._handleRemove = (id) => {
-            this.setState(prev => ({
-                ...prev,
-                list: prev.list.filter(p => p.id !== id),
-            }));
-        };
-        this._removeAllToasts = () => {
-            this.setState(prev => ({
-                ...prev,
-                list: prev.list.map(p => {
-                    if (p.hide) {
-                        return p;
-                    }
-                    return {
-                        ...p,
-                        hide: true,
-                    };
-                }),
-            }));
-        };
-        this.state = {
-            list: [],
-        };
-    }
-    render() {
-        const notifications = this.state.list.map((t) => {
-            return React.createElement(Notification, { onRemove: this._handleRemove, key: t.id, toast: t });
-        });
-        return (React.createElement(ToasterContext.Provider, { value: this._add },
-            notifications,
-            this.props.children));
-    }
-}
-const useToaster = () => useContext(ToasterContext);
-export { ToasterProvider, useToaster };
+import React, { useCallback } from "react";
+import { toast, Toaster as SonnerToaster } from "sonner";
+const ToasterProvider = ({ children, position = "bottom-center", ...rest }) => {
+    return (React.createElement(React.Fragment, null,
+        children,
+        React.createElement(SonnerToaster, { position: position, ...rest })));
+};
+const useToaster = () => {
+    return useCallback((text, timeout) => {
+        return toast(text, timeout != null ? { duration: timeout } : undefined);
+    }, []);
+};
+export { ToasterProvider, useToaster, toast };
 //# sourceMappingURL=Toaster.js.map

package/esm/components/ui/toaster/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAQzD,MAAM,eAAe,GAAmC,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1G,OAAO,CACH;QACK,QAAQ;QACT,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAChD,CACN,CAAC;AACN,CAAC,CAAC;AAIF,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,WAAW,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,KAAK,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}

package/esm/components/ui/toolButton/ToolButton.styled.d.ts

@@ -1,7 +1,7 @@
-declare const ToolButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
+declare const ToolButton: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"button", {
     inline?: boolean | "true";
     variant?: "secondary" | "secondaryOnLight";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -64,7 +64,7 @@ declare const ToolButton: import("@stitches/react/types/styled-component").Style
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;

package/esm/components/utils/Gap.d.ts

@@ -1,6 +1,6 @@
-declare const Gap: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const Gap: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     row?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -63,7 +63,7 @@ declare const Gap: import("@stitches/react/types/styled-component").StyledCompon
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;

package/esm/components/utils/Spacer.d.ts

@@ -1,4 +1,4 @@
-declare const Spacer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Spacer: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const Spacer: import("@stitches/react/types/styled-component").StyledCom
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;

package/esm/theme.d.ts

@@ -1,12 +1,12 @@
 import type { CSS as StitchesCSS } from "@stitches/react";
-import type { StyledComponent } from "@stitches/react/types/styled-component";
+import type { StyledComponent } from "../node_modules/@stitches/react/types/styled-component";
 declare const pxToRem: (px: number) => string;
 declare const dimensionsPxToRem: (px: number) => string;
 declare const borderPxToRem: (px: number) => string;
 declare const fontPxToRem: (px: number) => string;
-declare const styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("@stitches/react/types/util").Function, Composers extends (string | React.ComponentType<any> | import("@stitches/react/types/util").Function | {
+declare const styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../node_modules/@stitches/react/types/util").Function, Composers extends (string | React.ComponentType<any> | import("../node_modules/@stitches/react/types/util").Function | {
     [name: string]: unknown;
-})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+})[], CSS = import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -69,7 +69,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -90,18 +90,18 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         width: string | number;
         height: string | number;
     };
-}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("../node_modules/@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("../node_modules/@stitches/react/types/stitches").RemoveIndex<CSS> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS;
             [x: number]: CSS;
         };
     };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("@stitches/react/types/util").WideObject) & {
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("../node_modules/@stitches/react/types/util").WideObject) & {
         css: CSS;
     })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("@stitches/react/types/util").WideObject;
-} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("../node_modules/@stitches/react/types/util").WideObject;
+} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => StyledComponent<Type, import("../node_modules/@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -164,7 +164,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -185,9 +185,9 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         width: string | number;
         height: string | number;
     };
-}>>, css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("@stitches/react/types/util").Function | {
+}>>, css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../node_modules/@stitches/react/types/util").Function | {
     [name: string]: unknown;
-})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+})[], CSS = import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -250,7 +250,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -271,24 +271,24 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         width: string | number;
         height: string | number;
     };
-}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("../node_modules/@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("../node_modules/@stitches/react/types/stitches").RemoveIndex<CSS> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS;
             [x: number]: CSS;
         };
     };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("@stitches/react/types/util").WideObject) & {
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("../node_modules/@stitches/react/types/util").WideObject) & {
         css: CSS;
     })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("@stitches/react/types/util").WideObject;
-} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, CSS>, globalCss: <Styles extends {
+    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("../node_modules/@stitches/react/types/util").WideObject;
+} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../node_modules/@stitches/react/types/styled-component").CssComponent<import("../node_modules/@stitches/react/types/styled-component").StyledComponentType<Composers>, import("../node_modules/@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, CSS>, globalCss: <Styles extends {
     [K: string]: any;
 }>(...styles: ({
     '@import'?: unknown;
     '@font-face'?: unknown;
-} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
-    [x: string]: import("@stitches/react/types/css-util").CSS<{}, {
+} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../node_modules/@stitches/react/types/css").AtRule.FontFace | import("../node_modules/@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+    [x: string]: import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";
             mainColor: "#008ad2";
@@ -351,7 +351,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
             tableStripedBg: "#fafafa";
             toolButtonText: "#666e80";
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
         mx: (value: string | number) => {
             marginLeft: string | number;
             marginRight: string | number;
@@ -373,7 +373,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
             height: string | number;
         };
     }>;
-} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{}, {
+} : K extends `@property ${string}` ? import("../node_modules/@stitches/react/types/css").AtRule.Property : import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -436,7 +436,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -460,7 +460,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
 }>; })[]) => {
     (): string;
 }, keyframes: (style: {
-    [offset: string]: import("@stitches/react/types/css-util").CSS<{}, {
+    [offset: string]: import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";
             mainColor: "#008ad2";
@@ -523,7 +523,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
             tableStripedBg: "#fafafa";
             toolButtonText: "#666e80";
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
         mx: (value: string | number) => {
             marginLeft: string | number;
             marginRight: string | number;
@@ -553,66 +553,66 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
     selector: string;
 } & {
     colors: {
-        background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
-        mainColor: import("@stitches/react/types/theme").Token<"mainColor", string, "colors", "">;
-        mainColorAlt: import("@stitches/react/types/theme").Token<"mainColorAlt", string, "colors", "">;
-        activeBg: import("@stitches/react/types/theme").Token<"activeBg", string, "colors", "">;
-        inactiveBg: import("@stitches/react/types/theme").Token<"inactiveBg", string, "colors", "">;
-        inactiveDarkBg: import("@stitches/react/types/theme").Token<"inactiveDarkBg", string, "colors", "">;
-        toggleHandleBg: import("@stitches/react/types/theme").Token<"toggleHandleBg", string, "colors", "">;
-        toggleHandleBorder: import("@stitches/react/types/theme").Token<"toggleHandleBorder", string, "colors", "">;
-        toggleBgDisabled: import("@stitches/react/types/theme").Token<"toggleBgDisabled", string, "colors", "">;
-        toggleHandleBorderDisabled: import("@stitches/react/types/theme").Token<"toggleHandleBorderDisabled", string, "colors", "">;
-        toggleHandleBgDisabled: import("@stitches/react/types/theme").Token<"toggleHandleBgDisabled", string, "colors", "">;
-        icon: import("@stitches/react/types/theme").Token<"icon", string, "colors", "">;
-        border: import("@stitches/react/types/theme").Token<"border", string, "colors", "">;
-        buttonBorder: import("@stitches/react/types/theme").Token<"buttonBorder", string, "colors", "">;
-        headerBorder: import("@stitches/react/types/theme").Token<"headerBorder", string, "colors", "">;
-        headerBg: import("@stitches/react/types/theme").Token<"headerBg", string, "colors", "">;
-        headerText: import("@stitches/react/types/theme").Token<"headerText", string, "colors", "">;
-        text: import("@stitches/react/types/theme").Token<"text", string, "colors", "">;
-        text2: import("@stitches/react/types/theme").Token<"text2", string, "colors", "">;
-        text3: import("@stitches/react/types/theme").Token<"text3", string, "colors", "">;
-        sub: import("@stitches/react/types/theme").Token<"sub", string, "colors", "">;
-        popText: import("@stitches/react/types/theme").Token<"popText", string, "colors", "">;
-        toolbarBorder: import("@stitches/react/types/theme").Token<"toolbarBorder", string, "colors", "">;
-        toolbarBg: import("@stitches/react/types/theme").Token<"toolbarBg", string, "colors", "">;
-        modalBg: import("@stitches/react/types/theme").Token<"modalBg", string, "colors", "">;
-        modalButtonBg: import("@stitches/react/types/theme").Token<"modalButtonBg", string, "colors", "">;
-        modalButtonBorder: import("@stitches/react/types/theme").Token<"modalButtonBorder", string, "colors", "">;
-        inputDisabledBg: import("@stitches/react/types/theme").Token<"inputDisabledBg", string, "colors", "">;
-        inputDisabledText: import("@stitches/react/types/theme").Token<"inputDisabledText", string, "colors", "">;
-        choiceBg: import("@stitches/react/types/theme").Token<"choiceBg", string, "colors", "">;
-        choiceText: import("@stitches/react/types/theme").Token<"choiceText", string, "colors", "">;
-        choiceActiveBg: import("@stitches/react/types/theme").Token<"choiceActiveBg", string, "colors", "">;
-        choiceActiveText: import("@stitches/react/types/theme").Token<"choiceActiveText", string, "colors", "">;
-        choiceBorder: import("@stitches/react/types/theme").Token<"choiceBorder", string, "colors", "">;
-        selectorText: import("@stitches/react/types/theme").Token<"selectorText", string, "colors", "">;
-        selectorActive: import("@stitches/react/types/theme").Token<"selectorActive", string, "colors", "">;
-        blue1: import("@stitches/react/types/theme").Token<"blue1", string, "colors", "">;
-        blue2: import("@stitches/react/types/theme").Token<"blue2", string, "colors", "">;
-        blue3: import("@stitches/react/types/theme").Token<"blue3", string, "colors", "">;
-        blue4: import("@stitches/react/types/theme").Token<"blue4", string, "colors", "">;
-        blue5: import("@stitches/react/types/theme").Token<"blue5", string, "colors", "">;
-        orange1: import("@stitches/react/types/theme").Token<"orange1", string, "colors", "">;
-        orange1Darker: import("@stitches/react/types/theme").Token<"orange1Darker", string, "colors", "">;
-        purple1: import("@stitches/react/types/theme").Token<"purple1", string, "colors", "">;
-        green1: import("@stitches/react/types/theme").Token<"green1", string, "colors", "">;
-        green1Darker: import("@stitches/react/types/theme").Token<"green1Darker", string, "colors", "">;
-        pink1: import("@stitches/react/types/theme").Token<"pink1", string, "colors", "">;
-        red1: import("@stitches/react/types/theme").Token<"red1", string, "colors", "">;
-        yellow1: import("@stitches/react/types/theme").Token<"yellow1", string, "colors", "">;
-        yellow2: import("@stitches/react/types/theme").Token<"yellow2", string, "colors", "">;
-        yellow3: import("@stitches/react/types/theme").Token<"yellow3", string, "colors", "">;
-        pinky1: import("@stitches/react/types/theme").Token<"pinky1", string, "colors", "">;
-        pinky2: import("@stitches/react/types/theme").Token<"pinky2", string, "colors", "">;
-        pinky3: import("@stitches/react/types/theme").Token<"pinky3", string, "colors", "">;
-        grey1: import("@stitches/react/types/theme").Token<"grey1", string, "colors", "">;
-        focusColor: import("@stitches/react/types/theme").Token<"focusColor", string, "colors", "">;
-        scrollbarsThumb: import("@stitches/react/types/theme").Token<"scrollbarsThumb", string, "colors", "">;
-        scrollbarsBg: import("@stitches/react/types/theme").Token<"scrollbarsBg", string, "colors", "">;
-        tableStripedBg: import("@stitches/react/types/theme").Token<"tableStripedBg", string, "colors", "">;
-        toolButtonText: import("@stitches/react/types/theme").Token<"toolButtonText", string, "colors", "">;
+        background: import("../node_modules/@stitches/react/types/theme").Token<"background", string, "colors", "">;
+        mainColor: import("../node_modules/@stitches/react/types/theme").Token<"mainColor", string, "colors", "">;
+        mainColorAlt: import("../node_modules/@stitches/react/types/theme").Token<"mainColorAlt", string, "colors", "">;
+        activeBg: import("../node_modules/@stitches/react/types/theme").Token<"activeBg", string, "colors", "">;
+        inactiveBg: import("../node_modules/@stitches/react/types/theme").Token<"inactiveBg", string, "colors", "">;
+        inactiveDarkBg: import("../node_modules/@stitches/react/types/theme").Token<"inactiveDarkBg", string, "colors", "">;
+        toggleHandleBg: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBg", string, "colors", "">;
+        toggleHandleBorder: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBorder", string, "colors", "">;
+        toggleBgDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleBgDisabled", string, "colors", "">;
+        toggleHandleBorderDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBorderDisabled", string, "colors", "">;
+        toggleHandleBgDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBgDisabled", string, "colors", "">;
+        icon: import("../node_modules/@stitches/react/types/theme").Token<"icon", string, "colors", "">;
+        border: import("../node_modules/@stitches/react/types/theme").Token<"border", string, "colors", "">;
+        buttonBorder: import("../node_modules/@stitches/react/types/theme").Token<"buttonBorder", string, "colors", "">;
+        headerBorder: import("../node_modules/@stitches/react/types/theme").Token<"headerBorder", string, "colors", "">;
+        headerBg: import("../node_modules/@stitches/react/types/theme").Token<"headerBg", string, "colors", "">;
+        headerText: import("../node_modules/@stitches/react/types/theme").Token<"headerText", string, "colors", "">;
+        text: import("../node_modules/@stitches/react/types/theme").Token<"text", string, "colors", "">;
+        text2: import("../node_modules/@stitches/react/types/theme").Token<"text2", string, "colors", "">;
+        text3: import("../node_modules/@stitches/react/types/theme").Token<"text3", string, "colors", "">;
+        sub: import("../node_modules/@stitches/react/types/theme").Token<"sub", string, "colors", "">;
+        popText: import("../node_modules/@stitches/react/types/theme").Token<"popText", string, "colors", "">;
+        toolbarBorder: import("../node_modules/@stitches/react/types/theme").Token<"toolbarBorder", string, "colors", "">;
+        toolbarBg: import("../node_modules/@stitches/react/types/theme").Token<"toolbarBg", string, "colors", "">;
+        modalBg: import("../node_modules/@stitches/react/types/theme").Token<"modalBg", string, "colors", "">;
+        modalButtonBg: import("../node_modules/@stitches/react/types/theme").Token<"modalButtonBg", string, "colors", "">;
+        modalButtonBorder: import("../node_modules/@stitches/react/types/theme").Token<"modalButtonBorder", string, "colors", "">;
+        inputDisabledBg: import("../node_modules/@stitches/react/types/theme").Token<"inputDisabledBg", string, "colors", "">;
+        inputDisabledText: import("../node_modules/@stitches/react/types/theme").Token<"inputDisabledText", string, "colors", "">;
+        choiceBg: import("../node_modules/@stitches/react/types/theme").Token<"choiceBg", string, "colors", "">;
+        choiceText: import("../node_modules/@stitches/react/types/theme").Token<"choiceText", string, "colors", "">;
+        choiceActiveBg: import("../node_modules/@stitches/react/types/theme").Token<"choiceActiveBg", string, "colors", "">;
+        choiceActiveText: import("../node_modules/@stitches/react/types/theme").Token<"choiceActiveText", string, "colors", "">;
+        choiceBorder: import("../node_modules/@stitches/react/types/theme").Token<"choiceBorder", string, "colors", "">;
+        selectorText: import("../node_modules/@stitches/react/types/theme").Token<"selectorText", string, "colors", "">;
+        selectorActive: import("../node_modules/@stitches/react/types/theme").Token<"selectorActive", string, "colors", "">;
+        blue1: import("../node_modules/@stitches/react/types/theme").Token<"blue1", string, "colors", "">;
+        blue2: import("../node_modules/@stitches/react/types/theme").Token<"blue2", string, "colors", "">;
+        blue3: import("../node_modules/@stitches/react/types/theme").Token<"blue3", string, "colors", "">;
+        blue4: import("../node_modules/@stitches/react/types/theme").Token<"blue4", string, "colors", "">;
+        blue5: import("../node_modules/@stitches/react/types/theme").Token<"blue5", string, "colors", "">;
+        orange1: import("../node_modules/@stitches/react/types/theme").Token<"orange1", string, "colors", "">;
+        orange1Darker: import("../node_modules/@stitches/react/types/theme").Token<"orange1Darker", string, "colors", "">;
+        purple1: import("../node_modules/@stitches/react/types/theme").Token<"purple1", string, "colors", "">;
+        green1: import("../node_modules/@stitches/react/types/theme").Token<"green1", string, "colors", "">;
+        green1Darker: import("../node_modules/@stitches/react/types/theme").Token<"green1Darker", string, "colors", "">;
+        pink1: import("../node_modules/@stitches/react/types/theme").Token<"pink1", string, "colors", "">;
+        red1: import("../node_modules/@stitches/react/types/theme").Token<"red1", string, "colors", "">;
+        yellow1: import("../node_modules/@stitches/react/types/theme").Token<"yellow1", string, "colors", "">;
+        yellow2: import("../node_modules/@stitches/react/types/theme").Token<"yellow2", string, "colors", "">;
+        yellow3: import("../node_modules/@stitches/react/types/theme").Token<"yellow3", string, "colors", "">;
+        pinky1: import("../node_modules/@stitches/react/types/theme").Token<"pinky1", string, "colors", "">;
+        pinky2: import("../node_modules/@stitches/react/types/theme").Token<"pinky2", string, "colors", "">;
+        pinky3: import("../node_modules/@stitches/react/types/theme").Token<"pinky3", string, "colors", "">;
+        grey1: import("../node_modules/@stitches/react/types/theme").Token<"grey1", string, "colors", "">;
+        focusColor: import("../node_modules/@stitches/react/types/theme").Token<"focusColor", string, "colors", "">;
+        scrollbarsThumb: import("../node_modules/@stitches/react/types/theme").Token<"scrollbarsThumb", string, "colors", "">;
+        scrollbarsBg: import("../node_modules/@stitches/react/types/theme").Token<"scrollbarsBg", string, "colors", "">;
+        tableStripedBg: import("../node_modules/@stitches/react/types/theme").Token<"tableStripedBg", string, "colors", "">;
+        toolButtonText: import("../node_modules/@stitches/react/types/theme").Token<"toolButtonText", string, "colors", "">;
     };
 }, createTheme: <Argument0 extends string | ({
     colors?: {
@@ -753,7 +753,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
 })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
     className: string;
     selector: string;
-} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
+} & (Argument0 extends string ? import("../node_modules/@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("../node_modules/@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
     prefix: "";
     media: {};
     theme: {
@@ -820,7 +820,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
             toolButtonText: "#666e80";
         };
     };
-    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
+    themeMap: import("../node_modules/@stitches/react/types/config").DefaultThemeMap;
     utils: {
         mx: (value: string | number) => {
             marginLeft: string | number;
@@ -847,7 +847,7 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
 declare const darkTheme: string & {
     className: string;
     selector: string;
-} & import("@stitches/react/types/stitches").ThemeTokens<{
+} & import("../node_modules/@stitches/react/types/stitches").ThemeTokens<{
     colors: {
         background: string;
         mainColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-miui",
-  "version": "0.32.2",
+  "version": "0.33.0",
   "author": "Jacek Nowacki",
   "license": "MIT",
   "exports": {
@@ -18,37 +18,36 @@
     "@ezez/utils": "^3.0.0",
     "@stitches/react": "^1.2.8",
     "classnames": "^2.5.1",
-    "oop-timers": "^5.1.0",
-    "patch-package": "^8.0.0"
+    "oop-timers": "^5.2.1",
+    "sonner": "^2.0.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-typescript": "^7.26.0",
-    "@ezez/eslint": "^9.39.3",
-    "@ezez/hooks": "^2.2.0",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@ezez/eslint": "^9.39.4",
+    "@ezez/hooks": "^2.3.1",
     "@icon-park/react": "^1.4.2",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/addon-onboarding": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-onboarding": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
     "babel-plugin-module-extension": "^0.1.3",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "eslint-plugin-storybook": "^0.6.15",
-    "jest": "^29.7.0",
+    "babel-plugin-module-resolver": "^5.0.3",
+    "eslint-plugin-storybook": "^10.4.0",
+    "jest": "^30.4.2",
     "must": "^0.13.4",
-    "nodemon": "^3.1.9",
-    "prettier": "^3.4.2",
+    "prettier": "^3.8.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-use": "^17.5.1",
+    "react-use": "^17.6.0",
     "resolve-tspaths": "^0.8.23",
-    "storybook": "^9.1.10",
-    "ts-node": "^10.9.2",
+    "storybook": "^10.4.0",
     "typedoc": "0.27.6",
-    "typescript": "^5.7.3"
+    "typescript": "^5.9.3",
+    "vite": "^7.3.2"
   },
   "peerDependencies": {
     "react": "^18.2.0",