react-miui 0.27.10 → 0.28.0

package/dist/components/form/Toggle.module.scss

@@ -1,55 +0,0 @@
-.container {
-    --ratio-dimensions: 2.5;
-
-    display: inline-flex;
-    align-items: center;
-    border: 1px solid #ccc;
-    border-radius: 100px;
-    position: relative;
-    line-height: 0;
-    width: calc(110px / var(--ratio-dimensions));
-    height: calc(62px / var(--ratio-dimensions));
-    padding-left: calc(8px / var(--ratio-dimensions));
-    box-sizing: border-box;
-
-    input {
-        position: absolute;
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        visibility: hidden;
-
-        &:not(:checked) + .toggle {
-            transform: translateX(0);
-            background: var(--toggle-handle-bg);
-            border-color: var(--toggle-handle-border);
-        }
-
-        &[data-undetermined=true] + .toggle {
-            transform: translateX(calc(24px / var(--ratio-dimensions)));
-            background: var(--toggle-handle-border);
-            border-color: var(--toggle-handle-border);
-        }
-
-        &:disabled:checked + .toggle {
-            border-color: var(--toggle-handle-border-disabled);
-            background: var(--toggle-handle-bg-disabled);
-        }
-    }
-}
-
-.disabled {
-    background: var(--toggle-bg-disabled);
-}
-
-.toggle {
-    box-sizing: border-box;
-    border-radius: 100px;
-    display: inline-block;
-    width: calc(44px / var(--ratio-dimensions));
-    height: calc(44px / var(--ratio-dimensions));
-    border: calc(1px / var(--ratio-border)) solid var(--orange1-darker);
-    background: var(--orange1);
-    transition: transform 200ms, background-color 200ms, border-color 200ms;
-    transform: translateX(calc(48px / var(--ratio-dimensions)));
-}

package/dist/components/form/choice/Choice.module.scss

@@ -1,56 +0,0 @@
-.choice {
-    input {
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        opacity: 0;
-        margin: 0;
-        position: absolute;
-
-        &:checked + span {
-            color: var(--choice-active-text);
-            background: var(--choice-active-bg);
-        }
-    }
-
-    span {
-        display: flex;
-        padding: 0 1em;
-        flex: 1;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        font-size: calc(24px / var(--ratio-font));
-        color: var(--choice-text);
-        background: var(--choice-bg);
-        white-space: nowrap;
-    }
-
-    display: flex;
-    border: 1px solid var(--choice-border); // @TODO width
-    position: relative;
-    border-radius: 8px;
-    overflow: hidden;
-    width: max-content;
-    margin-left: auto;
-    margin-right: auto;
-
-    label {
-        flex: 1;
-        height: calc(89px / var(--ratio-dimensions));
-        display: flex;
-
-        + label {
-            border-left: 1px solid var(--choice-border);
-        }
-    }
-}
-
-.wide {
-    width: 100%;
-}
-
-.left {
-    margin-left: unset;
-    margin-right: unset;
-}

package/dist/components/form/input/Input.stories.d.ts

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

package/dist/components/form/input/Input.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/input/Input.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mixed = exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const Icon_1 = require("../../icons/Icon");
-const countries_const_1 = require("../../../demo/components/form/countries.const");
-const Input_1 = require("./Input");
-const meta = {
-    title: "Components/Form/Input",
-    component: Input_1.Input,
-    tags: ["autodocs", "form"],
-    argTypes: {
-        error: { type: "boolean" },
-        disabled: { type: "boolean" },
-        readOnly: { type: "boolean" },
-        prefix: { type: "string" },
-        suffix: { type: "string" },
-        children: { table: { disable: true } },
-    },
-};
-const Primary = {
-    args: {
-        placeholder: "Capacity",
-        prefix: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.battery }),
-        suffix: "kWh",
-    },
-};
-exports.Primary = Primary;
-const handleSuggestionMatch = (s, picked) => {
-    alert("Suggestion " + (picked ? "picked" : "matched") + " : " + s);
-};
-const Mixed = {
-    render: () => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Input_1.Input, { placeholder: "Capacity", prefix: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.battery }), suffix: "kWh" }),
-        react_1.default.createElement(Input_1.Input, { value: "William J. Welter" }),
-        react_1.default.createElement(Input_1.Input, { prefix: "Text prefix", value: "Polly W. Wilson" }),
-        react_1.default.createElement(Input_1.Input, { prefix: "Disabled", value: "Clayton J. Foster", disabled: true }),
-        react_1.default.createElement(Input_1.Input, { prefix: "Read only", value: "Norma J. Gomez", readOnly: true }),
-        react_1.default.createElement(Input_1.Input, { placeholder: "With suggestions, try country name", suggestions: countries_const_1.countries, onSuggestionMatch: handleSuggestionMatch }))),
-};
-exports.Mixed = Mixed;
-exports.default = meta;
-//# sourceMappingURL=Input.stories.js.map

package/dist/components/form/input/Input.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAA8C;AAC9C,mFAA0E;AAE1E,mCAAgC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;KACzC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,UAAU;QACvB,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI;QACpC,MAAM,EAAE,KAAK;KAChB;CACJ,CAAC;AAwBE,0BAAO;AAtBX,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE;IACzD,KAAK,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,8BAAC,aAAK,IAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI;QACvF,8BAAC,aAAK,IAAC,KAAK,EAAE,mBAAmB,GAAI;QACrC,8BAAC,aAAK,IAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,GAAI;QAC1D,8BAAC,aAAK,IAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACzE,8BAAC,aAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACvE,8BAAC,aAAK,IACF,WAAW,EAAE,oCAAoC,EACjD,WAAW,EAAE,2BAAS,EACtB,iBAAiB,EAAE,qBAAqB,GAC1C,CACH,CACN;CACJ,CAAC;AAGW,sBAAK;AAGlB,kBAAe,IAAI,CAAC"}

package/dist/components/form/textarea/TextArea.stories.d.ts

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

package/dist/components/form/textarea/TextArea.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/textarea/TextArea.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const TextArea_1 = require("./TextArea");
-const meta = {
-    title: "Components/Form/TextArea",
-    component: TextArea_1.TextArea,
-    tags: ["autodocs", "form"],
-    argTypes: {
-        error: { type: "boolean" },
-        disabled: { type: "boolean" },
-        readOnly: { type: "boolean" },
-    },
-};
-const Primary = {
-    args: {
-        placeholder: "Type something here",
-    },
-};
-exports.Primary = Primary;
-exports.default = meta;
-//# sourceMappingURL=TextArea.stories.js.map

package/dist/components/form/textarea/TextArea.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,qBAAqB;KACrC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/layout/header/Header.stories.d.ts

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

package/dist/components/layout/header/Header.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAC1B,QAAA,MAAM,WAAW,EAAE,KAalB,CAAC;AAIF,QAAA,MAAM,WAAW,EAAE,KASlB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAYf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/layout/header/Header.stories.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Vertical = exports.WithButtons = exports.LongContent = exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const Icon_1 = require("../../icons/Icon");
-const Header_1 = require("./Header");
-const HeaderIconAction_1 = require("./HeaderIconAction");
-const meta = {
-    title: "Components/Layout/Header/Header",
-    component: Header_1.Header,
-    tags: ["autodocs", "layout"],
-    argTypes: {
-        before: {
-            control: {
-                type: "text",
-            },
-        },
-        after: {
-            control: {
-                type: "text",
-            },
-        },
-    },
-    args: {
-        before: "Left side",
-        children: "Title",
-        after: "[Icons]",
-    },
-};
-const Primary = {};
-exports.Primary = Primary;
-const LongContent = {
-    render: (args) => {
-        const longContent = new Array(1000).fill(null).map((_, key) => react_1.default.createElement("div", { key: key }, "content"));
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Header_1.Header, Object.assign({}, args)),
-            longContent));
-    },
-};
-exports.LongContent = LongContent;
-const handleClick = () => { alert(1); };
-const WithButtons = {
-    args: {
-        before: (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.back, onClick: handleClick }),
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.checkmark, onClick: handleClick }))),
-    },
-};
-exports.WithButtons = WithButtons;
-const Vertical = {
-    args: {
-        before: (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.back, onClick: handleClick }),
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.checkmark, onClick: handleClick }))),
-        after: null,
-        position: "left",
-        children: "M",
-    },
-};
-exports.Vertical = Vertical;
-exports.default = meta;
-//# sourceMappingURL=Header.stories.js.map

package/dist/components/layout/header/Header.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAAwC;AAExC,qCAAkC;AAClC,yDAAsD;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;KACJ;IACD,IAAI,EAAE;QACF,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AA4CtB,0BAAO;AA3CX,MAAM,WAAW,GAAU;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,uCAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,8BAAC,eAAM,oBAAK,IAAI,EAAI;YACnB,WAAW,CAEb,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AA+BE,kCAAW;AA7Bf,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,GAAU;IACvB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,8BAAC,mCAAgB,IAAC,IAAI,EAAE,WAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,8BAAC,mCAAgB,IAAC,IAAI,EAAE,WAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;KACJ;CACJ,CAAC;AAmBE,kCAAW;AAjBf,MAAM,QAAQ,GAAU;IACpB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,8BAAC,mCAAgB,IAAC,IAAI,EAAE,WAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,8BAAC,mCAAgB,IAAC,IAAI,EAAE,WAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;QACD,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC;AAME,4BAAQ;AAGZ,kBAAe,IAAI,CAAC"}

package/dist/components/layout/header/HeaderIconAction.stories.d.ts

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

package/dist/components/layout/header/HeaderIconAction.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderIconAction.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAE1B,QAAA,MAAM,aAAa,EAAE,KAepB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,aAAa,GAChB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/layout/header/HeaderIconAction.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleIcons = exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const Header_1 = require("./Header");
-const HeaderIconAction_1 = require("./HeaderIconAction");
-const meta = {
-    title: "Components/Layout/Header/HeaderIconAction",
-    component: HeaderIconAction_1.HeaderIconAction,
-    tags: ["autodocs", "layout"],
-    render: (args) => {
-        return (react_1.default.createElement(Header_1.Header, { before: react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, Object.assign({}, args, { icon: react_1.default.createElement(react_1.default.Fragment, null, "i") })) }, "On the left you can see the icon"));
-    },
-};
-const Primary = {};
-exports.Primary = Primary;
-const MultipleIcons = {
-    render: (_a) => {
-        var { onClick: _onClick } = _a, args = __rest(_a, ["onClick"]);
-        const after = (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", null, "some text"),
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, Object.assign({}, args, { icon: react_1.default.createElement(react_1.default.Fragment, null, "i") })),
-            react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, Object.assign({}, args, { icon: react_1.default.createElement(react_1.default.Fragment, null, "i") }))));
-        return (react_1.default.createElement(Header_1.Header, { after: after }, "On the left you can see the icon"));
-    },
-};
-exports.MultipleIcons = MultipleIcons;
-exports.default = meta;
-//# sourceMappingURL=HeaderIconAction.stories.js.map

package/dist/components/layout/header/HeaderIconAction.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderIconAction.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAClC,yDAAsD;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,mCAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,eAAM,IAAC,MAAM,EAAE,8BAAC,mCAAgB,oBAAK,IAAI,IAAE,IAAI,EAAE,kEAAM,IAAI,uCAEnD,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAoBtB,0BAAO;AAlBX,MAAM,aAAa,GAAU;IACzB,MAAM,EAAE,CAAC,EAA8B,EAAE,EAAE;YAAlC,EAAE,OAAO,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA5B,WAA8B,CAAF;QACjC,MAAM,KAAK,GAAG,CACV;YACI,uDAAoB;YACpB,8BAAC,mCAAgB,oBAAK,IAAI,IAAE,IAAI,EAAE,kEAAM,IAAI;YAC5C,8BAAC,mCAAgB,oBAAK,IAAI,IAAE,IAAI,EAAE,kEAAM,IAAI,CAC7C,CACN,CAAC;QACF,OAAO,CACH,8BAAC,eAAM,IAAC,KAAK,EAAE,KAAK,uCAEX,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,sCAAa;AAGjB,kBAAe,IAAI,CAAC"}

package/dist/components/layout/header/StickyHeader.stories.d.ts

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

package/dist/components/layout/header/StickyHeader.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StickyHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAmBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAmBd,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KA0Bf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/layout/header/StickyHeader.stories.js

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RefsDemo = exports.Primary = void 0;
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("@ezez/hooks");
-const StickyHeader_1 = require("./StickyHeader");
-const Header_1 = require("./Header");
-const meta = {
-    title: "Components/Layout/Header/StickyHeader",
-    component: StickyHeader_1.StickyHeader,
-    tags: ["autodocs", "layout"],
-    argTypes: {
-        children: {
-            control: {
-                disable: true,
-            },
-            description: "Usual children",
-        },
-        position: {
-            control: {
-                type: "select",
-            },
-            description: "Position of the header",
-            options: ["top", "left", "right", "bottom"],
-        },
-    },
-};
-const Primary = {
-    render: (args) => {
-        const longContent = new Array(1000).fill(null).map((_, key) => react_1.default.createElement("div", { key: key }, "content"));
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("style", null, `#story--components-layout-header-stickyheader--primary--primary-inner {
-                        height: 400px;
-                    }`),
-            react_1.default.createElement(StickyHeader_1.StickyHeader, Object.assign({}, args),
-                react_1.default.createElement(Header_1.Header, null, "x"),
-                react_1.default.createElement(StickyHeader_1.StickyHeader.Content, null, longContent))));
-    },
-};
-exports.Primary = Primary;
-const RefsDemo = {
-    render: (args) => {
-        const ref = react_1.default.useRef(null);
-        const refContent = react_1.default.useRef(null);
-        const handleForceUpdate = (0, hooks_1.useForceUpdate)();
-        (0, react_1.useEffect)(() => {
-            handleForceUpdate();
-        }, []);
-        console.info("RefsDemo", {
-            ref: ref.current, refContent: refContent.current,
-        });
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(StickyHeader_1.StickyHeader, Object.assign({}, args, { ref: ref }),
-                react_1.default.createElement(Header_1.Header, null, "x"),
-                react_1.default.createElement(StickyHeader_1.StickyHeader.Content, { ref: refContent },
-                    `Ref: ${ref.current ? `set ${ref.current.nodeName}` : "not set"}`,
-                    react_1.default.createElement("br", null),
-                    `RefContent: ${refContent.current ? `set ${refContent.current.nodeName}` : "not set"}`,
-                    react_1.default.createElement("br", null)))));
-    },
-};
-exports.RefsDemo = RefsDemo;
-exports.default = meta;
-//# sourceMappingURL=StickyHeader.stories.js.map

package/dist/components/layout/header/StickyHeader.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StickyHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAEzC,uCAA6C;AAI7C,iDAA8C;AAC9C,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,2BAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,OAAO,EAAE,IAAI;aAChB;YACD,WAAW,EAAE,gBAAgB;SAChC;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;aACjB;YACD,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;SAC9C;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,uCAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,6CACK;;sBAEC,CACE;YACR,8BAAC,2BAAY,oBAAK,IAAI;gBAClB,8BAAC,eAAM,YAAW;gBAClB,8BAAC,2BAAY,CAAC,OAAO,QAAE,WAAW,CAAwB,CAC/C,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AA+BE,0BAAO;AA7BX,MAAM,QAAQ,GAAU;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QACtD,MAAM,iBAAiB,GAAG,IAAA,sBAAc,GAAE,CAAC;QAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;YACX,iBAAiB,EAAE,CAAC;QACxB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE;YACrB,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,OAAO;SACnD,CAAC,CAAC;QAEH,OAAO,CACH;YACI,8BAAC,2BAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG;gBAC5B,8BAAC,eAAM,YAAW;gBAClB,8BAAC,2BAAY,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU;oBAChC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,yCAAM;oBACxE,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,yCAAM,CAC3E,CACZ,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,4BAAQ;AAGZ,kBAAe,IAAI,CAAC"}

package/dist/components/layout/list/Header.stories.d.ts

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

package/dist/components/layout/list/Header.stories.d.ts.map

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

package/dist/components/layout/list/Header.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const Header_1 = require("./Header");
-const List_1 = require("./List");
-const meta = {
-    title: "Components/Layout/List/Header",
-    component: Header_1.Header,
-    tags: ["autodocs", "layout"],
-};
-const Primary = {
-    args: {
-        children: "Section name",
-    },
-    render: (args) => {
-        return (react_1.default.createElement(List_1.List, null,
-            react_1.default.createElement(Header_1.Header, Object.assign({}, args)),
-            react_1.default.createElement(List_1.List.Item, null, "Item 1"),
-            react_1.default.createElement(List_1.List.Item, null, "Item 2"),
-            react_1.default.createElement(List_1.List.Item, null, "Item 3"),
-            react_1.default.createElement(Header_1.Header, Object.assign({}, args)),
-            react_1.default.createElement(List_1.List.Item, null, "Item 1"),
-            react_1.default.createElement(List_1.List.Item, null, "Item 2"),
-            react_1.default.createElement(List_1.List.Item, null, "Item 3")));
-    },
-};
-exports.Primary = Primary;
-exports.default = meta;
-//# sourceMappingURL=Header.stories.js.map

package/dist/components/layout/list/Header.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAClC,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;KAC3B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,eAAM,oBAAK,IAAI,EAAI;YACpB,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,eAAM,oBAAK,IAAI,EAAI;YACpB,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB,CAC1B,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/layout/list/Item.stories.d.ts

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

package/dist/components/layout/list/Item.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW9B,QAAA,MAAM,IAAI,EAAE,IAoBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KA0Bd,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAkBhB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAgBd,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAiBd,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}