react-miui 0.28.0 → 0.28.2

package/esm/components/ui/loader/FullLoader.stories.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { FullLoader } from "./FullLoader.js";
+const meta = {
+    title: "Components/UI/Loader/FullLoader",
+    component: FullLoader,
+    tags: ["autodocs", "ui"],
+};
+const Primary = {
+    args: {},
+    render: () => {
+        return (React.createElement(React.Fragment, null,
+            "Container:",
+            React.createElement("div", { style: { border: "1px solid black", width: 300, height: 300 } },
+                React.createElement(FullLoader, null))));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=FullLoader.stories.js.map

package/esm/components/ui/loader/FullLoader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH;;YAEI,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;gBAC9D,oBAAC,UAAU,OAAG,CACZ,CACP,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/Loader.stories.d.ts

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

package/esm/components/ui/loader/Loader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/Loader.stories.js

@@ -0,0 +1,23 @@
+import { Loader } from "./Loader.js";
+const meta = {
+    title: "Components/UI/Loader/Basic",
+    component: Loader,
+    tags: ["autodocs", "ui"],
+    argTypes: {
+        show: {
+            type: "boolean",
+        },
+        size: {
+            type: "string",
+        },
+    },
+};
+const Primary = {
+    args: {
+        size: 32,
+        show: true,
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Loader.stories.js.map

package/esm/components/ui/loader/Loader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/Loading.stories.d.ts

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

package/esm/components/ui/loader/Loading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/Loading.stories.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { styled } from "../../../theme.js";
+import { Loading } from "./Loading.js";
+const meta = {
+    title: "Components/UI/Loader/Loading",
+    component: Loading,
+    tags: ["autodocs", "ui"],
+    argTypes: {
+        data: {
+            type: "boolean",
+        },
+        isLoading: {
+            type: "boolean",
+        },
+    },
+};
+const Container = styled("div", {
+    border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
+});
+const Primary = {
+    args: {
+        isLoading: false,
+        data: true,
+    },
+    render: (args) => {
+        return (React.createElement(Container, null,
+            React.createElement(Loading, { isLoading: Boolean(args.isLoading), data: args.data }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam.")));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Loading.stories.js.map

package/esm/components/ui/loader/Loading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,SAAS;YACN,oBAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,oFAElD,CACF,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/PopLoader.stories.d.ts

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

package/esm/components/ui/loader/PopLoader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,OAAO,EAAE,KAWd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/PopLoader.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { styled } from "../../../theme.js";
+import { PopLoader } from "./PopLoader.js";
+const meta = {
+    title: "Components/UI/Loader/PopLoader",
+    component: PopLoader,
+    tags: ["autodocs", "ui"],
+};
+const Container = styled("div", {
+    border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
+});
+const Primary = {
+    args: {},
+    render: () => {
+        return (React.createElement(Container, null,
+            React.createElement(PopLoader, null),
+            "content, content,",
+            React.createElement("br", null),
+            "content, content"));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=PopLoader.stories.js.map

package/esm/components/ui/loader/PopLoader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,oBAAC,SAAS;YACN,oBAAC,SAAS,OAAG;;YACI,+BAAM;+BAEf,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/message/Message.stories.d.ts

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

package/esm/components/ui/message/Message.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAYrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/message/Message.stories.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { styled } from "../../../theme.js";
+import { Message } from "./Message.js";
+const meta = {
+    title: "Components/UI/Message",
+    component: Message,
+    tags: ["autodocs", "ui"],
+    argTypes: {
+        children: {
+            control: { type: "text" },
+            type: "string",
+            defaultValue: "This is an example message.",
+        },
+        type: {
+            options: ["tip", "warning", "error", "info"],
+        },
+        variant: {
+            options: ["stretch", "box"],
+        },
+    },
+};
+const Primary = {
+    args: {
+        children: "This is an example message.",
+    },
+};
+const Container = styled("div", {
+    display: "flex",
+    flexDirection: "column",
+    gap: 10,
+});
+const MultipleAtOnce = {
+    render: () => (React.createElement(Container, null,
+        React.createElement(Message, { type: "warning" }, "Files will be deleted after 30 days."),
+        React.createElement(Message, { type: "error" }, "Files cannot be deleted."),
+        React.createElement(Message, { type: "info" }, "These files got deleted."),
+        React.createElement(Message, { type: "warning", variant: "box" }, "Files will be deleted after 30 days."),
+        React.createElement(Message, { type: "error", variant: "box" }, "Files cannot be deleted."),
+        React.createElement(Message, { type: "info", variant: "box" }, "These files got deleted."))),
+};
+export { Primary, MultipleAtOnce, };
+export default meta;
+//# sourceMappingURL=Message.stories.js.map

package/esm/components/ui/message/Message.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,6BAA6B;SAC9C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;SAC9B;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,SAAS;QACN,oBAAC,OAAO,IAAC,IAAI,EAAE,SAAS,2CAAgD;QACxE,oBAAC,OAAO,IAAC,IAAI,EAAE,OAAO,+BAAoC;QAC1D,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,+BAAoC;QAEzD,oBAAC,OAAO,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,2CAAgD;QACxF,oBAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,+BAAoC;QAC1E,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,+BAAoC,CACjE,CACf;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/modal/Modal.stories.d.ts

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

package/esm/components/ui/modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAIpC,QAAA,MAAM,OAAO,EAAE,KAsCd,CAAC;AAEF,QAAA,MAAM,0BAA0B,EAAE,KAmCjC,CAAC;AAKF,QAAA,MAAM,QAAQ,EAAE,KA8Bf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,0BAA0B,EAC1B,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/modal/Modal.stories.js

@@ -0,0 +1,84 @@
+import React, { useCallback, useState } from "react";
+import { Button } from "../button/Button.js";
+import { Label } from "../../form/Label.js";
+import { Input } from "../../form/input/Input.js";
+import { Checkbox } from "../../form/Checkbox.js";
+import { List } from "../../layout/list/List.js";
+import { Modal } from "./Modal.js";
+import { ModalButtons } from "./ModalButtons.js";
+import { RemovePadding } from "./Modal.styled.js";
+const meta = {
+    title: "Components/UI/Modal",
+    component: Modal,
+    tags: ["autodocs", "ui"],
+};
+const handleNoop = () => undefined;
+const Primary = {
+    args: {},
+    render: () => {
+        const [open, setIsOpen] = useState(false);
+        const handleClose = useCallback(() => {
+            setIsOpen(false);
+        }, []);
+        const handleOpen = useCallback(() => {
+            setIsOpen(true);
+        }, []);
+        return (React.createElement("div", null,
+            React.createElement(Button, { onClick: handleOpen }, "Open modal"),
+            React.createElement(Modal, { onClose: handleClose, isOpen: open, title: "95.5 MHz", position: "bottom", full: true },
+                React.createElement(Label, null,
+                    React.createElement(Input, { placeholder: "New station" })),
+                React.createElement(Label, null,
+                    React.createElement(Checkbox, { name: "", onChange: handleNoop, checked: true }, "Remember me")),
+                React.createElement(ModalButtons, null,
+                    React.createElement(ModalButtons.Button, { onClick: handleClose }, "Cancel"),
+                    React.createElement(ModalButtons.Button, { variant: "main", onClick: handleClose }, "Ok")))));
+    },
+};
+const WithRemovedPaddingSections = {
+    args: {},
+    render: () => {
+        const [open, setIsOpen] = useState(false);
+        const handleClose = useCallback(() => {
+            setIsOpen(false);
+        }, []);
+        const handleOpen = useCallback(() => {
+            setIsOpen(true);
+        }, []);
+        return (React.createElement("div", null,
+            React.createElement(Button, { onClick: handleOpen }, "Open modal"),
+            React.createElement(Modal, { onClose: handleClose, isOpen: open, position: "bottom", full: true },
+                React.createElement(RemovePadding, null,
+                    React.createElement(Label, null,
+                        React.createElement(Input, { placeholder: "New station" }))),
+                React.createElement(Label, null,
+                    React.createElement(Input, { placeholder: "New station" })),
+                React.createElement(RemovePadding, null,
+                    React.createElement(Label, null,
+                        React.createElement(Input, { placeholder: "New station" }))))));
+    },
+};
+const WithList = {
+    args: {},
+    render: () => {
+        const [open, setIsOpen] = useState(false);
+        const handleClose = useCallback(() => {
+            setIsOpen(false);
+        }, []);
+        const handleOpen = useCallback(() => {
+            setIsOpen(true);
+        }, []);
+        return (React.createElement("div", null,
+            React.createElement(Button, { onClick: handleOpen }, "Open modal"),
+            React.createElement(Modal, { onClose: handleClose, isOpen: open, position: "bottom", full: true },
+                React.createElement(RemovePadding, null,
+                    React.createElement(List, { inset: true },
+                        React.createElement(List.Item, { selected: false, onClick: handleClose }, "First item"),
+                        React.createElement(List.Item, { selected: true, onClick: handleClose }, "Second item"),
+                        React.createElement(List.Item, { selected: false, onClick: handleClose }, "Third item"),
+                        React.createElement(List.Item, { selected: false, onClick: handleClose }, "Last option"))))));
+    },
+};
+export { Primary, WithRemovedPaddingSections, WithList, };
+export default meta;
+//# sourceMappingURL=Modal.stories.js.map

package/esm/components/ui/modal/Modal.stories.js.map

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

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

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

package/esm/components/ui/modal/ModalButtons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButtons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAkBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/modal/ModalButtons.stories.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { ModalButtons } from "./ModalButtons.js";
+import { Modal } from "./Modal.js";
+const meta = {
+    title: "Components/UI/ModalButtons",
+    component: ModalButtons,
+    tags: ["autodocs", "ui"],
+};
+const Primary = {
+    args: {},
+    render: () => (React.createElement(Modal, { onClose: () => null, isOpen: true, title: "System message" },
+        React.createElement("div", null, "Check out these pretty buttons. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, diam eget aliquam tincidunt, diam nisl ultrices velit, nec aliquet nunc diam eget."),
+        React.createElement(ModalButtons, null,
+            React.createElement(ModalButtons.Button, { onClick: () => null }, "Cancel"),
+            React.createElement(ModalButtons.Button, { variant: "main", onClick: () => null }, "Ok")))),
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=ModalButtons.stories.js.map

package/esm/components/ui/modal/ModalButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButtons.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB;QAC7D,kOAGM;QACN,oBAAC,YAAY;YACT,oBAAC,YAAY,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,aAElB;YACtB,oBAAC,YAAY,CAAC,MAAM,IAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,SAEnC,CACX,CACX,CACX;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/pop/Pop.stories.d.ts

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

package/esm/components/ui/pop/Pop.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pop.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAMlC,QAAA,MAAM,OAAO,EAAE,KA+Dd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/ui/pop/Pop.stories.js

@@ -0,0 +1,65 @@
+import React, { useCallback, useState } from "react";
+import { SunOne } from "@icon-park/react";
+import { HeaderIconAction } from "../../layout/header/HeaderIconAction.js";
+import { Icon, ICON } from "../../icons/Icon.js";
+import { StickyHeader } from "../../layout/header/StickyHeader.js";
+import { Header } from "../../layout/header/Header.js";
+import { Section } from "../../layout/section/Section.js";
+import { Pop } from "./Pop.js";
+const meta = {
+    title: "Components/UI/Pop",
+    component: Pop,
+    tags: ["autodocs", "layout"],
+    args: {
+        value: 25,
+        valueFrom: 15,
+        scaleFrom: 10,
+        scaleTo: 30,
+    },
+};
+const handleClick = () => {
+    console.info("Clicked an option");
+};
+const Primary = {
+    render: (args) => {
+        const [open, setOpen] = useState(false);
+        const [leftOpen, setLeftOpen] = useState(false);
+        const handleToggle = useCallback(() => {
+            setOpen(p => !p);
+        }, []);
+        const handleLeftToggle = useCallback(() => {
+            setLeftOpen(p => !p);
+        }, []);
+        const handleClose = useCallback(() => {
+            setOpen(false);
+        }, []);
+        const handleLeftClose = useCallback(() => {
+            setLeftOpen(false);
+        }, []);
+        const after = (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.config, onClick: handleToggle }),
+            React.createElement(Pop, { anchor: "prev", open: open, onClose: handleClose },
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { onClick: handleClick }, "Configure"))));
+        const left = (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleLeftToggle }),
+            React.createElement(Pop, { anchor: "prev", open: leftOpen, onClose: handleLeftClose },
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { icon: React.createElement(SunOne, null), onClick: handleClick }, "Configure"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { onClick: handleClick }, "Configure"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { icon: React.createElement(React.Fragment, null, "text"), onClick: handleClick }, "Configure"))));
+        return (React.createElement(StickyHeader, null,
+            React.createElement(Header, { before: left, after: after }, "Some place"),
+            React.createElement(StickyHeader.Content, null,
+                React.createElement(Section, { horizontal: true, vertical: true, css: { minHeight: 600 } }, "Click on the left or right icon to open the menu"))));
+    },
+};
+export default meta;
+export { Primary, };
+//# sourceMappingURL=Pop.stories.js.map

package/esm/components/ui/pop/Pop.stories.js.map

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

package/esm/components/ui/progress/Progress.stories.d.ts

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

package/esm/components/ui/progress/Progress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/Progress.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAW1B,QAAA,MAAM,gBAAgB,EAAE,KAMvB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,EACP,gBAAgB,GACnB,CAAC"}

package/esm/components/ui/progress/Progress.stories.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { styled } from "../../../theme.js";
+import { Progress } from "./Progress.js";
+const meta = {
+    title: "Components/UI/Progress",
+    component: Progress,
+    tags: ["autodocs", "layout"],
+    args: {
+        value: 25,
+        valueFrom: 15,
+        scaleFrom: 10,
+        scaleTo: 30,
+    },
+};
+const Primary = {};
+const CustomProgress = styled(Progress, {
+    "--value-background-color": "linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff)",
+    [`& ${Progress.selectors.value}`]: {
+        borderWidth: 0,
+    },
+});
+const CustomizedColors = {
+    render: (args) => {
+        return (React.createElement(CustomProgress, { ...args }));
+    },
+};
+export default meta;
+export { Primary, CustomizedColors, };
+//# sourceMappingURL=Progress.stories.js.map

package/esm/components/ui/progress/Progress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/progress/Progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,EAAE;KACd;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAE1B,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACpC,0BAA0B,EACtB,0FAA0F;IAE9F,CAAC,KAAK,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;KACjB;CACJ,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,cAAc,OAAK,IAAI,GAAI,CAC/B,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,EACP,gBAAgB,GACnB,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { StoryObj, Meta } from "@storybook/react";
+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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOvD,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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1 @@
+{"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;AAE1C,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/toolButton/ToolButton.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+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

@@ -0,0 +1 @@
+{"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,kBAAkB,CAAC;AAIvD,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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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;AAEnC,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"}