@multiplatform.one/forms 7.27.0 → 7.28.1

package/src/Button/Button.disabledReasonInk.spec.tsx

@@ -0,0 +1,134 @@
+/**
+ * @vitest-environment jsdom
+ *
+ * MPO-431 / T-HELPER: a disabled Button's reason is copy on the host surface,
+ * not button chrome. Rendered inside the Button's intent <Theme>, its
+ * `$color11` resolved on the intent's on-fill ramp and "Enter a title first"
+ * painted 1.17:1 on the white page (Screens/Todos, light).
+ *
+ * jsdom does not cascade Tamagui CSS, so ink is resolved the way the browser
+ * resolves it: the token on the text node's `_col-*` class, looked up in the
+ * theme scope that encloses that node. Moving the reason back inside the
+ * intent scope changes the looked-up ramp and fails the contrast arm.
+ */
+
+import { render, cleanup, screen } from "@testing-library/react";
+import {
+  aaTextContrastRatio,
+  createDefaultThemeConfig,
+  createThemesBuilder,
+  defaultAccentTheme,
+  defaultBaseTheme,
+  defaultBuilderOptions,
+  measureContrast,
+} from "@multiplatform.one/theme";
+import { afterEach, describe, expect, it } from "vitest";
+import { TamaguiProvider, YStack } from "tamagui";
+import { Button, type ButtonProps } from "./index";
+
+afterEach(cleanup);
+
+const houseConfig = createDefaultThemeConfig();
+const houseThemes = createThemesBuilder(
+  defaultBaseTheme,
+  defaultAccentTheme,
+  defaultBuilderOptions,
+).themes() as Record<string, Record<string, string>>;
+
+const SCHEMES = ["light", "dark"] as const;
+const PLACEMENTS = ["below", "inline"] as const;
+const PAGE_SURFACES = ["background", "color1", "color2"] as const;
+
+/** Every channel that re-themes the frame: the four intent props, and `theme`. */
+const CHANNELS: { name: string; themeName: string; props: Partial<ButtonProps> }[] = [
+  { name: "accent", themeName: "accent", props: { accent: true } },
+  { name: "error", themeName: "error", props: { error: true } },
+  { name: "warning", themeName: "warning", props: { warning: true } },
+  { name: "success", themeName: "success", props: { success: true } },
+  { name: 'theme="accent"', themeName: "accent", props: { theme: "accent" } },
+];
+
+function houseRender(ui: React.ReactElement, scheme: "light" | "dark") {
+  return render(
+    <TamaguiProvider config={houseConfig.tamagui} defaultTheme={scheme} disableInjectCSS>
+      <YStack backgroundColor="$background">{ui}</YStack>
+    </TamaguiProvider>,
+  );
+}
+
+function scopeThemeKey(node: HTMLElement, scheme: string): string {
+  const names: string[] = [];
+  for (let el: HTMLElement | null = node; el; el = el.parentElement) {
+    if (!el.classList.contains("is_Theme")) continue;
+    for (const cls of Array.from(el.classList)) {
+      if (!cls.startsWith("t_") || cls === "t_sub_theme") continue;
+      const name = cls.slice(2);
+      if (name !== "light" && name !== "dark") names.unshift(name);
+    }
+  }
+  return [scheme, ...names].join("_");
+}
+
+function resolvedInk(
+  node: HTMLElement,
+  scheme: string,
+): { key: string; token: string; ink: string } {
+  const token = node.className.match(/(?:^|\s)_col-(\w+)(?:\s|$)/)?.[1];
+  expect(token, `reason carries a colour token class: ${node.className}`).toBeTruthy();
+  const key = scopeThemeKey(node, scheme);
+  const ink = houseThemes[key]?.[token!];
+  expect(ink, `${key}.${token} resolves in the house themes`).toBeTruthy();
+  return { key, token: token!, ink: ink! };
+}
+
+describe("Button disabledReason ink (MPO-431 / T-HELPER)", () => {
+  for (const scheme of SCHEMES) {
+    for (const placement of PLACEMENTS) {
+      it.each(CHANNELS)(
+        `${scheme} ${placement}: the $name reason clears 4.5:1 on every page surface`,
+        ({ name, props }) => {
+          const reason = `Reason ${name}`;
+          houseRender(
+            <Button {...props} disabled disabledReason={reason} disabledReasonPlacement={placement}>
+              Add
+            </Button>,
+            scheme,
+          );
+          const { key, token, ink } = resolvedInk(screen.getByText(reason), scheme);
+          for (const surface of PAGE_SURFACES) {
+            const ground = houseThemes[scheme][surface];
+            const label = `${key}.${token} ${ink} on ${scheme}.${surface} ${ground}`;
+            expect(
+              measureContrast({ foreground: ink, background: ground, label }).ratio,
+              label,
+            ).toBeGreaterThanOrEqual(aaTextContrastRatio);
+          }
+        },
+      );
+
+      it.each(CHANNELS)(
+        `${scheme} ${placement}: the $name theme scopes the button, never its reason`,
+        ({ name, themeName, props }) => {
+          const reason = `Reason ${name}`;
+          houseRender(
+            <Button {...props} disabled disabledReason={reason} disabledReasonPlacement={placement}>
+              Add
+            </Button>,
+            scheme,
+          );
+          const button = screen.getByRole("button");
+          expect(button.getAttribute("aria-disabled")).toBe("true");
+          expect(
+            button.closest(`.t_${themeName}`),
+            "the frame keeps its intent theme",
+          ).toBeTruthy();
+          expect(
+            screen.getByText(reason).closest(`.t_${themeName}`),
+            "the reason resolves on the host surface",
+          ).toBeNull();
+          expect(scopeThemeKey(screen.getByText(reason), scheme)).toBe(scheme);
+        },
+      );
+    }
+  }
+});

package/src/Button/Button.disabledWash.spec.tsx

@@ -0,0 +1,206 @@
+/**
+ * @vitest-environment jsdom
+ *
+ * MPO-433 / LC-40 DISABLED-VISIBLE: every intent Button reads disabled.
+ *
+ * The keepLabel wash paints the ACTIVE ramp's `$color3`/`$color6` with the
+ * label on `$color11`. Error, warning and success parents are Radix ramps, so
+ * step 3 is a pale wash far from their step-11 Button fill. The accent slot is
+ * solid by palette shape (defaults/accent.ts): step 3 sat one lightness step
+ * off the step-4 fill, measured ΔE 8.2 light and 2.5 dark, and the button
+ * never read disabled. The sweep also caught light warning and success labels
+ * at 4.48 and 4.27:1 on their own wash, since step 11 is only AA on steps 1-2.
+ *
+ * jsdom cascades no Tamagui CSS, so this reads what the frame asks for: the
+ * atomic class, the injected rule behind it, and for a `var(--token)` rule the
+ * house theme table of the scope that paints it.
+ */
+
+import { cleanup, render, screen } from "@testing-library/react";
+import {
+  aaTextContrastRatio,
+  createDefaultThemeConfig,
+  createThemesBuilder,
+  defaultAccentTheme,
+  defaultBaseTheme,
+  defaultBuilderOptions,
+  measureContrast,
+  normalizeToHex,
+  Preset,
+} from "@multiplatform.one/theme";
+import type { ReactElement } from "react";
+import { TamaguiProvider, YStack } from "tamagui";
+import { afterEach, describe, expect, it } from "vitest";
+import { Button, type ButtonProps } from "./index";
+
+afterEach(cleanup);
+
+const houseConfig = createDefaultThemeConfig();
+const houseThemes = createThemesBuilder(
+  defaultBaseTheme,
+  defaultAccentTheme,
+  defaultBuilderOptions,
+).themes() as Record<string, Record<string, string>>;
+
+const SCHEMES = ["light", "dark"] as const;
+const DISABLED_STYLES = ["keepLabel", "dimWhole"] as const;
+const VARIANTS: { name: string; props: Partial<ButtonProps> }[] = [
+  { name: "accent", props: { accent: true } },
+  { name: 'theme="accent"', props: { theme: "accent" } },
+  { name: "error", props: { error: true } },
+  { name: "warning", props: { warning: true } },
+  { name: "success", props: { success: true } },
+];
+
+/**
+ * LC-40's fill threshold (a HYBRID dial). CIE76 ΔE between the enabled fill
+ * and the disabled fill; the house intents land 57-92 once washed, the
+ * accent measured 2.5-8.2 before the fix.
+ */
+const MIN_FILL_DELTA_E = 20;
+const MIN_OPACITY_DELTA = 0.3;
+
+type Scheme = (typeof SCHEMES)[number];
+
+function houseRender(ui: ReactElement, scheme: Scheme, disabledStyle: string) {
+  return render(
+    <TamaguiProvider config={houseConfig.tamagui} defaultTheme={scheme} disableInjectCSS>
+      <Preset overrides={{ disabledStyle: disabledStyle as "keepLabel" | "dimWhole" }}>
+        <YStack backgroundColor="$background">{ui}</YStack>
+      </Preset>
+    </TamaguiProvider>,
+  );
+}
+
+function injectedRuleValue(className: string, property: string): string {
+  for (const sheet of Array.from(document.styleSheets)) {
+    for (const rule of Array.from(sheet.cssRules)) {
+      if (!(rule instanceof CSSStyleRule)) continue;
+      if (!rule.selectorText.endsWith(`.${className}`)) continue;
+      const value = rule.style.getPropertyValue(property);
+      if (value) return value.trim();
+    }
+  }
+  throw new Error(`no injected ${property} rule for .${className}`);
+}
+
+/** The innermost Tamagui theme scope painting `el`, e.g. `accent_Button`. */
+function scopeOf(el: Element): string | null {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const names = Array.from(node.classList)
+      .filter((c) => c.startsWith("t_") && c !== "t_sub_theme")
+      .map((c) => c.slice(2))
+      .filter((c) => c !== "light" && c !== "dark");
+    if (names.length) return names.sort((a, b) => b.length - a.length)[0];
+  }
+  return null;
+}
+
+function resolveInScope(value: string, scheme: Scheme, scope: string | null): string {
+  const token = value.match(/^var\(--([\w-]+)\)$/)?.[1];
+  if (!token) return value;
+  const chain: string[] = [];
+  if (scope) {
+    const parts = scope.split("_");
+    for (let i = parts.length; i > 0; i--) chain.push(`${scheme}_${parts.slice(0, i).join("_")}`);
+  }
+  chain.push(scheme);
+  for (const name of chain) {
+    const hit = houseThemes[name]?.[token];
+    if (hit) return hit;
+  }
+  throw new Error(`--${token} resolves in none of ${chain.join(", ")}`);
+}
+
+/** What `el` paints for one atomic property: `_bg-` → background-color. */
+function painted(el: Element, prefix: string, property: string, scheme: Scheme): string {
+  const cls = Array.from(el.classList).find(
+    (c) => c.startsWith(prefix) && !/^_[a-z]+-0(hover|active|focus|press)/.test(c),
+  );
+  if (!cls) throw new Error(`${el.tagName} carries no ${prefix} class`);
+  return resolveInScope(injectedRuleValue(cls, property), scheme, scopeOf(el));
+}
+
+function opacityOf(el: Element): number {
+  const cls = Array.from(el.classList).find((c) => c.startsWith("_o-"));
+  return cls ? Number(injectedRuleValue(cls, "opacity")) : 1;
+}
+
+function toLab(color: string): [number, number, number] {
+  const hex = normalizeToHex(color);
+  if (!hex) throw new Error(`not an opaque color: ${color}`);
+  const lin = (i: number) => {
+    const v = Number.parseInt(hex.slice(i, i + 2), 16) / 255;
+    return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  };
+  const [r, g, b] = [lin(1), lin(3), lin(5)];
+  const f = (t: number) => (t > 216 / 24389 ? Math.cbrt(t) : ((24389 / 27) * t + 16) / 116);
+  const x = f((0.4124 * r + 0.3576 * g + 0.1805 * b) / 0.95047);
+  const y = f(0.2126 * r + 0.7152 * g + 0.0722 * b);
+  const z = f((0.0193 * r + 0.1192 * g + 0.9505 * b) / 1.08883);
+  return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
+}
+
+function deltaE(a: string, b: string): number {
+  const [p, q] = [toLab(a), toLab(b)];
+  return Math.hypot(p[0] - q[0], p[1] - q[1], p[2] - q[2]);
+}
+
+function measure(scheme: Scheme, disabledStyle: string, props: Partial<ButtonProps>) {
+  houseRender(
+    <>
+      <Button {...props}>Enabled</Button>
+      <Button {...props} disabled>
+        Disabled
+      </Button>
+    </>,
+    scheme,
+    disabledStyle,
+  );
+  const enabledLabel = screen.getByText("Enabled");
+  const disabledLabel = screen.getByText("Disabled");
+  const enabled = enabledLabel.closest("[role=button]") as Element;
+  const disabled = disabledLabel.closest("[role=button]") as Element;
+  const enabledFill = painted(enabled, "_bg-", "background-color", scheme);
+  const disabledFill = painted(disabled, "_bg-", "background-color", scheme);
+  const labelInk = painted(disabledLabel, "_col-", "color", scheme);
+  return {
+    enabledFill,
+    disabledFill,
+    labelInk,
+    fillDeltaE: deltaE(enabledFill, disabledFill),
+    opacityDelta: opacityOf(enabled) - opacityOf(disabled),
+    labelContrast: measureContrast({ foreground: labelInk, background: disabledFill }).ratio,
+  };
+}
+
+describe("MPO-433 LC-40: a disabled intent Button differs from its enabled twin", () => {
+  for (const scheme of SCHEMES) {
+    for (const disabledStyle of DISABLED_STYLES) {
+      for (const variant of VARIANTS) {
+        it(`${scheme} ${disabledStyle} ${variant.name}: fill ΔE ≥ ${MIN_FILL_DELTA_E} or opacity delta ≥ ${MIN_OPACITY_DELTA}`, () => {
+          const m = measure(scheme, disabledStyle, variant.props);
+          const detail = `${m.enabledFill} -> ${m.disabledFill}: ΔE ${m.fillDeltaE.toFixed(1)}, opacity delta ${m.opacityDelta}`;
+          expect(
+            m.fillDeltaE >= MIN_FILL_DELTA_E || m.opacityDelta >= MIN_OPACITY_DELTA,
+            detail,
+          ).toBe(true);
+        });
+      }
+    }
+  }
+});
+
+describe("MPO-433 LC-40: keepLabel keeps the disabled label ≥ 4.5:1 on its own fill", () => {
+  for (const scheme of SCHEMES) {
+    for (const variant of VARIANTS) {
+      it(`${scheme} ${variant.name}`, () => {
+        const m = measure(scheme, "keepLabel", variant.props);
+        expect(
+          m.labelContrast,
+          `${m.labelInk} on ${m.disabledFill}: ${m.labelContrast.toFixed(2)}:1`,
+        ).toBeGreaterThanOrEqual(aaTextContrastRatio);
+      });
+    }
+  }
+});

package/src/Button/Button.stories.tsx

@@ -7,7 +7,7 @@ import {
   ensureFocusVisibleRing,
 } from "@multiplatform.one/theme";
 import { Button as TamaguiButton, Paragraph, XStack, YStack, useTheme } from "tamagui";
-import { Button } from "./index";
+import { Button, type ButtonProps } from "./index";
 import { useState } from "react";
 
 const pressed = (name: string) => () => action(name)();
@@ -45,23 +45,39 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-function DestructiveContrastExample({ disabled = false }: { disabled?: boolean }) {
+function ContrastExample({ children = "Save", ...props }: ButtonProps) {
   const [presses, setPresses] = useState(0);
   return (
     <YStack data-lc-clicks={presses}>
-      <Button error disabled={disabled} onPress={() => setPresses((value) => value + 1)}>
-        Delete
+      <Button {...props} onPress={() => setPresses((value) => value + 1)}>
+        {children}
       </Button>
     </YStack>
   );
 }
 
 export const DestructiveEnabled: Story = {
-  render: () => <DestructiveContrastExample />,
+  render: () => <ContrastExample error>Delete</ContrastExample>,
 };
 
 export const DestructiveDisabled: Story = {
-  render: () => <DestructiveContrastExample disabled />,
+  render: () => (
+    <ContrastExample error disabled>
+      Delete
+    </ContrastExample>
+  ),
+};
+
+/** LC-40 sweeps each intent through args, enabled and disabled (MPO-433). */
+export const IntentContrast: Story = {
+  argTypes: {
+    accent: { control: "boolean" },
+    warning: { control: "boolean" },
+    success: { control: "boolean" },
+    theme: { control: "text" },
+    disabled: { control: "boolean" },
+  },
+  render: (args) => <ContrastExample {...args} />,
 };
 
 export const Basic: Story = {

package/src/Button/index.tsx

@@ -20,6 +20,7 @@ import {
   sizeRecipeForToken,
   sizeRecipeFromHeight,
   solidButtonIntents,
+  solidPaletteThemes,
   useResolvedKnobs,
   type RecipeFamilyName,
   type SizeRecipe,
@@ -484,6 +485,32 @@ export function Button({
   };
 
   const activeThemeName = theme ?? intent;
+  const hostScoped = <T extends object>(fragment: T): T =>
+    Object.fromEntries(
+      Object.entries(fragment).map(([key, value]) => [
+        key,
+        typeof value === "string" && value.startsWith("$")
+          ? (parentScopeTheme[value.slice(1) as keyof typeof parentScopeTheme]?.val ?? value)
+          : value,
+      ]),
+    ) as T;
+  // LC-40 / MPO-433: a solid-palette theme has no wash tier, so the wash and
+  // its ink come from the host scope. Solid-intent ramps keep their own wash,
+  // where `$color11` misses 4.5:1 (light warning 4.48, success 4.27) and the
+  // hue's `$color12` text step clears it.
+  const washOnHost = Boolean(
+    isDisabled && activeThemeName && solidPaletteThemes.has(activeThemeName),
+  );
+  const disabledSurface = washOnHost
+    ? hostScoped(disabledState.surfaceKnobProps)
+    : disabledState.surfaceKnobProps;
+  const disabledText = washOnHost
+    ? hostScoped(disabledState.textKnobProps)
+    : activeThemeName &&
+        solidButtonIntents.has(activeThemeName) &&
+        disabledState.textKnobProps.color
+      ? { ...disabledState.textKnobProps, color: "$color12" }
+      : disabledState.textKnobProps;
   outlined = outlined ?? knobProps.outlined;
   const isLow = knobProps.textAccent === "low";
   const isMedium = knobProps.textAccent === "medium";
@@ -546,8 +573,8 @@ export function Button({
           ? { color: "$color11" }
           : undefined)}
       // LC-40: on the washed disabled chrome the label leaves the on-fill
-      // foreground and pins to the lowest AA tier (keepLabel keeps >=4.5:1).
-      {...(isDisabled ? disabledState.textKnobProps : undefined)}
+      // foreground for the wash's AA ink (keepLabel keeps >=4.5:1).
+      {...(isDisabled ? disabledText : undefined)}
       // Boards measure ink.weight on the TEXT NODE, never the frame. The
       // prop is restated after the spreads because SizableText's size
       // variant otherwise leaks 500/600 over it (MPO-125: a literal 400
@@ -702,8 +729,8 @@ export function Button({
       // whole-dim that dropped label contrast under AA.
       {...(isDisabled
         ? {
-            ...disabledState.surfaceKnobProps,
-            ...disabledState.textKnobProps,
+            ...disabledSurface,
+            ...disabledText,
             ...disabledState.assemblyKnobProps,
           }
         : undefined)}
@@ -784,11 +811,11 @@ export function Button({
             // control must not light up like a pressable one.
             hoverStyle: {
               backgroundColor: outlined ? "transparent" : "$background",
-              ...disabledState.surfaceKnobProps,
+              ...disabledSurface,
             },
             pressStyle: {
               backgroundColor: outlined ? "transparent" : "$background",
-              ...disabledState.surfaceKnobProps,
+              ...disabledSurface,
             },
             "data-mp-disabled-explained": "true",
           }
@@ -814,11 +841,20 @@ export function Button({
     </ButtonFrame>
   );
 
+  const themedButton = activeThemeName ? (
+    <Theme name={activeThemeName as ThemeName}>{buttonElement}</Theme>
+  ) : (
+    buttonElement
+  );
+
   // DG-ST-03 explain affordance: visible reason adjacent to the control —
   // discoverable by pointer, touch, keyboard, and SR (aria-describedby)
   // without any hover interaction (Axiom 12). "below" stacks (forms);
   // "inline" keeps toolbar rows on one shared control line, where the
   // stacked reason wrapped into cramped multi-line type under the button.
+  // The reason stays OUTSIDE the intent Theme: it is T-HELPER copy on the
+  // host surface, and inside it `$color11` is the intent's on-fill ramp
+  // (MPO-431: 1.17:1 on the light page under accent).
   const reasonText = explainedDisable ? (
     <SizableText
       id={reasonId}
@@ -830,26 +866,18 @@ export function Button({
       {disabledReason}
     </SizableText>
   ) : null;
-  const explainedElement = explainedDisable ? (
-    disabledReasonPlacement === "inline" ? (
-      <XStack gap="$2" alignItems="center" flexShrink={1} data-mp-disabled-reason-wrapper="true">
-        {buttonElement}
-        {reasonText}
-      </XStack>
-    ) : (
-      <YStack gap="$1" flexShrink={1} data-mp-disabled-reason-wrapper="true">
-        {buttonElement}
-        {reasonText}
-      </YStack>
-    )
+  if (!explainedDisable) return themedButton;
+  return disabledReasonPlacement === "inline" ? (
+    <XStack gap="$2" alignItems="center" flexShrink={1} data-mp-disabled-reason-wrapper="true">
+      {themedButton}
+      {reasonText}
+    </XStack>
   ) : (
-    buttonElement
+    <YStack gap="$1" flexShrink={1} data-mp-disabled-reason-wrapper="true">
+      {themedButton}
+      {reasonText}
+    </YStack>
   );
-
-  if (activeThemeName) {
-    return <Theme name={activeThemeName as ThemeName}>{explainedElement}</Theme>;
-  }
-  return explainedElement;
 }
 
 Button.Icon = TamaguiButton.Icon;

package/types/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAEhB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAEL,KAAK,WAAW,IAAI,kBAAkB,EAUvC,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAC;AAMpE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAkC,CAAC;AAElG,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,MAAM,GAAE,gBAA4B,GACnC,gBAAgB,CAOlB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GACpB,gBAAgB,CAElB;AAaD,0DAA0D;AAC1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAElE,KAAK,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAqE7D,eAAO,MAAM,WAAW;;;;;;;;6CA2DtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,kBAAkB,EAClB,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAC1C;IACC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,uBAAiC,EACjC,gBAAgB,EAChB,YAAwB,EACxB,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,qBAAqB,EACxC,GAAG,KAAK,EACT,EAAE,WAAW,2CAqgBb;yBAtiBe,MAAM;;;iBAzDb,CAAC;YACA,CAAC"}