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

package/dist/types/table-of-contents/table-of-contents.types.d.ts

@@ -0,0 +1,157 @@
+import type { PartialMessages, TableOfContentsMessages } from '@slotted/core/i18n';
+import type { OutlineEntry } from '@slotted/core/outline';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactNode, RefObject } from 'react';
+/** The row height step, on the control scale. */
+export type TableOfContentsSize = 'sm' | 'md' | 'lg';
+/**
+ * The column beside a page, the bar under its title, or the trigger with the
+ * current label that opens the list under it. Not decided by width: a sidebar
+ * column is narrower than a phone's bar, so the width does not say which one
+ * the consumer wants.
+ */
+export type TableOfContentsLayout = 'vertical' | 'horizontal' | 'collapsed';
+/** What a press does to the URL. `push` and `replace` write `history`; `none` leaves it. */
+export type TableOfContentsHistory = 'push' | 'replace' | 'none';
+/** Why the current target moved. `scroll` is the observer answering the position. */
+export type TableOfContentsValueReason = Extract<ChangeRequest<unknown>['reason'], 'scroll' | 'pointer' | 'keyboard' | 'programmatic'>;
+/** Why the collapsed list opened or closed. */
+export type TableOfContentsOpenReason = Extract<ChangeRequest<unknown>['reason'], 'pointer' | 'keyboard' | 'select' | 'escape' | 'outsidePress' | 'programmatic'>;
+export type TableOfContentsValueRequest = ChangeRequest<string | null>;
+export type TableOfContentsOpenRequest = ChangeRequest<boolean>;
+/** One entry of the list, when the list is given as data. */
+export interface TableOfContentsItemData {
+    /** The target's id, without the hash. */
+    id: string;
+    label: ReactNode;
+    children?: readonly TableOfContentsItemData[] | undefined;
+}
+/** What an application sets once for every list under it. */
+export interface TableOfContentsDefaults {
+    history: TableOfContentsHistory;
+    landmark: boolean;
+    layout: TableOfContentsLayout;
+    levels: readonly [number, number];
+    numbered: boolean;
+    offset: number;
+    size: TableOfContentsSize;
+    sticky: boolean;
+}
+export interface TableOfContentsDefaultsProviderProps extends Partial<TableOfContentsDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the root hands every part under it. */
+export interface TableOfContentsContextValue {
+    layout: TableOfContentsLayout;
+    numbered: boolean;
+    size: TableOfContentsSize;
+    value: string | null;
+    /** A link says which target it points at, so the spy can watch it and the keyboard can walk it. */
+    registerLink: (id: string, label: () => string) => () => void;
+    /** A link was pressed: asks `value`, scrolls, writes the URL, focuses the target. */
+    navigate: (id: string, reason: 'pointer' | 'keyboard' | 'programmatic', source?: Event) => void;
+}
+/** The imperative surface, for what a consumer cannot express declaratively. */
+export interface TableOfContentsHandle {
+    /** Focuses the first link, or the trigger in the collapsed layout. */
+    focus: () => void;
+    /** Reads the headings again and measures again. */
+    refresh: () => void;
+    /** Scrolls to a target and asks `value` to move with the reason `programmatic`. */
+    scrollTo: (id: string) => void;
+    root: HTMLElement | null;
+}
+export type TableOfContentsRootProps = ComponentPropsWithRef<'nav'> & {
+    'data-ui': 'table-of-contents';
+    'data-part': 'root';
+    'data-layout': TableOfContentsLayout;
+    'data-size': TableOfContentsSize;
+    'data-sticky'?: '' | undefined;
+    'data-numbered'?: '' | undefined;
+    'data-open'?: '' | undefined;
+    'data-loading'?: '' | undefined;
+    'data-empty'?: '' | undefined;
+};
+export interface TableOfContentsProps extends Omit<ComponentPropsWithRef<'nav'>, 'ref' | 'onChange' | 'defaultValue'> {
+    /** The list as data. `children` written as parts take precedence. */
+    items?: readonly TableOfContentsItemData[] | undefined;
+    /**
+     * The region whose headings make the list, read after mount and re-read
+     * when its subtree changes. The server renders the list empty.
+     */
+    source?: RefObject<HTMLElement | null> | HTMLElement | null | undefined;
+    /** The lowest and highest heading level `source` keeps. `[2, 3]` by default. */
+    levels?: readonly [number, number] | undefined;
+    /** A heading matching this selector, or inside one, is left out of `source`. */
+    exclude?: string | undefined;
+    /** The element that scrolls. Derived from the first target when unset. */
+    scroller?: RefObject<HTMLElement | null> | HTMLElement | null | undefined;
+    /** What to add under the page's chrome, in CSS pixels. */
+    offset?: number | undefined;
+    /** The current target's id. */
+    value?: string | null | undefined;
+    defaultValue?: string | null | undefined;
+    onValueChange?: ((value: string | null, request: TableOfContentsValueRequest) => void) | undefined;
+    /** Whether the collapsed list is shown. */
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean, request: TableOfContentsOpenRequest) => void) | undefined;
+    layout?: TableOfContentsLayout | undefined;
+    size?: TableOfContentsSize | undefined;
+    sticky?: boolean | undefined;
+    history?: TableOfContentsHistory | undefined;
+    numbered?: boolean | undefined;
+    /** Whether the root is the navigation landmark. `false` renders a `div`. */
+    landmark?: boolean | undefined;
+    /** The list's title. Rendered as the `label` part; in the collapsed layout, inside the trigger. */
+    label?: ReactNode | undefined;
+    /** Rows of skeleton in the list's place. */
+    loading?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force: the landmark's name
+     * when no `label` is given, and the collapsed trigger's fixed text
+     * (`navigation`). A native `aria-label` still wins.
+     */
+    messages?: PartialMessages<TableOfContentsMessages> | undefined;
+    ref?: React.Ref<TableOfContentsHandle> | undefined;
+    render?: ((props: TableOfContentsRootProps) => ReactNode) | undefined;
+}
+export type TableOfContentsGroupRootProps = ComponentPropsWithRef<'ol'> & {
+    'data-part': 'group';
+};
+export interface TableOfContentsGroupProps extends Omit<ComponentPropsWithRef<'ol'>, 'ref'> {
+    ref?: React.Ref<HTMLOListElement> | undefined;
+    render?: ((props: TableOfContentsGroupRootProps) => ReactNode) | undefined;
+}
+export type TableOfContentsItemRootProps = ComponentPropsWithRef<'li'> & {
+    'data-part': 'item';
+    'data-depth': number;
+    'data-value': string;
+    'data-current'?: '' | undefined;
+};
+export interface TableOfContentsItemProps extends Omit<ComponentPropsWithRef<'li'>, 'ref'> {
+    /** The target's id, without the hash. The link inside takes its `href` from it. */
+    value: string;
+    ref?: React.Ref<HTMLLIElement> | undefined;
+    render?: ((props: TableOfContentsItemRootProps) => ReactNode) | undefined;
+}
+export type TableOfContentsLinkRootProps = Omit<ComponentPropsWithRef<'a'>, 'aria-current'> & {
+    'data-part': 'link';
+    'data-current'?: '' | undefined;
+    'aria-current'?: 'location' | undefined;
+    href: string;
+};
+export interface TableOfContentsLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'ref' | 'href' | 'aria-current'> {
+    /** The fragment. Defaults to `#` plus the item's value. */
+    href?: string | undefined;
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+    render?: ((props: TableOfContentsLinkRootProps) => ReactNode) | undefined;
+}
+/** What an item hands its own link. */
+export interface TableOfContentsItemContextValue {
+    value: string;
+    depth: number;
+    current: boolean;
+}
+export type { OutlineEntry };
+//# sourceMappingURL=table-of-contents.types.d.ts.map

package/dist/types/table-of-contents/table-of-contents.types.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export { Tabs, useTabs } from './tabs';
+export { TabsDefaultsProvider, useTabsDefaults } from './tabs-defaults';
+export { Tab, TabActions, TabList, TabPanel } from './tabs-parts';
+export type { TabActionsProps, TabListProps, TabListRootProps, TabPanelProps, TabPanelRootProps, TabProps, TabRootProps, TabsActivation, TabsActivationDirection, TabsChangeRequest, TabsContextValue, TabsDefaults, TabsDefaultsProviderProps, TabsDismissReason, TabsDismissRequest, TabsFit, TabsMount, TabsOrientation, TabsProps, TabsRootProps, TabsSelectionReason, TabsSize, TabsTrack, TabsVariant, } from './tabs.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClE,YAAY,EACV,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { TabsDefaults, TabsDefaultsProviderProps } from './tabs.types';
+/** What a tabs family renders as here, before it states anything of its own. */
+export declare function useTabsDefaults(): TabsDefaults;
+/**
+ * An application decides once how its tabs look and behave, rather than
+ * repeating the same seven props on every family in a product. A family that
+ * states any of them itself still wins.
+ */
+export declare function TabsDefaultsProvider({ children, ...defaults }: TabsDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=tabs-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-defaults.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAe5E,gFAAgF;AAChF,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,yBAAyB,+BAmBxF"}

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { TabActionsProps, TabListProps, TabPanelProps, TabProps } from './tabs.types';
+/**
+ * The list of tabs, and the one tab stop the family holds.
+ *
+ * It hands its element to the root, which owns the roving tab stop, the removal
+ * focus and the overflow observer — all three are about this element, and the
+ * root is what holds the value they act on. `tabIndex={-1}` is the last resort
+ * of the removal focus: a list emptied by its final dismissal keeps focus
+ * rather than returning it to the top of the page.
+ *
+ * Its accessible name is the consumer's own `aria-label` or `aria-labelledby`.
+ * The family writes neither: only the page knows what the set of views is for.
+ */
+export declare function TabList({ children, ref, render, ...nativeProps }: TabListProps): 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 tab, in the box that holds it.
+ *
+ * The box is presentational and it exists for two reasons a `button` cannot
+ * answer: a `button` may not contain a `button`, so a dismissible tab needs
+ * somewhere to put its second control, and the marker has to span the pair
+ * rather than only the label.
+ *
+ * `className`, `style` and `render` reach that box; every native prop and the
+ * `ref` reach the control, which is what `radio-group` does with its own item
+ * and control. `href` makes the control an anchor, and a click carrying a
+ * modifier key is left to the browser so a deep link still opens in a new
+ * browser tab.
+ */
+export declare function Tab({ children, className, controls, disabled, dismissLabel, dismissible, end, href, onClick, onKeyDown, ref, render, start, style, value, ...nativeProps }: TabProps): 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 content of one tab.
+ *
+ * It is in the page's tab sequence, which is where `Tab` from the list goes,
+ * and it is hidden with the attribute rather than with a class: a screen
+ * reader, find-in-page and `:target` all already understand `hidden`.
+ *
+ * The panel itself always exists, so every tab's `aria-controls` names an
+ * element. Whether its content exists is what `mount` decides — `active`
+ * builds it on selection, `lazy` keeps it once built, `eager` builds every
+ * panel's content up front.
+ */
+export declare function TabPanel({ children, ref, render, value, ...nativeProps }: TabPanelProps): 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 slot beside the list, on the same row.
+ *
+ * What belongs in it is a `toolbar`: one tab stop for however many actions the
+ * page puts there, which is what keeps the distance between the tab list and
+ * the panel to the two stops the pattern asks for.
+ */
+export declare function TabActions({ children, ref, render, ...nativeProps }: TabActionsProps): 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=tabs-parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-parts.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs-parts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlF,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EAEZ,aAAa,EAEb,QAAQ,EAGT,MAAM,cAAc,CAAC;AAYtB;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,YAAY,+TA2B9E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAmB,EACnB,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,WAAW,EACf,EAAE,QAAQ,+TAoIV;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAAE,aAAa,+TAmBvF;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,eAAe,+TAUpF"}

package/dist/types/tabs/tabs.d.ts

@@ -0,0 +1,33 @@
+
+import type { TabsContextValue, TabsProps } from './tabs.types';
+/** Every tab in the list, in the order the DOM holds them. */
+export declare const TAB_SELECTOR = "[data-part=\"tab\"]";
+/**
+ * What the family around this tab says. A `Tab` outside one has no list to
+ * belong to, no panel to control and no value to be compared against, so this
+ * throws rather than rendering a control that looks right and does nothing.
+ */
+export declare function useTabs(): TabsContextValue;
+/**
+ * One view out of several, and the panels under it.
+ *
+ * **The keyboard is the APG's, and it is implemented once.** The list is a
+ * roving tab stop from `@slotted/core/focus`: `Tab` enters on the selected tab,
+ * the arrows of the flow axis move and wrap, `Home` and `End` reach the ends,
+ * and the cross axis is left alone so the page still scrolls with focus inside
+ * a horizontal list. `Delete` dismisses a dismissible tab, and focus lands
+ * where the pattern says.
+ *
+ * **The marker moves without a measurement.** The root records which way the
+ * selection travelled, and the stylesheet turns that into a transform origin,
+ * so the family is right in a server response and during the first paint. Every
+ * surveyed indicator reads the active tab's box instead, which is why Base UI
+ * ships `renderBeforeHydration`.
+ *
+ * **The paging controls belong to the root**, because the root owns the observer
+ * that knows whether they are needed. They are out of the tab sequence and out
+ * of the accessibility tree: the arrows already reach every tab and bring it
+ * into view.
+ */
+export declare function Tabs({ activation, children, className, defaultValue, disabled, fit, loop, mount, onTabDismiss, onValueChange, orientation, ref, render, size, style, track, value, variant, ...nativeProps }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC;AAWvC,OAAO,KAAK,EAEV,gBAAgB,EAGhB,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,eAAO,MAAM,YAAY,wBAAsB,CAAC;AAIhD;;;;GAIG;AACH,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C;AA6BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,IAAI,CAAC,EACnB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,SAAS,+BA0QX"}

package/dist/types/tabs/tabs.types.d.ts

@@ -0,0 +1,209 @@
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+/** Whether moving focus to a tab also selects it. */
+export type TabsActivation = 'automatic' | 'manual';
+/** Which way the list runs. A horizontal list scrolls; a vertical one stacks. */
+export type TabsOrientation = 'horizontal' | 'vertical';
+/** The type step the list and its tabs sit at. */
+export type TabsSize = 'sm' | 'md' | 'lg';
+/**
+ * How the list is drawn. `line` is a row of labels over a hairline; `contained`
+ * is a sunken track holding a surface per tab. Both paint the same marker,
+ * which is what survives the `high-contrast` scheme.
+ */
+export type TabsVariant = 'line' | 'contained';
+/**
+ * Whether the list draws the line its tabs stand on. `none` is for a list that
+ * sits on a line the page already drew — a card header's edge, a table's own
+ * rule — where two hairlines a pixel apart read as one smudge.
+ */
+export type TabsTrack = 'line' | 'none';
+/** Whether each tab is as wide as its label or takes an equal share of the line. */
+export type TabsFit = 'auto' | 'equal';
+/**
+ * When a panel exists. `active` builds it on selection and drops it after,
+ * `lazy` builds it on first selection and keeps it, `eager` builds every panel
+ * up front. The names are Cloudscape's, which are the clearest three words in
+ * the field for the same three behaviours.
+ */
+export type TabsMount = 'active' | 'lazy' | 'eager';
+/** Which way the selection travelled, from the two indices. */
+export type TabsActivationDirection = 'forward' | 'backward' | 'none';
+/** Why the selection moved. */
+export type TabsSelectionReason = Extract<ChangeRequest<string>['reason'], 'pointer' | 'keyboard' | 'remove' | 'programmatic'>;
+/** Why a tab was dismissed. */
+export type TabsDismissReason = Extract<ChangeRequest<string>['reason'], 'pointer' | 'keyboard'>;
+/** The request the family emits before the value moves. */
+export type TabsChangeRequest = ChangeRequest<string | undefined>;
+/**
+ * The request a dismissal carries. It holds no value pair, because nothing is
+ * replacing anything: the value being dismissed is the first argument, and the
+ * shape is `tag`'s, which set the convention for a removal in this library.
+ */
+export interface TabsDismissRequest {
+    readonly reason: TabsDismissReason;
+    readonly source?: unknown;
+    readonly cancelled: boolean;
+    cancel(): void;
+}
+/** What an application sets once for every tabs family under it. */
+export interface TabsDefaults {
+    activation: TabsActivation;
+    fit: TabsFit;
+    track: TabsTrack;
+    loop: boolean;
+    mount: TabsMount;
+    orientation: TabsOrientation;
+    size: TabsSize;
+    variant: TabsVariant;
+}
+export interface TabsDefaultsProviderProps extends Partial<TabsDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the family hands every tab and every panel inside it. */
+export interface TabsContextValue {
+    activation: TabsActivation;
+    /**
+     * How the list hands the root its element. The root owns the roving tab stop,
+     * the removal focus and the overflow observer, and all three are about the
+     * list; a ref passed down is what lets the list stay the consumer's own
+     * element while the behaviour stays with the family that holds the value.
+     */
+    attachList: (element: HTMLElement | null) => void;
+    /** Whether the family as a whole is out of action. */
+    disabled: boolean;
+    /** The identifier a tab and its panel are wired together with. */
+    identify: (value: string) => {
+        panelId: string;
+        tabId: string;
+    };
+    mount: TabsMount;
+    orientation: TabsOrientation;
+    /** Whether this value has ever been selected, which is what `lazy` reads. */
+    seen: (value: string) => boolean;
+    /** Asks for a new selection, carrying the reason and the originating event. */
+    select: (value: string, reason: TabsSelectionReason, source: unknown) => void;
+    /** Asks for a tab to be dismissed, and moves the selection when it held it. */
+    dismiss: (value: string, reason: TabsDismissReason, source: unknown) => void;
+    value: string | undefined;
+}
+/** What `render` receives for the family's root. */
+export interface TabsRootProps extends HTMLAttributes<HTMLElement> {
+    'data-activation-direction': TabsActivationDirection;
+    'data-disabled'?: '' | undefined;
+    'data-fit': TabsFit;
+    'data-orientation': TabsOrientation;
+    'data-overflowing'?: '' | undefined;
+    'data-part': string;
+    'data-size': TabsSize;
+    'data-track': TabsTrack;
+    'data-ui': string;
+    'data-variant': TabsVariant;
+}
+/** What `render` receives for the list. */
+export interface TabListRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    role: 'tablist';
+}
+/** What `render` receives for one item. */
+export interface TabRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    'data-selected'?: '' | undefined;
+    role: 'presentation';
+}
+/** What `render` receives for one panel. */
+export interface TabPanelRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    role: 'tabpanel';
+}
+export interface TabsProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onSelect'> {
+    /** Defaults to the provider, then to `automatic`, which is what the APG recommends. */
+    activation?: TabsActivation | undefined;
+    /** The value an uncontrolled family starts from, read once. */
+    defaultValue?: string | undefined;
+    /**
+     * Unstated rather than `false`. Reaches every tab as the native attribute,
+     * which is also what makes the browser skip it with the arrow keys.
+     */
+    disabled?: boolean | undefined;
+    /** Defaults to the provider, then to `auto`. */
+    fit?: TabsFit | undefined;
+    /** Whether the arrows wrap past the ends of the list. */
+    loop?: boolean | undefined;
+    /** Defaults to the provider, then to `active`. */
+    mount?: TabsMount | undefined;
+    /** Called before the value moves, with the request that carries the reason. */
+    onValueChange?: ((value: string, request: TabsChangeRequest) => void) | undefined;
+    /**
+     * Called before a tab is dismissed. The family removes nothing: the consumer
+     * owns the collection, and a component that removed itself would render
+     * nothing while the consumer's array still held the item.
+     */
+    onTabDismiss?: ((value: string, request: TabsDismissRequest) => void) | undefined;
+    /** Defaults to the provider, then to `horizontal`. */
+    orientation?: TabsOrientation | undefined;
+    /** Renders the family's root into another element. */
+    render?: ((props: TabsRootProps) => ReactNode) | undefined;
+    /** Defaults to the provider, then to `md`. */
+    size?: TabsSize | undefined;
+    /**
+     * Defaults to the provider, then to `line`. `none` draws no line at all, for a
+     * list standing on one the page already drew.
+     */
+    track?: TabsTrack | undefined;
+    /** Present means controlled, for the life of the component. */
+    value?: string | undefined;
+    /** Defaults to the provider, then to `line`. */
+    variant?: TabsVariant | undefined;
+}
+export interface TabListProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the list into another element. */
+    render?: ((props: TabListRootProps) => ReactNode) | undefined;
+}
+export interface TabProps extends Omit<ComponentPropsWithRef<'button'>, 'value'> {
+    /** The label. Wrapped in the `label` part, which is what clips and mirrors it. */
+    children?: ReactNode | undefined;
+    /**
+     * The id of the element this tab controls, when it is not a `TabPanel` of
+     * this family: a strip over one region whose content the value filters —
+     * a feed, a table — names that region here, and `aria-controls` says so.
+     */
+    controls?: string | undefined;
+    /** Unstated rather than `false`, so the tab defers to the family. */
+    disabled?: boolean | undefined;
+    /** Whether this tab carries a control that closes it. */
+    dismissible?: boolean | undefined;
+    /**
+     * What follows the label inside the tab, such as a count: wrapped in the
+     * `end` part, beside the words rather than inside them.
+     */
+    end?: ReactNode | undefined;
+    /** The accessible name of that control. Required whenever it is drawn. */
+    dismissLabel?: string | undefined;
+    /**
+     * Makes the tab an anchor. A plain click still selects, and a click carrying
+     * a modifier key is left to the browser, so a deep link opens in a new
+     * browser tab instead of being swallowed.
+     */
+    href?: string | undefined;
+    /** Renders the item — the box around the tab and its dismiss control. */
+    render?: ((props: TabRootProps) => ReactNode) | undefined;
+    /**
+     * What precedes the label inside the tab, such as an icon: wrapped in the
+     * `start` part, which sizes an icon to the tab's icon step.
+     */
+    start?: ReactNode | undefined;
+    /** What this tab selects. It is what the family's value holds. */
+    value: string;
+}
+export interface TabPanelProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the panel into another element. */
+    render?: ((props: TabPanelRootProps) => ReactNode) | undefined;
+    /** The tab this panel belongs to. */
+    value: string;
+}
+export interface TabActionsProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the actions slot into another element — a `toolbar`, usually. */
+    render?: ((props: HTMLAttributes<HTMLElement>) => ReactNode) | undefined;
+}
+//# sourceMappingURL=tabs.types.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+export { Tag } from './tag';
+export { TagButton } from './tag-button';
+export { TagDefaultsProvider, useTagDefaults } from './tag-defaults';
+export { TagGroup } from './tag-group';
+export { TagLink } from './tag-link';
+export { TagToggle } from './tag-toggle';
+export type { TagButtonBodyProps, TagButtonProps, TagDefaults, TagDefaultsProviderProps, TagElementProps, TagGroupProps, TagGroupRootProps, TagLinkBodyProps, TagLinkProps, TagOrientation, TagProps, TagRemoveReason, TagRemoveRequest, TagRootProps, TagShape, TagSize, TagToggleProps, TagTone, TagVariant, } from './tag.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,cAAc,EACd,OAAO,EACP,UAAU,GACX,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { TagButtonProps } from './tag.types';
+/**
+ * A chip that runs a command — Carbon's operational tag, Fluent's
+ * `InteractionTag`, a clickable chip in MUI and PatternFly. The command is a
+ * real `<button>`, and it is the chip's body rather than the chip itself,
+ * because a chip that both acts and removes would otherwise be a button inside
+ * a button.
+ *
+ * The member's own props are the button's, and land on that control: `onClick`,
+ * `type`, `form`, `aria-*` and `ref` all reach the element that owns them.
+ * `rootProps` reaches the chip box for the rare thing that belongs there.
+ */
+export declare function TagButton({ children, disabled, end, onRemove, removeDisabled, messages, render, rootProps, shape, size, start, tone, type, variant, ...nativeProps }: TagButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=tag-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-button.d.ts","sourceRoot":"","sources":["../../../src/tag/tag-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAgB,EAChB,GAAG,EACH,QAAQ,EACR,cAAsB,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,cAAc,+BAyBhB"}