@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/types/badge/badge.types.d.ts

@@ -0,0 +1,120 @@
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+/** Which of the five semantic colours the badge speaks in. */
+export type BadgeTone = 'accent' | 'secondary' | 'success' | 'warning' | 'danger';
+/** How that colour is painted. `soft` is the tinted chip a badge usually is. */
+export type BadgeVariant = 'solid' | 'soft' | 'outline';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+/** `dot` is the same badge, tone and hidden text, drawn without a value. */
+export type BadgeShape = 'pill' | 'square' | 'dot';
+/** Whether a changing badge is announced, and how urgently. */
+export type BadgeLive = 'off' | 'polite' | 'assertive';
+export type BadgePlacement = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
+/** The shape of the host, which decides how far in from the corner to sit. */
+export type BadgeOverlap = 'rectangle' | 'circle';
+/**
+ * The page's own correction of the corner, in CSS pixels.
+ *
+ * `x` runs along the inline axis, from the leading edge towards the trailing
+ * one, so it mirrors with the document: a badge moved two pixels back along it
+ * keeps the same relation to its host in a right-to-left page. `y` runs down
+ * the block axis. Both default to nought.
+ */
+export interface BadgeOffset {
+    x?: number | undefined;
+    y?: number | undefined;
+}
+/** What an application sets once for every badge under it. */
+export interface BadgeDefaults {
+    /** BCP 47. Absent, the runtime's own default writes the digits. */
+    locale: string | undefined;
+    max: number | false;
+    shape: BadgeShape;
+    size: BadgeSize;
+    tone: BadgeTone;
+    variant: BadgeVariant;
+}
+export interface BadgeDefaultsProviderProps extends Partial<BadgeDefaults> {
+    children?: ReactNode | undefined;
+}
+/**
+ * What `render` receives. It names the family's own attributes over the native
+ * ones every element shares; `ref` is not named because the element the
+ * consumer renders decides its own type, and React passes it through the same
+ * spread either way.
+ */
+export interface BadgeRootProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode | undefined;
+    'data-part': string;
+    'data-shape': BadgeShape;
+    'data-size': BadgeSize;
+    'data-tone': BadgeTone;
+    'data-ui': string;
+    'data-variant': BadgeVariant;
+}
+export interface BadgeProps extends ComponentPropsWithRef<'span'> {
+    /**
+     * The number the badge shows, written before any children. A count of nought
+     * removes the badge entirely unless `showZero` says otherwise.
+     */
+    count?: number | undefined;
+    /**
+     * A glyph after the words. It is wrapped in the `end` part, which sizes and
+     * centres it; the artwork is the consumer's.
+     */
+    end?: ReactNode | undefined;
+    /**
+     * Whether a change to this badge is announced, and how urgently. `off` by
+     * default: a page of twenty badges that all announce is a page no screen
+     * reader user can read.
+     */
+    live?: BadgeLive | undefined;
+    /** BCP 47, for the digits of `count`. Defaults to the provider, then to the runtime. */
+    locale?: string | undefined;
+    /**
+     * The largest count written in full; above it the badge shows the ceiling and
+     * a `+`. `false` removes the ceiling. Defaults to the provider, then to `99`.
+     */
+    max?: number | false | undefined;
+    /**
+     * Renders the wiring into the element the page means — an `<a>` for a badge
+     * that navigates, a `<dd>` inside a description list.
+     */
+    render?: ((props: BadgeRootProps) => ReactNode) | undefined;
+    /** Whether a count of nought is a value worth showing or an absence worth hiding. */
+    showZero?: boolean | undefined;
+    /** `dot` draws no value; the words it cannot say are `VisuallyHidden` content. */
+    shape?: BadgeShape | undefined;
+    /** Defaults to the provider, then to `md`. */
+    size?: BadgeSize | undefined;
+    /**
+     * A glyph before the words. It is wrapped in the `start` part, which sizes
+     * and centres it; the artwork is the consumer's.
+     */
+    start?: ReactNode | undefined;
+    /** Defaults to the provider, then to `secondary`. */
+    tone?: BadgeTone | undefined;
+    /** Defaults to the provider, then to `soft`. */
+    variant?: BadgeVariant | undefined;
+}
+export interface BadgeAnchorRootProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode | undefined;
+    'data-overlap': BadgeOverlap;
+    'data-part': string;
+    'data-placement': BadgePlacement;
+    'data-ui': string;
+}
+export interface BadgeAnchorProps extends ComponentPropsWithRef<'span'> {
+    /**
+     * Moves the badge off the corner the frame computed, in pixels. `overlap` has
+     * two values and hosts have many: how far a badge sits into one depends on
+     * that host's own curve, shadow and optical weight.
+     */
+    offset?: BadgeOffset | undefined;
+    /** Which corner of the host the badge sits on. Mirrors in a right-to-left document. */
+    placement?: BadgePlacement | undefined;
+    /** `circle` moves the badge in from the corner far enough to meet the curve. */
+    overlap?: BadgeOverlap | undefined;
+    /** Renders the frame into another element — a `<div>`, a `<li>`. */
+    render?: ((props: BadgeAnchorRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/types/badge/badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,8DAA8D;AAC9D,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElF,gFAAgF;AAChF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,4EAA4E;AAC5E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEnD,+DAA+D;AAC/D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAErF,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB;AAED,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,OAAO,CAAC,aAAa,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;IACvB,WAAW,EAAE,SAAS,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,YAAY,CAAC;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC/D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC5D,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kFAAkF;IAClF,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,gDAAgD;IAChD,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,YAAY,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,cAAc,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IACrE;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,uFAAuF;IACvF,SAAS,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC,gFAAgF;IAChF,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACnE"}

package/dist/types/badge/index.d.ts

@@ -0,0 +1,5 @@
+export { Badge } from './badge';
+export { BadgeAnchor } from './badge-anchor';
+export { BadgeDefaultsProvider, useBadgeDefaults } from './badge-defaults';
+export type { BadgeAnchorProps, BadgeAnchorRootProps, BadgeDefaults, BadgeDefaultsProviderProps, BadgeLive, BadgeOverlap, BadgePlacement, BadgeProps, BadgeRootProps, BadgeShape, BadgeSize, BadgeTone, BadgeVariant, } from './badge.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,0BAA0B,EAC1B,SAAS,EACT,YAAY,EACZ,cAAc,EACd,UAAU,EACV,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC"}

package/dist/types/breadcrumb/breadcrumb-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { BreadcrumbDefaults, BreadcrumbDefaultsProviderProps } from './breadcrumb.types';
+export declare function useBreadcrumbDefaults(): BreadcrumbDefaults;
+/**
+ * An application decides once how deep its trails may get before they fold,
+ * whether they fold for want of width, and what is drawn between two crumbs. A
+ * trail that states any of those itself still wins: an explicit prop is never
+ * overridden by context. Its words come from the language in force
+ * (`SlottedProvider`).
+ */
+export declare function BreadcrumbDefaultsProvider({ children, ...defaults }: BreadcrumbDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=breadcrumb-defaults.d.ts.map

package/dist/types/breadcrumb/breadcrumb-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-defaults.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAI9F,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,+BAA+B,+BAgBjC"}

package/dist/types/breadcrumb/breadcrumb-parts.d.ts

@@ -0,0 +1,65 @@
+import { type ReactNode } from 'react';
+import type { BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbTriggerProps } from './breadcrumb.types';
+/**
+ * Which crumbs survive a collapse, as indices into the trail.
+ *
+ * A collapsed trail is always the same shape — so many at the start, the
+ * ellipsis, so many at the end — whatever it is folding, which is what makes
+ * `maxItems` a number a consumer can predict from. It refuses only when there
+ * is nothing left in the middle to hide.
+ *
+ * It once refused to hide a single crumb as well, on the reasoning that
+ * replacing one crumb with one button saves nothing. That reasoning is wrong
+ * twice: the crumb may be a forty-character compound and the button is one
+ * target wide, and it made `maxItems` mean different things at different
+ * depths.
+ */
+export declare function collapsedRange(count: number, before: number, after: number): {
+    start: number;
+    end: number;
+} | undefined;
+/**
+ * The ordered list, and the one part that knows how many crumbs there are.
+ *
+ * It maps its children rather than rendering them straight through, because
+ * three facts about a crumb can only be known from the outside: whether it is
+ * the last one — the last draws no separator — whether the collapse is hiding
+ * it, and whether it is the first one an expansion reveals, which is where
+ * focus goes when the ellipsis stops existing.
+ */
+export declare function BreadcrumbList({ children, ref, render, ...nativeProps }: BreadcrumbListProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * One ancestor, or the current page. It carries the separator after it, so a
+ * consumer never writes one and never leaves a trailing one behind.
+ */
+export declare function BreadcrumbItem({ children, ref, render, ...nativeProps }: BreadcrumbItemProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * An ancestor that can be reached. It is a plain anchor, so the role, `Enter`,
+ * the context menu and every modified click come from the platform; `render`
+ * substitutes it for a router's own link and hands over the destination.
+ */
+export declare function BreadcrumbLink({ children, ref, render, ...nativeProps }: BreadcrumbLinkProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * A crumb that opens a menu of its siblings — the organisation, the project,
+ * the environment. It is a `button`, because an `a` without `href` takes no
+ * focus, dressed as the crumb it stands for, with a chevron after the label.
+ * The menu is composed around it:
+ *
+ * ```tsx
+ * <Menu>
+ *   <MenuTrigger render={(props) => <BreadcrumbTrigger {...props}>web-app</BreadcrumbTrigger>} />
+ *   <MenuContent>…</MenuContent>
+ * </Menu>
+ * ```
+ *
+ * `current` keeps `aria-current="page"` on the switcher of the page the reader
+ * is on, which a switcher does not stop being.
+ */
+export declare function BreadcrumbTrigger({ children, current, ref, render, ...nativeProps }: BreadcrumbTriggerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The page the reader is on. It is text rather than a link, because a link to
+ * the page you are already on goes nowhere, and it carries `aria-current="page"`
+ * — the value the ARIA specification names for a link within a set of pages.
+ */
+export declare function BreadcrumbPage({ children, ref, render, ...nativeProps }: BreadcrumbPageProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=breadcrumb-parts.d.ts.map

package/dist/types/breadcrumb/breadcrumb-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-parts.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb-parts.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,mBAAmB,EAEnB,mBAAmB,EAEnB,mBAAmB,EAEnB,mBAAmB,EAEnB,sBAAsB,EAEvB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;;;cAI1E;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+TAmH5F;AAyDD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+TAiB5F;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+TAY5F;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,GAAG,EACH,MAAM,EACN,GAAG,WAAW,EACf,EAAE,sBAAsB,+TAoBxB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+TAS5F"}

package/dist/types/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,35 @@
+
+import type { BreadcrumbContextValue, BreadcrumbItemContextValue, BreadcrumbProps } from './breadcrumb.types';
+/**
+ * What the trail around this part says. A part outside a trail has no landmark
+ * to belong to and no collapse to answer, so this throws rather than rendering
+ * markup that looks right and behaves like nothing.
+ */
+export declare function useBreadcrumb(): BreadcrumbContextValue;
+export declare function useBreadcrumbItem(): BreadcrumbItemContextValue | undefined;
+export declare const BreadcrumbItemProvider: import("react").Provider<BreadcrumbItemContextValue | undefined>;
+/**
+ * The trail of ancestors above the current page.
+ *
+ * **The landmark and the list are the platform's.** `nav` makes the trail
+ * findable and `ol` carries the hierarchy and the set size, which is the whole
+ * of the APG's Breadcrumb pattern: it lists no keyboard interaction and two
+ * attributes, and both are written here rather than reimplemented.
+ *
+ * **The collapse expands in place.** shadcn and MUI both put the hidden crumbs
+ * behind an overlay; an overlay needs a layer, a positioner and a dismissal
+ * policy, and this needs none of them. The hidden crumbs carry `hidden`, so
+ * they leave the accessibility tree with the page — and the button that hides
+ * them names the count, which is what a reader hears in place of them.
+ *
+ * **A trail that does not fit folds.** With `overflow="collapse"` the list
+ * measures itself and folds the middle crumbs that its width cannot hold into
+ * the same ellipsis, nearest the root first; what folded is read from the
+ * layout and reported in `data-collapsed`, not owned by anyone.
+ *
+ * **It is not a back button.** The trail is where the page sits in the
+ * hierarchy, not where the reader came from, and section 7 of the feature guide
+ * says so.
+ */
+export declare function Breadcrumb({ children, defaultExpanded, expanded, itemsAfterCollapse, itemsBeforeCollapse, maxItems, messages, onExpandedChange, overflow, render, separator, ...nativeProps }: BreadcrumbProps): import("react").JSX.Element;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/types/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AAQnD,OAAO,KAAK,EACV,sBAAsB,EAEtB,0BAA0B,EAC1B,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAK5B;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD;AAED,wBAAgB,iBAAiB,IAAI,0BAA0B,GAAG,SAAS,CAE1E;AAED,eAAO,MAAM,sBAAsB,kEAAiC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,WAAW,EACf,EAAE,eAAe,+BA+DjB"}

package/dist/types/breadcrumb/breadcrumb.types.d.ts

@@ -0,0 +1,122 @@
+import type { BreadcrumbMessages, FamilyTranslator, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/**
+ * What a trail does with crumbs its width cannot hold. `collapse` folds the
+ * middle ones into the ellipsis; `wrap` lets the row break onto a second line
+ * and only the count collapses.
+ */
+export type BreadcrumbOverflow = 'collapse' | 'wrap';
+/** Why the trail expanded. Only two things can ask: a press and a key. */
+export type BreadcrumbExpandReason = 'pointer' | 'keyboard';
+export type BreadcrumbChangeRequest = ChangeRequest<boolean>;
+/**
+ * What every trail on the page does before it states anything of its own. The
+ * three collapse numbers are here because how deep a trail may get before it
+ * folds is a decision about the application rather than about one page.
+ */
+export interface BreadcrumbDefaults {
+    itemsAfterCollapse?: number | undefined;
+    itemsBeforeCollapse?: number | undefined;
+    maxItems?: number | undefined;
+    overflow?: BreadcrumbOverflow | undefined;
+    /** The mark drawn between two crumbs. Absent, the stylesheet draws its own. */
+    separator?: ReactNode | undefined;
+}
+export interface BreadcrumbDefaultsProviderProps extends BreadcrumbDefaults {
+    children?: ReactNode;
+}
+export interface BreadcrumbRootProps extends ComponentPropsWithRef<'nav'> {
+    /** How many crumbs are folded into the ellipsis, count and width together. */
+    'data-collapsed': string | undefined;
+    'data-expanded': '' | undefined;
+    'data-part': string;
+    'data-ui': string;
+}
+export interface BreadcrumbListProps extends ComponentPropsWithRef<'ol'> {
+    render?: ((props: BreadcrumbListRootProps) => ReactNode) | undefined;
+}
+export interface BreadcrumbListRootProps extends ComponentPropsWithRef<'ol'> {
+    'data-part': string;
+}
+export interface BreadcrumbItemRootProps extends ComponentPropsWithRef<'li'> {
+    'data-part': string;
+}
+export interface BreadcrumbItemProps extends ComponentPropsWithRef<'li'> {
+    render?: ((props: BreadcrumbItemRootProps) => ReactNode) | undefined;
+}
+export interface BreadcrumbLinkRootProps extends ComponentPropsWithRef<'a'> {
+    'data-part': string;
+}
+export interface BreadcrumbLinkProps extends ComponentPropsWithRef<'a'> {
+    /** Substitutes the anchor — a router's own link, typically. */
+    render?: ((props: BreadcrumbLinkRootProps) => ReactNode) | undefined;
+}
+export interface BreadcrumbTriggerRootProps extends ComponentPropsWithRef<'button'> {
+    'data-part': string;
+}
+export interface BreadcrumbTriggerProps extends ComponentPropsWithRef<'button'> {
+    /**
+     * The page the reader is on. The switcher still says so, with
+     * `aria-current="page"`, and takes the page's weight.
+     */
+    current?: boolean | undefined;
+    /** Substitutes the button — a `MenuTrigger`'s own, typically. */
+    render?: ((props: BreadcrumbTriggerRootProps) => ReactNode) | undefined;
+}
+export interface BreadcrumbPageRootProps extends ComponentPropsWithRef<'span'> {
+    'aria-current': 'page';
+    'data-part': string;
+}
+export interface BreadcrumbPageProps extends ComponentPropsWithRef<'span'> {
+    render?: ((props: BreadcrumbPageRootProps) => ReactNode) | undefined;
+}
+export interface BreadcrumbProps extends ComponentPropsWithRef<'nav'> {
+    /** The value an uncontrolled trail starts from, read once. */
+    defaultExpanded?: boolean | undefined;
+    /** Present means controlled, for the life of the component. */
+    expanded?: boolean | undefined;
+    /** How many crumbs survive at the end of a collapsed trail. */
+    itemsAfterCollapse?: number | undefined;
+    /** How many survive at its start. */
+    itemsBeforeCollapse?: number | undefined;
+    /** The count above which the trail collapses. `0` never collapses. */
+    maxItems?: number | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * landmark's name (`label`) and the ellipsis. A native `aria-label` still wins.
+     */
+    messages?: PartialMessages<BreadcrumbMessages> | undefined;
+    /** Called before the trail expands, with the request that carries the reason. */
+    onExpandedChange?: ((expanded: boolean, request: BreadcrumbChangeRequest) => void) | undefined;
+    /** What the trail does with crumbs its width cannot hold. `collapse` by default. */
+    overflow?: BreadcrumbOverflow | undefined;
+    render?: ((props: BreadcrumbRootProps) => ReactNode) | undefined;
+    /** The mark between two crumbs. Absent, the stylesheet draws a rotated rule. */
+    separator?: ReactNode | undefined;
+}
+/** What the trail tells the parts inside it. */
+export interface BreadcrumbContextValue {
+    expand: (reason: BreadcrumbExpandReason, source?: unknown) => void;
+    expanded: boolean;
+    /** The id of the item focus moves to once the ellipsis stops existing. */
+    firstRevealedId: string;
+    itemsAfterCollapse: number;
+    itemsBeforeCollapse: number;
+    maxItems: number;
+    overflow: BreadcrumbOverflow;
+    separator: ReactNode;
+    /** The list reports how many crumbs it folded, so the root can say so. */
+    setCollapsed: (count: number) => void;
+    /** The family's words in the language in force, with this trail's `messages` laid over them. */
+    t: FamilyTranslator<BreadcrumbMessages>;
+}
+/** What one crumb is told by the list that laid it out. */
+export interface BreadcrumbItemContextValue {
+    hidden: boolean;
+    /** The last item draws no separator, because there is nothing after it. */
+    last: boolean;
+    /** Set on the first crumb the ellipsis reveals, so focus can reach it. */
+    revealedId: string | undefined;
+}
+//# sourceMappingURL=breadcrumb.types.d.ts.map

package/dist/types/breadcrumb/breadcrumb.types.d.ts.map

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

package/dist/types/breadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+export { Breadcrumb, useBreadcrumb } from './breadcrumb';
+export { BreadcrumbDefaultsProvider, useBreadcrumbDefaults } from './breadcrumb-defaults';
+export { BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbTrigger, collapsedRange, } from './breadcrumb-parts';
+export type { BreadcrumbChangeRequest, BreadcrumbContextValue, BreadcrumbDefaults, BreadcrumbDefaultsProviderProps, BreadcrumbExpandReason, BreadcrumbItemProps, BreadcrumbItemRootProps, BreadcrumbLinkProps, BreadcrumbLinkRootProps, BreadcrumbListProps, BreadcrumbListRootProps, BreadcrumbOverflow, BreadcrumbPageProps, BreadcrumbPageRootProps, BreadcrumbProps, BreadcrumbRootProps, BreadcrumbTriggerProps, BreadcrumbTriggerRootProps, } from './breadcrumb.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,+BAA+B,EAC/B,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC"}

package/dist/types/button/button-content.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+interface ButtonContentProps {
+    children: ReactNode;
+    end?: ReactNode;
+    /** Drawn while the control is waiting, if the wait has lasted long enough to show. */
+    indicator?: ReactNode;
+    start?: ReactNode;
+}
+/**
+ * The label always renders, even when it is the only child: it is the part a
+ * consumer styles and the element the accessible name is computed from, and a
+ * part that appears only sometimes is a part nobody can rely on.
+ *
+ * `start` and `end` are omitted entirely when absent rather than rendered
+ * empty, because an empty icon box still takes its own width and the gap
+ * beside it.
+ *
+ * The indicator takes the first visual slot the control has, and the glyph
+ * that lives there steps aside for the length of the wait: the box is already
+ * the size of the ring, so nothing moves, and the label stays readable. The
+ * glyph stays in the DOM under the ring rather than being swapped out, which
+ * is the one shape both bindings can render identically — Angular projects the
+ * consumer's own element into that slot and cannot take it back out.
+ *
+ * A control with no visual slot has nowhere to put the ring but over its own
+ * label, so the ring is rendered beside the label and the stylesheet fades
+ * everything that is not the ring.
+ */
+export declare function ButtonContent({ children, end, indicator, start }: ButtonContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=button-content.d.ts.map

package/dist/types/button/button-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-content.d.ts","sourceRoot":"","sources":["../../../src/button/button-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAuBpF"}

package/dist/types/button/button-defaults.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonDefaults, ButtonDefaultsProviderProps } from './button.types';
+/**
+ * What a button paints itself as here, before it states anything of its own.
+ *
+ * Every axis is optional, and that is the difference from a family with one
+ * member. The four members disagree about their own defaults on purpose — a
+ * primary action is accent and solid, an icon button is neutral and ghost — so
+ * a provider that filled every axis would flatten them into one appearance the
+ * moment an application set a single value.
+ */
+export declare function useButtonDefaults(): ButtonDefaults;
+/**
+ * An application decides once how its actions are painted and how large they
+ * are, rather than repeating three props on every button. A button that states
+ * an axis itself still wins: an explicit value is never overridden by context.
+ */
+export declare function ButtonDefaultsProvider({ children, ...defaults }: ButtonDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=button-defaults.d.ts.map

package/dist/types/button/button-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-defaults.d.ts","sourceRoot":"","sources":["../../../src/button/button-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAIlF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,2BAA2B,+BAc5F"}

package/dist/types/button/button-indicator.d.ts

@@ -0,0 +1,21 @@
+
+/**
+ * The ring, and the only thing that announces the wait. It carries the
+ * `spinner` identifier: the ring itself is drawn by that shared sheet, once,
+ * for every family that waits, and this family only names it and places it.
+ *
+ * `role="progressbar"` with a name rather than `aria-busy` on the control:
+ * `aria-busy` is not reliably announced on a button, and React Aria's pending
+ * button and Primer's loading button both put a named progress element in the
+ * accessibility tree instead. With the label kept at `opacity: 0` rather than
+ * removed, the two names combine — "Save changes, Loading" — so the person
+ * hears which action they are waiting for.
+ *
+ * It carries no value: the family knows that work is happening and never how
+ * much of it is done. A progress bar with no `aria-valuenow` is indeterminate,
+ * which is exactly the claim being made.
+ */
+export declare function ButtonIndicator({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=button-indicator.d.ts.map

package/dist/types/button/button-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-indicator.d.ts","sourceRoot":"","sources":["../../../src/button/button-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAE3D"}

package/dist/types/button/button-link.d.ts

@@ -0,0 +1,16 @@
+import type { ButtonLinkProps } from './button.types';
+/**
+ * Navigation wearing the action surface. It is the button surface applied to
+ * an anchor, never a button emulating a link: the element is an `a`, the
+ * activation is the platform's, and Space does not activate it because Space
+ * does not activate a link.
+ *
+ * A disabled ButtonLink renders no `href` at all. An anchor that keeps its
+ * destination and only blocks `click` still navigates on a middle click and on
+ * a modified click; taking the destination away is what actually disables it.
+ * It stays in the tab sequence with `role="link"` and `aria-disabled`, because
+ * a control a keyboard user cannot reach is one they cannot discover is
+ * unavailable.
+ */
+export declare function ButtonLink({ children, disabled, end, fullWidth, href, onAuxClick, onAuxClickCapture, onClick, onClickCapture, onKeyDown, onKeyDownCapture, render, size, start, tone, variant, ...anchorProps }: ButtonLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=button-link.d.ts.map

package/dist/types/button/button-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.d.ts","sourceRoot":"","sources":["../../../src/button/button-link.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,gBAAgB,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAgB,EAChB,GAAG,EACH,SAAiB,EACjB,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,WAAW,EACf,EAAE,eAAe,+BAgDjB"}

package/dist/types/button/button-root.d.ts

@@ -0,0 +1,104 @@
+
+import type { ChangeReason } from '@slotted/core/state';
+import type { MouseEvent, SyntheticEvent } from 'react';
+import type { ButtonAppearanceProps, ButtonDisabledProps, ButtonLoadingProps, ButtonPressedProps, ButtonShape, ButtonSize, ButtonTone, ButtonVariant } from './button.types';
+interface RootDataOptions {
+    disabled?: boolean;
+    fullWidth?: boolean;
+    loading?: boolean;
+    pressed?: boolean | undefined;
+    shape?: ButtonShape;
+    size: ButtonSize;
+    tone: ButtonTone;
+    variant: ButtonVariant;
+}
+/**
+ * The public identity of every member: one family identifier, one root part,
+ * and the axes and states a consumer may select on. Class names and the shape
+ * of the tree below this element are not contract.
+ */
+export declare function rootData(options: RootDataOptions): {
+    readonly 'data-ui': "button";
+    readonly 'data-part': "root";
+    readonly 'data-tone': "accent" | "secondary" | "success" | "warning" | "danger";
+    readonly 'data-variant': "solid" | "outline" | "ghost";
+    readonly 'data-size': "sm" | "md" | "lg";
+    readonly 'data-shape': "circle" | "square" | undefined;
+    readonly 'data-full-width': "" | undefined;
+    readonly 'data-disabled': "" | undefined;
+    readonly 'data-loading': "" | undefined;
+    readonly 'data-pressed': "" | undefined;
+};
+/**
+ * An explicit value wins over the provider, and the provider over the member's
+ * own default. The three are read in that order rather than merged, so an
+ * application that sets only `size` leaves each member the tone and the paint
+ * it was designed with.
+ */
+export declare function useAppearance<Defaults extends {
+    tone: ButtonTone;
+    variant: ButtonVariant;
+    size: ButtonSize;
+}>(props: ButtonAppearanceProps, fallback: Defaults): {
+    tone: "accent" | "secondary" | "success" | "warning" | "danger";
+    variant: "solid" | "outline" | "ghost";
+    size: "sm" | "md" | "lg";
+};
+export declare function blockActivation(event: SyntheticEvent): void;
+/**
+ * Being unavailable and being unreachable are two decisions the platform only
+ * offers together. `disabled` takes the control out of the tab sequence, which
+ * takes its tooltip and its explanation with it; `aria-disabled` announces the
+ * same thing and leaves it reachable, at the price of a refusal the family has
+ * to enforce itself.
+ *
+ * A waiting control is always the second kind. React Aria's pending button and
+ * Primer's loading button agree: focus must survive an action the person just
+ * started, or the keyboard lands somewhere else mid-task.
+ */
+export declare function inertness({ disabled, focusableWhenDisabled, loading, }: ButtonDisabledProps & {
+    loading?: boolean;
+}): {
+    /** Refuse the activation: both states do, and the capture phase is where. */
+    refuses: boolean;
+    nativelyDisabled: boolean;
+    ariaDisabled: true | undefined;
+};
+/**
+ * A native button fires the same `click` for a pointer, for Space and for
+ * Enter, which is exactly why the family uses one — and why the reason a
+ * toggle moved has to be recovered from the event. A click synthesised by the
+ * keyboard reports no detail; a real one reports the click count.
+ */
+export declare function activationReason(event: MouseEvent): ChangeReason;
+/**
+ * Whether the ring is drawn yet. The wait itself starts at once — the
+ * activation is refused from the first millisecond — but a spinner shown for
+ * ninety of them is a flash rather than a status, so the picture can lag the
+ * state by as long as the consumer says.
+ *
+ * The first render answers without a timer, so the server and the client agree
+ * on what they drew.
+ */
+export declare function useLoadingIndicator({ loading, loadingDelay }: ButtonLoadingProps): boolean;
+/**
+ * The controlled and uncontrolled pair, decided once by whether `pressed` was
+ * passed. `@slotted/core/state` owns that decision so the two bindings cannot
+ * disagree about who holds the value; the controllable is rebuilt each render
+ * over React's own state rather than kept as a mutable object across renders.
+ */
+export declare function usePressed({ defaultPressed, onPressedChange, pressed, }: ButtonPressedProps): {
+    pressed: boolean;
+    requestToggle(event: MouseEvent): void;
+};
+/**
+ * Whether the consumer opted into the toggle capability at all. Passing either
+ * half of the state model is the opt-in, and a handler alone is not: an icon
+ * button that announced `aria-pressed` without a value would be announcing a
+ * state it does not have, and Angular cannot see whether an output was
+ * subscribed, so a rule that counted the handler could not hold in both
+ * bindings.
+ */
+export declare function holdsPressedState({ defaultPressed, pressed }: ButtonPressedProps): boolean;
+export {};
+//# sourceMappingURL=button-root.d.ts.map

package/dist/types/button/button-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../src/button/button-root.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EACV,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,UAAU,EACV,aAAa,EACd,MAAM,gBAAgB,CAAC;AAExB,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,eAAe;;;;;;;;;;;EAahD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,SAAS;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,EAC/E,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ;;;;EAQjD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,QAIpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAgB,EAChB,qBAA6B,EAC7B,OAAe,GAChB,EAAE,mBAAmB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;IAE1C,6EAA6E;;;;EAKhF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAEhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAe,EAAE,YAAgB,EAAE,EAAE,kBAAkB,WAa5F;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAsB,EACtB,eAAe,EACf,OAAO,GACR,EAAE,kBAAkB;;yBAUI,UAAU;EAKlC;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,kBAAkB,WAEhF"}