@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/tickets/ticket-center.js

@@ -4,24 +4,34 @@ import { useQueryClient } from "@tanstack/react-query";
 import { RefreshCw } from "lucide-react";
 import { useCallback, useState } from "react";
 import { toast as defaultToast } from "../../hooks/use-toast.js";
+import { cn } from "../../utils/cn.js";
 import { devSectionAnchorId } from "../../utils/dev-sections/dev-section-param-keys.js";
+import { ChatTicketItemSkeleton } from "../chat/entity-cards/chat-ticket-item.js";
 import { useChatIdentity } from "../chat/hooks/use-chat-identity.js";
 import { EmptyState } from "../empty-state.js";
 import { usePageDataSync } from "../layout/page-data-sync.js";
 import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
 import { Card } from "../ui/card.js";
 import { DataSyncLine } from "../ui/data-attribution.js";
+import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
 import { useTicketActions } from "./hooks/use-ticket-actions.js";
 import { useTicketsList } from "./hooks/use-tickets-list.js";
 import { TicketOpenForm } from "./ticket-open-form.js";
 import { TicketRow } from "./ticket-row.js";
 import { isOptimistic } from "./types.js";
+const TICKET_CENTER_CLASS = "flex flex-col gap-6";
+const TICKET_LIST_BLOCK_CLASS = "flex flex-col gap-2";
+const TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
+const TICKET_LIST_FOLD = { phone: 2, wide: 4 };
 function TicketCenter({ toast = defaultToast } = {}) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(TicketCenterPending, { region: false });
+  return /* @__PURE__ */ jsx(TicketCenterGate, { toast });
+}
+function TicketCenterGate({ toast }) {
   const identity = useChatIdentity();
   if (identity.isLoading) {
-    return /* @__PURE__ */ jsx(TicketCenterSkeleton, {});
+    return /* @__PURE__ */ jsx(TicketCenterPending, {});
   }
   if (identity.authTier === "anon" || !identity.user?.email) {
     return /* @__PURE__ */ jsx(
@@ -76,43 +86,18 @@ function TicketCenterAuthed({
   }, []);
   const syncInPage = usePageDataSync(sync, isLoading);
   const merged = [...optimisticTickets, ...tickets];
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx(
-      TicketOpenForm,
-      {
-        onSubmit: (input) => actions.submitTicket(input),
-        isSubmitting: actions.isSubmittingForm,
-        supportSystemDown
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
-          !syncInPage && /* @__PURE__ */ jsx(DataSyncLine, { sync, inline: true }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "transparent",
-              size: "small",
-              onClick: refetch,
-              disabled: isFetching,
-              "aria-label": "Refresh ticket list",
-              leftIcon: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ] }),
-      isLoading ? /* @__PURE__ */ jsx(TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsx(
-        EmptyState,
-        {
-          type: "generic",
-          title: "No tickets yet",
-          description: "Open one above to start the conversation.",
-          showCTA: false
-        }
-      ) }) : /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
+    TicketCenterView,
+    {
+      tickets: merged,
+      loading: isLoading,
+      sync: syncInPage ? void 0 : sync,
+      onRefresh: refetch,
+      refreshing: isFetching,
+      onSubmit: (input) => actions.submitTicket(input),
+      isSubmitting: actions.isSubmittingForm,
+      supportSystemDown,
+      renderRow: (ticket) => /* @__PURE__ */ jsx(
         TicketRow,
         {
           id: devSectionAnchorId("ticket", ticket.external_id),
@@ -127,31 +112,105 @@ function TicketCenterAuthed({
           onActionCollapsed: () => setExpandedTicketId(null)
         },
         ticket.id
-      )) })
-    ] })
-  ] });
+      )
+    }
+  );
 }
-function TicketCenterSkeleton({
+function TicketCenterPending({
   region = true
 } = {}) {
-  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading tickets", announce: region, className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-4 h-7 w-48" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-3 h-10 w-full" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-24 w-full" })
-    ] }),
-    /* @__PURE__ */ jsx(TicketListSkeleton, {})
+  const syncInPage = usePageDataSync(null, true);
+  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading tickets", announce: region, children: /* @__PURE__ */ jsx(LoadingScope, { children: /* @__PURE__ */ jsx(
+    TicketCenterView,
+    {
+      tickets: [],
+      loading: true,
+      formInert: true,
+      sync: syncInPage ? void 0 : null,
+      onSubmit: () => Promise.resolve(false),
+      isSubmitting: false,
+      supportSystemDown: false,
+      renderRow: () => null
+    }
+  ) }) });
+}
+function TicketCenterView({
+  tickets,
+  loading,
+  formInert = false,
+  sync,
+  onRefresh,
+  refreshing,
+  onSubmit,
+  isSubmitting,
+  supportSystemDown,
+  renderRow
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: TICKET_CENTER_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { inert: formInert || void 0, className: "contents", children: /* @__PURE__ */ jsx(TicketOpenForm, { onSubmit, isSubmitting, supportSystemDown }) }),
+    /* @__PURE__ */ jsxs("div", { className: TICKET_LIST_BLOCK_CLASS, children: [
+      /* @__PURE__ */ jsx(TicketListHeader, { sync, syncLoading: loading, onRefresh, refreshing }),
+      /* @__PURE__ */ jsx(TicketList, { tickets, loading, renderRow })
+    ] })
+  ] });
+}
+function TicketList({
+  tickets,
+  loading,
+  renderRow
+}) {
+  if (useLoadingScope() || loading) return /* @__PURE__ */ jsx(TicketListSkeleton, {});
+  if (tickets.length === 0) {
+    return /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        type: "generic",
+        title: "No tickets yet",
+        description: "Open one above to start the conversation.",
+        showCTA: false
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: tickets.map(renderRow) });
+}
+function TicketListHeader({
+  sync,
+  syncLoading,
+  onRefresh,
+  refreshing = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
+      sync !== void 0 && /* @__PURE__ */ jsx(DataSyncLine, { sync, loading: syncLoading, inline: true }),
+      /* @__PURE__ */ jsx("span", { inert: !onRefresh || void 0, "aria-hidden": !onRefresh || void 0, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "transparent",
+          size: "small",
+          onClick: onRefresh,
+          disabled: refreshing,
+          "aria-label": "Refresh ticket list",
+          leftIcon: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" })
+        }
+      ) })
+    ] })
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex h-20 items-center gap-4 border-b border-ods-border px-4 last:border-b-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full" })
-    ] }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-20" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-16" })
-  ] }, i)) });
+  return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: Array.from({ length: Math.max(TICKET_LIST_FOLD.phone, TICKET_LIST_FOLD.wide) }, (_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        TICKET_ROW_FRAME_CLASS,
+        i >= TICKET_LIST_FOLD.phone && "hidden md:block",
+        i >= TICKET_LIST_FOLD.wide && "md:hidden"
+      ),
+      children: /* @__PURE__ */ jsx(ChatTicketItemSkeleton, {})
+    },
+    i
+  )) });
 }
 export {
   TicketCenter

package/dist/components/tickets/types.d.ts

@@ -273,14 +273,6 @@ export type TicketUnreadSummary = {
  * every timing knob lives in one file.
  */
 export declare const TICKET_MARK_READ_DEBOUNCE_MS = 2000;
-/**
- * Ticket deep-link SSOT — DEFINED in the server-safe param-keys module
- * (`utils/dev-sections/dev-section-param-keys.ts`, beside its sibling
- * `devSectionAnchorId`) because producers span both worlds: the hub's
- * SERVER-side chat-ref builder and the client header cell. Re-exported
- * here so ticket-surface consumers keep one import home.
- */
-export { TICKET_OPEN_PARAM, buildTicketOpenHref } from '../../utils/dev-sections/dev-section-param-keys';
 /**
  * Centralized toast copy. Keep all wording here so QA / localization
  * can find every user-visible string in one file.

package/dist/components/tickets/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/types.ts"],"names":[],"mappings":"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"}

package/dist/components/tickets/types.js

@@ -4,7 +4,6 @@ function isOptimistic(t) {
 }
 const TICKET_TEXT_MAX_CHARS = 5e3;
 const TICKET_MARK_READ_DEBOUNCE_MS = 2e3;
-import { TICKET_OPEN_PARAM, buildTicketOpenHref } from "../../utils/dev-sections/dev-section-param-keys.js";
 const TOAST_COPY = {
   open_success: { title: "Ticket opened", description: "We received your message and will follow up shortly." },
   open_mirror_pending: { title: "Ticket opened", description: "Syncing \u2014 your ticket will appear momentarily." },
@@ -16,9 +15,7 @@ const TOAST_COPY = {
 };
 export {
   TICKET_MARK_READ_DEBOUNCE_MS,
-  TICKET_OPEN_PARAM,
   TICKET_TEXT_MAX_CHARS,
   TOAST_COPY,
-  buildTicketOpenHref,
   isOptimistic
 };

package/dist/components/toggle-group.d.ts

@@ -1,15 +1,17 @@
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import type { VariantProps } from 'class-variance-authority';
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+/** The group's row: read by the group and by every skeleton of one. */
+export declare const TOGGLE_GROUP_CLASS = "flex items-center justify-center gap-1";
 declare const ToggleGroup: import("react").ForwardRefExoticComponent<(VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "choice" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & ({
     className?: string;
     children?: ReactNode;
 } & ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>>)) & import("react").RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "choice" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,QAAA,MAAM,WAAW;;;;gBAGD,MAAM;eACP,SAAS;yQAMtB,CAAC;AAIH,QAAA,MAAM,eAAe;;;mIAsBnB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,2CAA2C,CAAC;AAO3E,QAAA,MAAM,WAAW;;;;gBAGD,MAAM;eACP,SAAS;yQAMtB,CAAC;AAIH,QAAA,MAAM,eAAe;;;mIAsBnB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/toggle-group.js

@@ -8,11 +8,12 @@ import {
 } from "react";
 import { cn } from "../utils/cn.js";
 import { toggleVariants } from "./ui/toggle.js";
+const TOGGLE_GROUP_CLASS = "flex items-center justify-center gap-1";
 const ToggleGroupContext = createContext({
   size: "default",
   variant: "default"
 });
-const ToggleGroup = forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+const ToggleGroup = forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn(TOGGLE_GROUP_CLASS, className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 const ToggleGroupItem = forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
   const context = useContext(ToggleGroupContext);
@@ -35,6 +36,7 @@ const ToggleGroupItem = forwardRef(({ className, children, variant, size, value,
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 export {
+  TOGGLE_GROUP_CLASS,
   ToggleGroup,
   ToggleGroupItem
 };

package/dist/components/tool-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-icon.d.ts","sourceRoot":"","sources":["../../src/components/tool-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAItC,CAAC"}
+{"version":3,"file":"tool-icon.d.ts","sourceRoot":"","sources":["../../src/components/tool-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAItC,CAAC"}

package/dist/components/ui/analyzing-state.d.ts

@@ -9,8 +9,9 @@ export interface AnalyzingStateProps {
  * and the chat's own typing dots. It says an agent is at work, where a bare
  * sentence in an empty box reads as idle.
  *
- * Built from the shared pieces only: `UnifiedSkeleton` for the rows and
- * `ChatTypingIndicator` for the dots. Still under reduced motion. It is
+ * It is a live state, never a loading one: the rows pulse on the library's live pulse (`LIVE_PULSE_CLASS`), so no
+ * skeleton surface is left on a loaded page, and the dots are the chat's `ChatTypingIndicator`. Still under
+ * reduced motion. It is
  * announced as a status; the rows and dots are decoration.
  */
 export declare function AnalyzingState({ label, className }: AnalyzingStateProps): import("react").JSX.Element;

package/dist/components/ui/analyzing-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analyzing-state.d.ts","sourceRoot":"","sources":["../../../src/components/ui/analyzing-state.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,oGAAoG;IACpG,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BA4BvE"}
+{"version":3,"file":"analyzing-state.d.ts","sourceRoot":"","sources":["../../../src/components/ui/analyzing-state.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,oGAAoG;IACpG,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BA4BvE"}

package/dist/components/ui/analyzing-state.js

@@ -1,10 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { DOT_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { ChatTypingIndicator } from "../chat/chat-typing-indicator.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { LIVE_PULSE_CLASS } from "./skeleton-surface.js";
 const ROW_OPACITY = ["opacity-100", "opacity-60", "opacity-30"];
 const ROW_STAGGER_MS = 200;
+const ROW_DOT_CLASS = cn(DOT_SIZE.sm, "shrink-0 rounded-full bg-ods-flamingo-cyan", LIVE_PULSE_CLASS);
+const ROW_BAR_CLASS = cn("h-2.5 rounded-md bg-ods-border", LIVE_PULSE_CLASS);
 function AnalyzingState({ label, className }) {
   return /* @__PURE__ */ jsxs("div", { role: "status", className: cn("flex w-full max-w-sm flex-col items-center gap-4", className), children: [
     /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "grid w-full grid-cols-1 gap-2", children: ROW_OPACITY.map((opacity, row) => {
@@ -17,9 +20,9 @@ function AnalyzingState({ label, className }) {
             opacity
           ),
           children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", style: delay }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-2.5 min-w-0 flex-1", style: delay }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-2.5 w-12 shrink-0", style: delay })
+            /* @__PURE__ */ jsx("span", { className: ROW_DOT_CLASS, style: delay }),
+            /* @__PURE__ */ jsx("span", { className: cn(ROW_BAR_CLASS, "min-w-0 flex-1"), style: delay }),
+            /* @__PURE__ */ jsx("span", { className: cn(ROW_BAR_CLASS, "w-12 shrink-0"), style: delay })
           ]
         },
         opacity

package/dist/components/ui/announcement-bar-view.d.ts

@@ -1,4 +1,9 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
+/**
+ * The bar's height (the 44px one-line strip, see the design note on `AnnouncementBarView`): read by the bar and by
+ * every shape that stands for it (a preview's loading state).
+ */
+export declare const ANNOUNCEMENT_BAR_HEIGHT_CLASS = "min-h-11";
 export interface AnnouncementBarViewProps {
     /**
      * Leading slot — typically an icon, at content width before the title. Size

package/dist/components/ui/announcement-bar-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-bar-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/announcement-bar-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,uFAAuF;IACvF,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,KAAK,EACL,WAAW,EACX,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,+BAyD1B"}
+{"version":3,"file":"announcement-bar-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/announcement-bar-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE;;;GAGG;AACH,eAAO,MAAM,6BAA6B,aAAa,CAAC;AAExD,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,uFAAuF;IACvF,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,KAAK,EACL,WAAW,EACX,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,+BAyD1B"}

package/dist/components/ui/announcement-bar-view.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { breakpoints } from "../../hooks/ui/use-media-query.js";
 import { cn } from "../../utils/cn.js";
+const ANNOUNCEMENT_BAR_HEIGHT_CLASS = "min-h-11";
 function AnnouncementBarView({
   startAdornment,
   title,
@@ -15,7 +16,7 @@ function AnnouncementBarView({
   const handleContentClick = onContentClick ? () => {
     if (!window.matchMedia(breakpoints.md).matches) onContentClick();
   } : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-11 w-full max-w-full items-center", className), style, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex w-full max-w-full items-center", ANNOUNCEMENT_BAR_HEIGHT_CLASS, className), style, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -47,5 +48,6 @@ function AnnouncementBarView({
   ] });
 }
 export {
+  ANNOUNCEMENT_BAR_HEIGHT_CLASS,
   AnnouncementBarView
 };

package/dist/components/ui/autocomplete.d.ts

@@ -67,6 +67,11 @@ interface AutocompleteBaseProps<T = string> {
     loading?: boolean;
     /** Loading text */
     loadingText?: string;
+    /**
+     * The field itself is read and has not arrived (its value and its options): it draws its skeleton, as in a
+     * loading scope. DISTINCT from `loading`, a search in flight under a field that stays up.
+     */
+    fieldLoading?: boolean;
     /** When true, shows a clickable "+ Create" option when no results match the input */
     creatable?: boolean;
     /** Callback fired after a new option is created via creatable. Use it to persist the new option server-side, etc. */
@@ -114,6 +119,14 @@ export interface AutocompleteMultipleProps<T = string> extends AutocompleteBaseP
     wrapTags?: boolean;
 }
 export type AutocompleteProps<T = string> = AutocompleteSingleProps<T> | AutocompleteMultipleProps<T>;
+export interface AutocompleteSkeletonProps {
+    /** The field's label: the page's own words, drawn as they are. */
+    label?: string;
+    labelVariant?: 'default' | 'large';
+    className?: string;
+}
+/** A field while its options are read: its label for real, its control a box of the control's height. */
+export declare function AutocompleteSkeleton({ label, labelVariant, className }: AutocompleteSkeletonProps): import("react").JSX.Element;
 type AutocompleteComponent = {
     <T = string>(props: AutocompleteMultipleProps<T> & {
         ref?: ForwardedRef<HTMLDivElement>;

package/dist/components/ui/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/autocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/autocomplete.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,YAAY,EAGjB,KAAK,YAAY,EACjB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAgBf,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,MAAM,6BAA6B,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAExE,UAAU,qBAAqB,CAAC,CAAC,GAAG,MAAM;IACxC,uCAAuC;IACvC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClG,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IACjF,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wHAAwH;IACxH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC/E,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qHAAqH;IACrH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kHAAkH;IAClH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wGAAwG;IACxG,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0HAA0H;IAC1H,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACnF,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACrF,+BAA+B;IAC/B,QAAQ,EAAE,IAAI,CAAC;IACf,gCAAgC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACzD,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAoBtG,MAAM,WAAW,yBAAyB;IACxC,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BAMjG;AAoqBD,KAAK,qBAAqB,GAAG;IAC3B,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAE,GAAG,YAAY,CAAC;IACzG,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAE,GAAG,YAAY,CAAC;CACxG,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,qBAAqB,CAAC"}

package/dist/components/ui/autocomplete.js

@@ -18,8 +18,11 @@ import { Chevron02DownIcon } from "../icons-v2-generated/arrows/chevron-02-down-
 import { TrashIcon } from "../icons-v2-generated/interface/trash-icon.js";
 import { CheckIcon } from "../icons-v2-generated/signs-and-symbols/check-icon.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { FieldWrapper } from "./field-wrapper.js";
 import { HiddenTagsPopup } from "./hidden-tags-popup.js";
+import { useLoadingScope } from "./loading-scope.js";
 import { Tag } from "./tag.js";
 import { TruncateText } from "./truncate-text.js";
 const innerInputStyles = cn(
@@ -29,7 +32,15 @@ const innerInputStyles = cn(
   // Disabled - match Input exactly (value greys out, placeholder dims further)
   "disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border"
 );
+const AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS = "min-h-11 md:min-h-12";
+const AUTOCOMPLETE_OPTION_ROW_CLASS = "flex min-h-11 items-center border-b border-ods-border px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] last:border-b-0 md:min-h-12 text-h4";
+const AUTOCOMPLETE_OPTIONS_FOLD = 5;
+const AUTOCOMPLETE_ANCHOR_SHAPE_CLASS = "rounded-[6px]";
+function AutocompleteSkeleton({ label, labelVariant, className }) {
+  return /* @__PURE__ */ jsx(FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
+}
 function AutocompleteInner(props, ref) {
+  const inScope = useLoadingScope();
   const {
     options,
     disabled = false,
@@ -48,7 +59,8 @@ function AutocompleteInner(props, ref) {
     inputValue: inputValueProp,
     onInputChange,
     loading = false,
-    loadingText = "Loading...",
+    loadingText = "Loading options",
+    fieldLoading = false,
     creatable = false,
     onCreateOption,
     maxCreateLength,
@@ -260,7 +272,9 @@ function AutocompleteInner(props, ref) {
         "data-invalid": isInvalid || void 0,
         className: cn(
           // Layout — single line, no wrapping
-          "flex min-h-11 cursor-text items-center rounded-[6px] border md:min-h-12",
+          "flex cursor-text items-center border",
+          AUTOCOMPLETE_ANCHOR_SHAPE_CLASS,
+          AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS,
           "focus-within:outline-none",
           "transition-colors duration-200",
           "border-ods-border bg-ods-card",
@@ -419,7 +433,14 @@ function AutocompleteInner(props, ref) {
           }
         },
         children: /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { className: "flex min-h-0 flex-col overflow-hidden", children: [
-          /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] min-h-0 w-full [&>div]:!block", children: /* @__PURE__ */ jsx("div", { role: "listbox", children: loading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-ods-text-secondary text-h6", children: loadingText }) : filteredOptions.length === 0 ? showCreateOption ? isCreateTooLong ? /* @__PURE__ */ jsxs("div", { className: "flex h-11 min-w-0 items-center px-[var(--spacing-system-mf)] text-ods-error text-h5 md:h-12", children: [
+          /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] min-h-0 w-full [&>div]:!block", children: /* @__PURE__ */ jsx("div", { role: loading ? void 0 : "listbox", children: loading ? (
+            // The options while they are read: the list's own rows, a label bar each (`loadingText` is what a
+            // screen reader hears).
+            /* @__PURE__ */ jsx(LoadingRegion, { label: loadingText, children: Array.from({ length: AUTOCOMPLETE_OPTIONS_FOLD }, (_, i) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
+              /* @__PURE__ */ jsx("div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }, i)
+            )) })
+          ) : filteredOptions.length === 0 ? showCreateOption ? isCreateTooLong ? /* @__PURE__ */ jsxs("div", { className: "flex h-11 min-w-0 items-center px-[var(--spacing-system-mf)] text-ods-error text-h5 md:h-12", children: [
             "Maximum ",
             maxCreateLength,
             " characters"
@@ -451,8 +472,8 @@ function AutocompleteInner(props, ref) {
                 className: cn(
                   // `min-h` rather than a fixed height: an option may carry
                   // a second line, and a clipped one is worse than a taller row.
-                  "group/item flex min-h-11 cursor-pointer items-center border-b border-ods-border px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] transition-colors last:border-b-0 md:min-h-12",
-                  "text-h4",
+                  AUTOCOMPLETE_OPTION_ROW_CLASS,
+                  "group/item cursor-pointer transition-colors",
                   isHighlighted && "bg-ods-bg-surface",
                   isSelected ? "text-ods-accent" : "text-ods-text-primary",
                   !isHighlighted && "hover:bg-ods-bg-hover"
@@ -494,6 +515,8 @@ function AutocompleteInner(props, ref) {
       }
     )
   ] });
+  if (inScope || fieldLoading)
+    return /* @__PURE__ */ jsx(AutocompleteSkeleton, { label, labelVariant, className });
   return /* @__PURE__ */ jsx(
     FieldWrapper,
     {
@@ -554,5 +577,6 @@ function AutocompleteInner(props, ref) {
 }
 const Autocomplete = forwardRef(AutocompleteInner);
 export {
-  Autocomplete
+  Autocomplete,
+  AutocompleteSkeleton
 };

package/dist/components/ui/avatar-stack.d.ts

@@ -42,6 +42,13 @@ export interface AvatarStackProps {
     label?: string;
     className?: string;
 }
+/** A stack while its people are read: `count` overlapped circles of the faces' size. */
+export declare function AvatarStackSkeleton({ count, size, slots, className, }: {
+    count?: number;
+    size?: AvatarStackSize;
+    slots?: number;
+    className?: string;
+}): import("react").JSX.Element;
 export declare function AvatarStack({ people, max, slots, total, size, ringClassName, label, className, }: AvatarStackProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=avatar-stack.d.ts.map

package/dist/components/ui/avatar-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar-stack.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;8DAC0D;IAC1D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,yFAAyF;IACzF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;uEAEmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;oEACgE;IAChE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;yEAGqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;+BAC2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,GAAO,EACP,KAAK,EACL,KAAK,EACL,IAAW,EACX,aAA+B,EAC/B,KAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,sCAoDlB"}
+{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar-stack.tsx"],"names":[],"mappings":"AAOA;;;;;;GAMG;AAEH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;8DAC0D;IAC1D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,yFAAyF;IACzF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;uEAEmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;oEACgE;IAChE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;yEAGqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;+BAC2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wFAAwF;AACxF,wBAAgB,mBAAmB,CAAC,EAClC,KAAS,EACT,IAAW,EACX,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,GAAO,EACP,KAAK,EACL,KAAK,EACL,IAAW,EACX,aAA+B,EAC/B,KAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,sCAsDlB"}