react-miui 0.32.3 → 0.34.0

package/esm/components/ui/modal/ModalButtons.styled.d.ts

@@ -1,4 +1,4 @@
-declare const ModalButtons: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const ModalButtons: 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 ModalButtons: import("@stitches/react/types/styled-component").Sty
         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;
@@ -83,9 +83,9 @@ declare const ModalButtons: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>> & {
-    Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
+    Button: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"button", {
         variant?: "main";
-    }, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    }, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";
             mainColor: "#008ad2";
@@ -148,7 +148,7 @@ declare const ModalButtons: import("@stitches/react/types/styled-component").Sty
             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/ui/pop/Pop.styled.d.ts

@@ -1,4 +1,4 @@
-declare const Overlay: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Overlay: 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 Overlay: import("@stitches/react/types/styled-component").StyledCo
         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;
@@ -83,7 +83,7 @@ declare const Overlay: import("@stitches/react/types/styled-component").StyledCo
         height: string | number;
     };
 }>>;
-declare const List: import("@stitches/react/types/styled-component").StyledComponent<"ul", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const List: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"ul", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -146,7 +146,7 @@ declare const List: import("@stitches/react/types/styled-component").StyledCompo
         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;
@@ -168,7 +168,7 @@ declare const List: import("@stitches/react/types/styled-component").StyledCompo
         height: string | number;
     };
 }>>;
-declare const ListItem: import("@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const ListItem: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -231,7 +231,7 @@ declare const ListItem: import("@stitches/react/types/styled-component").StyledC
         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;
@@ -253,7 +253,7 @@ declare const ListItem: import("@stitches/react/types/styled-component").StyledC
         height: string | number;
     };
 }>>;
-declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Button: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"button", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -316,7 +316,7 @@ declare const Button: 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;
@@ -338,7 +338,7 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         height: string | number;
     };
 }>>;
-declare const Icon: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Icon: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -401,7 +401,7 @@ declare const Icon: import("@stitches/react/types/styled-component").StyledCompo
         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;
@@ -423,7 +423,7 @@ declare const Icon: import("@stitches/react/types/styled-component").StyledCompo
         height: string | number;
     };
 }>>;
-declare const FakeIcon: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const FakeIcon: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -486,7 +486,7 @@ declare const FakeIcon: import("@stitches/react/types/styled-component").StyledC
         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/ui/progress/Progress.styled.d.ts

@@ -1,6 +1,6 @@
-declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const Container: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     size?: "big";
-}, {}, 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 Container: import("@stitches/react/types/styled-component").Styled
         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;
@@ -85,9 +85,9 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         height: string | number;
     };
 }>>;
-declare const Value: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const Value: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     zero?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -150,7 +150,7 @@ declare const Value: import("@stitches/react/types/styled-component").StyledComp
         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;
@@ -172,7 +172,7 @@ declare const Value: import("@stitches/react/types/styled-component").StyledComp
         height: string | number;
     };
 }>>;
-declare const Background: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Background: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -235,7 +235,7 @@ declare const Background: 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/ui/stats/Stats.styled.d.ts

@@ -1,6 +1,6 @@
-declare const StyledStats: import("@stitches/react/types/styled-component").StyledComponent<"ul", {
+declare const StyledStats: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"ul", {
     variant?: "dark";
-}, {}, 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 StyledStats: import("@stitches/react/types/styled-component").Styl
         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;
@@ -85,7 +85,7 @@ declare const StyledStats: import("@stitches/react/types/styled-component").Styl
         height: string | number;
     };
 }>>;
-declare const Item: import("@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Item: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -148,7 +148,7 @@ declare const Item: import("@stitches/react/types/styled-component").StyledCompo
         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;
@@ -170,7 +170,7 @@ declare const Item: import("@stitches/react/types/styled-component").StyledCompo
         height: string | number;
     };
 }>>;
-declare const Separator: import("@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Separator: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"li", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -233,7 +233,7 @@ declare const Separator: import("@stitches/react/types/styled-component").Styled
         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;
@@ -255,7 +255,7 @@ declare const Separator: import("@stitches/react/types/styled-component").Styled
         height: string | number;
     };
 }>>;
-declare const Label: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Label: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -318,7 +318,7 @@ declare const Label: import("@stitches/react/types/styled-component").StyledComp
         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;
@@ -340,7 +340,7 @@ declare const Label: import("@stitches/react/types/styled-component").StyledComp
         height: string | number;
     };
 }>>;
-declare const Value: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Value: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -403,7 +403,7 @@ declare const Value: import("@stitches/react/types/styled-component").StyledComp
         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/ui/tabs/Item.styled.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledItem: import("@stitches/react/types/styled-component").StyledComponent<"button", {
+export declare const StyledItem: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"button", {
     active?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
 //# sourceMappingURL=Item.styled.d.ts.map

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,KAA2C,MAAM,OAAO,CAAC;AAGhE,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,CAgBnD,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,20 @@
-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, useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { toast, Toaster as SonnerToaster } from "sonner";
+const ToasterProvider = ({ children, position = "bottom-center", ...rest }) => {
+    const [body, setBody] = useState(null);
+    useEffect(() => {
+        setBody(document.body);
+    }, []);
+    const toaster = React.createElement(SonnerToaster, { position: position, ...rest });
+    return (React.createElement(React.Fragment, null,
+        children,
+        body ? createPortal(toaster, body) : null));
+};
+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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,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,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QAEX,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAAC;IAEhE,OAAO,CACH;QACK,QAAQ;QACR,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,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/ui/tooltip/Tooltip.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+type Side = "top" | "right" | "bottom" | "left";
+type Align = "start" | "center" | "end";
+interface TooltipProviderProps {
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+    children: React.ReactNode;
+}
+declare const TooltipProvider: (props: TooltipProviderProps) => React.JSX.Element;
+interface TooltipProps {
+    content: React.ReactNode;
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    delayDuration?: number;
+    avoidCollisions?: boolean;
+    arrow?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    children: React.ReactElement;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContentSelector: string;
+export { Tooltip, TooltipProvider, TooltipContentSelector, };
+export type { TooltipProps, TooltipProviderProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/esm/components/ui/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChD,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExC,UAAU,oBAAoB;IAK1B,aAAa,CAAC,EAAE,MAAM,CAAC;IAMvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAM3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAanD,CAAC;AAEF,UAAU,YAAY;IAIlB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAMzB,IAAI,CAAC,EAAE,IAAI,CAAC;IAKZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,KAAK,CAAC,EAAE,KAAK,CAAC;IAKd,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAIf,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAqBD,QAAA,MAAM,OAAO,qFA8CX,CAAC;AAKH,QAAA,MAAM,sBAAsB,QAA2B,CAAC;AAExD,OAAO,EACH,OAAO,EACP,eAAe,EACf,sBAAsB,GACzB,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/components/ui/tooltip/Tooltip.js

@@ -0,0 +1,43 @@
+import React, { forwardRef } from "react";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { StyledArrow, StyledContent } from "./Tooltip.styled.js";
+const TooltipProvider = (props) => {
+    const radixProps = {};
+    if (props.delayDuration !== undefined) {
+        radixProps.delayDuration = props.delayDuration;
+    }
+    if (props.skipDelayDuration !== undefined) {
+        radixProps.skipDelayDuration = props.skipDelayDuration;
+    }
+    if (props.disableHoverableContent !== undefined) {
+        radixProps.disableHoverableContent = props.disableHoverableContent;
+    }
+    return (React.createElement(RadixTooltip.Provider, { ...radixProps }, props.children));
+};
+const Tooltip = forwardRef((props, ref) => {
+    const { content, side = "top", sideOffset = 6, align = "center", alignOffset = 0, delayDuration, avoidCollisions = true, arrow = true, open, defaultOpen, onOpenChange, className, children, } = props;
+    const rootProps = {};
+    if (open !== undefined) {
+        rootProps.open = open;
+    }
+    if (defaultOpen !== undefined) {
+        rootProps.defaultOpen = defaultOpen;
+    }
+    if (onOpenChange !== undefined) {
+        rootProps.onOpenChange = onOpenChange;
+    }
+    if (delayDuration !== undefined) {
+        rootProps.delayDuration = delayDuration;
+    }
+    return (React.createElement(RadixTooltip.Root, { ...rootProps },
+        React.createElement(RadixTooltip.Trigger, { asChild: true }, children),
+        React.createElement(RadixTooltip.Portal, null,
+            React.createElement(StyledContent, { ref: ref, side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, avoidCollisions: avoidCollisions, className: className },
+                content,
+                arrow && React.createElement(StyledArrow, { width: 10, height: 5 })))));
+});
+Tooltip.displayName = "Tooltip";
+Tooltip.toString = () => StyledContent.toString();
+const TooltipContentSelector = StyledContent.toString();
+export { Tooltip, TooltipProvider, TooltipContentSelector, };
+//# sourceMappingURL=Tooltip.js.map

package/esm/components/ui/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkC9D,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,UAAU,GAAyE,EAAE,CAAC;IAC5F,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAC,CAAC;IAC1F,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAC,CAAC;IACtG,IAAI,KAAK,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;QAC9C,UAAU,CAAC,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,CAAC;IACvE,CAAC;IAED,OAAO,CACH,oBAAC,YAAY,CAAC,QAAQ,OAAK,UAAU,IAChC,KAAK,CAAC,QAAQ,CACK,CAC3B,CAAC;AACN,CAAC,CAAC;AAqFF,MAAM,OAAO,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACF,OAAO,EACP,IAAI,GAAG,KAAK,EAEZ,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,aAAa,EACb,eAAe,GAAG,IAAI,EACtB,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAmD,EAAE,CAAC;IACrE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;IAAC,CAAC;IAClD,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IAAC,CAAC;IACvE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;IAAC,CAAC;IAC1E,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,aAAa,GAAG,aAAa,CAAC;IAAC,CAAC;IAE7E,OAAO,CACH,oBAAC,YAAY,CAAC,IAAI,OAAK,SAAS;QAC5B,oBAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAE,IAAI,IAC9B,QAAQ,CACU;QACvB,oBAAC,YAAY,CAAC,MAAM;YAChB,oBAAC,aAAa,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS;gBAEnB,OAAO;gBAEP,KAAK,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,CACnC,CACE,CACN,CACvB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;AAElD,MAAM,sBAAsB,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;AAExD,OAAO,EACH,OAAO,EACP,eAAe,EACf,sBAAsB,GACzB,CAAC"}