react-miui 0.23.7 → 0.25.0

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

@@ -1,16 +1,2 @@
-import React from "react";
-import classnames from "classnames";
-import { makeVariants } from "../../../utils/index.js";
-import styles from "./Table.module.scss";
-const Table = ({ className, children, variant, ...props }) => {
-    const v = makeVariants(variant);
-    const cls = classnames(className, {
-        [styles.table]: !v.includes("raw"),
-        [styles.striped]: v.includes("striped"),
-        [styles.wide]: v.includes("wide"),
-        [styles.centered]: v.includes("centered"),
-    });
-    return React.createElement("table", { className: cls, ...props }, children);
-};
-export { Table };
+export { StyledTable as Table } from "./Table.styled.js";
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,MAAM,KAAK,GAAkE,CACzE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAC5C,EAAE;IACA,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAC9B,CAAC,MAAM,CAAC,KAAe,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC5C,CAAC,MAAM,CAAC,OAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;QACjD,CAAC,MAAM,CAAC,IAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC3C,CAAC,MAAM,CAAC,QAAkB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;KACtD,CAAC,CAAC;IACH,OAAO,+BAAO,SAAS,EAAE,GAAG,KAAM,KAAK,IAAG,QAAQ,CAAS,CAAC;AAChE,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,88 @@
+declare const StyledTable: import("@stitches/react/types/styled-component").StyledComponent<"table", {
+    striped?: boolean | "true";
+    centered?: boolean | "true";
+    wide?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledTable };
+//# sourceMappingURL=Table.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,36 @@
+import { styled } from "../../../theme.js";
+const StyledTable = styled("table", {
+    "borderSpacing": "10px",
+    "borderCollapse": "collapse",
+    "> * > tr > *": {
+        textAlign: "left",
+        padding: "0.75em 0.5em",
+        borderBottom: "1px solid $border",
+    },
+    "> thead > tr:last-child > *": {
+        borderBottom: "2px solid $border",
+        boxShadow: "0 4px 10px -10px rgba(0, 0, 0, 0.6)",
+    },
+    "variants": {
+        striped: {
+            true: {
+                "> tbody > tr:nth-child(even) > *": {
+                    background: "$tableStripedBg",
+                },
+            },
+        },
+        centered: {
+            true: {
+                marginLeft: "auto",
+                marginRight: "auto",
+            },
+        },
+        wide: {
+            true: {
+                width: "100%",
+            },
+        },
+    },
+});
+export { StyledTable };
+//# sourceMappingURL=Table.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styled.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE;IAChC,eAAe,EAAE,MAAM;IACvB,gBAAgB,EAAE,UAAU;IAE5B,cAAc,EAAE;QACZ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,mBAAmB;KACpC;IAED,6BAA6B,EAAE;QAC3B,YAAY,EAAE,mBAAmB;QACjC,SAAS,EAAE,qCAAqC;KACnD;IAED,UAAU,EAAE;QACR,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,kCAAkC,EAAE;oBAChC,UAAU,EAAE,iBAAiB;iBAChC;aACJ;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,MAAM;gBAClB,WAAW,EAAE,MAAM;aACtB;SACJ;QACD,IAAI,EAAE;YACF,IAAI,EAAE;gBACF,KAAK,EAAE,MAAM;aAChB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/esm/components/native/index.d.ts

@@ -37,6 +37,8 @@ declare const Div: import("@stitches/react/types/styled-component").StyledCompon
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/esm/components/native/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,CAAC"}

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

@@ -37,6 +37,8 @@ declare const StyledAction: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -117,6 +119,8 @@ declare const Anchor: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -197,6 +201,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Action.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAUH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKV,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,MAAM,EACN,MAAM,GACT,CAAC"}
+{"version":3,"file":"Action.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAUH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKV,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,MAAM,EACN,MAAM,GACT,CAAC"}

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

@@ -40,6 +40,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}
+{"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}

package/esm/components/ui/message/Message.d.ts

@@ -51,6 +51,8 @@ declare const Message: OverwriteProps<import("@stitches/react/types/styled-compo
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/esm/components/ui/message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/esm/components/ui/message/Message.styled.d.ts

@@ -40,6 +40,8 @@ declare const StyledMessage: import("@stitches/react/types/styled-component").St
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/esm/components/ui/message/Message.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCjB,CAAC;AAEH,OAAO,EACH,aAAa,GAChB,CAAC"}
+{"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCjB,CAAC;AAEH,OAAO,EACH,aAAa,GAChB,CAAC"}

package/esm/components/ui/modal/Modal.styled.d.ts

@@ -41,6 +41,8 @@ declare const OverlayStyled: import("@stitches/react/types/styled-component").St
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -121,6 +123,8 @@ declare const RemovePadding: import("@stitches/react/types/styled-component").St
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -204,6 +208,8 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component").
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -284,6 +290,8 @@ declare const TitleStyled: import("@stitches/react/types/styled-component").Styl
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/esm/components/ui/modal/Modal.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BjB,CAAC;AAaH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEjB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKf,CAAC;AAEH,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EAEX,gBAAgB,GACnB,CAAC"}
+{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BjB,CAAC;AAaH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEjB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKf,CAAC;AAEH,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EAEX,gBAAgB,GACnB,CAAC"}

package/esm/components/ui/modal/ModalButtons.styled.d.ts

@@ -39,6 +39,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -119,6 +121,8 @@ declare const ModalButtons: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/esm/components/ui/modal/ModalButtons.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YACN,aAAa;CACxB,CAAC;AAGF,OAAO,EACH,YAAY,GACf,CAAC"}
+{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YACN,aAAa;CACxB,CAAC;AAGF,OAAO,EACH,YAAY,GACf,CAAC"}

package/esm/components/ui/pop/Pop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,UAAU,KAAK;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AA4BD,cAAM,GAAI,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAClB,KAAK,EAAE,KAAK;IAYf,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnD,OAAc,MAAM,EAAE,OAAO,SAAS,CAAa;IAEnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkC;IAE1D,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAqBrB;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;IAEF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEc,MAAM;CAqCzB;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Pop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,UAAU,KAAK;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAiCD,cAAM,GAAI,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAClB,KAAK,EAAE,KAAK;IAYf,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnD,OAAc,MAAM,EAAE,OAAO,SAAS,CAAa;IAEnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkC;IAE1D,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAqBrB;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;IAEF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEc,MAAM;CAmCzB;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/esm/components/ui/pop/Pop.js

@@ -1,9 +1,8 @@
 import React, { Component, createRef } from "react";
-import classnames from "classnames";
 import { HandleEsc } from "../../utils/HandleEsc.js";
 import { OnButtonClick } from "./OnButtonClick.js";
 import { PopOption } from "./PopOption.js";
-import styles from "./Pop.module.scss";
+import { List, Overlay } from "./Pop.styled.js";
 const html = typeof document === "object" ? document.getElementsByTagName("html")[0] : null;
 const getElementDimensions = (elem) => {
     return {
@@ -99,11 +98,10 @@ class Pop extends Component {
         }
         const closeOnEsc = (_a = this.props.closeOnEsc) !== null && _a !== void 0 ? _a : true;
         const esc = closeOnEsc && React.createElement(HandleEsc, { onPress: this.handleEsc });
-        const cls = classnames(this.props.className, styles.overlay);
-        return (React.createElement("div", { className: cls, ref: this.rootRef, onClick: this.handleOverlayClick },
+        return (React.createElement(Overlay, { className: this.props.className, ref: this.rootRef, onClick: this.handleOverlayClick },
             esc,
             React.createElement(OnButtonClick, { onClick: this.handleEsc },
-                React.createElement("ul", { className: styles.pop, style: style }, this.props.children))));
+                React.createElement(List, { css: style }, this.props.children))));
     }
 }
 Pop.Option = PopOption;

package/esm/components/ui/pop/Pop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pop.js","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,IAAI,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAE5F,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,EAAE;IAC/C,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,WAAW;QACvB,MAAM,EAAE,IAAI,CAAC,YAAY;KAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAE,YAAY,GAAG,IAAI,EAA4C,EAAE;IAC/G,MAAM,KAAK,GAAG,oBAAoB,CAAC,YAAa,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IACpD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC;IAE/B,MAAM,gBAAgB,GAAG,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAE7E,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC;IACjC,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEjD,MAAM,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE/E,OAAO,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,GAAI,SAAQ,SAAuB;IACrC,YAAmB,KAAY;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAsCA,WAAM,GAAG,GAAG,EAAE;YAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;gBACjB,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;gBACvD,OAAO;YACX,CAAC;YAGD,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,kBAAkB,CAAC,aAA4B,CAAC,CAAC;YAChF,MAAM,UAAU,GAAG,oBAAoB,CAAC,IAAK,CAAC,CAAC;YAC/C,MAAM,IAAI,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAEnD,MAAM,CAAC,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5E,MAAM,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;YAE1E,IAAI,CAAC,QAAQ,CAAC;gBACV,QAAQ;gBACR,UAAU;gBACV,CAAC;gBACD,CAAC;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEe,uBAAkB,GAAG,CAAC,CAAmB,EAAE,EAAE;YAC1D,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;gBAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,CAAC;QACL,CAAC,CAAC;QAEe,cAAS,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;QAnEE,IAAI,CAAC,KAAK,GAAG;YACT,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,MAAM;SACrB,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC;IAC/B,CAAC;IAEe,kBAAkB,CAAC,SAAgB;QAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC;IACL,CAAC;IAMO,gBAAgB;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC;QACvD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACnD,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAmCe,MAAM;;QAClB,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAChC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7B,CAAC;aACI,CAAC;YACF,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,MAAM,EAAE,CAAC;YACnC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9B,CAAC;aACI,CAAC;YACF,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;QACjD,MAAM,GAAG,GAAG,UAAU,IAAI,oBAAC,SAAS,IAAC,OAAO,EAAE,IAAI,CAAC,SAAS,GAAI,CAAC;QAEjE,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAE7D,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,kBAAkB;YACnE,GAAG;YACJ,oBAAC,aAAa,IAAC,OAAO,EAAE,IAAI,CAAC,SAAS;gBAClC,4BAAI,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,IAClC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACnB,CACO,CACd,CACT,CAAC;IACN,CAAC;;AA1Fa,UAAM,GAAqB,SAAS,AAA9B,CAA+B;AA6FvD,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Pop.js","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"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"}

package/esm/components/ui/pop/Pop.stories.d.ts

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

package/esm/components/ui/pop/Pop.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pop.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAMlC,QAAA,MAAM,OAAO,EAAE,KAgEd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}

package/esm/components/ui/pop/Pop.stories.js

@@ -0,0 +1,65 @@
+import React, { useCallback, useState } from "react";
+import { SunOne } from "@icon-park/react";
+import { HeaderIconAction } from "../../layout/header/HeaderIconAction.js";
+import { Icon, ICON } from "../../icons/Icon.js";
+import { StickyHeader } from "../../layout/header/StickyHeader.js";
+import { Header } from "../../layout/header/Header.js";
+import { Section } from "../../layout/section/Section.js";
+import { Pop } from "./Pop.js";
+const meta = {
+    title: "Components/UI/Pop",
+    component: Pop,
+    tags: ["autodocs", "layout"],
+    args: {
+        value: 25,
+        valueFrom: 15,
+        scaleFrom: 10,
+        scaleTo: 30,
+    },
+};
+const handleClick = () => {
+    console.info("Clicked an option");
+};
+const Primary = {
+    render: (args) => {
+        const [open, setOpen] = useState(false);
+        const [leftOpen, setLeftOpen] = useState(false);
+        const handleToggle = useCallback(() => {
+            setOpen(p => !p);
+        }, []);
+        const handleLeftToggle = useCallback(() => {
+            setLeftOpen(p => !p);
+        }, []);
+        const handleClose = useCallback(() => {
+            setOpen(false);
+        }, []);
+        const handleLeftClose = useCallback(() => {
+            setLeftOpen(false);
+        }, []);
+        const after = (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.config, onClick: handleToggle }),
+            React.createElement(Pop, { anchor: "prev", open: open, onClose: handleClose },
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { onClick: handleClick }, "Configure"))));
+        const left = (React.createElement(React.Fragment, null,
+            React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleLeftToggle }),
+            React.createElement(Pop, { anchor: "prev", open: leftOpen, onClose: handleLeftClose },
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { icon: React.createElement(SunOne, null), onClick: handleClick }, "Configure"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { onClick: handleClick }, "Configure"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.heart }), onClick: handleClick }, "Add new list"),
+                React.createElement(Pop.Option, { icon: React.createElement(Icon, { name: ICON.trash }), onClick: handleClick }, "Remove empty lists"),
+                React.createElement(Pop.Option, { icon: React.createElement(React.Fragment, null, "text"), onClick: handleClick }, "Configure"))));
+        return (React.createElement(StickyHeader, null,
+            React.createElement(Header, { before: left, after: after }, "Some place"),
+            React.createElement(StickyHeader.Content, null,
+                React.createElement(Section, { horizontal: true, vertical: true, css: { minHeight: 600 } }, "Click on the left or right icon to open the menu"))));
+    },
+};
+export default meta;
+export { Primary, };
+//# sourceMappingURL=Pop.stories.js.map

package/esm/components/ui/pop/Pop.stories.js.map

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