@wistia/ui 0.26.0 → 0.26.1-beta.16015a42.624d5cb

package/dist/index.d.ts

@@ -501,7 +501,7 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
   */
   __nav?: boolean;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -539,7 +539,7 @@ type BaseProps$2 = {
   */
   children: ReactNode;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -551,11 +551,11 @@ type BaseProps$2 = {
   */
   inheritColor?: boolean;
   /**
-  * Icon to display on the left side of the link. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the left side of the link. Must be an instance of [Icon](/components/Icon)
   */
   leftIcon?: ReactNode | undefined;
   /**
-  * Icon to display on the right side of the link. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the right side of the link. Must be an instance of [Icon](/components/Icon)
   */
   rightIcon?: ReactNode | undefined;
   /**
@@ -611,7 +611,7 @@ type BaseButtonProps = {
   */
   children: ReactNode;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -623,7 +623,7 @@ type BaseButtonProps = {
   */
   isLoading?: boolean;
   /**
-  * Icon to display on the left side of the button. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the left side of the button. Must be an instance of [Icon](/components/Icon)
   */
   leftIcon?: ReactNode | undefined;
   /**
@@ -648,11 +648,11 @@ type BaseButtonProps = {
   */
   unstyled?: boolean | undefined;
   /**
-  * Icon to display on the right side of the button. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the right side of the button. Must be an instance of [Icon](/components/Icon)
   */
   rightIcon?: ReactNode | undefined;
   /**
-  * The size of button to display. Can be used as a [responsive prop](/docs/ui-docs-responsive-props--docs)
+  * The size of button to display. Can be used as a [responsive prop](/foundations/responsive-props)
   *
   * @type ResponsiveObject<'lg' | 'md' | 'sm' | 'xl'>
   */
@@ -700,11 +700,11 @@ type ToastProps = ComponentPropsWithoutRef<"div"> & {
   */
   action?: ReactElement<typeof Button> | undefined;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes | undefined;
   /**
-  * Optional `Icon` component to use. Must be an instance of [Icon](/?path=/docs/components-icon--docs)
+  * Optional `Icon` component to use. Must be an instance of [Icon](/components/Icon)
   */
   icon?: JSX.Element | undefined;
   /**
@@ -744,7 +744,7 @@ type ActionButtonProps = {
   */
   children: ReactNode;
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   icon: JSX.Element;
   /**
@@ -758,7 +758,7 @@ type ActionButtonProps = {
   */
   forceState?: "focus" | "hover" | undefined;
   /**
-  * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `ActionButton` when hovered. By default, it will inherit the `colorScheme` prop.
+  * Set the [color scheme](/foundations/color/color-schemes) of the `ActionButton` when hovered. By default, it will inherit the `colorScheme` prop.
   */
   hoverColorScheme?: ColorSchemeTypes | undefined;
   /**
@@ -767,7 +767,7 @@ type ActionButtonProps = {
   variant?: "default" | "gated" | "menu-down" | "menu-up";
 } & (Omit<ButtonAsButtonProps, "fullWidth" | "isLoading" | "leftIcon" | "rightIcon" | "size" | "unstyled" | "variant"> | Omit<ButtonAsLinkProps, "fullWidth" | "isLoading" | "leftIcon" | "rightIcon" | "size" | "unstyled" | "variant">);
 /**
-* Action Button component is used as one of a group of main actions on the page. It composes [Button]().
+* Action Button component is used as one of a group of main actions on the page. It composes [Button](/components/Button).
 */
 declare const ActionButton: ForwardRefExoticComponent<ActionButtonProps>;
 //#endregion
@@ -812,11 +812,11 @@ declare const Avatar: FC<AvatarProps>;
 type BadgeVariants = "default" | "outline";
 type BadgeProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Sets the [color scheme](/docs/color-schemes)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
-  * Optional `Icon` component to use. Must be an instance of [Icon](/docs/components/Icon)
+  * Optional `Icon` component to use. Must be an instance of [Icon](/components/Icon)
   */
   icon?: JSX.Element | undefined;
   /**
@@ -844,16 +844,16 @@ type BannerProps = ComponentPropsWithoutRef<"div"> & {
   */
   headingText?: string;
   /**
-  * Optional `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
+  * Optional `Icon` component to use. Must be an instance of [Icon](/components/Icon)
   */
   icon?: JSX.Element;
   colorScheme?: ColorSchemeTypes;
   /**
-  * Primary call-to-action element (typically a [Button]() of the `solid` variant)
+  * Primary call-to-action element (typically a [Button](/components/Button) of the `solid` variant)
   */
   primaryAction?: ReactNode;
   /**
-  * Secondary call-to-action element (typically a [Button]() of the `outline` variant)
+  * Secondary call-to-action element (typically a [Button](/components/Button) of the `outline` variant)
   */
   secondaryAction?: ReactNode;
   /**
@@ -918,7 +918,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   /**
   * Specifies how the browser distributes space between and around
   * items along the cross-axis of their container; has no effect on
-  * single line flexible boxes. Can be a [responsive prop](/docs/responsive-props).
+  * single line flexible boxes. Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "stretch">
   */
   alignContent?: AlignContentType | ResponsiveObject<AlignContentType>;
@@ -928,14 +928,14 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   * to the alignContent prop is that alignItems specifies the
   * alignment of the items within the current container's line,
   * whereas alignContent specifies the alignment of the lines themselves.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<"baseline" | "center" | "flex-end" | "flex-start" | "stretch">
   */
   alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
   /**
   * Specifies how the browser aligns items of the current line, overriding the
   * alignItems value of parent; if any of the item's cross-axis margin is set to auto,
-  * then alignSelf is ignored. Can be a [responsive prop](/docs/responsive-props).
+  * then alignSelf is ignored. Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: only works for nested `<Box />`*
   *
@@ -943,7 +943,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   */
   alignSelf?: AlignSelfType | ResponsiveObject<AlignSelfType>;
   /**
-  * Specifies the initial main size of an item. Can be a [responsive prop](/docs/responsive-props).
+  * Specifies the initial main size of an item. Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with `flexMode` prop.*
   *
@@ -957,13 +957,13 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   */
   children?: ReactNode;
   /**
-  * Specifies the main axis of the container. Can be a [responsive prop](/docs/responsive-props).
+  * Specifies the main axis of the container. Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<'column-reverse' | 'column' | 'row-reverse' | 'row'>
   */
   direction?: DirectionType | ResponsiveObject<DirectionType>;
   /**
   * Specifies whether the width and/or height should fill the container.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with height/width props when setting the corresponding dimension.*
   *
@@ -983,7 +983,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   */
   fillViewport?: FillType;
   /**
-  * Predefined `flex` behavior patterns. Can be a [responsive prop](/docs/responsive-props).
+  * Predefined `flex` behavior patterns. Can be a [responsive prop](/foundations/responsive-props).
   *
   * - `grow`: fills available space (`flex: 1 0 0`)
   * - `initial`: default behavior (`flex: 0 1 auto`)
@@ -996,7 +996,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   flexMode?: FlexModeType | ResponsiveObject<FlexModeType>;
   /**
   * Specifies the gaps (gutters) between rows and columns.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   *
   * Can be either a single spacing value that applies to both row and column gaps,
   * or an object specifying different values for row and column gaps.
@@ -1006,7 +1006,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   gap?: Gap$1 | ResponsiveGap$1 | Spacings;
   /**
   * Specifies what amount of space inside the flex container the item should take up.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with `flexMode` prop.*
   *
@@ -1015,7 +1015,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   */
   grow?: ResponsiveObject<number | string> | number | string;
   /**
-  * Specifies the height of the box. Can be a [responsive prop](/docs/responsive-props).
+  * Specifies the height of the box. Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with fill="vertical" or fillViewport="vertical"*
   * @type ResponsiveObject<string>
@@ -1023,13 +1023,13 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   height?: ResponsiveObject<string> | string;
   /**
   * Make Layout behave like an inline element but still lay out its content according to flexbox model.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<boolean>
   */
   inline?: ResponsiveObject<boolean> | boolean;
   /**
   * Specifies how the browser distributes space between and around
-  * items along the main axis of their container. Can be a [responsive prop](/docs/responsive-props).
+  * items along the main axis of their container. Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly'>
   */
   justifyContent?: JustifyContentType | ResponsiveObject<JustifyContentType>;
@@ -1044,7 +1044,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   renderAs?: ElementType;
   /**
   * Specifies how items will shrink inside the container when the default size of
-  * items is larger than their container. Can be a [responsive prop](/docs/responsive-props).
+  * items is larger than their container. Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with `flexMode` prop.*
   *
@@ -1054,12 +1054,12 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
   shrink?: ResponsiveObject<number> | number;
   /**
   * Specifies whether items are forced into a single line or can be wrapped onto multiple lines.
-  * Can be a [responsive prop](/docs/responsive-props).
+  * Can be a [responsive prop](/foundations/responsive-props).
   * @type ResponsiveObject<boolean>
   */
   wrapItems?: ResponsiveObject<boolean> | boolean;
   /**
-  * Specifies the width of the box. Can be a [responsive prop](/docs/responsive-props).
+  * Specifies the width of the box. Can be a [responsive prop](/foundations/responsive-props).
   *
   * *Note: Cannot be used with fill="horizontal" or fillViewport="horizontal"*
   * @type ResponsiveObject<string>
@@ -1080,14 +1080,14 @@ type BreadcrumbsProps = ComponentPropsWithoutRef<"div"> & {
 };
 /**
 * Used to display a screens's location within a hierarchical structure. Each `Breadcrumb` is a composed version of
-* [Button](?path=/docs/components-button--docs). See it's documentation for additional functionality.
+* [Button](/components/Button). See it's documentation for additional functionality.
 */
 declare const Breadcrumbs: FC<BreadcrumbsProps>;
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumb.d.ts
 type BreadcrumbProps = ButtonAsLinkProps & {
   /**
-  * An [Icon]() to show at the beginning of the breadcrumb
+  * An [Icon](/components/Icon) to show at the beginning of the breadcrumb
   */
   icon?: ButtonAsLinkProps["leftIcon"];
   /**
@@ -1239,7 +1239,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<"div"> & {
 };
 /**
 * A flexible container component that groups related content with consistent spacing and styling.
-* Cards can be used to visually distinguish content sections. Extends the [Box component.](https://wistia.github.io/vhs/storybook-ui/?path=/docs/components-box--docs)
+* Cards can be used to visually distinguish content sections. Extends the [Box component.](/components/Box)
 */
 declare const Card: FC<CardProps>;
 //#endregion
@@ -1365,7 +1365,7 @@ declare const Collapsible: FC<CollapsibleProps>;
 type CollapsibleTriggerProps = {
   /**
   * A trigger element that will toggle the collapsible content.
-  * Usually a [Button](?path=/docs/components-button--docs).
+  * Usually a [Button](/components/Button).
   */
   children: ReactElement;
 };
@@ -1386,11 +1386,11 @@ declare const iconSizeMap: {
 };
 type IconProps = ComponentPropsWithoutRef<"svg"> & {
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
-  * Determines if the icon should use inline styles when used with [Text]() and [Heading]() components
+  * Determines if the icon should use inline styles when used with [Text](/components/Text) and [Heading](/components/Heading) components
   */
   useInlineStyles?: boolean;
   /**
@@ -1718,7 +1718,7 @@ type ContextMenuProps = {
   triggerRef: RefObject<HTMLElement | null>;
 });
 /**
-* The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
+* The ContextMenu is an extended implementation of the [Menu](/components/Menu) component that allows for right-click context menus.
 * It can be used in two ways:
 * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
 * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
@@ -1884,7 +1884,7 @@ type TextProps = ComponentPropsWithoutRef<"div"> & {
   */
   children?: ReactNode | undefined;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -1932,14 +1932,14 @@ declare const Text: PolymorphicComponent<typeof DEFAULT_ELEMENT$3, TextProps>;
 //#region src/components/DataList/DataListItemLabel.d.ts
 type DataListItemLabelProps = TextProps;
 /**
-* The label of the `DataListItem`. Extends the [Text]() component.
+* The label of the `DataListItem`. Extends the [Text](/components/Text) component.
 */
 declare const DataListItemLabel: FC<DataListItemLabelProps>;
 //#endregion
 //#region src/components/DataList/DataListItemValue.d.ts
 type DataListItemValueProps = TextProps;
 /**
-* The value of the `DataListItem`. Extends the [Text]() component.
+* The value of the `DataListItem`. Extends the [Text](/components/Text) component.
 */
 declare const DataListItemValue: FC<DataListItemValueProps>;
 //#endregion
@@ -1983,7 +1983,7 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$2> & {
   */
   children: ReactNode;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -2263,7 +2263,7 @@ declare const EditableTextSubmitButton: ({
 //#region src/components/EditableText/EditableTextCancelButton.d.ts
 type EditableTextCancelButtonProps = {
   /**
-  * A cancel button, typically a [Button]() that will revert the value when clicked.
+  * A cancel button, typically a [Button](/components/Button) that will revert the value when clicked.
   */
   children: ReactElement;
 };
@@ -2274,7 +2274,7 @@ declare const EditableTextCancelButton: ({
 //#region src/components/EditableText/EditableTextTrigger.d.ts
 type EditableTextTriggerProps = {
   /**
-  * A trigger element, typically a [Button]() that will enter editing mode when clicked.
+  * A trigger element, typically a [Button](/components/Button) that will enter editing mode when clicked.
   */
   children: ReactElement;
 };
@@ -2311,11 +2311,11 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
   */
   monospace?: boolean;
   /**
-  * Icon to display on the left side of the input. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the left side of the input. Must be an instance of [Icon](/components/Icon)
   */
   leftIcon?: ReactNode | undefined;
   /**
-  * Icon to display on the right side of the input. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the right side of the input. Must be an instance of [Icon](/components/Icon)
   */
   rightIcon?: ReactNode | undefined;
   /**
@@ -2324,7 +2324,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
   type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
 };
 /**
-* Capture user input with a text field. Should be used within a [Form]() and [FormField]().
+* Capture user input with a text field. Should be used within a [Form](/components/Form) and [FormField](/components/FormField).
 */
 declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 //#endregion
@@ -2359,7 +2359,7 @@ type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
   */
   headingText?: string;
   /**
-  * Optional `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
+  * Optional `Icon` component to use. Must be an instance of [Icon](/components/Icon)
   */
   icon?: JSX.Element;
   /**
@@ -2376,11 +2376,11 @@ type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
   */
   orientation?: "auto" | "horizontal" | "vertical";
   /**
-  * Primary call-to-action element (typically a [Button]() of the `solid` variant)
+  * Primary call-to-action element (typically a [Button](/components/Button) of the `solid` variant)
   */
   primaryAction?: ReactNode;
   /**
-  * Secondary call-to-action element (typically a [Button]() of the `outline` variant)
+  * Secondary call-to-action element (typically a [Button](/components/Button) of the `outline` variant)
   */
   secondaryAction?: ReactNode;
   /**
@@ -2622,7 +2622,7 @@ type PreviewCardProps = {
   */
   maxHeight?: string;
   /**
-  * The [Link](?path=/docs/components-link--docs) that opens the preview card when hovered.
+  * The [Link](/components/Link) that opens the preview card when hovered.
   * Preview cards should only be used on links—do not use on non-interactive elements (e.g. buttons or plain text).
   */
   trigger: ReactElement;
@@ -2669,13 +2669,13 @@ type IconButtonProps = {
   */
   label: string;
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   children: JSX.Element;
 } & (Omit<ButtonAsButtonProps, "fullWidth" | "leftIcon" | "rightIcon"> | Omit<ButtonAsLinkProps, "fullWidth" | "leftIcon" | "rightIcon">);
 /**
-* IconButton behaves like a [Button](?path=/docs/components-button--docs),
-* but only accepts an [Icon](?path=/docs/components-icon--docs) as a child.
+* IconButton behaves like a [Button](/components/Button),
+* but only accepts an [Icon](/components/Icon) as a child.
 */
 declare const IconButton: ForwardRefExoticComponent<IconButtonProps>;
 //#endregion
@@ -2745,6 +2745,38 @@ type InputClickToCopyProps = Omit<InputProps, "autoSelect" | "disabled" | "right
 */
 declare const InputClickToCopy: ForwardRefExoticComponent<InputClickToCopyProps & RefAttributes<HTMLInputElement>>;
 //#endregion
+//#region src/components/InputDuration/types.d.ts
+type DecimalUnitLength = 0 | 2;
+//#endregion
+//#region src/components/InputDuration/InputDuration.d.ts
+type InputDurationBaseProps = Omit<InputProps, "autoSelect" | "defaultValue" | "leftIcon" | "fullHeight" | "inputMode" | "monospace" | "onChange" | "onKeyDown" | "onKeyUp" | "onSelect" | "rightIcon" | "type" | "value">;
+type InputDurationProps = InputDurationBaseProps & {
+  /**
+  * Number of decimal digits to show after the seconds. Use 0 for whole-second editing.
+  */
+  decimalUnitLength?: DecimalUnitLength;
+  /**
+  * Maximum duration users can enter in seconds. Also determines how many time units are shown.
+  */
+  maxSeconds?: number;
+  /**
+  * Minimum duration users can enter in seconds. Should be less than or equal to maxSeconds.
+  */
+  minSeconds?: number;
+  /**
+  * Called with the parsed duration whenever the user edits a valid value.
+  */
+  onChangeValueInSeconds: (value: number) => void;
+  /**
+  * The controlled duration value in seconds. Values outside min/max are displayed at the nearest allowed bound.
+  */
+  valueInSeconds: number;
+};
+/**
+* InputDuration lets users edit a duration value using a keyboard-friendly time input.
+*/
+declare const InputDuration: ForwardRefExoticComponent<InputDurationProps & RefAttributes<HTMLInputElement>>;
+//#endregion
 //#region src/components/InputPassword/InputPassword.d.ts
 type InputPasswordProps = Omit<InputProps, "leftIcon" | "monospace" | "rightIcon" | "type"> & {
   /**
@@ -2829,7 +2861,7 @@ declare const ListItem: FC<ListItemProps>;
 //#endregion
 //#region src/components/Mark/Mark.d.ts
 type MarkProps = ComponentPropsWithoutRef<"div"> & {
-  /** The content of the Mark component. */children: ReactNode; /** Sets the [color scheme](/docs/color-schemes) */
+  /** The content of the Mark component. */children: ReactNode; /** Sets the [color scheme](/foundations/color/color-schemes) */
   colorScheme?: ColorSchemeTypes;
 };
 /**
@@ -2942,7 +2974,7 @@ type SubMenuProps = {
   */
   onOpenChange?: (open: boolean) => void;
   /**
-  * Icon to display on the left side of the SubMenu. Must be an instance of [Icon](?path=/docs/components-icon--docs)
+  * Icon to display on the left side of the SubMenu. Must be an instance of [Icon](/components/Icon)
   */
   icon?: JSX.Element | undefined;
 };
@@ -2955,7 +2987,7 @@ type MenuItemButtonProps = ButtonProps & {
   */
   appearance?: "dangerous" | "default" | "gated";
   /**
-  * Optional `Badge` to display on the MenuItem. Must be an instance of [Badge](../?path=/docs/components-badge--docs)
+  * Optional `Badge` to display on the MenuItem. Must be an instance of [Badge](/components/Badge)
   */
   badge?: JSX.Element;
   /**
@@ -3061,7 +3093,7 @@ declare const MenuRadioGroup: FC<MenuRadioGroupProps>;
 //#region src/components/Menu/RadioMenuItem.d.ts
 type RadioMenuItemProps = 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)
+  * Optional `Icon` to use as the indicator that the radio item is selected. Must be an instance of [Icon](/components/Icon)
   */
   indicator?: ReactNode;
   /**
@@ -3091,7 +3123,7 @@ declare const RadioMenuItem: FC<RadioMenuItemProps>;
 type CheckboxMenuItemProps = 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)
+  * Optional `Icon` to use as the indicator that the checkbox item is selected. Must be an instance of [Icon](/components/Icon)
   */
   indicator?: ReactNode;
   /**
@@ -3281,7 +3313,7 @@ type PopoverProps = PopoverControlProps & {
   */
   children: ReactNode;
   /**
-  * Sets the [color scheme](/docs/color-schemes)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -3297,7 +3329,7 @@ type PopoverProps = PopoverControlProps & {
   */
   hideCloseButton?: boolean;
   /**
-  * An interactive element. Most commonly a [Button](?path=/docs/components-button--docs) or [IconButton]([Button](?path=/docs/components-iconbutton--docs)).
+  * An interactive element. Most commonly a [Button](/components/Button) or [IconButton](/components/IconButton).
   */
   trigger: ReactElement;
   /**
@@ -3388,7 +3420,7 @@ declare const PopoverCloseButton: FC<PopoverCloseButtonProps>;
 //#endregion
 //#region src/components/Popover/PopoverContent.d.ts
 type PopoverContentProps = {
-  /** Sets the [color scheme](/docs/color-schemes) applied inside the portal. */colorScheme?: ColorSchemeTypes; /** Remove the default surface styling (padding, background, border, etc.). */
+  /** Sets the [color scheme](/foundations/color/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. */
@@ -3465,7 +3497,7 @@ type ProgressBarProps = ComponentPropsWithoutRef<"div"> & {
   */
   max?: number;
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -3735,7 +3767,7 @@ type BaseProps$1 = {
 };
 type IconWithLabel$1 = {
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   icon?: JSX.Element;
   /**
@@ -3746,7 +3778,7 @@ type IconWithLabel$1 = {
 };
 type IconWithAriaLabel$1 = {
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   icon?: JSX.Element;
   /**
@@ -3876,6 +3908,105 @@ declare const SelectOptionGroup: ({
   ...props
 }: SelectOptionGroupProps) => JSX.Element;
 //#endregion
+//#region src/components/Sidebar/Sidebar.d.ts
+type SidebarProps = HTMLAttributes<HTMLElement> & {
+  /**
+  * The content of the sidebar. Typically a `SidebarHeader`, `SidebarContent`,
+  * and `SidebarFooter` composed together.
+  */
+  children: ReactNode;
+};
+declare const Sidebar: ForwardRefExoticComponent<SidebarProps & RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/Sidebar/SidebarHeader.d.ts
+type SidebarHeaderProps = {
+  /**
+  * Content rendered at the top of the sidebar. Typically a `SidebarTitle`,
+  * a `SidebarSearchInput`, or a stack of both.
+  */
+  children: ReactNode;
+};
+declare const SidebarHeader: FC<SidebarHeaderProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarFooter.d.ts
+type SidebarFooterProps = {
+  /**
+  * Content pinned to the bottom of the sidebar. Typically actions like a
+  * support button, account menu, or sign-out control.
+  */
+  children: ReactNode;
+};
+declare const SidebarFooter: FC<SidebarFooterProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarTitle.d.ts
+type SidebarTitleProps = {
+  /**
+  * The text shown as the heading at the top of the sidebar.
+  */
+  children: ReactNode;
+};
+declare const SidebarTitle: FC<SidebarTitleProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarContent.d.ts
+type SidebarContentProps = {
+  /**
+  * The scrollable middle section of the sidebar. Typically one or more
+  * `SidebarGroup`s containing `SidebarButton`s.
+  */
+  children: ReactNode;
+};
+declare const SidebarContent: FC<SidebarContentProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarGroup.d.ts
+type SidebarGroupProps = {
+  /**
+  * The items in the group, typically `SidebarButton`s, optionally preceded
+  * by a `SidebarGroupLabel`.
+  */
+  children: ReactNode;
+};
+declare const SidebarGroup: FC<SidebarGroupProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarGroupLabel.d.ts
+type SidebarGroupLabelProps = {
+  /**
+  * The label text for the group.
+  */
+  children: ReactNode;
+  /**
+  * Content rendered after the label text — useful for counts, badges, or
+  * supplementary status indicators.
+  */
+  rightSlot?: ReactNode;
+  /**
+  * Content rendered before the label text — useful for an icon or a small
+  * visual marker.
+  */
+  leftSlot?: ReactNode;
+};
+declare const SidebarGroupLabel: FC<SidebarGroupLabelProps>;
+//#endregion
+//#region src/components/Sidebar/SidebarButton.d.ts
+type SidebarButtonProps = (Omit<ButtonAsButtonProps, "fullWidth" | "size" | "unstyled" | "variant"> | Omit<ButtonAsLinkProps, "fullWidth" | "size" | "unstyled" | "variant">) & {
+  /**
+  * Marks the item as the currently active navigation entry. Sets
+  * `aria-current="page"` and applies the pressed visual treatment.
+  */
+  selected?: boolean;
+};
+declare const SidebarButton: ForwardRefExoticComponent<SidebarButtonProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+//#endregion
+//#region src/components/Sidebar/SidebarSearchInput.d.ts
+type SidebarSearchInputProps = Omit<InputProps, "type"> & {
+  /**
+  * Accessible label for the search field. Rendered as a visually hidden `Label`
+  * so screen readers announce the field's purpose without adding visible chrome.
+  * Defaults to `"Search navigation"`; override when the search scope is more specific.
+  */
+  label?: string;
+};
+declare const SidebarSearchInput: ForwardRefExoticComponent<SidebarSearchInputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+//#endregion
 //#region src/components/Slider/Slider.d.ts
 type SliderProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
   /**
@@ -3958,7 +4089,7 @@ type SplitButtonProps = {
   */
   secondaryAction?: JSX.Element;
   /**
-  * The size of button to display. Can be used as a [responsive prop](/docs/ui-docs-responsive-props--docs)
+  * The size of button to display. Can be used as a [responsive prop](/foundations/responsive-props)
   */
   size?: ButtonSizes | ResponsiveObject<ButtonSizes>;
   /**
@@ -3967,7 +4098,7 @@ type SplitButtonProps = {
   variant?: ButtonVariants;
 } & (ButtonAsButtonProps | ButtonAsLinkProps);
 /**
-* A SplitButton is an extension of [Button]() that adds a menu to the right hand side of the button.
+* A SplitButton is an extension of [Button](/components/Button) that adds a menu to the right hand side of the button.
 */
 declare const SplitButton: FC<SplitButtonProps>;
 //#endregion
@@ -3979,24 +4110,24 @@ type StackProps = {
   */
   children?: ReactNode | undefined;
   /**
-  * The gap between each item in the stack. Accepts a [spacing token](/docs/docs-spacing--docs). Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+  * The gap between each item in the stack. Accepts a [spacing token](/foundations/tokens/spacing). Can be a [responsive prop](/foundations/responsive-props).
   */
   gap?: ResponsiveObject<Spacings> | Spacings;
   /**
   * Vertical is equivalent to `flex-direction: column;`, horizontal is equivalent to `flex-direction: row;`.
-  * The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+  * The default behavior is `vertical`. Can be a [responsive prop](/foundations/responsive-props).
   */
   direction?: ResponsiveObject<"horizontal" | "vertical"> | "horizontal" | "vertical";
   /**
   * Controls how items are aligned along the cross-axis.
-  * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+  * Can be a [responsive prop](/foundations/responsive-props).
   *
   * @type 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch' | ResponsiveObject<'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'>
   */
   alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
   /**
   * Padding to apply to the stack container. Use `x` for horizontal (left/right) padding and `y` for vertical (top/bottom) padding.
-  * Each value can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+  * Each value can be a [responsive prop](/foundations/responsive-props).
   */
   padding?: {
     x?: ResponsiveObject<Spacings> | Spacings;
@@ -4173,7 +4304,7 @@ type BaseProps = {
 };
 type IconWithLabel = {
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   icon?: JSX.Element;
   /**
@@ -4184,7 +4315,7 @@ type IconWithLabel = {
 };
 type IconWithAriaLabel = {
   /**
-  * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+  * The [Icon](/components/Icon) component to use, e.g. `<Icon type="favorite" />`
   */
   icon?: JSX.Element;
   /**
@@ -4207,7 +4338,7 @@ declare const TabsTrigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttri
 //#region src/components/Tag/Tag.d.ts
 type TagProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+  * Sets the [color scheme](/foundations/color/color-schemes)
   */
   colorScheme?: ColorSchemeTypes;
   /**
@@ -4367,7 +4498,7 @@ type TooltipProps = {
 };
 /**
 * Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
-* For elements that are not interactive, consider using a [Popover]() instead.
+* For elements that are not interactive, consider using a [Popover](/components/Popover) instead.
 *
 */
 declare const Tooltip: FC<TooltipProps>;
@@ -4415,8 +4546,8 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "height" | "href">
 */
 declare const WistiaLogo: FC<WistiaLogoProps>;
 declare namespace index_d_exports {
-  export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, iconSizeMap, isKeyboardKey, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
+  export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputDuration, InputDurationProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Sidebar, SidebarButton, SidebarButtonProps, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarProps, SidebarSearchInput, SidebarSearchInputProps, SidebarTitle, SidebarTitleProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, iconSizeMap, isKeyboardKey, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
 }
 //#endregion
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, iconSizeMap, isKeyboardKey, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputDuration, type InputDurationProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Sidebar, SidebarButton, type SidebarButtonProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, type SidebarProps, SidebarSearchInput, type SidebarSearchInputProps, SidebarTitle, type SidebarTitleProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, iconSizeMap, isKeyboardKey, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
 //# sourceMappingURL=index.d.ts.map