@passui/react 0.1.19 → 0.1.21

package/README.md

@@ -183,3 +183,41 @@ your user npm configuration.
 ## License
 
 [MIT](./LICENSE)
+
+### Documentation and loading primitives
+
+Import `Accordion`, `ComboBox`, `RadioGroup`, `Breadcrumb`, `Skeleton`,
+`ContentUnavailableView`, `CodeBlock` and `KeyboardShortcut` from their kebab case
+subpaths, such as `@passui/react/combo-box`. Each has a named props type and
+interactive documentation. CodeBlock accepts plain source and optionally a
+highlighter element, keeping syntax engines out of the library dependency graph.
+Shared component styles come from the stylesheet import above.
+
+Stepper places the spoken and rolling value beside its two action segments.
+Its digit columns preserve carries and stop animating under Reduce Motion.
+Compact desktop rows retain larger targets for coarse pointers. Import only
+needed controls and icons through public entries; CSS is preserved while unused
+JavaScript exports can be removed by the bundler.
+
+### Search, selection and motion
+
+`ComboBox` is a searchable `Picker` with optional `onCreate` and a localized
+`createLabel`. `Command` composes grouped search actions; `CommandDialog` adds
+modal focus handling. Shortcut hints are display only; your application owns the
+actual keyboard bindings. Picker, compact calendar and time panels share one
+glass surface that expands from its trigger and restores it after dismissal.
+
+`TextField` and `SecureField` accept `labelPlacement="floating"`. SearchField
+supports `collapsible` for a single pill that expands around its search icon.
+`OneTimeCode` draws cells around one native input, preserving paste and code
+autofill. Your application owns verification and supplies status feedback.
+
+`SloshSlider` and `WakeSlider` take `label`, optional `value` or `defaultValue`,
+and `onChange`. Values run from 0 to 100. Their React-only motion stops at rest
+and respects Reduce Motion. Slosh has `viscosity`, `momentum` and `tilt`; Wake
+has `bars` and `wake`. Their source attribution and MIT notice are included in
+[THIRD_PARTY_NOTICES.md](THIRD_PARTY_NOTICES.md). ProgressView remains read only
+and shares the liquid fill without acquiring slider behavior.
+
+`AspectRatio` clips images and videos to `ratio` without distorting them. The
+documentation demonstrates equal-area crops in a stable stage.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,25 @@
+# Bencho interaction sources
+
+SloshSlider and WakeSlider adapt sources supplied from [Bencho](https://bencho.dev/),
+provided under the [MIT licence](https://bencho.dev/licence). Motion comments and
+attribution are retained; Passui adds its own tokens, component API and accessibility.
+
+## MIT License — Bencho
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/types/src/components/accordion/accordion.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export interface AccordionItem {
+    /** Stable value used to identify the expanded item. */
+    value: string;
+    title: string;
+    content: ReactNode;
+    description?: string;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    items: readonly AccordionItem[];
+    /** The expanded item, or `null` when all items are closed. */
+    value: string | null;
+    /** Selecting the open item reports `null`, so every item can collapse. */
+    onValueChange: (value: string | null) => void;
+    className?: string;
+}
+/** A single-open, collapsible accordion with labelled animated content regions. */
+export declare function Accordion({ items, value, onValueChange, className }: AccordionProps): import("react").JSX.Element;

package/dist/types/src/components/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "react";
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    /** Width divided by height. @default 1.3333333333333333 */
+    ratio?: number;
+}
+/** A crop frame: size its geometry, while images cover without distortion. */
+export declare function AspectRatio({ ratio, className, style, ...props }: AspectRatioProps): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    label: string;
+    items: readonly BreadcrumbItem[];
+    className?: string;
+    /** Integrate a client router without nesting interactive elements. */
+    renderLink?: (item: BreadcrumbItem & {
+        href: string;
+    }) => ReactNode;
+}
+/** Ancestors stay links; the final item identifies the current page. */
+export declare function Breadcrumb({ label, items, className, renderLink }: BreadcrumbProps): import("react").JSX.Element;

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

@@ -23,6 +23,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * @default false
      */
     isPending?: boolean;
+    /** Layout classes for the content wrapper, such as a full-width disclosure row. */
+    contentClassName?: string;
 }
 /** Shares native button appearance with semantic links without nesting a button. */
 export declare function buttonStyle({ variant, size, className, }?: Pick<ButtonProps, "variant" | "size" | "className">): string;

package/dist/types/src/components/code-block/code-block.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentProps, type ReactNode } from "react";
+export interface CodeBlockProps extends Omit<ComponentProps<"div">, "children"> {
+    code: string;
+    /** Supply a highlighter's rendered pre/code element; source remains the fallback. */
+    children?: ReactNode;
+    /** Show a nonselectable line gutter. @default true */
+    lineNumbers?: boolean;
+}
+/** Code presentation without shipping a highlighter or formatter to consumers. */
+export declare function CodeBlock({ code, children, lineNumbers, className, ...props }: CodeBlockProps): import("react").JSX.Element;

package/dist/types/src/components/combo-box/combo-box.d.ts

@@ -0,0 +1,9 @@
+import { type PickerOption, type PickerProps } from "../picker/picker";
+export interface ComboBoxOption<T extends string> extends PickerOption<T> {
+}
+export interface ComboBoxProps<T extends string> extends Omit<PickerProps<T>, "searchable" | "options"> {
+    options: readonly ComboBoxOption<T>[];
+    emptyLabel: string;
+}
+/** A searchable Picker, with optional creation from the person's typed query. */
+export declare function ComboBox<T extends string>(props: ComboBoxProps<T>): import("react").JSX.Element;

package/dist/types/src/components/command/command.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentProps } from "react";
+import { KeyboardShortcut } from "../keyboard-shortcut/keyboard-shortcut";
+import { SearchList, SearchListField, SearchListResults, SearchListEmpty, SearchListGroup, SearchListItem } from "../search-list/search-list";
+import { type SheetProps } from "../sheet/sheet";
+export interface CommandProps extends ComponentProps<typeof SearchList> {
+}
+export interface CommandDialogProps extends Omit<SheetProps, "placement"> {
+}
+/** An inline command palette. SearchList owns filtering and keyboard selection. */
+export declare function Command({ className, ...props }: CommandProps): import("react").JSX.Element;
+/** A modal command palette with Sheet's focus isolation and restoration. */
+export declare function CommandDialog({ children, className, ...props }: CommandDialogProps): import("react").JSX.Element;
+export declare function CommandInput({ className, autoFocus, ref: forwardedRef, ...props }: ComponentProps<typeof SearchListField>): import("react").JSX.Element;
+export declare function CommandList({ className, ...props }: ComponentProps<typeof SearchListResults>): import("react").JSX.Element;
+export declare function CommandEmpty({ className, ...props }: ComponentProps<typeof SearchListEmpty>): import("react").JSX.Element;
+export declare function CommandShortcut({ className, ...props }: ComponentProps<typeof KeyboardShortcut>): import("react").JSX.Element;
+export declare function CommandGroup({ className, ...props }: ComponentProps<typeof SearchListGroup>): import("react").JSX.Element;
+export declare function CommandItem({ className, ...props }: ComponentProps<typeof SearchListItem>): import("react").JSX.Element;

package/dist/types/src/components/content-unavailable-view/content-unavailable-view.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, ComponentProps } from "react";
+export interface ContentUnavailableViewProps extends Omit<ComponentProps<"div">, "title"> {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    actions?: ReactNode;
+}
+/** A focused empty or unavailable state with an optional next action. */
+export declare function ContentUnavailableView({ title, description, icon, actions, className, ...props }: ContentUnavailableViewProps): import("react").JSX.Element;

package/dist/types/src/components/context-menu/context-menu-store.d.ts

@@ -41,8 +41,8 @@ export declare function openContextMenu(x: number, y: number, items: ContextMenu
  */
 export declare function openFollowUpMenu(items: ContextMenuItem[]): void;
 /**
- * Opens a menu from a control, the way a SwiftUI `Menu` does: under it (or
- * above it), lined up with its leading or trailing edge. Leading and
+ * Expands a control into a menu, lined up with its leading or trailing
+ * edge and growing down (or up) from the control's bounds. Leading and
  * trailing follow the text direction, so right-to-left languages mirror.
  * The menu's real size decides where it goes; nothing is guessed.
  */

package/dist/types/src/components/context-menu/menu-reveal.d.ts

@@ -5,14 +5,9 @@ export type MenuRect = {
     height: number;
 };
 /** Animate the material's bounds independently so menu text never stretches. */
-export declare function menuSurfaceReveal(source: MenuRect | undefined, target: MenuRect): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    opacity: number;
-    borderRadius: string;
-} | {
+export declare function menuSurfaceReveal(source: MenuRect | undefined, target: MenuRect & {
+    radius?: number;
+}): {
     x: number;
     y: number;
     width: number;

package/dist/types/src/components/dialog/dialog-store.d.ts

@@ -16,6 +16,8 @@ export interface PendingDialog extends ConfirmOptions {
     resolve: (confirmed: boolean) => void;
 }
 export declare function confirmDialog(options: ConfirmOptions): Promise<boolean>;
-export declare function settleDialog(confirmed: boolean): void;
+export declare function settleDialog(confirmed: boolean, id?: number): void;
+/** Advance queued confirmations only after the dismissed card has exited. */
+export declare function advanceDialogQueue(): void;
 export declare function subscribeDialogs(listener: () => void): () => void;
 export declare function getDialog(): PendingDialog | null;

package/dist/types/src/components/disclosure-group/disclosure-group.d.ts

@@ -6,8 +6,10 @@ export interface DisclosureGroupProps {
     children: ReactNode;
     disabled?: boolean;
     className?: string;
+    /** Trigger layout when composed inside a shared surface such as Accordion. */
+    triggerClassName?: string;
     /** Supporting text beneath the title. */
     description?: string;
 }
 /** A controlled, accessible disclosure row with the shared inline reveal. */
-export declare function DisclosureGroup({ label, open, onOpenChange, children, disabled, className, description, }: DisclosureGroupProps): import("react").JSX.Element;
+export declare function DisclosureGroup({ label, open, onOpenChange, children, disabled, className, triggerClassName, description, }: DisclosureGroupProps): import("react").JSX.Element;

package/dist/types/src/components/keyboard-shortcut/keyboard-shortcut.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "react";
+export interface KeyboardShortcutProps extends ComponentProps<"kbd"> {
+}
+/** A quiet keycap for a shortcut supplied and localized by the application. */
+export declare function KeyboardShortcut({ className, ...props }: KeyboardShortcutProps): import("react").JSX.Element;

package/dist/types/src/components/menu/menu.d.ts

@@ -9,7 +9,7 @@ export interface MenuProps extends Omit<ButtonProps, "onClick" | "children"> {
     children: ReactNode;
     /** Logical edge used to align the menu, including RTL. @default "leading" */
     edge?: ContextMenuEdge;
-    /** Open above the trigger instead of below it. @default false */
+    /** Expand upward from the trigger instead of downward. @default false */
     above?: boolean;
 }
 /** A declarative menu button using the same native host as context menus. */

package/dist/types/src/components/one-time-code/one-time-code.d.ts

@@ -0,0 +1,23 @@
+import { type InputHTMLAttributes, type Ref } from "react";
+export type OneTimeCodeStatus = "idle" | "verifying" | "success" | "error";
+export type OneTimeCodeFormat = "numeric" | "alphanumeric";
+export interface OneTimeCodeProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "maxLength" | "size"> {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    /** Called when a complete code is entered, including paste and autofill. */
+    onComplete?: (value: string) => void;
+    /** Number of characters, 3–8. @default 6 */
+    length?: number;
+    /** Accepted characters. Alphanumeric codes use uppercase ASCII letters and digits. @default "numeric" */
+    format?: OneTimeCodeFormat;
+    /** Ref to the single native input, for focus and selection. */
+    ref?: Ref<HTMLInputElement>;
+    status?: OneTimeCodeStatus;
+    /** Localized verification feedback announced without reading decorative cells. */
+    statusLabel?: string;
+}
+/** Normalize common numeric keyboards and optional ASCII letters in one native field. */
+export declare function normalizeCode(value: string, length: number, format?: OneTimeCodeFormat): string;
+/** Six cells, one field: paste, autofill, selection and Backspace stay native. */
+export declare function OneTimeCode({ label, value, onChange, onComplete, length, format, ref, status, statusLabel, className, disabled, id: suppliedId, ...props }: OneTimeCodeProps): import("react").JSX.Element;

package/dist/types/src/components/picker/picker.d.ts

@@ -2,6 +2,8 @@ export interface PickerOption<T extends string> {
     value: T;
     label: string;
     /** A quieter second line or trailing note, such as "Free" or a region. */
+    disabled?: boolean;
+    keywords?: string[];
     detail?: string;
     /** The option's own language, so it is spoken and shaped right. */
     lang?: string;
@@ -24,6 +26,10 @@ export interface PickerProps<T extends string> {
     searchPlaceholder?: string;
     /** Shown when the filter matches nothing. @default "No matches" */
     emptyLabel?: string;
+    /** Offers a new value when no option has the same label or value. */
+    onCreate?: (query: string) => void;
+    /** Localized creation action; receives the trimmed query. */
+    createLabel?: (query: string) => string;
     className?: string;
     /** Prevents opening or choosing an option. @default false */
     disabled?: boolean;
@@ -34,4 +40,4 @@ export interface PickerProps<T extends string> {
  * lists. Replaces the browser's own select, which looks foreign on every
  * platform.
  */
-export declare function Picker<T extends string>({ value, options, onChange, label, placeholder, searchable, searchPlaceholder, emptyLabel, className, disabled, }: PickerProps<T>): import("react").JSX.Element;
+export declare function Picker<T extends string>({ value, options, onChange, label, placeholder, searchable, searchPlaceholder, emptyLabel, className, onCreate, createLabel, disabled, }: PickerProps<T>): import("react").JSX.Element;

package/dist/types/src/components/popover/anchored-surface.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes } from "react";
+interface AnchoredSurfaceProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    onExited: () => void;
+    anchor: HTMLElement;
+    width: number;
+    needed: number;
+    onClose: (restoreFocus: boolean) => void;
+    contentClassName?: string;
+}
+/** Shared material and lifetime for portaled pickers; their content owns selection. */
+export declare const AnchoredSurface: import("react").ForwardRefExoticComponent<AnchoredSurfaceProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/src/components/popover/popover.d.ts

@@ -1,9 +1,13 @@
 import { type HTMLMotionProps } from "motion/react";
+import { type ReactNode, type RefObject } from "react";
 export type PopoverOrigin = "top-left" | "top-right";
-export interface PopoverProps extends HTMLMotionProps<"div"> {
+export interface PopoverProps extends Omit<HTMLMotionProps<"div">, "children"> {
     open: boolean;
+    children?: ReactNode;
     /** Which corner the popover grows from. */
     origin?: PopoverOrigin;
+    /** Trigger whose shape the popover uses during its opening and closing motion. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 /**
  * A glass surface that springs open from its anchor. Position it with

package/dist/types/src/components/progress-view/progress-view.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export type ProgressViewSize = "sm" | "md" | "lg";
 export interface ProgressViewProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     label: string;

package/dist/types/src/components/progress-view/use-liquid-progress.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from "react";
+/** Read-only progress shares the liquid fill without acquiring slider semantics. */
+export declare function useLiquidProgress(ref: RefObject<HTMLDivElement | null>, target: number | undefined): void;

package/dist/types/src/components/radio-group/radio-group.d.ts

@@ -0,0 +1,17 @@
+export interface RadioGroupOption<T extends string> {
+    value: T;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps<T extends string> {
+    value: T;
+    onChange: (value: NoInfer<T>) => void;
+    label: string;
+    options: readonly RadioGroupOption<T>[];
+    disabled?: boolean;
+    name?: string;
+    className?: string;
+}
+/** A labelled choice group using the browser's native radio keyboard behavior. */
+export declare function RadioGroup<T extends string>({ value, onChange, label, options, disabled, name, className, }: RadioGroupProps<T>): import("react").JSX.Element;

package/dist/types/src/components/search-field/expanding-search-field.d.ts

@@ -0,0 +1,5 @@
+import { type InputHTMLAttributes, type Ref } from "react";
+/** One object: the field stays inside the pill, and the lens never moves within it. */
+export declare function ExpandingSearchField({ inputRef, className, placeholder, ...props }: InputHTMLAttributes<HTMLInputElement> & {
+    inputRef: Ref<HTMLInputElement>;
+}): import("react").JSX.Element;

package/dist/types/src/components/search-field/search-field.d.ts

@@ -1,2 +1,6 @@
 import { type InputHTMLAttributes } from "react";
-export declare const SearchField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export interface SearchFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** Expand a single pill from its search icon on focus. @default false */
+    collapsible?: boolean;
+}
+export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/src/components/sheet/sheet.d.ts

@@ -5,6 +5,8 @@ export interface SheetProps {
     open: boolean;
     /** Called on Escape or an outside press. */
     onClose: () => void;
+    /** Allow tapping the backdrop to close. Escape still calls onClose. @default true */
+    dismissOnOutsidePress?: boolean;
     /** Read out by screen readers as the sheet's name. */
     label: string;
     /** ID of a visible heading to use instead of label for the accessible name. */

package/dist/types/src/components/sidebar/sidebar.d.ts

@@ -5,7 +5,7 @@ export interface SidebarSectionProps {
     children: ReactNode;
 }
 export interface SidebarItemContentProps {
-    icon: ReactNode;
+    icon?: ReactNode;
     /** Optional trailing count. */
     count?: number;
     /** Matches the router link's active state. */
@@ -14,5 +14,6 @@ export interface SidebarItemContentProps {
 }
 export declare function SidebarSection({ title, children }: SidebarSectionProps): import("react").JSX.Element;
 /** Classes for a sidebar row; apply to the app's router link. */
-export declare function sidebarItemClass(active?: boolean): string;
+export type SidebarDensity = "regular" | "compact";
+export declare function sidebarItemClass(active?: boolean, density?: SidebarDensity): string;
 export declare function SidebarItemContent({ icon, count, active, children }: SidebarItemContentProps): import("react").JSX.Element;

package/dist/types/src/components/skeleton/skeleton.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+export interface SkeletonProps extends ComponentProps<"div"> {
+    label?: string;
+}
+/** A loading placeholder that becomes still when Reduce Motion is enabled. */
+export declare function Skeleton({ label, className, ...props }: SkeletonProps): import("react").JSX.Element;

package/dist/types/src/components/slosh-slider/liquid-step.d.ts

@@ -0,0 +1,6 @@
+export interface LiquidState {
+    fill: number;
+    velocity: number;
+}
+/** Bencho's frame-normalized liquid spring. See THIRD_PARTY_NOTICES.md. */
+export declare function stepLiquid(state: LiquidState, target: number, viscosity: number, dt: number): LiquidState;

package/dist/types/src/components/slosh-slider/slosh-slider.d.ts

@@ -0,0 +1,18 @@
+export interface SloshSliderProps {
+    label: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    /** 0 is rigid; 100 is loose liquid. @default 15 */
+    viscosity?: number;
+    /** How far the handle coasts after release, 0–100. @default 55 */
+    momentum?: number;
+    /** Lean of the liquid's leading edge, 0–100. @default 45 */
+    tilt?: number;
+    /** Track corner, from square to a pill, 0–20. @default 20 */
+    corner?: number;
+    disabled?: boolean;
+    className?: string;
+    formatValue?: (value: number) => string;
+}
+export declare function SloshSlider({ label, value, defaultValue, onChange, viscosity, momentum, tilt, corner, disabled, className, formatValue, }: SloshSliderProps): import("react").JSX.Element;

package/dist/types/src/components/stepper/rolling-digit.d.ts

@@ -0,0 +1,11 @@
+/** Counts at a place retain carries: the tens column of 1284 targets 128. */
+export declare function digitAt(count: number): number;
+export declare function advanceDigit(position: number, velocity: number, target: number, frames: number): {
+    position: number;
+    velocity: number;
+};
+/** Three recycled cells keep the strip continuous through either side of zero. */
+export declare function RollingDigit({ count, place }: {
+    count: number;
+    place: number;
+}): import("react").JSX.Element;

package/dist/types/src/components/text-field/text-field.d.ts

@@ -14,5 +14,7 @@ export type TextFieldProps = ComponentProps<"input"> & {
         show: string;
         hide: string;
     };
+    /** Float the label into the outline on focus or when filled. @default "above" */
+    labelPlacement?: "above" | "floating";
 };
-export declare function TextField({ label, description, errors, icon, trailingIcon, action, revealLabels, type, id: suppliedId, className, ...props }: TextFieldProps): import("react").JSX.Element;
+export declare function TextField({ label, description, errors, icon, trailingIcon, action, revealLabels, labelPlacement, placeholder, type, id: suppliedId, className, ...props }: TextFieldProps): import("react").JSX.Element;

package/dist/types/src/components/wake-slider/wake-slider.d.ts

@@ -0,0 +1,12 @@
+export interface WakeSliderProps {
+    label: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    bars?: number;
+    wake?: number;
+    disabled?: boolean;
+    className?: string;
+    formatValue?: (value: number) => string;
+}
+export declare function WakeSlider({ label, value: controlledValue, defaultValue, onChange, disabled, className, formatValue, bars, wake, }: WakeSliderProps): import("react").JSX.Element;

package/dist/types/src/hooks/use-anchored-disclosure.d.ts

@@ -0,0 +1,9 @@
+/** Keep the panel mounted until its material has returned to the trigger. */
+export declare function useAnchoredDisclosure(disabled?: boolean): {
+    open: boolean;
+    mounted: boolean;
+    show: () => void;
+    toggle: () => void;
+    close: () => void;
+    onExited: () => void;
+};

package/dist/types/src/hooks/use-anchored-placement.d.ts

@@ -4,4 +4,4 @@ import { type AnchoredPlacement } from "../lib/anchored-placement";
  * keeps it there: re-places while the viewport resizes or anything
  * scrolls, so it never hangs off the screen.
  */
-export declare function useAnchoredPlacement(anchor: HTMLElement, width: number, needed: number): AnchoredPlacement;
+export declare function useAnchoredPlacement(anchor: HTMLElement, width: number, needed: number, overlap?: boolean): AnchoredPlacement;

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

@@ -1,4 +1,5 @@
 export * from "./components/button/button";
+export * from "./components/accordion/accordion";
 export * from "./components/text-field/text-field";
 export * from "./components/secure-field/secure-field";
 export * from "./components/text-editor/text-editor";
@@ -56,3 +57,15 @@ export type { StatTileTone } from "./components/stat-tile/stat-tile";
 export * from "./hooks/use-visual-viewport";
 export { registerFloatingLayer } from "./lib/floating-layers";
 export * from "./hooks/use-minimize-on-scroll";
+export * from "./components/code-block/code-block";
+export * from "./components/keyboard-shortcut/keyboard-shortcut";
+export * from "./components/content-unavailable-view/content-unavailable-view";
+export * from "./components/combo-box/combo-box";
+export * from "./components/radio-group/radio-group";
+export * from "./components/breadcrumb/breadcrumb";
+export * from "./components/skeleton/skeleton";
+export * from "./components/command/command";
+export * from "./components/slosh-slider/slosh-slider";
+export * from "./components/wake-slider/wake-slider";
+export * from "./components/one-time-code/one-time-code";
+export * from "./components/aspect-ratio/aspect-ratio";

package/dist/types/src/lib/anchored-placement.d.ts

@@ -34,6 +34,6 @@ export interface PlacementFrame {
  * less than `needed` height below and more room above, kept inside the
  * screen's safe edges.
  */
-export declare function placeInViewport({ anchor, viewport, edges }: PlacementFrame, width: number, needed: number, gap?: number): AnchoredPlacement;
+export declare function placeInViewport({ anchor, viewport, edges }: PlacementFrame, width: number, needed: number, gap?: number, overlap?: boolean): AnchoredPlacement;
 /** `placeInViewport` from live DOM measurements. */
-export declare function placeAnchored(anchor: HTMLElement, width: number, needed: number, gap?: number): AnchoredPlacement;
+export declare function placeAnchored(anchor: HTMLElement, width: number, needed: number, gap?: number, overlap?: boolean): AnchoredPlacement;