@baseline-ui/core 0.54.1 → 0.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as React from 'react';
2
- import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, ReactNode, ReactElement, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, MouseEvent, FocusEvent, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
3
- import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
2
+ import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
3
+ import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
4
4
  import { NumberFormatOptions } from '@internationalized/number';
5
5
  import { LocalizedStrings } from '@internationalized/message';
6
6
  import { Theme, Sprinkles } from '@baseline-ui/tokens';
7
- import { PanelProps as PanelProps$1, PanelImperativeHandle, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
7
+ import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  export { MotionGlobalConfig } from 'motion/react';
10
10
 
@@ -1019,6 +1019,15 @@ interface LongPressEvent extends Omit<PressEvent, 'type' | 'continuePropagation'
1019
1019
  type: 'longpressstart' | 'longpressend' | 'longpress'
1020
1020
  }
1021
1021
 
1022
+ interface HoverEvent {
1023
+ /** The type of hover event being fired. */
1024
+ type: 'hoverstart' | 'hoverend',
1025
+ /** The pointer type that triggered the hover event. */
1026
+ pointerType: 'mouse' | 'pen',
1027
+ /** The target element of the hover event. */
1028
+ target: HTMLElement
1029
+ }
1030
+
1022
1031
  interface KeyboardEvents {
1023
1032
  /** Handler that is called when a key is pressed. */
1024
1033
  onKeyDown?: (e: KeyboardEvent$1) => void,
@@ -1035,6 +1044,15 @@ interface FocusEvents<Target = Element> {
1035
1044
  onFocusChange?: (isFocused: boolean) => void
1036
1045
  }
1037
1046
 
1047
+ interface HoverEvents {
1048
+ /** Handler that is called when a hover interaction starts. */
1049
+ onHoverStart?: (e: HoverEvent) => void,
1050
+ /** Handler that is called when a hover interaction ends. */
1051
+ onHoverEnd?: (e: HoverEvent) => void,
1052
+ /** Handler that is called when the hover state changes. */
1053
+ onHoverChange?: (isHovering: boolean) => void
1054
+ }
1055
+
1038
1056
  interface PressEvents {
1039
1057
  /** Handler that is called when the press is released over the target. */
1040
1058
  onPress?: (e: PressEvent) => void,
@@ -1435,7 +1453,7 @@ interface AriaToggleProps extends ToggleProps, FocusableDOMProps, AriaLabelingPr
1435
1453
  'aria-controls'?: string
1436
1454
  }
1437
1455
 
1438
- interface CheckboxProps$1 extends ToggleProps {
1456
+ interface CheckboxProps$2 extends ToggleProps {
1439
1457
  /**
1440
1458
  * Indeterminism is presentational only.
1441
1459
  * The indeterminate visual representation remains regardless of user interaction.
@@ -1443,7 +1461,7 @@ interface CheckboxProps$1 extends ToggleProps {
1443
1461
  isIndeterminate?: boolean
1444
1462
  }
1445
1463
 
1446
- interface AriaCheckboxProps extends CheckboxProps$1, InputDOMProps, AriaToggleProps {}
1464
+ interface AriaCheckboxProps extends CheckboxProps$2, InputDOMProps, AriaToggleProps {}
1447
1465
 
1448
1466
  /*
1449
1467
  * Copyright 2020 Adobe. All rights reserved.
@@ -4001,6 +4019,13 @@ interface StyleRenderProps<T, E extends keyof React__default.JSX.IntrinsicElemen
4001
4019
  /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
4002
4020
  style?: StyleOrFunction<T>;
4003
4021
  }
4022
+ type ChildrenOrFunction<T> = ReactNode | ((values: T & {
4023
+ defaultChildren: ReactNode | undefined;
4024
+ }) => ReactNode);
4025
+ interface RenderProps<T, E extends keyof React__default.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
4026
+ /** The children of the component. A function may be provided to alter the children based on component state. */
4027
+ children?: ChildrenOrFunction<T>;
4028
+ }
4004
4029
  interface SlotProps {
4005
4030
  /**
4006
4031
  * A slot name for the component. Slots allow the component to receive props from a parent component.
@@ -4008,6 +4033,15 @@ interface SlotProps {
4008
4033
  */
4009
4034
  slot?: string | null;
4010
4035
  }
4036
+ interface RACValidation {
4037
+ /**
4038
+ * Whether to use native HTML form validation to prevent form submission
4039
+ * when the value is missing or invalid, or mark the field as required
4040
+ * or invalid via ARIA.
4041
+ * @default 'native'
4042
+ */
4043
+ validationBehavior?: 'native' | 'aria';
4044
+ }
4011
4045
  type DOMRenderFunction<E extends keyof React__default.JSX.IntrinsicElements, T> = (props: React__default.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
4012
4046
  interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T> {
4013
4047
  /**
@@ -4024,6 +4058,70 @@ interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T
4024
4058
  render?: DOMRenderFunction<E, T>;
4025
4059
  }
4026
4060
 
4061
+ interface CheckboxProps$1 extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
4062
+ /**
4063
+ * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
4064
+ * @default 'react-aria-Checkbox'
4065
+ */
4066
+ className?: ClassNameOrFunction<CheckboxRenderProps>;
4067
+ /**
4068
+ * A ref for the HTML input element.
4069
+ */
4070
+ inputRef?: RefObject<HTMLInputElement | null>;
4071
+ }
4072
+ interface CheckboxRenderProps {
4073
+ /**
4074
+ * Whether the checkbox is selected.
4075
+ * @selector [data-selected]
4076
+ */
4077
+ isSelected: boolean;
4078
+ /**
4079
+ * Whether the checkbox is indeterminate.
4080
+ * @selector [data-indeterminate]
4081
+ */
4082
+ isIndeterminate: boolean;
4083
+ /**
4084
+ * Whether the checkbox is currently hovered with a mouse.
4085
+ * @selector [data-hovered]
4086
+ */
4087
+ isHovered: boolean;
4088
+ /**
4089
+ * Whether the checkbox is currently in a pressed state.
4090
+ * @selector [data-pressed]
4091
+ */
4092
+ isPressed: boolean;
4093
+ /**
4094
+ * Whether the checkbox is focused, either via a mouse or keyboard.
4095
+ * @selector [data-focused]
4096
+ */
4097
+ isFocused: boolean;
4098
+ /**
4099
+ * Whether the checkbox is keyboard focused.
4100
+ * @selector [data-focus-visible]
4101
+ */
4102
+ isFocusVisible: boolean;
4103
+ /**
4104
+ * Whether the checkbox is disabled.
4105
+ * @selector [data-disabled]
4106
+ */
4107
+ isDisabled: boolean;
4108
+ /**
4109
+ * Whether the checkbox is read only.
4110
+ * @selector [data-readonly]
4111
+ */
4112
+ isReadOnly: boolean;
4113
+ /**
4114
+ * Whether the checkbox invalid.
4115
+ * @selector [data-invalid]
4116
+ */
4117
+ isInvalid: boolean;
4118
+ /**
4119
+ * Whether the checkbox is required.
4120
+ * @selector [data-required]
4121
+ */
4122
+ isRequired: boolean;
4123
+ }
4124
+
4027
4125
  interface AutocompleteProps$1 {
4028
4126
  /** The value of the autocomplete input (controlled). */
4029
4127
  inputValue?: string;
@@ -4661,6 +4759,13 @@ interface GridLayoutOptions {
4661
4759
  * @default 48
4662
4760
  */
4663
4761
  loaderHeight?: number;
4762
+ /**
4763
+ * The layout direction. When 'rtl', drop target positions ('before'/'after')
4764
+ * are swapped for multi-column layouts so the logical position matches the
4765
+ * visual intent.
4766
+ * @default 'ltr'
4767
+ */
4768
+ direction?: 'ltr' | 'rtl';
4664
4769
  }
4665
4770
  /**
4666
4771
  * GridLayout is a virtualizer Layout implementation
@@ -4672,6 +4777,7 @@ declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> ext
4672
4777
  protected gap: Size;
4673
4778
  protected dropIndicatorThickness: number;
4674
4779
  protected numColumns: number;
4780
+ protected direction: 'ltr' | 'rtl';
4675
4781
  private contentSize;
4676
4782
  private layoutInfos;
4677
4783
  private margin;
@@ -4966,28 +5072,6 @@ interface ListSection<T = Record<string, any>> {
4966
5072
  }
4967
5073
  type ListItem = ListOption | ListSection;
4968
5074
 
4969
- type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
4970
- /**
4971
- * Indicates whether reordering is enabled.
4972
- *
4973
- * @default false
4974
- */
4975
- enableReorder: boolean;
4976
- /**
4977
- * Whether the items are arranged in a stack or grid.
4978
- *
4979
- * @default stack
4980
- */
4981
- layout: "grid" | "stack";
4982
- /**
4983
- * The primary orientation of the items. Usually this is the direction that
4984
- * the collection scrolls.
4985
- *
4986
- * @default vertical
4987
- */
4988
- orientation: Orientation;
4989
- };
4990
-
4991
5075
  interface BlockProps {
4992
5076
  /**
4993
5077
  * The unique identifier for the block. This is used to identify the block in
@@ -5312,6 +5396,28 @@ declare function isInIframe(el: Node): boolean;
5312
5396
  */
5313
5397
  declare function isInShadowDOM(element: Node | null | undefined): boolean;
5314
5398
 
5399
+ type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
5400
+ /**
5401
+ * Indicates whether reordering is enabled.
5402
+ *
5403
+ * @default false
5404
+ */
5405
+ enableReorder: boolean;
5406
+ /**
5407
+ * Whether the items are arranged in a stack or grid.
5408
+ *
5409
+ * @default stack
5410
+ */
5411
+ layout: "grid" | "stack";
5412
+ /**
5413
+ * The primary orientation of the items. Usually this is the direction that
5414
+ * the collection scrolls.
5415
+ *
5416
+ * @default vertical
5417
+ */
5418
+ orientation: Orientation;
5419
+ };
5420
+
5315
5421
  interface ListHandle$1 {
5316
5422
  /** Scrolls the listbox to the specified item. */
5317
5423
  scrollIntoView: (id: string, options?: ScrollIntoViewOptions) => void;
@@ -6064,6 +6170,33 @@ interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "class
6064
6170
 
6065
6171
  declare const IconColorInput: React__default.ForwardRefExoticComponent<IconColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
6066
6172
 
6173
+ interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
6174
+ /**
6175
+ * The position of the label relative to the input.
6176
+ *
6177
+ * @default top
6178
+ */
6179
+ labelPosition?: "top" | "start";
6180
+ /**
6181
+ * The variant of the number input.
6182
+ *
6183
+ * @default primary
6184
+ */
6185
+ variant?: "primary" | "ghost";
6186
+ /**
6187
+ * Whether to show the stepper buttons.
6188
+ *
6189
+ * @default true
6190
+ */
6191
+ showStepper?: boolean;
6192
+ /** The description to display below the input. */
6193
+ description?: string;
6194
+ /** The error message to display when the input is in an error state. */
6195
+ errorMessage?: string;
6196
+ }
6197
+
6198
+ declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
6199
+
6067
6200
  interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
6068
6201
  /**
6069
6202
  * Whether the slider is read only.
@@ -6083,8 +6216,12 @@ interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<
6083
6216
  * @default false
6084
6217
  */
6085
6218
  includeNumberInput?: boolean;
6219
+ /** Additional class name passed to the embedded number input. */
6220
+ numberInputClassName?: NumberInputProps["className"];
6221
+ /** Additional inline styles merged into the embedded number input. */
6222
+ numberInputStyle?: NumberInputProps["style"];
6086
6223
  }
6087
- interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
6224
+ interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled" | "isReadOnly">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
6088
6225
  /**
6089
6226
  * A function to format the value of the slider.
6090
6227
  *
@@ -6411,7 +6548,7 @@ interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, O
6411
6548
 
6412
6549
  declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
6413
6550
 
6414
- interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
6551
+ interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" | "style">, StylingProps {
6415
6552
  /** The checkbox's label. */
6416
6553
  label?: string;
6417
6554
  /**
@@ -6480,6 +6617,49 @@ type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
6480
6617
 
6481
6618
  declare const DateFormat: React__default.FC<DateFormatProps>;
6482
6619
 
6620
+ type TagVariant = "neutral" | "red" | "green" | "blue" | "high-contrast";
6621
+ interface TagProps extends StylingProps {
6622
+ /**
6623
+ * The content to display inside the tag.
6624
+ */
6625
+ children: React__default.ReactNode;
6626
+ /**
6627
+ * The visual variant of the tag.
6628
+ *
6629
+ * @default "neutral"
6630
+ */
6631
+ variant?: TagVariant;
6632
+ /**
6633
+ * The size of the tag.
6634
+ *
6635
+ * @default "md"
6636
+ */
6637
+ size?: "sm" | "md";
6638
+ /**
6639
+ * An optional icon to display before the tag content.
6640
+ */
6641
+ icon?: React__default.FC<IconProps>;
6642
+ /**
6643
+ * Whether the tag is disabled.
6644
+ *
6645
+ * @default false
6646
+ */
6647
+ isDisabled?: boolean;
6648
+ /**
6649
+ * Whether the tag is selected.
6650
+ *
6651
+ * @default false
6652
+ */
6653
+ isSelected?: boolean;
6654
+ /**
6655
+ * Callback when the remove button is pressed. When provided, a remove button
6656
+ * is rendered.
6657
+ */
6658
+ onRemove?: () => void;
6659
+ }
6660
+
6661
+ declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
6662
+
6483
6663
  interface Item$1 {
6484
6664
  id: string;
6485
6665
  label: string;
@@ -6858,40 +7038,13 @@ interface InlineAlertProps extends StylingProps {
6858
7038
  /**
6859
7039
  * The size of the alert.
6860
7040
  *
6861
- * @default "md"
7041
+ * @default "sm"
6862
7042
  */
6863
7043
  size?: "sm" | "md";
6864
7044
  }
6865
7045
 
6866
7046
  declare const InlineAlert: React__default.ForwardRefExoticComponent<InlineAlertProps & React__default.RefAttributes<HTMLDivElement>>;
6867
7047
 
6868
- interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
6869
- /**
6870
- * The position of the label relative to the input.
6871
- *
6872
- * @default top
6873
- */
6874
- labelPosition?: "top" | "start";
6875
- /**
6876
- * The variant of the number input.
6877
- *
6878
- * @default primary
6879
- */
6880
- variant?: "primary" | "ghost";
6881
- /**
6882
- * Whether to show the stepper buttons.
6883
- *
6884
- * @default true
6885
- */
6886
- showStepper?: boolean;
6887
- /** The description to display below the input. */
6888
- description?: string;
6889
- /** The error message to display when the input is in an error state. */
6890
- errorMessage?: string;
6891
- }
6892
-
6893
- declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
6894
-
6895
7048
  interface DrawerProps extends StylingProps, AriaDialogProps {
6896
7049
  /** The children to render. */
6897
7050
  children: React__default.ReactNode;
@@ -7092,7 +7245,7 @@ type TextProps<T extends keyof React__default.JSX.IntrinsicElements = "span"> =
7092
7245
  elementType?: React__default.ElementType;
7093
7246
  };
7094
7247
 
7095
- declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
7248
+ declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
7096
7249
 
7097
7250
  interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
7098
7251
  /**
@@ -7422,7 +7575,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
7422
7575
  /**
7423
7576
  * Indicates whether rich text is enabled or not.
7424
7577
  *
7425
- * @default true
7578
+ * @default false
7426
7579
  */
7427
7580
  enableRichText?: boolean;
7428
7581
  /** The placeholder text to be displayed when the editor is empty. */
@@ -8575,6 +8728,22 @@ declare function usePointProximity({ snapPoints, snapRadius, }: {
8575
8728
  findPointsInRadius: (cursor: Point) => Promise<Point[]>;
8576
8729
  };
8577
8730
 
8731
+ /**
8732
+ * A thin GridLayout subclass that injects the locale direction into layout
8733
+ * options via the Virtualizer's `useLayoutOptions` hook.
8734
+ *
8735
+ * All RTL-aware drop-target logic lives in the patched GridLayout itself — this
8736
+ * subclass only bridges React context (useLocale) into the layout engine.
8737
+ *
8738
+ * TODO: Remove this subclass and the subtree GridLayout patch once the upstream
8739
+ * PR is merged: https://github.com/adobe/react-spectrum/pull/9848
8740
+ */
8741
+ declare class LocaleAwareGridLayout extends GridLayout<unknown, GridLayoutOptions> {
8742
+ useLayoutOptions(): {
8743
+ direction: "ltr" | "rtl";
8744
+ };
8745
+ }
8746
+
8578
8747
  declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
8579
8748
  LIST_BOX: {
8580
8749
  layout: typeof ListLayout;
@@ -8589,7 +8758,7 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
8589
8758
  };
8590
8759
  };
8591
8760
  IMAGE_GALLERY: {
8592
- layout: typeof GridLayout;
8761
+ layout: typeof LocaleAwareGridLayout;
8593
8762
  layoutOptions: {
8594
8763
  minItemSize: Size;
8595
8764
  maxItemSize: Size;
@@ -8714,6 +8883,15 @@ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-clas
8714
8883
 
8715
8884
  declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
8716
8885
 
8886
+ interface SkeletonProps {
8887
+ /** The className applied to the root element of the component. */
8888
+ className?: string;
8889
+ /** The style applied to the root element of the component. */
8890
+ style?: React__default.CSSProperties;
8891
+ }
8892
+
8893
+ declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
8894
+
8717
8895
  /**
8718
8896
  * A hook that creates an IntersectionObserver and observes a target element.
8719
8897
  *
@@ -9124,4 +9302,4 @@ declare namespace reactStately {
9124
9302
  export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
9125
9303
  }
9126
9304
 
9127
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
9305
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };