@kb.ui/react 0.0.0-stage → 0.10.1

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,293 @@
+import { type ComponentProps } from "react";
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingSize = "sm" | "md" | "lg" | "xl" | "display";
+export type HeadingProps = ComponentProps<"h2"> & {
+    /** Native heading rank; follow document hierarchy. */
+    level?: HeadingLevel;
+    /** Visual size, independent of rank; defaults from level. */
+    size?: HeadingSize;
+};
+export declare function Heading({ level, size, className, ...props }: HeadingProps): import("react").DetailedReactHTMLElement<{
+    key?: import("react").Key | null | undefined;
+    ref?: import("react").Ref<HTMLHeadingElement> | undefined;
+    children?: import("react").ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: ("false" | "true" | boolean) | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    className: string;
+}, HTMLHeadingElement>;

package/dist/components/Inline/Inline.d.ts

@@ -0,0 +1,14 @@
+import type { LayoutAlign, LayoutElementProps, LayoutGap } from "../../utils/layout";
+export type InlineElement = "div" | "ul" | "ol" | "nav";
+export type InlineJustify = "start" | "center" | "end" | "between";
+export type InlineProps<T extends InlineElement = "div"> = LayoutElementProps<T> & {
+    /** Space between items and wrapped rows. */
+    gap?: LayoutGap;
+    /** Cross-axis alignment within each row. */
+    align?: LayoutAlign;
+    /** Main-axis distribution within each row. */
+    justify?: InlineJustify;
+};
+export declare function Inline<T extends InlineElement = "div">({ as, gap, align, justify, className, ...props }: InlineProps<T>): import("react").DetailedReactHTMLElement<Omit<InlineProps<T>, "align" | "as" | "className" | "gap" | "justify"> & {
+    className: string;
+} & Record<`data-${string}`, string>, HTMLElement>;

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,25 @@
+import { Input as BaseInput } from "@base-ui/react/input";
+import type { ReactNode } from "react";
+import { type ClassNames } from "../../utils/kb";
+export type InputSize = "sm" | "md" | "lg";
+export type InputProps = Omit<BaseInput.Props, "size" | "className"> & {
+    /** Plain class string for the root. */
+    className?: string;
+    /** Visible label; required for accessibility. */
+    label: string;
+    /** Hide the label visually, keep it for screen readers. */
+    visuallyHidden?: boolean;
+    /** Helper text under the control. */
+    description?: string;
+    /** Error message; when set the field is invalid. */
+    error?: string;
+    /** Control height scale. */
+    size?: InputSize;
+    /** Content before control text, such as icons. */
+    startContent?: ReactNode;
+    /** Content after control text, such as a named action. */
+    endContent?: ReactNode;
+    /** Classes for inner parts, keyed by part. */
+    classNames?: ClassNames<"label" | "shell" | "start" | "control" | "end" | "description" | "error">;
+};
+export declare function Input({ classNames, label, visuallyHidden, description, error, size, disabled, className, startContent, endContent, "aria-invalid": callerAriaInvalid, ...props }: InputProps): import("react").JSX.Element;

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+export type LinkProps = ComponentProps<"a"> & {
+    /** Navigation destination; use Button for actions. */
+    href: string;
+};
+export declare function Link({ className, ...props }: LinkProps): import("react").JSX.Element;

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,34 @@
+import { Menu as Base } from "@base-ui/react/menu";
+import { Separator } from "@base-ui/react/separator";
+export type MenuProps = Base.Root.Props;
+export type MenuTriggerProps = Base.Trigger.Props;
+export type MenuItemProps = Omit<Base.Item.Props, "className"> & {
+    /** Plain class string; Base UI's function form is not supported. */
+    className?: string;
+};
+export type MenuSeparatorProps = Omit<Separator.Props, "className"> & {
+    /** Plain class string; Base UI's function form is not supported. */
+    className?: string;
+};
+export type MenuContentProps = Omit<Base.Popup.Props, "className"> & {
+    /** Plain class string; Base UI's function form is not supported. */
+    className?: string;
+    /** Portal target; pass the consumer theme host for nested themes. */
+    container?: Base.Portal.Props["container"];
+    /** Side of the trigger the popup prefers. */
+    side?: Base.Positioner.Props["side"];
+    /** Alignment along that side. */
+    align?: Base.Positioner.Props["align"];
+};
+declare function MenuRoot({ onOpenChange, ...props }: MenuProps): import("react").JSX.Element;
+declare function MenuTrigger(props: MenuTriggerProps): import("react").JSX.Element;
+declare function MenuContent({ side, align, className, container, ...props }: MenuContentProps): import("react").JSX.Element;
+declare function MenuItem({ className, ...props }: MenuItemProps): import("react").JSX.Element;
+declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): import("react").JSX.Element;
+export declare const Menu: typeof MenuRoot & {
+    Trigger: typeof MenuTrigger;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    Separator: typeof MenuSeparator;
+};
+export {};

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,67 @@
+import { Combobox as Base } from "@base-ui/react/combobox";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type ClassNames } from "../../utils/kb";
+/** Single selectable option in a MultiSelect list. */
+export interface MultiSelectOption {
+    /** Option value included in `value` and passed to `onValueChange`. */
+    value: string;
+    /** Visible option label shown in the popup list and selection chip. */
+    label: string;
+    /** Prevent selecting or deselecting this option in the list. */
+    disabled?: boolean;
+}
+/** Styleable inner anatomy slots of MultiSelect. */
+export type MultiSelectSlot = "label" | "shell" | "chips" | "chip" | "chipLabel" | "chipRemove" | "input" | "actions" | "clear" | "trigger" | "positioner" | "popup" | "list" | "option" | "optionIndicator" | "optionLabel" | "empty" | "description" | "error";
+/** Props for the searchable multi-select component with removable chips. */
+export interface MultiSelectProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange"> {
+    /** Visible label naming the multiselect input. */
+    label: string;
+    /** Selectable options shown and filtered in the popup list. */
+    options: readonly MultiSelectOption[];
+    /** Selected option values rendered as removable chips. */
+    value: readonly string[];
+    /** Called when the user adds, removes, or clears selected values. */
+    onValueChange: (value: string[]) => void;
+    /** Placeholder text shown when the input is empty. */
+    placeholder?: string;
+    /** Message announced and shown when no options match the query. */
+    emptyMessage?: ReactNode;
+    /** Control height and typography scale. */
+    size?: "sm" | "md" | "lg";
+    /** Supporting helper text linked through `aria-describedby`. */
+    description?: ReactNode;
+    /** Validation error message; marks the control invalid when truthy. */
+    error?: ReactNode;
+    /** Mark the control invalid without an error message. */
+    invalid?: boolean;
+    /** Disable interaction and form submission. */
+    disabled?: boolean;
+    /** Allow focus and inspection while preventing value changes. */
+    readOnly?: boolean;
+    /** Require at least one selection for form validation. */
+    required?: boolean;
+    /** Form field name for native form submission. */
+    name?: string;
+    /** Controlled popup open state. */
+    open?: boolean;
+    /** Initial popup open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when the popup opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled search query text inside the input. */
+    inputValue?: string;
+    /** Called when the search query text changes. */
+    onInputValueChange?: (inputValue: string) => void;
+    /** Accessible name builder for each chip remove button (defaults to `"Remove {option.label}"`). */
+    removeLabel?: (option: MultiSelectOption) => string;
+    /** Accessible name for the clear-all button (defaults to `"Clear {label}"`). */
+    clearLabel?: string;
+    /** Accessible name for the popup toggle button (defaults to `"Toggle {label} options"`). */
+    toggleLabel?: string;
+    /** Portal host; defaults to field root to retain nested themes. */
+    container?: Base.Portal.Props["container"];
+    /** Extra classes for inner parts, keyed by slot name. */
+    classNames?: ClassNames<MultiSelectSlot>;
+}
+/** Searchable multi-choice selection control with removable selection chips. */
+export declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/NumberField/NumberField.d.ts

@@ -0,0 +1,53 @@
+import { NumberField as Base } from "@base-ui/react/number-field";
+import { type ComponentProps, type Ref } from "react";
+import { type ClassNames } from "../../utils/kb";
+export type NumberFieldSize = "sm" | "md" | "lg";
+export type NumberFieldProps = Omit<ComponentProps<"div">, "onChange" | "children" | "defaultValue"> & {
+    /** Accessible label for the numeric input. */
+    label: string;
+    /** Controlled number; null represents an empty field. */
+    value: number | null;
+    /** Receives numeric edits and null on clearing. */
+    onValueChange: (value: number | null) => void;
+    /** Lower stepping bound; typed drafts remain visible outside it. */
+    min?: number;
+    /** Upper stepping bound; typed drafts remain visible outside it. */
+    max?: number;
+    /** Step for buttons and arrows; defaults to one. */
+    step?: number;
+    /** Locale for numeric editing and display. */
+    locale?: Intl.LocalesArgument;
+    /** Native form field name. */
+    name?: string;
+    /** External native form identifier. */
+    form?: string;
+    /** Require a value for native form validation. */
+    required?: boolean;
+    /** Disable editing, stepping and form submission. */
+    disabled?: boolean;
+    /** Preserve value while blocking edits and stepping. */
+    readOnly?: boolean;
+    /** Keep label accessible while hiding it visually. */
+    visuallyHidden?: boolean;
+    /** Help associated with the visible input. */
+    description?: string;
+    /** Invalid message; callers own business validation. */
+    error?: string;
+    /** Control height; defaults to md. */
+    size?: NumberFieldSize;
+    /** Class on the visible numeric input. */
+    inputClassName?: string;
+    /** Class on the group containing the input and steppers. */
+    groupClassName?: string;
+    /** Ref to the visible input; root ref targets the outer div. */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Native input extensions; value and behavior remain controlled. */
+    inputProps?: Omit<Base.Input.Props, "className" | "render" | "value" | "defaultValue" | "onChange" | "id" | "ref" | "type" | "disabled" | "readOnly" | "required" | "name">;
+    /** Localized decrement action; defaults to Decrease plus label. */
+    decrementLabel?: string;
+    /** Localized increment action; defaults to Increase plus label. */
+    incrementLabel?: string;
+    /** Classes for inner parts, keyed by part. */
+    classNames?: ClassNames<"label" | "group" | "input" | "editor" | "decrement" | "increment" | "description" | "error">;
+};
+export declare function NumberField({ classNames, label, value, onValueChange, min, max, step, locale, name, form, required, disabled, readOnly, visuallyHidden, description, error, size, inputClassName, groupClassName, inputRef, inputProps, decrementLabel, incrementLabel, className, "aria-describedby": callerDescription, "aria-invalid": callerAriaInvalid, ...props }: NumberFieldProps): import("react").JSX.Element;

package/dist/components/Panel/Panel.d.ts

@@ -0,0 +1,75 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+import { type ComponentProps } from "react";
+export type PanelTone = "quiet" | "default" | "sunken" | "active" | "critical";
+export type PanelRail = "none" | "accent" | "status";
+export type PanelDensity = "compact" | "standard";
+export type PanelGroupDirection = "row" | "column";
+/** Name the region with aria-labelledby pointing at the heading inside Panel.Header. */
+export type PanelProps = ComponentProps<"section"> & {
+    /** Plane weight: quiet has no seam, sunken recesses, active lifts, critical warns. */
+    tone?: PanelTone;
+    /** Inline-start rail: accent is always accent; status follows the tone. */
+    rail?: PanelRail;
+    /** Padding scale. */
+    density?: PanelDensity;
+    /** Makes Panel.Body collapse and expand from Panel.Toggle. */
+    collapsible?: boolean;
+    /** Controlled open state; collapsible only. */
+    open?: boolean;
+    /** Initial open state; collapsible only. */
+    defaultOpen?: boolean;
+    /** Called when the toggle changes the open state; collapsible only. */
+    onOpenChange?: (open: boolean) => void;
+};
+export type PanelHeaderProps = ComponentProps<"header">;
+export type PanelToolbarProps = ComponentProps<"div">;
+export type PanelBodyProps = ComponentProps<"div">;
+export type PanelFooterProps = ComponentProps<"footer">;
+export type PanelWellProps = ComponentProps<"div">;
+export type PanelToggleProps = Omit<Collapsible.Trigger.Props, "className"> & {
+    /** Plain class string; Base UI's function form is not supported. */
+    className?: string;
+};
+export type PanelGroupProps = ComponentProps<"div"> & {
+    /** Flow of the panels inside the group. */
+    direction?: PanelGroupDirection;
+};
+/** Sizes the panel right before it; the panel after it takes the rest. Needs a name. */
+export type PanelHandleProps = Omit<ComponentProps<"div">, "children" | "role"> & {
+    /** Controlled size of the panel before the handle, in percent of the group. */
+    size?: number;
+    /** Initial size when uncontrolled, in percent. */
+    defaultSize?: number;
+    /** Smallest size in percent; Enter collapses to it. */
+    min?: number;
+    /** Largest size in percent. */
+    max?: number;
+    /** Arrow-key change in percent. */
+    step?: number;
+    /** Called with the next size after a key press or drag. */
+    onSizeChange?: (size: number) => void;
+} & ({
+    "aria-label": string;
+} | {
+    "aria-labelledby": string;
+});
+declare function PanelRoot({ tone, rail, density, collapsible, open, defaultOpen, onOpenChange, className, children, ref, ...props }: PanelProps): import("react").JSX.Element;
+declare function PanelHeader({ className, ...props }: PanelHeaderProps): import("react").JSX.Element;
+declare function PanelToolbar({ className, ...props }: PanelToolbarProps): import("react").JSX.Element;
+declare function PanelBody({ className, ...props }: PanelBodyProps): import("react").JSX.Element;
+declare function PanelFooter({ className, ...props }: PanelFooterProps): import("react").JSX.Element;
+declare function PanelWell({ className, ...props }: PanelWellProps): import("react").JSX.Element;
+declare function PanelToggle({ className, ...props }: PanelToggleProps): import("react").JSX.Element;
+declare function PanelGroup({ direction, className, ...props }: PanelGroupProps): import("react").JSX.Element;
+declare function PanelHandle({ size, defaultSize, min, max, step, onSizeChange, className, ref, onKeyDown, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, ...props }: PanelHandleProps): import("react").JSX.Element;
+export declare const Panel: typeof PanelRoot & {
+    Header: typeof PanelHeader;
+    Toolbar: typeof PanelToolbar;
+    Body: typeof PanelBody;
+    Footer: typeof PanelFooter;
+    Well: typeof PanelWell;
+    Toggle: typeof PanelToggle;
+    Group: typeof PanelGroup;
+    Handle: typeof PanelHandle;
+};
+export {};

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,17 @@
+import { Progress as Base } from "@base-ui/react/progress";
+import type { ReactNode } from "react";
+import { type ClassNames } from "../../utils/kb";
+/** Determinate progress with a visible label; valueText replaces the percent, e.g. "3 of 5". */
+export type ProgressProps = Omit<Base.Root.Props, "className" | "children" | "value"> & {
+    /** Plain class string; Base UI's function form is not supported. */
+    className?: string;
+    /** Visible name of the progressbar. */
+    label: ReactNode;
+    /** Current value, from 0 to max. */
+    value: number;
+    /** Shown beside the label and announced instead of the percent. */
+    valueText?: string;
+    /** Classes for inner parts, keyed by part. */
+    classNames?: ClassNames<"head" | "label" | "value" | "track" | "indicator">;
+};
+export declare function Progress({ classNames, label, value, valueText, className, ...props }: ProgressProps): import("react").JSX.Element;