@passui/react 0.1.46 → 0.2.0

package/src/styles/page-scale.css

@@ -0,0 +1,27 @@
+/*
+ * Opt in page scaling behind a Drawer. Put `data-passui-page` on the app root.
+ * The Drawer writes --passui-page-scale, --passui-page-radius and --passui-page-y,
+ * computed from `pageScale` in @passui/tokens/motion.
+ */
+[data-passui-page][data-passui-page-active] {
+	transform-origin: top center;
+	transform: translate3d(0, var(--passui-page-y, 0px), 0)
+		scale(var(--passui-page-scale, 1));
+	border-radius: var(--passui-page-radius, 0px);
+	overflow: hidden;
+	transition:
+		transform var(--duration-sheet) var(--ease-sheet),
+		border-radius var(--duration-sheet) var(--ease-sheet);
+}
+
+[data-passui-page][data-passui-page-dragging] {
+	transition: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	[data-passui-page][data-passui-page-active] {
+		transform: none;
+		border-radius: 0;
+		transition: none;
+	}
+}

package/src/styles/styles.css

@@ -1,6 +1,8 @@
 @import "@passui/tokens/styles.css";
 
-@source "../";
 @import "./code-block.css";
-
 @import "./motion-controls.css";
+@import "./page-scale.css";
+
+@source "../";
+@source "../../dist";

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

@@ -1,2 +0,0 @@
-export * from "./platform";
-export * from "./theme";

package/dist/types/src/appearance/theme.d.ts

@@ -1,71 +0,0 @@
-import type { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from "react";
-type ValueObject = {
-    [themeName: string]: string;
-};
-/**
- * Props for the useTheme hook
- * @author la niina
- */
-export type UseThemeProps = {
-    /** List of all available theme names */
-    themes: Array<string>;
-    /** Forced theme name for the current page */
-    forcedTheme?: string | undefined;
-    /** Update the theme */
-    setTheme: Dispatch<SetStateAction<string>>;
-    /** Active theme name */
-    theme?: string | undefined;
-    /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
-    systemTheme?: SystemTheme | undefined;
-};
-export type SystemTheme = "dark" | "light";
-export type Attribute = `data-${string}` | "class";
-export interface ThemeProviderProps extends PropsWithChildren {
-    /** List of all available theme names */
-    themes?: Array<string> | undefined;
-    /** Forced theme name for the current page */
-    forcedTheme?: string | undefined;
-    /** Whether to switch between dark and light themes based on prefers-color-scheme */
-    enableSystem?: boolean | undefined;
-    /** Disable all CSS transitions when switching themes */
-    disableTransitionOnChange?: boolean | undefined;
-    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
-    enableColorScheme?: boolean | undefined;
-    /** Key used to store theme setting in localStorage */
-    storageKey?: string | undefined;
-    /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
-    defaultTheme?: string | undefined;
-    /** HTML attribute modified based on the active theme. Accepts `class`, `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.), or an array which could include both */
-    attribute?: Attribute | Array<Attribute> | undefined;
-    /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
-    value?: ValueObject | undefined;
-    /** Nonce string to pass to the inline script for CSP headers */
-    nonce?: string | undefined;
-}
-/**
- * Hook to access the theme context
- * @returns {UseThemeProps} theme context
- * @example
- * const { theme, setTheme } = useTheme()
- */
-export declare const useTheme: () => UseThemeProps;
-/**
- * Theme provider component is used to wrap your app &
- * provide theme context to all components. It can be used to switch
- * between themes.
- * @author la niina
- * @param {ThemeProviderProps} props
- * @returns {ReactNode} children
- * @example
- * <ThemeProvider attribute="class" disableTransitionOnChange>
- *     <App />
- * </ThemeProvider>
- *
- * @example
- * <ThemeProvider themes={["light", "queer", "dark", "system"]} defaultTheme="light">
- *     <App />
- * </ThemeProvider>
- */
-export declare const ThemeProvider: (props: ThemeProviderProps) => ReactNode;
-export declare const script: (attribute: Attribute | Array<Attribute>, storageKey: string, defaultTheme: string, forcedTheme: string | undefined, themes: Array<string>, value: ValueObject | undefined, enableSystem: boolean, enableColorScheme: boolean) => void;
-export {};

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

@@ -1,23 +0,0 @@
-import type { ReactNode } from "react";
-import { type DisclosureGroupSize } from "../disclosure-group/disclosure-group";
-export type AccordionSize = DisclosureGroupSize;
-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;
-    /** Density passed through to each DisclosureGroup. @default "md" */
-    size?: AccordionSize;
-    className?: string;
-}
-/** A single-open, collapsible accordion with labelled animated content regions. */
-export declare function Accordion({ items, value, onValueChange, size, className, }: AccordionProps): import("react").JSX.Element;

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

@@ -1 +0,0 @@
-export * from "./ambient";

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

@@ -1,19 +0,0 @@
-import type { ReactNode } from "react";
-export type BreadcrumbSize = "sm" | "md";
-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;
-    /** Text scale. @default "md" */
-    size?: BreadcrumbSize;
-}
-/** Ancestors stay links; the final item identifies the current page. */
-export declare function Breadcrumb({ label, items, className, renderLink, size, }: BreadcrumbProps): import("react").JSX.Element;

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

@@ -1,12 +0,0 @@
-export type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "accent";
-/** Icon-only buttons use the same sizing contract as Button. */
-export declare const iconButtonSizes: {
-    readonly icon: "size-11 p-0 rounded-full";
-    readonly "icon-xs": "size-8 p-0 rounded-full";
-    readonly "icon-sm": "size-9 p-0 rounded-full";
-    readonly "icon-lg": "size-12 p-0 rounded-full";
-};
-export type IconButtonSize = keyof typeof iconButtonSizes;
-export type ButtonSize = "default" | "xs" | "sm" | "lg" | "icon-full" | IconButtonSize;
-export declare const buttonVariants: Record<ButtonVariant, string>;
-export declare const buttonSizes: Record<ButtonSize, string>;

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

@@ -1,32 +0,0 @@
-import { type ButtonHTMLAttributes } from "react";
-import { type ButtonSize, type ButtonVariant } from "./button-styles";
-export type { ButtonSize, ButtonVariant };
-/**
- * Each variant has a little depth: a fine highlight along the top edge and
- * a soft, layered shadow, like a well-made physical key.
- */
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Visual emphasis: `default` (solid), `accent` (main action),
-     * `secondary` (quiet fill), `outline`, `ghost`, `link`, or `destructive`.
-     * @default "default"
-     */
-    variant?: ButtonVariant;
-    /**
-     * Label sizes: `xs`, `sm`, `default`, `lg`.
-     * Icon sizes: `icon-xs`, `icon-sm`, `icon`, `icon-lg`, `icon-full`.
-     * Prefer IconButton for an icon with a built-in accessible label.
-     * @default "default"
-     */
-    size?: ButtonSize;
-    /** Shows a delayed spinner, keeps the button's width, and prevents repeat presses.
-     * @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;
-/** A native button with Passui styling, pending feedback, and an HTMLButtonElement ref. */
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,10 +0,0 @@
-import { type ButtonProps } from "./button";
-import type { ButtonVariant, IconButtonSize } from "./button-styles";
-export type { ButtonVariant, IconButtonSize };
-export interface IconButtonProps extends Omit<ButtonProps, "size"> {
-    /** Icon-only actions must have an accessible name. */
-    label: string;
-    size?: IconButtonSize;
-}
-/** An accessible icon-only presentation of Button, sharing its interaction behavior. */
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/src/components/button/pending-spinner.d.ts

@@ -1,5 +0,0 @@
-/**
- * Centred over the button while it is pending: fades in, spins, and is
- * sized from the text so it suits every button size.
- */
-export declare function PendingSpinner(): import("react").JSX.Element;

package/dist/types/src/components/button/use-pending-indicator.d.ts

@@ -1,2 +0,0 @@
-export declare function schedulePendingIndicator(onShow: () => void): () => void;
-export declare function usePendingIndicator(isPending: boolean): boolean;

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

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from "react";
-export type ChipTone = "neutral" | "accent" | "public" | "family" | "friends";
-export type ChipSize = "xs" | "sm" | "md";
-export interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
-    /** `neutral`, `accent`, `public`, `family`, or `friends`. @default "neutral" */
-    tone?: ChipTone;
-    /** `xs`, `sm`, or `md`. @default "sm" */
-    size?: ChipSize;
-}
-export declare function Chip({ tone, size, className, ...props }: ChipProps): import("react").JSX.Element;

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

@@ -1,13 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-export type CodeBlockSize = "sm" | "md" | "lg";
-export interface CodeBlockProps extends Omit<ComponentProps<"div">, "children" | "size"> {
-    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 font size, padding and line gutter scale. @default "md" */
-    size?: CodeBlockSize;
-}
-/** Code presentation without shipping a highlighter or formatter to consumers. */
-export declare function CodeBlock({ code, children, lineNumbers, size, className, ...props }: CodeBlockProps): import("react").JSX.Element;

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

@@ -1,9 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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/compact-date-picker/calendar-month.d.ts

@@ -1,25 +0,0 @@
-/** A calendar day, with `month` counted from 1. */
-export interface CalendarDay {
-    year: number;
-    month: number;
-    day: number;
-}
-/** Reads `YYYY-MM-DD`; null for anything else, or a date that doesn't exist. */
-export declare function parseDay(value: string): CalendarDay | null;
-export declare function formatDay({ year, month, day }: CalendarDay): string;
-/** Moves by whole days, across months and years. */
-export declare function addDays(day: CalendarDay, count: number): CalendarDay;
-/** Moves by months, keeping the day where the month allows (31 Jan + 1 is 28 or 29 Feb). */
-export declare function addMonths(day: CalendarDay, count: number): CalendarDay;
-/**
- * The first day of the week where `locale` is used, 1 (Monday) to 7
- * (Sunday), from the browser where it knows, else Monday except in the
- * places that start on Sunday.
- */
-export declare function firstWeekday(locale: string): number;
-/** Six weeks covering `year`/`month`, starting on `firstDay` (1 to 7). */
-export declare function monthGrid(year: number, month: number, firstDay: number): Array<CalendarDay & {
-    inMonth: boolean;
-}>;
-/** Whether `value` (`YYYY-MM-DD`) lies within the optional bounds. */
-export declare function withinBounds(value: string, min?: string, max?: string): boolean;

package/dist/types/src/components/compact-date-picker/compact-date-picker.d.ts

@@ -1,30 +0,0 @@
-import { type PickerSize } from "../picker/picker-trigger";
-export interface CompactDatePickerProps {
-    /** `YYYY-MM-DD`, or "" when no date is chosen. */
-    value: string;
-    onChange: (value: string) => void;
-    /** Names the button and the calendar for assistive technology. */
-    label: string;
-    locale: string;
-    min?: string;
-    max?: string;
-    /** Shown when no date is chosen. */
-    placeholder?: string;
-    labels: {
-        previousMonth: string;
-        nextMonth: string;
-        /** Offers to remove the date, for optional dates. */
-        clear?: string;
-    };
-    className?: string;
-    /** Prevents opening the date panel. @default false */
-    disabled?: boolean;
-    /** Trigger button density; matches Picker's sm | md | lg. @default "md" */
-    size?: PickerSize;
-}
-/**
- * A date as a compact button that opens a month calendar, like SwiftUI's
- * compact DatePicker: for dates on a calendar, such as an event or an
- * invoice. For dates people know by heart, like a birthday, use DatePicker.
- */
-export declare function CompactDatePicker({ value, onChange, label, locale, min, max, placeholder, labels, className, disabled, size, }: CompactDatePickerProps): import("react").JSX.Element;

package/dist/types/src/components/compact-time-picker/compact-time-picker.d.ts

@@ -1,29 +0,0 @@
-import { type PickerSize } from "../picker/picker-trigger";
-export interface CompactTimePickerProps {
-    /** `HH:MM` on a 24 hour clock, or "" when no time is chosen. */
-    value: string;
-    onChange: (value: string) => void;
-    /** Names the button and the panel for assistive technology. */
-    label: string;
-    locale: string;
-    /** Minutes offered, in steps; an exact time already chosen is kept. */
-    minuteStep?: number;
-    /** Shown when no time is chosen. */
-    placeholder?: string;
-    labels: {
-        hour: string;
-        minute: string;
-        period: string;
-    };
-    className?: string;
-    /** Prevents opening the time panel. @default false */
-    disabled?: boolean;
-    /** Trigger button density; matches Picker's sm | md | lg. @default "md" */
-    size?: PickerSize;
-}
-/**
- * A time as a compact button that opens columns of hours and minutes,
- * like SwiftUI's compact DatePicker for times, on the clock the locale
- * reads (12 hours with AM and PM, or 24).
- */
-export declare function CompactTimePicker({ value, onChange, label, locale, minuteStep, placeholder, labels, className, disabled, size, }: CompactTimePickerProps): import("react").JSX.Element;

package/dist/types/src/components/compact-time-picker/time-value.d.ts

@@ -1,18 +0,0 @@
-/** A time of day on a 24 hour clock. */
-export interface TimeOfDay {
-    hour: number;
-    minute: number;
-}
-/** Reads `HH:MM` (24 hour); null for anything else. */
-export declare function parseTime(value: string): TimeOfDay | null;
-export declare function formatTime({ hour, minute }: TimeOfDay): string;
-/** Whether people where `locale` is used read time on a 12 hour clock. */
-export declare function usesTwelveHours(locale: string): boolean;
-/** The hour as shown on a 12 hour clock (12, 1 to 11) and whether it's after noon. */
-export declare function toTwelveHours(hour: number): {
-    hour: number;
-    pm: boolean;
-};
-export declare function fromTwelveHours(hour: number, pm: boolean): number;
-/** Minutes offered in steps of `step`, keeping `current` when it falls between them. */
-export declare function minuteChoices(step: number, current?: number): number[];

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

@@ -1,12 +0,0 @@
-import type { ReactNode, ComponentProps } from "react";
-export type ContentUnavailableViewSize = "sm" | "md" | "lg";
-export interface ContentUnavailableViewProps extends Omit<ComponentProps<"div">, "title"> {
-    title: string;
-    description?: string;
-    icon?: ReactNode;
-    actions?: ReactNode;
-    /** Title, description and vertical rhythm. @default "md" */
-    size?: ContentUnavailableViewSize;
-}
-/** A focused empty or unavailable state with an optional next action. */
-export declare function ContentUnavailableView({ title, description, icon, actions, size, className, ...props }: ContentUnavailableViewProps): import("react").JSX.Element;

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

@@ -1,51 +0,0 @@
-import { type ComponentPropsWithoutRef, type PropsWithChildren, type ReactNode } from "react";
-export type ContentViewVariant = keyof typeof variants;
-export type ContentViewHeadingLevel = "h1" | "h2" | "h3";
-export type ContentViewSize = "sm" | "md" | "lg";
-type ContentViewProps = ComponentPropsWithoutRef<"section"> & {
-    variant?: ContentViewVariant;
-    /** Container radius, section gap and text scale. @default "md" */
-    size?: ContentViewSize;
-};
-type RowProps = ComponentPropsWithoutRef<"div">;
-type SectionProps = ComponentPropsWithoutRef<"section">;
-type HeaderProps = PropsWithChildren<{
-    heading: string;
-    p?: string;
-    pClassName?: string;
-    icon?: ReactNode;
-    action?: ReactNode;
-    actionClassName?: string;
-    as?: ContentViewHeadingLevel;
-    className?: string;
-}>;
-type H1Props = ComponentPropsWithoutRef<"h1">;
-type H2Props = ComponentPropsWithoutRef<"h2">;
-type PProps = ComponentPropsWithoutRef<"p">;
-type SpanProps = ComponentPropsWithoutRef<"span">;
-type SubProps = ComponentPropsWithoutRef<"sub">;
-declare const variants: {
-    readonly elevated: string;
-};
-export declare function ContentView({ variant, size, className, children, ...props }: ContentViewProps): import("react").JSX.Element;
-export declare namespace ContentView {
-    export { Row };
-    export { Section };
-    export { Header };
-    export { Divider };
-    export { H1 };
-    export { H2 };
-    export { P };
-    export { Span };
-    export { Sub };
-}
-declare function Row({ className, children, ...props }: RowProps): import("react").JSX.Element;
-declare function Section({ className, children, ...props }: SectionProps): import("react").JSX.Element;
-declare function Header({ heading, p, pClassName, icon, action, actionClassName, as: Tag, className, children, }: HeaderProps): import("react").JSX.Element;
-declare function Divider(): import("react").JSX.Element;
-declare function H1({ className, children, ...props }: H1Props): import("react").JSX.Element;
-declare function H2({ className, children, ...props }: H2Props): import("react").JSX.Element;
-declare function P({ className, children, ...props }: PProps): import("react").JSX.Element;
-declare function Span({ className, children, ...props }: SpanProps): import("react").JSX.Element;
-declare function Sub({ className, children, ...props }: SubProps): import("react").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export * from "./content-view";

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

@@ -1,2 +0,0 @@
-/** Follow-up menus share ownership until the last surface finishes closing. */
-export declare function concealMenuSource(element: HTMLElement, inert: boolean): () => boolean;

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

@@ -1,2 +0,0 @@
-/** Renders the open context menu. Mount once, near the app root. */
-export declare function ContextMenuHost(): import("react").JSX.Element;

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

@@ -1,62 +0,0 @@
-import type { ReactNode } from "react";
-import type { MenuRect } from "./menu-reveal";
-export type ContextMenuAlignX = "start" | "end";
-export type ContextMenuAlignY = "top" | "bottom";
-export type ContextMenuEdge = "leading" | "trailing";
-export type ContextMenuSize = "sm" | "md" | "lg";
-/** One row of a context menu, or a divider between groups of rows. */
-export type ContextMenuItem = {
-    label: string;
-    icon?: ReactNode;
-    onSelect: () => void;
-    destructive?: boolean;
-    disabled?: boolean;
-    /** Marks the current choice, e.g. a note's kind. */
-    checked?: boolean;
-} | {
-    heading: string;
-} | "divider";
-export interface OpenMenu {
-    id: number;
-    anchor: Element | null;
-    x: number;
-    y: number;
-    items: ContextMenuItem[];
-    /** Opened by long-press: bigger rows for fingers. */
-    touch: boolean;
-    /** Surface, item and heading density. @default "md" */
-    size: ContextMenuSize;
-    /** Which edge of the menu sits at `x`: its left (`start`) or its right (`end`). */
-    alignX: ContextMenuAlignX;
-    /** Which edge of the menu sits at `y`: its top (`top`) or its bottom (`bottom`). */
-    alignY: ContextMenuAlignY;
-    source?: MenuRect;
-    toolbar?: HTMLElement;
-    toolbarRect?: MenuRect;
-    restoreFocus?: boolean;
-}
-/** Opens a menu at a point, such as where a pointer was pressed. */
-export declare function openContextMenu(x: number, y: number, items: ContextMenuItem[], touch?: boolean, anchor?: Element | null, size?: ContextMenuSize): void;
-/**
- * Opens a second menu where the last one stood, the way an iOS menu swaps
- * in a submenu: a long list (a note's fonts, its kinds) stays one row in the
- * first menu instead of making it tall.
- */
-export declare function openFollowUpMenu(items: ContextMenuItem[]): void;
-/**
- * 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.
- */
-export declare function openMenu(anchor: Element, items: ContextMenuItem[], { edge, above, toolbar, size, }?: {
-    edge?: ContextMenuEdge;
-    above?: boolean;
-    /** Replace this action group with a horizontally expanding menu surface. */
-    toolbar?: HTMLElement;
-    /** Surface, item and heading density. @default "md" */
-    size?: ContextMenuSize;
-}): void;
-export declare function closeContextMenu(restoreFocus?: boolean): void;
-export declare function subscribeContextMenu(listener: () => void): () => void;
-export declare function getContextMenu(): OpenMenu | null;

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

@@ -1,6 +0,0 @@
-export type MenuNavigationKey = "ArrowDown" | "ArrowUp" | "Home" | "End";
-export declare function isMenuNavigationKey(key: string): key is MenuNavigationKey;
-/** Index of the next enabled action in a menu, with wrapping arrow navigation. */
-export declare function nextMenuIndex(key: MenuNavigationKey, current: number, count: number): number;
-/** Finds a matching label after the current action, wrapping at the end. */
-export declare function findMenuTypeaheadIndex(labels: ReadonlyArray<string>, query: string, current: number): number;

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

@@ -1,21 +0,0 @@
-import type { OpenMenu } from "./context-menu-store";
-import type { MenuRect } from "./menu-reveal";
-type MenuAnchor = Pick<OpenMenu, "x" | "y" | "alignX" | "alignY">;
-type MenuSize = Pick<MenuRect, "width" | "height">;
-type MenuBounds = {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-};
-/** Fit within the current visible viewport, including a keyboard or Safari pan. */
-export declare function menuPosition(menu: MenuAnchor, size: MenuSize, bounds: MenuBounds): {
-    left: number;
-    top: number;
-    originX: number;
-    originY: number;
-    maxHeight: number;
-    width: number;
-    height: number;
-};
-export {};

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

@@ -1,26 +0,0 @@
-export type MenuRect = {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-};
-/** Return toward the source while handing its material back to the real trigger. */
-export declare function menuSurfaceExit(source: ReturnType<typeof menuSurfaceReveal>): {
-    opacity: number;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    borderRadius: number;
-};
-/** Animate the material's bounds independently so menu text never stretches. */
-export declare function menuSurfaceReveal(source: MenuRect | undefined, target: MenuRect & {
-    radius?: number;
-}): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    opacity: number;
-    borderRadius: number;
-};

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

@@ -1,14 +0,0 @@
-import { type MouseEvent, type PointerEvent } from "react";
-import { type ContextMenuItem } from "./context-menu-store";
-/**
- * Right-click on desktop, long-press on touch screens: both open the same
- * menu of actions. Spread the returned handlers onto the element.
- */
-export declare function useContextMenu(items: () => ContextMenuItem[]): {
-    onContextMenu(event: MouseEvent): void;
-    onPointerDown(event: PointerEvent): void;
-    onPointerMove(event: PointerEvent): void;
-    onPointerUp: () => void;
-    onPointerCancel: () => void;
-    onClickCapture(event: MouseEvent): void;
-};