@simplybusiness/mobius 4.8.8 → 4.9.2

package/dist/types/components/Text/Text.stories.d.ts

@@ -2,9 +2,20 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Text } from "./Text";
 type StoryType = StoryObj<typeof Text>;
 declare const meta: Meta<typeof Text>;
-export declare const Normal: StoryType;
+export declare const Heading1: StoryType;
+export declare const Heading2: StoryType;
+export declare const Heading3: StoryType;
+export declare const Heading4: StoryType;
+export declare const Paragraph: StoryType;
+export declare const Small: StoryType;
+export declare const Legal: StoryType;
+export declare const VariantHeading1: StoryType;
+export declare const VariantHeading2: StoryType;
+export declare const VariantHeading3: StoryType;
+export declare const VariantHeading4: StoryType;
+export declare const VariantBody: StoryType;
+export declare const VariantSmall: StoryType;
+export declare const VariantLegal: StoryType;
 export declare const Themed: StoryType;
-export declare const Example: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExampleVariant: () => import("react/jsx-runtime").JSX.Element;
 export declare const ExampleSpacing: () => import("react/jsx-runtime").JSX.Element;
 export default meta;

package/dist/types/hooks/useValidationClasses/useValidationClasses.d.ts

@@ -1,3 +1,3 @@
 import { Validation } from "../../types";
 export type GetValidationClassesProps = Pick<Validation, "validationState" | "isInvalid">;
-export declare const useValidationClasses: (props: GetValidationClassesProps) => "--is-invalid" | "--is-valid" | "";
+export declare const useValidationClasses: (props: GetValidationClassesProps) => "" | "--is-invalid" | "--is-valid";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius",
   "license": "UNLICENSED",
-  "version": "4.8.8",
+  "version": "4.9.2",
   "description": "Core library of Mobius react components",
   "repository": {
     "type": "git",
@@ -41,25 +41,25 @@
   },
   "sideEffects": false,
   "devDependencies": {
-    "@react-types/button": "^3.9.2",
-    "@react-types/dialog": "^3.5.8",
-    "@react-types/progress": "^3.5.2",
-    "@storybook/addon-links": "^8.0.8",
+    "@react-types/button": "^3.9.4",
+    "@react-types/dialog": "^3.5.10",
+    "@react-types/progress": "^3.5.4",
+    "@storybook/addon-links": "^8.1.2",
     "@swc/cli": "^0.3.12",
-    "@swc/core": "^1.4.16",
+    "@swc/core": "^1.5.7",
     "@swc/jest": "^0.2.36",
-    "@testing-library/dom": "^10.0.0",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "^15.0.2",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
     "@total-typescript/shoehorn": "^0.1.2",
     "@types/jest": "^29.5.12",
     "@types/lodash.debounce": "^4.0.9",
-    "@types/node": "^20.12.7",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.10.0",
+    "@typescript-eslint/parser": "^7.10.0",
     "csstype": "^3.1.3",
     "eslint": "^8.56.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -70,13 +70,13 @@
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "prettier": "^3.2.5",
-    "ts-jest": "^29.1.2",
+    "ts-jest": "^29.1.3",
     "tslib": "^2.6.2",
     "typescript": "^5.4.5"
   },
@@ -85,8 +85,8 @@
     "react-dom": "^16.13.1 || ^17.0.1 || ^18.0.0"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.12",
-    "@simplybusiness/icons": "^4.7.1",
+    "@floating-ui/react": "^0.26.16",
+    "@simplybusiness/icons": "^4.9.0",
     "classnames": "^2.5.1",
     "dialog-polyfill": "^0.5.6",
     "lodash.debounce": "^4.0.8",

package/src/components/Text/Text.mdx

@@ -1,4 +1,4 @@
-import { Meta, ArgTypes, Story } from "@storybook/blocks";
+import { Meta, ArgTypes, Story, Canvas } from "@storybook/blocks";
 import { Text } from "./Text";
 import * as TextStories from "./Text.stories";
 
@@ -20,13 +20,67 @@ yarn add @simplybusiness/mobius
 import { Text } from "@simplybusiness/mobius";
 ```
 
-## Examples
+## Use default HTML elements and their theme styles
 
-<TextStories.Example />
+### Heading 1
 
-### Normal
+<Canvas of={TextStories.Heading1} />
 
-<Story of={TextStories.Normal} />
+### Heading 2
+
+<Canvas of={TextStories.Heading2} />
+
+### Heading 3
+
+<Canvas of={TextStories.Heading3} />
+
+### Heading 4
+
+<Canvas of={TextStories.Heading4} />
+
+### Paragraph
+
+<Canvas of={TextStories.Paragraph} />
+
+### Small
+
+<Canvas of={TextStories.Small} />
+
+### Legal
+
+<Canvas of={TextStories.Legal} />
+
+## Style HTML elements (defaults to `<p>` tag) with `variant` prop
+
+Make `<p>` tag look like an `<h1>` tag.
+
+### Variant H1
+
+<Canvas of={TextStories.VariantHeading1} />
+
+### Variant H2
+
+<Canvas of={TextStories.VariantHeading2} />
+
+### Variant H3
+
+<Canvas of={TextStories.VariantHeading3} />
+
+### Variant H4
+
+<Canvas of={TextStories.VariantHeading4} />
+
+### Variant Body
+
+<Canvas of={TextStories.VariantBody} />
+
+### Variant Small
+
+<Canvas of={TextStories.VariantSmall} />
+
+### Variant Legal
+
+<Canvas of={TextStories.VariantLegal} />
 
 ### Themed
 
@@ -44,12 +98,6 @@ const StyledText = styled(Text)`
 <StyledText>Sample Text</StyledText>
 ```
 
-### Variant
-
-Override text presentation with a named variant.
-
-<TextStories.ExampleVariant />
-
 ### Spacing
 
 Set the spacing to "loose" or "tight" to override the default line height for text. This applies to any element type or variant.

package/src/components/Text/Text.stories.tsx

@@ -8,18 +8,108 @@ type StoryType = StoryObj<typeof Text>;
 const meta: Meta<typeof Text> = {
   title: "Components/Text",
   component: Text,
-  excludeStories: ["Example", "ExampleSpacing", "ExampleVariant"],
+  excludeStories: ["ExampleSpacing"],
   argTypes: excludeControls("style"),
 };
 
-export const Normal: StoryType = {
-  render: (args: TextProps) => <Text {...args}>Sample Text</Text>,
+export const Heading1: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Heading 1</Text>,
+  args: {
+    elementType: "h1",
+  },
+};
+
+export const Heading2: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Heading 2</Text>,
+  args: {
+    elementType: "h2",
+  },
+};
+
+export const Heading3: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Heading 3</Text>,
+  args: {
+    elementType: "h3",
+  },
+};
+
+export const Heading4: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Heading 4</Text>,
   args: {
     elementType: "h4",
+  },
+};
+
+export const Paragraph: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Paragraph</Text>,
+  args: {
+    elementType: "p",
+  },
+};
+
+export const Small: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Small paragraph</Text>,
+  args: {
+    variant: "small",
+  },
+};
+
+export const Legal: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Small print</Text>,
+  args: {
+    variant: "legal",
+  },
+};
+
+export const VariantHeading1: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant H1</Text>,
+  args: {
+    variant: "h1",
+  },
+};
+
+export const VariantHeading2: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant H2</Text>,
+  args: {
+    variant: "h2",
+  },
+};
+
+export const VariantHeading3: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant H3</Text>,
+  args: {
+    variant: "h3",
+  },
+};
+
+export const VariantHeading4: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant H4</Text>,
+  args: {
     variant: "h4",
   },
 };
 
+export const VariantBody: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant body</Text>,
+  args: {
+    variant: "body",
+  },
+};
+
+export const VariantSmall: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant small</Text>,
+  args: {
+    variant: "small",
+  },
+};
+
+export const VariantLegal: StoryType = {
+  render: (args: TextProps) => <Text {...args}>Variant legal</Text>,
+  args: {
+    variant: "legal",
+  },
+};
+
 export const Themed: StoryType = {
   render: (args: TextProps) => <Text {...args}>Sample Text</Text>,
   args: {
@@ -31,72 +121,9 @@ export const Themed: StoryType = {
   },
 };
 
-export const Example = () => (
-  <>
-    <Box>
-      <Text elementType="h1">Heading 1</Text>
-      <Text elementType="h2">Heading 2</Text>
-      <Text elementType="h3">Heading 3</Text>
-      <Text elementType="h4">Heading 4</Text>
-      <Text>Paragraph</Text>
-      <Text variant="small">Small paragraph</Text>
-      <Text variant="legal">Small print</Text>
-    </Box>
-    <Box>
-      <Text elementType="h1">First Heading</Text>
-      <Text>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem
-        enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet
-        nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum
-        dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In
-        hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor
-        dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet
-        dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur
-        augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper
-        enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut
-        tincidunt rhoncus.
-      </Text>
-      <Text>
-        Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin
-        at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae
-        viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur
-        adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae
-        risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus
-        sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac
-        congue odio.
-      </Text>
-      <Text elementType="h2">Second Heading</Text>
-      <Text>
-        Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut
-        dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin,
-        elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo
-        libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus
-        ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis
-        porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non
-        purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis
-        tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum
-        efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu
-        purus, id pretium ligula facilisis et.
-      </Text>
-    </Box>
-  </>
-);
-
-export const ExampleVariant = () => (
-  <div style={{ display: "flex", flexDirection: "column" }}>
-    <Text variant="h1">variant h1</Text>
-    <Text variant="h2">variant h2</Text>
-    <Text variant="h3">variant h3</Text>
-    <Text variant="h4">variant h4</Text>
-    <Text variant="body">variant body</Text>
-    <Text variant="small">variant small</Text>
-    <Text variant="legal">variant legal</Text>
-  </div>
-);
-
 export const ExampleSpacing = () => (
   <Box>
-    <Text variant="h3">Tight Spacing</Text>
+    <Text variant="h3">Tight paragraph spacing</Text>
     <Text spacing="tight">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem
       enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl.
@@ -111,7 +138,7 @@ export const ExampleSpacing = () => (
       Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut
       dolor nibh, facilisis at tempus at, iaculis sed mi.
     </Text>
-    <Text variant="h3">Loose Spacing</Text>
+    <Text variant="h3">Loose paragraph spacing</Text>
     <Text>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem
       enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl.

package/src/yarnpath.test.ts

@@ -0,0 +1,22 @@
+// This doesn't really belong here since it's testing something in the
+// root workspace, but we don't have testing configured for that and I'm
+// not adding it just for this one test.
+
+import fs from "node:fs/promises";
+
+describe("Yarn path", () => {
+  it("should use same yarn path for both configuration files", async () => {
+    const privateYarnConfigPath = "../../.yarnrc.yml";
+    const publicYarnConfigPath = "../../.yarnrc.yml.npm";
+
+    const [privateYarnConfig, publicYarnConfig] = await Promise.all([
+      fs.readFile(privateYarnConfigPath, "utf8"),
+      fs.readFile(publicYarnConfigPath, "utf8"),
+    ]);
+
+    const privateYarnPath = privateYarnConfig.match(/yarnPath: (.*)/)?.[1];
+    const publicYarnPath = publicYarnConfig.match(/yarnPath: (.*)/)?.[1];
+
+    expect(privateYarnPath).toBe(publicYarnPath);
+  });
+});

package/dist/cjs/components/Accordion/Accordion.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode, Ref, RefAttributes } from "react";
-import { ForwardedRefComponent } from "../../types/components";
-import { DOMProps } from "../../types/dom";
-export type AccordionElementType = HTMLDivElement;
-export type AccordionRef = Ref<AccordionElementType>;
-export interface AccordionLinkProps extends DOMProps {
-    /** Link text to show accordion content */
-    text?: string;
-    onClick?: () => void;
-    toggle: () => void;
-    headerChildren?: ReactNode;
-    ariaExpanded: boolean | undefined;
-}
-export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
-    /** Custom class name for setting specific CSS */
-    className?: string;
-    /** Link text to show accordion content */
-    showText?: string;
-    /** Link text to hide accordion content */
-    hideText?: string;
-    /** Whether header is above or below content */
-    headerPosition?: "top" | "bottom";
-    /** Whether to expand the accordion initially */
-    startOpen?: boolean | undefined;
-    /** Callback that fires each time the accordion is opened */
-    onOpen?: () => void;
-    /** Callback that fires each time the accordion is closed */
-    onClose?: () => void;
-    /** Callback that fires each time the accordion state changes */
-    onChange?: (state: boolean) => void;
-    children?: ReactNode;
-    headerChildren?: ReactNode;
-}
-export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;

package/dist/cjs/components/Accordion/Accordion.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Accordion } from "..";
-type StoryType = StoryObj<typeof Accordion>;
-declare const meta: Meta<typeof Accordion>;
-export declare const Normal: StoryType;
-export declare const StartExpanded: StoryType;
-export declare const BottomHeader: StoryType;
-export declare const WithChildren: StoryType;
-export declare const ComplexContent: StoryType;
-export default meta;

package/dist/cjs/components/Accordion/Accordion.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComplexContent = exports.WithChildren = exports.BottomHeader = exports.StartExpanded = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const utils_1 = require("../../utils");
-const meta = {
-    title: "Components/Accordion",
-    component: __1.Accordion,
-    argTypes: (0, utils_1.excludeControls)("headerChildren"),
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: 150 }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        startOpen: false,
-    },
-};
-exports.StartExpanded = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        startOpen: true,
-    },
-};
-exports.BottomHeader = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "bottom",
-        startOpen: false,
-    },
-};
-exports.WithChildren = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        headerChildren: (0, jsx_runtime_1.jsx)(__1.Button, { children: "Go" }),
-        startOpen: false,
-    },
-};
-exports.ComplexContent = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        startOpen: false,
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=Accordion.stories.js.map

package/dist/cjs/components/Accordion/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAA8E;AAC9E,uCAA8C;AAI9C,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,uBAAe,EAAC,gBAAgB,CAAC;IAC3C,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YAC5B,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,uBAAC,UAAM,qBAAY;QACnC,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}