@techsio/ui-kit 0.54.0 → 0.54.2

package/src/tokens/components/_popup-surface.css

@@ -79,8 +79,9 @@
   z-index: calc(var(--z-popup) + var(--layer-index, 0));
 
   /* The panel takes DOM focus for keyboard navigation, but that focus is
-   * never the thing the user should see — the highlighted option is. */
-  outline: none;
+   * never the thing the user should see — the highlighted option is.
+   * Transparent rather than none, so forced-colors mode still draws it. */
+  outline: 2px solid transparent;
 
   /* Scale from the trigger, whichever side the panel flipped to. */
   transform-origin: var(--transform-origin);
@@ -159,5 +160,14 @@
 
   /* Highlight is the focus affordance; a second ring on top of it reads as
    * two selected rows. */
-  outline: none;
+  outline-style: none;
+
+  /* Forced-colors mode drops the highlight background, so the active option
+   * would be invisible. Draw it as an outline instead. */
+  @media (forced-colors: active) {
+    &[data-highlighted] {
+      outline: 2px solid Highlight;
+      outline-offset: -2px;
+    }
+  }
 }

package/src/tokens/components/atoms/_badge.css

@@ -11,5 +11,5 @@
  */
 
 @theme static {
-  --color-badge-border: oklch(0 0 0 / 0);
+  --color-badge-border: oklch(0 0 none / 0);
 }

package/src/tokens/components/molecules/_drawer.css

@@ -163,7 +163,7 @@
         var(--duration-drawer-backdrop-exit) *
         var(--drawer-swipe-strength, 1)
       )
-      ease-in both;
+      var(--ease-in-out) both;
   }
 
   &[data-swiping] {
@@ -200,25 +200,25 @@
   &[data-state="closed"][data-swipe-direction="left"] {
     animation: drawer-exit-left
       calc(var(--duration-drawer-exit) * var(--drawer-swipe-strength, 1))
-      ease-in both;
+      var(--ease-in-out) both;
   }
 
   &[data-state="closed"][data-swipe-direction="right"] {
     animation: drawer-exit-right
       calc(var(--duration-drawer-exit) * var(--drawer-swipe-strength, 1))
-      ease-in both;
+      var(--ease-in-out) both;
   }
 
   &[data-state="closed"][data-swipe-direction="up"] {
     animation: drawer-exit-up
       calc(var(--duration-drawer-exit) * var(--drawer-swipe-strength, 1))
-      ease-in both;
+      var(--ease-in-out) both;
   }
 
   &[data-state="closed"][data-swipe-direction="down"] {
     animation: drawer-exit-down
       calc(var(--duration-drawer-exit) * var(--drawer-swipe-strength, 1))
-      ease-in both;
+      var(--ease-in-out) both;
   }
 
   @starting-style {

package/src/tokens/components/molecules/_vertical-navigation.css

@@ -126,7 +126,7 @@
     flex-shrink: 0;
   }
 
-  @media (hover: hover) {
+  @media (hover: hover) and (pointer: fine) {
     &:hover:not(:has(> [data-part="link"][data-current])):has(
         > [data-part="link"]:not([data-disabled]),
         > [data-part="branch-trigger"]:not(:disabled)

package/src/tokens/components/organisms/_data-table.css

@@ -55,7 +55,7 @@
  *
  * `background: inherit` gives the second without the first: every row-level
  * tint in this system is an alpha overlay meant to composite over a surface
- * (`--color-table-row-striped-secondary` is literally `oklch(0 0 0 / 0)`), so
+ * (`--color-table-row-striped-secondary` is literally `oklch(0 0 none / 0)`), so
  * inheriting it yields a see-through cell.
  *
  * Compositing solves both at once — the same trick `OPAQUE_HEADER_BG` uses for

package/src/tokens/figma/brand-overrides.css

@@ -138,9 +138,9 @@
   --color-fg-status-warning: var(--color-warning-500);
   --color-fill-active: var(--color-black-15);
   --color-fill-base: var(--color-black-5);
-  --color-fill-borderless-active: oklch(0 0 0 / 0);
-  --color-fill-borderless-base: oklch(0 0 0 / 0);
-  --color-fill-borderless-hover: oklch(0 0 0 / 0);
+  --color-fill-borderless-active: oklch(0 0 none / 0);
+  --color-fill-borderless-base: oklch(0 0 none / 0);
+  --color-fill-borderless-hover: oklch(0 0 none / 0);
   --color-fill-highlight: var(--color-neutral-300);
   --color-fill-hover: var(--color-primary-200);
   --color-fill-overlay: var(--color-neutral-200);
@@ -167,7 +167,7 @@
   --color-secondary-800: oklch(0.381 0.06 182.018);
   --color-secondary-900: oklch(0.327 0.051 180.942);
   --color-success: var(--color-success-500);
-  --default-ring-color: oklch(0 0 0);
+  --default-ring-color: oklch(0 0 none);
 }
 
 [data-theme="akros"] {
@@ -220,8 +220,8 @@
   --color-bg-transparent: var(--color-transparent);
   --color-bg-warning-active: var(--color-warning-700);
   --color-bg-warning-hover: var(--color-warning-600);
-  --color-black-15: oklch(0 0 0 / 0.15);
-  --color-black-5: oklch(0 0 0 / 0.05);
+  --color-black-15: oklch(0 0 none / 0.15);
+  --color-black-5: oklch(0 0 none / 0.05);
   --color-blue-500: var(--color-tertiary-600);
   --color-border-danger-focus: var(--color-danger-500);
   --color-border-danger-hover: var(--color-danger-600);
@@ -275,15 +275,15 @@
   --color-gray-950: var(--color-black);
   --color-link: var(--color-black);
   --color-neutral-100: oklch(0.964 0.002 247.84);
-  --color-neutral-200: oklch(0.937 0 0);
-  --color-neutral-300: oklch(0.848 0 0);
-  --color-neutral-400: oklch(0.683 0 0);
-  --color-neutral-50: oklch(0.982 0 0);
-  --color-neutral-500: oklch(0.51 0 0);
-  --color-neutral-600: oklch(0.446 0 0);
-  --color-neutral-700: oklch(0.321 0 0);
-  --color-neutral-800: oklch(0.252 0 0);
-  --color-neutral-900: oklch(0.178 0 0);
+  --color-neutral-200: oklch(0.937 0 none);
+  --color-neutral-300: oklch(0.848 0 none);
+  --color-neutral-400: oklch(0.683 0 none);
+  --color-neutral-50: oklch(0.982 0 none);
+  --color-neutral-500: oklch(0.51 0 none);
+  --color-neutral-600: oklch(0.446 0 none);
+  --color-neutral-700: oklch(0.321 0 none);
+  --color-neutral-800: oklch(0.252 0 none);
+  --color-neutral-900: oklch(0.178 0 none);
   --color-neutral-950: var(--color-black);
   --color-primary: var(--color-primary-500);
   --color-primary-100: oklch(0.957 0.055 90.321);

package/src/tokens/figma/variables.css

@@ -158,7 +158,7 @@
   --color-bg-primary-active: light-dark(oklch(0.689 0.105 251.583), oklch(0.932 0.092 198.233));
   --color-bg-primary-base: var(--color-primary-300);
   --color-bg-primary-hover: light-dark(oklch(0.73 0.105 251.457), oklch(0.898 0.094 209.143));
-  --color-bg-scrim: light-dark(oklch(0.129 0.041 264.695 / 0.1), oklch(1 0 0 / 0.1));
+  --color-bg-scrim: light-dark(oklch(0.129 0.041 264.695 / 0.1), oklch(1 0 none / 0.1));
   --color-bg-secondary-active: light-dark(oklch(0.588 0.198 36.788), oklch(0.907 0.182 99.038));
   --color-bg-secondary-base: var(--color-secondary-500);
   --color-bg-secondary-hover: light-dark(oklch(0.628 0.201 39.026), oklch(0.881 0.181 94.02));
@@ -169,11 +169,11 @@
   --color-bg-tertiary-active: light-dark(var(--color-tertiary-500), var(--color-tertiary-100));
   --color-bg-tertiary-base: var(--color-tertiary-300);
   --color-bg-tertiary-hover: light-dark(var(--color-tertiary-400), var(--color-tertiary-200));
-  --color-bg-transparent: oklch(0 0 0 / 0);
+  --color-bg-transparent: oklch(0 0 none / 0);
   --color-bg-warning-active: light-dark(var(--color-warning-500), var(--color-warning-100));
   --color-bg-warning-base: var(--color-warning-500);
   --color-bg-warning-hover: light-dark(var(--color-warning-400), var(--color-warning-200));
-  --color-black: oklch(0 0 0);
+  --color-black: oklch(0 0 none);
   --color-black-15: oklch(0.129 0.041 264.695 / 0.15);
   --color-black-5: oklch(0.129 0.041 264.695 / 0.05);
   --color-blue-500: oklch(0.623 0.188 259.815);
@@ -908,9 +908,9 @@
   --color-select-trigger-border-hover: var(--color-form-control-border-hover);
   --color-select-trigger-fg-base: var(--color-fg-primary);
   --color-select-trigger-fg-hover: var(--color-fg-accent-primary);
-  --color-shadow-1: oklch(0.145 0 0);
-  --color-shadow-2: oklch(0.145 0 0);
-  --color-shadow-3: oklch(0.145 0 0);
+  --color-shadow-1: oklch(0.145 0 none);
+  --color-shadow-2: oklch(0.145 0 none);
+  --color-shadow-3: oklch(0.145 0 none);
   --color-sidebar-base: var(--color-base);
   --color-sidebar-border: var(--color-border-primary);
   --color-sidebar-focus: var(--color-primary);
@@ -1118,7 +1118,7 @@
   --color-tour-spotlight: var(--color-tour-text);
   --color-tour-surface: var(--color-fill-surface);
   --color-tour-text: var(--color-fg-primary);
-  --color-transparent: oklch(0 0 0 / 0);
+  --color-transparent: oklch(0 0 none / 0);
   --color-tree-view-bg: var(--color-fill-base);
   --color-tree-view-fg-base: var(--color-fg-primary);
   --color-tree-view-fg-disabled: var(--color-fg-disabled);
@@ -1148,9 +1148,9 @@
   --color-warning-light-active: var(--color-bg-light-warning-active);
   --color-warning-light-disabled: var(--color-bg-disabled);
   --color-warning-light-hover: var(--color-bg-light-warning-hover);
-  --color-white: oklch(1 0 0);
-  --color-white-15: oklch(1 0 0 / 0.15);
-  --color-white-5: oklch(1 0 0 / 0.05);
+  --color-white: oklch(1 0 none);
+  --color-white-15: oklch(1 0 none / 0.15);
+  --color-white-5: oklch(1 0 none / 0.05);
   --container-2xl: var(--dimension-container-2xl);
   --container-2xs: var(--dimension-container-2xs);
   --container-3xl: var(--dimension-container-3xl);
@@ -1182,7 +1182,7 @@
   --container-tour: var(--container-sm);
   --container-xl: var(--dimension-container-xl);
   --container-xs: var(--dimension-container-xs);
-  --default-ring-color: light-dark(oklch(0 0 0), oklch(1 0 0));
+  --default-ring-color: light-dark(oklch(0 0 none), oklch(1 0 none));
   --default-ring-offset: 0.13rem;
   --default-ring-style: solid;
   --default-ring-width: 0.13rem;

package/src/tokens/index.css

@@ -1,3 +1,3 @@
 @import "tailwindcss";
-@plugin 'tailwindcss-animate';
+@import "tw-animate-css";
 @import "./_tokens-base.css";

package/src/tokens/theme.css

@@ -22,7 +22,7 @@
 
   --color-page-bg: light-dark(oklch(98% 0.012 248), oklch(17% 0.025 250));
   --color-page-fg: light-dark(oklch(21% 0.03 252), oklch(94% 0.014 248));
-  --color-surface: light-dark(oklch(100% 0 0), oklch(22% 0.027 250));
+  --color-surface: light-dark(oklch(100% 0 none), oklch(22% 0.027 250));
   --color-surface-subtle: light-dark(
     oklch(95% 0.016 248),
     oklch(27% 0.028 250)

package/dist/.storybook/decorator.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from "react";
-type VariantGroupProps = {
-    title: string;
-    children: ReactNode;
-    fullWidth?: boolean;
-};
-export declare function VariantGroup({ title, children, fullWidth, }: VariantGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare function VariantContainer({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=decorator.d.ts.map

package/dist/.storybook/decorator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorator.d.ts","sourceRoot":"","sources":["../../.storybook/decorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAanB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAErE"}

package/dist/.storybook/main.d.ts

@@ -1,4 +0,0 @@
-import type { StorybookConfig } from 'storybook-react-rsbuild';
-declare const config: StorybookConfig;
-export default config;
-//# sourceMappingURL=main.d.ts.map

package/dist/.storybook/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../.storybook/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,QAAA,MAAM,MAAM,EAAE,eAkBb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/.storybook/manager.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=manager.d.ts.map

package/dist/.storybook/manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../.storybook/manager.tsx"],"names":[],"mappings":""}

package/dist/.storybook/preview.d.ts

@@ -1,5 +0,0 @@
-import type { Preview } from "@storybook/react";
-import "../src/tokens/index.css";
-declare const preview: Preview;
-export default preview;
-//# sourceMappingURL=preview.d.ts.map

package/dist/.storybook/preview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAU1D,OAAO,yBAAyB,CAAA;AAqChC,QAAA,MAAM,OAAO,EAAE,OAyDd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/.storybook/test-runner.d.ts

@@ -1,12 +0,0 @@
-import type { TestRunnerConfig } from '@storybook/test-runner';
-type JestConfig = {
-    modulePathIgnorePatterns?: string[];
-    testTimeout?: number;
-    [key: string]: unknown;
-};
-type TestRunnerConfigWithJest = TestRunnerConfig & {
-    getJestConfig: (config: JestConfig) => JestConfig;
-};
-declare const testRunnerConfig: TestRunnerConfigWithJest;
-export default testRunnerConfig;
-//# sourceMappingURL=test-runner.d.ts.map

package/dist/.storybook/test-runner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-runner.d.ts","sourceRoot":"","sources":["../../.storybook/test-runner.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/D,KAAK,UAAU,GAAG;IAChB,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC;CACnD,CAAC;AASF,QAAA,MAAM,gBAAgB,EAAE,wBAavB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/stories/atoms/badge.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Badge, type BadgeProps } from '../../src/atoms/badge.js';
-declare const meta: Meta<typeof Badge>;
-export default meta;
-type Story = Omit<StoryObj<typeof meta>, 'args'> & {
-    args?: Partial<BadgeProps>;
-};
-export declare const Playground: Story;
-export declare const Variants: Story;
-export declare const Sizes: Story;
-export declare const Dynamic: Story;
-//# sourceMappingURL=badge.stories.d.ts.map

package/dist/stories/atoms/badge.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../stories/atoms/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAqE5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAAE,CAAA;AAEjF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAgDnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA"}

package/dist/stories/atoms/button.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from '../../src/atoms/button.js';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Playground: Story;
-export declare const Variants: Story;
-export declare const Sizes: Story;
-export declare const States: Story;
-export declare const AllVariants: Story;
-export declare const IconButtons: Story;
-//# sourceMappingURL=button.stories.d.ts.map

package/dist/stories/atoms/button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../stories/atoms/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAI/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8G7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgCpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA8GzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAA"}

package/dist/stories/atoms/checkbox.stories.d.ts

@@ -1,56 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Checkbox } from '../../src/atoms/checkbox.js';
-declare const meta: {
-    title: string;
-    component: typeof Checkbox;
-    parameters: {
-        layout: string;
-        controls: {
-            expanded: boolean;
-        };
-    };
-    argTypes: {
-        checked: {
-            control: "boolean";
-            description: string;
-        };
-        defaultChecked: {
-            control: "boolean";
-            description: string;
-        };
-        indeterminate: {
-            control: "boolean";
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-        invalid: {
-            control: "boolean";
-            description: string;
-        };
-        required: {
-            control: "boolean";
-            description: string;
-        };
-        onChange: {
-            action: string;
-        };
-    };
-    args: {
-        invalid: false;
-        required: false;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Playground: Story;
-export declare const Indeterminate: Story;
-export declare const Disabled: Story;
-export declare const DisabledChecked: Story;
-export declare const InvalidState: Story;
-export declare const WithLabel: Story;
-export declare const AllStates: Story;
-export declare const IndeterminateTest: Story;
-//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/stories/atoms/checkbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../stories/atoms/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCuB,CAAA;AAEjC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgDvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0D/B,CAAA"}

package/dist/stories/atoms/hotkeys-hydration.fixture.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from "react";
-export declare function HotkeysHydrationFixture(): import("react/jsx-runtime").JSX.Element;
-export declare function HotkeysStrictModeFixture({ children, }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=hotkeys-hydration.fixture.d.ts.map

package/dist/stories/atoms/hotkeys-hydration.fixture.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotkeys-hydration.fixture.d.ts","sourceRoot":"","sources":["../../../stories/atoms/hotkeys-hydration.fixture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAK/E,wBAAgB,uBAAuB,4CA0BtC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAoBA"}