react-miui 0.0.1 → 0.3.0

package/esm/demo/components/form/Toggle.module.scss

@@ -0,0 +1,5 @@
+.row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}

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

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

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

@@ -0,0 +1 @@
+{"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;AAEF,QAAA,MAAM,kBAAkB,mBAMvB,CAAC;AAKF,QAAA,MAAM,qBAAqB,mBAqD1B,CAAC;AAEF,QAAA,MAAM,2BAA2B,mBAqBhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -0,0 +1,50 @@
+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 ToolbarVariantDemo = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, { center: true, variant: "toolbar" }, "Toolbar version")));
+};
+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, ToolbarVariantDemo, HeaderWithButtonsDemo, HeaderWithButtonsOnSideDemo };
+//# sourceMappingURL=Header.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/demo/componentsMap.d.ts

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentsMap.d.ts","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA0B7C,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,MAiGpB,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC;AAEF,YAAY,EACR,MAAM,EACN,UAAU,GACb,CAAC"}

package/esm/demo/componentsMap.js

@@ -0,0 +1,109 @@
+import { CheckboxDemo } from "./components/form/Checkbox";
+import { CenteredHeaderDemo, HeaderDemo, HeaderWithButtonsDemo, HeaderWithButtonsOnSideDemo, ToolbarVariantDemo, } 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";
+import { ToggleDemo } from "./components/form/Toggle";
+const componentsMap = {
+    Button: {
+        name: "Button",
+        Component: ButtonDemo,
+    },
+    Checkbox: {
+        name: "Checkbox",
+        Component: CheckboxDemo,
+    },
+    Toggle: {
+        name: "Toggle",
+        Component: ToggleDemo,
+    },
+    Header: {
+        name: "Header",
+        Component: HeaderDemo,
+        children: {
+            Centered: {
+                name: "Centered",
+                Component: CenteredHeaderDemo,
+            },
+            Toolbar: {
+                name: "Toolbar",
+                Component: ToolbarVariantDemo,
+            },
+            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

@@ -0,0 +1 @@
+{"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,EAAE,kBAAkB,GAClD,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;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAatD,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;KACxB;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,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,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

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

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

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

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