@webiny/admin-ui 6.4.12-beta.5 → 6.5.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.4.12-beta.5",
+	"version": "6.5.0-beta.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -17,55 +17,55 @@
 		"@fortawesome/react-fontawesome": "3.5.0",
 		"@minoru/react-dnd-treeview": "3.5.4",
 		"@monaco-editor/react": "4.7.0",
-		"@radix-ui/react-scroll-area": "1.2.18",
-		"@tanstack/react-table": "9.2.4",
-		"@webiny/icons": "6.4.12-beta.5",
-		"@webiny/react-composition": "6.4.12-beta.5",
-		"@webiny/utils": "6.4.12-beta.5",
+		"@radix-ui/react-scroll-area": "1.2.15",
+		"@tanstack/react-table": "8.21.3",
+		"@webiny/icons": "6.5.0-beta.1",
+		"@webiny/react-composition": "6.5.0-beta.1",
+		"@webiny/utils": "6.5.0-beta.1",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.1.1",
 		"date-fns": "4.4.0",
 		"lodash": "4.18.1",
-		"minimatch": "10.2.6",
-		"mobx": "7.0.3",
+		"minimatch": "10.2.5",
+		"mobx": "6.16.1",
 		"monaco-editor": "0.53.0",
-		"radix-ui": "1.6.7",
+		"radix-ui": "1.6.4",
 		"react": "18.3.1",
 		"react-color": "2.19.3",
 		"react-custom-scrollbars": "4.2.1",
 		"react-day-picker": "10.0.1",
 		"react-dnd": "16.0.1",
 		"react-virtualized": "9.22.6",
-		"sonner": "2.0.8",
-		"tailwind-merge": "2.6.1",
+		"sonner": "2.0.7",
+		"tailwind-merge": "3.6.0",
 		"tailwindcss": "4.3.3",
 		"tw-animate-css": "1.4.0",
-		"type-fest": "5.10.0"
+		"type-fest": "5.8.0"
 	},
 	"devDependencies": {
 		"@fortawesome/free-solid-svg-icons": "7.3.1",
-		"@rsbuild/core": "2.2.8",
+		"@rsbuild/core": "2.1.7",
 		"@rsbuild/plugin-svgr": "2.0.5",
-		"@storybook/addon-a11y": "10.6.0",
-		"@storybook/addon-docs": "10.6.0",
-		"@storybook/react": "10.6.0",
+		"@storybook/addon-a11y": "10.5.3",
+		"@storybook/addon-docs": "10.5.3",
+		"@storybook/react": "10.5.3",
 		"@tailwindcss/postcss": "4.3.3",
 		"@types/react": "18.3.31",
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "6.4.12-beta.5",
-		"@webiny/project": "6.4.12-beta.5",
-		"chalk": "6.0.0",
-		"oxfmt": "0.68.0",
+		"@webiny/build-tools": "6.5.0-beta.1",
+		"@webiny/project": "6.5.0-beta.1",
+		"chalk": "5.6.2",
+		"oxfmt": "0.59.0",
 		"rimraf": "6.1.3",
-		"sass": "1.104.1",
-		"storybook": "10.6.0",
-		"storybook-react-rsbuild": "3.6.0",
-		"typescript": "6.0.3",
-		"vitest": "5.0.1"
+		"sass": "1.101.3",
+		"storybook": "10.5.3",
+		"storybook-react-rsbuild": "3.3.4",
+		"typescript": "7.0.2",
+		"vitest": "4.1.10"
 	},
 	"publishConfig": {
 		"access": "public"

package/theme.css

@@ -86,6 +86,7 @@
   --color-primary-strong: var(--color-primary-700);
   --color-primary-subtle: var(--color-primary-100);
   --color-primary-xstrong: var(--color-primary-900);
+  --color-primary-light: var(--color-primary-200);
 
   --color-secondary: var(--color-success-500);
   --color-secondary-disabled: var(--color-success-400);
@@ -342,6 +343,17 @@
       background-color: var(--color-neutral-muted);
     }
   }
+
+  --animate-skeleton-pulse-light: skeleton-pulse-light 1400ms ease-in-out infinite;
+  @keyframes skeleton-pulse-light {
+    0%,
+    100% {
+      background-color: var(--color-neutral-subtle);
+    }
+    50% {
+      background-color: var(--color-neutral-disabled);
+    }
+  }
 }
 
 @utility container {
@@ -351,7 +363,35 @@
 @utility fill-grid {
   background-image: radial-gradient(var(--color-neutral-strong) 1px, transparent 0px);
   background-size: 15px 15px;
-  @apply bg-neutral-subtle;
+  @apply bg-neutral-light;
+}
+
+/*
+ * A Select hides its scrollbar and offers scroll buttons instead, which leaves a long list looking
+ * like it ends where it is cut off. These rules bring the scrollbar back, shaped like the thumb
+ * `ScrollArea` draws, so the two kinds of dropdown read the same. Radix injects the rules that hide
+ * it when the list opens, hence `!important`.
+ */
+[data-radix-select-viewport] {
+  /* Back to the initial value, both to undo Radix and because Chrome drops the rules below when
+     `scrollbar-width` or `scrollbar-color` say anything else. */
+  scrollbar-width: auto !important;
+}
+
+[data-radix-select-viewport]::-webkit-scrollbar {
+  display: block !important;
+  width: 10px;
+}
+
+[data-radix-select-viewport]::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+[data-radix-select-viewport]::-webkit-scrollbar-thumb {
+  background-color: color-mix(in oklab, var(--color-neutral-strong) 70%, transparent);
+  background-clip: content-box;
+  border: 2px solid transparent;
+  border-radius: calc(infinity * 1px);
 }
 
 @layer base {

package/utils.js

@@ -2,15 +2,13 @@ import react from "react";
 import { clsx } from "clsx";
 import { generateId } from "@webiny/utils/generateId.js";
 import { extendTailwindMerge } from "tailwind-merge";
+const BORDER_WIDTHS = [
+    "sm",
+    "md",
+    "none"
+];
 const twMerge = extendTailwindMerge({
     override: {
-        theme: {
-            borderWidth: [
-                "sm",
-                "md",
-                "none"
-            ]
-        },
         classGroups: {
             "border-color": [
                 "border-transparent",
@@ -73,39 +71,59 @@ const twMerge = extendTailwindMerge({
         }
     },
     extend: {
-        theme: {
-            padding: [
-                "lg",
-                "md",
-                "md-extra",
-                "none",
-                "sm",
-                "sm-extra",
-                "sm-plus",
-                "xl",
-                "xs",
-                "xs-plus",
-                "xxl",
-                "xxs"
+        classGroups: {
+            "border-w": [
+                {
+                    border: BORDER_WIDTHS
+                }
             ],
-            margin: [
-                "lg",
-                "md",
-                "md-plus",
-                "none",
-                "sm",
-                "sm-extra",
-                "sm-plus",
-                "xl",
-                "xs",
-                "xs-plus",
-                "xxl",
-                "xxs"
+            "border-w-x": [
+                {
+                    "border-x": BORDER_WIDTHS
+                }
+            ],
+            "border-w-y": [
+                {
+                    "border-y": BORDER_WIDTHS
+                }
             ],
+            "border-w-t": [
+                {
+                    "border-t": BORDER_WIDTHS
+                }
+            ],
+            "border-w-r": [
+                {
+                    "border-r": BORDER_WIDTHS
+                }
+            ],
+            "border-w-b": [
+                {
+                    "border-b": BORDER_WIDTHS
+                }
+            ],
+            "border-w-l": [
+                {
+                    "border-l": BORDER_WIDTHS
+                }
+            ],
+            "border-w-s": [
+                {
+                    "border-s": BORDER_WIDTHS
+                }
+            ],
+            "border-w-e": [
+                {
+                    "border-e": BORDER_WIDTHS
+                }
+            ]
+        },
+        theme: {
             spacing: [
                 "3xl",
                 "lg",
                 "md",
+                "md-extra",
                 "md-plus",
                 "none",
                 "sm",

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId.js\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-dimmed-darker\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport function createComponentPropsProvider<TProps extends Record<string, any>>() {\n    const PropsContext = React.createContext<TProps>({} as TProps);\n\n    type PropsProviderProps = {\n        props: TProps;\n        children: React.ReactNode;\n    };\n\n    const PropsProvider: React.ComponentType<PropsProviderProps> = ({\n        props,\n        children\n    }: PropsProviderProps) => {\n        return <PropsContext.Provider value={props}>{children}</PropsContext.Provider>;\n    };\n\n    const useProps = () => {\n        return React.useContext(PropsContext);\n    };\n\n    return [PropsProvider, useProps] as const;\n}\n\nexport function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {\n    const result = { ...obj };\n    keys.forEach(key => delete result[key]);\n    return result;\n}\n\nexport { cva, type VariantProps };\n"],"names":["twMerge","extendTailwindMerge","cn","inputs","clsx","generateId","initialId","baseGenerateId","withStaticProps","component","props","Object","createComponentPropsProvider","PropsContext","React","PropsProvider","children","useProps","omit","obj","keys","result","key"],"mappings":";;;;AAOA,MAAMA,UAAUC,oBAAoB;IAChC,UAAU;QACN,OAAO;YACH,aAAa;gBAAC;gBAAM;gBAAM;aAAO;QACrC;QACA,aAAa;YACT,gBAAgB;gBACZ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,gBAAgB;gBAAC;gBAAgB;gBAAiB;aAAgB;YAClE,cAAc;gBACV;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,UAAU;gBAAC;gBAAW;gBAAW;aAAU;YAC3C,aAAa;gBACT;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;IACA,QAAQ;QACJ,OAAO;YACH,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;AACJ;AAEO,SAASC,GAAG,GAAGC,MAAoB;IACtC,OAAOH,QAAQI,KAAKD;AACxB;AAEO,MAAME,mBAAa,CAACC;IACvB,IAAIA,WACA,OAAOA;IAEX,OAAO,KAAKC,WAAe;AAC/B;AAEO,MAAMC,kBAAkB,CAC3BC,WACAC,QAEOC,OAAO,MAAM,CAACF,WAAWC;AAG7B,SAASE;IACZ,MAAMC,eAAe,WAAfA,GAAeC,MAAAA,aAAmB,CAAS,CAAC;IAOlD,MAAMC,gBAAyD,CAAC,EAC5DL,KAAK,EACLM,QAAQ,EACS,GACV,WAAP,GAAO,oBAACH,aAAa,QAAQ;YAAC,OAAOH;WAAQM;IAGjD,MAAMC,WAAW,IACNH,MAAAA,UAAgB,CAACD;IAG5B,OAAO;QAACE;QAAeE;KAAS;AACpC;AAEO,SAASC,KAA0CC,GAAM,EAAEC,IAAS;IACvE,MAAMC,SAAS;QAAE,GAAGF,GAAG;IAAC;IACxBC,KAAK,OAAO,CAACE,CAAAA,MAAO,OAAOD,MAAM,CAACC,IAAI;IACtC,OAAOD;AACX"}
+{"version":3,"file":"utils.js","sources":["../src/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId.js\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst BORDER_WIDTHS = [\"sm\", \"md\", \"none\"];\n\nconst twMerge = extendTailwindMerge({\n    override: {\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-dimmed-darker\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        classGroups: {\n            \"border-w\": [{ border: BORDER_WIDTHS }],\n            \"border-w-x\": [{ \"border-x\": BORDER_WIDTHS }],\n            \"border-w-y\": [{ \"border-y\": BORDER_WIDTHS }],\n            \"border-w-t\": [{ \"border-t\": BORDER_WIDTHS }],\n            \"border-w-r\": [{ \"border-r\": BORDER_WIDTHS }],\n            \"border-w-b\": [{ \"border-b\": BORDER_WIDTHS }],\n            \"border-w-l\": [{ \"border-l\": BORDER_WIDTHS }],\n            \"border-w-s\": [{ \"border-s\": BORDER_WIDTHS }],\n            \"border-w-e\": [{ \"border-e\": BORDER_WIDTHS }]\n        },\n        theme: {\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport function createComponentPropsProvider<TProps extends Record<string, any>>() {\n    const PropsContext = React.createContext<TProps>({} as TProps);\n\n    type PropsProviderProps = {\n        props: TProps;\n        children: React.ReactNode;\n    };\n\n    const PropsProvider: React.ComponentType<PropsProviderProps> = ({\n        props,\n        children\n    }: PropsProviderProps) => {\n        return <PropsContext.Provider value={props}>{children}</PropsContext.Provider>;\n    };\n\n    const useProps = () => {\n        return React.useContext(PropsContext);\n    };\n\n    return [PropsProvider, useProps] as const;\n}\n\nexport function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {\n    const result = { ...obj };\n    keys.forEach(key => delete result[key]);\n    return result;\n}\n\nexport { cva, type VariantProps };\n"],"names":["BORDER_WIDTHS","twMerge","extendTailwindMerge","cn","inputs","clsx","generateId","initialId","baseGenerateId","withStaticProps","component","props","Object","createComponentPropsProvider","PropsContext","React","PropsProvider","children","useProps","omit","obj","keys","result","key"],"mappings":";;;;AAOA,MAAMA,gBAAgB;IAAC;IAAM;IAAM;CAAO;AAE1C,MAAMC,UAAUC,oBAAoB;IAChC,UAAU;QACN,aAAa;YACT,gBAAgB;gBACZ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,gBAAgB;gBAAC;gBAAgB;gBAAiB;aAAgB;YAClE,cAAc;gBACV;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,UAAU;gBAAC;gBAAW;gBAAW;aAAU;YAC3C,aAAa;gBACT;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;IACA,QAAQ;QACJ,aAAa;YACT,YAAY;gBAAC;oBAAE,QAAQF;gBAAc;aAAE;YACvC,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;QACjD;QACA,OAAO;YACH,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;AACJ;AAEO,SAASG,GAAG,GAAGC,MAAoB;IACtC,OAAOH,QAAQI,KAAKD;AACxB;AAEO,MAAME,mBAAa,CAACC;IACvB,IAAIA,WACA,OAAOA;IAEX,OAAO,KAAKC,WAAe;AAC/B;AAEO,MAAMC,kBAAkB,CAC3BC,WACAC,QAEOC,OAAO,MAAM,CAACF,WAAWC;AAG7B,SAASE;IACZ,MAAMC,eAAe,WAAfA,GAAeC,MAAAA,aAAmB,CAAS,CAAC;IAOlD,MAAMC,gBAAyD,CAAC,EAC5DL,KAAK,EACLM,QAAQ,EACS,GACV,WAAP,GAAO,oBAACH,aAAa,QAAQ;YAAC,OAAOH;WAAQM;IAGjD,MAAMC,WAAW,IACNH,MAAAA,UAAgB,CAACD;IAG5B,OAAO;QAACE;QAAeE;KAAS;AACpC;AAEO,SAASC,KAA0CC,GAAM,EAAEC,IAAS;IACvE,MAAMC,SAAS;QAAE,GAAGF,GAAG;IAAC;IACxBC,KAAK,OAAO,CAACE,CAAAA,MAAO,OAAOD,MAAM,CAACC,IAAI;IACtC,OAAOD;AACX"}