@wistia/ui 2.5.1-beta.22ea0e61.d8ed3e6 → 2.5.1-beta.2aa22b03.91c3287

package/dist/index.d.ts

@@ -26,14 +26,14 @@ type ResponsiveObject<T> = AtLeastOneBreakpoint<Record<Breakpoints, T>> & {
  * Exported so server-rendered layouts can stamp the attribute (e.g.
  * `<html data-wui-color-mode="dark">`) without hardcoding the string.
  */
-declare const DOCUMENT_COLOR_MODE_ATTRIBUTE = "data-wui-color-mode";
-declare const documentColorModeOptions: readonly ["dark", "light"];
+export declare const DOCUMENT_COLOR_MODE_ATTRIBUTE = "data-wui-color-mode";
+export declare const documentColorModeOptions: readonly ["dark", "light"];
 type DocumentColorModeTypes = (typeof documentColorModeOptions)[number];
 /**
  * Reads the document-level color mode. Returns `null` when no mode is set
  * (the document default, light) or outside a DOM environment.
  */
-declare const getDocumentColorMode: () => DocumentColorModeTypes | null;
+export declare const getDocumentColorMode: () => DocumentColorModeTypes | null;
 /**
  * Sets or clears the document-level color mode by writing the
  * `data-wui-color-mode` attribute on `<html>`. Because the attribute lives on
@@ -46,7 +46,7 @@ declare const getDocumentColorMode: () => DocumentColorModeTypes | null;
  * share one contract. For subtree scoping, use `ColorSchemeWrapper`'s
  * `colorMode` prop instead (note: portaled content escapes a subtree mode).
  */
-declare const setDocumentColorMode: (mode: DocumentColorModeTypes | null) => void;
+export declare const setDocumentColorMode: (mode: DocumentColorModeTypes | null) => void;
 /**
  * Forces the document-level color mode while the calling component is
  * mounted, restoring whatever mode was previously set when it unmounts (or
@@ -63,16 +63,16 @@ declare const setDocumentColorMode: (mode: DocumentColorModeTypes | null) => voi
  * forcing modes over overlapping, non-nested lifetimes can restore a stale
  * value — keep forcing at one level of the tree (typically the route/screen).
  */
-declare const useDocumentColorMode: (mode: DocumentColorModeTypes | null) => void;
+export declare const useDocumentColorMode: (mode: DocumentColorModeTypes | null) => void;
 //#endregion
 //#region src/components/ColorSchemeWrapper/ColorSchemeWrapper.d.ts
 declare const defaultColorSchemeOptions: readonly ["standard", "inherit"];
 declare const semanticColorSchemeOptions: readonly ["error", "info", "success", "warning"];
 declare const brandColorSchemeOptions: readonly ["blue", "green", "orange", "pink", "purple", "red", "remix-lime", "yellow"];
 declare const vendorColorSchemeOptions: readonly ["vendor-hubspot", "vendor-marketo", "vendor-pardot"];
-declare const colorSchemeOptions: readonly [...typeof defaultColorSchemeOptions, ...typeof semanticColorSchemeOptions, ...typeof brandColorSchemeOptions, ...typeof vendorColorSchemeOptions];
+export declare const colorSchemeOptions: readonly [...typeof defaultColorSchemeOptions, ...typeof semanticColorSchemeOptions, ...typeof brandColorSchemeOptions, ...typeof vendorColorSchemeOptions];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
-declare const colorModeOptions: readonly ["inherit", ...typeof documentColorModeOptions];
+export declare const colorModeOptions: readonly ["inherit", ...typeof documentColorModeOptions];
 type ColorModeTypes = (typeof colorModeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
   /**
@@ -104,10 +104,10 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A wrapper to apply a color scheme to its children.
  */
-declare const ColorSchemeWrapper: FC<ColorSchemeWrapperProps>;
+export declare const ColorSchemeWrapper: FC<ColorSchemeWrapperProps>;
 //#endregion
 //#region src/components/Icon/Icon.d.ts
-declare const iconSizeMap: {
+export declare const iconSizeMap: {
   sm: string;
   md: string;
   lg: string;
@@ -145,7 +145,7 @@ type IconProps = ComponentPropsWithoutRef<"svg"> & {
 /**
  * An `Icon` displays a visual symbol to represent an action, concept, or entity, rendering the SVG registered for its `type` at a fixed or responsive `size`.
  */
-declare const Icon: FC<IconProps>;
+export declare const Icon: FC<IconProps>;
 //#endregion
 //#region src/providers/UIProvider/UIProvider.d.ts
 type UIProviderProps = {
@@ -172,7 +172,7 @@ type UIProviderProps = {
    */
   gatedIcon?: IconNameType | undefined;
 };
-declare const UIProvider: ({ children, id, gatedIcon }: UIProviderProps) => JSX.Element;
+export declare const UIProvider: ({ children, id, gatedIcon }: UIProviderProps) => JSX.Element;
 //#endregion
 //#region src/helpers/coerceToBoolean/coerceToBoolean.d.ts
 /**
@@ -182,7 +182,7 @@ declare const UIProvider: ({ children, id, gatedIcon }: UIProviderProps) => JSX.
  * @param {*} value - a value of any type
  * @returns {boolean} - that value as a boolean
  */
-declare const coerceToBoolean: (value: unknown) => boolean;
+export declare const coerceToBoolean: (value: unknown) => boolean;
 //#endregion
 //#region src/helpers/copyToClipboard/copyToClipboard.d.ts
 /**
@@ -191,7 +191,7 @@ declare const coerceToBoolean: (value: unknown) => boolean;
  * @param {string} textToCopy - the string that will be copied to users clipboard
  * @returns {Promise<void>} - Promise object that resolves when the text is copied
  */
-declare const copyToClipboard: (textToCopy: string) => Promise<void>;
+export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
 //#endregion
 //#region src/helpers/dateTime/buildTimeDuration.d.ts
 type TimeDuration = {
@@ -205,7 +205,7 @@ type TimeDuration = {
  * @param {number} numberOfMilliseconds - number of milliseconds
  * @returns {TimeDuration} -
  */
-declare const buildTimeDuration: (numberOfMilliseconds: number) => TimeDuration;
+export declare const buildTimeDuration: (numberOfMilliseconds: number) => TimeDuration;
 //#endregion
 //#region src/helpers/dateTime/dateOnlyISOString.d.ts
 /**
@@ -217,7 +217,7 @@ declare const buildTimeDuration: (numberOfMilliseconds: number) => TimeDuration;
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dateOnlyISOString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const dateOnlyISOString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/dateOnlyString.d.ts
 type DateOnlyStringOptions$1 = {
@@ -239,7 +239,7 @@ type DateOnlyStringOptions$1 = {
  * @param {boolean} options.omitYear - if true, display the date without the year
  * @returns {string} a formatted date string
  */
-declare const dateOnlyString: (date: unknown, { timeZone, omitYear }?: DateOnlyStringOptions$1) => string;
+export declare const dateOnlyString: (date: unknown, { timeZone, omitYear }?: DateOnlyStringOptions$1) => string;
 //#endregion
 //#region src/helpers/dateTime/dateOnlyStringForSentence.d.ts
 /**
@@ -253,7 +253,7 @@ declare const dateOnlyString: (date: unknown, { timeZone, omitYear }?: DateOnlyS
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dateOnlyStringForSentence: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const dateOnlyStringForSentence: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/dateOnlyStringNumeric.d.ts
 /**
@@ -265,7 +265,7 @@ declare const dateOnlyStringForSentence: (date: unknown, { timeZone }?: DateOnly
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dateOnlyStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const dateOnlyStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/dateTimeRounded.d.ts
 /**
@@ -273,7 +273,7 @@ declare const dateOnlyStringNumeric: (date: unknown, { timeZone }?: DateOnlyStri
  * @param {boolean} toISOString - whether the return value should be an ISO string
  * @returns {string | Date | null} - string or date depending on if toIsoString is true or false. Could be null if there's an error.
  */
-declare const dateTimeRounded: DateTimeRoundedOverload;
+export declare const dateTimeRounded: DateTimeRoundedOverload;
 //#endregion
 //#region src/helpers/dateTime/dateTimeString.d.ts
 /**
@@ -289,7 +289,7 @@ declare const dateTimeRounded: DateTimeRoundedOverload;
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dateTimeString: (date: Date | number | string | null | undefined, { timeZone, omitYear }?: DateOnlyStringOptions) => string;
+export declare const dateTimeString: (date: Date | number | string | null | undefined, { timeZone, omitYear }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/dateTimeStringForSentence.d.ts
 /**
@@ -306,21 +306,21 @@ declare const dateTimeString: (date: Date | number | string | null | undefined,
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dateTimeStringForSentence: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const dateTimeStringForSentence: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/dateTimeToDate.d.ts
 /**
  * @param {Partial<WistiaDateTimeObject> | null} dateTime - a dateTime object
  * @returns {Date | null} - the converted date or null if anything is missing
  */
-declare const dateTimeToDate: (dateTime: Partial<WistiaDateTimeObject> | null | undefined) => Date | null;
+export declare const dateTimeToDate: (dateTime: Partial<WistiaDateTimeObject> | null | undefined) => Date | null;
 //#endregion
 //#region src/helpers/dateTime/dateTimeToISO.d.ts
 /**
  * @param {Partial<WistiaDateTimeObject>} dateTime - a dateTime object
  * @returns {string | null} - string with the ISO-8601 string or null
  */
-declare const dateTimeToISO: (dateTime: Partial<WistiaDateTimeObject>) => string | null;
+export declare const dateTimeToISO: (dateTime: Partial<WistiaDateTimeObject>) => string | null;
 //#endregion
 //#region src/helpers/dateTime/dateToDateTime.d.ts
 /**
@@ -335,7 +335,7 @@ declare const dateTimeToISO: (dateTime: Partial<WistiaDateTimeObject>) => string
  * @param {Date | null | undefined} date - a Date object
  * @returns {WistiaDateTimeObject | null} - replaceMe
  */
-declare const dateToDateTime: (date: Date | null | undefined) => WistiaDateTimeObject | null;
+export declare const dateToDateTime: (date: Date | null | undefined) => WistiaDateTimeObject | null;
 //#endregion
 //#region src/helpers/dateTime/dateUTCOffset.d.ts
 /**
@@ -343,7 +343,7 @@ declare const dateToDateTime: (date: Date | null | undefined) => WistiaDateTimeO
  * @param {Date} date a Date object for calculating offset.
  * @returns {string} - string representing the UTC offset
  */
-declare const dateUTCOffset: (date: Date) => string;
+export declare const dateUTCOffset: (date: Date) => string;
 //#endregion
 //#region src/helpers/dateTime/dayOfWeekString.d.ts
 /**
@@ -355,7 +355,7 @@ declare const dateUTCOffset: (date: Date) => string;
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const dayOfWeekString: (date: Date | null, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const dayOfWeekString: (date: Date | null, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/mediaDurationString.d.ts
 /**
@@ -365,7 +365,7 @@ declare const dayOfWeekString: (date: Date | null, { timeZone }?: DateOnlyString
  * @param {number} numberOfMilliseconds - number of milliseconds
  * @returns {string} - a string representation for duration
  */
-declare const mediaDurationString: (numberOfMilliseconds: number) => string;
+export declare const mediaDurationString: (numberOfMilliseconds: number) => string;
 //#endregion
 //#region src/helpers/dateTime/millisecondsToDurationISOString.d.ts
 /**
@@ -376,7 +376,7 @@ declare const mediaDurationString: (numberOfMilliseconds: number) => string;
  * @param {number} numberOfMilliseconds - number of milliseconds
  * @returns {string} an iso8601 string format of duration
  */
-declare const millisecondsToDurationISOString: (numberOfMilliseconds: number) => string;
+export declare const millisecondsToDurationISOString: (numberOfMilliseconds: number) => string;
 //#endregion
 //#region src/helpers/dateTime/monthDayStringNumeric.d.ts
 /**
@@ -388,10 +388,10 @@ declare const millisecondsToDurationISOString: (numberOfMilliseconds: number) =>
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const monthDayStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const monthDayStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/parseDateString.d.ts
-declare const parseDateString: (str: string) => Date | null;
+export declare const parseDateString: (str: string) => Date | null;
 //#endregion
 //#region src/helpers/dateTime/sessionDurationString.d.ts
 /**
@@ -402,7 +402,7 @@ declare const parseDateString: (str: string) => Date | null;
  * @param {number} numberOfMilliseconds - number of milliseconds
  * @returns {string} - a string representation of duration
  */
-declare const sessionDurationString: (numberOfMilliseconds: number) => string;
+export declare const sessionDurationString: (numberOfMilliseconds: number) => string;
 //#endregion
 //#region src/helpers/dateTime/timeAgoString.d.ts
 /**
@@ -442,7 +442,7 @@ declare const sessionDurationString: (numberOfMilliseconds: number) => string;
  * @param {boolean} options.includeTime - Whether to include the time in the output. Defaults to true.
  * @returns {string} - a string representation of the date.
  */
-declare const timeAgoString: (date: Date, { nowAnchor, includeTime }?: TimeAgoOptions) => string;
+export declare const timeAgoString: (date: Date, { nowAnchor, includeTime }?: TimeAgoOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/timeOnlyString.d.ts
 /**
@@ -454,10 +454,10 @@ declare const timeAgoString: (date: Date, { nowAnchor, includeTime }?: TimeAgoOp
  * @param {string} options.timeZone - the timezone you want date displayed in, defaults to current users time zone
  * @returns {string} a formatted date string
  */
-declare const timeOnlyString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
+export declare const timeOnlyString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
 //#endregion
 //#region src/helpers/dateTime/index.d.ts
-declare const dateTime: {
+export declare const dateTime: {
   buildTimeDuration: typeof buildTimeDuration;
   dateOnlyISOString: typeof dateOnlyISOString;
   dateOnlyString: typeof dateOnlyString;
@@ -487,7 +487,7 @@ declare const dateTime: {
  * @param {*} str - a string to validate - could be an unknown type
  * @return {boolean} - whether string appears to be a url
  */
-declare const isUrl: (str: unknown) => boolean;
+export declare const isUrl: (str: unknown) => boolean;
 //#endregion
 //#region src/helpers/getBackgroundGradient/getBackgroundGradient.d.ts
 type GradientName = "defaultDarkOne" | "defaultDarkTwo" | "defaultLightOne" | "defaultLightTwo" | "defaultMidOne" | "defaultMidTwo" | "green" | "greenWithPop" | "pink" | "pinkWithPop" | "playfulGradientOne" | "playfulGradientTwo" | "purple" | "purpleWithPop" | "yellow" | "yellowWithPop";
@@ -500,7 +500,7 @@ type GetBackgroundGradientType = GradientNameType | undefined;
  * @param {GradientName} gradientName - The name of the gradient to retrieve.
  * @returns {CssStyleType} The CSS string representing the specified gradient.
  */
-declare const getBackgroundGradient: (gradientName?: GetBackgroundGradientType) => ReturnType<typeof css>;
+export declare const getBackgroundGradient: (gradientName?: GetBackgroundGradientType) => ReturnType<typeof css>;
 //#endregion
 //#region src/helpers/getBackgroundGradient/getSemiRandomBackgroundGradient.d.ts
 /**
@@ -509,14 +509,14 @@ declare const getBackgroundGradient: (gradientName?: GetBackgroundGradientType)
  * @param {string} id - The id to use to generate the semi-random background gradient.
  * @returns {GradientName} gradientName
  */
-declare const getSemiRandomBackgroundGradient: (id: string) => GradientNameType;
+export declare const getSemiRandomBackgroundGradient: (id: string) => GradientNameType;
 //#endregion
 //#region src/helpers/mergeRefs/mergeRefs.d.ts
-declare const mergeRefs: <T = unknown>(refs: (LegacyRef<T> | MutableRefObject<T> | null | undefined)[]) => RefCallback<T>;
+export declare const mergeRefs: <T = unknown>(refs: (LegacyRef<T> | MutableRefObject<T> | null | undefined)[]) => RefCallback<T>;
 //#endregion
 //#region src/helpers/mq/mq.d.ts
 type MqFn = () => string;
-declare const mq: {
+export declare const mq: {
   xsAndUp: MqFn;
   smAndUp: MqFn;
   mdAndUp: MqFn;
@@ -536,20 +536,20 @@ declare const mq: {
  * @param {string} str - string to have file extension removed from
  * @returns {string} - string with file extension removed
  */
-declare const stripExtension: (str: string) => string;
+export declare const stripExtension: (str: string) => string;
 //#endregion
 //#region src/hooks/useAriaLive/useAriaLive.d.ts
 type AriaLiveContextType = {
   announce: (message: string, politeness?: "assertive" | "polite") => void;
 };
-declare const useAriaLive: () => AriaLiveContextType;
+export declare const useAriaLive: () => AriaLiveContextType;
 //#endregion
 //#region src/hooks/useBoolean/useBoolean.d.ts
 type UseBooleanReturn = [boolean, () => void, () => void, () => void, Dispatch<SetStateAction<boolean>>];
-declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
+export declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
 //#endregion
 //#region src/hooks/useClipboard/useClipboard.d.ts
-declare const useClipboard: (textToCopy: string, timeout?: number) => [() => Promise<void>, boolean, boolean];
+export declare const useClipboard: (textToCopy: string, timeout?: number) => [() => Promise<void>, boolean, boolean];
 //#endregion
 //#region src/hooks/useElementObserver/useElementObserver.d.ts
 type Rect = {
@@ -562,7 +562,7 @@ type Rect = {
   x: number;
   y: number;
 };
-declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
+export declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
 //#endregion
 //#region src/hooks/useFilePicker/useFilePicker.d.ts
 /**
@@ -570,23 +570,23 @@ declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | nu
  *
  * @param config Optional configuration for the file picker
  */
-declare const useFilePicker: <T extends UseFilePickerConfig = UseFilePickerConfig>(config?: T) => FilePickerReturnTypes<ExtractContentTypeFromConfig<T>>;
+export declare const useFilePicker: <T extends UseFilePickerConfig = UseFilePickerConfig>(config?: T) => FilePickerReturnTypes<ExtractContentTypeFromConfig<T>>;
 /**
  * Hook that wraps `useImperativeFilePicker` from the use-file-picker library
  *
  * @param config Optional configuration for the imperative file picker
  */
-declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig = useImperativeFilePickerConfig>(config?: T) => ImperativeFilePickerReturnTypes<ExtractContentTypeFromConfig<T>>;
+export declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig = useImperativeFilePickerConfig>(config?: T) => ImperativeFilePickerReturnTypes<ExtractContentTypeFromConfig<T>>;
 //#endregion
 //#region src/hooks/useFocusTrap/useFocusTrap.d.ts
 type UseFocusTrapOptions = {
   disableAriaHider?: boolean;
   focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
 };
-declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => ((node: HTMLElement | null | undefined) => void);
+export declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => ((node: HTMLElement | null | undefined) => void);
 //#endregion
 //#region src/hooks/useForceUpdate/useForceUpdate.d.ts
-declare const useForceUpdate: () => (() => void);
+export declare const useForceUpdate: () => (() => void);
 //#endregion
 //#region src/hooks/useIsHovered/useIsHovered.d.ts
 type HoverProps = {
@@ -597,7 +597,7 @@ type HoverProps = {
   onMouseMove?: () => void;
 };
 type UseIsHoveredReturnType = [boolean, HoverProps, (hovered: boolean) => void];
-declare const useIsHovered: () => UseIsHoveredReturnType;
+export declare const useIsHovered: () => UseIsHoveredReturnType;
 //#endregion
 //#region src/private/hooks/useEvent/useEvent.d.ts
 declare const useEvent: <T extends Event>(eventName: string, eventHandler: (event: T) => unknown, eventTarget?: unknown, eventOptions?: AddEventListenerOptions | boolean | undefined) => void;
@@ -611,7 +611,7 @@ type UseKeyOptions = {
   eventTarget?: Parameters<typeof useEvent>[2];
   eventOptions?: Parameters<typeof useEvent>[3];
 };
-declare const useKey: (key: KeyFilter, eventHandler: EventHandler, { eventName, eventTarget, eventOptions }?: UseKeyOptions) => void;
+export declare const useKey: (key: KeyFilter, eventHandler: EventHandler, { eventName, eventTarget, eventOptions }?: UseKeyOptions) => void;
 //#endregion
 //#region src/hooks/useKeyPress/useKeyPress.d.ts
 type KeyPressState = [boolean, KeyboardEvent | null];
@@ -619,14 +619,14 @@ type UseKeyPressOptions = {
   onKeyDown?: (event: KeyboardEvent) => void;
   onKeyUp?: (event: KeyboardEvent) => void;
 };
-declare const useKeyPress: (keyFilter: Parameters<typeof useKey>[0], options?: UseKeyPressOptions) => KeyPressState;
+export declare const useKeyPress: (keyFilter: Parameters<typeof useKey>[0], options?: UseKeyPressOptions) => KeyPressState;
 //#endregion
 //#region src/hooks/useLocalStorage/useLocalStorage.d.ts
 type SetItemType = Storage["setItem"];
-declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialValue: T, storage?: Storage) => [T | undefined, (newValue: T) => void, () => void];
+export declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialValue: T, storage?: Storage) => [T | undefined, (newValue: T) => void, () => void];
 //#endregion
 //#region src/hooks/useLockBodyScroll/useLockBodyScroll.d.ts
-declare const useLockBodyScroll: (locked: boolean) => void;
+export declare const useLockBodyScroll: (locked: boolean) => void;
 //#endregion
 //#region src/hooks/useMq/useMq.d.ts
 type UseMqReturnType = {
@@ -641,16 +641,16 @@ type UseMqReturnType = {
   isLgAndDown: boolean;
   isXlAndDown: boolean;
 };
-declare const useMq: () => UseMqReturnType;
+export declare const useMq: () => UseMqReturnType;
 type UseActiveMqReturnType = keyof UseMqReturnType;
-declare const useActiveMq: () => UseActiveMqReturnType[];
+export declare const useActiveMq: () => UseActiveMqReturnType[];
 //#endregion
 //#region src/hooks/useOnClickOutside/useOnClickOutside.d.ts
 type EventType = "focusin" | "focusout" | "mousedown" | "mouseup" | "touchend" | "touchstart";
-declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
+export declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
 //#endregion
 //#region src/hooks/usePreviousValue/usePreviousValue.d.ts
-declare const usePreviousValue: <T>(value: T) => T | undefined;
+export declare const usePreviousValue: <T>(value: T) => T | undefined;
 //#endregion
 //#region src/components/Link/Link.d.ts
 type LinkTypes = "default" | "email" | "external" | "phone";
@@ -727,7 +727,7 @@ type LinkProps = LinkAsButtonProps | LinkAsLinkProps;
  * This means in addition to its own props, `Link` can use props from `react-router`'s `Link` component. View their documentation [here](https://reactrouter.com/en/main/components/link).
  * The one prop we ignore from react-router is `to`. We use `href` instead and map it under the hood.
  */
-declare const Link: ({ beforeAction, children, type, disabled, colorScheme, underline, inheritColor, leftIcon, rightIcon, "aria-disabled": ariaDisabled, role, ref, ...props }: LinkProps & {
+export declare const Link: ({ beforeAction, children, type, disabled, colorScheme, underline, inheritColor, leftIcon, rightIcon, "aria-disabled": ariaDisabled, role, ref, ...props }: LinkProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element | null;
 //#endregion
@@ -831,7 +831,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
  */
-declare const Button: ({ children, forceState, className, leftIcon, rightIcon, colorScheme, disabled, isLoading, unstyled, onClick, fullWidth, labelAlign, size, variant, ref, ...props }: ButtonProps & {
+export declare const Button: ({ children, forceState, className, leftIcon, rightIcon, colorScheme, disabled, isLoading, unstyled, onClick, fullWidth, labelAlign, size, variant, ref, ...props }: ButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -873,10 +873,10 @@ type UseToastReturnValue = {
   dismiss: () => void;
 };
 type UseToastReturnType = ({ message, icon, colorScheme, action, position, duration }: UseToastProps) => UseToastReturnValue;
-declare const useToast: () => UseToastReturnType;
+export declare const useToast: () => UseToastReturnType;
 //#endregion
 //#region src/hooks/useWindowSize/useWindowSize.d.ts
-declare const useWindowSize: (interval?: number) => {
+export declare const useWindowSize: (interval?: number) => {
   width: number;
   height: number;
 };
@@ -915,7 +915,7 @@ type ActionButtonProps = {
 /**
  * Action Button component is used as one of a group of main actions on the page. It composes [Button](/components/Button).
  */
-declare const ActionButton: ({ icon, colorScheme, disabled, forceState, hoverColorScheme, variant, children, ref, ...props }: ActionButtonProps & {
+export declare const ActionButton: ({ icon, colorScheme, disabled, forceState, hoverColorScheme, variant, children, ref, ...props }: ActionButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -954,7 +954,7 @@ type AvatarProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * An avatar uses a photo or initials to represent an identity.
  */
-declare const Avatar: FC<AvatarProps>;
+export declare const Avatar: FC<AvatarProps>;
 //#endregion
 //#region src/components/Badge/Badge.d.ts
 type BadgeVariants = "default" | "outline";
@@ -979,7 +979,7 @@ type BadgeProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A `Badge` is a compact label, with optional icon, to convey status or context.
  */
-declare const Badge: ({ colorScheme, label, icon, variant, ref, ...props }: BadgeProps & {
+export declare const Badge: ({ colorScheme, label, icon, variant, ref, ...props }: BadgeProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -1014,7 +1014,7 @@ type BannerProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * The `Banner` component is for displaying contextual information to the user such as alerts or feature announcements.
  */
-declare const Banner: FC<BannerProps>;
+export declare const Banner: FC<BannerProps>;
 //#endregion
 //#region src/css/designTokens/generated/types.d.ts
 /**
@@ -1225,7 +1225,7 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$4> & {
 /**
  * Box is a layout container using [CSS Flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox).
  */
-declare const Box: PolymorphicComponent<typeof DEFAULT_ELEMENT$4, BoxProps>;
+export declare const Box: PolymorphicComponent<typeof DEFAULT_ELEMENT$4, BoxProps>;
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts
 type BreadcrumbsProps = ComponentPropsWithoutRef<"div"> & {
@@ -1238,7 +1238,7 @@ type BreadcrumbsProps = ComponentPropsWithoutRef<"div"> & {
  * Used to display a screens's location within a hierarchical structure. Each `Breadcrumb` is a composed version of
  * [Button](/components/Button). See it's documentation for additional functionality.
  */
-declare const Breadcrumbs: FC<BreadcrumbsProps>;
+export declare const Breadcrumbs: FC<BreadcrumbsProps>;
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumb.d.ts
 type BreadcrumbProps = ButtonAsLinkProps & {
@@ -1259,7 +1259,7 @@ type BreadcrumbProps = ButtonAsLinkProps & {
    */
   href: string;
 };
-declare const Breadcrumb: ({ icon, href, children, ...props }: BreadcrumbProps) => JSX.Element;
+export declare const Breadcrumb: ({ icon, href, children, ...props }: BreadcrumbProps) => JSX.Element;
 //#endregion
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupButtonSize = ButtonSizes | "natural";
@@ -1292,7 +1292,7 @@ type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
  * ButtonGroup is a layout component that groups buttons together,
  * with a standardized gap between them.
  */
-declare const ButtonGroup: FC<ButtonGroupProps>;
+export declare const ButtonGroup: FC<ButtonGroupProps>;
 //#endregion
 //#region src/components/Card/Card.d.ts
 type CardProps = BoxProps & ComponentPropsWithoutRef<"div"> & {
@@ -1393,7 +1393,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.](/components/Box)
  */
-declare const Card: FC<CardProps>;
+export declare const Card: FC<CardProps>;
 //#endregion
 //#region src/components/Center/Center.d.ts
 type CenterProps = ComponentPropsWithoutRef<"div"> & {
@@ -1418,7 +1418,7 @@ type CenterProps = ComponentPropsWithoutRef<"div"> & {
  * Center component provides various ways to center content horizontally within a container.
  * It supports max-width constraints, text alignment, gutters, and intrinsic content centering.
  */
-declare const Center: ({ maxWidth, gutterWidth, intrinsic, children, ref, ...props }: CenterProps & {
+export declare const Center: ({ maxWidth, gutterWidth, intrinsic, children, ref, ...props }: CenterProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -1473,7 +1473,7 @@ type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "labe
 /**
  * A `Checkbox` lets users select one or more options from a set, or toggle a single option on or off. It supports both standalone controlled usage and grouped usage via `CheckboxGroup`.
  */
-declare const Checkbox: ({ checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: CheckboxProps & {
+export declare const Checkbox: ({ checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: CheckboxProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -1558,7 +1558,7 @@ type CheckboxCardProps = CheckboxCardWithChildren | CheckboxCardWithDefaultLayou
  * used side by side for single-select and multi-select questions. It supports both
  * standalone controlled usage and grouped usage via `CheckboxGroup`.
  */
-declare const CheckboxCard: ({ icon, label, description, showIndicator, isGated, children, padding, ref, ...rootProps }: CheckboxCardProps & {
+export declare const CheckboxCard: ({ icon, label, description, showIndicator, isGated, children, padding, ref, ...rootProps }: CheckboxCardProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -1583,7 +1583,7 @@ type ClickRegionProps = {
  *
  * In either case, a link or button must be present, but can be hidden by using `ScreenReaderOnly`.
  */
-declare const ClickRegion: FC<ClickRegionProps>;
+export declare const ClickRegion: FC<ClickRegionProps>;
 //#endregion
 //#region src/components/Collapsible/Collapsible.d.ts
 type CollapsibleProps = {
@@ -1603,7 +1603,7 @@ type CollapsibleProps = {
 /**
  * Toggle the visibility of content with a trigger.
  */
-declare const Collapsible: FC<CollapsibleProps>;
+export declare const Collapsible: FC<CollapsibleProps>;
 //#endregion
 //#region src/components/Collapsible/CollapsibleTrigger.d.ts
 type CollapsibleTriggerProps = {
@@ -1613,13 +1613,13 @@ type CollapsibleTriggerProps = {
    */
   children: ReactElement;
 };
-declare const CollapsibleTrigger: ({ children }: CollapsibleTriggerProps) => JSX.Element;
+export declare const CollapsibleTrigger: ({ children }: CollapsibleTriggerProps) => JSX.Element;
 //#endregion
 //#region src/components/Collapsible/CollapsibleTriggerIcon.d.ts
 type CollapsibleTriggerIconProps = Omit<IconProps, "type"> & {
   type: Extract<IconProps["type"], "caret-left-strong" | "caret-left" | "caret-right-strong" | "caret-right" | "plus">;
 };
-declare const CollapsibleTriggerIcon: FC<CollapsibleTriggerIconProps>;
+export declare const CollapsibleTriggerIcon: FC<CollapsibleTriggerIconProps>;
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.d.ts
 type CollapsibleContentProps = {
@@ -1632,7 +1632,7 @@ type CollapsibleContentProps = {
    */
   children: ReactNode;
 };
-declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => JSX.Element;
+export declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => JSX.Element;
 //#endregion
 //#region src/components/ColorPicker/ColorGrid.d.ts
 type ColorGridProps = PropsWithChildren & {
@@ -1642,7 +1642,7 @@ type ColorGridProps = PropsWithChildren & {
  * Displays color options as a wrapped grid of swatches. Use `ColorGridOption`
  * as children and pass an optional `label` for a heading.
  */
-declare const ColorGrid: FC<ColorGridProps>;
+export declare const ColorGrid: FC<ColorGridProps>;
 //#endregion
 //#region src/components/ColorPicker/types.d.ts
 type ColorPickerOption = {
@@ -1662,7 +1662,7 @@ type ColorGridOptionProps = ColorPickerOption;
  * A single selectable color swatch for use inside a `ColorGrid`. Renders as
  * a radio item with a tooltip showing the color's name or hex code.
  */
-declare const ColorGridOption: FC<ColorGridOptionProps>;
+export declare const ColorGridOption: FC<ColorGridOptionProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorList.d.ts
 type ColorListProps = PropsWithChildren;
@@ -1671,7 +1671,7 @@ type ColorListProps = PropsWithChildren;
  * `ColorListGroup` to organize options into labeled sections, and
  * `ColorListOption` for individual items.
  */
-declare const ColorList: FC<ColorListProps>;
+export declare const ColorList: FC<ColorListProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorListGroup.d.ts
 type ColorListGroupProps = PropsWithChildren<{
@@ -1680,7 +1680,7 @@ type ColorListGroupProps = PropsWithChildren<{
 /**
  * Groups `ColorListOption` items under a labeled heading within a `ColorList`.
  */
-declare const ColorListGroup: FC<ColorListGroupProps>;
+export declare const ColorListGroup: FC<ColorListGroupProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorListOption.d.ts
 type ColorListOptionProps = ColorPickerOption;
@@ -1688,7 +1688,7 @@ type ColorListOptionProps = ColorPickerOption;
  * A single selectable row for use inside a `ColorList`. Displays a color
  * swatch alongside the color's name (if provided) or hex code.
  */
-declare const ColorListOption: FC<ColorListOptionProps>;
+export declare const ColorListOption: FC<ColorListOptionProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorPicker.d.ts
 type ColorPickerProps = PropsWithChildren<{
@@ -1735,7 +1735,7 @@ type ColorPickerComponentProps = ComponentPropsWithoutRef<"div"> & ColorPickerPr
  * at `~/components/ColorPicker`, which assembles these primitives with
  * sensible defaults (brand colors, contrast controls, popover/inline modes).
  */
-declare const ColorPicker: FC<ColorPickerComponentProps>;
+export declare const ColorPicker: FC<ColorPickerComponentProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorPickerPopoverContent.d.ts
 type ColorPickerPopoverContentProps = PropsWithChildren;
@@ -1743,7 +1743,7 @@ type ColorPickerPopoverContentProps = PropsWithChildren;
  * The popover panel that opens when the `ColorPickerTrigger` is activated.
  * Use `ColorPickerSection` to organize content within it.
  */
-declare const ColorPickerPopoverContent: FC<ColorPickerPopoverContentProps>;
+export declare const ColorPickerPopoverContent: FC<ColorPickerPopoverContentProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorPickerSection.d.ts
 type ColorPickerSectionProps = PropsWithChildren;
@@ -1751,7 +1751,7 @@ type ColorPickerSectionProps = PropsWithChildren;
  * A padded section for grouping related controls within a
  * `ColorPickerPopoverContent`. Provides consistent spacing between sections.
  */
-declare const ColorPickerSection: FC<ColorPickerSectionProps>;
+export declare const ColorPickerSection: FC<ColorPickerSectionProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorPickerTrigger.d.ts
 type ColorPickerTriggerProps = ComponentPropsWithoutRef<"button">;
@@ -1760,7 +1760,7 @@ type ColorPickerTriggerProps = ComponentPropsWithoutRef<"button">;
  * it renders a swatch and hex label for the current color; pass custom children
  * to replace that content.
  */
-declare const ColorPickerTrigger: ({ children, ref, ...props }: ColorPickerTriggerProps & {
+export declare const ColorPickerTrigger: ({ children, ref, ...props }: ColorPickerTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -1772,13 +1772,13 @@ type ContrastControlsProps = object;
  * Relies on `colorForComparison` and `minimumContrastRatio` set on the parent
  * `ColorPicker`.
  */
-declare const ContrastControls: FC<ContrastControlsProps>;
+export declare const ContrastControls: FC<ContrastControlsProps>;
 //#endregion
 //#region src/components/ColorPicker/ContrastIndicator.d.ts
-declare const ContrastIndicator: () => JSX.Element;
+export declare const ContrastIndicator: () => JSX.Element;
 //#endregion
 //#region src/components/ColorPicker/ContrastPreview.d.ts
-declare const ContrastPreview: () => JSX.Element;
+export declare const ContrastPreview: () => JSX.Element;
 //#endregion
 //#region src/components/ColorPicker/ContrastEnforcerSwitch.d.ts
 /**
@@ -1787,7 +1787,7 @@ declare const ContrastPreview: () => JSX.Element;
  * Provides a toggle switch to enable/disable minimum contrast enforcement
  * which automatically adjusts colors to meet accessibility standards.
  */
-declare const ContrastEnforcerSwitch: () => JSX.Element | null;
+export declare const ContrastEnforcerSwitch: () => JSX.Element | null;
 //#endregion
 //#region src/components/ColorPicker/HexColorInput.d.ts
 type HexColorInputProps = {
@@ -1801,7 +1801,7 @@ type HexColorInputProps = {
  * allow only hex characters, normalizes pasted values, and supports arrow-key
  * nudging of saturation. Auto-focuses by default for quick paste workflows.
  */
-declare const HexColorInput: FC<HexColorInputProps>;
+export declare const HexColorInput: FC<HexColorInputProps>;
 //#endregion
 //#region src/components/ColorPicker/HueSlider.d.ts
 type HueSliderProps = object;
@@ -1810,7 +1810,7 @@ type HueSliderProps = object;
  * over a spectrum gradient. The thumb color reflects the currently selected
  * hue, saturation, and value.
  */
-declare const HueSlider: FC<HueSliderProps>;
+export declare const HueSlider: FC<HueSliderProps>;
 //#endregion
 //#region src/components/ColorPicker/SaturationAndValuePicker.d.ts
 type SaturationAndValuePickerProps = {
@@ -1822,7 +1822,7 @@ type SaturationAndValuePickerProps = {
  * navigation. When contrast enforcement is enabled, a contrast boundary curve
  * is drawn on the canvas.
  */
-declare const SaturationAndValuePicker: FC<SaturationAndValuePickerProps>;
+export declare const SaturationAndValuePicker: FC<SaturationAndValuePickerProps>;
 //#endregion
 //#region src/components/ColorPicker/ValueNameOrHexCode.d.ts
 type ValueNameOrHexCodeProps = object;
@@ -1830,7 +1830,7 @@ type ValueNameOrHexCodeProps = object;
  * Displays the name of the current color (if it matches a known color name)
  * or its hex code. Reads the current value from ColorPicker context.
  */
-declare const ValueNameOrHexCode: FC<ValueNameOrHexCodeProps>;
+export declare const ValueNameOrHexCode: FC<ValueNameOrHexCodeProps>;
 //#endregion
 //#region src/components/ColorPicker/ColorSwatch.d.ts
 type ColorSwatchProps = PropsWithChildren<{
@@ -1846,10 +1846,10 @@ type ValueSwatchProps = Pick<ColorSwatchProps, "diameterPx">;
  * Renders a circular color swatch filled with the current color from
  * ColorPicker context. Accepts an optional `diameterPx` to control size.
  */
-declare const ValueSwatch: FC<ValueSwatchProps>;
+export declare const ValueSwatch: FC<ValueSwatchProps>;
 //#endregion
 //#region src/components/ColorPicker/contrast-utils.d.ts
-declare const calculateContrast: ({ backgroundColor, foregroundColor, backgroundOpacity }: {
+export declare const calculateContrast: ({ backgroundColor, foregroundColor, backgroundOpacity }: {
   backgroundColor: Color | string;
   foregroundColor?: Color | string;
   backgroundOpacity?: number;
@@ -1903,14 +1903,14 @@ type ComboboxProps = {
 /**
  * A `Combobox` is a searchable single- or multi-select input. Users can filter options by typing, and selected values in multi-select mode are displayed as removable `Tag` components.
  */
-declare const Combobox: ({ "aria-label": ariaLabel, placeholder, value, onChange, searchValue, onSearchValueChange, displayValues, children, flipPopover, fullWidth }: ComboboxProps) => JSX.Element;
+export declare const Combobox: ({ "aria-label": ariaLabel, placeholder, value, onChange, searchValue, onSearchValueChange, displayValues, children, flipPopover, fullWidth }: ComboboxProps) => JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxOption.d.ts
 type ComboboxOptionProps = {
   value: string;
   children: ReactNode;
 };
-declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => JSX.Element;
+export declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => JSX.Element;
 //#endregion
 //#region src/components/ContextMenu/ContextMenu.d.ts
 type ContextMenuProps = {
@@ -1938,7 +1938,7 @@ type ContextMenuProps = {
  * 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.
  */
-declare const ContextMenu: ({ position, triggerRef, children, side, onRequestClose, compact }: ContextMenuProps) => JSX.Element;
+export declare const ContextMenu: ({ position, triggerRef, children, side, onRequestClose, compact }: ContextMenuProps) => JSX.Element;
 //#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";
@@ -1950,7 +1950,7 @@ type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
  * Used for overriding the default theme tokens with custom values.
  * This should only be used when the ui systems team has been consulted first.
  */
-declare const CustomizableThemeWrapper: FC<CustomizableThemeWrapperProps>;
+export declare const CustomizableThemeWrapper: FC<CustomizableThemeWrapperProps>;
 //#endregion
 //#region src/components/DataCards/DataCard.d.ts
 type DataCardProps = ComponentPropsWithoutRef<"div"> & Partial<Pick<ButtonAsLinkProps, "beforeAction" | "disabled" | "href" | "onClick" | "type">> & {
@@ -1987,7 +1987,7 @@ type DataCardProps = ComponentPropsWithoutRef<"div"> & Partial<Pick<ButtonAsLink
    */
   subtitle?: ReactNode;
 };
-declare const DataCard: FC<DataCardProps>;
+export declare const DataCard: FC<DataCardProps>;
 //#endregion
 //#region src/components/DataCards/DataCards.d.ts
 type DataCardsProps = ComponentPropsWithoutRef<"div"> & {
@@ -2011,7 +2011,7 @@ type DataCardsProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * Displays a series of cards tailor made for displaying analytics data
  */
-declare const DataCards: FC<DataCardsProps>;
+export declare const DataCards: FC<DataCardsProps>;
 //#endregion
 //#region src/components/DataCards/DataCardTrend.d.ts
 type DataCardTrendProps = {
@@ -2028,11 +2028,11 @@ type DataCardTrendProps = {
    */
   children: JSX.Element | string;
 };
-declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
+export declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
 //#endregion
 //#region src/components/DataCards/DataCardHoverArrow.d.ts
 type DataCardHoverArrowProps = object;
-declare const DataCardHoverArrow: FC<DataCardHoverArrowProps>;
+export declare const DataCardHoverArrow: FC<DataCardHoverArrowProps>;
 //#endregion
 //#region src/components/DataList/DataList.d.ts
 type DataListProps = ComponentPropsWithoutRef<"dl"> & {
@@ -2056,7 +2056,7 @@ type DataListProps = ComponentPropsWithoutRef<"dl"> & {
 /**
  * The DataList component is used to display a list of items with labels and values.
  */
-declare const DataList: FC<DataListProps>;
+export declare const DataList: FC<DataListProps>;
 //#endregion
 //#region src/components/DataList/DataListItem.d.ts
 type DataListItemProps = Omit<ComponentPropsWithoutRef<"dl">, "children"> & {
@@ -2068,7 +2068,7 @@ type DataListItemProps = Omit<ComponentPropsWithoutRef<"dl">, "children"> & {
 /**
  * An item within a `DataList`. It should only contain `DataListItemLabel` and `DataListItemValue` components.
  */
-declare const DataListItem: FC<DataListItemProps>;
+export declare const DataListItem: FC<DataListItemProps>;
 //#endregion
 //#region src/components/Text/Text.d.ts
 type AlignmentTypes$1 = "center" | "justify" | "left" | "right";
@@ -2136,21 +2136,21 @@ type TextProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * Used for rending paragraphs and inline text.
  */
-declare const Text: PolymorphicComponent<typeof DEFAULT_ELEMENT$3, TextProps>;
+export declare const Text: PolymorphicComponent<typeof DEFAULT_ELEMENT$3, TextProps>;
 //#endregion
 //#region src/components/DataList/DataListItemLabel.d.ts
 type DataListItemLabelProps = TextProps;
 /**
  * The label of the `DataListItem`. Extends the [Text](/components/Text) component.
  */
-declare const DataListItemLabel: FC<DataListItemLabelProps>;
+export declare const DataListItemLabel: FC<DataListItemLabelProps>;
 //#endregion
 //#region src/components/DataList/DataListItemValue.d.ts
 type DataListItemValueProps = TextProps;
 /**
  * The value of the `DataListItem`. Extends the [Text](/components/Text) component.
  */
-declare const DataListItemValue: FC<DataListItemValueProps>;
+export declare const DataListItemValue: FC<DataListItemValueProps>;
 //#endregion
 //#region src/components/DatePicker/DatePicker.d.ts
 type DatePickerBaseProps = {
@@ -2197,7 +2197,7 @@ type DatePickerProps = (DatePickerControlledProps | DatePickerUncontrolledProps)
  * A date picker that combines a text input with natural language parsing
  * and a calendar popover for visual date selection.
  */
-declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/Dimmer/Dimmer.d.ts
 declare const alignVerticalMap: {
@@ -2237,7 +2237,7 @@ type DimmerProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * Use to draw focus away from the background to a UI element in the foreground.
  */
-declare const Dimmer: ({ alignHorizontal, alignVertical, children, ref, variant, ...otherProps }: DimmerProps & {
+export declare const Dimmer: ({ alignHorizontal, alignVertical, children, ref, variant, ...otherProps }: DimmerProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -2255,7 +2255,7 @@ type DividerProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A line used to visually separate content; note that dividers have no external margin/spacing on their own.
  */
-declare const Divider: FC<DividerProps>;
+export declare const Divider: FC<DividerProps>;
 //#endregion
 //#region src/components/Heading/Heading.d.ts
 type AlignmentTypes = "center" | "justify" | "left" | "right";
@@ -2327,7 +2327,7 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$2> & {
 /**
  * Displaying heading text, both visually and semantically
  */
-declare const Heading: PolymorphicComponent<typeof DEFAULT_ELEMENT$2, HeadingProps>;
+export declare const Heading: PolymorphicComponent<typeof DEFAULT_ELEMENT$2, HeadingProps>;
 //#endregion
 //#region src/components/EditableHeading/EditableHeading.d.ts
 type EditableHeadingProps = {
@@ -2375,7 +2375,7 @@ type EditableHeadingProps = {
  * an accessible button that enables editing mode. The component handles empty values, keyboard
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
  */
-declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled }: EditableHeadingProps) => JSX.Element;
+export declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled }: EditableHeadingProps) => JSX.Element;
 //#endregion
 //#region src/private/helpers/getTypographicStyles/getTypographicStyles.d.ts
 type TypographicVariant = keyof typeof variantStyleMap$1 | keyof typeof variantStyleMap;
@@ -2469,8 +2469,8 @@ type EditableTextContextValues = {
   maxLines: number | undefined;
   finalFocusEl: (() => HTMLElement | null) | undefined;
 };
-declare const EditableTextContext: Context<EditableTextContextValues | null>;
-declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX.Element;
+export declare const EditableTextContext: Context<EditableTextContextValues | null>;
+export declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX.Element;
 //#endregion
 //#region src/components/EditableText/EditableText.d.ts
 type EditableTextProps = Omit<EditableTextRootProps, "children"> & {
@@ -2482,7 +2482,7 @@ type EditableTextProps = Omit<EditableTextRootProps, "children"> & {
 /**
  * Used for inline editing of text.
  */
-declare const EditableText: FC<EditableTextProps>;
+export declare const EditableText: FC<EditableTextProps>;
 //#endregion
 //#region src/components/EditableText/EditableTextDisplay.d.ts
 type EditableTextDisplayProps = ComponentPropsWithoutRef<"div"> & {
@@ -2492,7 +2492,7 @@ type EditableTextDisplayProps = ComponentPropsWithoutRef<"div"> & {
   asTrigger?: boolean;
   renderAs?: ElementType;
 };
-declare const EditableTextDisplay: PolymorphicComponent<"h1", EditableTextDisplayProps>;
+export declare const EditableTextDisplay: PolymorphicComponent<"h1", EditableTextDisplayProps>;
 //#endregion
 //#region src/components/Label/Label.d.ts
 type LabelProps = ComponentPropsWithoutRef<"label"> & {
@@ -2521,17 +2521,17 @@ type LabelProps = ComponentPropsWithoutRef<"label"> & {
 /**
  * Labels are used to give a title to a form component (eg. Input, Select, etc.)
  */
-declare const Label: FC<LabelProps>;
+export declare const Label: FC<LabelProps>;
 //#endregion
 //#region src/components/EditableText/EditableTextLabel.d.ts
 type EditableTextLabelProps = Omit<LabelProps, "disabled" | "htmlFor" | "required">;
-declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => JSX.Element;
+export declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => JSX.Element;
 //#endregion
 //#region src/components/EditableText/EditableTextSubmitButton.d.ts
 type EditableTextSubmitButtonProps = {
   children: ReactElement;
 };
-declare const EditableTextSubmitButton: ({ children }: EditableTextSubmitButtonProps) => JSX.Element | null;
+export declare const EditableTextSubmitButton: ({ children }: EditableTextSubmitButtonProps) => JSX.Element | null;
 //#endregion
 //#region src/components/EditableText/EditableTextCancelButton.d.ts
 type EditableTextCancelButtonProps = {
@@ -2540,7 +2540,7 @@ type EditableTextCancelButtonProps = {
    */
   children: ReactElement;
 };
-declare const EditableTextCancelButton: ({ children }: EditableTextCancelButtonProps) => JSX.Element | null;
+export declare const EditableTextCancelButton: ({ children }: EditableTextCancelButtonProps) => JSX.Element | null;
 //#endregion
 //#region src/components/EditableText/EditableTextTrigger.d.ts
 type EditableTextTriggerProps = {
@@ -2549,7 +2549,7 @@ type EditableTextTriggerProps = {
    */
   children: ReactElement;
 };
-declare const EditableTextTrigger: ({ children, ...props }: EditableTextTriggerProps) => JSX.Element | null;
+export declare const EditableTextTrigger: ({ children, ...props }: EditableTextTriggerProps) => JSX.Element | null;
 //#endregion
 //#region src/components/Input/Input.d.ts
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
@@ -2594,13 +2594,13 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
 /**
  * Capture user input with a text field. Should be used within a [Form](/components/Form) and [FormField](/components/FormField).
  */
-declare const Input: ({ fullWidth, fullHeight, monospace, type, autoSelect, leftIcon, rightIcon, ref: externalRef, ...props }: InputProps & {
+export declare const Input: ({ fullWidth, fullHeight, monospace, type, autoSelect, leftIcon, rightIcon, ref: externalRef, ...props }: InputProps & {
   ref?: Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
 }) => JSX.Element;
 //#endregion
 //#region src/components/EditableText/EditableTextInput.d.ts
 type EditableTextInputProps = Pick<InputProps, "autoSelect">;
-declare const EditableTextInput: (props: EditableTextInputProps) => JSX.Element | null;
+export declare const EditableTextInput: (props: EditableTextInputProps) => JSX.Element | null;
 //#endregion
 //#region src/components/Ellipsis/Ellipsis.d.ts
 type EllipsisProps = ComponentPropsWithoutRef<"span"> & {
@@ -2616,7 +2616,7 @@ type EllipsisProps = ComponentPropsWithoutRef<"span"> & {
 /**
  * Truncate text with an ellispsis visble at the end
  */
-declare const Ellipsis: FC<EllipsisProps>;
+export declare const Ellipsis: FC<EllipsisProps>;
 //#endregion
 //#region src/components/FeatureCard/FeatureCard.d.ts
 type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
@@ -2661,7 +2661,7 @@ type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * The `FeatureCard` component is for displaying contextual information to the user such as alerts or feature announcements.
  */
-declare const FeatureCard: FC<FeatureCardProps>;
+export declare const FeatureCard: FC<FeatureCardProps>;
 //#endregion
 //#region src/components/FeatureCard/FeatureCardImage.d.ts
 type FeatureCardImageProps = ComponentPropsWithoutRef<"div"> & {
@@ -2678,7 +2678,7 @@ type FeatureCardImageProps = ComponentPropsWithoutRef<"div"> & {
    */
   alignment?: "left" | "right";
 };
-declare const FeatureCardImage: ({ alignment, alt, src, ...props }: FeatureCardImageProps) => JSX.Element;
+export declare const FeatureCardImage: ({ alignment, alt, src, ...props }: FeatureCardImageProps) => JSX.Element;
 //#endregion
 //#region src/components/Form/useFormState.d.ts
 type ActionCallback<T> = (data: T, nextData: T) => Promise<T> | T;
@@ -2687,7 +2687,7 @@ type FormActionState<T> = [{
   data: T;
   error: Error | null;
 }, Action, boolean];
-declare const useFormState: <T extends object>(action: ActionCallback<T>, initialData?: Partial<T>) => FormActionState<T>;
+export declare const useFormState: <T extends object>(action: ActionCallback<T>, initialData?: Partial<T>) => FormActionState<T>;
 //#endregion
 //#region src/components/Form/Form.d.ts
 type ValidationCallback<T> = (data: T) => FormErrors<T>;
@@ -2741,7 +2741,7 @@ type FormProps<T> = Omit<ComponentPropsWithoutRef<"form">, "action" | "aria-labe
  * For creating forms. It provides a context for the form fields to access the form state and validation.
  * It also provides a way to handle form submission and validation. It is built around [React 19's form APIs](https://react.dev/reference/react-dom/components/form).
  */
-declare const Form: <T = Record<string, unknown>>({ children, action, values, labelPosition, validate, fullWidth, ref: forwardedRef, ...props }: FormProps<T> & {
+export declare const Form: <T = Record<string, unknown>>({ children, action, values, labelPosition, validate, fullWidth, ref: forwardedRef, ...props }: FormProps<T> & {
   ref?: Ref<HTMLFormElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -2750,10 +2750,10 @@ type FormErrorSummaryProps = {
   /** A description to show before the list of form errors */
   description: string;
 };
-declare const FormErrorSummary: ({ description }: FormErrorSummaryProps) => JSX.Element | null;
+export declare const FormErrorSummary: ({ description }: FormErrorSummaryProps) => JSX.Element | null;
 //#endregion
 //#region src/components/Form/validateWithYup.d.ts
-declare const validateWithYup: <T>(schema: Schema<T>) => ((data: object) => FormErrors<T>);
+export declare const validateWithYup: <T>(schema: Schema<T>) => ((data: object) => FormErrors<T>);
 //#endregion
 //#region src/components/FormField/FormField.d.ts
 type FormFieldProps = ComponentPropsWithoutRef<"div"> & {
@@ -2797,7 +2797,7 @@ type FormFieldProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * FormField is a compound component that combines a label, form control, and optional description and error message.
  */
-declare const FormField: FC<FormFieldProps>;
+export declare const FormField: FC<FormFieldProps>;
 //#endregion
 //#region src/components/FormGroup/FormGroup.d.ts
 type FormGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> & {
@@ -2814,7 +2814,7 @@ type FormGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> & {
 /**
  * For grouping like form elements together.
  */
-declare const FormGroup: FC<FormGroupProps>;
+export declare const FormGroup: FC<FormGroupProps>;
 //#endregion
 //#region src/components/FormGroup/RadioGroup.d.ts
 type RadioGroupProps = FormGroupProps & {
@@ -2825,7 +2825,7 @@ type RadioGroupProps = FormGroupProps & {
 /**
  * For grouping like form elements together. Can serve as a checkbox
  */
-declare const RadioGroup: FC<RadioGroupProps>;
+export declare const RadioGroup: FC<RadioGroupProps>;
 //#endregion
 //#region src/components/FormGroup/CheckboxGroup.d.ts
 type CheckboxGroupProps = FormGroupProps & {
@@ -2836,7 +2836,7 @@ type CheckboxGroupProps = FormGroupProps & {
 /**
  * For grouping like form elements together. Can serve as a checkbox
  */
-declare const CheckboxGroup: FC<CheckboxGroupProps>;
+export declare const CheckboxGroup: FC<CheckboxGroupProps>;
 //#endregion
 //#region src/components/Grid/Grid.d.ts
 declare const DEFAULT_ELEMENT$1 = "div";
@@ -2872,7 +2872,7 @@ type GridProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A `Grid` arranges its children in a CSS grid layout with configurable `columns`, `gap`, and responsive breakpoint support.
  */
-declare const Grid: PolymorphicComponent<typeof DEFAULT_ELEMENT$1, GridProps>;
+export declare const Grid: PolymorphicComponent<typeof DEFAULT_ELEMENT$1, GridProps>;
 //#endregion
 //#region src/components/PreviewCard/PreviewCard.d.ts
 type PreviewCardProps = {
@@ -2927,7 +2927,7 @@ type PreviewCardProps = {
 /**
  * Preview cards reveal content on hover. **Everything in the card must also exist at the destination**—never put information only in the preview. This pattern is for sighted-only, so treat the card as a preview, not a source of truth.
  */
-declare const PreviewCard: FC<PreviewCardProps>;
+export declare const PreviewCard: FC<PreviewCardProps>;
 //#endregion
 //#region src/components/IconButton/IconButton.d.ts
 type IconButtonProps = {
@@ -2944,47 +2944,10 @@ type IconButtonProps = {
  * IconButton behaves like a [Button](/components/Button),
  * but only accepts an [Icon](/components/Icon) as a child.
  */
-declare const IconButton: ({ children, label, size, ref, ...props }: IconButtonProps & {
+export declare const IconButton: ({ children, label, size, ref, ...props }: IconButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
-//#region src/components/IconChip/IconChip.d.ts
-type IconChipSize = "lg" | "md" | "sm" | "xl";
-type IconChipVariant = "soft" | "solid";
-type IconChipShape = "circle" | "square";
-type IconChipProps = Omit<ComponentPropsWithoutRef<"span">, "children"> & {
-  /**
-   * The [Icon](/components/Icon) to display, e.g. `<Icon type="upload" />`
-   */
-  children: ReactElement<IconProps>;
-  /**
-   * Sets the [color scheme](/foundations/color/color-schemes) of the chip
-   */
-  colorScheme?: ColorSchemeTypes;
-  /**
-   * `soft` is a tinted fill with a colored icon; `solid` is a full-color fill with a contrasting icon
-   */
-  variant?: IconChipVariant;
-  /**
-   * The shape of the chip
-   */
-  shape?: IconChipShape;
-  /**
-   * The size of the chip. Ignored when the chip is placed inside a [TileButton](/components/TileButton), which sets it. Can be used as a [responsive prop](/foundations/responsive-props)
-   *
-   * @type ResponsiveObject<'sm' | 'md' | 'lg' | 'xl'> | 'sm' | 'md' | 'lg' | 'xl'
-   */
-  size?: IconChipSize | ResponsiveObject<IconChipSize>;
-  /**
-   * Wiggles the icon when the closest button or link is hovered or focused. Respects reduced-motion preferences
-   */
-  animateOnHover?: boolean;
-};
-/**
- * An `IconChip` places an [Icon](/components/Icon) on a soft or solid colored shape to give it more visual weight. It is decorative and hidden from assistive technology, so always pair it with visible text.
- */
-declare const IconChip: ({ children, colorScheme, variant, shape, size, animateOnHover, ...props }: IconChipProps) => JSX.Element;
-//#endregion
 //#region src/components/Image/Image.d.ts
 type ImageProps = ComponentPropsWithoutRef<"img"> & {
   /**
@@ -3032,7 +2995,7 @@ type ImageProps = ComponentPropsWithoutRef<"img"> & {
 /**
  * An `Image` displays a photo or graphic inline, with controls for border radius, object fit, and how it fills its container. It lazy-loads by default via the native `loading` attribute.
  */
-declare const Image: FC<ImageProps>;
+export declare const Image: FC<ImageProps>;
 //#endregion
 //#region src/components/InputClickToCopy/InputClickToCopy.d.ts
 type InputClickToCopyProps = Omit<InputProps, "autoSelect" | "disabled" | "rightIcon" | "type" | "value"> & {
@@ -3052,7 +3015,7 @@ type InputClickToCopyProps = Omit<InputProps, "autoSelect" | "disabled" | "right
 /**
  * Provides a readonly input that copies the text to the clipboard when clicked.
  */
-declare const InputClickToCopy: ({ value, onCopy, disabled, ref, ...props }: InputClickToCopyProps & {
+export declare const InputClickToCopy: ({ value, onCopy, disabled, ref, ...props }: InputClickToCopyProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3086,7 +3049,7 @@ type InputDurationProps = InputDurationBaseProps & {
 /**
  * InputDuration lets users edit a duration value using a keyboard-friendly time input.
  */
-declare const InputDuration: ({ decimalUnitLength, disabled, fullWidth, maxSeconds, minSeconds, onChangeValueInSeconds, valueInSeconds, onFocus, style, ref: externalRef, ...props }: InputDurationProps & {
+export declare const InputDuration: ({ decimalUnitLength, disabled, fullWidth, maxSeconds, minSeconds, onChangeValueInSeconds, valueInSeconds, onFocus, style, ref: externalRef, ...props }: InputDurationProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3104,7 +3067,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: ({ onVisibilityToggle, disabled, ref, ...props }: InputPasswordProps & {
+export declare const InputPassword: ({ onVisibilityToggle, disabled, ref, ...props }: InputPasswordProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3126,7 +3089,7 @@ type KeyboardKeys = AlphanumericKeyboardKeys | ArrowKeys | ModifierKeys | Punctu
  *   // someString is narrowed to KeyboardKeys here
  * }
  */
-declare const isKeyboardKey: (key: string) => key is KeyboardKeys;
+export declare const isKeyboardKey: (key: string) => key is KeyboardKeys;
 //#endregion
 //#region src/components/KeyboardShortcut/KeyboardShortcut.d.ts
 type KeyboardShortcutProps = ComponentPropsWithoutRef<"div"> & {
@@ -3146,7 +3109,7 @@ type KeyboardShortcutProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A `KeyboardShortcut` displays one or more keyboard keys with an optional label, rendering each key in a styled `kbd` element. Platform-specific keys like `Cmd`/`Meta` are rendered with the appropriate symbol for the detected operating system.
  */
-declare const KeyboardShortcut: FC<KeyboardShortcutProps>;
+export declare const KeyboardShortcut: FC<KeyboardShortcutProps>;
 //#endregion
 //#region src/components/List/List.d.ts
 type VariantType = "breadcrumbs" | "bullets" | "commas" | "ordered" | "slashes" | "spaces" | "unbulleted";
@@ -3169,7 +3132,7 @@ type ListProps = ComponentPropsWithoutRef<"ul"> & {
 /**
  * A `List` groups related items in bulleted, ordered, or separator-based layouts, composed with `ListItem` children or a flat/nested `items` array.
  */
-declare const List: FC<ListProps>;
+export declare const List: FC<ListProps>;
 //#endregion
 //#region src/components/List/ListItem.d.ts
 type ListItemProps = {
@@ -3178,7 +3141,7 @@ type ListItemProps = {
    */
   children?: ReactNode;
 };
-declare const ListItem: FC<ListItemProps>;
+export declare const ListItem: FC<ListItemProps>;
 //#endregion
 //#region src/components/Mark/Mark.d.ts
 type MarkProps = ComponentPropsWithoutRef<"div"> & {
@@ -3190,7 +3153,7 @@ type MarkProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * Defines text that should be marked or highlighted.
  */
-declare const Mark: FC<MarkProps>;
+export declare const Mark: FC<MarkProps>;
 //#endregion
 //#region src/css/baseMarkdownCss.d.ts
 type MarkdownTextSize = "body2" | "body3";
@@ -3210,7 +3173,7 @@ type MarkdownProps = ComponentProps<typeof ReactMarkdown> & {
 /**
  * This is a simple wrapper around `react-markdown` that applies some basic styles.
  */
-declare const Markdown: FC<MarkdownProps>;
+export declare const Markdown: FC<MarkdownProps>;
 //#endregion
 //#region src/components/Menu/Menu.d.ts
 type ControlledMenuProps = {
@@ -3267,7 +3230,7 @@ type MenuProps = MenuControlProps & {
 /**
  * Displays a menu to the users with a set of actions.
  */
-declare const Menu: ({ align, children, disabled, compact, trigger, label, isOpen, side, triggerProps, onOpenChange, ref, ...props }: MenuProps & {
+export declare const Menu: ({ align, children, disabled, compact, trigger, label, isOpen, side, triggerProps, onOpenChange, ref, ...props }: MenuProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3278,7 +3241,7 @@ type MenuLabelProps = {
    */
   children: ReactNode | string;
 };
-declare const MenuLabel: FC<MenuLabelProps>;
+export declare const MenuLabel: FC<MenuLabelProps>;
 //#endregion
 //#region src/components/Menu/SubMenu.d.ts
 type SubMenuProps = {
@@ -3303,7 +3266,7 @@ type SubMenuProps = {
    */
   icon?: JSX.Element | undefined;
 };
-declare const SubMenu: FC<SubMenuProps>;
+export declare const SubMenu: FC<SubMenuProps>;
 //#endregion
 //#region src/components/Menu/MenuItemButton.d.ts
 type MenuItemButtonProps = ButtonProps & {
@@ -3378,7 +3341,7 @@ type MenuItemProps = MenuItemButtonProps & {
    */
   onSelect?: (event: SyntheticEvent) => void;
 };
-declare const MenuItem: ({ onSelect, closeOnClick, ref, ...props }: MenuItemProps & {
+export declare const MenuItem: ({ onSelect, closeOnClick, ref, ...props }: MenuItemProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3389,7 +3352,7 @@ type MenuItemLabelProps = {
    */
   children: ReactNode;
 };
-declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => JSX.Element;
+export declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => JSX.Element;
 //#endregion
 //#region src/components/Menu/MenuItemDescription.d.ts
 type MenuItemDescriptionProps = {
@@ -3398,7 +3361,7 @@ type MenuItemDescriptionProps = {
    */
   children: ReactNode;
 };
-declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => JSX.Element;
+export declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => JSX.Element;
 //#endregion
 //#region src/components/Menu/MenuRadioGroup.d.ts
 type MenuRadioGroupProps = {
@@ -3415,7 +3378,7 @@ type MenuRadioGroupProps = {
    */
   onValueChange?: (value: string) => void;
 };
-declare const MenuRadioGroup: FC<MenuRadioGroupProps>;
+export declare const MenuRadioGroup: FC<MenuRadioGroupProps>;
 //#endregion
 //#region src/components/Menu/RadioMenuItem.d.ts
 type RadioMenuItemProps = MenuItemButtonProps & {
@@ -3444,7 +3407,7 @@ type RadioMenuItemProps = MenuItemButtonProps & {
    */
   onSelect?: (event: SyntheticEvent) => void;
 };
-declare const RadioMenuItem: FC<RadioMenuItemProps>;
+export declare const RadioMenuItem: FC<RadioMenuItemProps>;
 //#endregion
 //#region src/components/Menu/CheckboxMenuItem.d.ts
 type CheckboxMenuItemProps = MenuItemButtonProps & {
@@ -3475,7 +3438,7 @@ type CheckboxMenuItemProps = MenuItemButtonProps & {
    */
   onSelect?: (event: SyntheticEvent) => void;
 };
-declare const CheckboxMenuItem: FC<CheckboxMenuItemProps>;
+export declare const CheckboxMenuItem: FC<CheckboxMenuItemProps>;
 //#endregion
 //#region src/components/Menu/FilterMenu.d.ts
 type FilterMenuProps = MenuProps & {
@@ -3496,8 +3459,8 @@ type FilterMenuProps = MenuProps & {
    */
   onSearchValueChange: (value: string) => void;
 };
-declare const FilterMenuItem: typeof CheckboxMenuItem;
-declare const FilterMenu: ({ value, onChange, searchValue, onSearchValueChange, children, ref, ...props }: FilterMenuProps & {
+export declare const FilterMenuItem: typeof CheckboxMenuItem;
+export declare const FilterMenu: ({ value, onChange, searchValue, onSearchValueChange, children, ref, ...props }: FilterMenuProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3549,7 +3512,7 @@ type MeterProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A meter component that visually represents one to many segments as portions of a whole
  */
-declare const Meter: FC<MeterProps>;
+export declare const Meter: FC<MeterProps>;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
 type ModalProps = Omit<ComponentPropsWithoutRef<"div">, "onKeyDown"> & {
@@ -3605,7 +3568,7 @@ type ModalProps = Omit<ComponentPropsWithoutRef<"div">, "onKeyDown"> & {
  * A Modal is a focused UI element that appears atop the main interface, requiring
  * user interaction or dismissal before returning to the underlying content.
  */
-declare const Modal: ({ children, footer, hideCloseButton, hideTitle, initialFocusRef, isOpen, onKeyDown, onRequestClose, positionVariant, title, width, ref, ...props }: ModalProps & {
+export declare const Modal: ({ children, footer, hideCloseButton, hideTitle, initialFocusRef, isOpen, onKeyDown, onRequestClose, positionVariant, title, width, ref, ...props }: ModalProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3616,7 +3579,7 @@ type ModalCalloutsProps = {
    */
   children?: ReactNode;
 };
-declare const ModalCallouts: FC<ModalCalloutsProps>;
+export declare const ModalCallouts: FC<ModalCalloutsProps>;
 type ModalCalloutProps = {
   title: string;
   image: JSX.Element;
@@ -3625,7 +3588,7 @@ type ModalCalloutProps = {
    */
   children?: ReactNode;
 };
-declare const ModalCallout: FC<ModalCalloutProps>;
+export declare const ModalCallout: FC<ModalCalloutProps>;
 //#endregion
 //#region src/components/Popover/Popover.d.ts
 type ControlledPopoverProps = {
@@ -3706,7 +3669,7 @@ type PopoverProps = PopoverControlProps & {
  * the primitives directly: `PopoverRoot`, `PopoverTrigger`, `PopoverAnchor`,
  * `PopoverPortal`, `PopoverContent`, `PopoverClose`.
  */
-declare const Popover: FC<PopoverProps>;
+export declare const Popover: FC<PopoverProps>;
 //#endregion
 //#region src/components/Popover/PopoverAnchor.d.ts
 type PopoverAnchorProps = {
@@ -3719,7 +3682,7 @@ type PopoverAnchorProps = {
  *
  * Wrap the anchor element and nest `PopoverTrigger` inside it.
  */
-declare const PopoverAnchor: FC<PopoverAnchorProps>;
+export declare const PopoverAnchor: FC<PopoverAnchorProps>;
 //#endregion
 //#region src/components/Popover/PopoverArrow.d.ts
 type PopoverArrowProps = {
@@ -3728,7 +3691,7 @@ type PopoverArrowProps = {
    */
   isAnimated: boolean;
 };
-declare const PopoverArrow: FC<PopoverArrowProps>;
+export declare const PopoverArrow: FC<PopoverArrowProps>;
 //#endregion
 //#region src/components/Popover/PopoverClose.d.ts
 type PopoverCloseProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
@@ -3743,7 +3706,7 @@ type PopoverCloseProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
  * pass `render` to merge the close behavior onto a single child element. For
  * a pre-styled icon close button, use `PopoverCloseButton`.
  */
-declare const PopoverClose: ({ ref, ...props }: PopoverCloseProps & {
+export declare const PopoverClose: ({ ref, ...props }: PopoverCloseProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3756,7 +3719,7 @@ type PopoverCloseButtonProps = {
  * A pre-styled close button intended to be placed inside a `PopoverContent`.
  * For a custom close control, use `PopoverClose` directly.
  */
-declare const PopoverCloseButton: FC<PopoverCloseButtonProps>;
+export declare const PopoverCloseButton: FC<PopoverCloseButtonProps>;
 //#endregion
 //#region src/components/Popover/PopoverContent.d.ts
 type PopoverContentProps = {
@@ -3797,7 +3760,7 @@ type PopoverContentProps = {
  * The styled popover surface. Place inside a `PopoverRoot` (typically wrapped
  * in a `PopoverPortal`). Wraps a `Positioner` and `Popup` internally.
  */
-declare const PopoverContent: ({ colorScheme, unstyled, maxWidth, maxHeight, sideOffset, side, align, style, role, children, ref, ...props }: PopoverContentProps & {
+export declare const PopoverContent: ({ colorScheme, unstyled, maxWidth, maxHeight, sideOffset, side, align, style, role, children, ref, ...props }: PopoverContentProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3809,7 +3772,7 @@ type PopoverPortalProps = {
  * 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: FC<PopoverPortalProps>;
+export declare const PopoverPortal: FC<PopoverPortalProps>;
 //#endregion
 //#region src/components/Popover/PopoverRoot.d.ts
 /**
@@ -3836,7 +3799,7 @@ type PopoverRootProps = {
  *
  * For the common "button opens a panel" case, prefer the bundled `Popover`.
  */
-declare const PopoverRoot: FC<PopoverRootProps>;
+export declare const PopoverRoot: FC<PopoverRootProps>;
 //#endregion
 //#region src/components/Popover/PopoverTrigger.d.ts
 type PopoverTriggerProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
@@ -3857,7 +3820,7 @@ type PopoverTriggerProps = Omit<ComponentPropsWithoutRef<"button">, "render"> &
  * `<button>` wrapping its children; pass `render` to merge the trigger
  * behavior onto a single child element (e.g. a `Button` or `IconButton`).
  */
-declare const PopoverTrigger: ({ nativeButton, ref, ...props }: PopoverTriggerProps & {
+export declare const PopoverTrigger: ({ nativeButton, ref, ...props }: PopoverTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -3887,7 +3850,7 @@ type ProgressBarProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A progress component that visually represents the completion status of a task
  */
-declare const ProgressBar: FC<ProgressBarProps>;
+export declare const ProgressBar: FC<ProgressBarProps>;
 //#endregion
 //#region src/components/Radio/Radio.d.ts
 type RadioSizeType = "lg" | "md" | "sm";
@@ -3945,7 +3908,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label"
 /**
  * A `Radio` lets users select exactly one option from a visible set of choices.
  */
-declare const Radio: ({ checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: RadioProps & {
+export declare const Radio: ({ checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: RadioProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4022,7 +3985,7 @@ type RadioCardProps = RadioCardWithChildren | RadioCardWithDefaultLayout;
 /**
  * A `RadioCard` lets users select exactly one option from a set of visually rich, card-based choices.
  */
-declare const RadioCard: ({ icon, label, description, showIndicator, isGated, children, ref, ...rootProps }: RadioCardProps & {
+export declare const RadioCard: ({ icon, label, description, showIndicator, isGated, children, ref, ...rootProps }: RadioCardProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4069,7 +4032,7 @@ type RadioCardImageProps = Omit<ComponentPropsWithoutRef<"input">, "onChange"> &
    */
   padding?: Spacings;
 };
-declare const RadioCardImage: ({ label, imageSrc, aspectRatio, padding, ref, ...rootProps }: RadioCardImageProps & {
+export declare const RadioCardImage: ({ label, imageSrc, aspectRatio, padding, ref, ...rootProps }: RadioCardImageProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4092,10 +4055,10 @@ type ScreenReaderOnlyProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * Used to hide content from the visual client, but keep it readable for screen readers.
  */
-declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
+export declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.d.ts
-type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
+export type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
   /**
    * When true, disables scrolling. Useful to temporarily prevent scrolling,
    * like when drag-and-dropping an item from inside to outside of the scroll
@@ -4107,7 +4070,7 @@ type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
  * ScrollArea is a simple scrollable container with shadow effects to indicate
  * scrollability.
  */
-declare const ScrollArea: ({ children, onScroll, style, locked, ref: forwardedRef, ...props }: ScrollAreaProps & {
+export declare const ScrollArea: ({ children, onScroll, style, locked, ref: forwardedRef, ...props }: ScrollAreaProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4141,7 +4104,7 @@ type SegmentedControlProps = {
 /**
  * Provides a horizontal set of segments for switching between different values
  */
-declare const SegmentedControl: ({ children, colorScheme, disabled, fullWidth, selectedValue, onSelectedValueChange, ref, ...props }: SegmentedControlProps & Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "defaultValue"> & {
+export declare const SegmentedControl: ({ children, colorScheme, disabled, fullWidth, selectedValue, onSelectedValueChange, ref, ...props }: SegmentedControlProps & Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "defaultValue"> & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element | null;
 //#endregion
@@ -4187,7 +4150,7 @@ type NoIcon$1 = {
   "aria-label"?: never;
 };
 type SegmentedControlItemProps = BaseProps$1 & (IconWithAriaLabel$1 | IconWithLabel$1 | NoIcon$1);
-declare const SegmentedControlItem: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref: forwardedRef, ...otherProps }: SegmentedControlItemProps & {
+export declare const SegmentedControlItem: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref: forwardedRef, ...otherProps }: SegmentedControlItemProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4255,7 +4218,7 @@ type SelectProps = {
 /**
  * Display a list of options and choose one of them. Replacement for the native Select HTML element.
  */
-declare const Select: ({ colorScheme, children, onOpenChange, onChange, placeholder, fullWidth, forceOpen, showScrollArrows, disabled, name, value, "aria-invalid": ariaInvalid, ref: forwardedRef, ...props }: SelectProps & {
+export declare const Select: ({ colorScheme, children, onOpenChange, onChange, placeholder, fullWidth, forceOpen, showScrollArrows, disabled, name, value, "aria-invalid": ariaInvalid, ref: forwardedRef, ...props }: SelectProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4290,7 +4253,7 @@ type SelectOptionProps = {
    */
   checkmarkVerticalAlign?: "center" | "top";
 };
-declare const SelectOption: ({ children, selectedDisplayValue, checkmarkVerticalAlign, textValue, ref: forwardedRef, ...props }: SelectOptionProps & {
+export declare const SelectOption: ({ children, selectedDisplayValue, checkmarkVerticalAlign, textValue, ref: forwardedRef, ...props }: SelectOptionProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4301,7 +4264,7 @@ type SelectOptionGroupProps = {
   /** At least one `Option` */
   children: ReactNode;
 };
-declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => JSX.Element;
+export declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => JSX.Element;
 //#endregion
 //#region src/components/Sidebar/Sidebar.d.ts
 type SidebarProps = HTMLAttributes<HTMLElement> & {
@@ -4314,7 +4277,7 @@ type SidebarProps = HTMLAttributes<HTMLElement> & {
 /**
  * The `Sidebar` provides vertical navigation with a composable header, scrollable content area, and footer.
  */
-declare const Sidebar: ({ children, ref, ...props }: SidebarProps & {
+export declare const Sidebar: ({ children, ref, ...props }: SidebarProps & {
   ref?: Ref<HTMLElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4326,7 +4289,7 @@ type SidebarHeaderProps = {
    */
   children: ReactNode;
 };
-declare const SidebarHeader: FC<SidebarHeaderProps>;
+export declare const SidebarHeader: FC<SidebarHeaderProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarFooter.d.ts
 type SidebarFooterProps = {
@@ -4336,7 +4299,7 @@ type SidebarFooterProps = {
    */
   children: ReactNode;
 };
-declare const SidebarFooter: FC<SidebarFooterProps>;
+export declare const SidebarFooter: FC<SidebarFooterProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarTitle.d.ts
 type SidebarTitleProps = {
@@ -4345,7 +4308,7 @@ type SidebarTitleProps = {
    */
   children: ReactNode;
 };
-declare const SidebarTitle: FC<SidebarTitleProps>;
+export declare const SidebarTitle: FC<SidebarTitleProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarContent.d.ts
 type SidebarContentProps = {
@@ -4355,7 +4318,7 @@ type SidebarContentProps = {
    */
   children: ReactNode;
 };
-declare const SidebarContent: FC<SidebarContentProps>;
+export declare const SidebarContent: FC<SidebarContentProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup.d.ts
 type SidebarGroupProps = {
@@ -4365,7 +4328,7 @@ type SidebarGroupProps = {
    */
   children: ReactNode;
 };
-declare const SidebarGroup: FC<SidebarGroupProps>;
+export declare const SidebarGroup: FC<SidebarGroupProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarGroupLabel.d.ts
 type SidebarGroupLabelProps = {
@@ -4384,7 +4347,7 @@ type SidebarGroupLabelProps = {
    */
   leftSlot?: ReactNode;
 };
-declare const SidebarGroupLabel: FC<SidebarGroupLabelProps>;
+export declare const SidebarGroupLabel: FC<SidebarGroupLabelProps>;
 //#endregion
 //#region src/components/Sidebar/SidebarButton.d.ts
 type SidebarButtonProps = (Omit<ButtonAsButtonProps, "fullWidth" | "labelAlign" | "size" | "unstyled" | "variant"> | Omit<ButtonAsLinkProps, "fullWidth" | "labelAlign" | "size" | "unstyled" | "variant">) & {
@@ -4394,7 +4357,7 @@ type SidebarButtonProps = (Omit<ButtonAsButtonProps, "fullWidth" | "labelAlign"
    */
   selected?: boolean;
 };
-declare const SidebarButton: ({ selected, ref, ...props }: SidebarButtonProps & {
+export declare const SidebarButton: ({ selected, ref, ...props }: SidebarButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4407,7 +4370,7 @@ type SidebarSearchInputProps = Omit<InputProps, "type"> & {
    */
   label?: string;
 };
-declare const SidebarSearchInput: ({ id, label, ref, ...props }: SidebarSearchInputProps & {
+export declare const SidebarSearchInput: ({ id, label, ref, ...props }: SidebarSearchInputProps & {
   ref?: Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4472,7 +4435,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
 /**
  * A `Slider` lets users select a value or range from a continuous scale via a draggable thumb.
  */
-declare const Slider: FC<SliderProps>;
+export declare const Slider: FC<SliderProps>;
 //#endregion
 //#region src/components/SplitButton/SplitButton.d.ts
 type SplitButtonProps = {
@@ -4514,7 +4477,7 @@ type SplitButtonProps = {
 /**
  * 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>;
+export declare const SplitButton: FC<SplitButtonProps>;
 //#endregion
 //#region src/components/Stack/Stack.d.ts
 declare const DEFAULT_ELEMENT = "div";
@@ -4553,7 +4516,7 @@ type StackProps = {
  * Used to layout its children in a vertical or horizontal stack. The gap between each item in the stack can be customized.
  * This allows for layouting children in a consistent way without needing to manually add margins or padding.
  */
-declare const Stack: PolymorphicComponent<typeof DEFAULT_ELEMENT, StackProps>;
+export declare const Stack: PolymorphicComponent<typeof DEFAULT_ELEMENT, StackProps>;
 //#endregion
 //#region src/components/Switch/Switch.d.ts
 type SwitchSizeType = "lg" | "md" | "sm";
@@ -4610,7 +4573,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label"
 /**
  * A `Switch` allows users to toggle between two mutually exclusive states, such as on and off.
  */
-declare const Switch: ({ align, checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: SwitchProps & {
+export declare const Switch: ({ align, checked, disabled, id, label, description, name, onChange, size, value, required, hideLabel, ref, ...props }: SwitchProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4618,26 +4581,26 @@ declare const Switch: ({ align, checked, disabled, id, label, description, name,
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
-declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
+export declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
 //#endregion
 //#region src/components/Table/TableCell.d.ts
 type CellAttrs = Omit<TdHTMLAttributes<HTMLTableCellElement>, "ref"> & Omit<ThHTMLAttributes<HTMLTableCellElement>, "ref">;
 type TableCellProps = CellAttrs & {
   children?: ReactNode;
 };
-declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
 //#endregion
 //#region src/components/Table/TableFoot.d.ts
 type TableFootProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
-declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
+export declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
 //#endregion
 //#region src/components/Table/TableHead.d.ts
 type TableHeadProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
-declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
+export declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
 //#endregion
 //#region src/components/Table/Table.d.ts
 type TableProps = ComponentPropsWithoutRef<"table"> & {
@@ -4663,13 +4626,13 @@ type TableProps = ComponentPropsWithoutRef<"table"> & {
 /**
  * Semantic table element for presenting data
  */
-declare const Table: ({ children, divided, striped, visuallyHiddenHeader, ...props }: TableProps) => JSX.Element;
+export declare const Table: ({ children, divided, striped, visuallyHiddenHeader, ...props }: TableProps) => JSX.Element;
 //#endregion
 //#region src/components/Table/TableRow.d.ts
 type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
   children?: ReactNode;
 };
-declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
+export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
 //#endregion
 //#region src/components/Tabs/Tabs.d.ts
 type TabsProps = {
@@ -4681,14 +4644,14 @@ type TabsProps = {
 /**
  * The `Tabs` component lets users switch between panels of content. It is composed from the `TabsList`, `TabsTrigger`, and `TabsContent` subcomponents.
  */
-declare const Tabs: FC<TabsProps>;
+export declare const Tabs: FC<TabsProps>;
 //#endregion
 //#region src/components/Tabs/TabsContent.d.ts
 type TabsContentProps = {
   children?: ReactNode;
   value: string;
 };
-declare const TabsContent: FC<TabsContentProps>;
+export declare const TabsContent: FC<TabsContentProps>;
 //#endregion
 //#region src/components/Tabs/TabsList.d.ts
 type TabsListProps = {
@@ -4696,7 +4659,7 @@ type TabsListProps = {
 } & PropsWithChildren<{
   fullWidth?: boolean;
 }>;
-declare const TabsList: FC<TabsListProps>;
+export declare const TabsList: FC<TabsListProps>;
 //#endregion
 //#region src/components/Tabs/TabsTrigger.d.ts
 type BaseProps = {
@@ -4734,7 +4697,7 @@ type NoIcon = {
   "aria-label"?: never;
 };
 type TabsTriggerProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const TabsTrigger: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref, ...otherProps }: TabsTriggerProps & {
+export declare const TabsTrigger: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref, ...otherProps }: TabsTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4768,7 +4731,7 @@ type TagProps = ComponentPropsWithoutRef<"div"> & {
 /**
  * A `Tag` is an optionally linked label, with an optional action button, to categorize content.
  */
-declare const Tag: ({ onClickRemove, colorScheme, href, icon, label, onClickRemoveLabel, ref, ...props }: TagProps & {
+export declare const Tag: ({ onClickRemove, colorScheme, href, icon, label, onClickRemoveLabel, ref, ...props }: TagProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4783,7 +4746,7 @@ type ThumbnailBadgeProps = {
    */
   label: string;
 };
-declare const ThumbnailBadge: FC<ThumbnailBadgeProps>;
+export declare const ThumbnailBadge: FC<ThumbnailBadgeProps>;
 //#endregion
 //#region src/components/Thumbnail/Thumbnail.d.ts
 type AspectRatioType = "square" | "wide";
@@ -4838,7 +4801,7 @@ type ThumbnailProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
 /**
  * A `Thumbnail` is a small, reduced-size version of an image or video used as a preview or representative image.
  */
-declare const Thumbnail: ({ gradientBackground, thumbnailImageType, thumbnailUrl, width, children, storyboard, height, aspectRatio, ref, ...props }: ThumbnailProps & {
+export declare const Thumbnail: ({ gradientBackground, thumbnailImageType, thumbnailUrl, width, children, storyboard, height, aspectRatio, ref, ...props }: ThumbnailProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
 //#endregion
@@ -4860,34 +4823,6 @@ type ThumbnailCollageProps = {
  */
 declare const ThumbnailCollage: ({ children, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
 //#endregion
-//#region src/components/TileButton/TileButton.d.ts
-type TileButtonOrientation = "horizontal" | "vertical";
-type OmittedButtonProps = "children" | "colorScheme" | "fullWidth" | "isLoading" | "labelAlign" | "leftIcon" | "rightIcon" | "size" | "unstyled" | "variant";
-type TileButtonProps = {
-  /**
-   * An [IconChip](/components/IconChip), e.g. `<IconChip colorScheme="blue"><Icon type="upload" /></IconChip>`. The tile sets the chip's size
-   */
-  icon: ReactNode;
-  /**
-   * The main text of the tile. Must not contain interactive elements
-   */
-  label: ReactNode;
-  /**
-   * Optional supporting text shown below the label. Must not contain interactive elements
-   */
-  description?: ReactNode;
-  /**
-   * Places the icon to the left of the text (`horizontal`) or above it (`vertical`)
-   */
-  orientation?: TileButtonOrientation;
-} & (Omit<ButtonAsButtonProps, OmittedButtonProps> | Omit<ButtonAsLinkProps, OmittedButtonProps>);
-/**
- * A `TileButton` is a large, bordered button with an [IconChip](/components/IconChip), a label, and an optional description. Use a group of them to present "what do you want to do?" choices. It composes [Button](/components/Button), so it renders as a link when given an `href`.
- */
-declare const TileButton: ({ icon, label, description, orientation, ref, ...props }: TileButtonProps & {
-  ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
-}) => JSX.Element;
-//#endregion
 //#region src/components/Tooltip/Tooltip.d.ts
 type TooltipProps = {
   /**
@@ -4927,7 +4862,7 @@ type TooltipProps = {
  * For elements that are not interactive, consider using a [Popover](/components/Popover) instead.
  *
  */
-declare const Tooltip: FC<TooltipProps>;
+export declare const Tooltip: FC<TooltipProps>;
 //#endregion
 //#region src/components/WistiaLogo/WistiaLogo.d.ts
 type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "height" | "href"> & {
@@ -4970,7 +4905,7 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "height" | "href">
 /**
  * Render the Wistia logo in various ways.
  */
-declare const WistiaLogo: FC<WistiaLogoProps>;
+export declare const WistiaLogo: FC<WistiaLogoProps>;
 //#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, CheckboxCard, type CheckboxCardProps, 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, type ColorModeTypes, 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, ContrastEnforcerSwitch, ContrastIndicator, ContrastPreview, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DOCUMENT_COLOR_MODE_ATTRIBUTE, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, DatePicker, type DatePickerProps, Dimmer, type DimmerProps, Divider, type DocumentColorModeTypes, 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, type GradientNameType, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, IconChip, type IconChipProps, type IconChipShape, type IconChipSize, type IconChipVariant, 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 PopoverRootChangeDetails, 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, TileButton, type TileButtonOrientation, type TileButtonProps, type TimeDuration, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, type UseToastReturnValue, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorModeOptions, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, documentColorModeOptions, getBackgroundGradient, getDocumentColorMode, getSemiRandomBackgroundGradient, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, setDocumentColorMode, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useDocumentColorMode, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
+export { type ActionButtonProps, type AvatarProps, type AvatarStatus, type BadgeProps, type BannerProps, type BoxProps, type BreadcrumbProps, type BreadcrumbsProps, type ButtonProps, type CardProps, type CenterProps, type CheckboxCardProps, type ClickRegionProps, type CollapsibleProps, type ColorGridOptionProps, type ColorGridProps, type ColorListGroupProps, type ColorListOptionProps, type ColorListProps, type ColorModeTypes, type ColorPickerPopoverContentProps, type ColorPickerProps, type ColorPickerSectionProps, type ColorPickerTriggerProps, type ColorSchemeTypes, type ColorSchemeWrapperProps, type ComboboxOptionProps, type ComboboxProps, type ContextMenuProps, type CustomizableThemeWrapperProps, type DataCardProps, type DataCardTrendProps, type DataCardsProps, type DataListProps, type DatePickerProps, type DimmerProps, type DocumentColorModeTypes, type EditableHeadingProps, type EditableTextProps, type EditableTextRootProps, type EllipsisProps, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, type FormFieldProps, type FormGroupProps, type FormProps, type GradientNameType, type GridProps, type HeadingProps, type HexColorInputProps, type IconButtonProps, type IconNameType, ImageDimensionsValidator, type ImageProps, type InputClickToCopyProps, type InputDurationProps, type InputPasswordProps, type InputProps, type KeyboardKeys, type LabelProps, type LinkProps, type ListItemProps, type ListProps, type MarkProps, type MarkdownProps, type MeterProps, type MeterSegment, type ModalProps, PersistentFileAmountLimitValidator, type PopoverAnchorProps, type PopoverArrowProps, type PopoverCloseButtonProps, type PopoverCloseProps, type PopoverContentProps, type PopoverPortalProps, type PopoverProps, type PopoverRootChangeDetails, type PopoverRootProps, type PopoverTriggerProps, type PreviewCardProps, type ProgressBarProps, type RadioCardImageProps, type RadioCardProps, type RadioProps, type SegmentedControlItemProps, type SegmentedControlProps, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, type SidebarButtonProps, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupLabelProps, type SidebarGroupProps, type SidebarHeaderProps, type SidebarProps, type SidebarSearchInputProps, type SidebarTitleProps, type SliderProps, type SplitButtonProps, type SwitchProps, type TableBodyProps, type TableCellProps, type TableFootProps, type TableHeadProps, type TableProps, type TableRowProps, type TagProps, type TextProps, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, type TimeDuration, type TooltipProps, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, type UseToastReturnValue };
 //# sourceMappingURL=index.d.ts.map