@simplybusiness/mobius 3.8.0 → 3.9.0

package/dist/esm/components/Grid/Grid.stories.js

@@ -0,0 +1,227 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from ".";
+import { Box } from "../Box";
+import { Flex } from "../Flex";
+import { ThemeContext } from "../../contexts";
+import { excludeControls } from "../../utils/excludeControls";
+const sizeOptions = [
+    "",
+    "size-0",
+    "size-10",
+    "size-20",
+    "size-30",
+    "size-40",
+    "size-50",
+    "size-60",
+    "size-70",
+    "size-80",
+    "size-90",
+    "size-100",
+];
+const breakpoints = [
+    { size: "xs", value: 320 },
+    { size: "sm", value: 480 },
+    { size: "md", value: 670 },
+    { size: "lg", value: 960 },
+    { size: "xl", value: 1200 },
+    { size: "xxl", value: 1320 },
+];
+const setBreakpoints = () => { };
+const Card = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(Box, Object.assign({ style: {
+            borderRadius: "4px",
+            padding: "8px",
+            backgroundColor: "#dddddd",
+            width: "80%",
+        } }, props, { children: children })));
+};
+const Square = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(Flex, Object.assign({ alignItems: "center", justifyContent: "center", style: { height: "100%" } }, props, { children: children })));
+};
+const AlignSquare = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(Box, Object.assign({ style: {} }, props, { children: children })));
+};
+export default {
+    title: "Layout/Grid",
+    component: Grid,
+    argTypes: Object.assign({ columns: {
+            control: { type: "number" },
+        }, gap: {
+            control: { type: "select" },
+            options: [...sizeOptions],
+        }, rowGap: {
+            control: { type: "select" },
+            options: [...sizeOptions],
+            if: {
+                arg: "gap",
+                truthy: false,
+            },
+        }, columnGap: {
+            control: { type: "select" },
+            options: [...sizeOptions],
+            if: {
+                arg: "gap",
+                truthy: false,
+            },
+        }, alignContent: {
+            control: { type: "select" },
+            options: [
+                "",
+                "center",
+                "space-around",
+                "space-between",
+                "space-evenly",
+                "stretch",
+            ],
+        }, justifyContent: {
+            control: { type: "select" },
+            options: [
+                "",
+                "center",
+                "start",
+                "end",
+                "space-around",
+                "space-between",
+                "space-evenly",
+            ],
+        }, alignItems: {
+            control: { type: "select" },
+            options: ["", "center", "start", "end", "stretch", "baseline"],
+        }, justifyItems: {
+            control: { type: "select" },
+            options: ["", "start", "end", "center", "stretch"],
+        } }, excludeControls("className")),
+    decorators: [
+        Story => {
+            // eslint-disable-next-line global-require
+            require("./Grid.story.styles.css");
+            return _jsx(Story, {});
+        },
+    ],
+};
+export const AlignmentProperties = {
+    render: (args) => (_jsxs(Grid, Object.assign({}, args, { children: [_jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "1" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "2" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "3" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "4" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "5" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "6" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "7" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "8" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "9" }) }))] }))),
+    args: {
+        columns: 12,
+        gap: "size-20",
+        rowGap: "",
+        columnGap: "",
+        alignItems: "stretch",
+        justifyItems: "stretch",
+        className: "grid-example-fixed-size-grid",
+    },
+};
+export const Normal = {
+    render: (args) => (_jsxs(Grid, Object.assign({}, args, { children: [_jsx(Grid.Item, Object.assign({ span: 12 }, { children: _jsx(Card, { children: "span=12" }) })), _jsx(Grid.Item, Object.assign({ span: 11 }, { children: _jsx(Card, { children: "span=11" }) })), _jsx(Grid.Item, Object.assign({ span: 1 }, { children: _jsx(Card, { children: "span=1" }) })), _jsx(Grid.Item, Object.assign({ span: 10 }, { children: _jsx(Card, { children: "span=10" }) })), _jsx(Grid.Item, Object.assign({ span: 2 }, { children: _jsx(Card, { children: "span=2" }) })), _jsx(Grid.Item, Object.assign({ span: 9 }, { children: _jsx(Card, { children: "span=9" }) })), _jsx(Grid.Item, Object.assign({ span: 3 }, { children: _jsx(Card, { children: "span=3" }) })), _jsx(Grid.Item, Object.assign({ span: 8 }, { children: _jsx(Card, { children: "span=8" }) })), _jsx(Grid.Item, Object.assign({ span: 4 }, { children: _jsx(Card, { children: "span=4" }) })), _jsx(Grid.Item, Object.assign({ span: 7 }, { children: _jsx(Card, { children: "span=7" }) })), _jsx(Grid.Item, Object.assign({ span: 5 }, { children: _jsx(Card, { children: "span=5" }) })), _jsx(Grid.Item, Object.assign({ span: 6 }, { children: _jsx(Card, { children: "span=6" }) })), _jsx(Grid.Item, Object.assign({ span: 6 }, { children: _jsx(Card, { children: "span=6" }) }))] }))),
+    args: {
+        columns: 12,
+        gap: "size-20",
+        rowGap: "",
+        columnGap: "",
+        alignItems: "stretch",
+        justifyItems: "stretch",
+    },
+};
+export const EightColumns = {
+    render: (args) => (_jsx(Grid, Object.assign({}, args, { children: [...new Array(8)].map((_, k) => (
+        // eslint-disable-next-line react/no-array-index-key
+        _jsx(Card, { children: "span=1" }, k))) }))),
+    args: {
+        columns: 8,
+        gap: "size-20",
+        alignItems: "stretch",
+        justifyItems: "stretch",
+        className: "grid-example-eight-columns",
+    },
+};
+const breakpointControl = {
+    control: {
+        type: "number",
+        min: 0,
+        max: 12,
+        step: 1,
+    },
+};
+export const Responsive = {
+    render: (args) => {
+        const breakpointArgs = ["xs", "sm", "md", "lg", "xl", "xxl"];
+        const allArgs = Object.entries(args)
+            .filter(([breakpoint]) => breakpointArgs.includes(breakpoint))
+            .map(([breakpoint, value]) => `${breakpoint}=${value}`)
+            .join(" ");
+        return (_jsxs(Grid, Object.assign({ gap: "size-20", alignItems: "stretch", justifyItems: "stretch" }, { children: [_jsx(Grid.Item, Object.assign({}, args, { children: _jsx(Card, { children: allArgs }) })), _jsx(Grid.Item, Object.assign({ lg: 4 }, { children: _jsx(Card, { children: "lg=4" }) })), _jsx(Grid.Item, Object.assign({ xs: 5 }, { children: _jsx(Card, { children: "xs=5" }) })), _jsx(Grid.Item, Object.assign({ span: 5 }, { children: _jsx(Card, { children: "span=5" }) }))] })));
+    },
+    args: {
+        xs: 12,
+        sm: 6,
+        md: 2,
+        lg: 8,
+        xl: 12,
+        xxl: 4,
+    },
+    parameters: {
+        controls: {
+            exclude: ["columns"],
+        },
+    },
+    argTypes: {
+        xs: breakpointControl,
+        sm: breakpointControl,
+        md: breakpointControl,
+        lg: breakpointControl,
+        xl: breakpointControl,
+        xxl: breakpointControl,
+    },
+    decorators: [
+        Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: _jsx(Story, {}) }))),
+    ],
+};
+export const ItemPositioning = {
+    render: (args) => (_jsxs(Grid, Object.assign({ columns: 12, gap: "size-20", alignItems: "stretch", justifyItems: "stretch", className: "grid-example-fixed-size-grid" }, { children: [_jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, args, { children: _jsx(AlignSquare, { children: "1" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "2" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "3" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "4" }) }))] }))),
+    args: {
+        alignSelf: "center",
+        justifySelf: "end",
+    },
+    argTypes: {
+        alignSelf: {
+            control: { type: "select" },
+            options: ["", "center", "start", "end", "stretch"],
+        },
+        justifySelf: {
+            control: { type: "select" },
+            options: ["", "center", "start", "end", "stretch"],
+        },
+    },
+    parameters: {
+        controls: {
+            exclude: [
+                "columns",
+                "gap",
+                "rowGap",
+                "columnGap",
+                "alignContent",
+                "justifyContent",
+                "alignItems",
+                "justifyItems",
+            ],
+        },
+    },
+};
+//# sourceMappingURL=Grid.stories.js.map

package/dist/esm/components/Grid/Grid.stories.js.map

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

package/dist/esm/components/Grid/Item.js

@@ -11,7 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
+import { forwardRef, useEffect, useState, } from "react";
+import clsx from "clsx";
 import { useBreakpoint } from "../../hooks";
 export const getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
     const previous = Object.values(prev);
@@ -21,7 +22,7 @@ export const getBreakpointMap = (config) => Object.entries(config).reduce((prev,
 export const DEFAULT_SPAN = 12;
 const GridItem = forwardRef((props, _ref) => {
     const { breakpoint: { size: breakpointSize }, } = useBreakpoint();
-    const { span, xs = Array.isArray(span) ? DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf } = props, rest = __rest(props, ["span", "xs", "sm", "md", "lg", "xl", "xxl", "alignSelf", "justifySelf"]);
+    const { span, xs = Array.isArray(span) ? DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf, className } = props, rest = __rest(props, ["span", "xs", "sm", "md", "lg", "xl", "xxl", "alignSelf", "justifySelf", "className"]);
     const breakpointMap = getBreakpointMap({
         xs,
         sm,
@@ -31,6 +32,7 @@ const GridItem = forwardRef((props, _ref) => {
         xxl,
     });
     const [responsiveSpan, setResponsiveSpan] = useState();
+    const classes = clsx("mobius/GridItem", className);
     useEffect(() => {
         // @ts-expect-error
         setResponsiveSpan(breakpointMap[breakpointSize]);
@@ -40,7 +42,7 @@ const GridItem = forwardRef((props, _ref) => {
         alignSelf,
         justifySelf,
     };
-    return _jsx("div", Object.assign({ style: Object.assign({}, styles) }, rest));
+    return _jsx("div", Object.assign({ style: Object.assign({}, styles), className: classes }, rest));
 });
 GridItem.displayName = "GridItem";
 export { GridItem };

package/dist/esm/components/Grid/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAO,UAAU,EAAiB,SAAS,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA2B5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAyC,EAAE,EAAE,CAC5E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,uCAAY,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,WAAW,IAAG;AAClD,CAAC,EAAE,EAAE,CAAC,CAAC;AAIT,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,aAAa,EAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAC9C,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,SAAS,EACT,WAAW,KAET,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,yEAWL,CAAQ,CAAC;IACV,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAE,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB;QACnB,iBAAiB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAkB;QAC5B,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS;QACjE,SAAS;QACT,WAAW;KACZ,CAAC;IAEF,OAAO,4BAAK,KAAK,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AACjD,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAEL,UAAU,EAEV,SAAS,EACT,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA6B5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAyC,EAAE,EAAE,CAC5E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,uCAAY,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,WAAW,IAAG;AAClD,CAAC,EAAE,EAAE,CAAC,CAAC;AAIT,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,aAAa,EAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAC9C,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,SAAS,EACT,WAAW,EACX,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,sFAYL,CAAQ,CAAC;IACV,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB;QACnB,iBAAiB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAkB;QAC5B,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS;QACjE,SAAS;QACT,WAAW;KACZ,CAAC;IAEF,OAAO,4BAAK,KAAK,oBAAO,MAAM,GAAI,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;AACrE,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/components/Icon/Icon.stories.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "./Icon";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Components/Icon",
+    component: Icon,
+    argTypes: Object.assign({ name: {
+            options: [
+                "menu",
+                "rightArrow",
+                "leftArrow",
+                "dropdown",
+                "home",
+                "star",
+                "youtube",
+                "error",
+                "search",
+                "user",
+                "chevronDown",
+                "loading",
+            ],
+            control: { type: "radio" },
+        }, spin: {
+            if: {
+                arg: "name",
+                eq: "loading",
+            },
+        } }, excludeControls("className", "icon")),
+};
+export const Normal = {
+    render: (args) => _jsx(Icon, Object.assign({}, args)),
+    args: {
+        name: "chevronDown",
+    },
+};
+export const Spinning = {
+    render: (args) => _jsx(Icon, Object.assign({}, args)),
+    args: {
+        spin: true,
+        name: "loading",
+    },
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/esm/components/Icon/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,MAAM;gBACN,YAAY;gBACZ,WAAW;gBACX,UAAU;gBACV,MAAM;gBACN,MAAM;gBACN,SAAS;gBACT,OAAO;gBACP,QAAQ;gBACR,MAAM;gBACN,aAAa;gBACb,SAAS;aACV;YACD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,EAAE,EAAE,SAAS;aACd;SACF,IACE,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;KAChB;CACF,CAAC"}

package/dist/esm/components/Image/Image.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from "./Image";
+import { excludeControls } from "../../utils/excludeControls";
+const testImg = "data:image/png;base64,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";
+export default {
+    title: "Components/Image",
+    component: Image,
+    argTypes: excludeControls("elementType", "className"),
+};
+export const Normal = {
+    render: (args) => _jsx(Image, Object.assign({}, args)),
+    args: {
+        src: testImg,
+        alt: "test image",
+    },
+};
+//# sourceMappingURL=Image.stories.js.map

package/dist/esm/components/Image/Image.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,OAAO,GACX,whFAAwhF,CAAC;AAE3hF,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE,YAAY;KAClB;CACF,CAAC"}

package/dist/esm/components/Label/Label.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from "./Label";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Forms/Label",
+    component: Label,
+    argTypes: excludeControls("className", "elementType"),
+};
+export const Normal = {
+    render: (args) => _jsx(Label, Object.assign({}, args)),
+    args: {
+        children: "Example label",
+    },
+};
+//# sourceMappingURL=Label.stories.js.map

package/dist/esm/components/Label/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC"}

package/dist/esm/components/Link/Link.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from "./Link";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Components/Link",
+    component: Link,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        } }, excludeControls("className", "elementType", "style", "onClick")),
+};
+export const Normal = {
+    render: (args) => _jsx(Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: false,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+export const Disabled = {
+    render: (args) => _jsx(Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: true,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+//# sourceMappingURL=Link.stories.js.map

package/dist/esm/components/Link/Link.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,IACE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CACnE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC"}

package/dist/esm/components/LinkButton/LinkButton.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkButton } from "./LinkButton";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Components/LinkButton",
+    component: LinkButton,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        }, icon: {
+            options: ["menu", "rightArrow", "leftArrow", "dropdown", "home"],
+            control: { type: "radio" },
+        }, iconPosition: {
+            if: {
+                arg: "icon",
+            },
+        } }, excludeControls("children", "className", "elementType", "style", "onClick", "onPress")),
+};
+export const Normal = {
+    render: (args) => (_jsx(LinkButton, Object.assign({}, args, { children: "LinkButton text" }))),
+    args: {
+        href: "https://www.google.com",
+        to: "",
+        title: "",
+        size: "medium",
+        download: false,
+        isDisabled: false,
+        isSuccess: false,
+        isLoading: false,
+        role: "",
+    },
+};
+//# sourceMappingURL=LinkButton.stories.js.map

package/dist/esm/components/LinkButton/LinkButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,eAAe,CAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAS,CACV,CACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT;CACF,CAAC"}

package/dist/esm/components/List/List.stories.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Text } from "../index";
+import { List, ListItem } from ".";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Components/List",
+    component: List,
+    argTypes: Object.assign({ liststyletype: {
+            control: { type: "radio" },
+            if: {
+                arg: "isOrdered",
+                truthy: false,
+            },
+        }, isReversed: {
+            if: {
+                arg: "isOrdered",
+            },
+        }, start: {
+            if: {
+                arg: "isOrdered",
+            },
+        } }, excludeControls("className", "icon")),
+};
+export const Unordered = {
+    render: (args) => (_jsxs(List, Object.assign({}, args, { children: [_jsx(ListItem, { children: "Foo" }), _jsx(ListItem, { children: "Bar" }), _jsx(ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: false,
+        isReversed: false,
+        liststyletype: "disc",
+    },
+};
+export const Ordered = {
+    render: (args) => (_jsxs(List, Object.assign({}, args, { children: [_jsx(ListItem, { children: "Foo" }), _jsx(ListItem, { children: "Bar" }), _jsx(ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: false,
+        start: 1,
+    },
+};
+export const StartingFromASpecificNumber = {
+    render: (args) => (_jsxs(List, Object.assign({}, args, { children: [_jsx(ListItem, { children: "Foo" }), _jsx(ListItem, { children: "Bar" }), _jsx(ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        start: 12,
+        isReversed: false,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+export const Reversed = {
+    render: (args) => (_jsxs(List, Object.assign({}, args, { children: [_jsx(ListItem, { children: "Foo" }), _jsx(ListItem, { children: "Bar" }), _jsx(ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: true,
+        start: 3,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+export const WithCustomIcons = {
+    render: (args) => (_jsxs(List, Object.assign({}, args, { children: [_jsx(ListItem, { children: _jsx(Text, Object.assign({ variant: "body", spacing: "tight" }, { children: "Morbi eget sapien nulla. Mauris sodales est vel ullamcorper efficitur. Nam lobortis metus et ultricies imperdiet. Phasellus at sapien pharetra, commodo lorem eu, malesuada dui. Curabitur vulputate massa nec massa blandit, auctor elementum dolor ultricies." })) }), _jsx(ListItem, Object.assign({ icon: _jsx(Icon, { name: "cross", color: "red" }) }, { children: "Etiam feugiat neque vel nulla semper ultrices. Phasellus lobortis nisl id mollis malesuada. Suspendisse ut porttitor purus. Praesent ornare felis a mattis pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec venenatis tristique condimentum." })), _jsx(ListItem, { children: "Nunc at turpis iaculis, finibus tellus eget, tempus mi. Vestibulum eget egestas mauris, non porttitor nisl. Nam a facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse sit amet neque tempor, vestibulum eros ut, vulputate quam." })] }))),
+    args: {
+        icon: _jsx(Icon, { name: "tick", color: "green" }),
+    },
+    parameters: {
+        controls: {
+            exclude: ["isOrdered", "liststyletype"],
+        },
+    },
+};
+//# sourceMappingURL=List.stories.js.map

package/dist/esm/components/List/List.stories.js.map

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

package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAS/B,MAAM,gBAAgB,GAGlB,UAAU,CAAC,CAAC,KAA4B,EAAE,GAAwB,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,GAAG,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,QAAmC,CAAQ,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,yBAAyB,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,IAAI,QAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACxE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAW/B,MAAM,gBAAgB,GAGlB,UAAU,CAAC,CAAC,KAA4B,EAAE,GAAwB,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,GAAG,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,QAAmC,CAAQ,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,yBAAyB,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,IAAI,QAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACxE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadingIndicator } from "./LoadingIndicator";
+import { excludeControls } from "../../utils/excludeControls";
+export default {
+    title: "Components/LoadingIndicator",
+    component: LoadingIndicator,
+    argTypes: Object.assign({ icon: {
+            options: ["loading", "refreshArrow", "home"],
+            control: { type: "radio" },
+        }, color: {
+            options: ["darkcyan", "deeppink", "royalblue", "tomato"],
+            control: { type: "radio" },
+        }, fontSize: {
+            options: ["72px", "48px", "24px"],
+            control: { type: "radio" },
+        } }, excludeControls("className")),
+};
+export const Normal = {
+    render: (args) => _jsx(LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+export const Large = {
+    render: (args) => _jsx(LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "72px",
+        color: "darkcyan",
+    },
+};
+export const WithCustomColour = {
+    render: (args) => _jsx(LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+export const WithCustomIcon = {
+    render: (args) => _jsx(LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "refreshArrow",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+//# sourceMappingURL=LoadingIndicator.stories.js.map

package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.stories.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,MAAM,CAAC;YAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC;YACxD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YACjC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,IACE,eAAe,CAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAkC;IACnD,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,KAAC,gBAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAkC;IAClD,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,KAAC,gBAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAkC;IAC7D,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,KAAC,gBAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,KAAC,gBAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC"}