react-miui 0.32.2 → 0.33.0

package/esm/components/ui/stats/Stats.stories.js

@@ -1,104 +0,0 @@
-import React from "react";
-import { styled } from "../../../theme.js";
-import { Div } from "../../native/index.js";
-import { Stats, StatsItemSelector, StatsLabelSelector, StatsSeparatorSelector, StatsValueSelector, } from "./Stats.js";
-const meta = {
-    title: "UI/Stats",
-    component: Stats,
-    parameters: {
-        layout: "padded",
-    },
-    tags: ["autodocs"],
-};
-const sampleStats = [
-    {
-        label: "Temperature",
-        value: "32°C",
-    },
-    {
-        label: "Used",
-        value: "320.3 mAh",
-    },
-    {
-        label: "Used for",
-        value: "14h 32m",
-    },
-];
-const Default = {
-    render: () => (React.createElement(Div, { css: {
-            background: "$green1Darker",
-            height: "200px",
-            display: "flex",
-            alignItems: "flex-end",
-        } },
-        React.createElement(Stats, { stats: sampleStats }))),
-};
-const DarkVariant = {
-    render: () => (React.createElement(Div, { css: {
-            background: "$activeBg",
-            height: "200px",
-            display: "flex",
-            alignItems: "flex-end",
-        } },
-        React.createElement(Stats, { stats: sampleStats, variant: "dark" }))),
-};
-const WithMoreItems = {
-    render: () => {
-        const moreStats = [
-            ...sampleStats,
-            {
-                label: "Voltage",
-                value: "4.2V",
-            },
-            {
-                label: "Capacity",
-                value: "5000 mAh",
-            },
-        ];
-        return (React.createElement(Div, { css: {
-                background: "$green1Darker",
-                height: "200px",
-                display: "flex",
-                alignItems: "flex-end",
-            } },
-            React.createElement(Stats, { stats: moreStats })));
-    },
-};
-const CustomStyledStats = styled(Stats, {
-    "--stats-border": "1px solid rgba(0, 0, 100, 0.2)",
-    "--stats-bg": "linear-gradient(to bottom, rgba(100, 149, 237, 0.1), rgba(100, 149, 237, 0.2))",
-    "--stats-value-color": "#1a237e",
-    "--stats-label-color": "#3949ab",
-    "borderRadius": "8px 8px 0 0",
-    "boxShadow": "0 -2px 10px rgba(0, 0, 0, 0.05)",
-    [`& ${StatsValueSelector}`]: {
-        fontSize: "1.5rem",
-        fontWeight: "bold",
-    },
-    [`& ${StatsLabelSelector}`]: {
-        textTransform: "uppercase",
-        letterSpacing: "0.05em",
-        fontSize: "0.8rem",
-    },
-    [`& ${StatsSeparatorSelector}`]: {
-        borderLeft: "2px dotted rgba(0, 0, 100, 0.2)",
-    },
-    [`& ${StatsItemSelector}`]: {
-        "transition": "transform 0.2s ease",
-        "&:hover": {
-            transform: "translateY(-5px)",
-        },
-    },
-});
-const CustomStyled = {
-    render: () => (React.createElement("div", { style: {
-            background: "#e8eaf6",
-            height: "200px",
-            display: "flex",
-            alignItems: "flex-end",
-        } },
-        React.createElement(CustomStyledStats, { stats: sampleStats }))),
-};
-export { Default, DarkVariant, WithMoreItems, CustomStyled };
-export default meta;
-//# sourceMappingURL=Stats.stories.js.map

package/esm/components/ui/stats/Stats.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stats.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/stats/Stats.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Selector } from "./Selector";
-declare const meta: Meta;
-type Story = StoryObj<typeof Selector>;
-declare const Primary: Story;
-declare const WithinHeader: Story;
-declare const CustomStyled: Story;
-declare const MultiLine: Story;
-declare const Lengthy: Story;
-export { Primary, WithinHeader, CustomStyled, Lengthy, MultiLine, };
-export default meta;
-//# sourceMappingURL=Selector.stories.d.ts.map

package/esm/components/ui/tabs/Selector.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selector.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAiBd,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAmBnB,CAAC;AAeF,QAAA,MAAM,YAAY,EAAE,KAoBnB,CAAC;AAeF,QAAA,MAAM,SAAS,EAAE,KAqBhB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAqBd,CAAC;AAEF,OAAO,EACH,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/tabs/Selector.stories.js

@@ -1,110 +0,0 @@
-import React, { useState } from "react";
-import { styled } from "../../../theme.js";
-import { Header, HeaderContentsSelector } from "../../layout/header/Header.js";
-import { Selector, SelectorItemSelector } from "./Selector.js";
-const meta = {
-    title: "Components/UI/Selector",
-    component: Selector,
-    tags: ["autodocs", "ui"],
-    args: {
-        values: ["Recent", "Categories", "Whole Disk"],
-        value: "Recent",
-    },
-    argTypes: {
-        onChange: {
-            action: "onChange",
-        },
-    },
-};
-const Primary = {
-    render: (args) => {
-        var _a;
-        const [current, setCurrent] = useState((_a = args.value) !== null && _a !== void 0 ? _a : "");
-        return (React.createElement(Selector, { ...args, value: current, onChange: (value) => {
-                setCurrent(value);
-                if (args.onChange) {
-                    args.onChange(value);
-                }
-            } }));
-    },
-};
-const WithinHeader = {
-    render: (args) => {
-        var _a;
-        const [current, setCurrent] = useState((_a = args.value) !== null && _a !== void 0 ? _a : "");
-        return (React.createElement(Header, null,
-            React.createElement(Selector, { ...args, value: current, onChange: (value) => {
-                    setCurrent(value);
-                    if (args.onChange) {
-                        args.onChange(value);
-                    }
-                } })));
-    },
-};
-const CustomStyledSelector = styled(Selector, {
-    "backgroundColor": "$blue2",
-    "borderRadius": "8px",
-    "&&": {
-        "--selector-active": "$colors$green1",
-    },
-    [`& ${SelectorItemSelector}`]: {
-        fontFamily: "serif",
-        fontWeight: "bold",
-    },
-});
-const CustomStyled = {
-    render: (args) => {
-        var _a;
-        const [current, setCurrent] = useState((_a = args.value) !== null && _a !== void 0 ? _a : "");
-        return (React.createElement(CustomStyledSelector, { ...args, value: current, onChange: (value) => {
-                setCurrent(value);
-                if (args.onChange) {
-                    args.onChange(value);
-                }
-            } }));
-    },
-    args: {
-        values: ["Music", "Video", "Photos", "Documents"],
-    },
-};
-const manyValues = [
-    "First element",
-    "Apple",
-    "Pie",
-    "Dogs and cats",
-    "Flying vehicles",
-    "Random text that is very long",
-    "Computer",
-    "Leaflet",
-    "Jar of nuts",
-    "POE Network Switch",
-];
-const MultiLine = {
-    render: (args) => {
-        var _a;
-        const [current, setCurrent] = useState((_a = args.value) !== null && _a !== void 0 ? _a : "");
-        return (React.createElement(Header, null,
-            React.createElement(Selector, { ...args, multiLine: true, value: current, values: manyValues, onChange: (value) => {
-                    setCurrent(value);
-                    if (args.onChange) {
-                        args.onChange(value);
-                    }
-                } })));
-    },
-};
-const Lengthy = {
-    render: (args) => {
-        var _a;
-        const [current, setCurrent] = useState((_a = args.value) !== null && _a !== void 0 ? _a : "");
-        return (React.createElement(Header, { css: { [`& ${HeaderContentsSelector}`]: { overflow: "hidden" } } },
-            React.createElement(Selector, { ...args, values: manyValues, multiLine: false, value: current, onChange: (value) => {
-                    setCurrent(value);
-                    if (args.onChange) {
-                        args.onChange(value);
-                    }
-                } })));
-    },
-};
-export { Primary, WithinHeader, CustomStyled, Lengthy, MultiLine, };
-export default meta;
-//# sourceMappingURL=Selector.stories.js.map

package/esm/components/ui/tabs/Selector.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selector.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { Toast } from "./types";
-interface Props {
-    toast: Toast;
-    onRemove: (id: Toast["id"]) => void;
-}
-declare const Notification: React.FC<Props>;
-export { Notification };
-//# sourceMappingURL=Notification.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC,UAAU,KAAK;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CACvC;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBjC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,17 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { StyledToast } from "./Toaster.styled.js";
-const Notification = (props) => {
-    const [forceHide, setForceHide] = useState(false);
-    const toastId = props.toast.id;
-    const { onRemove } = props;
-    const handleRemove = useCallback(() => {
-        onRemove(toastId);
-    }, [toastId, onRemove]);
-    const handleForceHide = useCallback(() => {
-        setForceHide(true);
-    }, []);
-    return (React.createElement(StyledToast, { hide: props.toast.hide || forceHide, key: props.toast.id, onTransitionEnd: handleRemove, onClick: handleForceHide },
-        React.createElement("span", null, props.toast.text)));
-};
-export { Notification };
-//# sourceMappingURL=Notification.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,EACnC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EACnB,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,eAAe;QAExB,kCAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAQ,CACrB,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-declare const meta: Meta;
-type Story = StoryObj;
-declare const Primary: Story;
-export { Primary, };
-export default meta;
-//# sourceMappingURL=Toaster.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI,EAAE,IAgBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,QAAA,MAAM,OAAO,EAAE,KA2Bd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,39 +0,0 @@
-import React from "react";
-import { Div } from "../../native/index.js";
-import { Button } from "../button/Button.js";
-import { useToaster } from "./Toaster.js";
-const meta = {
-    title: "Components/UI/Toaster",
-    tags: ["autodocs", "ui"],
-    argTypes: {
-        text: {
-            control: {
-                type: "text",
-            },
-        },
-        time: {
-            control: {
-                type: "number",
-                step: 100,
-            },
-        },
-    },
-};
-const Primary = {
-    args: {
-        text: "",
-        time: 5000,
-    },
-    render: (args) => {
-        const toast = useToaster();
-        const { text, time } = args;
-        const handleClick = () => {
-            toast(text || "Lorem ipsum dolor sit amet", time);
-        };
-        return (React.createElement(Div, { css: { height: 400 } },
-            React.createElement(Button, { onClick: handleClick }, "Show toast")));
-    },
-};
-export { Primary, };
-export default meta;
-//# sourceMappingURL=Toaster.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,GAAG;aACZ;SACJ;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;QAC3B,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAsC,CAAC;QAE9D,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,KAAK,CAAC,IAAI,IAAI,4BAA4B,EAAE,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC;QAEF,OAAO,CACH,oBAAC,GAAG,IAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;YASrB,oBAAC,MAAM,IAAC,OAAO,EAAE,WAAW,iBAAqB,CAC/C,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,89 +0,0 @@
-declare const StyledToast: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    hide?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
-    colors: {
-        background: "white";
-        mainColor: "#008ad2";
-        mainColorAlt: "#006AA9";
-        activeBg: "#e7e7e7";
-        inactiveBg: "#d3d3de";
-        inactiveDarkBg: "#999";
-        toggleHandleBg: "#e0e0e0";
-        toggleHandleBorder: "#cdcdcd";
-        toggleBgDisabled: "#f0f0f0";
-        toggleHandleBorderDisabled: "#c29f7d";
-        toggleHandleBgDisabled: "#deae84";
-        icon: "#636363";
-        border: "#d5d5d5";
-        buttonBorder: "#bababa";
-        headerBorder: "#c8c8c9";
-        headerBg: "#efeff0";
-        headerText: "#484848";
-        text: "#323232";
-        text2: "#181818";
-        text3: "#000000";
-        sub: "#959595";
-        popText: "#666";
-        toolbarBorder: "#ababab";
-        toolbarBg: "#f8f8f8";
-        modalBg: "#f7f7f7";
-        modalButtonBg: "#f8f8f8";
-        modalButtonBorder: "#c2c2c2";
-        inputDisabledBg: "#f3f3f3";
-        inputDisabledText: "#959595";
-        choiceBg: "#ffffff";
-        choiceText: "#999999";
-        choiceActiveBg: "#f3f3f3";
-        choiceActiveText: "#313131";
-        choiceBorder: "#cfcfcf";
-        selectorText: "#606060";
-        selectorActive: "#008ad2";
-        blue1: "#038bf4";
-        blue2: "#b7d6f5";
-        blue3: "#dbe6ff";
-        blue4: "#33b4ff";
-        blue5: "#30a2e6";
-        orange1: "#ff7200";
-        orange1Darker: "#cc5b00";
-        purple1: "#7357e8";
-        green1: "#3ec234";
-        green1Darker: "#38af2f";
-        pink1: "#ff388f";
-        red1: "#ea2700";
-        yellow1: "#ffde9d";
-        yellow2: "#e4a429";
-        yellow3: "#fff5db";
-        pinky1: "#f5c0b7";
-        pinky2: "#e07b67";
-        pinky3: "#ffe1db";
-        grey1: "#737373";
-        focusColor: "#dcaf00";
-        scrollbarsThumb: "#737373";
-        scrollbarsBg: "transparent";
-        tableStripedBg: "#fafafa";
-        toolButtonText: "#666e80";
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    mx: (value: string | number) => {
-        marginLeft: string | number;
-        marginRight: string | number;
-    };
-    my: (value: string | number) => {
-        marginTop: string | number;
-        marginBottom: string | number;
-    };
-    px: (value: string | number) => {
-        paddingLeft: string | number;
-        paddingRight: string | number;
-    };
-    py: (value: string | number) => {
-        paddingTop: string | number;
-        paddingBottom: string | number;
-    };
-    size: (value: string | number) => {
-        width: string | number;
-        height: string | number;
-    };
-}>>;
-export { StyledToast, };
-//# sourceMappingURL=Toaster.styled.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.styled.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6Bf,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}

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

@@ -1,36 +0,0 @@
-import { dimensionsPxToRem, keyframes, styled } from "../../../theme.js";
-const show = keyframes({
-    from: {
-        transform: `translateY(calc(100% + ${dimensionsPxToRem(190)}))`,
-    },
-});
-const StyledToast = styled("div", {
-    "position": "fixed",
-    "bottom": 0,
-    "display": "flex",
-    "justifyContent": "center",
-    "zIndex": 6,
-    "left": "50%",
-    "transform": "translateX(-50%)",
-    "& span": {
-        background: "rgba(56, 50, 46, 0.85)",
-        color: "#F9F6F2",
-        boxShadow: "0 4px 12px rgba(0, 0, 0, 0.37)",
-        borderRadius: "12px",
-        display: "inline-block",
-        padding: "1em 1em",
-        animation: `${show.toString()} 500ms 1`,
-        animationFillMode: "forwards",
-        marginBottom: dimensionsPxToRem(190),
-    },
-    "variants": {
-        hide: {
-            true: {
-                transition: "opacity 300ms",
-                opacity: 0,
-            },
-        },
-    },
-});
-export { StyledToast, };
-//# sourceMappingURL=Toaster.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,IAAI,GAAG,SAAS,CAAC;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,0BAA0B,iBAAiB,CAAC,GAAG,CAAC,IAAI;KAClE;CACJ,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,UAAU,EAAE,OAAO;IACnB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM;IACjB,gBAAgB,EAAE,QAAQ;IAC1B,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,kBAAkB;IAE/B,QAAQ,EAAE;QACN,UAAU,EAAE,wBAAwB;QACpC,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,gCAAgC;QAC3C,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU;QACvC,iBAAiB,EAAE,UAAU;QAC7B,YAAY,EAAE,iBAAiB,CAAC,GAAG,CAAC;KACvC;IAED,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE;gBACF,UAAU,EAAE,eAAe;gBAC3B,OAAO,EAAE,CAAC;aACb;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}

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

@@ -1,7 +0,0 @@
-interface Toast {
-    id: string;
-    text: string;
-    hide: boolean;
-}
-export type { Toast, };
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/types.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,YAAY,EACR,KAAK,GACR,CAAC"}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/types.ts"],"names":[],"mappings":""}

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

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { ToolButton } from "./ToolButton";
-declare const meta: Meta;
-type Story = StoryObj<typeof ToolButton>;
-declare const Primary: Story;
-export default meta;
-export { Primary, };
-//# sourceMappingURL=ToolButton.stories.d.ts.map

package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toolButton/ToolButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,QAAA,MAAM,OAAO,EAAE,KAYd,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/ui/toolButton/ToolButton.stories.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { Div } from "../../native/index.js";
-import { ToolButton } from "./ToolButton.js";
-const meta = {
-    title: "Components/UI/ToolButton",
-    component: ToolButton,
-    tags: ["autodocs", "ui"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-            },
-            options: ["default", "secondary", "secondaryOnLight"],
-        },
-    },
-};
-const Primary = {
-    args: {
-        children: "Click me",
-        onClick: () => { alert("Clicked"); },
-    },
-    render: args => {
-        return (React.createElement(Div, { css: { background: args.variant === "secondaryOnLight" ? "white" : "$blue5", padding: 50 } },
-            React.createElement(ToolButton, { ...args })));
-    },
-};
-export default meta;
-export { Primary, };
-//# sourceMappingURL=ToolButton.stories.js.map

package/esm/components/ui/toolButton/ToolButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolButton.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/toolButton/ToolButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;aACjB;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC;SACxD;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;IACD,MAAM,EAAE,IAAI,CAAC,EAAE;QACX,OAAO,CACH,oBAAC,GAAG,IAAC,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;YAC3F,oBAAC,UAAU,OAAK,IAAI,GAAI,CACtB,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/src/components/ui/toaster/Notification.tsx

@@ -1,39 +0,0 @@
-import React, { useCallback, useState } from "react";
-
-import type { Toast } from "./types";
-
-import { StyledToast } from "./Toaster.styled";
-
-interface Props {
-    toast: Toast;
-    onRemove: (id: Toast["id"]) => void;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-shadow
-const Notification: React.FC<Props> = (props) => {
-    const [forceHide, setForceHide] = useState(false);
-
-    const toastId = props.toast.id;
-    const { onRemove } = props;
-
-    const handleRemove = useCallback(() => {
-        onRemove(toastId);
-    }, [toastId, onRemove]);
-
-    const handleForceHide = useCallback(() => {
-        setForceHide(true);
-    }, []);
-
-    return (
-        <StyledToast
-            hide={props.toast.hide || forceHide}
-            key={props.toast.id}
-            onTransitionEnd={handleRemove}
-            onClick={handleForceHide}
-        >
-            <span>{props.toast.text}</span>
-        </StyledToast>
-    );
-};
-
-export { Notification };

package/src/components/ui/toaster/Toaster.styled.ts

@@ -1,42 +0,0 @@
-import { dimensionsPxToRem, keyframes, styled } from "../../../theme";
-
-const show = keyframes({
-    from: {
-        transform: `translateY(calc(100% + ${dimensionsPxToRem(190)}))`,
-    },
-});
-
-const StyledToast = styled("div", {
-    "position": "fixed",
-    "bottom": 0,
-    "display": "flex",
-    "justifyContent": "center",
-    "zIndex": 6,
-    "left": "50%",
-    "transform": "translateX(-50%)",
-
-    "& span": {
-        background: "rgba(56, 50, 46, 0.85)",
-        color: "#F9F6F2",
-        boxShadow: "0 4px 12px rgba(0, 0, 0, 0.37)",
-        borderRadius: "12px", // around 22 @TODO use calc here
-        display: "inline-block",
-        padding: "1em 1em",
-        animation: `${show.toString()} 500ms 1`,
-        animationFillMode: "forwards",
-        marginBottom: dimensionsPxToRem(190),
-    },
-
-    "variants": {
-        hide: {
-            true: {
-                transition: "opacity 300ms",
-                opacity: 0,
-            },
-        },
-    },
-});
-
-export {
-    StyledToast,
-};

package/src/components/ui/toaster/types.ts

@@ -1,9 +0,0 @@
-interface Toast {
-    id: string;
-    text: string;
-    hide: boolean;
-}
-
-export type {
-    Toast,
-};