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

package/dist/types/saved-views/use-persisted-saved-views.d.ts

@@ -0,0 +1,10 @@
+import type { PersistedSavedViews, UsePersistedSavedViewsOptions } from './saved-views.types';
+/**
+ * A reader's saved views, kept across visits: read once from the store with
+ * `parseSavedViews` — which is total, so a malformed entry is no views — and
+ * written with `serializeSavedViews` after every change. A store that holds
+ * no view in use and a default opens the visit on the default. The store is
+ * reached inside `try` both ways, as `usePersistedGridView` reaches it.
+ */
+export declare function usePersistedSavedViews({ key, storage, columns, }: UsePersistedSavedViewsOptions): PersistedSavedViews;
+//# sourceMappingURL=use-persisted-saved-views.d.ts.map

package/dist/types/saved-views/use-persisted-saved-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-persisted-saved-views.d.ts","sourceRoot":"","sources":["../../../src/saved-views/use-persisted-saved-views.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAU9F;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,OAAO,EACP,OAAO,GACR,EAAE,6BAA6B,GAAG,mBAAmB,CA2CrD"}

package/dist/types/scroll-area/index.d.ts

@@ -0,0 +1,4 @@
+export { ScrollArea } from './scroll-area';
+export { ScrollAreaDefaultsProvider, useScrollAreaDefaults } from './scroll-area-defaults';
+export type { LogicalEdge, ScrollAreaAxis, ScrollAreaContentProps, ScrollAreaDefaults, ScrollAreaDefaultsProviderProps, ScrollAreaFade, ScrollAreaGutter, ScrollAreaHandle, ScrollAreaOverscroll, ScrollAreaProps, ScrollAreaScrollbars, ScrollAreaViewportProps, ScrollEdgesState, ScrollPosition, } from './scroll-area.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scroll-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EACV,WAAW,EACX,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,+BAA+B,EAC/B,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,GACf,MAAM,qBAAqB,CAAC"}

package/dist/types/scroll-area/scroll-area-defaults.d.ts

@@ -0,0 +1,18 @@
+import type { ScrollAreaDefaults, ScrollAreaDefaultsProviderProps } from './scroll-area.types';
+/** What a scroll area is here, before it states anything of its own. */
+export declare function useScrollAreaDefaults(): ScrollAreaDefaults;
+/**
+ * An application decides once what its scroll areas look like — whether the
+ * bar waits for a hand, whether the veil dims both ends — rather than repeating
+ * it on fifty of them. A region's name comes from the language in force
+ * (`SlottedProvider`).
+ *
+ * None of the five surveyed implementations has an equivalent: each takes its
+ * policy per instance, and Mantine's `type` in particular is written on every
+ * call site of every product that uses it.
+ *
+ * An area that states any of them itself still wins, because an explicit
+ * consumer value always does.
+ */
+export declare function ScrollAreaDefaultsProvider({ children, ...defaults }: ScrollAreaDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=scroll-area-defaults.d.ts.map

package/dist/types/scroll-area/scroll-area-defaults.d.ts.map

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

package/dist/types/scroll-area/scroll-area-demo.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+/**
+ * The content a scroll area is demonstrated with: one product, the billing
+ * back office the other families already live in, so the page reads as one
+ * screen rather than as a bag of specimens. Every measure comes from a family
+ * or from the workbench, because a story may not paint inline.
+ */
+export interface Release {
+    readonly version: string;
+    readonly area: string;
+    readonly note: string;
+}
+export declare const RELEASES: readonly Release[];
+/** A line of its own: `Text` renders a `span`, and a column of spans is one paragraph. */
+export declare function Line({ children, id, tone, weight, wrap, }: {
+    children: ReactNode;
+    id?: string | undefined;
+    tone?: 'muted' | undefined;
+    weight?: 'semibold' | undefined;
+    wrap?: 'nowrap' | undefined;
+}): import("react").JSX.Element;
+/** The release notes, as the product's own changelog panel lists them. */
+export declare function Notes({ releases }: {
+    releases?: readonly Release[];
+}): import("react").JSX.Element;
+export declare const REGIONS: readonly ["sa-east-1", "eu-west-3", "eu-central-1", "ap-southeast-1", "us-east-2", "us-west-2", "ap-southeast-2", "ca-central-1", "ap-northeast-1"];
+/** The same regions down the page, for a column a third of the page wide. */
+export declare function RegionList(): import("react").JSX.Element;
+/** A row that runs past its box. */
+export declare function Regions(): import("react").JSX.Element;
+export declare const LOG: readonly ["2026-09-11 14:02 · sa-east-1 · https://billing.example.com/invoices/2026-09/consolidated-statement-sa-east-1.pdf", "2026-09-11 14:02 · eu-west-3 · https://billing.example.com/invoices/2026-09/consolidated-statement-eu-west-3.pdf", "2026-09-11 14:03 · ap-southeast-1 · https://billing.example.com/invoices/2026-09/consolidated-statement-ap-southeast-1.pdf", "2026-09-11 14:03 · us-east-2 · https://billing.example.com/invoices/2026-09/consolidated-statement-us-east-2.pdf", "2026-09-11 14:04 · ap-southeast-2 · https://billing.example.com/invoices/2026-09/consolidated-statement-ap-southeast-2.pdf", "2026-09-11 14:04 · ca-central-1 · https://billing.example.com/invoices/2026-09/consolidated-statement-ca-central-1.pdf", "2026-09-11 14:05 · ap-northeast-1 · https://billing.example.com/invoices/2026-09/consolidated-statement-ap-northeast-1.pdf", "2026-09-11 14:05 · us-west-2 · https://billing.example.com/invoices/2026-09/consolidated-statement-us-west-2.pdf", "2026-09-11 14:06 · eu-central-1 · https://billing.example.com/invoices/2026-09/consolidated-statement-eu-central-1.pdf", "2026-09-11 14:06 · sa-east-1 · https://billing.example.com/invoices/2026-08/consolidated-statement-sa-east-1.pdf"];
+/** An export log: lines wider than the box, and more of them than it holds. */
+export declare function Log(): import("react").JSX.Element;
+export declare const PATHS: readonly ["https://billing.example.com/invoices/2026-09/consolidated-statement-sa-east-1.pdf", "https://billing.example.com/invoices/2026-09/consolidated-statement-eu-west-3.pdf", "https://billing.example.com/invoices/2026-08/consolidated-statement-sa-east-1.pdf"];
+/** Three unbroken tokens. */
+export declare function Paths(): import("react").JSX.Element;
+export declare const TRANSLATED = "Die Abonnement\u00E4nderung innerhalb eines Abrechnungszeitraums wird tagesgenau und nicht mehr stundengenau anteilig berechnet. Sieben Kunden wurden zweimal f\u00FCr denselben Tag belastet und haben eine Erstattung erhalten. Die Sitzung der Einmalanmeldung l\u00E4uft zusammen mit der des Identit\u00E4tsanbieters ab und nicht mehr nach festen acht Stunden.";
+//# sourceMappingURL=scroll-area-demo.d.ts.map

package/dist/types/scroll-area/scroll-area-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-demo.d.ts","sourceRoot":"","sources":["../../../src/scroll-area/scroll-area-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;;;GAKG;AAEH,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,EAAE,SAAS,OAAO,EA+BtC,CAAC;AAEF,0FAA0F;AAC1F,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,MAAM,EACN,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B,+BAaA;AAED,0EAA0E;AAC1E,wBAAgB,KAAK,CAAC,EAAE,QAAmB,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;CAAE,+BAa/E;AAED,eAAO,MAAM,OAAO,qJAUV,CAAC;AAEX,6EAA6E;AAC7E,wBAAgB,UAAU,gCAQzB;AAED,oCAAoC;AACpC,wBAAgB,OAAO,gCAUtB;AAED,eAAO,MAAM,GAAG,6rCAWN,CAAC;AAEX,+EAA+E;AAC/E,wBAAgB,GAAG,gCAUlB;AAED,eAAO,MAAM,KAAK,0QAIR,CAAC;AAEX,6BAA6B;AAC7B,wBAAgB,KAAK,gCAUpB;AAED,eAAO,MAAM,UAAU,2WAC+T,CAAC"}

package/dist/types/scroll-area/scroll-area.d.ts

@@ -0,0 +1,35 @@
+
+import type { ScrollAreaContentProps, ScrollAreaProps } from './scroll-area.types';
+/**
+ * A scrollport, and the box that frames it.
+ *
+ * The scrollbar is the platform's, themed by the stylesheet through
+ * `scrollbar-color`; the keyboard is the platform's too. What this component
+ * adds is the measurement of whether the content overflows and which of its
+ * ends show, published on the frame for CSS and reported to the consumer, and
+ * the tab stop a scrolling region owes a keyboard together with the name that
+ * tab stop owes a screen reader — both written only while the content actually
+ * overflows, which is the pattern `prose` shipped first for one block inside a
+ * document.
+ *
+ * The scroll position is never held. The browser moves it on a wheel, a
+ * fling, a `Tab` into a child, an anchor navigation and a printed page, and a
+ * consumer holding the value would have to accept every one of those or fight
+ * the platform. It is reported, and the handle moves it.
+ */
+export declare function ScrollArea({ axis, children, className, fade, gutter, labelledBy, maxBlockSize, maxInlineSize, messages, onOverflowChange, onScrollChange, overscroll, ref, render, scrollbars, style, tabbable, viewportProps, ...rest }: ScrollAreaProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare namespace ScrollArea {
+    var Content: typeof ScrollAreaContent;
+}
+/**
+ * The inset that scrolls with the content.
+ *
+ * Padding on a scrollport is not applied at the end edge of its scrollable
+ * overflow in every engine, so an inset that has to survive a scroll to the
+ * end goes on an element inside it. The family states no inset of its own: the
+ * part exists to give the consumer's one a place to live, and an area whose
+ * content already carries its own inset renders no `Content` at all.
+ */
+declare function ScrollAreaContent({ render, ...rest }: ScrollAreaContentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/types/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAcrD,OAAO,KAAK,EACV,sBAAsB,EAEtB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAa7B;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,GAAG,EACH,MAAM,EACN,UAAU,EACV,KAAK,EACL,QAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,eAAe,+VAqJjB;yBAzKe,UAAU;;;AA2K1B;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,+VAIrE"}

package/dist/types/scroll-area/scroll-area.types.d.ts

@@ -0,0 +1,112 @@
+import type { PartialMessages, ScrollAreaMessages } from '@slotted/core/i18n';
+import type { LogicalEdge, ScrollEdgesState, ScrollPosition } from '@slotted/core/overflow';
+import type { ComponentPropsWithRef, ReactNode, RefObject, UIEvent } from 'react';
+/** Which axes scroll. Logical, so a vertical writing mode needs no second vocabulary. */
+export type ScrollAreaAxis = 'block' | 'inline' | 'both';
+/**
+ * What the scrollbar does. `auto` is `overflow: auto`; `always` is
+ * `overflow: scroll`; `hover` paints the bar transparent until a pointer or the
+ * keyboard is inside; `none` removes the bar and leaves the scrolling.
+ *
+ * `scroll` — visible only while scrolling, which Radix and Mantine both ship —
+ * is folded into `hover`, because it is what a platform overlay scrollbar
+ * already does on its own.
+ */
+export type ScrollAreaScrollbars = 'auto' | 'always' | 'hover' | 'none';
+/** `scrollbar-gutter`, and `stable` is the default because content that shifts is the defect. */
+export type ScrollAreaGutter = 'auto' | 'stable' | 'both-edges';
+/**
+ * Where the veil is drawn. `both` dims what the reader has passed as well as
+ * what is ahead; `end` only what is ahead; `none` leaves the scrollbar to say
+ * there is more.
+ */
+export type ScrollAreaFade = 'both' | 'end' | 'none';
+/** `overscroll-behavior`, and `contain` is the default. */
+export type ScrollAreaOverscroll = 'contain' | 'auto' | 'none';
+export type { LogicalEdge, ScrollEdgesState, ScrollPosition };
+/** The imperative actions a consumer cannot express declaratively. */
+export interface ScrollAreaHandle {
+    /** The frame, once it is in the document. */
+    readonly root: HTMLElement | null;
+    /** The scrollport, once it is in the document. It is the element that takes focus. */
+    readonly viewport: HTMLElement | null;
+    /** The last measurement: whether each axis overflows, and which of its ends show. */
+    state: () => ScrollEdgesState;
+    /** The distance from each logical start, read now. */
+    position: () => ScrollPosition;
+    /** Moves to a logical position. An axis left out is an axis left alone. */
+    scrollTo: (target: Partial<ScrollPosition>) => void;
+    /** Moves to one end of one axis. */
+    scrollToEdge: (edge: LogicalEdge) => void;
+    /** Brings one element into view by the shortest movement that does it, without moving anything else. */
+    reveal: (element: Element) => void;
+    /** Measures again, after content the observer could not see changed. */
+    refresh: () => void;
+    /** Moves focus to the scrollport. */
+    focus: () => void;
+}
+/** What a scroll area is here, before it states anything of its own. */
+export interface ScrollAreaDefaults {
+    readonly axis: ScrollAreaAxis;
+    readonly scrollbars: ScrollAreaScrollbars;
+    readonly gutter: ScrollAreaGutter;
+    readonly fade: ScrollAreaFade;
+    readonly overscroll: ScrollAreaOverscroll;
+}
+export interface ScrollAreaDefaultsProviderProps extends Partial<ScrollAreaDefaults> {
+    readonly children?: ReactNode;
+}
+/** The props the scrollport takes from the consumer, apart from the ones the family writes. */
+export type ScrollAreaViewportProps = Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'tabIndex' | 'aria-label' | 'aria-labelledby'>;
+export interface ScrollAreaProps extends Omit<ComponentPropsWithRef<'div'>, 'ref'> {
+    axis?: ScrollAreaAxis | undefined;
+    scrollbars?: ScrollAreaScrollbars | undefined;
+    gutter?: ScrollAreaGutter | undefined;
+    fade?: ScrollAreaFade | undefined;
+    overscroll?: ScrollAreaOverscroll | undefined;
+    /**
+     * Scroll only past this size, as any CSS length. It is Mantine's
+     * `ScrollArea.Autosize` as one declaration rather than a second component.
+     */
+    maxBlockSize?: string | undefined;
+    maxInlineSize?: string | undefined;
+    /**
+     * Whether the scrollport joins the tab sequence while it overflows.
+     *
+     * On by default, because content that scrolls has to be scrollable by
+     * keyboard and a scrollport with no tab stop is not — unless a child of it
+     * already takes focus. A consumer who knows the content is reachable another
+     * way turns it off and carries the reason.
+     */
+    tabbable?: boolean | undefined;
+    /**
+     * The name the region is announced by. Resolved in one order: `labelledBy`,
+     * then `messages.label`, then the catalog of the language in force.
+     */
+    labelledBy?: string | undefined;
+    /** Words laid over the catalog of the language in force: the region's name (`label`). */
+    messages?: PartialMessages<ScrollAreaMessages> | undefined;
+    /**
+     * Reports the position, as a distance from each logical start, on every
+     * scroll. It is a report and not a request: the browser moves the position
+     * on a wheel, a fling, a `Tab` into a child and a printed page, and a
+     * consumer holding it would have to accept every one of those.
+     */
+    onScrollChange?: ((position: ScrollPosition, event: UIEvent<HTMLDivElement>) => void) | undefined;
+    /** Reports the measurement, and only a new one: which axes overflow, and which ends show. */
+    onOverflowChange?: ((state: ScrollEdgesState) => void) | undefined;
+    /**
+     * Native props for the scrollport. The family writes its role, its tab stop
+     * and its name; everything else — a `className`, a `ref`, an `onScroll` —
+     * reaches the element that scrolls.
+     */
+    viewportProps?: ScrollAreaViewportProps | undefined;
+    /** Substitutes the element the frame renders as. */
+    render?: ((props: ComponentPropsWithRef<'div'>) => ReactNode) | undefined;
+    ref?: RefObject<ScrollAreaHandle | null> | ((handle: ScrollAreaHandle | null) => void) | undefined;
+}
+export interface ScrollAreaContentProps extends ComponentPropsWithRef<'div'> {
+    /** Substitutes the element the inset renders as. */
+    render?: ((props: ComponentPropsWithRef<'div'>) => ReactNode) | undefined;
+}
+//# sourceMappingURL=scroll-area.types.d.ts.map

package/dist/types/scroll-area/scroll-area.types.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export { HEADER_SIZE_PROPERTY, Section, useSection } from './section';
+export { SectionDefaultsProvider, useSectionDefaults } from './section-defaults';
+export { SectionActions, SectionBody, SectionDescription, SectionEyebrow, SectionHeader, SectionHeading, SectionTitle, } from './section-parts';
+export type { SectionContextValue, SectionDefaults, SectionDefaultsProviderProps, SectionDescriptionProps, SectionEyebrowProps, SectionGround, SectionHeadingProps, SectionHeadingRootProps, SectionLevel, SectionPartComponentProps, SectionPartProps, SectionProps, SectionRootProps, SectionSize, } from './section.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,yBAAyB,EACzB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { SectionDefaults, SectionDefaultsProviderProps } from './section.types';
+/** What a section renders as here, before it states anything of its own. */
+export declare function useSectionDefaults(): SectionDefaults;
+/**
+ * An application decides once how its sections separate — a rule, a surface,
+ * the step of their headings — rather than repeating the same props on every
+ * one. A section that states any of them itself still wins.
+ */
+export declare function SectionDefaultsProvider({ children, ...defaults }: SectionDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=section-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-defaults.d.ts","sourceRoot":"","sources":["../../../src/section/section-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAWrF,4EAA4E;AAC5E,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,4BAA4B,+BAe9F"}

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

@@ -0,0 +1,28 @@
+import type { SectionDescriptionProps, SectionEyebrowProps, SectionHeadingProps, SectionPartComponentProps } from './section.types';
+/**
+ * The row above the body: the title column and the actions. It hands the
+ * root its element, so a sticky header's height reaches the stylesheet.
+ */
+export declare function SectionHeader({ children, className, ref, render, style, ...nativeProps }: SectionPartComponentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** Eyebrow, heading, description, in that order. */
+export declare const SectionTitle: {
+    ({ children, className, ref, render, style, ...nativeProps }: SectionPartComponentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The end of the header row: a Button, a Toolbar, a Link. */
+export declare const SectionActions: {
+    ({ children, className, ref, render, style, ...nativeProps }: SectionPartComponentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** A short overline above the heading — a count, a category. Structural, not status. */
+export declare function SectionEyebrow({ children, className, ref, render, style, ...nativeProps }: SectionEyebrowProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The heading, at the rank the section resolved. Rendering it is what makes
+ * the section a region: the root names it through `aria-labelledby`.
+ */
+export declare function SectionHeading({ children, className, ref, render, style, ...nativeProps }: SectionHeadingProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** A paragraph under the heading, in the muted text, with a measure. */
+export declare function SectionDescription({ children, className, ref, render, style, ...nativeProps }: SectionDescriptionProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The content, one outline step deeper. */
+export declare function SectionBody({ children, className, ref, render, style, ...nativeProps }: SectionPartComponentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=section-parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-parts.d.ts","sourceRoot":"","sources":["../../../src/section/section-parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EAEnB,yBAAyB,EAE1B,MAAM,iBAAiB,CAAC;AAyBzB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,yBAAyB,+VAiB3B;AACD,oDAAoD;AACpD,eAAO,MAAM,YAAY;kEA7CpB,yBAAyB;;CA6C2B,CAAC;AAC1D,8DAA8D;AAC9D,eAAO,MAAM,cAAc;kEA/CtB,yBAAyB;;CA+CiC,CAAC;AAEhE,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,mBAAmB,+VAUrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,mBAAmB,+VAqBrB;AAED,wEAAwE;AACxE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,uBAAuB,+VAUzB;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,yBAAyB,+VAU3B"}

package/dist/types/section/section.d.ts

@@ -0,0 +1,29 @@
+
+import type { SectionContextValue, SectionProps } from './section.types';
+/**
+ * What the section around this part says. A part outside one has no rank to
+ * take, so this throws rather than rendering a heading at a guess.
+ */
+export declare function useSection(): SectionContextValue;
+/**
+ * One unit of content inside a page: a header — eyebrow, heading,
+ * description, actions — and a body one outline step deeper.
+ *
+ * **The rank is the outline's.** `typography` owns it: the heading takes the
+ * rank `HeadingLevel` gives, `h2` directly in a page and one deeper inside
+ * another section, unless `level` says otherwise. The body is wrapped one
+ * step deeper, so a nested section takes the next rank.
+ *
+ * **A region only when it has a name.** The root is `aria-labelledby` its
+ * heading once one is rendered, which makes the `section` a region landmark;
+ * without a heading it is a plain `section`, as the APG says of an unnamed
+ * one.
+ *
+ * **The hooks anchor navigation needs.** The root carries an `id`, from
+ * `useId` or the consumer's own, and a scroll margin the height of the page's
+ * fixed chrome, so a hash link lands under the header rather than behind it.
+ */
+/** The measured height of a sticky section's header, written on the root. */
+export declare const HEADER_SIZE_PROPERTY = "--slotted-section-header-size";
+export declare function Section({ children, className, divider, ground, id, level, ref, render, size, sticky, style, ...nativeProps }: SectionProps): import("react").JSX.Element;
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/section/section.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAO7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAI3F;;;GAGG;AACH,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,kCAAkC,CAAC;AAEpE,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,EAAE,EACF,KAAK,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,YAAY,+BAuEd"}

package/dist/types/section/section.types.d.ts

@@ -0,0 +1,83 @@
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { HeadingLevelValue } from '../typography';
+/** The type step the heading sits at, independent of its rank. */
+export type SectionSize = 'sm' | 'md' | 'lg';
+/**
+ * The rank of the heading. `auto` takes the one the outline gives — `h2`
+ * directly in a page, one deeper inside another section.
+ */
+export type SectionLevel = 'auto' | '1' | '2' | '3' | '4' | '5' | '6';
+/** The ground: nothing, or a surface with an edge and a radius and no shadow. */
+export type SectionGround = 'none' | 'surface';
+/** What an application sets once for every section under it. */
+export interface SectionDefaults {
+    divider: boolean;
+    ground: SectionGround;
+    size: SectionSize;
+    sticky: boolean;
+}
+export interface SectionDefaultsProviderProps extends Partial<SectionDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the family hands its own parts. */
+export interface SectionContextValue {
+    /** The rank the heading renders at. */
+    level: HeadingLevelValue;
+    /** The identifier the root names through `aria-labelledby` once a heading is rendered. */
+    headingId: string;
+    /** Tells the root a heading exists, so it becomes a region. */
+    registerHeading: (present: boolean) => void;
+    /** Hands the root the header element, so a sticky header's height can be measured. */
+    registerHeader: (element: HTMLElement | null) => void;
+}
+/** What `render` receives for the root. */
+export interface SectionRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-labelledby'?: string | undefined;
+    'data-divider'?: '' | undefined;
+    'data-ground': SectionGround;
+    'data-level': string;
+    'data-part': string;
+    'data-size': SectionSize;
+    'data-sticky'?: '' | undefined;
+    'data-ui': string;
+    id: string;
+}
+/** What `render` receives for a plain part. */
+export interface SectionPartProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    /** On the header: the callback the root measures a sticky header through. */
+    ref?: Ref<HTMLElement> | undefined;
+}
+/** What `render` receives for the heading. */
+export interface SectionHeadingRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    id: string;
+}
+export interface SectionProps extends ComponentPropsWithRef<'section'> {
+    /** Defaults to the provider, then `false`. A rule under the header. */
+    divider?: boolean | undefined;
+    /** Defaults to the provider, then `none`. */
+    ground?: SectionGround | undefined;
+    /** Defaults to `auto`: the rank the outline gives. */
+    level?: SectionLevel | undefined;
+    /** Renders the root into another element. */
+    render?: ((props: SectionRootProps) => ReactNode) | undefined;
+    /** Defaults to the provider, then `md`. */
+    size?: SectionSize | undefined;
+    /** Defaults to the provider, then `false`. The header stays under the page chrome. */
+    sticky?: boolean | undefined;
+}
+export interface SectionPartComponentProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: SectionPartProps) => ReactNode) | undefined;
+}
+export interface SectionEyebrowProps extends ComponentPropsWithRef<'span'> {
+    render?: ((props: SectionPartProps) => ReactNode) | undefined;
+}
+export interface SectionDescriptionProps extends ComponentPropsWithRef<'p'> {
+    render?: ((props: SectionPartProps) => ReactNode) | undefined;
+}
+export interface SectionHeadingProps extends ComponentPropsWithRef<'h2'> {
+    /** Renders the heading into another element; `aria-level` keeps the rank when it is not a heading element. */
+    render?: ((props: SectionHeadingRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=section.types.d.ts.map

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

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

package/dist/types/segmented-control/index.d.ts

@@ -0,0 +1,5 @@
+export { SegmentedControl, useSegmentedControl } from './segmented-control';
+export { SegmentedControlDefaultsProvider, useSegmentedControlDefaults, } from './segmented-control-defaults';
+export { Segment } from './segmented-control-parts';
+export type { SegmentProps, SegmentRootProps, SegmentedControlChangeRequest, SegmentedControlCondense, SegmentedControlContextValue, SegmentedControlDefaults, SegmentedControlDefaultsProviderProps, SegmentedControlOrientation, SegmentedControlProps, SegmentedControlRootProps, SegmentedControlSelectionReason, SegmentedControlSize, } from './segmented-control.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EACL,gCAAgC,EAChC,2BAA2B,GAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,4BAA4B,EAC5B,wBAAwB,EACxB,qCAAqC,EACrC,2BAA2B,EAC3B,qBAAqB,EACrB,yBAAyB,EACzB,+BAA+B,EAC/B,oBAAoB,GACrB,MAAM,2BAA2B,CAAC"}

package/dist/types/segmented-control/segmented-control-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { SegmentedControlDefaults, SegmentedControlDefaultsProviderProps } from './segmented-control.types';
+/** What a segmented control renders as here, before it states anything of its own. */
+export declare function useSegmentedControlDefaults(): SegmentedControlDefaults;
+/**
+ * An application decides once how its segmented controls are drawn, rather
+ * than repeating the same props on every one of them. A control that states
+ * any of them itself still wins, and a field around it outranks this provider
+ * for `size`.
+ */
+export declare function SegmentedControlDefaultsProvider({ children, ...defaults }: SegmentedControlDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=segmented-control-defaults.d.ts.map

package/dist/types/segmented-control/segmented-control-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-defaults.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EACxB,qCAAqC,EACtC,MAAM,2BAA2B,CAAC;AAWnC,sFAAsF;AACtF,wBAAgB,2BAA2B,IAAI,wBAAwB,CAEtE;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,qCAAqC,+BAevC"}

package/dist/types/segmented-control/segmented-control-parts.d.ts

@@ -0,0 +1,17 @@
+import type { SegmentProps } from './segmented-control.types';
+/**
+ * One segment of the track.
+ *
+ * It is a part of `segmented-control` and not a family: outside a control it
+ * has no exclusive set to belong to, and the platform's whole keyboard model is
+ * defined over the set.
+ *
+ * The radio is real, visually hidden and left where it is: it covers the
+ * segment and reaches the track's own edge, so the hit area is the control's
+ * height rather than the thumb's, and `Space`, a click and a tap are one event
+ * the family answers once. It is deliberately not substitutable — a segment
+ * that became a `button` or an `a` would lose the semantics this family exists
+ * to have, and a row that navigates is `tabs`.
+ */
+export declare function Segment({ 'aria-describedby': describedBy, children, className, disabled, icon, id, onChange, onClick, ref, render, style, value, ...nativeProps }: SegmentProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=segmented-control-parts.d.ts.map

package/dist/types/segmented-control/segmented-control-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-parts.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control-parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,YAAY,EAGb,MAAM,2BAA2B,CAAC;AAYnC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,kBAAkB,EAAE,WAAW,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,WAAW,EACf,EAAE,YAAY,+VA+Cd"}

package/dist/types/segmented-control/segmented-control.d.ts

@@ -0,0 +1,30 @@
+
+import type { ReactElement, ReactNode } from 'react';
+import type { SegmentedControlContextValue, SegmentedControlProps } from './segmented-control.types';
+/**
+ * What the control around this segment says. A `Segment` outside one has no
+ * exclusive set to belong to and no name to be grouped by, so this throws
+ * rather than rendering a control that looks right and behaves like nothing.
+ */
+export declare function useSegmentedControl(): SegmentedControlContextValue;
+/**
+ * One choice out of a few, applied at once, on a track.
+ *
+ * **The keyboard is the platform's, and that is why the segments share a
+ * `name`.** Native radios in one form owner with one name already implement
+ * the APG's Radio Group table: Tab lands on the checked segment or on the
+ * first, `Space` checks, both arrow axes move focus and the selection
+ * together, the set wraps, and disabled segments are skipped — in a
+ * right-to-left document too.
+ *
+ * **The role is conditional, and the condition is the field group.** A
+ * `field-group` is a `fieldset` with a `legend`, which is already a named
+ * group; a `radiogroup` inside it is the same set announced twice. A
+ * consumer's explicit `role` wins over both.
+ *
+ * **`readOnly` is enforced, because the platform has none.** A radio ignores
+ * `readonly`, so the control refuses the change on the segment's own `click` —
+ * the one event a pointer and `Space` share — and announces `aria-readonly`.
+ */
+export declare function SegmentedControl({ 'aria-describedby': describedBy, 'aria-invalid': ariaInvalid, 'aria-orientation': ariaOrientation, 'aria-readonly': ariaReadOnly, 'aria-required': ariaRequired, children, className, condense, defaultValue, disabled, fullWidth, invalid, name, onValueChange, orientation, readOnly, ref, render, required, role, size, style, value, ...nativeProps }: SegmentedControlProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/types/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AAYjE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,KAAK,EAEV,4BAA4B,EAC5B,qBAAqB,EAGtB,MAAM,2BAA2B,CAAC;AAInC;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,4BAA4B,CAMlE;AAgCD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAkB,EAAE,WAAW,EAC/B,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,GAAG,EACH,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,GAAG,WAAW,EACf,EAAE,qBAAqB,+SAsGvB"}