@multiplatform.one/components 7.78.0 → 7.80.0

package/src/layouts/screenScroll.tsx

@@ -308,6 +308,77 @@ export function useTopBarSlot(): TopBarSlotValue | null {
   return useContext(TopBarSlotContext);
 }
 
+/**
+ * What the outermost Screen under an app shell tells the shell's nav bar
+ * (LC-157 under `AppShell`): its scroll state, and whether the page pins a
+ * top bar of its own, in which case that bar is the nav bar and the shell
+ * draws none.
+ */
+export interface ShellScrollReport extends ScreenScrollState {
+  ownTopBar: boolean;
+}
+
+type ShellScrollReporter = (id: string, report: ShellScrollReport | null) => void;
+
+const ShellScrollReportContext = createContext<ShellScrollReporter | null>(null);
+
+/** The shell's half: the latest report, and the scope its content sits in. */
+export function useShellScrollReports(): {
+  report: ShellScrollReport | null;
+  reporter: ShellScrollReporter;
+} {
+  const [entry, setEntry] = useState<{ id: string; report: ShellScrollReport } | null>(null);
+  const reporter = useCallback<ShellScrollReporter>((id, report) => {
+    setEntry((prev) => {
+      if (!report) return prev?.id === id ? null : prev;
+      if (
+        prev?.id === id &&
+        prev.report.scrolled === report.scrolled &&
+        prev.report.collapsed === report.collapsed &&
+        prev.report.title === report.title &&
+        prev.report.ownTopBar === report.ownTopBar
+      ) {
+        return prev;
+      }
+      return { id, report };
+    });
+  }, []);
+  return { report: entry?.report ?? null, reporter };
+}
+
+export function ShellScrollReportScope({
+  reporter,
+  children,
+}: {
+  reporter: ShellScrollReporter;
+  children: ReactNode;
+}) {
+  return (
+    <ShellScrollReportContext.Provider value={reporter}>
+      {children}
+    </ShellScrollReportContext.Provider>
+  );
+}
+
+/**
+ * The Screen's half: the outermost Screen under a shell reports its state;
+ * a Screen nested in another stays quiet, so the page's own wins.
+ */
+export function useReportScreenScroll(state: ScreenScrollState, ownTopBar: boolean) {
+  const reporter = useContext(ShellScrollReportContext);
+  const nested = useContext(ScreenScrollActionsContext) !== null;
+  const id = useId();
+  const live = reporter && !nested ? reporter : null;
+  const { scrolled, collapsed, title } = state;
+  useEffect(() => {
+    live?.(id, { scrolled, collapsed, title, ownTopBar });
+  }, [live, id, scrolled, collapsed, title, ownTopBar]);
+  useEffect(() => {
+    if (!live) return;
+    return () => live(id, null);
+  }, [live, id]);
+}
+
 const inertTitle = () => () => undefined;
 const inertTitleBottom = () => undefined;
 

package/src/layouts/sidebar.tsx

@@ -5,6 +5,7 @@ import {
   getGroupPosition,
   hairline,
   hairlineWidth,
+  normalizeToHex,
   stackRadiusProps,
   useResolvedKnobs,
   wasKeyboardFocus,
@@ -12,7 +13,16 @@ import {
 } from "@multiplatform.one/theme";
 import type React from "react";
 import { Fragment, useId, useState } from "react";
-import { Label, Separator, Text as TamaguiText, XStack, YStack, isWeb } from "tamagui";
+import {
+  Label,
+  Separator,
+  Text as TamaguiText,
+  XStack,
+  YStack,
+  isWeb,
+  useTheme,
+  useThemeName,
+} from "tamagui";
 import { ScrollView } from "../ScrollView";
 import { componentColors } from "../componentColors";
 import { Text } from "../Text";
@@ -76,6 +86,46 @@ export interface SidebarProps {
    */
   footer?: React.ReactNode;
   testID?: string;
+  /** Pinned above the rows, outside their scroll (an app's name in a shell rail). */
+  header?: React.ReactNode;
+  /** Stacked under the sections inside the same scroll (a page's panel, LC-101). */
+  children?: React.ReactNode;
+  /**
+   * Paint the column in the translucent sidebar material instead of the card
+   * surface (the HIG source list): an app shell's sidebar.
+   */
+  material?: boolean;
+}
+
+/**
+ * The ramp step the sidebar material paints: darker than the page in light,
+ * lighter in dark, as the HIG sidebar reads against its content. The dark
+ * ramp climbs slower at its low end, so it takes one step more.
+ */
+export const sidebarMaterial = { light: "$color3", dark: "$color4" } as const;
+/**
+ * How much of the page shows through the material. The shell's column sits
+ * beside its content, never over it, so the page ground is all that is
+ * behind it and a blur would paint nothing (LC-206).
+ */
+export const sidebarMaterialOpacity = 0.72;
+/**
+ * A material rail's inset from its edges. Its rows are inset pills with no
+ * rule between them (the HIG source list); a header or footer lines up with
+ * the rows by it.
+ */
+export const sidebarRailInset = "$2";
+
+function useSidebarMaterial(enabled: boolean) {
+  const theme = useTheme() as unknown as Record<string, { val?: unknown } | undefined>;
+  const step = useThemeName().startsWith("dark") ? sidebarMaterial.dark : sidebarMaterial.light;
+  if (!enabled) return null;
+  const base = theme[step.slice(1)]?.val;
+  const hex = typeof base === "string" ? normalizeToHex(base) : null;
+  const backgroundColor = hex
+    ? `rgba(${[1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)).join(", ")}, ${sidebarMaterialOpacity})`
+    : step;
+  return { backgroundColor };
 }
 
 export function Sidebar({
@@ -86,8 +136,12 @@ export function Sidebar({
   divider = true,
   footer,
   testID,
+  header,
+  children,
+  material = false,
 }: SidebarProps) {
   const { knobProps } = useResolvedKnobs();
+  const materialProps = useSidebarMaterial(material);
   const headingId = useId();
   // LC-05: active row labels and metadata share the selection ink.
   // SP-EDGE: rows own the horizontal inset (the panelPadding role via the
@@ -112,6 +166,7 @@ export function Sidebar({
       // SF-CARD fill without a four-side control border (R-NONE). The end
       // hairline is the panel divider (Axiom 15), stretched to the rail height.
       {...knobProps.surface}
+      {...(materialProps as object)}
       borderWidth={0}
       borderColor="$borderColor"
       {...(!divider
@@ -125,8 +180,21 @@ export function Sidebar({
           : { borderEndWidth: hairlineWidth })}
       testID={testID}
     >
+      {header ? (
+        <YStack
+          flexShrink={0}
+          {...(material ? { paddingHorizontal: sidebarRailInset } : null)}
+          data-sidebar-header=""
+        >
+          {header}
+        </YStack>
+      ) : null}
       <ScrollView flex={1}>
-        <YStack {...knobProps.panelPadding} paddingHorizontal={0} {...knobProps.gapLg}>
+        <YStack
+          {...knobProps.panelPadding}
+          paddingHorizontal={material ? sidebarRailInset : 0}
+          {...knobProps.gapLg}
+        >
           {sections.map((section, sectionIdx) => {
             const titleId = section.title ? `${headingId}-${sectionIdx}` : undefined;
             return (
@@ -183,7 +251,9 @@ export function Sidebar({
                 <YStack width="100%" data-sidebar-group="">
                   {section.items.map((item, itemIdx, items) => {
                     const position = getGroupPosition(itemIdx, items.length);
-                    const corners = stackRadiusProps(position, knobProps.borderRadius.borderRadius);
+                    const corners = material
+                      ? { borderRadius: knobProps.borderRadius.borderRadius }
+                      : stackRadiusProps(position, knobProps.borderRadius.borderRadius);
                     const itemKey = `${sectionIdx}:${String(item.value ?? item.label)}`;
                     const ink = item.active
                       ? componentColors.selection.ink
@@ -202,7 +272,7 @@ export function Sidebar({
                       : null;
                     return (
                       <Fragment key={itemKey}>
-                        {itemIdx > 0 ? (
+                        {itemIdx > 0 && !material ? (
                           <YStack alignSelf="stretch" paddingStart={rowPad}>
                             <Separator alignSelf="stretch" {...hairline.line} />
                           </YStack>
@@ -325,10 +395,18 @@ export function Sidebar({
               </YStack>
             );
           })}
+          {children}
         </YStack>
       </ScrollView>
       {footer != null && footer !== false ? (
-        <YStack flexShrink={1} minHeight={0} maxHeight="50%" width="100%" data-sidebar-footer="">
+        <YStack
+          flexShrink={1}
+          minHeight={0}
+          maxHeight="50%"
+          width="100%"
+          {...(material ? { paddingHorizontal: sidebarRailInset } : null)}
+          data-sidebar-footer=""
+        >
           <Separator width="100%" alignSelf="stretch" {...hairline.line} />
           {footer}
         </YStack>

package/src/presentationEmpty.spec.tsx

@@ -0,0 +1,71 @@
+/**
+ * LC-220 EMPTY-IS-DRAWN: a presentation component given no reading draws its
+ * own empty form at the populated box (the bare track, the em dash, the empty
+ * surface), shows no "0", and its accessible name says there is no reading.
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { Sparkline } from "./charts/Sparkline";
+import { Default as DiffMain, NoReading } from "./Diff/Diff.stories";
+import { Diff, type DiffProps } from "./Diff";
+import { Meter, type MeterProps } from "./Meter";
+import { Default as MeterMain, Unknown } from "./Meter/Meter.stories";
+
+afterEach(cleanup);
+
+const noZero = /(^|[^\d.])0([^\d.]|$)/;
+
+describe("presentation components draw their empty form (LC-220)", () => {
+  it("Meter: the bare track at the populated height, an em dash, no fill, no reading spoken", () => {
+    const full = renderWithProviders(<Meter {...(MeterMain.args as MeterProps)} />);
+    const fullRail = full.container.querySelector("[role='meter']") as HTMLElement;
+    const height = fullRail.getAttribute("data-meter-track-height");
+    full.unmount();
+
+    const { container } = renderWithProviders(
+      <Meter {...(Unknown.args as MeterProps)} value={null} />,
+    );
+    const rail = container.querySelector("[role='meter']") as HTMLElement;
+    expect(rail).toBeTruthy();
+    expect(rail.getAttribute("data-meter-track-height")).toBe(height);
+    expect(rail.getAttribute("data-meter-fill")).toBeNull();
+    expect(rail.getAttribute("aria-valuenow")).toBeNull();
+    expect(rail.getAttribute("aria-valuetext")).toBe("No reading");
+    expect(container.textContent).toContain("—");
+    expect(container.textContent).not.toMatch(noZero);
+  });
+
+  it("Diff: the same frame with an em dash and a no-reading name, never 0 added", () => {
+    const full = renderWithProviders(<Diff {...(DiffMain.args as DiffProps)} />);
+    const fullFrame = full.container.querySelector("[role='region']") as HTMLElement;
+    const fullClass = fullFrame.className;
+    full.unmount();
+
+    const { container } = renderWithProviders(<Diff {...(NoReading.args as DiffProps)} />);
+    const frame = container.querySelector("[role='region']") as HTMLElement;
+    expect(frame.className).toBe(fullClass);
+    expect(frame.getAttribute("aria-label")).toMatch(/no reading$/);
+    expect(container.textContent).toBe("—");
+    expect(container.textContent).not.toMatch(noZero);
+  });
+
+  it("Sparkline: the surface keeps its box and says no data, with no point drawn", () => {
+    const full = renderWithProviders(
+      <Sparkline width={160} data={[3, 5, 4, 8]} title="Sessions" />,
+    );
+    const fullSvg = full.container.querySelector("svg") as SVGElement;
+    const height = fullSvg.getAttribute("height");
+    full.unmount();
+
+    const { container } = renderWithProviders(
+      <Sparkline width={160} data={null} title="Sessions" />,
+    );
+    const svg = container.querySelector("svg") as SVGElement;
+    expect(svg.getAttribute("height")).toBe(height);
+    expect(svg.getAttribute("width")).toBe("160");
+    expect(screen.getByRole("img").getAttribute("aria-label")).toMatch(/no data$/);
+    expect(container.querySelectorAll("path")).toHaveLength(0);
+    expect(container.textContent).not.toMatch(noZero);
+  });
+});

package/src/views/ReportBuilder.tsx

@@ -13,6 +13,7 @@ import {
   formatTimeOfDay,
   hairline,
   keyboardFocusRingProps,
+  listHeightForRows,
   pressTargetStyle,
   useResolvedKnobs,
   ensureKeyboardModalityTracking,
@@ -733,7 +734,7 @@ export function ReportBuilder({
               })}
             </Button>
           </DropdownMenu.Trigger>
-          <DropdownMenu.Content maxHeight={360}>
+          <DropdownMenu.Content maxHeight={listHeightForRows(10, knobProps.menuRow.minHeight)}>
             <DropdownMenu.Label>{t("Report columns")}</DropdownMenu.Label>
             {columns.map((column) => {
               const checked = enabledColumnSet.has(column.fieldname);
@@ -759,7 +760,7 @@ export function ReportBuilder({
               {groupByCol ? t("Group by: {{field}}", { field: groupByCol.label }) : t("Group by")}
             </Button>
           </DropdownMenu.Trigger>
-          <DropdownMenu.Content maxHeight={360}>
+          <DropdownMenu.Content maxHeight={listHeightForRows(10, knobProps.menuRow.minHeight)}>
             <DropdownMenu.CheckboxItem
               checked={!groupBy}
               closeOnSelect
@@ -817,7 +818,7 @@ export function ReportBuilder({
                 })}
               </Button>
             </DropdownMenu.Trigger>
-            <DropdownMenu.Content maxHeight={360}>
+            <DropdownMenu.Content maxHeight={listHeightForRows(10, knobProps.menuRow.minHeight)}>
               {numericColumns.map((column) => (
                 <DropdownMenu.CheckboxItem
                   key={column.fieldname}

package/src/views/index.ts

@@ -219,3 +219,4 @@ export {
 export * from "../charts";
 
 export type { GanttSnapUnit } from "./ganttIntervals";
+export { scopedNames } from "./sameNameScope";

package/src/views/sameNameScope.spec.tsx

@@ -0,0 +1,55 @@
+/**
+ * LC-213 SAME-NAME-SCOPE: two items with one name show the scope that tells
+ * them apart, in the visible title and so in the row's accessible name; items
+ * without a collision carry no suffix.
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { List, ListRow } from "./List";
+import { scopedNames } from "./sameNameScope";
+
+afterEach(cleanup);
+
+const apps = [
+  { id: "a", name: "postgres", tenant: "corp" },
+  { id: "b", name: "redis", tenant: "corp" },
+  { id: "c", name: "postgres", tenant: "master" },
+  { id: "d", name: "nginx", tenant: "master" },
+];
+
+describe("scopedNames (LC-213)", () => {
+  it("suffixes exactly the colliding items with their scope", () => {
+    expect(
+      scopedNames(
+        apps,
+        (app) => app.name,
+        (app) => app.tenant,
+      ),
+    ).toEqual(["postgres (corp)", "redis", "postgres (master)", "nginx"]);
+  });
+
+  it("a list of the fixture gives every row a unique accessible name", () => {
+    const labels = scopedNames(
+      apps,
+      (app) => app.name,
+      (app) => app.tenant,
+    );
+    renderWithProviders(
+      <List
+        items={apps}
+        aria-label="Apps"
+        height={300}
+        estimateSize={50}
+        renderItem={(_app, index) => <ListRow title={labels[index]} />}
+      />,
+    );
+    const names = screen.getAllByRole("listitem").map((row) => row.textContent);
+    expect(names).toHaveLength(4);
+    expect(new Set(names).size).toBe(4);
+    expect(names.filter((name) => /\(.+\)$/.test(name ?? ""))).toEqual([
+      "postgres (corp)",
+      "postgres (master)",
+    ]);
+  });
+});

package/src/views/sameNameScope.ts

@@ -0,0 +1,22 @@
+/**
+ * LC-213 SAME-NAME-SCOPE: when two items in one collection share a display
+ * name, each colliding item's label carries the scope that tells them apart
+ * ("postgres (corp)", "postgres (master)"). Items without a collision keep
+ * their bare name. The label is the visible title and the accessible name.
+ */
+export function scopedNames<T>(
+  items: readonly T[],
+  nameOf: (item: T) => string,
+  scopeOf: (item: T) => string | null | undefined,
+): string[] {
+  const counts = new Map<string, number>();
+  for (const item of items) {
+    const name = nameOf(item);
+    counts.set(name, (counts.get(name) ?? 0) + 1);
+  }
+  return items.map((item) => {
+    const name = nameOf(item);
+    const scope = scopeOf(item);
+    return (counts.get(name) ?? 0) > 1 && scope ? `${name} (${scope})` : name;
+  });
+}

package/types/Diff/diff.d.ts

@@ -0,0 +1,17 @@
+export type DiffLineKind = "added" | "removed" | "same";
+export interface DiffLine {
+    kind: DiffLineKind;
+    text: string;
+    /** 1-based line in the before text; absent on an added line. */
+    before?: number;
+    /** 1-based line in the after text; absent on a removed line. */
+    after?: number;
+}
+export interface DiffCounts {
+    added: number;
+    removed: number;
+}
+/** Line diff by longest common subsequence, removals before additions in a hunk. */
+export declare function diffLines(before: string, after: string): DiffLine[];
+export declare function countDiff(lines: readonly DiffLine[]): DiffCounts;
+//# sourceMappingURL=diff.d.ts.map

package/types/Diff/diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../../src/Diff/diff.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,EAAE,CA6BnE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,GAAG,UAAU,CAQhE"}

package/types/Diff/index.d.ts

@@ -0,0 +1,15 @@
+import { type YStackProps } from "tamagui";
+export { countDiff, diffLines } from "./diff";
+export type { DiffCounts, DiffLine, DiffLineKind } from "./diff";
+export interface DiffProps extends Omit<YStackProps, "children"> {
+    /** The text before the change; null or undefined is no reading. */
+    before?: string | null;
+    /** The text after the change; null or undefined is no reading. */
+    after?: string | null;
+    /** What changed, the head of the region's accessible name ("nginx.conf"). */
+    label: string;
+    /** Show before/after line numbers in the gutter (default true). */
+    lineNumbers?: boolean;
+}
+export declare function Diff({ before, after, label, lineNumbers, ...frameProps }: DiffProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Diff/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA+B,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAKxE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC9D,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAkBD,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAkB,EAAE,GAAG,UAAU,EAAE,EAAE,SAAS,2CA+F1F"}

package/types/ElapsedProgress/index.d.ts

@@ -0,0 +1,15 @@
+import { type XStackProps } from "tamagui";
+export interface ElapsedProgressProps extends Omit<XStackProps, "children"> {
+    /** When the work started (epoch ms or a Date). */
+    startedAt: number | Date;
+    /** Determinate share done, 0 to 1; omit when the work can't say. */
+    progress?: number | null;
+    /** How long the spinner stays bare before the elapsed time joins it (ms, default 3000). */
+    threshold?: number;
+    /** What is running, for the accessible name ("Build"). */
+    label?: string;
+}
+/** m:ss under an hour, h:mm:ss past it. */
+export declare function formatElapsed(ms: number): string;
+export declare function ElapsedProgress({ startedAt, progress, threshold, label, ...rowProps }: ElapsedProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ElapsedProgress/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAIjE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACzE,kDAAkD;IAClD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAQhD;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,SAAgB,EAChB,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,oBAAoB,2CA+CtB"}

package/types/MachineLiteral/index.d.ts

@@ -0,0 +1,13 @@
+import { type XStackProps } from "tamagui";
+export interface MachineLiteralProps extends Omit<XStackProps, "children"> {
+    /** The literal, shown and copied exactly as given. */
+    value: string;
+    /** Its human reading, or a formatter that derives one ("daily at 02:00"). */
+    reading?: string | ((value: string) => string | null | undefined);
+    /** What the literal is, for the copy action's name ("cron expression"). */
+    label?: string;
+    /** False drops the copy action (default true). */
+    copyable?: boolean;
+}
+export declare function MachineLiteral({ value, reading, label, copyable, ...rowProps }: MachineLiteralProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MachineLiteral/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAMjE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACxE,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAClE,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAe,EACf,GAAG,QAAQ,EACZ,EAAE,mBAAmB,2CAyCrB"}

package/types/Material/blur.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The material's native blur, web arm: the browser blurs through
+ * `backdropFilter`, so there is no blur view to draw.
+ */
+export declare function useMaterialBlur(): null;
+export declare function MaterialBlurFill(_props: {
+    radius?: number;
+}): null;
+//# sourceMappingURL=blur.d.ts.map

package/types/Material/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/Material/blur.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAElE"}

package/types/Material/blur.native.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentType } from "react";
+import { type ViewStyle } from "react-native";
+/** The name expo-blur registers its native module and view under. */
+export declare const blurNativeModule = "ExpoBlur";
+/** The HIG material a tab bar or toolbar uses, per colour scheme. */
+export declare const materialBlurTint: {
+    readonly light: "systemChromeMaterialLight";
+    readonly dark: "systemChromeMaterialDark";
+};
+export declare function blurTintFor(themeName: string | undefined): string;
+export type MaterialBlurView = ComponentType<{
+    tint?: string;
+    intensity?: number;
+    pointerEvents?: "none";
+    style?: ViewStyle | ViewStyle[];
+}>;
+export interface BlurSources {
+    core: () => {
+        requireOptionalNativeModule?: (name: string) => unknown;
+    };
+    blur: () => {
+        BlurView?: MaterialBlurView;
+    };
+}
+/** The BlurView, or null when this platform or binary cannot draw it. */
+export declare function resolveBlurView(sources: BlurSources, os: string): MaterialBlurView | null;
+export declare function useMaterialBlur(): {
+    BlurView: MaterialBlurView;
+    tint: string;
+} | null;
+/**
+ * The blur behind a material's content: fills its parent inside the hairline
+ * and clips to the parent's corner radius, so the parent keeps its shadow.
+ */
+export declare function MaterialBlurFill({ radius }: {
+    radius?: number;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=blur.native.d.ts.map

package/types/Material/blur.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.native.d.ts","sourceRoot":"","sources":["../../src/Material/blur.native.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAE3C,qEAAqE;AACrE,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEjE;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM;QAAE,2BAA2B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;KAAE,CAAC;IACxE,IAAI,EAAE,MAAM;QAAE,QAAQ,CAAC,EAAE,gBAAgB,CAAA;KAAE,CAAC;CAC7C;AAOD,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAQzF;AASD,wBAAgB,eAAe,IAAI;IAAE,QAAQ,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAKrF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAU,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,kDAYnE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Material/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,cAAc,EAAU,KAAK,WAAW,EAAY,MAAM,SAAS,CAAC;AAElF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,SAAS,GAAE,iBAA4B,GAAG,MAAM,CAG/E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK1F;AAED,wBAAgB,WAAW,CAAC,SAAS,GAAE,iBAA4B;;;;;;;;;;;;;EAelE;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,0GAMnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Material/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,cAAc,EAAU,KAAK,WAAW,EAAY,MAAM,SAAS,CAAC;AAElF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,SAAS,GAAE,iBAA4B,GAAG,MAAM,CAG/E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK1F;AAED,wBAAgB,WAAW,CAAC,SAAS,GAAE,iBAA4B;;;;;;;;;;;;;EAkBlE;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,0GAanB,CAAC"}

package/types/Meter/index.d.ts

@@ -47,6 +47,8 @@ export interface MeterProps extends Omit<GetProps<typeof MeterRoot>, "children">
     loading?: boolean;
     disabled?: boolean;
 }
+/** LC-220: an unknown level is spoken as no reading, never as a zero or a bare dash. */
+export declare const NO_READING = "No reading";
 /**
  * Bounded-quantity display. Inert — no tab stop, no focus ring. The input
  * twin is Slider.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Meter/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAWL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEnE,QAAA,MAAM,SAAS;;;6CAEb,CAAC;AA+BH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC;IAC9E,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAG,EACH,GAAG,EACH,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,MAAiB,EACjB,UAAU,EACV,SAAS,EACT,MAAmB,EACnB,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2KZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Meter/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAUL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEnE,QAAA,MAAM,SAAS;;;6CAEb,CAAC;AA+BH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC;IAC9E,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,wFAAwF;AACxF,eAAO,MAAM,UAAU,eAAe,CAAC;AAcvC;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAG,EACH,GAAG,EACH,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,MAAiB,EACjB,UAAU,EACV,SAAS,EACT,MAAmB,EACnB,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2KZ"}

package/types/SortableList/index.d.ts

@@ -3,6 +3,8 @@ import { type SizeTokens, type YStackProps } from "tamagui";
 export { SortableHandle, SortableHandleWell } from "./SortableHandle";
 export { SortableSessionProvider, useSortableRows } from "./useSortableRows";
 export type { SortableSession, UseSortableRowsOptions } from "./useSortableRows";
+export { applyUserOrder, useUserOrder } from "./useUserOrder";
+export type { UseUserOrderOptions, UserOrderStorage } from "./useUserOrder";
 export type SortableDisabledStyle = "keepLabel" | "dimWhole";
 export type SortableListProps<T> = Omit<YStackProps, "children" | "onChange" | "disabled" | "aria-label"> & {
     items: T[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SortableList/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EACL,KAAK,UAAU,EAKf,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEjF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CACrC,WAAW,EACX,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CACpD,GAAG;IACF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnD,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AASF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,aAA2B,EAC3B,IAAI,EACJ,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAuJtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SortableList/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EACL,KAAK,UAAU,EAKf,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CACrC,WAAW,EACX,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CACpD,GAAG;IACF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnD,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AASF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,aAA2B,EAC3B,IAAI,EACJ,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAuJtB"}

package/types/SortableList/useUserOrder.d.ts

@@ -0,0 +1,28 @@
+/** Where a user's arrangement lives; defaults to the browser's localStorage. */
+export interface UserOrderStorage {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+}
+/**
+ * The items in the user's order (LC-209): known ids keep their saved place,
+ * new ids land at the end in the order the source gave them. Ids missing
+ * from this read keep their slot in `order`, so a partial refresh never
+ * reshuffles them.
+ */
+export declare function applyUserOrder<T>(items: readonly T[], order: readonly string[], getId: (item: T) => string): {
+    items: T[];
+    order: string[];
+};
+export interface UseUserOrderOptions {
+    storage?: UserOrderStorage;
+}
+/**
+ * Keeps a hand-arranged collection in the user's order across data refreshes
+ * and reloads. Feed `items` from any source order; render the returned
+ * `items`; pass `onChange` to SortableList.
+ */
+export declare function useUserOrder<T>(key: string, items: readonly T[], getId: (item: T) => string, options?: UseUserOrderOptions): {
+    items: T[];
+    onChange: (next: T[]) => void;
+};
+//# sourceMappingURL=useUserOrder.d.ts.map

package/types/SortableList/useUserOrder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserOrder.d.ts","sourceRoot":"","sources":["../../src/SortableList/useUserOrder.ts"],"names":[],"mappings":"AAEA,gFAAgF;AAChF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AA6BD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GACzB;IAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,CAYjC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,EAC1B,OAAO,GAAE,mBAAwB;;qBAaxB,CAAC,EAAE;EAUb"}