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

package/dist/types/button/button.constants.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The five colours are tones in `docs/token-foundation.md`, so the axis that
+ * selects one is `tone`. `variant` names what it actually selects: how the
+ * chosen tone is painted.
+ */
+export declare const BUTTON_TONES: readonly ["accent", "secondary", "success", "warning", "danger"];
+export declare const BUTTON_VARIANTS: readonly ["solid", "outline", "ghost"];
+export declare const BUTTON_SIZES: readonly ["sm", "md", "lg"];
+export declare const BUTTON_SHAPES: readonly ["square", "circle"];
+export declare const BUTTON_DEFAULTS: {
+    readonly tone: "accent";
+    readonly variant: "solid";
+    readonly size: "md";
+};
+export declare const BUTTON_LINK_DEFAULTS: {
+    readonly tone: "accent";
+    readonly variant: "solid";
+    readonly size: "md";
+};
+export declare const ICON_BUTTON_DEFAULTS: {
+    readonly tone: "secondary";
+    readonly variant: "ghost";
+    readonly size: "md";
+    readonly shape: "square";
+};
+export declare const TOGGLE_BUTTON_DEFAULTS: {
+    readonly tone: "secondary";
+    readonly variant: "outline";
+    readonly size: "md";
+};
+//# sourceMappingURL=button.constants.d.ts.map

package/dist/types/button/button.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.constants.d.ts","sourceRoot":"","sources":["../../../src/button/button.constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,kEAAmE,CAAC;AAC7F,eAAO,MAAM,eAAe,wCAAyC,CAAC;AACtE,eAAO,MAAM,YAAY,6BAA8B,CAAC;AACxD,eAAO,MAAM,aAAa,+BAAgC,CAAC;AAE3D,eAAO,MAAM,eAAe;;;;CAA4D,CAAC;AACzF,eAAO,MAAM,oBAAoB;;;;CAAkB,CAAC;AACpD,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AACX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { ButtonProps } from './button.types';
+/**
+ * A momentary action. Persistent state belongs to ToggleButton, and navigation
+ * to ButtonLink, so this member never grows an `aria-pressed` or an `href`.
+ */
+export declare function Button({ children, disabled, end, focusableWhenDisabled, fullWidth, loading, loadingDelay, messages, onClick, onClickCapture, render, size, start, tone, type, variant, ...nativeProps }: ButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,gBAAgB,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAgB,EAChB,GAAG,EACH,qBAA6B,EAC7B,SAAiB,EACjB,OAAe,EACf,YAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,WAAW,+BAsCb"}

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

@@ -0,0 +1,136 @@
+import type { ButtonMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
+import type { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TONES, BUTTON_VARIANTS } from './button.constants';
+export type ButtonTone = (typeof BUTTON_TONES)[number];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type ButtonShape = (typeof BUTTON_SHAPES)[number];
+export type ButtonType = 'button' | 'submit' | 'reset';
+/** The three axes every member paints itself from. */
+export interface ButtonAppearanceProps {
+    fullWidth?: boolean | undefined;
+    size?: ButtonSize | undefined;
+    tone?: ButtonTone | undefined;
+    variant?: ButtonVariant | undefined;
+}
+/**
+ * What an application sets once for every button under it. Each axis is
+ * optional: an unset one leaves each member its own default rather than
+ * flattening four members into one appearance.
+ */
+export interface ButtonDefaults {
+    size?: ButtonSize | undefined;
+    tone?: ButtonTone | undefined;
+    variant?: ButtonVariant | undefined;
+}
+export interface ButtonDefaultsProviderProps extends ButtonDefaults {
+    children: ReactNode;
+}
+export interface ButtonContentProps {
+    children: ReactNode;
+    /** Content before the label in the reading order, mirrored in a right-to-left document. */
+    start?: ReactNode;
+    /** Content after the label in the reading order, mirrored in a right-to-left document. */
+    end?: ReactNode;
+}
+/**
+ * Being unavailable and being unreachable are two decisions, and the platform
+ * only offers them together. A disabled `button` leaves the tab sequence, which
+ * takes its tooltip and its explanation with it — so a control that has to stay
+ * discoverable keeps its place and announces `aria-disabled` instead.
+ */
+export interface ButtonDisabledProps {
+    disabled?: boolean | undefined;
+    focusableWhenDisabled?: boolean | undefined;
+}
+export interface ButtonLoadingProps {
+    loading?: boolean | undefined;
+    /**
+     * How long the wait must last before the indicator is drawn. The activation
+     * is refused from the first millisecond either way; this is only about not
+     * showing a spinner for an action that takes ninety of them.
+     */
+    loadingDelay?: number | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: what the
+     * indicator announces itself as (`loading`). It is a progress bar, so it has a name.
+     */
+    messages?: PartialMessages<ButtonMessages> | undefined;
+}
+/**
+ * A change is a request. It carries the value, the value it replaces, the
+ * reason — `pointer` or `keyboard`, told apart by whether the activation came
+ * from a real pointer — the originating event, and `cancel()`. The value comes
+ * first because reading it is what almost every consumer does.
+ */
+export type PressedChangeHandler = (pressed: boolean, request: ChangeRequest<boolean>) => void;
+export interface ButtonPressedProps {
+    /**
+     * The consumer's value. Passing it puts the state in controlled mode for
+     * good. `undefined` is written explicitly rather than left to the optional
+     * marker, because absence is what decides the mode and the two must not
+     * become interchangeable under `exactOptionalPropertyTypes`.
+     */
+    pressed?: boolean | undefined;
+    /** The value an uncontrolled toggle starts from, read once. */
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: PressedChangeHandler | undefined;
+}
+export type ButtonRootProps = ComponentPropsWithRef<'button'>;
+/**
+ * Hands the root's own props to something else to render. It is how a consumer
+ * puts this surface on a framework's link component, a tooltip trigger or a
+ * menu trigger without the family growing a prop for each of them.
+ */
+export type ButtonRender<Props> = (rootProps: Props) => ReactElement;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'type'>, ButtonAppearanceProps, ButtonContentProps, ButtonDisabledProps, ButtonLoadingProps {
+    render?: ButtonRender<ButtonRootProps> | undefined;
+    type?: ButtonType | undefined;
+}
+interface ButtonLinkSharedProps extends ButtonAppearanceProps, ButtonContentProps {
+    disabled?: boolean | undefined;
+}
+export type ButtonLinkRootProps = ComponentPropsWithRef<'a'>;
+type NativeButtonLinkProps = ButtonLinkSharedProps & Omit<ComponentPropsWithRef<'a'>, keyof ButtonLinkSharedProps | 'href'> & {
+    href: string;
+    render?: never;
+};
+type AdaptedButtonLinkProps = ButtonLinkSharedProps & Omit<ComponentPropsWithRef<'a'>, keyof ButtonLinkSharedProps | 'href'> & {
+    href?: never;
+    /** Hands the root props to a router's own link component. */
+    render: ButtonRender<ButtonLinkRootProps>;
+};
+export type ButtonLinkProps = NativeButtonLinkProps | AdaptedButtonLinkProps;
+/**
+ * An icon carries no text, so the name cannot be computed from the content.
+ * The union makes a naming attribute mandatory at the type level rather than
+ * at run time. It requires at least one, not exactly one: a trigger's root
+ * props type `aria-labelledby` as an optional string, and forbidding it would
+ * refuse every trigger an icon button is composed onto. When both arrive,
+ * `aria-labelledby` names the button, as accessible-name computation says.
+ *
+ * The second branch takes a stated `aria-labelledby` whose value may be
+ * `undefined`: a tooltip trigger always states the key, and under
+ * `describes="label"` fills it with the tooltip, which is then the button's
+ * only name. Leaving both keys out is still refused.
+ */
+type IconButtonAccessibleName = {
+    'aria-label': string;
+    'aria-labelledby'?: string | undefined;
+} | {
+    'aria-label'?: string | undefined;
+    'aria-labelledby': string | undefined;
+};
+export type IconButtonProps = Omit<ComponentPropsWithRef<'button'>, 'aria-label' | 'aria-labelledby' | 'aria-pressed' | 'children' | 'type'> & Omit<ButtonAppearanceProps, 'fullWidth'> & ButtonDisabledProps & ButtonLoadingProps & ButtonPressedProps & IconButtonAccessibleName & {
+    children: ReactNode;
+    render?: ButtonRender<ButtonRootProps> | undefined;
+    shape?: ButtonShape | undefined;
+    type?: ButtonType | undefined;
+};
+export interface ToggleButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'aria-pressed' | 'children' | 'type'>, ButtonAppearanceProps, ButtonContentProps, ButtonDisabledProps, ButtonLoadingProps, ButtonPressedProps {
+    render?: ButtonRender<ButtonRootProps> | undefined;
+    type?: ButtonType | undefined;
+}
+export {};
+//# sourceMappingURL=button.types.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+import type { IconButtonProps } from './button.types';
+/**
+ * The same control as Button with no room for a label, so the accessible name
+ * is an explicit attribute the type system makes mandatory.
+ *
+ * It takes `pressed` directly instead of being paired with a toggle member of
+ * its own: its name is already an attribute that must not change with the
+ * state, so toggling adds no obligation a separate member would exist to
+ * enforce. `aria-pressed` appears only once the consumer opts in — a plain
+ * icon button that announced itself as a toggle would be announcing a state it
+ * does not have.
+ */
+export declare function IconButton({ children, defaultPressed, disabled, focusableWhenDisabled, loading, loadingDelay, messages, onClick, onClickCapture, onPressedChange, pressed, render, shape, size, tone, type, variant, ...nativeProps }: IconButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=icon-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/button/icon-button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEvE;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,qBAA6B,EAC7B,OAAe,EACf,YAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,eAAe,EACf,OAAO,EACP,MAAM,EACN,KAAkC,EAClC,IAAI,EACJ,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,eAAe,+BA4CjB"}

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

@@ -0,0 +1,7 @@
+export { Button } from './button';
+export { ButtonDefaultsProvider, useButtonDefaults } from './button-defaults';
+export { ButtonLink } from './button-link';
+export { IconButton } from './icon-button';
+export { ToggleButton } from './toggle-button';
+export type { ButtonDefaults, ButtonDefaultsProviderProps, ButtonLinkProps, ButtonLinkRootProps, ButtonProps, ButtonRender, ButtonRootProps, ButtonShape, ButtonSize, ButtonTone, ButtonType, ButtonVariant, IconButtonProps, PressedChangeHandler, ToggleButtonProps, } from './button.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EACV,cAAc,EACd,2BAA2B,EAC3B,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { ToggleButtonProps } from './button.types';
+/**
+ * A two-state action. The APG is explicit that the label of a toggle must not
+ * change with its state — "Mute" stays "Mute" and the state is announced
+ * beside it — so this is a member of its own rather than a prop on Button:
+ * reaching for it is what makes that obligation visible to the consumer.
+ *
+ * It waits, because a toggle that persists is the common one: "Follow",
+ * "Subscribe" and "Watch" all reach a server before the state is true. While
+ * it waits it holds the state it still has, so the person is never shown a
+ * value that has not been agreed to.
+ */
+export declare function ToggleButton({ children, defaultPressed, disabled, end, focusableWhenDisabled, fullWidth, loading, loadingDelay, messages, onClick, onClickCapture, onPressedChange, pressed, render, size, start, tone, type, variant, ...nativeProps }: ToggleButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=toggle-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/button/toggle-button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,GAAG,EACH,qBAA6B,EAC7B,SAAiB,EACjB,OAAe,EACf,YAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,eAAe,EACf,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,iBAAiB,+BAuCnB"}

package/dist/types/button-group/button-group-separator.d.ts

@@ -0,0 +1,15 @@
+import type { ButtonGroupSeparatorProps } from './button-group.types';
+/**
+ * A rule between two runs of actions. It takes no room at all: the bar is one
+ * shape, and a rule is not licence to cut it — what the rule marks is painted
+ * in the column the shared edge already occupies, one step stronger than the
+ * seams around it, so the boundary reads without the bar coming apart. A
+ * filled run keeps its seam, which is the darkest step of its own tone and the
+ * strongest line that bar has.
+ *
+ * Its axis is the group's, mirrored: a rule across a row is vertical. It is
+ * derived rather than accepted, because a rule that could disagree with the
+ * group it divides is a rule that eventually does.
+ */
+export declare function ButtonGroupSeparator({ decorative, render, ...nativeProps }: ButtonGroupSeparatorProps): 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=button-group-separator.d.ts.map

package/dist/types/button-group/button-group-separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-separator.d.ts","sourceRoot":"","sources":["../../../src/button-group/button-group-separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,sBAAsB,CAAC;AAE9B;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAkB,EAClB,MAAM,EACN,GAAG,WAAW,EACf,EAAE,yBAAyB,+VAe3B"}

package/dist/types/button-group/button-group-shape.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonGroupOrientation } from './button-group.types';
+interface ButtonGroupShape {
+    /** What the rule between two runs turns with. */
+    orientation: ButtonGroupOrientation;
+}
+export declare const ButtonGroupShapeProvider: import("react").Provider<ButtonGroupShape>;
+/**
+ * What the separator has to know and cannot see: which way the group runs. A
+ * rule written outside a group answers to the default, which is the same
+ * answer the stylesheet gives it.
+ */
+export declare function useButtonGroupShape(): ButtonGroupShape;
+export {};
+//# sourceMappingURL=button-group-shape.d.ts.map

package/dist/types/button-group/button-group-shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-shape.d.ts","sourceRoot":"","sources":["../../../src/button-group/button-group-shape.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,UAAU,gBAAgB;IACxB,iDAAiD;IACjD,WAAW,EAAE,sBAAsB,CAAC;CACrC;AAID,eAAO,MAAM,wBAAwB,4CAAmC,CAAC;AAEzE;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD"}

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

@@ -0,0 +1,22 @@
+
+import type { ButtonGroupProps } from './button-group.types';
+/**
+ * A set of related actions joined into one shape. The group arranges what the
+ * consumer wrote and changes the semantics of nothing inside it: every button
+ * keeps its own role, its own state and its own place in the tab sequence.
+ *
+ * It is `role="group"` and not `role="toolbar"`, and the difference is a
+ * keyboard model rather than a name. A toolbar is one tab stop with arrow-key
+ * navigation between its controls, which is the `toolbar` family. A consumer
+ * who writes `role="toolbar"` here gets the role and not the model, so the two
+ * are never confused by accident — the explicit value wins, and it is written
+ * before the family's own so it can. `role={undefined}` is a value too, and it
+ * is how a substituted `nav` or `section` keeps the semantics it was chosen
+ * for.
+ *
+ * There is no `label` prop. The element already accepts `aria-label` and
+ * `aria-labelledby`, and a second way to name one thing is a second thing to
+ * get wrong.
+ */
+export declare function ButtonGroup({ align, children, fullWidth, justify, orientation, render, size, tone, variant, ...nativeProps }: ButtonGroupProps): 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=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AAIvD,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,sBAAsB,CAAC;AAEnF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,EACX,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,GAAG,WAAW,EACf,EAAE,gBAAgB,+VA6BlB"}

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

@@ -0,0 +1,63 @@
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+import type { ButtonSize, ButtonTone, ButtonVariant } from '../button/button.types';
+export type ButtonGroupOrientation = 'horizontal' | 'vertical';
+/**
+ * Across the flow. `auto` is a value rather than an absent one: a joined bar
+ * takes one block size across its flow on either axis, so a consumer who
+ * mixes sizes gets a ragged width rather than a ragged edge, and the four
+ * explicit values are the consumer overruling that.
+ */
+export type ButtonGroupAlign = 'auto' | 'start' | 'center' | 'end' | 'stretch';
+/** Along the flow. Asking for it makes the group hold the line it distributes. */
+export type ButtonGroupJustify = 'start' | 'center' | 'end' | 'between';
+export interface ButtonGroupRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    'data-ui': string;
+}
+/**
+ * The rule carries a part and no family identifier: `data-ui` names the family
+ * on its root, and the separator is a part of the group rather than a family
+ * of its own.
+ */
+export interface ButtonGroupSeparatorRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+}
+/**
+ * The three axes the group hands down to the buttons inside it, through the
+ * button family's own defaults. A button that states one itself still wins:
+ * how a group is laid out and how its buttons are painted are two questions,
+ * and only the second one belongs to `button`.
+ */
+interface ButtonGroupPaintProps {
+    size?: ButtonSize | undefined;
+    tone?: ButtonTone | undefined;
+    variant?: ButtonVariant | undefined;
+}
+/**
+ * One shape and no other: the buttons share their edges, one border is painted
+ * in each shared column, and only the two ends of the bar are rounded. There
+ * is no prop that spaces the buttons apart and none that unjoins them — a
+ * spaced row of buttons is `inline` or `stack` holding buttons.
+ */
+export interface ButtonGroupProps extends ComponentPropsWithRef<'div'>, ButtonGroupPaintProps {
+    /** Positions the buttons across the flow. */
+    align?: ButtonGroupAlign | undefined;
+    /** The group holds the line and its buttons share it in equal segments. */
+    fullWidth?: boolean | undefined;
+    /** Positions the buttons along the flow, which makes the group hold the line. */
+    justify?: ButtonGroupJustify | undefined;
+    orientation?: ButtonGroupOrientation | undefined;
+    /** Renders the wiring into another element when a div is the wrong claim. */
+    render?: ((props: ButtonGroupRootProps) => ReactNode) | undefined;
+}
+export interface ButtonGroupSeparatorProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * Drops the rule out of the accessibility tree. Use it when the boundary is
+     * cosmetic; a boundary that carries meaning is better said by a nested group
+     * with a name of its own.
+     */
+    decorative?: boolean | undefined;
+    render?: ((props: ButtonGroupSeparatorRootProps) => ReactNode) | undefined;
+}
+export {};
+//# sourceMappingURL=button-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.types.d.ts","sourceRoot":"","sources":["../../../src/button-group/button-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEpF,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/E,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,6BAA8B,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC3F,6CAA6C;IAC7C,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,iFAAiF;IACjF,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACzC,WAAW,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;IACjD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACnE;AAED,MAAM,WAAW,yBAA0B,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC7E;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC5E"}

package/dist/types/button-group/index.d.ts

@@ -0,0 +1,4 @@
+export { ButtonGroup } from './button-group';
+export { ButtonGroupSeparator } from './button-group-separator';
+export type { ButtonGroupAlign, ButtonGroupJustify, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRootProps, ButtonGroupSeparatorProps, ButtonGroupSeparatorRootProps, } from './button-group.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { CalendarDefaults, CalendarDefaultsProviderProps } from './calendar.types';
+/** What a calendar renders as here, before it states anything of its own. */
+export declare function useCalendarDefaults(): CalendarDefaults;
+/**
+ * An application decides once which day its weeks start on, which zone answers
+ * "today" and whether its calendars keep a fixed six-row grid — rather than
+ * repeating the same props on every instance. Its words and the locale that
+ * writes its months come from the language in force (`SlottedProvider`).
+ *
+ * `fixedWeeks` is the one worth setting where calendars live in popovers: a
+ * surface that grows a row between one press of "next" and the next moves the
+ * target the reader was aiming at.
+ */
+export declare function CalendarDefaultsProvider({ children, ...defaults }: CalendarDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=calendar-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-defaults.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAcxF,6EAA6E;AAC7E,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,6BAA6B,+BAkBhG"}

package/dist/types/calendar/calendar-demo.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+/**
+ * One demonstration: what it is called, what to look at, and the stage that
+ * owns the distance between the examples on it. Every story composes this
+ * rather than laying itself out, so no two examples can end up against each
+ * other and no story reaches for an inline style.
+ */
+export declare function Scene({ children, label, layout, note, }: {
+    children: ReactNode;
+    label: string;
+    layout?: 'block' | 'row' | 'stack' | 'prose';
+    note: ReactNode;
+}): import("react").JSX.Element;
+export declare function Grid({ children, columns }: {
+    children: ReactNode;
+    columns: 1 | 2 | 3;
+}): import("react").JSX.Element;
+/** A narrow column, for showing what a control does below 320 pixels. */
+export declare function Measure({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=calendar-demo.d.ts.map

package/dist/types/calendar/calendar-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-demo.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,MAAgB,EAChB,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB,+BAYA;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,+BAMtF;AAED,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE5D"}

package/dist/types/calendar/calendar-selection.d.ts

@@ -0,0 +1,41 @@
+/**
+ * What choosing a date does to a value, in the three modes the family ships.
+ *
+ * It is separate from the component because none of it touches the DOM: a
+ * range that is completed, a range that is restarted, and a set that a second
+ * press takes a date back out of are all arithmetic over `PlainDate`, and the
+ * two bindings must not each decide them.
+ */
+import type { PlainDate } from '@slotted/core/date';
+import type { CalendarSelectionMode, CalendarValue, DateRange } from './calendar.types';
+export declare function isRange(value: CalendarValue): value is DateRange;
+export declare function asDates(value: CalendarValue): PlainDate[];
+/**
+ * Whether a date is one of the two ends of a run, inside it, or none of the
+ * three. A range with one end open has a start and no run, which is what the
+ * calendar draws while the reader is choosing the second date.
+ */
+export declare function rangeStateOf(date: PlainDate, value: CalendarValue): 'start' | 'end' | 'inside' | null;
+export declare function isSelected(date: PlainDate, value: CalendarValue): boolean;
+/**
+ * The value a press produces.
+ *
+ * A range takes two presses and the second one may come first: a reader who
+ * chooses the 11th and then the 7th means the 7th to the 11th, not a range
+ * that runs backwards. A third press starts again, because a range that grew
+ * on every press could never be narrowed.
+ *
+ * A set removes a date a second press lands on, which is the only way to take
+ * one back out without a second control.
+ */
+export declare function nextValue(date: PlainDate, value: CalendarValue, mode: CalendarSelectionMode): CalendarValue;
+/**
+ * The run the grid draws while the reader is choosing the second end: from
+ * the chosen start to the pending end — the day under the pointer, or the
+ * focused day — ordered the way the second press will order it. `null` while
+ * there is no open run, so a whole range and a single date preview nothing.
+ */
+export declare function previewRun(value: CalendarValue, pending: PlainDate | null): DateRange | null;
+/** Value equality, which `Object.is` cannot give for a run or a set. */
+export declare function isSameValue(a: CalendarValue, b: CalendarValue): boolean;
+//# sourceMappingURL=calendar-selection.d.ts.map

package/dist/types/calendar/calendar-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-selection.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-selection.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAExF,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,IAAI,SAAS,CAEhE;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,EAAE,CAKzD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,aAAa,GACnB,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,CAOnC;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,GAAG,OAAO,CAMzE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,qBAAqB,GAC1B,aAAa,CAiBf;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAM5F;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,GAAG,OAAO,CASvE"}

package/dist/types/calendar/calendar.d.ts

@@ -0,0 +1,28 @@
+
+import type { ReactNode } from 'react';
+import type { CalendarProps } from './calendar.types';
+/**
+ * A month grid, and the two pages above it.
+ *
+ * **It is a real `table` with the `grid` role on it.** The APG's own note is
+ * why nothing here writes `row`, `columnheader` or `gridcell`: those are
+ * implied by `tr`, `th` and `td`, and writing them again would duplicate
+ * semantics the platform already gives.
+ *
+ * **The date the reader is on and the date the reader has chosen are two
+ * values.** Every surveyed implementation holds both; three of the seven let a
+ * consumer own the second one, and so does this — `focusedDate` is a mutable
+ * capability with a model of its own, because a product that pages a calendar
+ * from outside it has nowhere else to say so.
+ *
+ * **A date the predicate refuses stays reachable.** It carries `aria-disabled`
+ * rather than being taken out of the grid, so a reader can arrow onto it, hear
+ * why it is out, and arrow past it.
+ *
+ * **Nothing is withdrawn when the box is narrow.** The cell is the room there
+ * is divided by the columns there are, bounded by the control height above and
+ * the WCAG minimum below, and a month that no longer fits beside another wraps
+ * under it. A calendar with a day missing is not a calendar.
+ */
+export declare function Calendar({ calendar, className, defaultFocusedDate, defaultValue, defaultView, disabled, firstDayOfWeek, fixedWeeks, focusedDate, invalid, isDateUnavailable, locale, max, min, messages, months, onFocusedDateChange, onKeyDown, onPreviewChange, onValueChange, onViewChange, outsideDays, readOnly, ref, render, selectionMode, style, timeZone, value, view, weekNumbers, ...nativeProps }: CalendarProps): 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=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AA8B/C,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAalE,OAAO,KAAK,EACV,aAAa,EAKd,MAAM,kBAAkB,CAAC;AAO1B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,SAAS,EACT,eAAe,EACf,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,GAAG,EACH,MAAM,EACN,aAAwB,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,GAAG,WAAW,EACf,EAAE,aAAa,+TAocf"}