react-miui 0.28.0 → 0.28.2

package/esm/components/form/choice/Choice.d.ts

@@ -3,14 +3,14 @@ import type { ObjectValue, Value } from "../../../types/form";
 import { StyledChoice } from "./Choice.styled";
 type Variant = "wide" | "left";
 type StyledProps = React.ComponentProps<typeof StyledChoice>;
-type Props<T extends string> = Omit<StyledProps, "onChange"> & {
-    values: Value<T>[];
+type Props = Omit<StyledProps, "onChange"> & {
+    values: Value<string>[];
     value: string;
     name: string;
-    onChange: (value: Exclude<Value<T>, ObjectValue>) => void;
+    onChange: (value: Exclude<Value<string>, ObjectValue>) => void;
     variant?: Variant | Variant[];
 };
-declare const Choice: <T extends string>({ value, values, name, onChange, ...props }: Props<T>) => ReturnType<React.FC<Props<T>>>;
+declare const Choice: React.FC<Props>;
 export { Choice };
 export type { Props as ChoiceProps, };
 //# sourceMappingURL=Choice.d.ts.map

package/esm/components/form/choice/Choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAE7D,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC3D,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC,CAAC;AAIF,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,MAAM,EAAE,6CAG/B,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAmB1C,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAE7D,KAAK,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC,CAAC;AAIF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsB3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}

package/esm/components/form/choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgB/C,MAAM,MAAM,GAAG,CAAmB,EAE9B,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAChC,EAAkC,EAAE;IAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,oBAAC,UAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,KAAK,GAAG,CAAC,KAAK,GAC7B,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,YAAY,OAAK,KAAK,IAClB,IAAI,CACM,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgB/C,MAAM,MAAM,GAAoB,CAAC,EAE7B,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAC1C,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,oBAAC,UAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,KAAK,GAAG,CAAC,KAAK,GAC7B,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,YAAY,OAAK,KAAK,IAClB,IAAI,CACM,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/esm/components/form/choice/Choice.stories.d.ts

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

package/esm/components/form/choice/Choice.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AASrC,QAAA,MAAM,KAAK,EAAE,KAgBZ,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KA8BvB,CAAC;AAUF,QAAA,MAAM,QAAQ,EAAE,KAuDf,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACH,KAAK,EACL,gBAAgB,EAChB,QAAQ,GACX,CAAC"}

package/esm/components/form/choice/Choice.stories.js

@@ -0,0 +1,80 @@
+import React, { useState } from "react";
+import { styled } from "../../../theme.js";
+import { Section } from "../../layout/section/Section.js";
+import { Choice } from "./Choice.js";
+const meta = {
+    title: "Components/Form/Choice",
+    component: Choice,
+    tags: ["autodocs", "form"],
+};
+const Container = styled("div", {
+    display: "flex",
+    flexDirection: "column",
+    gap: "2rem",
+    padding: "1rem",
+});
+const Basic = {
+    render: () => {
+        const values = ["Single", "Multiple words"];
+        const [current, setCurrent] = useState(values[0]);
+        return (React.createElement(Section, { vertical: true, horizontal: true },
+            React.createElement(Choice, { values: values, value: current, name: "basic-choice", onChange: setCurrent })));
+    },
+};
+const WithObjectValues = {
+    render: () => {
+        const values = [
+            {
+                label: "Option 1",
+                value: "one",
+            },
+            {
+                label: "Option 2",
+                value: "two",
+            },
+            {
+                label: "Option 3",
+                value: "three",
+            },
+        ];
+        const [current, setCurrent] = useState(values[0].value);
+        return (React.createElement(Section, { vertical: true, horizontal: true },
+            React.createElement(Choice, { values: values, value: current, name: "object-choice", onChange: setCurrent }),
+            React.createElement("p", null,
+                "Current value: ",
+                current)));
+    },
+};
+const Blue = styled(Choice, {
+    "--choice-text": "#59a5c2",
+    "--choice-border": "#10a4dc",
+    "--choice-bg": "#f9fdff",
+    "--choice-active-text": "#145b79",
+    "--choice-active-bg": "#ddf5ff",
+});
+const Variants = {
+    render: () => {
+        const values = [
+            { label: "Option 1", value: "one" },
+            { label: "Option 2", value: "two" },
+            { label: "Option 3", value: "three" },
+        ];
+        const [current, setCurrent] = useState(values[0].value);
+        return (React.createElement(Container, null,
+            React.createElement(Section, { vertical: true, horizontal: true },
+                React.createElement("h3", null, "Default (centered)"),
+                React.createElement(Choice, { values: values, value: current, name: "default-choice", onChange: setCurrent })),
+            React.createElement(Section, { vertical: true, horizontal: true },
+                React.createElement("h3", null, "Wide variant"),
+                React.createElement(Choice, { values: values, value: current, name: "wide-choice", onChange: setCurrent, wide: true })),
+            React.createElement(Section, { vertical: true, horizontal: true },
+                React.createElement("h3", null, "Left aligned variant"),
+                React.createElement(Choice, { values: values, value: current, name: "left-choice", onChange: setCurrent, unaligned: true })),
+            React.createElement(Section, { vertical: true, horizontal: true },
+                React.createElement("h3", null, "Custom colors"),
+                React.createElement(Blue, { values: values, value: current, name: "combined-choice", onChange: setCurrent }))));
+    },
+};
+export default meta;
+export { Basic, WithObjectValues, Variants, };
+//# sourceMappingURL=Choice.stories.js.map

package/esm/components/form/choice/Choice.stories.js.map

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

package/esm/components/form/input/Input.d.ts

@@ -9,7 +9,7 @@ interface CustomProps<T extends string> {
     onSuggestionMatch?: (value: Exclude<Value<T>, ObjectValue>, __chromiumPickedFromList: boolean) => void;
 }
 type Props<T extends string> = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & CustomProps<T>;
-declare const Input: <T extends string>({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, ...props }: Props<T>) => ReturnType<React.FC<Props<T>>>;
+declare const Input: <T extends string>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => JSX.Element;
 export { Input, };
 export type { Props as InputProps, CustomProps as InputCustomProps, };
 //# sourceMappingURL=Input.d.ts.map

package/esm/components/form/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAM9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAK5G,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,EAAE,gIAQ9B,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAwE1C,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAM9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAyF5G,QAAA,MAAM,KAAK,EAAmC,CAAC,CAAC,SAAS,MAAM,EAC3D,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtD,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EACH,KAAK,GACR,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}

package/esm/components/form/input/Input.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useId, useState } from "react";
 import { Suggestions } from "../Suggestions.js";
 import { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix } from "./Input.styled.js";
-const Input = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, ...props }) => {
+const InputInner = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, ...props }, ref) => {
     const [focused, setFocused] = useState(false);
     const suggestionsId = useId();
     const [info] = useState({});
@@ -45,9 +45,10 @@ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown
     }
     return (React.createElement(StyledWrapper, { className: className, focused: Boolean(focused), disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
         prefixElem,
-        React.createElement(StyledInput, { ...props, ...extraProps, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) }),
+        React.createElement(StyledInput, { ref: ref, ...props, ...extraProps, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) }),
         React.createElement(Suggestions, { id: suggestionsId, suggestions: suggestions }),
         suffixElem));
 };
+const Input = React.forwardRef(InputInner);
 export { Input, };
 //# sourceMappingURL=Input.js.map

package/esm/components/form/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+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;
+declare const InputRef: Story;
+export { Primary, Mixed, InputRef, };
+export default meta;
+//# sourceMappingURL=Input.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAMvD,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,QAAA,MAAM,QAAQ,EAAE,KAiBf,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,EAAE,QAAQ,GAC3B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,53 @@
+import React, { useCallback } from "react";
+import { Icon, ICON } from "../../icons/Icon.js";
+import { countries } from "../../../demo/components/form/countries.const.js";
+import { Button } from "../../ui/button/Button.js";
+import { Input } from "./Input.js";
+const meta = {
+    title: "Components/Form/Input",
+    component: 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.createElement(Icon, { name: ICON.battery }),
+        suffix: "kWh",
+    },
+};
+const handleSuggestionMatch = (s, picked) => {
+    alert("Suggestion " + (picked ? "picked" : "matched") + " : " + s);
+};
+const Mixed = {
+    render: () => (React.createElement(React.Fragment, null,
+        React.createElement(Input, { placeholder: "Capacity", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" }),
+        React.createElement(Input, { value: "William J. Welter" }),
+        React.createElement(Input, { prefix: "Text prefix", value: "Polly W. Wilson" }),
+        React.createElement(Input, { prefix: "Disabled", value: "Clayton J. Foster", disabled: true }),
+        React.createElement(Input, { prefix: "Read only", value: "Norma J. Gomez", readOnly: true }),
+        React.createElement(Input, { placeholder: "With suggestions, try country name", suggestions: countries, onSuggestionMatch: handleSuggestionMatch }))),
+};
+const InputRef = {
+    render: () => {
+        const ref = React.useRef(null);
+        const handleRandomValue = useCallback(() => {
+            if (ref.current) {
+                ref.current.value = (Math.random() * 100).toFixed(2);
+            }
+        }, []);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Input, { ref: ref, placeholder: "Capacity", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" }),
+            React.createElement(Button, { onClick: handleRandomValue }, "Set random value")));
+    },
+};
+export { Primary, Mixed, InputRef, };
+export default meta;
+//# sourceMappingURL=Input.stories.js.map

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

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

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

@@ -0,0 +1,8 @@
+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/esm/components/form/textarea/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/components/form/textarea/TextArea.stories.js

@@ -0,0 +1,19 @@
+import { TextArea } from "./TextArea.js";
+const meta = {
+    title: "Components/Form/TextArea",
+    component: TextArea,
+    tags: ["autodocs", "form"],
+    argTypes: {
+        error: { type: "boolean" },
+        disabled: { type: "boolean" },
+        readOnly: { type: "boolean" },
+    },
+};
+const Primary = {
+    args: {
+        placeholder: "Type something here",
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=TextArea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;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;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,11 @@
+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/esm/components/layout/header/Header.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/components/layout/header/Header.stories.js

@@ -0,0 +1,56 @@
+import React from "react";
+import { ICON } from "../../icons/Icon.js";
+import { Header } from "./Header.js";
+import { HeaderIconAction } from "./HeaderIconAction.js";
+const meta = {
+    title: "Components/Layout/Header/Header",
+    component: Header,
+    tags: ["autodocs", "layout"],
+    argTypes: {
+        before: {
+            control: {
+                type: "text",
+            },
+        },
+        after: {
+            control: {
+                type: "text",
+            },
+        },
+    },
+    args: {
+        before: "Left side",
+        children: "Title",
+        after: "[Icons]",
+    },
+};
+const Primary = {};
+const LongContent = {
+    render: (args) => {
+        const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Header, { ...args }),
+            longContent));
+    },
+};
+const handleClick = () => { alert(1); };
+const WithButtons = {
+    args: {
+        before: (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
+            React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
+    },
+};
+const Vertical = {
+    args: {
+        before: (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
+            React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
+        after: null,
+        position: "left",
+        children: "M",
+    },
+};
+export { Primary, LongContent, WithButtons, Vertical, };
+export default meta;
+//# sourceMappingURL=Header.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,MAAM;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;AAC1B,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,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,oBAAC,MAAM,OAAK,IAAI,GAAI;YACnB,WAAW,CAEb,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,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,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;KACJ;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;QACD,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,9 @@
+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/esm/components/layout/header/HeaderIconAction.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/components/layout/header/HeaderIconAction.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Header } from "./Header.js";
+import { HeaderIconAction } from "./HeaderIconAction.js";
+const meta = {
+    title: "Components/Layout/Header/HeaderIconAction",
+    component: HeaderIconAction,
+    tags: ["autodocs", "layout"],
+    render: (args) => {
+        return (React.createElement(Header, { before: React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") }) }, "On the left you can see the icon"));
+    },
+};
+const Primary = {};
+const MultipleIcons = {
+    render: ({ onClick: _onClick, ...args }) => {
+        const after = (React.createElement(React.Fragment, null,
+            React.createElement("div", null, "some text"),
+            React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") }),
+            React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") })));
+        return (React.createElement(Header, { after: after }, "On the left you can see the icon"));
+    },
+};
+export { Primary, MultipleIcons, };
+export default meta;
+//# sourceMappingURL=HeaderIconAction.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIconAction.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,MAAM,IAAC,MAAM,EAAE,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI,uCAEnD,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAE1B,MAAM,aAAa,GAAU;IACzB,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;QACvC,MAAM,KAAK,GAAG,CACV;YACI,6CAAoB;YACpB,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI;YAC5C,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI,CAC7C,CACN,CAAC;QACF,OAAO,CACH,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,uCAEX,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,aAAa,GAChB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,9 @@
+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/esm/components/layout/header/StickyHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/components/layout/header/StickyHeader.stories.js

@@ -0,0 +1,60 @@
+import React, { useEffect } from "react";
+import { useForceUpdate } from "@ezez/hooks";
+import { StickyHeader } from "./StickyHeader.js";
+import { Header } from "./Header.js";
+const meta = {
+    title: "Components/Layout/Header/StickyHeader",
+    component: 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.createElement("div", { key: key }, "content"));
+        return (React.createElement(React.Fragment, null,
+            React.createElement("style", null, `#story--components-layout-header-stickyheader--primary--primary-inner {
+                        height: 400px;
+                    }`),
+            React.createElement(StickyHeader, { ...args },
+                React.createElement(Header, null, "x"),
+                React.createElement(StickyHeader.Content, null, longContent))));
+    },
+};
+const RefsDemo = {
+    render: (args) => {
+        const ref = React.useRef(null);
+        const refContent = React.useRef(null);
+        const handleForceUpdate = useForceUpdate();
+        useEffect(() => {
+            handleForceUpdate();
+        }, []);
+        console.info("RefsDemo", {
+            ref: ref.current, refContent: refContent.current,
+        });
+        return (React.createElement(React.Fragment, null,
+            React.createElement(StickyHeader, { ...args, ref: ref },
+                React.createElement(Header, null, "x"),
+                React.createElement(StickyHeader.Content, { ref: refContent },
+                    `Ref: ${ref.current ? `set ${ref.current.nodeName}` : "not set"}`,
+                    React.createElement("br", null),
+                    `RefContent: ${refContent.current ? `set ${refContent.current.nodeName}` : "not set"}`,
+                    React.createElement("br", null)))));
+    },
+};
+export { Primary, RefsDemo, };
+export default meta;
+//# sourceMappingURL=StickyHeader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,YAAY;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,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,mCACK;;sBAEC,CACE;YACR,oBAAC,YAAY,OAAK,IAAI;gBAClB,oBAAC,MAAM,YAAW;gBAClB,oBAAC,YAAY,CAAC,OAAO,QAAE,WAAW,CAAwB,CAC/C,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QACtD,MAAM,iBAAiB,GAAG,cAAc,EAAE,CAAC;QAE3C,SAAS,CAAC,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,oBAAC,YAAY,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG;gBAC5B,oBAAC,MAAM,YAAW;gBAClB,oBAAC,YAAY,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,+BAAM;oBACxE,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,+BAAM,CAC3E,CACZ,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,8 @@
+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/esm/components/layout/list/Header.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/components/layout/list/Header.stories.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Header } from "./Header.js";
+import { List } from "./List.js";
+const meta = {
+    title: "Components/Layout/List/Header",
+    component: Header,
+    tags: ["autodocs", "layout"],
+};
+const Primary = {
+    args: {
+        children: "Section name",
+    },
+    render: (args) => {
+        return (React.createElement(List, null,
+            React.createElement(Header, { ...args }),
+            React.createElement(List.Item, null, "Item 1"),
+            React.createElement(List.Item, null, "Item 2"),
+            React.createElement(List.Item, null, "Item 3"),
+            React.createElement(Header, { ...args }),
+            React.createElement(List.Item, null, "Item 1"),
+            React.createElement(List.Item, null, "Item 2"),
+            React.createElement(List.Item, null, "Item 3")));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=Header.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;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,oBAAC,IAAI;YACD,oBAAC,MAAM,OAAK,IAAI,GAAI;YACpB,oBAAC,IAAI,CAAC,IAAI,iBAAmB;YAC7B,oBAAC,IAAI,CAAC,IAAI,iBAAmB;YAC7B,oBAAC,IAAI,CAAC,IAAI,iBAAmB;YAC7B,oBAAC,MAAM,OAAK,IAAI,GAAI;YACpB,oBAAC,IAAI,CAAC,IAAI,iBAAmB;YAC7B,oBAAC,IAAI,CAAC,IAAI,iBAAmB;YAC7B,oBAAC,IAAI,CAAC,IAAI,iBAAmB,CAC1B,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,11 @@
+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/esm/components/layout/list/Item.stories.d.ts.map

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