react-miui 0.28.0 → 0.28.2

package/esm/components/layout/list/Item.stories.js

@@ -0,0 +1,100 @@
+import React from "react";
+import { omit } from "@ezez/utils";
+import { NextLink } from "../../../demo/NextLink.js";
+import { Item } from "./Item.js";
+import { List } from "./List.js";
+import { Label } from "./Label.js";
+import { Value } from "./Value.js";
+const demoControl = {
+    table: {
+        category: "Demo controls",
+    },
+};
+const meta = {
+    title: "Components/Layout/List/Item",
+    component: Item,
+    tags: ["autodocs", "layout"],
+    argTypes: {
+        inset: {
+            type: "boolean",
+        },
+        selected: {
+            type: "boolean",
+        },
+        Link: {
+            controls: "none",
+        },
+        renderList: {
+            ...demoControl,
+            type: "boolean",
+            name: "Render <List> around",
+        },
+    },
+};
+const Primary = {
+    args: {
+        children: "I am a list item",
+        Link: NextLink,
+    },
+    render: (rawProps) => {
+        const renderList = rawProps.renderList;
+        const args = omit(rawProps, ["renderList"]);
+        const items = [
+            React.createElement(Item, { key: 1, ...args }),
+            React.createElement(Item, { key: 2 }, "Other item"),
+            React.createElement(Item, { key: 3 }, "Other item"),
+        ];
+        if (renderList) {
+            return (React.createElement(List, null, items));
+        }
+        return (React.createElement("div", null, items));
+    },
+};
+const Alignment = {
+    args: {
+        children: [
+            React.createElement("div", { key: "1st" }, "first"),
+            React.createElement("div", { key: "2nd" }, "2nd"),
+            React.createElement("div", { key: "3rd" }, "last"),
+        ],
+        ratio: "1/2/1",
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Item, { ...args }),
+            React.createElement(Item, null, "Other item"),
+            React.createElement(Item, null, "Other item")));
+    },
+};
+const OnClick = {
+    args: {
+        children: "I am a list item, but I will render a button, click me",
+        onClick: () => {
+            alert("Clicked!");
+        },
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Item, { ...args }),
+            React.createElement(Item, null, "Other item"),
+            React.createElement(Item, null, "Other item")));
+    },
+};
+const Complex = {
+    args: {
+        children: [
+            React.createElement(Label, { key: "l" }, "Hi"),
+            React.createElement(Value, { key: "v" }, "Value"),
+        ],
+        selected: true,
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Item, { ...args }),
+            React.createElement(Item, null, "Other item"),
+            React.createElement(Item, null, "Other item")));
+    },
+};
+export { Primary, Alignment, OnClick, Complex, };
+export default meta;
+//# sourceMappingURL=Item.stories.js.map

package/esm/components/layout/list/Item.stories.js.map

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

package/esm/components/layout/list/Label.stories.d.ts

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

package/esm/components/layout/list/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAiBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/list/Label.stories.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Label } from "./Label.js";
+import { List } from "./List.js";
+import { Item } from "./Item.js";
+const meta = {
+    title: "Components/Layout/List/Label",
+    component: Label,
+    tags: ["autodocs", "layout"],
+    argTypes: {
+        sub: {
+            type: "string",
+        },
+    },
+};
+const Primary = {
+    args: {
+        children: "I am a label",
+        sub: "Sub text",
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Item, null,
+                React.createElement(Label, { ...args })),
+            React.createElement(Item, null, "I am classic list item")));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Label.stories.js.map

package/esm/components/layout/list/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,GAAG,EAAE,UAAU;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI;gBACD,oBAAC,KAAK,OAAK,IAAI,GAAI,CAChB;YACP,oBAAC,IAAI,iCAEE,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/list/List.stories.d.ts

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

package/esm/components/layout/list/List.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KAYd,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,KAyC1B,CAAC;AAEF,OAAO,EACH,OAAO,EACP,mBAAmB,GACtB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/list/List.stories.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { Icon, ICON } from "../../icons/Icon.js";
+import { List } from "./List.js";
+const meta = {
+    title: "Components/Layout/List/List",
+    component: List,
+    tags: ["autodocs", "layout"],
+    argTypes: {
+        inset: {
+            type: "boolean",
+        },
+    },
+};
+const Primary = {
+    args: {
+        inset: false,
+    },
+    render: (args) => {
+        return (React.createElement(List, { ...args },
+            React.createElement(List.Item, null, "I am a list item"),
+            React.createElement(List.Item, null, "I am a list item")));
+    },
+};
+const FullFeaturedExample = {
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(List.Header, null, "GPS settings"),
+            React.createElement(List.Item, null,
+                React.createElement(List.Item.Label, { sub: "Higher precision means higher battery usage" }, "GPS precision"),
+                React.createElement(List.Item.Value, null, "Low"),
+                React.createElement(Icon, { name: ICON.forward })),
+            React.createElement(List.Item, null,
+                React.createElement(List.Item, null, "Something")),
+            React.createElement(List.Header, null, "Last trips"),
+            React.createElement(List.Item, null, "Portugal"),
+            React.createElement(List.Item, null,
+                React.createElement(List.Item.Label, { sub: "Visited 2 times in last year" }, "Poland")),
+            React.createElement(List.Item, null, "Sweden"),
+            React.createElement(List.Header, null, "Choose one option"),
+            React.createElement(List.Item, { selected: true }, "yes"),
+            React.createElement(List.Item, { selected: false }, "no")));
+    },
+};
+export { Primary, FullFeaturedExample, };
+export default meta;
+//# sourceMappingURL=List.stories.js.map

package/esm/components/layout/list/List.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI,OAAK,IAAI;YACV,oBAAC,IAAI,CAAC,IAAI,2BAA6B;YACvC,oBAAC,IAAI,CAAC,IAAI,2BAA6B,CACpC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,mBAAmB,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI,CAAC,MAAM,uBAA2B;YACvC,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,6CAA6C,oBAEjD;gBAClB,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,cAEE;gBAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,CACpB;YACZ,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,oBAEE,CACJ;YACZ,oBAAC,IAAI,CAAC,MAAM,qBAEE;YACd,oBAAC,IAAI,CAAC,IAAI,mBAEE;YACZ,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,8BAA8B,aAElC,CACV;YACZ,oBAAC,IAAI,CAAC,IAAI,iBAEE;YACZ,oBAAC,IAAI,CAAC,MAAM,4BAEE;YACd,oBAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,UAAiB;YAC1C,oBAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,SAAgB,CACvC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,mBAAmB,GACtB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/list/Value.stories.d.ts

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

package/esm/components/layout/list/Value.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/list/Value.stories.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { Value } from "./Value.js";
+import { List } from "./List.js";
+import { Item } from "./Item.js";
+const meta = {
+    title: "Components/Layout/List/Value",
+    component: Value,
+    tags: ["autodocs", "layout"],
+};
+const Primary = {
+    args: {
+        children: "23,4*C",
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Item, null,
+                React.createElement("div", null, "Some label"),
+                React.createElement(Value, { ...args }))));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Value.stories.js.map

package/esm/components/layout/list/Value.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI;gBACD,8CAAqB;gBACrB,oBAAC,KAAK,OAAK,IAAI,GAAI,CAChB,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/section/Section.stories.d.ts

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

package/esm/components/layout/section/Section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAsBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/section/Section.stories.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { List } from "../list/List.js";
+import { Item } from "../list/Item.js";
+import { Section } from "./Section.js";
+const meta = {
+    title: "Components/Layout/Section",
+    component: Section,
+    tags: ["autodocs", "layout"],
+    argTypes: {
+        vertical: {
+            type: "boolean",
+        },
+        horizontal: {
+            type: "boolean",
+        },
+    },
+};
+const Primary = {
+    args: {},
+    render: (args) => (React.createElement("div", { style: { border: "1px solid #ddd" } },
+        React.createElement(Section.Container, null,
+            React.createElement(Section, { ...args }, "This is an example section, arguments in the arguments table are applied only to this section. By default sections do not have any padding, so you can place elements that should touch the edges. Use `vertical` and `horizontal` arguments to add padding."),
+            React.createElement(Section, { vertical: true, horizontal: true }, "Some section"),
+            React.createElement(Section, null,
+                React.createElement(List, null,
+                    React.createElement(Item, null, "Some item"),
+                    React.createElement(Item, null, "Some item")))))),
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Section.stories.js.map

package/esm/components/layout/section/Section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACpC,oBAAC,OAAO,CAAC,SAAS;YACd,oBAAC,OAAO,OAAK,IAAI,mQAIP;YACV,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,mBAE/B;YACV,oBAAC,OAAO;gBACJ,oBAAC,IAAI;oBACD,oBAAC,IAAI,oBAAiB;oBACtB,oBAAC,IAAI,oBAAiB,CACnB,CACD,CACM,CAClB,CACT;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/layout/table/Table.stories.d.ts

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

package/esm/components/layout/table/Table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KA4Cd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/layout/table/Table.stories.js

@@ -0,0 +1,49 @@
+import React from "react";
+import { Table } from "./Table.js";
+const meta = {
+    title: "Components/Layout/Table/Table",
+    component: Table,
+    tags: ["autodocs", "layout"],
+    argTypes: {},
+    args: {
+        striped: true,
+        wide: true,
+        centered: true,
+    },
+};
+const Primary = {
+    render: args => (React.createElement(Table, { ...args },
+        React.createElement("thead", null,
+            React.createElement("tr", null,
+                React.createElement("th", null, "Name"),
+                React.createElement("th", null, "Age"),
+                React.createElement("th", null, "Actions"))),
+        React.createElement("tbody", null,
+            React.createElement("tr", null,
+                React.createElement("td", null, "Stefan"),
+                React.createElement("td", null, "41"),
+                React.createElement("td", null, "edit")),
+            React.createElement("tr", null,
+                React.createElement("td", null, "Juliette"),
+                React.createElement("td", null, "23"),
+                React.createElement("td", null, "edit")),
+            React.createElement("tr", null,
+                React.createElement("td", null, "Amy"),
+                React.createElement("td", null, "55"),
+                React.createElement("td", null, "edit")),
+            React.createElement("tr", null,
+                React.createElement("td", null, "Stefan"),
+                React.createElement("td", null, "41"),
+                React.createElement("td", null, "edit")),
+            React.createElement("tr", null,
+                React.createElement("td", null, "Juliette"),
+                React.createElement("td", null, "23"),
+                React.createElement("td", null, "edit")),
+            React.createElement("tr", null,
+                React.createElement("td", null, "Amy"),
+                React.createElement("td", null, "55"),
+                React.createElement("td", null, "edit"))))),
+};
+export default meta;
+export { Primary, };
+//# sourceMappingURL=Table.stories.js.map

package/esm/components/layout/table/Table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACZ,oBAAC,KAAK,OAAK,IAAI;QACX;YACI;gBACI,uCAAa;gBACb,sCAAY;gBACZ,0CAAgB,CACf,CACD;QACR;YACI;gBACI,yCAAe;gBACf,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,2CAAiB;gBACjB,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,sCAAY;gBACZ,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,yCAAe;gBACf,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,2CAAiB;gBACjB,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,sCAAY;gBACZ,qCAAW;gBACX,uCAAa,CACZ,CACD,CACJ,CACX;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/ui/action/Action.stories.d.ts

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

package/esm/components/ui/action/Action.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAeX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAMb,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,KAMX,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAgBrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,MAAM,EACN,IAAI,EACJ,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/action/Action.stories.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { Action } from "./Action.js";
+const meta = {
+    title: "Components/UI/Action",
+    component: Action,
+    tags: ["autodocs", "ui"],
+    args: {
+        badge: "",
+    },
+    argTypes: {
+        badge: {
+            control: {
+                type: "text",
+            },
+        },
+        href: { type: "string" },
+    },
+};
+const Primary = {
+    args: {
+        label: "Section name",
+        icon: "checkmark",
+    },
+    render: (args) => {
+        const props = { ...args };
+        if (!args.label) {
+            delete props.label;
+        }
+        return (React.createElement(Action, { ...props }));
+    },
+};
+const Button = {
+    args: {
+        label: "I am a button",
+        icon: "checkmark",
+        onClick: () => { alert("Clicked"); },
+    },
+};
+const Link = {
+    args: {
+        label: "I am a link",
+        icon: "checkmark",
+        href: "https://example.com",
+    },
+};
+const WithCustomLink = {
+    args: {
+        label: "I am a custom link",
+        icon: "checkmark",
+        to: "/subpage",
+        Link: (props) => {
+            return (React.createElement("a", { href: props.href, onClick: (e) => { e.preventDefault(); alert("I'd take you to " + props.href); } }, props.children));
+        },
+    },
+};
+export { Primary, Button, Link, WithCustomLink, };
+export default meta;
+//# sourceMappingURL=Action.stories.js.map

package/esm/components/ui/action/Action.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC3B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,WAAW;KACpB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,KAAK,CAAC,KAAK,CAAC;QACvB,CAAC;QACD,OAAO,CACH,oBAAC,MAAM,OAAK,KAAK,GAAI,CACxB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,GAAU;IAClB,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;CACJ,CAAC;AAEF,MAAM,IAAI,GAAU;IAChB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,qBAAqB;KAC9B;CACJ,CAAC;AAEF,MAAM,cAAc,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,oBAAoB;QAC3B,IAAI,EAAE,WAAW;QACjB,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,OAAO,CACH,2BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAE9E,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;QACN,CAAC;KACJ;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,MAAM,EACN,IAAI,EACJ,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/button/Button.stories.d.ts

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

package/esm/components/ui/button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AASF,QAAA,MAAM,cAAc,EAAE,KAerB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/button/Button.stories.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from "react";
+import { styled } from "../../../theme.js";
+import { Button } from "./Button.js";
+const meta = {
+    title: "Components/UI/Button",
+    component: Button,
+    tags: ["autodocs", "ui"],
+};
+const Primary = {
+    args: {
+        children: "Click me",
+        onClick: () => { alert("Clicked"); },
+    },
+};
+const Container = styled("div", {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "1rem",
+});
+const MultipleAtOnce = {
+    render: () => {
+        const handleClick = useCallback(() => {
+            alert("Clicked");
+        }, []);
+        return (React.createElement(Container, null,
+            React.createElement(Button, { onClick: handleClick }, "Basic button"),
+            React.createElement(Button, { disabled: true, onClick: handleClick }, "Disabled button"),
+            React.createElement(Button, { inline: true, onClick: handleClick }, "Inline button"),
+            React.createElement(Button, { outline: true, onClick: handleClick }, "Outline button")));
+    },
+};
+export { Primary, MultipleAtOnce, };
+export default meta;
+//# sourceMappingURL=Button.stories.js.map

package/esm/components/ui/button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,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;CACJ,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;YACjC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACH,oBAAC,SAAS;YACN,oBAAC,MAAM,IAAC,OAAO,EAAE,WAAW,mBAAuB;YACnD,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,sBAA0B;YACtE,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,oBAAwB;YAClE,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,qBAAyB,CAC5D,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/line/Line.stories.d.ts

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

package/esm/components/ui/line/Line.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line/Line.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/ui/line/Line.stories.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { omit } from "@ezez/utils";
+import { Line } from "./Line.js";
+const meta = {
+    title: "Components/UI/Line",
+    component: Line,
+    tags: ["autodocs", "ui"],
+    argTypes: {
+        "--miui-line-size": {
+            description: "CSS property that defines length of the line",
+        },
+    },
+    args: {
+        "vertical": false,
+        "--miui-line-size": "100px",
+    },
+};
+const Primary = {
+    render: (args) => {
+        const lineSize = args["--miui-line-size"];
+        const props = omit(args, ["--miui-line-size"]);
+        return React.createElement(Line, { ...props, css: { "--miui-line-size": lineSize } });
+    },
+};
+export default meta;
+export { Primary, };
+//# sourceMappingURL=Line.stories.js.map

package/esm/components/ui/line/Line.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line/Line.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAInC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,kBAAkB,EAAE;YAChB,WAAW,EAAE,8CAA8C;SAC9D;KACJ;IACD,IAAI,EAAE;QACF,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,OAAO;KAC9B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAIb,MAAM,QAAQ,GAAI,IAAkB,CAAC,kBAAkB,CAAC,CAAC;QACzD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAiB,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5D,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAI,CAAC;IACtE,CAAC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,OAAO,EAAE,KAgBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { CoveringLoader } from "./CoveringLoader.js";
+const meta = {
+    title: "Components/UI/Loader/CoveringLoader",
+    component: CoveringLoader,
+    tags: ["autodocs", "ui"],
+};
+const Primary = {
+    args: {},
+    render: () => {
+        return (React.createElement(CoveringLoader, { show: true },
+            React.createElement("div", { style: { background: "#f0f0f0" } },
+                "some contents",
+                React.createElement("br", null),
+                "some contents Lorem ipsum etc Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam. some contents",
+                React.createElement("br", null),
+                "some contents",
+                React.createElement("br", null),
+                "some contents",
+                React.createElement("br", null))));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=CoveringLoader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,cAAc;IACzB,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,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACtB,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;;gBACpB,+BAAM;;gBAGN,+BAAM;;gBACN,+BAAM;;gBACN,+BAAM,CACjB,CACO,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

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