@wistia/ui 0.23.0-beta.a11f150c.6a32cc6 → 0.23.0-beta.d1fc8fcf.b4e0ead

package/dist/index.d.ts

@@ -6,7 +6,10 @@ import { css } from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from "use-file-picker/validators";
 import { Color } from "culori/fn";
+import * as _$_radix_ui_react_popover0 from "@radix-ui/react-popover";
+import { Anchor, Close, PopoverContentProps as PopoverContentProps$1, Portal, Root, Trigger } from "@radix-ui/react-popover";
 import * as Ariakit from "@ariakit/react";
+import { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
 import { Schema } from "yup";
 import ReactMarkdown from "react-markdown";
 import { ExtractContentTypeFromConfig, FilePickerReturnTypes, ImperativeFilePickerReturnTypes, UseFilePickerConfig, useImperativeFilePickerConfig } from "use-file-picker/types";
@@ -610,7 +613,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
    * Changes the secondary icon for different use cases
    */
   variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "size" | "fullWidth" | "unstyled" | "leftIcon" | "rightIcon" | "variant" | "isLoading">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "variant" | "unstyled" | "fullWidth" | "leftIcon" | "rightIcon" | "isLoading" | "size">, "ref"> | Omit<{
   /**
    * @override
    * The text to display for the ActionButton
@@ -639,7 +642,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
    * Changes the secondary icon for different use cases
    */
   variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "size" | "fullWidth" | "unstyled" | "leftIcon" | "rightIcon" | "variant" | "isLoading">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "variant" | "unstyled" | "fullWidth" | "leftIcon" | "rightIcon" | "isLoading" | "size">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/components/Avatar/Avatar.d.ts
 type AvatarInstanceType = 'image' | 'initials';
@@ -2033,7 +2036,7 @@ declare const ContextMenu: ({
   side,
   onRequestClose,
   compact
-}: ContextMenuProps) => _$react_jsx_runtime0.JSX.Element;
+}: ContextMenuProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/CustomizableThemeWrapper/CustomizableThemeWrapper.d.ts
 type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text' | '--wui-typography-family-brand' | '--wui-typography-family-default' | '--wui-typography-family-mono' | '--wui-typography-weight-body-bold' | '--wui-typography-weight-body' | '--wui-typography-weight-heading' | '--wui-typography-weight-label-bold' | '--wui-typography-weight-label';
@@ -3291,7 +3294,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
 /**
  * Provides a readonly input that copies the text to the clipboard when clicked.
  */
-declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "value" | "disabled" | "type" | "rightIcon" | "autoSelect"> & {
+declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "value" | "disabled" | "rightIcon" | "type" | "autoSelect"> & {
   /**
    * When disabled, the copy action will not be triggered
    */
@@ -3320,7 +3323,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
 /**
  * A password input component with a toggle button to show or hide the password text.
  */
-declare const InputPassword: _$react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
+declare const InputPassword: _$react.ForwardRefExoticComponent<Omit<InputProps, "leftIcon" | "rightIcon" | "type" | "monospace"> & {
   /**
    * Set the disabled state of the input
    */
@@ -3501,6 +3504,10 @@ type MenuProps = MenuControlProps & {
    * The label for the trigger element, this is ignored if `trigger` is defined
    */
   label?: string;
+  /**
+   * Callback for when the user clicks or focuses outside of the menu
+   */
+  onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
   /**
    * The side the menu appears on, relative to the trigger
    */
@@ -3622,7 +3629,7 @@ type MenuItemButtonProps = ButtonProps & {
 };
 //#endregion
 //#region src/components/Menu/MenuItem.d.ts
-declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
   href?: never;
   type?: "button" | "reset" | "submit";
   children: _$react.ReactNode;
@@ -3644,16 +3651,7 @@ declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps
    * Treats the menu item as a link when provided
    */
   href?: MenuItemButtonProps["href"];
-  /**
-   * Whether the menu should close when this item is clicked
-   * @default true
-   */
-  closeOnClick?: boolean;
-  /**
-   * Callback when the item is selected
-   */
-  onSelect?: (event: SyntheticEvent) => void;
-}, "ref"> | Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
   beforeAction?: (() => Promise<void>) | (() => void);
   children: _$react.ReactNode;
   colorScheme?: ColorSchemeTypes;
@@ -3689,16 +3687,7 @@ declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps
    * Treats the menu item as a link when provided
    */
   href?: MenuItemButtonProps["href"];
-  /**
-   * Whether the menu should close when this item is clicked
-   * @default true
-   */
-  closeOnClick?: boolean;
-  /**
-   * Callback when the item is selected
-   */
-  onSelect?: (event: SyntheticEvent) => void;
-}, "ref"> | Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
   beforeAction?: (() => Promise<void>) | (() => void);
   children: _$react.ReactNode;
   colorScheme?: ColorSchemeTypes;
@@ -3740,15 +3729,6 @@ declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps
    * Treats the menu item as a link when provided
    */
   href?: MenuItemButtonProps["href"];
-  /**
-   * Whether the menu should close when this item is clicked
-   * @default true
-   */
-  closeOnClick?: boolean;
-  /**
-   * Callback when the item is selected
-   */
-  onSelect?: (event: SyntheticEvent) => void;
 }, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/components/Menu/MenuItemLabel.d.ts
@@ -3774,19 +3754,15 @@ declare const MenuItemDescription: ({
 }: MenuItemDescriptionProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/Menu/MenuRadioGroup.d.ts
-type MenuRadioGroupProps = {
+type MenuRadioGroupProps = DropdownMenuRadioGroupProps & {
   /**
    * The radio items
    */
   children: ReactNode | ReactNode[];
   /**
-   * The value of the selected radio item
-   */
-  value?: string;
-  /**
-   * Callback when the value changes
+   * @ignore
    */
-  onValueChange?: (value: string) => void;
+  asChild?: never;
 };
 declare const MenuRadioGroup: {
   ({
@@ -3797,7 +3773,7 @@ declare const MenuRadioGroup: {
 };
 //#endregion
 //#region src/components/Menu/RadioMenuItem.d.ts
-type RadioMenuItemProps = MenuItemButtonProps & {
+type RadioMenuItemProps = DropdownMenuRadioItemProps & MenuItemButtonProps & {
   /**
    * Optional `Icon` to use as the indicator that the radio item is selected. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
    */
@@ -3805,7 +3781,7 @@ type RadioMenuItemProps = MenuItemButtonProps & {
   /**
    * The value of the item
    */
-  value: string;
+  value: DropdownMenuRadioItemProps['value'];
   /**
    * @ignore
    */
@@ -3818,10 +3794,6 @@ type RadioMenuItemProps = MenuItemButtonProps & {
    * @ignore
    */
   ref?: never;
-  /**
-   * Callback when the item is selected
-   */
-  onSelect?: (event: SyntheticEvent) => void;
 };
 declare const RadioMenuItem: {
   ({
@@ -3834,7 +3806,7 @@ declare const RadioMenuItem: {
 };
 //#endregion
 //#region src/components/Menu/CheckboxMenuItem.d.ts
-type CheckboxMenuItemProps = MenuItemButtonProps & {
+type CheckboxMenuItemProps = DropdownMenuCheckboxItemProps & MenuItemButtonProps & {
   /** Callback to fire when the checked status changes */onCheckedChange: (checked: boolean) => void;
   /**
    * Optional `Icon` to use as the indicator that the checkbox item is selected. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -3856,10 +3828,6 @@ type CheckboxMenuItemProps = MenuItemButtonProps & {
    * @ignore
    */
   ref?: never;
-  /**
-   * Callback when the item is selected
-   */
-  onSelect?: (event: SyntheticEvent) => void;
 };
 declare const CheckboxMenuItem: {
   ({
@@ -4104,7 +4072,8 @@ type UncontrolledPopoverProps = {
   onOpenChange?: never;
 };
 type PopoverControlProps = ControlledPopoverProps | UncontrolledPopoverProps;
-type PopoverProps = PopoverControlProps & {
+type ContentProps = Omit<PopoverContentProps$1, 'alignOffset' | 'arrowPadding' | 'asChild' | 'collisionPadding' | 'hideWhenDetached' | 'sideOffset' | 'updatePositionStrategy'>;
+type PopoverProps = ContentProps & PopoverControlProps & {
   /**
    * The content of the popover
    */
@@ -4128,13 +4097,13 @@ type PopoverProps = PopoverControlProps & {
   /**
    * An interactive element. Most commonly a [Button](?path=/docs/components-button--docs) or [IconButton]([Button](?path=/docs/components-iconbutton--docs)).
    */
-  trigger: ReactElement;
+  trigger: JSX.Element;
   /**
    * If true, the popover will use the unstyled Content component instead of StyledContent
    */
   unstyled?: boolean;
   /**
-   * If true, the popover will use a custom arrow on the trigger
+   * If true, the popover will use a custom radix arrow to trigger
    */
   withArrow?: boolean;
   /**
@@ -4146,24 +4115,13 @@ type PopoverProps = PopoverControlProps & {
    * Inline styles applied to the popover popup
    */
   style?: CSSProperties;
-  /**
-   * The preferred side of the trigger to render on
-   */
-  side?: 'bottom' | 'left' | 'right' | 'top';
-  /**
-   * The preferred alignment against the trigger
-   */
-  align?: 'center' | 'end' | 'start';
-  /**
-   * Whether the trigger should be treated as a native button (default: true)
-   */
-  nativeButton?: boolean;
 };
 /**
  * Displays rich content in a portal, triggered by a button.
  *
- * For more control — custom anchor, no injected close button, etc. — compose
- * the primitives directly: `PopoverRoot`, `PopoverTrigger`, `PopoverAnchor`,
+ * For more control — custom anchor, access to event handlers like
+ * `onPointerDownOutside`, no injected close button, etc. — compose the
+ * primitives directly: `PopoverRoot`, `PopoverTrigger`, `PopoverAnchor`,
  * `PopoverPortal`, `PopoverContent`, `PopoverClose`.
  */
 declare const Popover: {
@@ -4180,31 +4138,19 @@ declare const Popover: {
     isAnimated,
     colorScheme,
     style,
-    side,
-    align,
-    nativeButton,
     ...props
   }: PopoverProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Popover/PopoverAnchor.d.ts
-type PopoverAnchorProps = {
-  children: ReactNode;
-};
+type PopoverAnchorProps = ComponentPropsWithoutRef<typeof Anchor>;
 /**
  * Positions the popover relative to an element other than the trigger. Useful
  * when the element the user interacts with (e.g. a text input) is separate
  * from what the popover attaches to.
- *
- * Wrap the anchor element and nest `PopoverTrigger` inside it.
  */
-declare const PopoverAnchor: {
-  ({
-    children
-  }: PopoverAnchorProps): JSX.Element;
-  displayName: string;
-};
+declare const PopoverAnchor: _$react.ForwardRefExoticComponent<Omit<_$_radix_ui_react_popover0.PopoverAnchorProps & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/Popover/PopoverArrow.d.ts
 type PopoverArrowProps = {
@@ -4221,25 +4167,13 @@ declare const PopoverArrow: {
 };
 //#endregion
 //#region src/components/Popover/PopoverClose.d.ts
-type PopoverCloseProps = Omit<ComponentPropsWithoutRef<'button'>, 'render'> & {
-  /**
-   * A React element to merge close behavior onto.
-   * When provided, the close button renders this element instead of a plain `<button>`.
-   */
-  render?: ReactElement;
-};
+type PopoverCloseProps = ComponentPropsWithoutRef<typeof Close>;
 /**
  * An element that closes the popover when activated. Defaults to a `<button>`;
- * pass `render` to merge the close behavior onto a single child element. For
+ * pass `asChild` to merge the close behavior onto a single child element. For
  * a pre-styled icon close button, use `PopoverCloseButton`.
  */
-declare const PopoverClose: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & {
-  /**
-   * A React element to merge close behavior onto.
-   * When provided, the close button renders this element instead of a plain `<button>`.
-   */
-  render?: ReactElement;
-} & _$react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverClose: _$react.ForwardRefExoticComponent<Omit<_$_radix_ui_react_popover0.PopoverCloseProps & _$react.RefAttributes<HTMLButtonElement>, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/Popover/PopoverCloseButton.d.ts
 type PopoverCloseButtonProps = {
@@ -4257,48 +4191,44 @@ declare const PopoverCloseButton: {
 };
 //#endregion
 //#region src/components/Popover/PopoverContent.d.ts
-type PopoverContentProps = {
+type PopoverContentProps = Omit<PopoverContentProps$1, 'asChild'> & {
   /** Sets the [color scheme](/docs/color-schemes) applied inside the portal. */colorScheme?: ColorSchemeTypes; /** Remove the default surface styling (padding, background, border, etc.). */
   unstyled?: boolean; /** Applied as `max-width` on the popover surface. Pass `"none"` to uncap. */
   maxWidth?: string; /** Applied as `max-height` on the popover surface. Pass `"none"` to uncap. */
-  maxHeight?: string; /** Which side of the trigger to render the popover on. */
-  side?: 'bottom' | 'left' | 'right' | 'top'; /** How to align the popover relative to the specified side. */
-  align?: 'center' | 'end' | 'start'; /** Distance between the anchor and the popup in pixels. */
-  sideOffset?: number; /** Inline styles applied to the popup. */
-  style?: CSSProperties; /** The popover content. */
-  children?: React.ReactNode; /** Role applied to the popup element. */
-  role?: string;
+  maxHeight?: string;
 };
 /**
  * The styled popover surface. Place inside a `PopoverRoot` (typically wrapped
- * in a `PopoverPortal`). Wraps a `Positioner` and `Popup` internally.
+ * in a `PopoverPortal`). Forwards all Radix Content props, including
+ * dismissal/focus event handlers such as `onPointerDownOutside`,
+ * `onOpenAutoFocus`, and `onCloseAutoFocus`.
  */
-declare const PopoverContent: _$react.ForwardRefExoticComponent<PopoverContentProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: _$react.ForwardRefExoticComponent<Omit<PopoverContentProps$1, "asChild"> & {
+  /** Sets the [color scheme](/docs/color-schemes) applied inside the portal. */colorScheme?: ColorSchemeTypes; /** Remove the default surface styling (padding, background, border, etc.). */
+  unstyled?: boolean; /** Applied as `max-width` on the popover surface. Pass `"none"` to uncap. */
+  maxWidth?: string; /** Applied as `max-height` on the popover surface. Pass `"none"` to uncap. */
+  maxHeight?: string;
+} & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/Popover/PopoverPortal.d.ts
-type PopoverPortalProps = {
-  children: ReactNode;
-};
+type PopoverPortalProps = ComponentPropsWithoutRef<typeof Portal>;
 /**
  * Portals the popover content out of the DOM hierarchy of its trigger so it can
  * escape clipping ancestors (`overflow: hidden`, transformed containers, etc.).
  */
 declare const PopoverPortal: {
-  ({
-    children
-  }: PopoverPortalProps): JSX.Element;
+  (props: PopoverPortalProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.d.ts
-type PopoverRootProps = {
+type RadixRootProps = ComponentPropsWithoutRef<typeof Root>;
+type PopoverRootProps = Omit<RadixRootProps, 'open'> & {
   /**
    * Controlled open state. When provided, pair with `onOpenChange` to update it.
-   * Leave unset for uncontrolled behavior.
+   * Leave unset for uncontrolled behavior (Radix manages state internally).
    */
-  isOpen?: boolean; /** Called when the popover open state changes. */
-  onOpenChange?: (isOpen: boolean) => void; /** The composable popover children (Trigger, Portal, etc.). */
-  children: ReactNode;
+  isOpen?: boolean;
 };
 /**
  * The root of a composable popover. Wrap `PopoverTrigger` (or `PopoverAnchor`)
@@ -4309,44 +4239,19 @@ type PopoverRootProps = {
 declare const PopoverRoot: {
   ({
     isOpen,
-    onOpenChange,
-    children
+    ...props
   }: PopoverRootProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Popover/PopoverTrigger.d.ts
-type PopoverTriggerProps = Omit<ComponentPropsWithoutRef<'button'>, 'render'> & {
-  /**
-   * A React element to merge trigger behavior onto.
-   * When provided, the trigger renders this element instead of a plain `<button>`.
-   */
-  render?: ReactElement;
-  /**
-   * Whether the trigger should be treated as a native button.
-   * Set to `false` if the rendered element is not a button (e.g. `<div>`).
-   * @default true
-   */
-  nativeButton?: boolean;
-};
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Trigger>;
 /**
  * The button that toggles the popover open and closed. By default it renders a
- * `<button>` wrapping its children; pass `render` to merge the trigger
+ * `<button>` wrapping its children; pass `asChild` to merge the trigger
  * behavior onto a single child element (e.g. a `Button` or `IconButton`).
  */
-declare const PopoverTrigger: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & {
-  /**
-   * A React element to merge trigger behavior onto.
-   * When provided, the trigger renders this element instead of a plain `<button>`.
-   */
-  render?: ReactElement;
-  /**
-   * Whether the trigger should be treated as a native button.
-   * Set to `false` if the rendered element is not a button (e.g. `<div>`).
-   * @default true
-   */
-  nativeButton?: boolean;
-} & _$react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverTrigger: _$react.ForwardRefExoticComponent<Omit<_$_radix_ui_react_popover0.PopoverTriggerProps & _$react.RefAttributes<HTMLButtonElement>, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.d.ts
 type ProgressBarProps = ComponentPropsWithoutRef<'div'> & {
@@ -4440,7 +4345,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
    */
   hideLabel?: boolean;
 };
-declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "value" | "hideLabel"> & {
+declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
   /**
    * Indicates the state of the radio
    */
@@ -4877,19 +4782,19 @@ declare const SelectOptionGroup: ({
 }: SelectOptionGroupProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/Slider/Slider.d.ts
-type SliderProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
+type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
   /**
    * aria-label for screen-readers to apply to the slider
    */
-  "aria-label"?: string;
+  'aria-label'?: string;
   /**
    * aria-labelledby for screen-readers to apply to the slider
    */
-  "aria-labelledby"?: string;
+  'aria-labelledby'?: string;
   /**
    * @ignore
    */
-  "data-testid"?: string;
+  'data-testid'?: string;
   /**
    * Determines the initial position(s) of the thumb(s)
    * Must be an array of numbers.