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

package/dist/types/tooltip/tooltip.types.d.ts

@@ -0,0 +1,260 @@
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+/**
+ * How the hint is painted. `inverse` is a surface opposite to the page, which
+ * separates itself in every scheme without an edge; `surface` is the raised
+ * panel with a hairline, for a page that is already dark or a hint of two
+ * lines that should read as a small panel.
+ */
+export type TooltipVariant = 'inverse' | 'surface';
+/** The type step the hint is set at. Both move with density. */
+export type TooltipSize = 'sm' | 'md';
+/**
+ * What the tooltip is to its trigger. `description` writes `aria-describedby`,
+ * which is right for a labelled control with an extra sentence about it;
+ * `label` writes `aria-labelledby` instead, which is the icon-only button whose
+ * only words are the tooltip's — described by it and named by nothing, that
+ * button is announced as "button".
+ *
+ * `none` writes neither and hides the content from the reader. It is the hint
+ * that repeats words the trigger already carries — the full name of a column
+ * whose header is clipped — where a reference would have the reader hear the
+ * same words twice.
+ */
+export type TooltipDescribes = 'description' | 'label' | 'none';
+/**
+ * What opens it. `hover` also opens on keyboard focus, and instantly, because a
+ * delay a reader cannot shorten by moving faster is a delay for nothing.
+ * `manual` binds neither and leaves the family entirely to `open`.
+ */
+export type TooltipOpenOn = 'hover' | 'focus' | 'manual';
+/**
+ * The edge of the anchor the layer prefers. `inline-start` and `inline-end`
+ * resolve against the layer's own writing direction at every measurement.
+ */
+export type TooltipSide = 'top' | 'bottom' | 'inline-start' | 'inline-end' | 'left' | 'right';
+/** Where the layer sits along the side it took. */
+export type TooltipAlign = 'start' | 'center' | 'end';
+/**
+ * When the layer exists. `active` builds it on opening and drops it after the
+ * exit, `lazy` builds it on the first open and keeps it, `eager` builds it up
+ * front. `describes="label"` forces `eager`: an accessible name has to exist
+ * before it is read.
+ */
+export type TooltipMount = 'active' | 'lazy' | 'eager';
+/** `fixed` for a layer inside `overflow: hidden`, `absolute` for one inside a transform. */
+export type TooltipStrategy = 'absolute' | 'fixed';
+/** Why the hint opened or closed. */
+export type TooltipOpenReason = Extract<ChangeRequest<boolean>['reason'], 'pointer' | 'keyboard' | 'escape' | 'blur' | 'programmatic'>;
+/** The request the family emits before the layer moves. */
+export type TooltipChangeRequest = ChangeRequest<boolean>;
+/**
+ * The ref a `render` prop is handed.
+ *
+ * A callback rather than `Ref<HTMLElement>`, and the difference is what a
+ * consumer feels: a callback taking `HTMLElement | null` is assignable to
+ * `Ref<HTMLButtonElement>` — parameters are contravariant — while a
+ * `RefObject<HTMLElement>` is not, so every `render` that returned a Button
+ * would have had to cast. The family only ever calls it.
+ */
+export type PartRef = (node: HTMLElement | null) => void;
+/** What an application sets once for every tooltip under it. */
+export interface TooltipDefaults {
+    align: TooltipAlign;
+    alignOffset: number;
+    arrow: boolean;
+    arrowPadding: number;
+    closeDelay: number;
+    closeOnPress: boolean;
+    collisionPadding: number;
+    describes: TooltipDescribes;
+    flip: boolean;
+    /**
+     * After one tooltip closes, the next opens with no delay inside this window,
+     * so reading a row of icon buttons pays the warmup once. It is held by the
+     * provider rather than by a tooltip, because a value held per tooltip could
+     * not say what "the next one" means.
+     */
+    groupDelay: number;
+    hideWhenDetached: boolean;
+    hoverable: boolean;
+    mount: TooltipMount;
+    openDelay: number;
+    openOn: TooltipOpenOn;
+    portal: boolean;
+    shift: boolean;
+    side: TooltipSide;
+    sideOffset: number;
+    size: TooltipSize;
+    strategy: TooltipStrategy;
+    touchDelay: number;
+    variant: TooltipVariant;
+    /** Opens only while the trigger's own content is cut by its box. */
+    whenClipped: boolean;
+}
+export interface TooltipDefaultsProviderProps extends Partial<TooltipDefaults> {
+    children?: ReactNode | undefined;
+    /**
+     * Where every layer under this provider is rendered. It calls
+     * `setPortalContainer` from `@slotted/core/portal`, which is per document, so
+     * an application shell that builds its own stacking context names it once.
+     */
+    container?: Element | null | undefined;
+}
+/** The three actions a consumer cannot express declaratively. */
+export interface TooltipHandle {
+    /** Opens now, with the reason `programmatic`, ignoring every delay. */
+    open: () => void;
+    /** Closes now, with the reason `programmatic`. */
+    close: () => void;
+    /** Measures and places the layer again. */
+    reposition: () => void;
+}
+/** What the family hands its own trigger, layer, content and arrow. */
+export interface TooltipContextValue {
+    align: TooltipAlign;
+    alignOffset: number;
+    /** The element the family drew as the arrow, once it exists. */
+    arrowNode: HTMLElement | null;
+    arrowPadding: number;
+    /** Whether pressing the trigger closes the hint. */
+    closeOnPress: boolean;
+    collisionPadding: number;
+    contentId: string;
+    describes: TooltipDescribes;
+    disabled: boolean;
+    flip: boolean;
+    hideWhenDetached: boolean;
+    hoverable: boolean;
+    mount: TooltipMount;
+    open: boolean;
+    openOn: TooltipOpenOn;
+    portal: boolean;
+    /** Whether the layer has been open at least once, which is what `lazy` reads. */
+    seen: boolean;
+    setArrowNode: (node: HTMLElement | null) => void;
+    setTriggerNode: (node: HTMLElement | null) => void;
+    shift: boolean;
+    showArrow: boolean;
+    side: TooltipSide;
+    sideOffset: number;
+    size: TooltipSize;
+    strategy: TooltipStrategy;
+    /** Asks to open or close, carrying the reason and the originating event. */
+    toggle: (next: boolean, reason: TooltipOpenReason, source?: unknown) => void;
+    /** The pointer and focus handlers the trigger binds, already resolved. */
+    triggerNode: HTMLElement | null;
+    /** Opens after `openDelay`, or instantly inside the group window. */
+    openAfterDelay: (source: unknown) => void;
+    /** Closes after `closeDelay`. */
+    closeAfterDelay: (source: unknown) => void;
+    /** Cancels a pending open or close without moving anything. */
+    cancelPending: () => void;
+    /** Starts the long-press timer for a coarse pointer. */
+    pressAndHold: (source: unknown) => void;
+    variant: TooltipVariant;
+}
+/**
+ * What `render` receives for the layer. `ref` is part of it because the
+ * positioner, the presence and the dismissable layer all need the element the
+ * consumer actually rendered.
+ */
+export interface TooltipLayerRootProps extends HTMLAttributes<HTMLElement> {
+    ref?: PartRef | undefined;
+    'data-align': TooltipAlign;
+    'data-hoverable'?: '' | undefined;
+    'data-open'?: '' | undefined;
+    'data-part': string;
+    'data-size': TooltipSize;
+    'data-ui': string;
+    'data-variant': TooltipVariant;
+}
+/** What `render` receives for the painted surface. */
+export interface TooltipContentRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    id: string;
+    role: 'tooltip';
+}
+/**
+ * What `render` receives for the trigger, which is the consumer's own element.
+ * `ref` is part of it because the trigger is the anchor the layer is measured
+ * against, so the family has to reach the element however it was rendered.
+ */
+export interface TooltipTriggerRootProps extends HTMLAttributes<HTMLElement> {
+    ref?: PartRef | undefined;
+    'data-open'?: '' | undefined;
+    /**
+     * Always present, and the content's identifier under `describes="label"`.
+     * A required key is what lets an `IconButton` take these props whole as its
+     * name source: under `label` the tooltip is the only name it has.
+     */
+    'aria-labelledby': string | undefined;
+}
+export interface TooltipProps {
+    align?: TooltipAlign | undefined;
+    alignOffset?: number | undefined;
+    /** Whether the layer draws the arrow at all. */
+    arrow?: boolean | undefined;
+    arrowPadding?: number | undefined;
+    children?: ReactNode | undefined;
+    closeDelay?: number | undefined;
+    /** Whether pressing the trigger closes the hint. */
+    closeOnPress?: boolean | undefined;
+    collisionPadding?: number | undefined;
+    /** The value an uncontrolled tooltip starts from, read once. */
+    defaultOpen?: boolean | undefined;
+    describes?: TooltipDescribes | undefined;
+    /** The tooltip never opens. The trigger's own `disabled` is the consumer's. */
+    disabled?: boolean | undefined;
+    flip?: boolean | undefined;
+    /** Closes when the anchor leaves the screen or the document. Default `true`. */
+    hideWhenDetached?: boolean | undefined;
+    /**
+     * Whether the pointer may travel onto the layer without it closing. WCAG 2.2
+     * SC 1.4.13 Hoverable is a criterion before it is an option, so it is on.
+     */
+    hoverable?: boolean | undefined;
+    mount?: TooltipMount | undefined;
+    /** Called before the layer moves, with the request that carries the reason. */
+    onOpenChange?: ((open: boolean, request: TooltipChangeRequest) => void) | undefined;
+    /** Present means controlled, for the life of the component. */
+    open?: boolean | undefined;
+    openDelay?: number | undefined;
+    openOn?: TooltipOpenOn | undefined;
+    /** Whether the layer is rendered into the shared portal root. Default `true`. */
+    portal?: boolean | undefined;
+    ref?: React.Ref<TooltipHandle> | undefined;
+    shift?: boolean | undefined;
+    side?: TooltipSide | undefined;
+    /** Distance beyond the standard gap, which is the layer's own padding. */
+    sideOffset?: number | undefined;
+    size?: TooltipSize | undefined;
+    strategy?: TooltipStrategy | undefined;
+    /** How long a press is held before a coarse pointer opens the hint. */
+    touchDelay?: number | undefined;
+    variant?: TooltipVariant | undefined;
+    /**
+     * Opens only while the trigger's own content is cut by its box — a column
+     * header narrowed to `Op…`, a breadcrumb in a rail. The measurement is taken
+     * at the moment the hint would open, so a column dragged wider stops opening
+     * one without anything being told.
+     */
+    whenClipped?: boolean | undefined;
+}
+export interface TooltipTriggerProps extends ComponentPropsWithRef<'button'> {
+    /**
+     * Renders the trigger into the consumer's own element. Almost every tooltip
+     * uses it: the trigger is a control the page already has.
+     */
+    render?: ((props: TooltipTriggerRootProps) => ReactNode) | undefined;
+}
+export interface TooltipLayerProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: TooltipLayerRootProps) => ReactNode) | undefined;
+}
+export interface TooltipContentProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: TooltipContentRootProps) => ReactNode) | undefined;
+}
+export interface TooltipArrowProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: HTMLAttributes<HTMLElement>) => ReactNode) | undefined;
+}
+//# sourceMappingURL=tooltip.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,gEAAgE;AAChE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9F,mDAAmD;AACnD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,4FAA4F;AAC5F,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,qCAAqC;AACrC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAChC,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAC5D,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;AAEzD,gEAAgE;AAChE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,oEAAoE;IACpE,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,4BAA6B,SAAQ,OAAO,CAAC,eAAe,CAAC;IAC5E,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACxC;AAED,iEAAiE;AACjE,MAAM,WAAW,aAAa;IAC5B,uEAAuE;IACvE,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,kDAAkD;IAClD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,iFAAiF;IACjF,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,0EAA0E;IAC1E,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,qEAAqE;IACrE,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iCAAiC;IACjC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,wDAAwD;IACxD,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,cAAc,CAAC;CACzB;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,sDAAsD;AACtD,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1E,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACzC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpF,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACvC,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC1E;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACtE;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACrE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACpE;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACvE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACtE;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACrE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC1E"}

package/dist/types/top-navigation/index.d.ts

@@ -0,0 +1,5 @@
+export { TOP_NAVIGATION_COLLAPSE_AT, TOP_NAVIGATION_CONTROL_SELECTOR, TopNavigation, useTopNavigation, } from './top-navigation';
+export { TOP_NAVIGATION_FALLBACK, TopNavigationDefaultsProvider, useTopNavigationDefaults, } from './top-navigation-defaults';
+export { TopNavigationAccount, TopNavigationAction, TopNavigationActions, TopNavigationBrand, TopNavigationContext, TopNavigationCount, TopNavigationHelp, TopNavigationHome, TopNavigationItem, TopNavigationLink, TopNavigationList, TopNavigationMark, TopNavigationName, TopNavigationNav, TopNavigationNotifications, TopNavigationSearch, TopNavigationTrigger, useTopNavigationItem, } from './top-navigation-parts';
+export type { TopNavigationActionProps, TopNavigationContextValue, TopNavigationControlProps, TopNavigationControlRootProps, TopNavigationDefaults, TopNavigationDefaultsProviderProps, TopNavigationHandle, TopNavigationHelpProps, TopNavigationHomeProps, TopNavigationItemContextValue, TopNavigationItemProps, TopNavigationItemRootProps, TopNavigationLinkProps, TopNavigationLinkRootProps, TopNavigationListProps, TopNavigationMoreReason, TopNavigationMoreRequest, TopNavigationNavProps, TopNavigationPartProps, TopNavigationPriority, TopNavigationProps, TopNavigationRootProps, TopNavigationSearchProps, TopNavigationSearchReason, TopNavigationSearchRequest, TopNavigationSize, TopNavigationSpanPartProps, TopNavigationTriggerProps, TopNavigationValueReason, TopNavigationValueRequest, } from './top-navigation.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/top-navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/top-navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,+BAA+B,EAC/B,aAAa,EACb,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,6BAA6B,EAC7B,qBAAqB,EACrB,kCAAkC,EAClC,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,6BAA6B,EAC7B,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,EACzB,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC"}

package/dist/types/top-navigation/top-navigation-defaults.d.ts

@@ -0,0 +1,13 @@
+import type { TopNavigationDefaults, TopNavigationDefaultsProviderProps } from './top-navigation.types';
+/** The contract's defaults. */
+export declare const TOP_NAVIGATION_FALLBACK: TopNavigationDefaults;
+/** What a bar renders as here, before it states anything of its own. */
+export declare function useTopNavigationDefaults(): TopNavigationDefaults;
+/**
+ * An application decides once how its bars read — the size, the frame —
+ * rather than repeating it on every bar in a product. A bar that states any of
+ * them itself still wins. Its words come from the language in force
+ * (`SlottedProvider`).
+ */
+export declare function TopNavigationDefaultsProvider({ children, ...defaults }: TopNavigationDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=top-navigation-defaults.d.ts.map

package/dist/types/top-navigation/top-navigation-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-navigation-defaults.d.ts","sourceRoot":"","sources":["../../../src/top-navigation/top-navigation-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,kCAAkC,EACnC,MAAM,wBAAwB,CAAC;AAEhC,+BAA+B;AAC/B,eAAO,MAAM,uBAAuB,EAAE,qBAIrC,CAAC;AAIF,wEAAwE;AACxE,wBAAgB,wBAAwB,IAAI,qBAAqB,CAEhE;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,kCAAkC,+BAiBpC"}

package/dist/types/top-navigation/top-navigation-parts.d.ts

@@ -0,0 +1,83 @@
+import type { ReactNode } from 'react';
+import type { TopNavigationActionProps, TopNavigationControlProps, TopNavigationHelpProps, TopNavigationHomeProps, TopNavigationItemContextValue, TopNavigationItemProps, TopNavigationLinkProps, TopNavigationListProps, TopNavigationNavProps, TopNavigationPartProps, TopNavigationSearchProps, TopNavigationSpanPartProps, TopNavigationTriggerProps } from './top-navigation.types';
+/** What the item around this part says. Throws outside one. */
+export declare function useTopNavigationItem(): TopNavigationItemContextValue;
+/** The start cluster: the shell's toggle when there is one, then the mark and the name. */
+export declare function TopNavigationBrand({ children, ref, render, ...nativeProps }: TopNavigationPartProps): 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 mark and the name, linked to the start of the application; a `span`
+ * when there is nowhere to go. Below the high step the name leaves the eye
+ * and this element keeps its accessible name, because the name is still in it.
+ */
+export declare function TopNavigationHome({ children, href, ref, render, ...nativeProps }: TopNavigationHomeProps): 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 box the logo stands in: square, the height of the bar's controls. */
+export declare function TopNavigationMark({ children, ref, render, ...nativeProps }: TopNavigationSpanPartProps): 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 product's name, one line. */
+export declare function TopNavigationName({ children, ref, render, ...nativeProps }: TopNavigationSpanPartProps): 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;
+/**
+ * What the application is at this moment, as the consumer's own content.
+ * Below the medium step it is presented at the top of the panel: the same
+ * element, rendered into the panel while the panel is present.
+ */
+export declare function TopNavigationContext({ children, ref, render, ...nativeProps }: TopNavigationPartProps): 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 navigation landmark, and the panel right after it in DOM order — so
+ * Tab from `more`, the last control in the list, lands in the panel, the way
+ * the disclosure pattern assumes. The panel stays in the DOM closed, out of
+ * sight and out of the tab order by the stylesheet's `visibility`.
+ */
+export declare function TopNavigationNav({ arrow, children, closeDelay, closeOnSelect, defaultValue, 'aria-label': ariaLabel, onValueChange, openDelay, ref, render, value, ...nativeProps }: TopNavigationNavProps): import("react").JSX.Element;
+/** The destinations, and `more` at their end. */
+export declare function TopNavigationList({ children, ref, render, ...nativeProps }: TopNavigationListProps): 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 destination or one section. It says what it is to the root — its
+ * value, its priority, whether it is current — and, while the width has
+ * folded it and the panel is present, renders itself into the panel's list:
+ * the same `li`, with whatever the consumer put in it.
+ */
+export declare function TopNavigationItem({ children, disabled, priority, ref, render, value, ...nativeProps }: TopNavigationItemProps): import("react").JSX.Element;
+/**
+ * The destination. `current` stated on the row wins over the root's `value`:
+ * a router's own link writes it, and the consumer's explicit value always
+ * wins. Pressed inside the panel, it asks the panel to close with `select`.
+ */
+export declare function TopNavigationLink({ children, current, href, onClick, ref, render, ...nativeProps }: TopNavigationLinkProps): 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 section that opens: the `navigation-menu` trigger of the panel that
+ * follows it in the same item — `aria-expanded`, `aria-controls`, the
+ * chevron, a press and a resting pointer — in the bar's row.
+ */
+export declare function TopNavigationTrigger({ disabled, ...nativeProps }: TopNavigationTriggerProps): import("react").JSX.Element;
+/**
+ * The search region, with the consumer's field inside and the close at its
+ * end. Below the medium step the region exists only while `searchOpen`, and
+ * takes the whole bar: opening moves focus into the field, and Escape, focus
+ * leaving the region, or the close hand the bar back and return focus to the
+ * toggle.
+ */
+export declare function TopNavigationSearch({ children, onBlur, onKeyDown, ref, render, ...nativeProps }: TopNavigationSearchProps): 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 end cluster. The search toggle stands first in it whenever the bar has a search. */
+export declare function TopNavigationActions({ children, ref, render, ...nativeProps }: TopNavigationPartProps): 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;
+/**
+ * Help: a destination (`a` with an `href`) or a trigger (`render` a button
+ * the consumer wraps in `menu` or `popover`). Its children are its label —
+ * the family's message when there are none — clipped from the eye in the
+ * bar, where the mark stands alone, and shown as a row's words in the panel
+ * below the high step. One accessible name in both places, from the same text.
+ */
+export declare function TopNavigationHelp({ 'aria-label': ariaLabel, children, href, ref, render, ...nativeProps }: TopNavigationHelpProps): import("react").JSX.Element;
+/** Notifications: the bell, with the count in its corner. It never folds. */
+export declare function TopNavigationNotifications(props: TopNavigationControlProps): import("react").JSX.Element;
+/**
+ * A global control of the product's own — approvals, tasks — in the family's
+ * square, with the family's ink, ground and hint. A destination with an
+ * `href`, a trigger without one. The consumer projects its own glyph and
+ * names the control with `aria-label`; `TopNavigationCount` inside it stands
+ * over its corner the way it stands over the bell.
+ */
+export declare function TopNavigationAction({ 'aria-label': ariaLabel, children, href, ref, render, ...nativeProps }: TopNavigationActionProps): import("react").JSX.Element;
+/** The number of what is waiting, inside the bell's button and so inside its name. */
+export declare function TopNavigationCount({ children, ref, render, ...nativeProps }: TopNavigationSpanPartProps): 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 account: the consumer's avatar and, when there is room, the name. It never folds. */
+export declare function TopNavigationAccount(props: TopNavigationControlProps): import("react").JSX.Element;
+//# sourceMappingURL=top-navigation-parts.d.ts.map

package/dist/types/top-navigation/top-navigation-parts.d.ts.map

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

package/dist/types/top-navigation/top-navigation.d.ts

@@ -0,0 +1,40 @@
+
+import type { TopNavigationContextValue, TopNavigationPriority, TopNavigationProps } from './top-navigation.types';
+/**
+ * The three steps of the bar's width, in CSS pixels, under which each
+ * priority folds. The stylesheet reads the same three literals in its
+ * container conditions and `top-navigation.styles.test.mjs` compares them
+ * with the contract; this is the copy the script reads. `medium` is the
+ * compact size class's limit, where app-shell overlays its regions.
+ */
+export declare const TOP_NAVIGATION_COLLAPSE_AT: Readonly<Record<TopNavigationPriority, number>>;
+/** Every control a reader can land on in the bar, in DOM order. */
+export declare const TOP_NAVIGATION_CONTROL_SELECTOR = "[data-part=\"skip\"], [data-part=\"home\"][href], [data-part=\"link\"], [data-part=\"trigger\"], [data-part=\"more\"], [data-part=\"search\"] input, [data-part=\"search-toggle\"], [data-part=\"help\"], [data-part=\"notifications\"], [data-part=\"account\"]";
+/**
+ * What the bar around this part says. A part outside one has no width to
+ * read and no panel to fold into, so this throws rather than rendering a row
+ * that folds nowhere.
+ */
+export declare function useTopNavigation(): TopNavigationContextValue;
+/**
+ * The bar across the top of an application: the mark, the context, the
+ * destinations, the search and the global actions, folding by priority as
+ * its own width goes.
+ *
+ * **Three values, three models.** `value` is the current destination,
+ * `moreOpen` the panel and `searchOpen` the search, each on
+ * `@slotted/core/state`. Which items fold is not a fourth: it is read from
+ * the width and reported as a fact — `data-collapsed` on the item, the count
+ * on `more`, `onCollapseChange` when the set moves.
+ *
+ * **The picture is the stylesheet's.** The container queries fold the items
+ * before any script runs; the three width gates here write `data-collapsed`
+ * from the same three numbers, count what folded, and move the folded parts
+ * into the panel while it is present.
+ *
+ * **The panel is the same DOM.** A folded item, the context and the help are
+ * rendered into the panel through `createPortal` while it is present, so a
+ * section trigger keeps the menu wrapped around it and a link keeps its badge.
+ */
+export declare function TopNavigation({ children, className, defaultMoreOpen, defaultSearchOpen, defaultValue, frame, landmark, messages, moreOpen, onCollapseChange, onMoreOpenChange, onSearchOpenChange, onValueChange, ref, render, searchOpen, size, skipTo, style, value, ...nativeProps }: TopNavigationProps): import("react").JSX.Element;
+//# sourceMappingURL=top-navigation.d.ts.map

package/dist/types/top-navigation/top-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-navigation.d.ts","sourceRoot":"","sources":["../../../src/top-navigation/top-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,mDAAmD,CAAC;AAuB3D,OAAO,KAAK,EACV,yBAAyB,EAGzB,qBAAqB,EACrB,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAItF,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,+BAA+B,qQACoM,CAAC;AAIjP;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D;AAQD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,GAAG,EACH,MAAM,EACN,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+BAkVpB"}