react-miui 0.2.0 → 0.4.2

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const HeaderDemo: () => JSX.Element;
-declare const CenteredHeaderDemo: () => JSX.Element;
-declare const HeaderWithButtonsDemo: () => JSX.Element;
-declare const HeaderWithButtonsOnSideDemo: () => JSX.Element;
-export { HeaderDemo, CenteredHeaderDemo, HeaderWithButtonsDemo, HeaderWithButtonsOnSideDemo };
-//# sourceMappingURL=Header.d.ts.map

package/esm/demo/components/layout/header/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/Header.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,UAAU,mBAUf,CAAC;AAEF,QAAA,MAAM,kBAAkB,mBASvB,CAAC;AAKF,QAAA,MAAM,qBAAqB,mBAqD1B,CAAC;AAEF,QAAA,MAAM,2BAA2B,mBAqBhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,CAAC"}

package/esm/demo/components/layout/header/Header.js

@@ -1,46 +0,0 @@
-import React from "react";
-import Link from "next/link";
-import { Header, ICON, StickyHeader } from "../../../../index.js";
-import { HeaderIconAction } from "../../../../components/layout/header/HeaderIconAction";
-const HeaderDemo = () => {
-    const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Header, null, "Some place"),
-        longContent));
-};
-const CenteredHeaderDemo = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { center: true }, "Messages"),
-        React.createElement("div", null, "Header text is centered")));
-};
-const handleClick = () => { alert(1); };
-const HeaderWithButtonsDemo = () => {
-    const demo = (React.createElement(React.Fragment, null,
-        React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
-        React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick })));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { center: true, before: "A text" }, "Messages"),
-        React.createElement("div", null, "Header text is centered"),
-        React.createElement(Header, { before: "A text" }, "Messages"),
-        React.createElement("div", null, "Header text is start aligned"),
-        React.createElement(Header, { before: demo }, "Messages"),
-        React.createElement("div", null, "Some button icons are added on the left to left aligned title"),
-        React.createElement(Header, { before: demo, center: true }, "Messages"),
-        React.createElement("div", null, "Some button icons are added on the left to centered aligned title"),
-        React.createElement(Header, { before: React.createElement(HeaderIconAction, { icon: ICON.back, to: "/react-miui", Link: Link }), center: true }, "Messages"),
-        React.createElement("div", null, "Some internal link icons are added on the left to centered aligned title"),
-        React.createElement(Header, { before: React.createElement(HeaderIconAction, { icon: ICON.back, href: "https://www.npmjs.com/package/react-miui" }), center: true }, "Messages"),
-        React.createElement("div", null, "Some external link icons are added on the left to centered aligned title"),
-        React.createElement(Header, { before: React.createElement(HeaderIconAction, { icon: ICON.back, href: "https://www.npmjs.com/package/react-miui" }), after: React.createElement(HeaderIconAction, { icon: ICON.checkmark, href: "https://www.npmjs.com/package/react-miui" }), center: true }, "Messages"),
-        React.createElement("div", null, "Some external link icons are added on both sides to centered aligned title")));
-};
-const HeaderWithButtonsOnSideDemo = () => {
-    const demo = (React.createElement(React.Fragment, null,
-        React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
-        React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick })));
-    return (React.createElement(StickyHeader, { position: "left" },
-        React.createElement(Header, { center: true, before: demo, after: demo }, "M"),
-        React.createElement(StickyHeader.Content, null, "Header is on the side")));
-};
-export { HeaderDemo, CenteredHeaderDemo, HeaderWithButtonsDemo, HeaderWithButtonsOnSideDemo };
-//# sourceMappingURL=Header.js.map

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare const StickyHeaderDemo: () => JSX.Element;
-declare const StickyHeaderBottomDemo: () => JSX.Element;
-declare const StickyHeaderTopBottomDemo: () => JSX.Element;
-declare const StickyHeaderLeftDemo: () => JSX.Element;
-declare const StickyHeaderRightDemo: () => JSX.Element;
-declare const StickyHeaderLeftCenterDemo: () => JSX.Element;
-export { StickyHeaderDemo, StickyHeaderBottomDemo, StickyHeaderTopBottomDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderLeftCenterDemo, };
-//# sourceMappingURL=StickyHeader.d.ts.map

package/esm/demo/components/layout/header/StickyHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StickyHeader.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB,mBASrB,CAAC;AAEF,QAAA,MAAM,sBAAsB,mBAS3B,CAAC;AAEF,QAAA,MAAM,yBAAyB,mBAc9B,CAAC;AAEF,QAAA,MAAM,oBAAoB,mBASzB,CAAC;AAEF,QAAA,MAAM,qBAAqB,mBAS1B,CAAC;AAEF,QAAA,MAAM,0BAA0B,mBAS/B,CAAC;AAEF,OAAO,EACH,gBAAgB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,qBAAqB,EAChH,0BAA0B,GAC7B,CAAC"}

package/esm/demo/components/layout/header/StickyHeader.js

@@ -1,62 +0,0 @@
-import React from "react";
-import { Header, StickyHeader } from "../../../../index.js";
-const LongContent = () => {
-    const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
-    return React.createElement(React.Fragment, null, longContent);
-};
-const StickyHeaderDemo = () => {
-    return (React.createElement(StickyHeader, null,
-        React.createElement(Header, null, "Some place"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(LongContent, null))));
-};
-const StickyHeaderBottomDemo = () => {
-    return (React.createElement(StickyHeader, { position: "bottom" },
-        React.createElement(Header, null, "Some place"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(LongContent, null))));
-};
-const StickyHeaderTopBottomDemo = () => {
-    return (React.createElement(StickyHeader, { position: "top" },
-        React.createElement(Header, null, "Some place"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(StickyHeader, { position: "bottom" },
-                React.createElement(Header, null, "Some place"),
-                React.createElement(StickyHeader.Content, null,
-                    React.createElement(LongContent, null))))));
-};
-const StickyHeaderLeftDemo = () => {
-    return (React.createElement(StickyHeader, { position: "left" },
-        React.createElement(Header, null,
-            "x",
-            React.createElement("br", null),
-            "x",
-            React.createElement("br", null),
-            "x"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(LongContent, null))));
-};
-const StickyHeaderRightDemo = () => {
-    return (React.createElement(StickyHeader, { position: "right" },
-        React.createElement(Header, null,
-            "x",
-            React.createElement("br", null),
-            "x",
-            React.createElement("br", null),
-            "x"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(LongContent, null))));
-};
-const StickyHeaderLeftCenterDemo = () => {
-    return (React.createElement(StickyHeader, { position: "left" },
-        React.createElement(Header, { center: true },
-            "x",
-            React.createElement("br", null),
-            "x",
-            React.createElement("br", null),
-            "x"),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(LongContent, null))));
-};
-export { StickyHeaderDemo, StickyHeaderBottomDemo, StickyHeaderTopBottomDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderLeftCenterDemo, };
-//# sourceMappingURL=StickyHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,GAAa,GAAG,EAAE;IAE/B,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;IAC7F,OAAO,0CAAG,WAAW,CAAI,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,OAAO,CACH,oBAAC,YAAY;QACT,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAChC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;QAC5B,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACnC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,KAAK;QACzB,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;gBAC5B,oBAAC,MAAM,qBAAoB;gBAC3B,oBAAC,YAAY,CAAC,OAAO;oBACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,MAAM;QAC1B,oBAAC,MAAM;;YAAE,+BAAM;;YAAC,+BAAM;gBAAU;QAChC,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,OAAO;QAC3B,oBAAC,MAAM;;YAAE,+BAAM;;YAAC,+BAAM;gBAAU;QAChC,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACpC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,MAAM;QAC1B,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI;;YAAG,+BAAM;;YAAC,+BAAM;gBAAU;QAC9C,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,gBAAgB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,qBAAqB,EAChH,0BAA0B,GAC7B,CAAC"}

package/esm/demo/components/layout/list/List.Item.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const ListItemDemo: () => JSX.Element;
-export { ListItemDemo };
-//# sourceMappingURL=List.Item.d.ts.map

package/esm/demo/components/layout/list/List.Item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.Item.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/list/List.Item.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,YAAY,mBAcjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/esm/demo/components/layout/list/List.Item.js

@@ -1,17 +0,0 @@
-import React, { useCallback } from "react";
-import Link from "next/link";
-import { Item, List } from "../../../../index.js";
-import styles from "./List.Item.module.scss";
-const ListItemDemo = () => {
-    const handleClick = useCallback(() => { window.alert("Clicked"); }, []);
-    return (React.createElement(List, null,
-        React.createElement(Item, null, "I am an item"),
-        React.createElement(Item, null, "I am an item"),
-        React.createElement(Item, { href: "https://www.npmjs.com/package/react-miui" }, "I am clickable item"),
-        React.createElement(Item, { to: "/react-miui", Link: Link }, "I am local link item"),
-        React.createElement(Item, { onClick: handleClick }, "Click me to see my action"),
-        React.createElement(Item, { className: styles.custom }, "I'm a custom item"),
-        React.createElement(Item, null, "I am an item")));
-};
-export { ListItemDemo };
-//# sourceMappingURL=List.Item.js.map

package/esm/demo/components/layout/list/List.Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../../../../src/demo/components/layout/list/List.Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAExE,OAAO,CACH,oBAAC,IAAI;QACD,oBAAC,IAAI,uBAAoB;QACzB,oBAAC,IAAI,uBAAoB;QACzB,oBAAC,IAAI,IAAC,IAAI,EAAE,0CAA0C,0BAA4B;QAClF,oBAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,2BAA6B;QAChE,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,gCAAkC;QAC5D,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,wBAA0B;QACxD,oBAAC,IAAI,uBAAoB,CACtB,CACV,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/esm/demo/components/layout/list/List.Item.module.scss

@@ -1,3 +0,0 @@
-.custom {
-    border-left: 3px solid green;
-}

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

@@ -1,8 +0,0 @@
-import React from "react";
-declare const ActionDemo: React.FC;
-declare const ActionsOnLeft: () => JSX.Element;
-declare const ActionsOnBottom: () => JSX.Element;
-declare const ActionLabelsOnBottom: () => JSX.Element;
-declare const ActionsDemo: () => JSX.Element;
-export { ActionDemo, ActionsOnLeft, ActionsOnBottom, ActionLabelsOnBottom, ActionsDemo };
-//# sourceMappingURL=Action.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/ui/action/Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAoBvB,CAAC;AAEF,QAAA,MAAM,aAAa,mBAclB,CAAC;AAEF,QAAA,MAAM,eAAe,mBAcpB,CAAC;AAEF,QAAA,MAAM,oBAAoB,mBAyBzB,CAAC;AAEF,QAAA,MAAM,WAAW,mBAgBhB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,73 +0,0 @@
-import React from "react";
-import Link from "next/link";
-import { Action } from "../../../../components/ui/action/Action";
-import { ICON } from "../../../../components/icons/Icon";
-import { StickyHeader } from "../../../../components/layout/header/StickyHeader";
-import { Header } from "../../../../components/layout/header/Header";
-import styles from "./ActionDemo.module.scss";
-import { EqualActions } from "../../../../components/ui/action/EqualActions";
-const handleClick = () => { alert(1); };
-const ActionDemo = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", null,
-            React.createElement(Action, { icon: ICON.checkmark }),
-            " - action without action"),
-        React.createElement("div", null,
-            React.createElement(Action, { icon: ICON.checkmark, Link: Link, to: "react-miui" }),
-            " - internal link action"),
-        React.createElement("div", null,
-            React.createElement(Action, { icon: ICON.checkmark, href: "https://www.npmjs.com/package/react-miui" }),
-            " - external link action"),
-        React.createElement("div", null,
-            React.createElement(Action, { icon: ICON.checkmark, onClick: handleClick }),
-            " - onClick action"),
-        React.createElement("div", null,
-            React.createElement(Action, { icon: ICON.checkmark, onClick: handleClick, label: "Pineapple" }),
-            " - onClick action with label")));
-};
-const ActionsOnLeft = () => {
-    return (React.createElement(StickyHeader, { position: "left" },
-        React.createElement(Header, { center: true, className: styles.header },
-            React.createElement(Action, { icon: ICON.checkmark }),
-            React.createElement(Action, { icon: ICON.checkmark }),
-            React.createElement(Action, { icon: ICON.checkmark })),
-        React.createElement(StickyHeader.Content, null, "content")));
-};
-const ActionsOnBottom = () => {
-    return (React.createElement(StickyHeader, { position: "bottom" },
-        React.createElement(Header, { center: true, className: styles.header },
-            React.createElement(Action, { icon: ICON.checkmark }),
-            React.createElement(Action, { icon: ICON.checkmark }),
-            React.createElement(Action, { icon: ICON.checkmark })),
-        React.createElement(StickyHeader.Content, null, "content")));
-};
-const ActionLabelsOnBottom = () => {
-    return (React.createElement(StickyHeader, { position: "bottom" },
-        React.createElement(Header, { center: true, className: styles.header },
-            React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
-            React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
-            React.createElement(Action, { icon: ICON.checkmark, label: "Share on Web" })),
-        React.createElement(StickyHeader.Content, null,
-            React.createElement(StickyHeader, { position: "top" },
-                React.createElement(Header, { center: true, className: styles.header },
-                    React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
-                    React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
-                    React.createElement(Action, { icon: ICON.checkmark, label: "Share" })),
-                React.createElement(StickyHeader.Content, null,
-                    "When you put just `Action`s into Header it will be automatically wrapped with EqualActions so if labels width are not equal each action will take the same space as the most wide item. If you don't like this behavior - wrap your actions into React.Fragment ",
-                    "<></>",
-                    " or pass extra",
-                    "<span />",
-                    ".")))));
-};
-const ActionsDemo = () => {
-    return (React.createElement("div", null,
-        "To make every action take the same amount of horizontal space you need to wrap every Action with EqualActions wrapper. Some components (like Header) will do that automatically for you. If you need to use Actions outside of such components - manually wrap them with EqualActions.",
-        React.createElement("div", null,
-            React.createElement(EqualActions, null,
-                React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
-                React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
-                React.createElement(Action, { icon: ICON.checkmark, label: "Share on Web" })))));
-};
-export { ActionDemo, ActionsOnLeft, ActionsOnBottom, ActionLabelsOnBottom, ActionsDemo };
-//# sourceMappingURL=Action.js.map

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

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

package/esm/demo/components/ui/action/ActionDemo.module.scss

@@ -1,3 +0,0 @@
-.header {
-    gap: calc(56px / var(--ratio-dimensions));
-}

package/esm/demo/components/ui/button/ButtonDemo.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const ButtonDemo: () => JSX.Element;
-export { ButtonDemo };
-//# sourceMappingURL=ButtonDemo.d.ts.map

package/esm/demo/components/ui/button/ButtonDemo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonDemo.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/ui/button/ButtonDemo.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,UAAU,mBAYf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/esm/demo/components/ui/button/ButtonDemo.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { Button } from "../../../../index.js";
-const ButtonDemo = () => {
-    return (React.createElement("div", null,
-        React.createElement(Button, null, "Basic button"),
-        React.createElement("br", null),
-        React.createElement(Button, { disabled: true }, "Disabled button"),
-        React.createElement("br", null),
-        React.createElement(Button, { variant: "inline" }, "Inline button"),
-        React.createElement("br", null),
-        React.createElement(Button, { variant: "outline" }, "Outline button")));
-};
-export { ButtonDemo };
-//# sourceMappingURL=ButtonDemo.js.map

package/esm/demo/components/ui/button/ButtonDemo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonDemo.js","sourceRoot":"","sources":["../../../../../src/demo/components/ui/button/ButtonDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;IACpB,OAAO,CACH;QACI,oBAAC,MAAM,uBAAsB;QAC7B,+BAAM;QACN,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,sBAA0B;QAChD,+BAAM;QACN,oBAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,oBAAwB;QACjD,+BAAM;QACN,oBAAC,MAAM,IAAC,OAAO,EAAE,SAAS,qBAAyB,CACjD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/esm/demo/components/ui/directionPad/Pad.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const DirectionPadDemo: React.FC;
-export { DirectionPadDemo };
-//# sourceMappingURL=Pad.d.ts.map

package/esm/demo/components/ui/directionPad/Pad.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pad.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAkC7B,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/demo/components/ui/directionPad/Pad.js

@@ -1,27 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { DirectionPad } from "../../../..";
-const DirectionPadDemo = (props) => {
-    const [lastClick, setLastClick] = useState("<none>");
-    const handleLeftClick = useCallback(() => {
-        setLastClick("left");
-    }, []);
-    const handleRightClick = useCallback(() => {
-        setLastClick("right");
-    }, []);
-    const handleUpClick = useCallback(() => {
-        setLastClick("up");
-    }, []);
-    const handleDownClick = useCallback(() => {
-        setLastClick("down");
-    }, []);
-    const handleMiddleClick = useCallback(() => {
-        setLastClick("res");
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DirectionPad, { onLeftPress: handleLeftClick, onRightPress: handleRightClick, onUpPress: handleUpClick, onDownPress: handleDownClick, onMiddlePress: handleMiddleClick, middleLabel: "RES" }),
-        React.createElement("div", null,
-            "Last clicked button: ",
-            lastClick)));
-};
-export { DirectionPadDemo };
-//# sourceMappingURL=Pad.js.map

package/esm/demo/components/ui/directionPad/Pad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../../src/demo/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,gBAAgB,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH;QACI,oBAAC,YAAY,IACT,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,KAAK,GACpB;QACF;;YAC0B,SAAS,CAC7B,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/demo/components/ui/icons/Icons.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const IconsDemo: React.FC;
-export { IconsDemo };
-//# sourceMappingURL=Icons.d.ts.map

package/esm/demo/components/ui/icons/Icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/ui/icons/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAiBtB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/esm/demo/components/ui/icons/Icons.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { Icon, ICON, Item, List } from "../../../../index.js";
-import styles from "./Icons.module.scss";
-const IconsDemo = () => {
-    const icons = Object.values(ICON).map((value) => {
-        return (React.createElement(Item, { key: value },
-            React.createElement("div", { className: styles.row },
-                value,
-                React.createElement(Icon, { name: value }))));
-    });
-    return (React.createElement(List, null, icons));
-};
-export { IconsDemo };
-//# sourceMappingURL=Icons.js.map

package/esm/demo/components/ui/icons/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../src/demo/components/ui/icons/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,SAAS,GAAa,GAAG,EAAE;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5C,OAAO,CACH,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK;YACZ,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG;gBACrB,KAAK;gBACN,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI,CACnB,CACH,CACV,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,IAAI,QACA,KAAK,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/esm/demo/components/ui/icons/Icons.module.scss

@@ -1,4 +0,0 @@
-.row {
-    display: flex;
-    justify-content: space-between;
-}

package/esm/demo/componentsMap.d.ts

@@ -1,13 +0,0 @@
-import type { AnyComponent } from "../types";
-interface TheMap {
-    [key: string]: TheMapItem;
-}
-interface TheMapItem {
-    name: string;
-    Component: AnyComponent;
-    children?: TheMap;
-}
-declare const componentsMap: TheMap;
-export { componentsMap, };
-export type { TheMap, TheMapItem, };
-//# sourceMappingURL=componentsMap.d.ts.map

package/esm/demo/componentsMap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"componentsMap.d.ts","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAyB7C,UAAU,MAAM;IAEZ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B;AAED,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,MAyFpB,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC;AAEF,YAAY,EACR,MAAM,EACN,UAAU,GACb,CAAC"}

package/esm/demo/componentsMap.js

@@ -1,100 +0,0 @@
-import { CheckboxDemo } from "./components/form/Checkbox";
-import { CenteredHeaderDemo, HeaderDemo, HeaderWithButtonsDemo, HeaderWithButtonsOnSideDemo, } from "./components/layout/header/Header";
-import { StickyHeaderBottomDemo, StickyHeaderDemo, StickyHeaderLeftCenterDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderTopBottomDemo, } from "./components/layout/header/StickyHeader";
-import { ListItemDemo } from "./components/layout/list/List.Item";
-import { DirectionPadDemo } from "./components/ui/directionPad/Pad";
-import { IconsDemo } from "./components/ui/icons/Icons";
-import { ButtonDemo } from "./components/ui/button/ButtonDemo";
-import { ActionDemo, ActionLabelsOnBottom, ActionsDemo, ActionsOnBottom, ActionsOnLeft, } from "./components/ui/action/Action";
-const componentsMap = {
-    Button: {
-        name: "Button",
-        Component: ButtonDemo,
-    },
-    Checkbox: {
-        name: "Checkbox",
-        Component: CheckboxDemo,
-    },
-    Header: {
-        name: "Header",
-        Component: HeaderDemo,
-        children: {
-            Centered: {
-                name: "Centered",
-                Component: CenteredHeaderDemo,
-            },
-            WithButtons: {
-                name: "With buttons",
-                Component: HeaderWithButtonsDemo,
-                children: {
-                    OnLeft: {
-                        name: "On the side",
-                        Component: HeaderWithButtonsOnSideDemo,
-                    },
-                },
-            },
-            Sticky: {
-                name: "Sticky",
-                Component: StickyHeaderDemo,
-                children: {
-                    StickyBottom: {
-                        name: "On bottom",
-                        Component: StickyHeaderBottomDemo,
-                    },
-                    StickyTopBottom: {
-                        name: "On top & bottom",
-                        Component: StickyHeaderTopBottomDemo,
-                    },
-                    StickyLeft: {
-                        name: "On left",
-                        Component: StickyHeaderLeftDemo,
-                    },
-                    StickyRight: {
-                        name: "On right",
-                        Component: StickyHeaderRightDemo,
-                    },
-                    StickyLeftCentered: {
-                        name: "On left centered",
-                        Component: StickyHeaderLeftCenterDemo,
-                    },
-                },
-            },
-        },
-    },
-    Action: {
-        name: "Action",
-        Component: ActionDemo,
-        children: {
-            ActionOnBottom: {
-                name: "Actions on header",
-                Component: ActionsOnBottom,
-            },
-            ActionLabelsOnBottom: {
-                name: "Actions with labels on header",
-                Component: ActionLabelsOnBottom,
-            },
-            ActionOnLeft: {
-                name: "Actions on left header",
-                Component: ActionsOnLeft,
-            },
-            EqualActions: {
-                name: "EqualActions (wrapper)",
-                Component: ActionsDemo,
-            },
-        },
-    },
-    ListItem: {
-        name: "List & Item",
-        Component: ListItemDemo,
-    },
-    Pad: {
-        name: "Direction pad",
-        Component: DirectionPadDemo,
-    },
-    Icons: {
-        name: "Icons",
-        Component: IconsDemo,
-    },
-};
-export { componentsMap, };
-//# sourceMappingURL=componentsMap.js.map

package/esm/demo/componentsMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"componentsMap.js","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EACH,kBAAkB,EAClB,UAAU,EACV,qBAAqB,EACrB,2BAA2B,GAC9B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACH,sBAAsB,EACtB,gBAAgB,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,qBAAqB,EACzF,yBAAyB,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EACH,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,eAAe,EACf,aAAa,GAChB,MAAM,+BAA+B,CAAC;AAavC,MAAM,aAAa,GAAW;IAC1B,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;KACxB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,YAAY;KAC1B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE;YACN,QAAQ,EAAE;gBACN,IAAI,EAAE,UAAU;gBAChB,SAAS,EAAE,kBAAkB;aAChC;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,qBAAqB;gBAChC,QAAQ,EAAE;oBACN,MAAM,EAAE;wBACJ,IAAI,EAAE,aAAa;wBACnB,SAAS,EAAE,2BAA2B;qBACzC;iBACJ;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,gBAAgB;gBAC3B,QAAQ,EAAE;oBACN,YAAY,EAAE;wBACV,IAAI,EAAE,WAAW;wBACjB,SAAS,EAAE,sBAAsB;qBACpC;oBACD,eAAe,EAAE;wBACb,IAAI,EAAE,iBAAiB;wBACvB,SAAS,EAAE,yBAAyB;qBACvC;oBACD,UAAU,EAAE;wBACR,IAAI,EAAE,SAAS;wBACf,SAAS,EAAE,oBAAoB;qBAClC;oBACD,WAAW,EAAE;wBACT,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,qBAAqB;qBACnC;oBACD,kBAAkB,EAAE;wBAChB,IAAI,EAAE,kBAAkB;wBACxB,SAAS,EAAE,0BAA0B;qBACxC;iBACJ;aACJ;SACJ;KACJ;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE;YACN,cAAc,EAAE;gBACZ,IAAI,EAAE,mBAAmB;gBACzB,SAAS,EAAE,eAAe;aAC7B;YACD,oBAAoB,EAAE;gBAClB,IAAI,EAAE,+BAA+B;gBACrC,SAAS,EAAE,oBAAoB;aAClC;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,aAAa;aAC3B;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,WAAW;aACzB;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,YAAY;KAC1B;IACD,GAAG,EAAE;QACD,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,gBAAgB;KAC9B;IACD,KAAK,EAAE;QACH,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,SAAS;KACvB;CACJ,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC"}

package/esm/demo/utils/makeVariants.d.ts

@@ -1,3 +0,0 @@
-declare const makeVariants: <T extends string>(variants: T | T[] | undefined) => T[];
-export { makeVariants, };
-//# sourceMappingURL=makeVariants.d.ts.map

package/esm/demo/utils/makeVariants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeVariants.d.ts","sourceRoot":"","sources":["../../../src/demo/utils/makeVariants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,0DAQjB,CAAC;AAEF,OAAO,EACH,YAAY,GACf,CAAC"}

package/esm/demo/utils/makeVariants.js

@@ -1,11 +0,0 @@
-const makeVariants = (variants) => {
-    if (!variants) {
-        return [];
-    }
-    if (typeof variants === "string") {
-        return variants.split(" ").filter(Boolean);
-    }
-    return variants;
-};
-export { makeVariants, };
-//# sourceMappingURL=makeVariants.js.map

package/esm/demo/utils/makeVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeVariants.js","sourceRoot":"","sources":["../../../src/demo/utils/makeVariants.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAmB,QAA6B,EAAO,EAAE;IAC1E,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,EAAE,CAAC;KACb;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAQ,CAAC;KACrD;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,OAAO,EACH,YAAY,GACf,CAAC"}

package/esm/demo/utils/safeUseHash.d.ts

@@ -1,3 +0,0 @@
-declare const safeUseHash: () => string;
-export { safeUseHash, };
-//# sourceMappingURL=safeUseHash.d.ts.map

package/esm/demo/utils/safeUseHash.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeUseHash.d.ts","sourceRoot":"","sources":["../../../src/demo/utils/safeUseHash.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,cAQhB,CAAC;AAEF,OAAO,EACH,WAAW,GACd,CAAC"}

package/esm/demo/utils/safeUseHash.js

@@ -1,10 +0,0 @@
-import { useHash } from "react-use";
-const safeUseHash = () => {
-    if (typeof window === "undefined") {
-        return "";
-    }
-    const [hash] = useHash();
-    return hash;
-};
-export { safeUseHash, };
-//# sourceMappingURL=safeUseHash.js.map

package/esm/demo/utils/safeUseHash.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeUseHash.js","sourceRoot":"","sources":["../../../src/demo/utils/safeUseHash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC/B,OAAO,EAAE,CAAC;KACb;IAED,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EACH,WAAW,GACd,CAAC"}

package/esm/demo-global.scss

@@ -1,9 +0,0 @@
-html, body, #__next {
-    height: 100%;
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    font-family: sans-serif;
-}

package/esm/pages/_app.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { AppProps } from "next/app";
-import "../global.scss";
-import "../demo-global.scss";
-declare const MyApp: ({ Component, pageProps }: AppProps) => JSX.Element;
-export default MyApp;
-//# sourceMappingURL=_app.d.ts.map

package/esm/pages/_app.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_app.d.ts","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,KAAK,6BAA8B,QAAQ,gBAOhD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/pages/_app.js

@@ -1,10 +0,0 @@
-import React from "react";
-import Head from "next/head";
-import "../global.scss";
-import "../demo-global.scss";
-const MyApp = ({ Component, pageProps }) => (React.createElement(React.Fragment, null,
-    React.createElement(Head, null,
-        React.createElement("title", null, "MIUI in React")),
-    React.createElement(Component, { ...pageProps })));
-export default MyApp;
-//# sourceMappingURL=_app.js.map

package/esm/pages/_app.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_app.js","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAY,EAAE,EAAE,CAAC,CAClD;IACI,oBAAC,IAAI;QACD,mDAA4B,CACzB;IACP,oBAAC,SAAS,OAAK,SAAS,GAAI,CAC7B,CACN,CAAC;AAEF,eAAe,KAAK,CAAC"}