@tap-payments/os-micro-frontend-shared 0.3.256 → 0.3.258

package/build/components/RadioGroup/type.d.ts

@@ -1,35 +1,72 @@
-import { ReactNode } from 'react';
-import { RadioGroupProps } from '@mui/material/RadioGroup';
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import type { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
+import type { RadioGroupProps as MuiRadioGroupProps } from '@mui/material/RadioGroup';
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { DetailedHTMLProps, ImgHTMLAttributes, ReactNode } from 'react';
 import type { RadioButtonProps } from '../primitives';
+import type { radioGroupClassNames } from './constants';
+export type RadioGroupClassNames = (typeof radioGroupClassNames)[keyof typeof radioGroupClassNames];
+export type RadioGroupSize = 'sm' | 'md' | 'lg';
+export type RadioGroupLayout = 'vertical' | 'horizontal';
+export type RadioGroupLabelPosition = 'start' | 'end' | 'top' | 'bottom';
 export interface RadioOption {
+    /** Unique option value. */
     value: string;
-    label: string;
+    /** Already-translated label. Rendered as-is; string is the common case. */
+    label?: ReactNode;
+    /** Disables this option only. */
     disabled?: boolean;
-    description?: string;
-    icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    /** Optional trailing icon for this option. Rendered via the `Icon` primitive when `src` is set. No ref forwarding — the icon is decorative. */
+    icon?: Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'ref'>;
+    /** Per-option overrides for the underlying `RadioButton` primitive. Wins over `customRadioProps`. */
     customProps?: Partial<RadioButtonProps>;
 }
-export interface CustomRadioGroupProps extends Omit<RadioGroupProps, 'children' | 'title'> {
+/**
+ * Inherits the MUI `RadioGroup` props for `value`, `defaultValue`, `name`
+ * and the rest of the group behaviour — they land on the inner group node.
+ * `className`/`sx` land on the perceived root so `styled(RadioGroup)` overrides keep working.
+ * The optional DOM `id` also becomes the `data-testid` when passed; no fallback id is generated.
+ */
+export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'children' | 'title' | 'className' | 'sx'> {
+    /** Options rendered as one radio row each. */
     options: RadioOption[];
+    /** Fires with the selected option value. */
     onOptionChange?: (value: string) => void;
-    size?: 'small' | 'medium' | 'large';
+    /** Option-row density. @default 'sm' */
+    size?: RadioGroupSize;
+    /** Overrides the option label rendering. Receives the option, returns the already-translated node. */
     customLabelRenderer?: (option: RadioOption) => ReactNode;
-    layout?: 'vertical' | 'horizontal';
+    /** Stacking direction of the options. @default 'vertical' */
+    layout?: RadioGroupLayout;
+    /** Gap between options in px (passed to `theme.v2.spacing`). @default 0 */
     spacing?: number;
-    labelPosition?: 'start' | 'end' | 'top' | 'bottom';
-    showHoverEffects?: boolean;
+    /** Label placement relative to the radio. @default 'end' */
+    labelPosition?: RadioGroupLabelPosition;
+    /** Shared overrides for every option's `RadioButton` primitive. Loses to `option.customProps`. */
     customRadioProps?: Partial<RadioButtonProps>;
-    labelSx?: React.CSSProperties;
-    title?: React.ReactNode;
+    /** Per-instance overrides for the option label text. */
+    labelSx?: SxProps<Theme>;
+    /** Group title rendered above the options. Pass the already-translated string or node. */
+    title?: ReactNode;
+    /** Set on the root node. Never auto-generated. */
+    id?: string;
+    className?: string;
+    sx?: SxProps<Theme>;
+    /** @default id ?? 'RadioGroup' */
+    'data-testid'?: string;
 }
-export interface RadioItemProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
+export interface RadioItemProps extends Omit<MuiFormControlLabelProps, 'control' | 'label' | 'className' | 'sx'> {
+    /** Option driving this row. */
     option: RadioOption;
-    size?: 'small' | 'medium' | 'large';
+    /** Option-row density. @default 'sm' */
+    size?: RadioGroupSize;
+    /** Overrides the option label rendering. */
     customLabelRenderer?: (option: RadioOption) => ReactNode;
-    labelPosition?: 'start' | 'end' | 'top' | 'bottom';
-    showHoverEffects?: boolean;
+    /** Label placement relative to the radio. @default 'end' */
+    labelPosition?: RadioGroupLabelPosition;
+    /** Shared overrides for the `RadioButton` primitive. Loses to `option.customProps`. */
     customRadioProps?: Partial<RadioButtonProps>;
-    labelSx?: React.CSSProperties;
-    icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    /** Per-instance overrides for the label text. */
+    labelSx?: SxProps<Theme>;
+    className?: string;
+    sx?: SxProps<Theme>;
 }

package/build/components/RangeCalender/index.js

@@ -1 +1 @@
-export{a as default}from'../../_chunks/chunk-6WVAYA6W.js';import'../../_chunks/chunk-UFOU3EJK.js';import'../../_chunks/chunk-G5OEG7OX.js';import'../../_chunks/chunk-JNIXJXK3.js';import'../../_chunks/chunk-4Y2COEZC.js';import'../../_chunks/chunk-CZWXKHO7.js';import'../../_chunks/chunk-2GSUGMI7.js';import'../../_chunks/chunk-ZDBICST5.js';
+export{a as default}from'../../_chunks/chunk-AHODKW2D.js';import'../../_chunks/chunk-GUU2BANS.js';import'../../_chunks/chunk-TXVDWYET.js';import'../../_chunks/chunk-M6YVU7V3.js';import'../../_chunks/chunk-FEZOSRP2.js';import'../../_chunks/chunk-ZTZOHMJ3.js';import'../../_chunks/chunk-RNBTIRD7.js';import'../../_chunks/chunk-ZDBICST5.js';

package/build/components/RatingCount/index.js

@@ -1 +1 @@
-export{a as RatingCount}from'../../_chunks/chunk-XKMKTJWE.js';import'../../_chunks/chunk-ZONDSLTR.js';import'../../_chunks/chunk-4Y2COEZC.js';import'../../_chunks/chunk-CZWXKHO7.js';import'../../_chunks/chunk-2GSUGMI7.js';import'../../_chunks/chunk-ZDBICST5.js';
+export{a as RatingCount}from'../../_chunks/chunk-TP2IR3FW.js';import'../../_chunks/chunk-FEZOSRP2.js';import'../../_chunks/chunk-ZTZOHMJ3.js';import'../../_chunks/chunk-RNBTIRD7.js';import'../../_chunks/chunk-ZDBICST5.js';

package/build/components/RatingCount/style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ratingCountAnimation: (index: number) => {
     start: {
         x: number;
@@ -16,3 +17,268 @@ export declare const ratingCountAnimation: (index: number) => {
         };
     };
 };
+/** Motion span that stacks badge images by `order`. */
+export declare const StackedBadgeWrapper: import("@emotion/styled").StyledComponent<{
+    color?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    hidden?: boolean | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: 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;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "text" | "url" | "email" | "search" | "none" | "tel" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "time" | "step" | "location" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "copy" | "none" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | 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"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | 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").FormEventHandler<HTMLSpanElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<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;
+    onDragCapture?: 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;
+    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;
+    onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<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;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    order?: number | undefined;
+}, {}, {}>;

package/build/components/RightLeftExpandingCenterChip/index.js

@@ -1 +1 @@
-export{a as RightLeftExpandingCenterChip}from'../../_chunks/chunk-3GA46JLW.js';import'../../_chunks/chunk-CZWXKHO7.js';import'../../_chunks/chunk-2GSUGMI7.js';import'../../_chunks/chunk-ZDBICST5.js';
+export{a as RightLeftExpandingCenterChip}from'../../_chunks/chunk-FXLC7QM6.js';import'../../_chunks/chunk-ZTZOHMJ3.js';import'../../_chunks/chunk-RNBTIRD7.js';import'../../_chunks/chunk-ZDBICST5.js';

package/build/components/SearchButton/SearchButton.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-import { type StatusButtonProps } from '../StatusButton/type';
-interface SearchButtonProps extends Omit<StatusButtonProps, 'variant'> {
-    onSearchChange?: (value: string) => void;
-    placeholder?: string;
-}
-declare function SearchButton({ onSearchChange, placeholder, ...props }: SearchButtonProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof SearchButton>;
+import type { SearchButtonProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SearchButtonProps & import("react").RefAttributes<HTMLDivElement>>>;
 export default _default;

package/build/components/SearchButton/constants.d.ts

@@ -0,0 +1,37 @@
+export declare const searchButtonClassNamePrefix: "os-shared-SearchButton";
+export declare const searchButtonClassNames: {
+    readonly root: "os-shared-SearchButton-root";
+    readonly field: "os-shared-SearchButton-field";
+    readonly clear: "os-shared-SearchButton-clear";
+    readonly clearIcon: "os-shared-SearchButton-clearIcon";
+    readonly trigger: "os-shared-SearchButton-trigger";
+    readonly triggerActive: "os-shared-SearchButton-triggerActive";
+};
+/** Search icon box (px). */
+export declare const SEARCH_BUTTON_ICON_SIZE = 12;
+/** Trigger width (px). Matches the old search control. */
+export declare const SEARCH_BUTTON_TRIGGER_WIDTH = 30;
+/** Trigger height (px). Matches the old search control. */
+export declare const SEARCH_BUTTON_TRIGGER_HEIGHT = 32;
+/** Collapsed field width (px). Framer animates from this to the expanded width. */
+export declare const SEARCH_BUTTON_FIELD_WIDTH_COLLAPSED = 30;
+/** Expanded field width (px). */
+export declare const SEARCH_BUTTON_FIELD_WIDTH_EXPANDED = 200;
+/** Field width / border transition. */
+export declare const SEARCH_BUTTON_FIELD_TRANSITION: {
+    readonly duration: 0.18;
+    readonly ease: "easeInOut";
+};
+/** Clear-icon fade while the field collapses. */
+export declare const SEARCH_BUTTON_CLEAR_EXIT_TRANSITION: {
+    readonly duration: 0.05;
+    readonly ease: "easeIn";
+};
+/** Root stacking order, under the field and the trigger. */
+export declare const SEARCH_BUTTON_ROOT_Z_INDEX = 3;
+/** Field stacking order, under the clear icon and the trigger. */
+export declare const SEARCH_BUTTON_FIELD_Z_INDEX = 10;
+/** Clear icon and trigger stacking order. */
+export declare const SEARCH_BUTTON_OVERLAY_Z_INDEX = 11;
+/** Clear icon offset from the root's trailing edge (px). Passed to `theme.v2.spacing`. */
+export declare const SEARCH_BUTTON_CLEAR_OFFSET = 48;

package/build/components/SearchButton/icons.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare const SearchButtonSearchIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const SearchButtonClearIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/build/components/SearchButton/index.d.ts

@@ -1,2 +1,3 @@
-import SearchButton from './SearchButton';
-export default SearchButton;
+export { default, default as SearchButton } from './SearchButton';
+export { searchButtonClassNames } from './constants';
+export type { SearchButtonClassNames, SearchButtonProps } from './type';

package/build/components/SearchButton/index.js

@@ -1 +1 @@
-export{a as default}from'../../_chunks/chunk-7GJMLJ2X.js';import'../../_chunks/chunk-YLVW27RP.js';import'../../_chunks/chunk-CK64PBMR.js';import'../../_chunks/chunk-4Y2COEZC.js';import'../../_chunks/chunk-CZWXKHO7.js';import'../../_chunks/chunk-2GSUGMI7.js';import'../../_chunks/chunk-ZDBICST5.js';
+export{b as SearchButton,b as default,a as searchButtonClassNames}from'../../_chunks/chunk-AGUMSHB4.js';import'../../_chunks/chunk-FEZOSRP2.js';import'../../_chunks/chunk-ZTZOHMJ3.js';import'../../_chunks/chunk-RNBTIRD7.js';import'../../_chunks/chunk-ZDBICST5.js';