react-miui 0.32.2 → 0.33.0

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/components/ui/toaster/Toaster.js

@@ -32,63 +32,33 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToaster = exports.ToasterProvider = void 0;
+exports.toast = exports.useToaster = exports.ToasterProvider = void 0;
 const react_1 = __importStar(require("react"));
-const Notification_1 = require("./Notification");
-const ToasterContext = (0, react_1.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_1.default.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 => (Object.assign(Object.assign({}, prev), { list: [...prev.list, {
-                        id,
-                        text,
-                        hide,
-                    }] })));
-            setTimeout(() => {
-                this.setState(prev => (Object.assign(Object.assign({}, prev), { list: prev.list.map(p => {
-                        if (p.id !== id) {
-                            return p;
-                        }
-                        return Object.assign(Object.assign({}, p), { hide: true });
-                    }) })));
-            }, timeout);
-        };
-        this._handleRemove = (id) => {
-            this.setState(prev => (Object.assign(Object.assign({}, prev), { list: prev.list.filter(p => p.id !== id) })));
-        };
-        this._removeAllToasts = () => {
-            this.setState(prev => (Object.assign(Object.assign({}, prev), { list: prev.list.map(p => {
-                    if (p.hide) {
-                        return p;
-                    }
-                    return Object.assign(Object.assign({}, p), { hide: true });
-                }) })));
-        };
-        this.state = {
-            list: [],
-        };
-    }
-    render() {
-        const notifications = this.state.list.map((t) => {
-            return react_1.default.createElement(Notification_1.Notification, { onRemove: this._handleRemove, key: t.id, toast: t });
-        });
-        return (react_1.default.createElement(ToasterContext.Provider, { value: this._add },
-            notifications,
-            this.props.children));
-    }
-}
+const sonner_1 = require("sonner");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return sonner_1.toast; } });
+const ToasterProvider = (_a) => {
+    var { children, position = "bottom-center" } = _a, rest = __rest(_a, ["children", "position"]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        children,
+        react_1.default.createElement(sonner_1.Toaster, Object.assign({ position: position }, rest))));
+};
 exports.ToasterProvider = ToasterProvider;
-const useToaster = () => (0, react_1.useContext)(ToasterContext);
+const useToaster = () => {
+    return (0, react_1.useCallback)((text, timeout) => {
+        return (0, sonner_1.toast)(text, timeout != null ? { duration: timeout } : undefined);
+    }, []);
+};
 exports.useToaster = useToaster;
 //# sourceMappingURL=Toaster.js.map

package/dist/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,+CAA2C;AAE3C,mCAAyD;AAyBnB,sFAzB7B,cAAK,OAyB6B;AAjB3C,MAAM,eAAe,GAAmC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,OAAW,EAAN,IAAI,cAA/C,wBAAiD,CAAF;IACpG,OAAO,CACH;QACK,QAAQ;QACT,8BAAC,gBAAa,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI,CAChD,CACN,CAAC;AACN,CAAC,CAAC;AAUO,0CAAe;AANxB,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,IAAA,mBAAW,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,IAAA,cAAK,EAAC,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;AAEwB,gCAAU"}

package/dist/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/dist/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/dist/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;