@rotki/ui-library 2.27.0 → 3.0.0-beta.1

package/dist/components/forms/category-picker/category-picker-styles.d.ts

@@ -1,28 +1,20 @@
-import { type TextInputVariant } from '../text-input-styles.js';
-export type CategoryPickerVariant = TextInputVariant;
 /**
  * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via
- * `activatorStyles`: floating label, outlined/filled/underline variants,
- * error + hint details, required marker.
+ * `activatorStyles`.
  *
  * The `selection` slot draws over the emptied input, so it is positioned
- * rather than laid out: `inset-y-0 left-4` lines it up with the field's own
- * `pl-4` text box, and the right offset reserves the trailing controls. It
+ * rather than laid out: `inset-y-0 left-3` lines it up with the field's own
+ * `pl-3` text box, and the right offset reserves the trailing controls. It
  * must not take the `value` slot's `w-full`, because a width of 100% beats the
- * right offset and leaves the layer a full field width shifted right by
- * `left-4`, overflowing the field and covering the chevron it meant to clear
+ * right offset and leaves the layer a full field width shifted right,
+ * overflowing the field and covering the chevron it meant to clear
  * (rotki/ui-library#559).
  *
- * Those right offsets come from the controls: the chevron sits at `right-3`
- * and is 24px wide, reaching 36px in, which `right-10` clears; the clear
- * button ends at the activator's `pr-8` padding edge plus its own `mr-2`, so
- * its 18px icon reaches 58px in, which `right-16` clears. Right-aligned
- * selection content then lands just left of whichever control is showing.
+ * The right offsets clear the controls: `right-10` the chevron, `right-16`
+ * the clear button beside it. Right-aligned selection content then lands just
+ * left of whichever control is showing.
  */
 export declare const categoryPickerActivatorStyles: import("tailwind-variants").TVReturnType<{
-    filled: {
-        true: {};
-    };
     withClear: {
         false: {
             selection: string;
@@ -42,102 +34,47 @@ export declare const categoryPickerActivatorStyles: import("tailwind-variants").
     disabled: {
         true: {
             activator: string;
+            icon: string;
+            fieldset: string;
         };
     };
     readonly: {
         true: {
             activator: string;
-        };
-    };
-    filled: {
-        true: {
-            activator: string;
-        };
-    };
-    outlined: {
-        true: {
-            activator: string;
-            label: string;
             fieldset: string;
-        };
-        false: {
-            activator: string;
+            iconWrapper: string;
         };
     };
-    float: {
+    hovered: {
         true: {
-            label: string;
+            fieldset: string;
         };
     };
     opened: {
         true: {
             icon: string;
-        };
-    };
-    active: {
-        true: {
-            highlighted: string;
-        };
-    };
-    hasError: {
-        true: {};
-    };
-    hasSuccess: {
-        true: {};
-    };
-    hovered: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-} & {
-    focused: {
-        true: {
             fieldset: string;
         };
     };
-    hovered: {
+    hasError: {
         true: {
             fieldset: string;
         };
     };
-    disabled: {
+    hasSuccess: {
         true: {
             fieldset: string;
-            label: string;
         };
     };
     active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
-            fieldset: string;
-            label: string;
+        true: {
+            highlighted: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
 }, {
-    fieldset: string;
-    legend: string;
     wrapper: string;
     activator: string;
-    label: string;
+    fieldset: string;
     value: string;
     clear: string;
     menu: string;
@@ -145,11 +82,6 @@ export declare const categoryPickerActivatorStyles: import("tailwind-variants").
     progress: string;
     icon: string;
     iconWrapper: string;
-    required: string;
-} & {
-    label: string;
-    fieldset: string;
-    legend: string;
 }, import("tailwind-variants").TVReturnType<{
     dense: {
         true: {
@@ -159,36 +91,36 @@ export declare const categoryPickerActivatorStyles: import("tailwind-variants").
     disabled: {
         true: {
             activator: string;
+            icon: string;
+            fieldset: string;
         };
     };
     readonly: {
         true: {
             activator: string;
+            fieldset: string;
+            iconWrapper: string;
         };
     };
-    filled: {
+    hovered: {
         true: {
-            activator: string;
+            fieldset: string;
         };
     };
-    outlined: {
+    opened: {
         true: {
-            activator: string;
-            label: string;
+            icon: string;
             fieldset: string;
         };
-        false: {
-            activator: string;
-        };
     };
-    float: {
+    hasError: {
         true: {
-            label: string;
+            fieldset: string;
         };
     };
-    opened: {
+    hasSuccess: {
         true: {
-            icon: string;
+            fieldset: string;
         };
     };
     active: {
@@ -196,24 +128,10 @@ export declare const categoryPickerActivatorStyles: import("tailwind-variants").
             highlighted: string;
         };
     };
-    hasError: {
-        true: {};
-    };
-    hasSuccess: {
-        true: {};
-    };
-    hovered: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
 }, {
-    fieldset: string;
-    legend: string;
     wrapper: string;
     activator: string;
-    label: string;
+    fieldset: string;
     value: string;
     clear: string;
     menu: string;
@@ -221,188 +139,121 @@ export declare const categoryPickerActivatorStyles: import("tailwind-variants").
     progress: string;
     icon: string;
     iconWrapper: string;
-    required: string;
 }, undefined, {
-    focused: {
+    dense: {
         true: {
-            fieldset: string;
+            activator: string;
         };
     };
-    hovered: {
+    disabled: {
         true: {
+            activator: string;
+            icon: string;
             fieldset: string;
         };
     };
-    disabled: {
+    readonly: {
         true: {
+            activator: string;
             fieldset: string;
-            label: string;
+            iconWrapper: string;
         };
     };
-    active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
+    hovered: {
+        true: {
             fieldset: string;
-            label: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
-}, {
-    label: string;
-    fieldset: string;
-    legend: string;
-}, import("tailwind-variants").TVReturnType<{
-    focused: {
+    opened: {
         true: {
+            icon: string;
             fieldset: string;
         };
     };
-    hovered: {
+    hasError: {
         true: {
             fieldset: string;
         };
     };
-    disabled: {
+    hasSuccess: {
         true: {
             fieldset: string;
-            label: string;
         };
     };
     active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
-            fieldset: string;
-            label: string;
+        true: {
+            highlighted: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
 }, {
-    label: string;
+    wrapper: string;
+    activator: string;
     fieldset: string;
-    legend: string;
-}, undefined, {
-    focused: {
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    dense: {
         true: {
-            fieldset: string;
+            activator: string;
         };
     };
-    hovered: {
+    disabled: {
         true: {
+            activator: string;
+            icon: string;
             fieldset: string;
         };
     };
-    disabled: {
+    readonly: {
         true: {
+            activator: string;
             fieldset: string;
-            label: string;
+            iconWrapper: string;
         };
     };
-    active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
+    hovered: {
+        true: {
             fieldset: string;
-            label: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
-}, {
-    label: string;
-    fieldset: string;
-    legend: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    focused: {
+    opened: {
         true: {
+            icon: string;
             fieldset: string;
         };
     };
-    hovered: {
+    hasError: {
         true: {
             fieldset: string;
         };
     };
-    disabled: {
+    hasSuccess: {
         true: {
             fieldset: string;
-            label: string;
         };
     };
     active: {
-        true: {};
-    };
-    showLabel: {
-        true: {};
-    };
-    validation: {
-        error: {
-            fieldset: string;
-            label: string;
-        };
-        success: {
-            fieldset: string;
-            label: string;
+        true: {
+            highlighted: string;
         };
     };
-    color: {
-        primary: {};
-        secondary: {};
-        error: {};
-        warning: {};
-        info: {};
-        success: {};
-    };
 }, {
-    label: string;
+    wrapper: string;
+    activator: string;
     fieldset: string;
-    legend: string;
-}>>>>;
+    value: string;
+    clear: string;
+    menu: string;
+    highlighted: string;
+    progress: string;
+    icon: string;
+    iconWrapper: string;
+}>>>;
 /**
  * Layout styles for `RuiCategoryPicker`. Item and category rows lean on
  * `RuiButton variant="list"` for their interactive/active visuals; these slots

package/dist/components/forms/category-picker/category-picker-styles.js

@@ -3,33 +3,27 @@ import { activatorStyles } from "../text-input-styles.js";
 //#region src/components/forms/category-picker/category-picker-styles.ts
 /**
 * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via
-* `activatorStyles`: floating label, outlined/filled/underline variants,
-* error + hint details, required marker.
+* `activatorStyles`.
 *
 * The `selection` slot draws over the emptied input, so it is positioned
-* rather than laid out: `inset-y-0 left-4` lines it up with the field's own
-* `pl-4` text box, and the right offset reserves the trailing controls. It
+* rather than laid out: `inset-y-0 left-3` lines it up with the field's own
+* `pl-3` text box, and the right offset reserves the trailing controls. It
 * must not take the `value` slot's `w-full`, because a width of 100% beats the
-* right offset and leaves the layer a full field width shifted right by
-* `left-4`, overflowing the field and covering the chevron it meant to clear
+* right offset and leaves the layer a full field width shifted right,
+* overflowing the field and covering the chevron it meant to clear
 * (rotki/ui-library#559).
 *
-* Those right offsets come from the controls: the chevron sits at `right-3`
-* and is 24px wide, reaching 36px in, which `right-10` clears; the clear
-* button ends at the activator's `pr-8` padding edge plus its own `mr-2`, so
-* its 18px icon reaches 58px in, which `right-16` clears. Right-aligned
-* selection content then lands just left of whichever control is showing.
+* The right offsets clear the controls: `right-10` the chevron, `right-16`
+* the clear button beside it. Right-aligned selection content then lands just
+* left of whichever control is showing.
 */
 var categoryPickerActivatorStyles = tv({
 	extend: activatorStyles,
-	slots: { selection: "absolute inset-y-0 left-4 flex items-center gap-2 pointer-events-none truncate transition-all duration-75" },
-	variants: {
-		filled: { true: {} },
-		withClear: {
-			false: { selection: "right-10" },
-			true: { selection: "right-16" }
-		}
-	},
+	slots: { selection: "absolute inset-y-0 left-3 flex items-center gap-2 pointer-events-none truncate transition-all duration-75" },
+	variants: { withClear: {
+		false: { selection: "right-10" },
+		true: { selection: "right-16" }
+	} },
 	defaultVariants: { withClear: false }
 });
 /**
@@ -44,17 +38,17 @@ var categoryPickerActivatorStyles = tv({
 */
 var categoryPickerStyles = tv({
 	slots: {
-		root: "flex flex-col min-w-0 max-h-[var(--rui-floating-max-height,60vh)] bg-white dark:bg-rui-grey-900 rounded-md overflow-hidden",
-		header: "flex flex-col gap-3 p-4 border-b border-rui-grey-200 dark:border-rui-grey-800",
+		root: "flex flex-col min-w-0 max-h-[var(--rui-floating-max-height,60vh)] bg-rui-menu rounded-rui-panel overflow-hidden",
+		header: "flex flex-col gap-3 p-4 border-b border-rui-divider",
 		title: "text-h6 text-rui-text",
 		body: "grid min-h-0 flex-1",
-		rail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-none border-rui-grey-200 dark:border-rui-grey-800",
+		rail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-hidden border-rui-divider",
 		railCount: "ml-auto pl-2 text-caption tabular-nums text-rui-text-secondary",
-		detail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-none min-w-0",
-		highlighted: "!bg-rui-grey-100 dark:!bg-rui-grey-800",
-		subheader: "px-3 pt-3 pb-1 text-overline text-rui-text-secondary uppercase",
+		detail: "flex flex-col gap-0.5 p-2 overflow-y-auto outline-hidden min-w-0",
+		highlighted: "!bg-rui-hover",
+		subheader: "px-3 pt-3 pb-1 text-xs font-medium text-rui-text-secondary",
 		empty: "flex flex-1 items-center justify-center p-8 text-body-2 text-rui-text-secondary text-center",
-		footer: "shrink-0 p-3 border-t border-rui-grey-200 dark:border-rui-grey-800 bg-white dark:bg-rui-grey-900",
+		footer: "shrink-0 p-3 border-t border-rui-divider bg-rui-menu",
 		backButton: "flex items-center gap-2"
 	},
 	variants: {

package/dist/components/forms/category-picker/category-picker-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-picker-styles.js","names":[],"sources":["../../../../src/components/forms/category-picker/category-picker-styles.ts"],"sourcesContent":["import { activatorStyles, type TextInputVariant } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\nexport type CategoryPickerVariant = TextInputVariant;\n\n/**\n * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via\n * `activatorStyles`: floating label, outlined/filled/underline variants,\n * error + hint details, required marker.\n *\n * The `selection` slot draws over the emptied input, so it is positioned\n * rather than laid out: `inset-y-0 left-4` lines it up with the field's own\n * `pl-4` text box, and the right offset reserves the trailing controls. It\n * must not take the `value` slot's `w-full`, because a width of 100% beats the\n * right offset and leaves the layer a full field width shifted right by\n * `left-4`, overflowing the field and covering the chevron it meant to clear\n * (rotki/ui-library#559).\n *\n * Those right offsets come from the controls: the chevron sits at `right-3`\n * and is 24px wide, reaching 36px in, which `right-10` clears; the clear\n * button ends at the activator's `pr-8` padding edge plus its own `mr-2`, so\n * its 18px icon reaches 58px in, which `right-16` clears. Right-aligned\n * selection content then lands just left of whichever control is showing.\n */\nexport const categoryPickerActivatorStyles = tv({\n  extend: activatorStyles,\n  slots: {\n    selection: 'absolute inset-y-0 left-4 flex items-center gap-2 pointer-events-none truncate transition-all duration-75',\n  },\n  variants: {\n    // Re-declared for type inference; the styles themselves live in activatorStyles\n    filled: { true: {} },\n    withClear: {\n      false: { selection: 'right-10' },\n      true: { selection: 'right-16' },\n    },\n  },\n  defaultVariants: {\n    withClear: false,\n  },\n});\n\n/**\n * Layout styles for `RuiCategoryPicker`. Item and category rows lean on\n * `RuiButton variant=\"list\"` for their interactive/active visuals; these slots\n * cover only the surrounding two-pane (and mobile drill-in) scaffold.\n *\n * The panel caps itself to the space the floating layer measured toward the\n * viewport edge, which the menu's size middleware sets as\n * `--rui-floating-max-height`, falling back to 60vh. The body flex-shrinks\n * within that, so the footer stays put.\n */\nexport const categoryPickerStyles = tv({\n  slots: {\n    root: 'flex flex-col min-w-0 max-h-[var(--rui-floating-max-height,60vh)] bg-white dark:bg-rui-grey-900 rounded-md overflow-hidden',\n    header: 'flex flex-col gap-3 p-4 border-b border-rui-grey-200 dark:border-rui-grey-800',\n    title: 'text-h6 text-rui-text',\n    body: 'grid min-h-0 flex-1',\n    rail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-none border-rui-grey-200 dark:border-rui-grey-800',\n    railCount: 'ml-auto pl-2 text-caption tabular-nums text-rui-text-secondary',\n    detail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-none min-w-0',\n    // Focus lives on the pane container, so this is the only per-item focus cue\n    highlighted: '!bg-rui-grey-100 dark:!bg-rui-grey-800',\n    subheader: 'px-3 pt-3 pb-1 text-overline text-rui-text-secondary uppercase',\n    empty: 'flex flex-1 items-center justify-center p-8 text-body-2 text-rui-text-secondary text-center',\n    // Opaque panel surface so a scrolled pane never bleeds through the footer.\n    footer: 'shrink-0 p-3 border-t border-rui-grey-200 dark:border-rui-grey-800 bg-white dark:bg-rui-grey-900',\n    backButton: 'flex items-center gap-2',\n  },\n  variants: {\n    mode: {\n      // Rail beside the detail pane in an anchored popover; the explicit width lets the `1fr` detail column resolve\n      twoPane: {\n        root: 'w-[40rem] max-w-[calc(100vw-2rem)]',\n        body: 'grid-cols-[minmax(9.5rem,13rem)_1fr]',\n        rail: 'border-r',\n      },\n      // One column at a time, drilled in and back out, inside a full-width bottom sheet\n      drill: {\n        root: 'w-full',\n        body: 'grid-cols-1',\n        rail: 'border-r-0',\n      },\n    },\n    dense: {\n      true: {\n        header: 'p-3',\n        title: 'text-subtitle-1',\n      },\n    },\n  },\n  defaultVariants: {\n    mode: 'twoPane',\n    dense: false,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,gCAAgC,GAAG;CAC9C,QAAQ;CACR,OAAO,EACL,WAAW,4GACb;CACA,UAAU;EAER,QAAQ,EAAE,MAAM,CAAC,EAAE;EACnB,WAAW;GACT,OAAO,EAAE,WAAW,WAAW;GAC/B,MAAM,EAAE,WAAW,WAAW;EAChC;CACF;CACA,iBAAiB,EACf,WAAW,MACb;AACF,CAAC;;;;;;;;;;;AAYD,IAAa,uBAAuB,GAAG;CACrC,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,MAAM;EACN,MAAM;EACN,WAAW;EACX,QAAQ;EAER,aAAa;EACb,WAAW;EACX,OAAO;EAEP,QAAQ;EACR,YAAY;CACd;CACA,UAAU;EACR,MAAM;GAEJ,SAAS;IACP,MAAM;IACN,MAAM;IACN,MAAM;GACR;GAEA,OAAO;IACL,MAAM;IACN,MAAM;IACN,MAAM;GACR;EACF;EACA,OAAO,EACL,MAAM;GACJ,QAAQ;GACR,OAAO;EACT,EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CAAC"}
+{"version":3,"file":"category-picker-styles.js","names":[],"sources":["../../../../src/components/forms/category-picker/category-picker-styles.ts"],"sourcesContent":["import { activatorStyles } from '@/components/forms/text-input-styles';\nimport { tv } from '@/utils/tv';\n\n/**\n * Form-field trigger, shared with `RuiAutoComplete` / `RuiMenuSelect` via\n * `activatorStyles`.\n *\n * The `selection` slot draws over the emptied input, so it is positioned\n * rather than laid out: `inset-y-0 left-3` lines it up with the field's own\n * `pl-3` text box, and the right offset reserves the trailing controls. It\n * must not take the `value` slot's `w-full`, because a width of 100% beats the\n * right offset and leaves the layer a full field width shifted right,\n * overflowing the field and covering the chevron it meant to clear\n * (rotki/ui-library#559).\n *\n * The right offsets clear the controls: `right-10` the chevron, `right-16`\n * the clear button beside it. Right-aligned selection content then lands just\n * left of whichever control is showing.\n */\nexport const categoryPickerActivatorStyles = tv({\n  extend: activatorStyles,\n  slots: {\n    selection: 'absolute inset-y-0 left-3 flex items-center gap-2 pointer-events-none truncate transition-all duration-75',\n  },\n  variants: {\n    withClear: {\n      false: { selection: 'right-10' },\n      true: { selection: 'right-16' },\n    },\n  },\n  defaultVariants: {\n    withClear: false,\n  },\n});\n\n/**\n * Layout styles for `RuiCategoryPicker`. Item and category rows lean on\n * `RuiButton variant=\"list\"` for their interactive/active visuals; these slots\n * cover only the surrounding two-pane (and mobile drill-in) scaffold.\n *\n * The panel caps itself to the space the floating layer measured toward the\n * viewport edge, which the menu's size middleware sets as\n * `--rui-floating-max-height`, falling back to 60vh. The body flex-shrinks\n * within that, so the footer stays put.\n */\nexport const categoryPickerStyles = tv({\n  slots: {\n    root: 'flex flex-col min-w-0 max-h-[var(--rui-floating-max-height,60vh)] bg-rui-menu rounded-rui-panel overflow-hidden',\n    header: 'flex flex-col gap-3 p-4 border-b border-rui-divider',\n    title: 'text-h6 text-rui-text',\n    body: 'grid min-h-0 flex-1',\n    rail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-hidden border-rui-divider',\n    railCount: 'ml-auto pl-2 text-caption tabular-nums text-rui-text-secondary',\n    detail: 'flex flex-col gap-0.5 p-2 overflow-y-auto outline-hidden min-w-0',\n    // Focus lives on the pane container, so this is the only per-item focus cue\n    highlighted: '!bg-rui-hover',\n    // the same quiet group label as the autocomplete's: sentence case, no tracking\n    subheader: 'px-3 pt-3 pb-1 text-xs font-medium text-rui-text-secondary',\n    empty: 'flex flex-1 items-center justify-center p-8 text-body-2 text-rui-text-secondary text-center',\n    // Opaque panel surface so a scrolled pane never bleeds through the footer.\n    footer: 'shrink-0 p-3 border-t border-rui-divider bg-rui-menu',\n    backButton: 'flex items-center gap-2',\n  },\n  variants: {\n    mode: {\n      // Rail beside the detail pane in an anchored popover; the explicit width lets the `1fr` detail column resolve\n      twoPane: {\n        root: 'w-[40rem] max-w-[calc(100vw-2rem)]',\n        body: 'grid-cols-[minmax(9.5rem,13rem)_1fr]',\n        rail: 'border-r',\n      },\n      // One column at a time, drilled in and back out, inside a full-width bottom sheet\n      drill: {\n        root: 'w-full',\n        body: 'grid-cols-1',\n        rail: 'border-r-0',\n      },\n    },\n    dense: {\n      true: {\n        header: 'p-3',\n        title: 'text-subtitle-1',\n      },\n    },\n  },\n  defaultVariants: {\n    mode: 'twoPane',\n    dense: false,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,IAAa,gCAAgC,GAAG;CAC9C,QAAQ;CACR,OAAO,EACL,WAAW,4GACb;CACA,UAAU,EACR,WAAW;EACT,OAAO,EAAE,WAAW,WAAW;EAC/B,MAAM,EAAE,WAAW,WAAW;CAChC,EACF;CACA,iBAAiB,EACf,WAAW,MACb;AACF,CAAC;;;;;;;;;;;AAYD,IAAa,uBAAuB,GAAG;CACrC,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,MAAM;EACN,MAAM;EACN,WAAW;EACX,QAAQ;EAER,aAAa;EAEb,WAAW;EACX,OAAO;EAEP,QAAQ;EACR,YAAY;CACd;CACA,UAAU;EACR,MAAM;GAEJ,SAAS;IACP,MAAM;IACN,MAAM;IACN,MAAM;GACR;GAEA,OAAO;IACL,MAAM;IACN,MAAM;IACN,MAAM;GACR;EACF;EACA,OAAO,EACL,MAAM;GACJ,QAAQ;GACR,OAAO;EACT,EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CAAC"}