@usableapp/cardds 0.1.0

package/dist/actions/Chip.d.ts

@@ -0,0 +1,328 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface ChipProps extends ComponentPropsWithoutRef<'span'> {
+    /** filled accent: the selected / live state */
+    on?: boolean;
+    /** a leading signal dot: `a` (the accent signal) or `b` (the secondary) */
+    dot?: 'a' | 'b';
+    /** a speech tail under the chip (a mascot's greeting) */
+    bubble?: boolean;
+    /** the element: span (default), a link, or a button */
+    as?: 'span' | 'a' | 'button';
+    href?: string;
+    children?: ReactNode;
+}
+/** Chip — a status or attribute tag (with an optional signal Dot), or a small tap target; `on` when it is the live one. For pickers use ChipToggle / ChipPick. */
+export declare function Chip({ on, dot, bubble, as, href, className, children, ...rest }: ChipProps): import("react").DetailedReactHTMLElement<{
+    slot?: string | undefined | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    color?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSpanElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSpanElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    href: string | undefined;
+    type: string | undefined;
+    className: string;
+}, HTMLElement>;
+export interface ChipToggleProps extends Omit<ComponentPropsWithoutRef<'label'>, 'onChange'> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    name?: string;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+/** ChipToggle — an interest / filter chip: shows + off and × on; the state is a native checkbox inside the label. */
+export declare function ChipToggle({ checked, defaultChecked, name, value, onChange, className, children, ...rest }: ChipToggleProps): import("react").JSX.Element;
+export interface ChipPickProps extends Omit<ComponentPropsWithoutRef<'label'>, 'onChange'> {
+    /** radio for pick-one (a time slot), checkbox for pick-many (skills) */
+    type?: 'radio' | 'checkbox';
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+/** ChipPick — a full-width pick target in a ChipGrid (9:00 · 9:30 · …); the picked one fills with accent. */
+export declare function ChipPick({ type, name, value, checked, defaultChecked, onChange, className, children, ...rest }: ChipPickProps): import("react").JSX.Element;
+export interface ChipRowProps extends ComponentPropsWithoutRef<'div'> {
+    /** run the row to the card's edges as a scrolling strip */
+    bleed?: boolean;
+}
+/** ChipRow — chips on a wrapping line (or a bleeding strip). */
+export declare function ChipRow({ bleed, className, ...rest }: ChipRowProps): import("react").JSX.Element;
+export interface ChipGridProps extends ComponentPropsWithoutRef<'div'> {
+}
+/** ChipGrid — equal-width ChipPicks in a grid (time slots, skills). */
+export declare function ChipGrid({ className, ...rest }: ChipGridProps): import("react").JSX.Element;

package/dist/actions/Chip.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
+import { cx } from '../cx';
+import { Dot } from './Dot';
+/** Chip — a status or attribute tag (with an optional signal Dot), or a small tap target; `on` when it is the live one. For pickers use ChipToggle / ChipPick. */
+export function Chip({ on, dot, bubble, as, href, className, children, ...rest }) {
+    const el = as ?? (href ? 'a' : 'span');
+    return createElement(el, { href, type: el === 'button' ? 'button' : undefined, className: cx('chip', on && 'chip--on', bubble && 'chip--bubble', className), ...rest }, dot && _jsx(Dot, { b: dot === 'b' }), children);
+}
+/** ChipToggle — an interest / filter chip: shows + off and × on; the state is a native checkbox inside the label. */
+export function ChipToggle({ checked, defaultChecked, name, value, onChange, className, children, ...rest }) {
+    return (_jsxs("label", { className: cx('chip chip--toggle', className), ...rest, children: [_jsx("input", { type: "checkbox", checked: checked, defaultChecked: defaultChecked, name: name, value: value, onChange: onChange }), children] }));
+}
+/** ChipPick — a full-width pick target in a ChipGrid (9:00 · 9:30 · …); the picked one fills with accent. */
+export function ChipPick({ type = 'radio', name, value, checked, defaultChecked, onChange, className, children, ...rest }) {
+    return (_jsxs("label", { className: cx('chip chip--pick', className), ...rest, children: [_jsx("input", { type: type, name: name, value: value, checked: checked, defaultChecked: defaultChecked, onChange: onChange }), children] }));
+}
+/** ChipRow — chips on a wrapping line (or a bleeding strip). */
+export function ChipRow({ bleed, className, ...rest }) {
+    return _jsx("div", { className: cx('chip-row', bleed && 'bleed', className), ...rest });
+}
+/** ChipGrid — equal-width ChipPicks in a grid (time slots, skills). */
+export function ChipGrid({ className, ...rest }) {
+    return _jsx("div", { className: cx('chip-grid', className), ...rest });
+}

package/dist/actions/Dot.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export interface DotProps extends ComponentPropsWithoutRef<'span'> {
+    /** the secondary signal colour */
+    b?: boolean;
+}
+/** Dot — the signal dot in chips, legends and row metas. */
+export declare function Dot({ b, className, ...rest }: DotProps): import("react").JSX.Element;

package/dist/actions/Dot.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../cx';
+/** Dot — the signal dot in chips, legends and row metas. */
+export function Dot({ b, className, ...rest }) {
+    return _jsx("span", { className: cx('dot', b && 'dot--b', className), ...rest });
+}

package/dist/actions/Dropdown.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { type IconName } from '../type/Icon';
+export interface DropdownProps extends ComponentPropsWithoutRef<'div'> {
+    /** unique id — the popover menu's id the trigger targets */
+    id: string;
+    /** the current value's label shown in the pill */
+    label: ReactNode;
+    /** right-aligned trigger: the panel grows leftwards (in TopBar actions) */
+    end?: boolean;
+    /** MenuItems */
+    children?: ReactNode;
+}
+/**
+ * Dropdown — THE select: a pill trigger + a Menu popover anchored under it (native popover: light dismiss, Esc).
+ * Never a native `<select>`. Children are MenuItems; cardds.js copies the picked item's label into the pill
+ * and fires "change" on the Dropdown. In a FilterRow dropdowns share the width.
+ */
+export declare function Dropdown({ id, label, end, className, children, ...rest }: DropdownProps): import("react").JSX.Element;
+export interface MenuProps extends Omit<ComponentPropsWithoutRef<'div'>, 'popover'> {
+    /** render as a popover panel (needs an id and an invoker with popoverTarget); omit for an inline menu card */
+    popover?: boolean;
+}
+/** Menu — a card of MenuItems: a popover anchored to its button, or inline rows of icon + label. */
+export declare function Menu({ popover, className, ...rest }: MenuProps): import("react").JSX.Element;
+export interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {
+    /** the value cardds.js reports on change */
+    value?: string;
+    /** the current choice */
+    current?: boolean;
+    /** a leading icon */
+    icon?: IconName;
+}
+/** MenuItem — one row in a Menu (48px tall): optional icon, label; the current one is filled. */
+export declare function MenuItem({ value, current, icon, className, children, ...rest }: MenuItemProps): import("react").JSX.Element;

package/dist/actions/Dropdown.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../cx';
+import { Icon } from '../type/Icon';
+/**
+ * Dropdown — THE select: a pill trigger + a Menu popover anchored under it (native popover: light dismiss, Esc).
+ * Never a native `<select>`. Children are MenuItems; cardds.js copies the picked item's label into the pill
+ * and fires "change" on the Dropdown. In a FilterRow dropdowns share the width.
+ */
+export function Dropdown({ id, label, end, className, children, ...rest }) {
+    return (_jsxs("div", { className: cx('dropdown', end && 'dropdown--end', className), ...rest, children: [_jsxs("button", { type: "button", className: "dropdown__btn", popoverTarget: id, children: [_jsx("span", { className: "dropdown__label", children: label }), _jsx(Icon, { name: "chevron-down", size: "xs" })] }), _jsx("div", { className: "menu", id: id, popover: "auto", children: children })] }));
+}
+/** Menu — a card of MenuItems: a popover anchored to its button, or inline rows of icon + label. */
+export function Menu({ popover, className, ...rest }) {
+    return _jsx("div", { className: cx('menu', className), popover: popover ? 'auto' : undefined, ...rest });
+}
+/** MenuItem — one row in a Menu (48px tall): optional icon, label; the current one is filled. */
+export function MenuItem({ value, current, icon, className, children, ...rest }) {
+    return (_jsxs("button", { type: "button", className: cx('menu__item', className), "data-value": value, "aria-current": current ? 'true' : undefined, ...rest, children: [icon && _jsx(Icon, { name: icon }), children] }));
+}

package/dist/actions/Fab.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import { type IconName } from '../type/Icon';
+export interface FabProps extends ComponentPropsWithoutRef<'button'> {
+    label: string;
+    icon?: IconName;
+    invert?: boolean;
+}
+/** Fab — the square floating action at the bottom-right of a stage or screen (above the bar). */
+export declare function Fab({ label, icon, invert, className, children, ...rest }: FabProps): import("react").JSX.Element;

package/dist/actions/Fab.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../cx';
+import { Icon } from '../type/Icon';
+/** Fab — the square floating action at the bottom-right of a stage or screen (above the bar). */
+export function Fab({ label, icon = 'plus', invert = true, className, children, ...rest }) {
+    return (_jsx("button", { type: "button", "aria-label": label, className: cx('icon-btn fab', invert && 'icon-btn--invert', className), ...rest, children: children ?? _jsx(Icon, { name: icon }) }));
+}