@webiny/admin-ui 6.2.0-beta.0 → 6.3.0-beta.0

package/Select/Select.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as SelectStories from './Select.stories';
+import * as SelectStories from "./Select.stories";
 
 <Meta of={SelectStories} />
 
@@ -16,7 +16,7 @@ import React, { useState } from "react";
 import { Select } from "@webiny/admin-ui";
 
 const SelectExample = () => {
-    const [value, setValue] = useState("");
+const [value, setValue] = useState("");
 
     return (
         <Select
@@ -36,25 +36,26 @@ const SelectExample = () => {
             onChange={setValue}
         />
     );
+
 };
 
 export default SelectExample;
 
 `} }
-    additionalActions={[
-        {
-            title: 'Open in GitHub',
-            onClick: () => {
-                window.open(
-                    'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Select/Select.tsx',
-                    '_blank'
-                );
-            },
-        }
-    ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Select/Select.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
-<Controls of={SelectStories.Documentation} exclude={["onChange", "onOpenChange"]}/>
+<Controls of={SelectStories.Documentation} exclude={["onChange", "onOpenChange"]} />
 
 ```jsx
 import React, { useState } from "react";
@@ -62,26 +63,26 @@ import React, { useState } from "react";
 import { Select } from "@webiny/admin-ui";
 
 const SelectExample = () => {
-    const [value, setValue] = useState("");
-
-    return (
-        <Select
-            label="Time Zone"
-            description="Select your preferred time zone"
-            note="This setting will affect how times are displayed throughout the application"
-            required={true}
-            options={[
-                { value: "EST", label: "Eastern Standard Time (UTC-5)" },
-                { value: "CST", label: "Central Standard Time (UTC-6)" },
-                { value: "PST", label: "Pacific Standard Time (UTC-8)" },
-                { value: "GMT", label: "Greenwich Mean Time (UTC+0)" },
-                { value: "CET", label: "Central European Time (UTC+1)" },
-                { value: "IST", label: "India Standard Time (UTC+5:30)" }
-            ]}
-            value={value}
-            onChange={setValue}
-        />
-    );
+  const [value, setValue] = useState("");
+
+  return (
+    <Select
+      label="Time Zone"
+      description="Select your preferred time zone"
+      note="This setting will affect how times are displayed throughout the application"
+      required={true}
+      options={[
+        { value: "EST", label: "Eastern Standard Time (UTC-5)" },
+        { value: "CST", label: "Central Standard Time (UTC-6)" },
+        { value: "PST", label: "Pacific Standard Time (UTC-8)" },
+        { value: "GMT", label: "Greenwich Mean Time (UTC+0)" },
+        { value: "CET", label: "Central European Time (UTC+1)" },
+        { value: "IST", label: "India Standard Time (UTC+5:30)" }
+      ]}
+      value={value}
+      onChange={setValue}
+    />
+  );
 };
 
 export default SelectExample;
@@ -90,27 +91,35 @@ export default SelectExample;
 ## Anatomy
 
 ### Select Anatomy
-<img src="/images/storybook/select/anatomy.png" alt="Select Anatomy"/>
+
+<img src="/images/storybook/select/anatomy.png" alt="Select Anatomy" />
 
 ### Styles
-<img src="/images/storybook/select/styles.png" alt="Styles"/>
+
+<img src="/images/storybook/select/styles.png" alt="Styles" />
 
 ### Options
-<img src="/images/storybook/select/options.png" alt="Options"/>
+
+<img src="/images/storybook/select/options.png" alt="Options" />
 
 ### States and Styles
-<img src="/images/storybook/select/states-and-styles.png" alt="States and Styles"/>
+
+<img src="/images/storybook/select/states-and-styles.png" alt="States and Styles" />
 
 ### Label Anatomy
-<img src="/images/storybook/select/label-anatomy.png" alt="Label Anatomy"/>
+
+<img src="/images/storybook/select/label-anatomy.png" alt="Label Anatomy" />
 
 ### Label Properties
-<img src="/images/storybook/select/label-properties.png" alt="Label Properties"/>
+
+<img src="/images/storybook/select/label-properties.png" alt="Label Properties" />
 
 ### Label Options
-<img src="/images/storybook/select/label-options.png" alt="Label Options"/>
+
+<img src="/images/storybook/select/label-options.png" alt="Label Options" />
 
 ## Usage
 
 ### Used in forms
-<img src="/images/storybook/select/used-in-forms.png" alt="Used in forms"/>
+
+<img src="/images/storybook/select/used-in-forms.png" alt="Used in forms" />

package/Select/primitives/components/SelectTrigger.d.ts

@@ -5,7 +5,7 @@ declare const selectTriggerVariants: (props?: ({
     variant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null | undefined;
     size?: "md" | "lg" | "xl" | null | undefined;
     invalid?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SelectTriggerProps extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {
     startIcon?: React.ReactElement;
     endIcon?: React.ReactElement;

package/Select/primitives/components/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { SelectIcon } from \"./SelectIcon.js\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"w-full flex items-center justify-between gap-sm border-sm text-md relative\",\n        \"focus:outline-none\",\n        \"disabled:pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong\",\n                    \"hover:border-neutral-strong\",\n                    \"focus:border-neutral-black\",\n                    \"data-[state=open]:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"focus:border-neutral-black focus:bg-neutral-base\",\n                    \"data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dark/5\",\n                    \"focus:bg-neutral-dark/5\",\n                    \"data-[state=open]:bg-neutral-dark/5\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50\",\n                    \"hover:bg-neutral-base/20\",\n                    \"focus:bg-neutral-base/20\",\n                    \"data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                lg: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                xl: [\n                    \"rounded-lg leading-6\",\n                    \"py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"border-destructive-subtle! bg-destructive-subtle!\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps,\n        VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4EAA4E,EAC5E,oBAAoB,EACpB,8BAA8B,CACjC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,+GAA+G,EAC/G,6BAA6B,EAC7B,4BAA4B,EAC5B,wCAAwC,EACxC,sKAAsK,CACzK;MACDC,SAAS,EAAE,CACP,gHAAgH,EAChH,yBAAyB,EACzB,kDAAkD,EAClD,0EAA0E,EAC1E,sKAAsK,CACzK;MACDC,KAAK,EAAE,CACH,wFAAwF,EACxF,yBAAyB,EACzB,yBAAyB,EACzB,qCAAqC,EACrC,sKAAsK,CACzK;MACD,gBAAgB,EAAE,CACd,gHAAgH,EAChH,0BAA0B,EAC1B,0BAA0B,EAC1B,kKAAkK,EAClK,yGAAyG;IAEjH,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,sBAAsB,EACtB,6GAA6G;IAErH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,gBAAgB;IACzBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAUD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { SelectIcon } from \"./SelectIcon.js\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"w-full flex items-center justify-between gap-sm border-sm text-md relative\",\n        \"focus:outline-none\",\n        \"disabled:pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong\",\n                    \"hover:border-neutral-strong\",\n                    \"focus:border-neutral-black\",\n                    \"data-[state=open]:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"focus:border-neutral-black focus:bg-neutral-base\",\n                    \"data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dark/5\",\n                    \"focus:bg-neutral-dark/5\",\n                    \"data-[state=open]:bg-neutral-dark/5\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50\",\n                    \"hover:bg-neutral-base/20\",\n                    \"focus:bg-neutral-base/20\",\n                    \"data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                lg: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                xl: [\n                    \"rounded-lg leading-6\",\n                    \"py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"border-destructive-subtle! bg-destructive-subtle!\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4EAA4E,EAC5E,oBAAoB,EACpB,8BAA8B,CACjC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,+GAA+G,EAC/G,6BAA6B,EAC7B,4BAA4B,EAC5B,wCAAwC,EACxC,sKAAsK,CACzK;MACDC,SAAS,EAAE,CACP,gHAAgH,EAChH,yBAAyB,EACzB,kDAAkD,EAClD,0EAA0E,EAC1E,sKAAsK,CACzK;MACDC,KAAK,EAAE,CACH,wFAAwF,EACxF,yBAAyB,EACzB,yBAAyB,EACzB,qCAAqC,EACrC,sKAAsK,CACzK;MACD,gBAAgB,EAAE,CACd,gHAAgH,EAChH,0BAA0B,EAC1B,0BAA0B,EAC1B,kKAAkK,EAClK,yGAAyG;IAEjH,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,sBAAsB,EACtB,6GAA6G;IAErH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,gBAAgB;IACzBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AASD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}

package/Select/primitives/presenters/SelectPresenter.d.ts

@@ -34,7 +34,7 @@ declare class SelectPresenter implements ISelectPresenter {
             displayResetAction: boolean;
         };
         selectOptions: {
-            options: import("../../domains/SelectOptionFormatted.js").SelectOptionFormatted[];
+            options: import("../../index.js").SelectOptionFormatted[];
         };
     };
     changeValue: (value?: string) => void;

package/Separator/Separator.d.ts

@@ -5,7 +5,7 @@ declare const separatorVariants: (props?: ({
     margin?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     variant?: "accent" | "base" | "strong" | "transparent" | "dimmed" | "muted" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SeparatorPosition = "start" | "middle" | "end";
 type SeparatorProps = Omit<SeparatorPrimitive.SeparatorProps, "children"> & VariantProps<typeof separatorVariants> & {
     children?: React.ReactNode;

package/Separator/Separator.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as SeparatorStories from './Separator.stories';
+import * as SeparatorStories from "./Separator.stories";
 
 <Meta of={SeparatorStories} />
 
@@ -15,41 +15,36 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const SeparatorExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator
-                margin="lg"
-                variant="subtle"
-                orientation="horizontal"
-                decorative={true}
-            />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin="lg" variant="subtle" orientation="horizontal" decorative={true} />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+  </div>
+</div>
+); };
 
 export default SeparatorExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Separator/Separator.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Separator/Separator.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={SeparatorStories.Documentation} />
@@ -59,31 +54,25 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const SeparatorExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator
-                margin="lg"
-                variant="subtle"
-                orientation="horizontal"
-                decorative={true}
-            />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-            </div>
-        </div>
-    );
+  return (
+    <div>
+      <div className="space-y-1">
+        <Heading level={6}>{"This is a heading."}</Heading>
+        <Text size="sm" className={"text-neutral-strong"}>
+          {"This is a short description here"}
+        </Text>
+      </div>
+      <Separator margin="lg" variant="subtle" orientation="horizontal" decorative={true} />
+      <div className="flex items-center h-6 text-sm">
+        <Text>{"This is text 1."}</Text>
+      </div>
+    </div>
+  );
 };
 
 export default SeparatorExample;
 ```
 
-
 ## Examples
 
 ### Default
@@ -95,21 +84,21 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const DefaultSeparatorExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator margin="lg" variant="subtle" />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin="lg" variant="subtle" />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+  </div>
+</div>
+); };
 
 export default DefaultSeparatorExample;
 ` } } />
@@ -123,25 +112,25 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const VerticalAndHorizontalExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator margin={"lg"} />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-                <Separator orientation="vertical" margin={"lg"} />
-                <Text>{"This is text 2."}</Text>
-                <Separator orientation="vertical" margin={"lg"} />
-                <Text>{"This is text 3."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin={"lg"} />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+    <Separator orientation="vertical" margin={"lg"} />
+    <Text>{"This is text 2."}</Text>
+    <Separator orientation="vertical" margin={"lg"} />
+    <Text>{"This is text 3."}</Text>
+  </div>
+</div>
+); };
 
 export default VerticalAndHorizontalExample;
 ` } } />
@@ -155,21 +144,21 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const HorizontalOrientationExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator margin={"lg"} orientation="horizontal" />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin={"lg"} orientation="horizontal" />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+  </div>
+</div>
+); };
 
 export default HorizontalOrientationExample;
 ` } } />
@@ -183,16 +172,16 @@ import React from "react";
 import { Separator, Text } from "@webiny/admin-ui";
 
 const VerticalOrientationExample = () => {
-    return (
-        <div className="flex justify-center h-6 text-sm">
-            <Text>{"This is text 1."}</Text>
-            <Separator orientation="vertical" margin={"lg"} />
-            <Text>{"This is text 2."}</Text>
-            <Separator orientation="vertical" margin={"lg"} />
-            <Text>{"This is text 3."}</Text>
-        </div>
-    );
-};
+return (
+
+<div className="flex justify-center h-6 text-sm">
+  <Text>{"This is text 1."}</Text>
+  <Separator orientation="vertical" margin={"lg"} />
+  <Text>{"This is text 2."}</Text>
+  <Separator orientation="vertical" margin={"lg"} />
+  <Text>{"This is text 3."}</Text>
+</div>
+); };
 
 export default VerticalOrientationExample;
 ` } } />
@@ -206,25 +195,25 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const LessMarginExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator margin={"md"} />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-                <Separator orientation="vertical" margin={"md"} />
-                <Text>{"This is text 2."}</Text>
-                <Separator orientation="vertical" margin={"md"} />
-                <Text>{"This is text 3."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin={"md"} />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+    <Separator orientation="vertical" margin={"md"} />
+    <Text>{"This is text 2."}</Text>
+    <Separator orientation="vertical" margin={"md"} />
+    <Text>{"This is text 3."}</Text>
+  </div>
+</div>
+); };
 
 export default LessMarginExample;
 ` } } />
@@ -238,25 +227,25 @@ import React from "react";
 import { Separator, Heading, Text } from "@webiny/admin-ui";
 
 const MoreMarginExample = () => {
-    return (
-        <div>
-            <div className="space-y-1">
-                <Heading level={6}>{"This is a heading."}</Heading>
-                <Text size="sm" className={"text-neutral-strong"}>
-                    {"This is a short description here"}
-                </Text>
-            </div>
-            <Separator margin={"xl"} />
-            <div className="flex items-center h-6 text-sm">
-                <Text>{"This is text 1."}</Text>
-                <Separator orientation="vertical" margin={"xl"} />
-                <Text>{"This is text 2."}</Text>
-                <Separator orientation="vertical" margin={"xl"} />
-                <Text>{"This is text 3."}</Text>
-            </div>
-        </div>
-    );
-};
+return (
+
+<div>
+  <div className="space-y-1">
+    <Heading level={6}>{"This is a heading."}</Heading>
+    <Text size="sm" className={"text-neutral-strong"}>
+      {"This is a short description here"}
+    </Text>
+  </div>
+  <Separator margin={"xl"} />
+  <div className="flex items-center h-6 text-sm">
+    <Text>{"This is text 1."}</Text>
+    <Separator orientation="vertical" margin={"xl"} />
+    <Text>{"This is text 2."}</Text>
+    <Separator orientation="vertical" margin={"xl"} />
+    <Text>{"This is text 3."}</Text>
+  </div>
+</div>
+); };
 
 export default MoreMarginExample;
 ` } } />

package/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarRoot","SidebarHeader","SidebarContent","SidebarIcon","SidebarFooter","SidebarMenuItem","SidebarMenuLink","SidebarMenuRoot","SidebarMenuGroup","SidebarBase","props","headerProps","rootProps","footerProps","contentProps","useMemo","title","icon","side","footer","rest","createElement","showPinnedItems","children","DecoratableSidebar","Sidebar","Item","Link","Group","Icon"],"sources":["Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { SidebarRoot } from \"./components/SidebarRoot.js\";\nimport { SidebarHeader } from \"./components/SidebarHeader.js\";\nimport { SidebarContent } from \"./components/SidebarContent.js\";\nimport { SidebarIcon } from \"./components/SidebarIcon.js\";\nimport { SidebarFooter } from \"./components/SidebarFooter.js\";\nimport { SidebarMenuItem } from \"./components/items/SidebarMenuItem.js\";\nimport { SidebarMenuLink } from \"./components/items/SidebarMenuLink.js\";\nimport { SidebarMenuRoot } from \"./components/items/SidebarMenuRoot.js\";\nimport { SidebarMenuGroup } from \"~/Sidebar/components/items/SidebarMenuGroup.js\";\n\ninterface SidebarProps\n    extends Omit<React.ComponentPropsWithoutRef<typeof SidebarRoot>, \"title\">,\n        Omit<React.ComponentPropsWithoutRef<typeof SidebarContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactNode;\n    children: React.ReactNode;\n    footer?: React.ReactNode;\n}\n\nconst SidebarBase = (props: SidebarProps) => {\n    const { headerProps, rootProps, footerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Header props.\n            title,\n            icon,\n\n            // Root props.\n            side,\n\n            // Footer props.\n            footer,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            headerProps: {\n                title,\n                icon\n            },\n            rootProps: {\n                side\n            },\n            footerProps: {\n                footer\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <SidebarRoot {...rootProps}>\n            <SidebarHeader {...headerProps} />\n            <SidebarContent {...contentProps}>\n                <SidebarMenuRoot showPinnedItems={true}>{props.children}</SidebarMenuRoot>\n            </SidebarContent>\n            <SidebarFooter>\n                <SidebarMenuRoot showPinnedItems={false}>{footerProps.footer}</SidebarMenuRoot>\n            </SidebarFooter>\n        </SidebarRoot>\n    );\n};\n\nconst DecoratableSidebar = makeDecoratable(\"Sidebar\", SidebarBase);\n\nconst Sidebar = withStaticProps(DecoratableSidebar, {\n    Item: SidebarMenuItem,\n    Link: SidebarMenuLink,\n    Group: SidebarMenuGroup,\n    Icon: SidebarIcon\n});\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAWzB,MAAMC,WAAW,GAAIC,KAAmB,IAAK;EACzC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAGjB,KAAK,CAACkB,OAAO,CAAC,MAAM;IAC9E,MAAM;MACF;MACAC,KAAK;MACLC,IAAI;MAEJ;MACAC,IAAI;MAEJ;MACAC,MAAM;MAEN;MACA,GAAGC;IACP,CAAC,GAAGV,KAAK;IAET,OAAO;MACHC,WAAW,EAAE;QACTK,KAAK;QACLC;MACJ,CAAC;MACDL,SAAS,EAAE;QACPM;MACJ,CAAC;MACDL,WAAW,EAAE;QACTM;MACJ,CAAC;MACDL,YAAY,EAAEM;IAClB,CAAC;EACL,CAAC,EAAE,CAACV,KAAK,CAAC,CAAC;EAEX,oBACIb,KAAA,CAAAwB,aAAA,CAACrB,WAAW,EAAKY,SAAS,eACtBf,KAAA,CAAAwB,aAAA,CAACpB,aAAa,EAAKU,WAAc,CAAC,eAClCd,KAAA,CAAAwB,aAAA,CAACnB,cAAc,EAAKY,YAAY,eAC5BjB,KAAA,CAAAwB,aAAA,CAACd,eAAe;IAACe,eAAe,EAAE;EAAK,GAAEZ,KAAK,CAACa,QAA0B,CAC7D,CAAC,eACjB1B,KAAA,CAAAwB,aAAA,CAACjB,aAAa,qBACVP,KAAA,CAAAwB,aAAA,CAACd,eAAe;IAACe,eAAe,EAAE;EAAM,GAAET,WAAW,CAACM,MAAwB,CACnE,CACN,CAAC;AAEtB,CAAC;AAED,MAAMK,kBAAkB,GAAG1B,eAAe,CAAC,SAAS,EAAEW,WAAW,CAAC;AAElE,MAAMgB,OAAO,GAAG1B,eAAe,CAACyB,kBAAkB,EAAE;EAChDE,IAAI,EAAErB,eAAe;EACrBsB,IAAI,EAAErB,eAAe;EACrBsB,KAAK,EAAEpB,gBAAgB;EACvBqB,IAAI,EAAE1B;AACV,CAAC,CAAC;AAEF,SAASsB,OAAO","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarRoot","SidebarHeader","SidebarContent","SidebarIcon","SidebarFooter","SidebarMenuItem","SidebarMenuLink","SidebarMenuRoot","SidebarMenuGroup","SidebarBase","props","headerProps","rootProps","footerProps","contentProps","useMemo","title","icon","side","footer","rest","createElement","showPinnedItems","children","DecoratableSidebar","Sidebar","Item","Link","Group","Icon"],"sources":["Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { SidebarRoot } from \"./components/SidebarRoot.js\";\nimport { SidebarHeader } from \"./components/SidebarHeader.js\";\nimport { SidebarContent } from \"./components/SidebarContent.js\";\nimport { SidebarIcon } from \"./components/SidebarIcon.js\";\nimport { SidebarFooter } from \"./components/SidebarFooter.js\";\nimport { SidebarMenuItem } from \"./components/items/SidebarMenuItem.js\";\nimport { SidebarMenuLink } from \"./components/items/SidebarMenuLink.js\";\nimport { SidebarMenuRoot } from \"./components/items/SidebarMenuRoot.js\";\nimport { SidebarMenuGroup } from \"~/Sidebar/components/items/SidebarMenuGroup.js\";\n\ninterface SidebarProps\n    extends\n        Omit<React.ComponentPropsWithoutRef<typeof SidebarRoot>, \"title\">,\n        Omit<React.ComponentPropsWithoutRef<typeof SidebarContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactNode;\n    children: React.ReactNode;\n    footer?: React.ReactNode;\n}\n\nconst SidebarBase = (props: SidebarProps) => {\n    const { headerProps, rootProps, footerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Header props.\n            title,\n            icon,\n\n            // Root props.\n            side,\n\n            // Footer props.\n            footer,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            headerProps: {\n                title,\n                icon\n            },\n            rootProps: {\n                side\n            },\n            footerProps: {\n                footer\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <SidebarRoot {...rootProps}>\n            <SidebarHeader {...headerProps} />\n            <SidebarContent {...contentProps}>\n                <SidebarMenuRoot showPinnedItems={true}>{props.children}</SidebarMenuRoot>\n            </SidebarContent>\n            <SidebarFooter>\n                <SidebarMenuRoot showPinnedItems={false}>{footerProps.footer}</SidebarMenuRoot>\n            </SidebarFooter>\n        </SidebarRoot>\n    );\n};\n\nconst DecoratableSidebar = makeDecoratable(\"Sidebar\", SidebarBase);\n\nconst Sidebar = withStaticProps(DecoratableSidebar, {\n    Item: SidebarMenuItem,\n    Link: SidebarMenuLink,\n    Group: SidebarMenuGroup,\n    Icon: SidebarIcon\n});\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAYzB,MAAMC,WAAW,GAAIC,KAAmB,IAAK;EACzC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAGjB,KAAK,CAACkB,OAAO,CAAC,MAAM;IAC9E,MAAM;MACF;MACAC,KAAK;MACLC,IAAI;MAEJ;MACAC,IAAI;MAEJ;MACAC,MAAM;MAEN;MACA,GAAGC;IACP,CAAC,GAAGV,KAAK;IAET,OAAO;MACHC,WAAW,EAAE;QACTK,KAAK;QACLC;MACJ,CAAC;MACDL,SAAS,EAAE;QACPM;MACJ,CAAC;MACDL,WAAW,EAAE;QACTM;MACJ,CAAC;MACDL,YAAY,EAAEM;IAClB,CAAC;EACL,CAAC,EAAE,CAACV,KAAK,CAAC,CAAC;EAEX,oBACIb,KAAA,CAAAwB,aAAA,CAACrB,WAAW,EAAKY,SAAS,eACtBf,KAAA,CAAAwB,aAAA,CAACpB,aAAa,EAAKU,WAAc,CAAC,eAClCd,KAAA,CAAAwB,aAAA,CAACnB,cAAc,EAAKY,YAAY,eAC5BjB,KAAA,CAAAwB,aAAA,CAACd,eAAe;IAACe,eAAe,EAAE;EAAK,GAAEZ,KAAK,CAACa,QAA0B,CAC7D,CAAC,eACjB1B,KAAA,CAAAwB,aAAA,CAACjB,aAAa,qBACVP,KAAA,CAAAwB,aAAA,CAACd,eAAe;IAACe,eAAe,EAAE;EAAM,GAAET,WAAW,CAACM,MAAwB,CACnE,CACN,CAAC;AAEtB,CAAC;AAED,MAAMK,kBAAkB,GAAG1B,eAAe,CAAC,SAAS,EAAEW,WAAW,CAAC;AAElE,MAAMgB,OAAO,GAAG1B,eAAe,CAACyB,kBAAkB,EAAE;EAChDE,IAAI,EAAErB,eAAe;EACrBsB,IAAI,EAAErB,eAAe;EACrBsB,KAAK,EAAEpB,gBAAgB;EACvBqB,IAAI,EAAE1B;AACV,CAAC,CAAC;AAEF,SAASsB,OAAO","ignoreList":[]}