@wistia/ui 3.6.0 → 3.7.0

package/dist/index.d.ts

@@ -11,17 +11,12 @@ import { Schema } from "yup";
 import ReactMarkdown from "react-markdown";
 import { ExtractContentTypeFromConfig, FilePickerReturnTypes, ImperativeFilePickerReturnTypes, UseFilePickerConfig, useImperativeFilePickerConfig } from "use-file-picker/types";
 export * from "use-file-picker/types";
-//#region src/components/Icon/iconMap.d.ts
-type IconNameType = "ab-test" | "accessibility" | "activity" | "add-folder" | "add-layout" | "add-media" | "align-bottom" | "align-middle" | "align-top" | "animation" | "annotation-link" | "appearance" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-right" | "aspect-ratio" | "asterisk" | "audio-description" | "auto-scroll" | "background" | "bank" | "bell" | "bolt" | "border" | "border-bottom" | "border-left" | "border-right" | "border-top" | "brands" | "bulleted-list" | "calendar" | "calendar-clock" | "call-to-action" | "camera" | "camera-off" | "caret-down" | "caret-down-strong" | "caret-left" | "caret-left-strong" | "caret-right" | "caret-right-strong" | "caret-up" | "caret-up-strong" | "channel" | "chapters" | "chat" | "chat-sparkle" | "checkmark" | "checkmark-circle" | "checkmark-circle-outline" | "checkmark-octagon" | "checkmark-three-quaters-circle" | "circle-slashed" | "clapboard" | "clips" | "clock" | "close" | "close-octagon" | "closed-captions" | "cmd" | "collapse" | "collapse-diagonal" | "collection" | "color" | "comments" | "company" | "compare" | "connection-okay" | "connection-poor" | "connection-strong" | "content-library" | "controls" | "credit-card" | "credits" | "cursor-click" | "delete" | "desktop" | "diamond" | "dock-right" | "docs-dev" | "dots-horizontal" | "download" | "edit-transcript" | "ellipses-vertical" | "embed" | "envelope" | "envelope-open" | "error" | "expand" | "expand-diagonal" | "expand-diagonal-window" | "expand-horizontal" | "fast-forward" | "favorite" | "favorite-outline" | "featured" | "file-tree" | "fill" | "film-strip" | "filter" | "fit" | "flip-horizontal" | "flip-vertical" | "fonts" | "footer" | "full-screen" | "gear" | "getting-started" | "globe" | "gradient" | "grid" | "grip-dots-vertical" | "header" | "help-center" | "hide" | "home" | "hourglass" | "import" | "info" | "integrations" | "invoice" | "keyboard" | "layers" | "layout" | "leave" | "library" | "light-bulb" | "link" | "list" | "live" | "localization" | "lock" | "logout" | "maximize" | "media" | "media-sparkle" | "megaphone" | "menu" | "messages" | "mic" | "mic-off" | "minimize" | "minus" | "minus-circle" | "mobile" | "more-options" | "move-left" | "move-right" | "music" | "my-library" | "note" | "on-air" | "open-new" | "overview" | "page" | "panel-left" | "panel-right" | "panel-up" | "paper-clip" | "password" | "paste" | "pause" | "pencil" | "pencil-sparkle" | "people" | "pin" | "pin-slash" | "pip" | "play" | "player" | "playlist" | "plus" | "podcast" | "preview" | "private-chat" | "private-user-sessions" | "project" | "project-open" | "properties" | "question-chat" | "question-mark" | "react" | "record" | "record-group" | "redo" | "refresh" | "remix" | "replace" | "reply" | "request-video" | "revert-to-original" | "rewind" | "rotate" | "roundness" | "save" | "save-as-copy" | "scissors" | "screenshare-off" | "screenshare-on" | "search" | "send" | "shadow" | "shapes" | "share" | "sharing-permissions" | "simulcast" | "sort" | "sparkle" | "speed" | "spinner" | "stats" | "stroke-weight" | "switch-accounts" | "tag" | "teleprompter" | "text" | "text-all-caps" | "text-bold" | "text-bulleted-list" | "text-center-align" | "text-italics" | "text-left-align" | "text-line-height" | "text-numbered-list" | "text-right-align" | "text-size" | "text-strikethrough" | "text-title-case" | "text-underline" | "thumbnail" | "thumbs-down" | "thumbs-up" | "timeline-vertical" | "token" | "tracks" | "transcript" | "transitions" | "transparency" | "trends" | "trial-unlock-clock" | "trim" | "turnstile" | "undo" | "unlock" | "upload" | "users-permissions" | "view-stream" | "volume" | "volume-off" | "volume-up" | "volume-x" | "wand" | "waveform" | "webhook" | "webinar-series" | "wistia" | "write" | "zoom-in" | "zoom-out";
-//#endregion
-//#region src/private/hooks/useResponsiveProp/useResponsiveProp.d.ts
+type IconNameType = "ab-test" | "accessibility" | "activity" | "add-folder" | "add-layout" | "add-media" | "align-bottom" | "align-middle" | "align-top" | "animation" | "annotation-link" | "appearance" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-right" | "aspect-ratio" | "asterisk" | "audio-description" | "auto-scroll" | "background" | "bank" | "bell" | "bolt" | "border" | "border-bottom" | "border-left" | "border-right" | "border-top" | "brands" | "bulleted-list" | "calendar" | "calendar-clock" | "call-to-action" | "camera" | "camera-off" | "caret-down" | "caret-down-strong" | "caret-left" | "caret-left-strong" | "caret-right" | "caret-right-strong" | "caret-up" | "caret-up-strong" | "channel" | "chapters" | "chat" | "chat-sparkle" | "checkmark" | "checkmark-circle" | "checkmark-circle-outline" | "checkmark-octagon" | "checkmark-three-quaters-circle" | "circle-slashed" | "clapboard" | "clips" | "clock" | "close" | "close-octagon" | "closed-captions" | "cmd" | "collapse" | "collapse-diagonal" | "collection" | "color" | "comments" | "company" | "compare" | "connection-okay" | "connection-poor" | "connection-strong" | "content-library" | "controls" | "credit-card" | "credits" | "cursor-click" | "delete" | "desktop" | "diamond" | "dock-right" | "docs-dev" | "dots-horizontal" | "download" | "edit-transcript" | "ellipses-vertical" | "embed" | "envelope" | "envelope-open" | "error" | "expand" | "expand-diagonal" | "expand-diagonal-window" | "expand-horizontal" | "fast-forward" | "favorite" | "favorite-outline" | "featured" | "file-tree" | "fill" | "film-strip" | "filter" | "fit" | "flip-horizontal" | "flip-vertical" | "fonts" | "footer" | "full-screen" | "gear" | "getting-started" | "globe" | "gradient" | "grid" | "grip-dots-vertical" | "header" | "help-center" | "hide" | "home" | "hourglass" | "import" | "info" | "integrations" | "invoice" | "keyboard" | "layers" | "layout" | "leave" | "library" | "light-bulb" | "link" | "list" | "live" | "localization" | "lock" | "logout" | "maximize" | "media" | "media-sparkle" | "megaphone" | "menu" | "messages" | "mic" | "mic-off" | "minimize" | "minus" | "minus-circle" | "mobile" | "mochine" | "more-options" | "move-left" | "move-right" | "music" | "my-library" | "note" | "on-air" | "open-new" | "overview" | "page" | "panel-left" | "panel-right" | "panel-up" | "paper-clip" | "password" | "paste" | "pause" | "pencil" | "pencil-sparkle" | "people" | "pin" | "pin-slash" | "pip" | "play" | "player" | "playlist" | "plus" | "podcast" | "preview" | "private-chat" | "private-user-sessions" | "project" | "project-open" | "properties" | "question-chat" | "question-mark" | "react" | "record" | "record-group" | "redo" | "refresh" | "remix" | "replace" | "reply" | "request-video" | "revert-to-original" | "rewind" | "rotate" | "roundness" | "save" | "save-as-copy" | "scissors" | "screenshare-off" | "screenshare-on" | "search" | "send" | "shadow" | "shapes" | "share" | "sharing-permissions" | "simulcast" | "sort" | "sparkle" | "speed" | "spinner" | "stats" | "stroke-weight" | "switch-accounts" | "tag" | "teleprompter" | "text" | "text-all-caps" | "text-bold" | "text-bulleted-list" | "text-center-align" | "text-italics" | "text-left-align" | "text-line-height" | "text-numbered-list" | "text-right-align" | "text-size" | "text-strikethrough" | "text-title-case" | "text-underline" | "thumbnail" | "thumbs-down" | "thumbs-up" | "timeline-vertical" | "token" | "tracks" | "transcript" | "transitions" | "transparency" | "trends" | "trial-unlock-clock" | "trim" | "turnstile" | "undo" | "unlock" | "upload" | "users-permissions" | "view-stream" | "volume" | "volume-off" | "volume-up" | "volume-x" | "wand" | "waveform" | "webhook" | "webinar-series" | "wistia" | "write" | "zoom-in" | "zoom-out";
 type Breakpoints = "isLgAndDown" | "isLgAndUp" | "isMdAndDown" | "isMdAndUp" | "isSmAndDown" | "isSmAndUp" | "isXlAndDown" | "isXlAndUp" | "isXsAndDown" | "isXsAndUp";
 type AtLeastOneBreakpoint<T, U = { [Key in keyof T]: Pick<T, Key>; }> = Partial<T> & U[keyof U];
 type ResponsiveObject<T> = AtLeastOneBreakpoint<Record<Breakpoints, T>> & {
   base: T;
 };
-//#endregion
-//#region src/hooks/useDocumentColorMode/useDocumentColorMode.d.ts
 /**
  * The attribute that activates a color mode's token block in tokens.css.
  * Exported so server-rendered layouts can stamp the attribute (e.g.
@@ -65,8 +60,6 @@ export declare const setDocumentColorMode: (mode: DocumentColorModeTypes | null)
  * value — keep forcing at one level of the tree (typically the route/screen).
  */
 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"];
@@ -106,8 +99,6 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
  * A wrapper to apply a color scheme to its children.
  */
 export declare const ColorSchemeWrapper: FC<ColorSchemeWrapperProps>;
-//#endregion
-//#region src/components/Icon/Icon.d.ts
 export declare const iconSizeMap: {
   sm: string;
   md: string;
@@ -147,8 +138,6 @@ 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`.
  */
 export declare const Icon: FC<IconProps>;
-//#endregion
-//#region src/providers/UIProvider/UIProvider.d.ts
 type UIProviderProps = {
   children: ReactNode;
   /**
@@ -174,8 +163,6 @@ type UIProviderProps = {
   gatedIcon?: IconNameType | undefined;
 };
 export declare const UIProvider: ({ children, id, gatedIcon }: UIProviderProps) => JSX.Element;
-//#endregion
-//#region src/helpers/coerceToBoolean/coerceToBoolean.d.ts
 /**
  * Converts a boolean string value `value` into a boolean. If passed
  * something other than 'true' or 'false' will coerce value to boolean.
@@ -184,8 +171,6 @@ export declare const UIProvider: ({ children, id, gatedIcon }: UIProviderProps)
  * @returns {boolean} - that value as a boolean
  */
 export declare const coerceToBoolean: (value: unknown) => boolean;
-//#endregion
-//#region src/helpers/copyToClipboard/copyToClipboard.d.ts
 /**
  * Copies a string to user's clipboard for easy pasting in another location
  *
@@ -193,8 +178,6 @@ export declare const coerceToBoolean: (value: unknown) => boolean;
  * @returns {Promise<void>} - Promise object that resolves when the text is copied
  */
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
-//#endregion
-//#region src/helpers/dateTime/buildTimeDuration.d.ts
 type TimeDuration = {
   seconds: number;
   minutes: number;
@@ -207,8 +190,6 @@ type TimeDuration = {
  * @returns {TimeDuration} -
  */
 export declare const buildTimeDuration: (numberOfMilliseconds: number) => TimeDuration;
-//#endregion
-//#region src/helpers/dateTime/dateOnlyISOString.d.ts
 /**
  * Converts a Date object into a date only string formatted to ISO8601.
  *
@@ -219,8 +200,6 @@ export declare const buildTimeDuration: (numberOfMilliseconds: number) => TimeDu
  * @returns {string} a formatted date string
  */
 export declare const dateOnlyISOString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/dateOnlyString.d.ts
 type DateOnlyStringOptions$1 = {
   timeZone?: string;
   /**
@@ -241,8 +220,6 @@ type DateOnlyStringOptions$1 = {
  * @returns {string} a formatted date string
  */
 export declare const dateOnlyString: (date: unknown, { timeZone, omitYear }?: DateOnlyStringOptions$1) => string;
-//#endregion
-//#region src/helpers/dateTime/dateOnlyStringForSentence.d.ts
 /**
  * Converts a Date object into a date only string
  * for use in a sentence.
@@ -255,8 +232,6 @@ export declare const dateOnlyString: (date: unknown, { timeZone, omitYear }?: Da
  * @returns {string} a formatted date string
  */
 export declare const dateOnlyStringForSentence: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/dateOnlyStringNumeric.d.ts
 /**
  * Converts a Date object into a date only string formatted numerically.
  *
@@ -267,16 +242,12 @@ export declare const dateOnlyStringForSentence: (date: unknown, { timeZone }?: D
  * @returns {string} a formatted date string
  */
 export declare const dateOnlyStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/dateTimeRounded.d.ts
 /**
  * @param {Date} dateTime - a dateTime object
  * @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.
  */
 export declare const dateTimeRounded: DateTimeRoundedOverload;
-//#endregion
-//#region src/helpers/dateTime/dateTimeString.d.ts
 /**
  * Converts a Date object into a date and time string.
  *
@@ -291,8 +262,6 @@ export declare const dateTimeRounded: DateTimeRoundedOverload;
  * @returns {string} a formatted date string
  */
 export declare const dateTimeString: (date: Date | number | string | null | undefined, { timeZone, omitYear }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/dateTimeStringForSentence.d.ts
 /**
  * Converts a Date object into a date and time string
  * for use in a sentence.
@@ -308,22 +277,16 @@ export declare const dateTimeString: (date: Date | number | string | null | unde
  * @returns {string} a formatted date 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
  */
 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
  */
 export declare const dateTimeToISO: (dateTime: Partial<WistiaDateTimeObject>) => string | null;
-//#endregion
-//#region src/helpers/dateTime/dateToDateTime.d.ts
 /**
  * @typedef {Object} WistiaDateTimeObject
  * @property {number} minutes - number of minutes
@@ -337,16 +300,12 @@ export declare const dateTimeToISO: (dateTime: Partial<WistiaDateTimeObject>) =>
  * @returns {WistiaDateTimeObject | null} - replaceMe
  */
 export declare const dateToDateTime: (date: Date | null | undefined) => WistiaDateTimeObject | null;
-//#endregion
-//#region src/helpers/dateTime/dateUTCOffset.d.ts
 /**
  * Given a date, shows the UTC offset.
  * @param {Date} date a Date object for calculating offset.
  * @returns {string} - string representing the UTC offset
  */
 export declare const dateUTCOffset: (date: Date) => string;
-//#endregion
-//#region src/helpers/dateTime/dayOfWeekString.d.ts
 /**
  * Converts a Date object into a month and day string formatted numerically.
  *
@@ -357,8 +316,6 @@ export declare const dateUTCOffset: (date: Date) => string;
  * @returns {string} a formatted date string
  */
 export declare const dayOfWeekString: (date: Date | null, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/mediaDurationString.d.ts
 /**
  * A string representation of a duration for a media. Assumes most medias
  * are under an hour so only shows hours if media is over hour.
@@ -367,8 +324,6 @@ export declare const dayOfWeekString: (date: Date | null, { timeZone }?: DateOnl
  * @returns {string} - a string representation for duration
  */
 export declare const mediaDurationString: (numberOfMilliseconds: number) => string;
-//#endregion
-//#region src/helpers/dateTime/millisecondsToDurationISOString.d.ts
 /**
  * Given number of miliseconds, returns the iso8601 string rounded down from
  * number of seconds. Mainly copied from https://github.com/wistia/player-modern/blob/master/src/utilities/iso8601Helper.js#L54
@@ -378,8 +333,6 @@ export declare const mediaDurationString: (numberOfMilliseconds: number) => stri
  * @returns {string} an iso8601 string format of duration
  */
 export declare const millisecondsToDurationISOString: (numberOfMilliseconds: number) => string;
-//#endregion
-//#region src/helpers/dateTime/monthDayStringNumeric.d.ts
 /**
  * Converts a Date object into a month and day string formatted numerically.
  *
@@ -390,11 +343,7 @@ export declare const millisecondsToDurationISOString: (numberOfMilliseconds: num
  * @returns {string} a formatted date string
  */
 export declare const monthDayStringNumeric: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/parseDateString.d.ts
 export declare const parseDateString: (str: string) => Date | null;
-//#endregion
-//#region src/helpers/dateTime/sessionDurationString.d.ts
 /**
  * A string representation of a duration for a user session. Assumes that
  * sessions may or may not be more than an hour. To prevent confusion all
@@ -404,8 +353,6 @@ export declare const parseDateString: (str: string) => Date | null;
  * @returns {string} - a string representation of duration
  */
 export declare const sessionDurationString: (numberOfMilliseconds: number) => string;
-//#endregion
-//#region src/helpers/dateTime/timeAgoString.d.ts
 /**
  * Shows time ago relative to current time.
  *
@@ -444,8 +391,6 @@ export declare const sessionDurationString: (numberOfMilliseconds: number) => st
  * @returns {string} - a string representation of the date.
  */
 export declare const timeAgoString: (date: Date, { nowAnchor, includeTime }?: TimeAgoOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/timeOnlyString.d.ts
 /**
  * Converts a Date object into a time only string.
  *
@@ -456,8 +401,6 @@ export declare const timeAgoString: (date: Date, { nowAnchor, includeTime }?: Ti
  * @returns {string} a formatted date string
  */
 export declare const timeOnlyString: (date: unknown, { timeZone }?: DateOnlyStringOptions) => string;
-//#endregion
-//#region src/helpers/dateTime/index.d.ts
 export declare const dateTime: {
   buildTimeDuration: typeof buildTimeDuration;
   dateOnlyISOString: typeof dateOnlyISOString;
@@ -480,8 +423,6 @@ export declare const dateTime: {
   timeAgoString: typeof timeAgoString;
   timeOnlyString: typeof timeOnlyString;
 };
-//#endregion
-//#region src/helpers/isUrl/isUrl.d.ts
 /**
  * Loosely validates a URL string
  *
@@ -489,8 +430,6 @@ export declare const dateTime: {
  * @return {boolean} - whether string appears to be a url
  */
 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";
 declare const gradients: Record<GradientName, RuleSet<object>>;
 type GradientNameType = keyof typeof gradients;
@@ -502,8 +441,6 @@ type GetBackgroundGradientType = GradientNameType | undefined;
  * @returns {CssStyleType} The CSS string representing the specified gradient.
  */
 export declare const getBackgroundGradient: (gradientName?: GetBackgroundGradientType) => ReturnType<typeof css>;
-//#endregion
-//#region src/helpers/getBackgroundGradient/getSemiRandomBackgroundGradient.d.ts
 /**
  * Retrieves a semi-random background gradient based on the given id.
  *
@@ -511,11 +448,7 @@ export declare const getBackgroundGradient: (gradientName?: GetBackgroundGradien
  * @returns {GradientName} gradientName
  */
 export declare const getSemiRandomBackgroundGradient: (id: string) => GradientNameType;
-//#endregion
-//#region src/helpers/mergeRefs/mergeRefs.d.ts
 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;
 export declare const mq: {
   xsAndUp: MqFn;
@@ -529,8 +462,6 @@ export declare const mq: {
   lgAndDown: MqFn;
   xlAndDown: MqFn;
 };
-//#endregion
-//#region src/helpers/stripExtension/stripExtension.d.ts
 /**
  * Removes file extension from string
  *
@@ -538,21 +469,13 @@ export declare const mq: {
  * @returns {string} - string with file extension removed
  */
 export declare const stripExtension: (str: string) => string;
-//#endregion
-//#region src/hooks/useAriaLive/useAriaLive.d.ts
 type AriaLiveContextType = {
   announce: (message: string, politeness?: "assertive" | "polite") => void;
 };
 export declare const useAriaLive: () => AriaLiveContextType;
-//#endregion
-//#region src/hooks/useBoolean/useBoolean.d.ts
 type UseBooleanReturn = [boolean, () => void, () => void, () => void, Dispatch<SetStateAction<boolean>>];
 export declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
-//#endregion
-//#region src/hooks/useClipboard/useClipboard.d.ts
 export declare const useClipboard: (textToCopy: string, timeout?: number) => [() => Promise<void>, boolean, boolean];
-//#endregion
-//#region src/hooks/useElementObserver/useElementObserver.d.ts
 type Rect = {
   width: number;
   height: number;
@@ -564,8 +487,6 @@ type Rect = {
   y: number;
 };
 export declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
-//#endregion
-//#region src/hooks/useFilePicker/useFilePicker.d.ts
 /**
  * Hook that wraps `useFilePicker` from the use-file-picker library
  *
@@ -578,18 +499,12 @@ export declare const useFilePicker: <T extends UseFilePickerConfig = UseFilePick
  * @param config Optional configuration for the imperative file picker
  */
 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;
 };
 export declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => ((node: HTMLElement | null | undefined) => void);
-//#endregion
-//#region src/hooks/useForceUpdate/useForceUpdate.d.ts
 export declare const useForceUpdate: () => (() => void);
-//#endregion
-//#region src/hooks/useIsHovered/useIsHovered.d.ts
 type HoverProps = {
   onFocus: () => void;
   onMouseEnter: () => void;
@@ -599,11 +514,7 @@ type HoverProps = {
 };
 type UseIsHoveredReturnType = [boolean, HoverProps, (hovered: boolean) => void];
 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;
-//#endregion
-//#region src/hooks/useKey/useKey.d.ts
 type EventHandler = (event: KeyboardEvent) => void;
 type KeyFilterPredicate = (evt: KeyboardEvent) => boolean;
 type KeyFilter = KeyFilterPredicate | boolean | string | null | undefined;
@@ -613,23 +524,15 @@ type UseKeyOptions = {
   eventOptions?: Parameters<typeof useEvent>[3];
 };
 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];
 type UseKeyPressOptions = {
   onKeyDown?: (event: KeyboardEvent) => void;
   onKeyUp?: (event: KeyboardEvent) => void;
 };
 export declare const useKeyPress: (keyFilter: Parameters<typeof useKey>[0], options?: UseKeyPressOptions) => KeyPressState;
-//#endregion
-//#region src/hooks/useLocalStorage/useLocalStorage.d.ts
 type SetItemType = Storage["setItem"];
 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
 export declare const useLockBodyScroll: (locked: boolean) => void;
-//#endregion
-//#region src/hooks/useMq/useMq.d.ts
 type UseMqReturnType = {
   isXlAndUp: boolean;
   isLgAndUp: boolean;
@@ -645,15 +548,9 @@ type UseMqReturnType = {
 export declare const useMq: () => UseMqReturnType;
 type UseActiveMqReturnType = keyof UseMqReturnType;
 export declare const useActiveMq: () => UseActiveMqReturnType[];
-//#endregion
-//#region src/hooks/useOnClickOutside/useOnClickOutside.d.ts
 type EventType = "focusin" | "focusout" | "mousedown" | "mouseup" | "touchend" | "touchstart";
 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
 export declare const usePreviousValue: <T>(value: T) => T | undefined;
-//#endregion
-//#region src/components/Link/Link.d.ts
 type LinkTypes = "default" | "email" | "external" | "phone";
 type ReactRouterLinkProps = {
   /**
@@ -749,11 +646,7 @@ type LinkProps = LinkAsButtonProps | LinkAsLinkProps;
 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
-//#region src/components/Button/buttonStyles.d.ts
 type ButtonVariants = "ghost" | "outline" | "soft" | "solid";
-//#endregion
-//#region src/components/Button/Button.d.ts
 type ButtonSizes = "lg" | "md" | "sm" | "xl";
 type ButtonLabelAlign = "center" | "left";
 type BaseButtonProps = {
@@ -853,8 +746,6 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
 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
-//#region src/private/components/Toast/Toast.d.ts
 type ToastProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Optional `Button` component to render as the toast action
@@ -873,8 +764,6 @@ type ToastProps = ComponentPropsWithoutRef<"div"> & {
    */
   message: ReactNode;
 };
-//#endregion
-//#region src/hooks/useToast/useToast.d.ts
 type ToastPosition = "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right";
 type UseToastProps = ToastProps & {
   position?: ToastPosition;
@@ -893,14 +782,10 @@ type UseToastReturnValue = {
 };
 type UseToastReturnType = ({ message, icon, colorScheme, action, position, duration }: UseToastProps) => UseToastReturnValue;
 export declare const useToast: () => UseToastReturnType;
-//#endregion
-//#region src/hooks/useWindowSize/useWindowSize.d.ts
 export declare const useWindowSize: (interval?: number) => {
   width: number;
   height: number;
 };
-//#endregion
-//#region src/components/ActionButton/ActionButton.d.ts
 type ActionButtonProps = {
   /**
    * @override
@@ -937,8 +822,6 @@ type ActionButtonProps = {
 export declare const ActionButton: ({ icon, colorScheme, disabled, forceState, hoverColorScheme, variant, children, ref, ...props }: ActionButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Avatar/Avatar.d.ts
 type AvatarInstanceType = "image" | "initials";
 type AvatarImageLoadStateType = "error" | "loaded" | "loading";
 type AvatarSizeType = "lg" | "md" | "sm";
@@ -974,8 +857,6 @@ type AvatarProps = ComponentPropsWithoutRef<"div"> & {
  * An avatar uses a photo or initials to represent an identity.
  */
 export declare const Avatar: FC<AvatarProps>;
-//#endregion
-//#region src/components/Badge/Badge.d.ts
 type BadgeVariants = "default" | "outline";
 type BadgeProps = ComponentPropsWithoutRef<"div"> & {
   /**
@@ -1001,8 +882,6 @@ type BadgeProps = ComponentPropsWithoutRef<"div"> & {
 export declare const Badge: ({ colorScheme, label, icon, variant, ref, ...props }: BadgeProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Banner/Banner.d.ts
 type BannerProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * The main text content displayed in the banner
@@ -1034,8 +913,6 @@ type BannerProps = ComponentPropsWithoutRef<"div"> & {
  * The `Banner` component is for displaying contextual information to the user such as alerts or feature announcements.
  */
 export declare const Banner: FC<BannerProps>;
-//#endregion
-//#region src/css/designTokens/generated/types.d.ts
 /**
  * AUTOGENERATED by scripts/generateDesignTokenTypes.mjs. DO NOT EDIT.
  *
@@ -1044,8 +921,6 @@ export declare const Banner: FC<BannerProps>;
  */
 type Spacings = "space-00" | "space-01" | "space-02" | "space-03" | "space-04" | "space-05" | "space-06" | "space-07" | "space-08" | "space-09";
 type BorderRadius = "border-radius-00" | "border-radius-01" | "border-radius-02" | "border-radius-03" | "border-radius-04" | "border-radius-05" | "border-radius-rounded";
-//#endregion
-//#region src/private/helpers/makePolymorphic/makePolymorphic.d.ts
 type UnknownRecord = Record<string, unknown>;
 type PropsOf<Component extends ElementType> = ComponentPropsWithoutRef<Component>;
 type ExtendedProps<Props = UnknownRecord, OverrideProps = UnknownRecord> = Omit<Props, keyof OverrideProps> & OverrideProps;
@@ -1063,15 +938,11 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
   ref?: ComponentPropsWithRef<Component>["ref"];
 };
 type PolymorphicComponent<ComponentDefaultType extends ElementType, Props> = <C extends ElementType = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => ReactElement | null;
-//#endregion
-//#region src/components/Box/flexTypes.d.ts
 type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
 type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
 type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
-//#endregion
-//#region src/components/Box/Box.d.ts
 type BoxFillType = boolean | "horizontal" | "vertical";
 type Gap = {
   column: Spacings;
@@ -1246,8 +1117,6 @@ 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).
  */
 export declare const Box: PolymorphicComponent<typeof DEFAULT_ELEMENT$4, BoxProps>;
-//#endregion
-//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
 type BreadcrumbsProps = ComponentPropsWithoutRef<"nav"> & {
   /**
    * The crumbs, from the top of the hierarchy down. Should be `Breadcrumb` components; the last one, without
@@ -1267,8 +1136,6 @@ type BreadcrumbsProps = ComponentPropsWithoutRef<"nav"> & {
  * a time, and the current page is always shown.
  */
 export declare const Breadcrumbs: ({ children, collapsible, ...props }: BreadcrumbsProps) => JSX.Element;
-//#endregion
-//#region src/components/Breadcrumbs/Breadcrumb.d.ts
 type LinkOnlyProps = Pick<Extract<LinkProps, {
   href: string | undefined;
 }>, "beforeAction" | "preventScrollReset" | "reloadDocument" | "replace" | "state" | "viewTransition">;
@@ -1296,8 +1163,6 @@ type BreadcrumbProps = LinkOnlyProps & Omit<ComponentPropsWithoutRef<"a">, "chil
  * current page.
  */
 export declare const Breadcrumb: ({ children, href, icon, hideLabel, title, ...props }: BreadcrumbProps) => JSX.Element;
-//#endregion
-//#region src/components/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupButtonSize = ButtonSizes | "natural";
 type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
   /**
@@ -1329,8 +1194,6 @@ type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
  * with a standardized gap between them.
  */
 export declare const ButtonGroup: FC<ButtonGroupProps>;
-//#endregion
-//#region src/components/Card/Card.d.ts
 type CardProps = BoxProps & ComponentPropsWithoutRef<"div"> & {
   /**
    * Content to be rendered inside the Card component
@@ -1430,8 +1293,6 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<"div"> & {
  * Cards can be used to visually distinguish content sections. Extends the [Box component.](/components/Box)
  */
 export declare const Card: FC<CardProps>;
-//#endregion
-//#region src/components/Center/Center.d.ts
 type CenterProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * A CSS max-width value
@@ -1457,8 +1318,6 @@ type CenterProps = ComponentPropsWithoutRef<"div"> & {
 export declare const Center: ({ maxWidth, gutterWidth, intrinsic, children, ref, ...props }: CenterProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Checkbox/Checkbox.d.ts
 type CheckboxSizeType = "lg" | "md" | "sm";
 type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label" | "onChange" | "size"> & {
   /**
@@ -1512,8 +1371,6 @@ type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "labe
 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
-//#region src/components/CheckboxCard/CheckboxCardDefaultLayout.d.ts
 type CheckboxCardDefaultLayoutProps = {
   /**
    * The icon to display
@@ -1540,8 +1397,6 @@ type CheckboxCardDefaultLayoutProps = {
    */
   isGated?: boolean | undefined;
 };
-//#endregion
-//#region src/components/CheckboxCard/CheckboxCard.d.ts
 type BaseCheckboxCardProps = Omit<ComponentPropsWithoutRef<"input">, "checked" | "disabled" | "id" | "name" | "onChange" | "value"> & {
   /**
    * Indicates the state of the checkbox
@@ -1597,8 +1452,6 @@ type CheckboxCardProps = CheckboxCardWithChildren | CheckboxCardWithDefaultLayou
 export declare const CheckboxCard: ({ icon, label, description, showIndicator, isGated, children, padding, ref, ...rootProps }: CheckboxCardProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/ClickRegion/ClickRegion.d.ts
 type ClickRegionProps = {
   /**
    * The content that should be clickable.
@@ -1620,8 +1473,6 @@ type ClickRegionProps = {
  * In either case, a link or button must be present, but can be hidden by using `ScreenReaderOnly`.
  */
 export declare const ClickRegion: FC<ClickRegionProps>;
-//#endregion
-//#region src/components/Collapsible/Collapsible.d.ts
 type CollapsibleProps = {
   /**
    * `CollapsibleTrigger` and `CollapsibleContent` must be included somewhere inside these children.
@@ -1640,8 +1491,6 @@ type CollapsibleProps = {
  * Toggle the visibility of content with a trigger.
  */
 export declare const Collapsible: FC<CollapsibleProps>;
-//#endregion
-//#region src/components/Collapsible/CollapsibleTrigger.d.ts
 type CollapsibleTriggerProps = {
   /**
    * A trigger element that will toggle the collapsible content.
@@ -1650,14 +1499,10 @@ type CollapsibleTriggerProps = {
   children: ReactElement;
 };
 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">;
 };
 export declare const CollapsibleTriggerIcon: FC<CollapsibleTriggerIconProps>;
-//#endregion
-//#region src/components/Collapsible/CollapsibleContent.d.ts
 type CollapsibleContentProps = {
   /**
    * The number of lines to clamp the content to when `Collapsible` is closed.
@@ -1669,8 +1514,6 @@ type CollapsibleContentProps = {
   children: ReactNode;
 };
 export declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => JSX.Element;
-//#endregion
-//#region src/components/ColorPicker/ColorGrid.d.ts
 type ColorGridProps = PropsWithChildren & {
   label?: string;
 };
@@ -1679,8 +1522,6 @@ type ColorGridProps = PropsWithChildren & {
  * as children and pass an optional `label` for a heading.
  */
 export declare const ColorGrid: FC<ColorGridProps>;
-//#endregion
-//#region src/components/ColorPicker/types.d.ts
 type ColorPickerOption = {
   /**
    * The human-readable name of the color, if available.
@@ -1691,16 +1532,12 @@ type ColorPickerOption = {
    */
   value: string;
 };
-//#endregion
-//#region src/components/ColorPicker/ColorGridOption.d.ts
 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.
  */
 export declare const ColorGridOption: FC<ColorGridOptionProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorList.d.ts
 type ColorListProps = PropsWithChildren;
 /**
  * Displays color options as a vertical list of labeled rows. Use
@@ -1708,8 +1545,6 @@ type ColorListProps = PropsWithChildren;
  * `ColorListOption` for individual items.
  */
 export declare const ColorList: FC<ColorListProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorListGroup.d.ts
 type ColorListGroupProps = PropsWithChildren<{
   label: string;
 }>;
@@ -1717,16 +1552,12 @@ type ColorListGroupProps = PropsWithChildren<{
  * Groups `ColorListOption` items under a labeled heading within a `ColorList`.
  */
 export declare const ColorListGroup: FC<ColorListGroupProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorListOption.d.ts
 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.
  */
 export declare const ColorListOption: FC<ColorListOptionProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorPicker.d.ts
 type ColorPickerProps = PropsWithChildren<{
   /**
    * The color to compare against when checking contrast ratio.
@@ -1777,24 +1608,18 @@ type ColorPickerComponentProps = ComponentPropsWithoutRef<"div"> & ColorPickerPr
  * sensible defaults (brand colors, contrast controls, popover/inline modes).
  */
 export declare const ColorPicker: FC<ColorPickerComponentProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorPickerPopoverContent.d.ts
 type ColorPickerPopoverContentProps = PropsWithChildren;
 /**
  * The popover panel that opens when the `ColorPickerTrigger` is activated.
  * Use `ColorPickerSection` to organize content within it.
  */
 export declare const ColorPickerPopoverContent: FC<ColorPickerPopoverContentProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorPickerSection.d.ts
 type ColorPickerSectionProps = PropsWithChildren;
 /**
  * A padded section for grouping related controls within a
  * `ColorPickerPopoverContent`. Provides consistent spacing between sections.
  */
 export declare const ColorPickerSection: FC<ColorPickerSectionProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorPickerTrigger.d.ts
 type ColorPickerTriggerProps = ComponentPropsWithoutRef<"button">;
 /**
  * The button that toggles the color picker popover open and closed. By default
@@ -1804,8 +1629,6 @@ type ColorPickerTriggerProps = ComponentPropsWithoutRef<"button">;
 export declare const ColorPickerTrigger: ({ children, ref, ...props }: ColorPickerTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/ColorPicker/ContrastControls.d.ts
 type ContrastControlsProps = object;
 /**
  * Displays a preview of the selected color against the comparison color, the
@@ -1814,14 +1637,8 @@ type ContrastControlsProps = object;
  * `ColorPicker`.
  */
 export declare const ContrastControls: FC<ContrastControlsProps>;
-//#endregion
-//#region src/components/ColorPicker/ContrastIndicator.d.ts
 export declare const ContrastIndicator: () => JSX.Element;
-//#endregion
-//#region src/components/ColorPicker/ContrastPreview.d.ts
 export declare const ContrastPreview: () => JSX.Element;
-//#endregion
-//#region src/components/ColorPicker/ContrastEnforcerSwitch.d.ts
 /**
  * Switch for contrast enforcement features.
  *
@@ -1829,8 +1646,6 @@ export declare const ContrastPreview: () => JSX.Element;
  * which automatically adjusts colors to meet accessibility standards.
  */
 export declare const ContrastEnforcerSwitch: () => JSX.Element | null;
-//#endregion
-//#region src/components/ColorPicker/HexColorInput.d.ts
 type HexColorInputProps = {
   /**
    * Whether the input should recieve focus automatically on mount.
@@ -1843,8 +1658,6 @@ type HexColorInputProps = {
  * nudging of saturation. Auto-focuses by default for quick paste workflows.
  */
 export declare const HexColorInput: FC<HexColorInputProps>;
-//#endregion
-//#region src/components/ColorPicker/HueSlider.d.ts
 type HueSliderProps = object;
 /**
  * A horizontal slider for adjusting the hue of the current color, rendered
@@ -1852,8 +1665,6 @@ type HueSliderProps = object;
  * hue, saturation, and value.
  */
 export declare const HueSlider: FC<HueSliderProps>;
-//#endregion
-//#region src/components/ColorPicker/SaturationAndValuePicker.d.ts
 type SaturationAndValuePickerProps = {
   dataTestId?: string;
 };
@@ -1864,39 +1675,29 @@ type SaturationAndValuePickerProps = {
  * is drawn on the canvas.
  */
 export declare const SaturationAndValuePicker: FC<SaturationAndValuePickerProps>;
-//#endregion
-//#region src/components/ColorPicker/ValueNameOrHexCode.d.ts
 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.
  */
 export declare const ValueNameOrHexCode: FC<ValueNameOrHexCodeProps>;
-//#endregion
-//#region src/components/ColorPicker/ColorSwatch.d.ts
 type ColorSwatchProps = PropsWithChildren<{
   derivativeIsSelected?: boolean;
   diameterPx?: number;
   isSelected?: boolean;
   value: string;
 }>;
-//#endregion
-//#region src/components/ColorPicker/ValueSwatch.d.ts
 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.
  */
 export declare const ValueSwatch: FC<ValueSwatchProps>;
-//#endregion
-//#region src/components/ColorPicker/contrast-utils.d.ts
 export declare const calculateContrast: ({ backgroundColor, foregroundColor, backgroundOpacity }: {
   backgroundColor: Color | string;
   foregroundColor?: Color | string;
   backgroundOpacity?: number;
 }) => number;
-//#endregion
-//#region src/components/Combobox/Combobox.d.ts
 type ComboboxProps = {
   /**
    * Accessible name for the combobox input. The input renders without a
@@ -1950,15 +1751,11 @@ 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.
  */
 export declare const Combobox: ({ "aria-label": ariaLabel, placeholder, value, onChange, searchValue, onSearchValueChange, displayValues, children, flipPopover, forceOpen, fullWidth }: ComboboxProps) => JSX.Element;
-//#endregion
-//#region src/components/Combobox/ComboboxOption.d.ts
 type ComboboxOptionProps = {
   value: string;
   children: ReactNode;
 };
 export declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => JSX.Element;
-//#endregion
-//#region src/components/ContextMenu/ContextMenu.d.ts
 type ContextMenuProps = {
   children: ReactNode;
   onRequestClose?: () => void;
@@ -1985,8 +1782,6 @@ type ContextMenuProps = {
  * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
  */
 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";
 type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
   children: ReactNode;
@@ -1997,8 +1792,6 @@ type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
  * This should only be used when the ui systems team has been consulted first.
  */
 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">> & {
   /**
    * Label text displayed above the value
@@ -2034,8 +1827,6 @@ type DataCardProps = ComponentPropsWithoutRef<"div"> & Partial<Pick<ButtonAsLink
   subtitle?: ReactNode;
 };
 export declare const DataCard: FC<DataCardProps>;
-//#endregion
-//#region src/components/DataCards/DataCards.d.ts
 type DataCardsProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Should be at least one `DataCard` component
@@ -2058,8 +1849,6 @@ type DataCardsProps = ComponentPropsWithoutRef<"div"> & {
  * Displays a series of cards tailor made for displaying analytics data
  */
 export declare const DataCards: FC<DataCardsProps>;
-//#endregion
-//#region src/components/DataCards/DataCardTrend.d.ts
 type DataCardTrendProps = {
   /**
    * Direction of the trend arrow
@@ -2075,12 +1864,8 @@ type DataCardTrendProps = {
   children: JSX.Element | string;
 };
 export declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
-//#endregion
-//#region src/components/DataCards/DataCardHoverArrow.d.ts
 type DataCardHoverArrowProps = object;
 export declare const DataCardHoverArrow: FC<DataCardHoverArrowProps>;
-//#endregion
-//#region src/components/DataList/DataList.d.ts
 type DataListProps = ComponentPropsWithoutRef<"dl"> & {
   /**
    * Should only contain `DataListItem` components.
@@ -2103,8 +1888,6 @@ type DataListProps = ComponentPropsWithoutRef<"dl"> & {
  * The DataList component is used to display a list of items with labels and values.
  */
 export declare const DataList: FC<DataListProps>;
-//#endregion
-//#region src/components/DataList/DataListItem.d.ts
 type DataListItemProps = Omit<ComponentPropsWithoutRef<"dl">, "children"> & {
   /**
    * Should only contain `DataListItemLabel` and `DataListItemValue` components.
@@ -2115,16 +1898,12 @@ type DataListItemProps = Omit<ComponentPropsWithoutRef<"dl">, "children"> & {
  * An item within a `DataList`. It should only contain `DataListItemLabel` and `DataListItemValue` components.
  */
 export declare const DataListItem: FC<DataListItemProps>;
-//#endregion
-//#region src/css/wordBreakCss.d.ts
 /**
  * How truncated text breaks onto new lines.
  * - `anywhere`: break between any two characters (`word-break: break-all`).
  * - `word`: wrap at word boundaries and only break a word that can't fit on its own line.
  */
 type WordBreakTypes = "anywhere" | "word";
-//#endregion
-//#region src/components/Text/Text.d.ts
 type AlignmentTypes = "center" | "justify" | "left" | "right";
 type TextTransformTypes = "capitalize" | "lowercase" | "none" | "uppercase";
 type TextVariant = "body1" | "body1Mono" | "body2" | "body2Mono" | "body3" | "body3Mono" | "body4" | "body4Mono" | "label1" | "label2" | "label3" | "label4";
@@ -2201,22 +1980,16 @@ type TextProps = ComponentPropsWithoutRef<"div"> & {
  * Used for rending paragraphs and inline text.
  */
 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.
  */
 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.
  */
 export declare const DataListItemValue: FC<DataListItemValueProps>;
-//#endregion
-//#region src/components/DatePicker/DatePicker.d.ts
 type DatePickerBaseProps = {
   /** Earliest selectable date. */
   minDate?: Date;
@@ -2267,8 +2040,6 @@ type DatePickerProps = (DatePickerControlledProps | DatePickerUncontrolledProps)
  * and a calendar popover for visual date selection.
  */
 export declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
-//#endregion
-//#region src/components/Dimmer/Dimmer.d.ts
 declare const alignVerticalMap: {
   stretch: string;
   top: string;
@@ -2309,8 +2080,6 @@ type DimmerProps = ComponentPropsWithoutRef<"div"> & {
 export declare const Dimmer: ({ alignHorizontal, alignVertical, children, ref, variant, ...otherProps }: DimmerProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Divider/Divider.d.ts
 type DividerProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Orientation of the divider.
@@ -2325,8 +2094,6 @@ type DividerProps = ComponentPropsWithoutRef<"div"> & {
  * A line used to visually separate content; note that dividers have no external margin/spacing on their own.
  */
 export declare const Divider: FC<DividerProps>;
-//#endregion
-//#region src/components/Heading/Heading.d.ts
 declare const headingVariantStyleMap: {
   hero: RuleSet<object>;
   heading1: RuleSet<object>;
@@ -2405,8 +2172,6 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$2> & {
  * Displaying heading text, both visually and semantically
  */
 export declare const Heading: PolymorphicComponent<typeof DEFAULT_ELEMENT$2, HeadingProps>;
-//#endregion
-//#region src/components/EditableHeading/EditableHeading.d.ts
 type EditableHeadingProps = {
   /**
    * The initial text content of the heading.
@@ -2453,11 +2218,7 @@ type EditableHeadingProps = {
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
  */
 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 textVariantStyleMap | keyof typeof headingVariantStyleMap;
-//#endregion
-//#region src/components/EditableText/EditableTextRoot.d.ts
 type EditableTextRootProps = Omit<ComponentPropsWithoutRef<"div">, "defaultValue"> & {
   /**
    * The children of the editable text root.
@@ -2548,8 +2309,6 @@ type EditableTextContextValues = {
 };
 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"> & {
   /**
    * Whether to visually hide the label.
@@ -2560,8 +2319,6 @@ type EditableTextProps = Omit<EditableTextRootProps, "children"> & {
  * Used for inline editing of text.
  */
 export declare const EditableText: FC<EditableTextProps>;
-//#endregion
-//#region src/components/EditableText/EditableTextDisplay.d.ts
 type EditableTextDisplayProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * When true, the user can click on the display to edit the text
@@ -2570,8 +2327,6 @@ type EditableTextDisplayProps = ComponentPropsWithoutRef<"div"> & {
   renderAs?: ElementType;
 };
 export declare const EditableTextDisplay: PolymorphicComponent<"h1", EditableTextDisplayProps>;
-//#endregion
-//#region src/components/Label/Label.d.ts
 type LabelProps = ComponentPropsWithoutRef<"label"> & {
   /**
    * Pass an arbitrary child node
@@ -2599,18 +2354,12 @@ type LabelProps = ComponentPropsWithoutRef<"label"> & {
  * Labels are used to give a title to a form component (eg. Input, Select, etc.)
  */
 export declare const Label: FC<LabelProps>;
-//#endregion
-//#region src/components/EditableText/EditableTextLabel.d.ts
 type EditableTextLabelProps = Omit<LabelProps, "disabled" | "htmlFor" | "required">;
 export declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => JSX.Element;
-//#endregion
-//#region src/components/EditableText/EditableTextSubmitButton.d.ts
 type EditableTextSubmitButtonProps = {
   children: ReactElement;
 };
 export declare const EditableTextSubmitButton: ({ children }: EditableTextSubmitButtonProps) => JSX.Element | null;
-//#endregion
-//#region src/components/EditableText/EditableTextCancelButton.d.ts
 type EditableTextCancelButtonProps = {
   /**
    * A cancel button, typically a [Button](/components/Button) that will revert the value when clicked.
@@ -2618,8 +2367,6 @@ type EditableTextCancelButtonProps = {
   children: ReactElement;
 };
 export declare const EditableTextCancelButton: ({ children }: EditableTextCancelButtonProps) => JSX.Element | null;
-//#endregion
-//#region src/components/EditableText/EditableTextTrigger.d.ts
 type EditableTextTriggerProps = {
   /**
    * A trigger element, typically a [Button](/components/Button) that will enter editing mode when clicked.
@@ -2627,8 +2374,6 @@ type EditableTextTriggerProps = {
   children: ReactElement;
 };
 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"> & {
   /**
    * When enabled, focusing the input will select the entire text within
@@ -2674,12 +2419,8 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
 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">;
 export declare const EditableTextInput: (props: EditableTextInputProps) => JSX.Element | null;
-//#endregion
-//#region src/components/Ellipsis/Ellipsis.d.ts
 type EllipsisProps = ComponentPropsWithoutRef<"span"> & {
   /**
    * The text that will be truncated with an ellipsis
@@ -2702,8 +2443,6 @@ type EllipsisProps = ComponentPropsWithoutRef<"span"> & {
  * Truncate text with an ellispsis visble at the end
  */
 export declare const Ellipsis: FC<EllipsisProps>;
-//#endregion
-//#region src/components/FeatureCard/FeatureCard.d.ts
 type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * The main text content displayed in the feature card
@@ -2747,8 +2486,6 @@ type FeatureCardProps = ComponentPropsWithoutRef<"div"> & {
  * The `FeatureCard` component is for displaying contextual information to the user such as alerts or feature announcements.
  */
 export declare const FeatureCard: FC<FeatureCardProps>;
-//#endregion
-//#region src/components/FeatureCard/FeatureCardImage.d.ts
 type FeatureCardImageProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * The URL of the image to display in the feature card
@@ -2764,8 +2501,6 @@ type FeatureCardImageProps = ComponentPropsWithoutRef<"div"> & {
   alignment?: "left" | "right";
 };
 export declare const FeatureCardImage: ({ alignment, alt, src, ...props }: FeatureCardImageProps) => JSX.Element;
-//#endregion
-//#region src/components/Form/useFormState.d.ts
 type FormActionCallback<T> = (data: T, nextData: T) => Promise<T> | T;
 type Action = (data: FormData | null) => Promise<void>;
 type FormActionState<T> = [{
@@ -2773,8 +2508,6 @@ type FormActionState<T> = [{
   error: Error | null;
 }, Action, boolean];
 export declare const useFormState: <T extends object>(action: FormActionCallback<T>, initialData?: Partial<T>) => FormActionState<T>;
-//#endregion
-//#region src/components/Form/Form.d.ts
 type FormValidationCallback<T> = (data: T) => FormErrors<T>;
 type FormWithLabelledByProps = {
   "aria-label"?: never;
@@ -2829,18 +2562,12 @@ type FormProps<T> = Omit<ComponentPropsWithoutRef<"form">, "action" | "aria-labe
 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
-//#region src/components/Form/FormErrorSummary.d.ts
 type FormErrorSummaryProps = {
   /** A description to show before the list of form errors */
   description: string;
 };
 export declare const FormErrorSummary: ({ description }: FormErrorSummaryProps) => JSX.Element | null;
-//#endregion
-//#region src/components/Form/validateWithYup.d.ts
 export declare const validateWithYup: <T>(schema: Schema<T>) => ((data: object) => FormErrors<T>);
-//#endregion
-//#region src/components/FormField/FormField.d.ts
 type FormFieldProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * This should be a single child that is a valid form field (or can pretend to be one).
@@ -2883,8 +2610,6 @@ type FormFieldProps = ComponentPropsWithoutRef<"div"> & {
  * FormField is a compound component that combines a label, form control, and optional description and error message.
  */
 export declare const FormField: FC<FormFieldProps>;
-//#endregion
-//#region src/components/FormGroup/FormGroup.d.ts
 type FormGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> & {
   children: ReactNode;
   /**
@@ -2900,8 +2625,6 @@ type FormGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> & {
  * For grouping like form elements together.
  */
 export declare const FormGroup: FC<FormGroupProps>;
-//#endregion
-//#region src/components/FormGroup/RadioGroup.d.ts
 type RadioGroupProps = FormGroupProps & {
   onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
   value?: string | undefined;
@@ -2911,8 +2634,6 @@ type RadioGroupProps = FormGroupProps & {
  * For grouping like form elements together. Can serve as a checkbox
  */
 export declare const RadioGroup: FC<RadioGroupProps>;
-//#endregion
-//#region src/components/FormGroup/CheckboxGroup.d.ts
 type CheckboxGroupProps = FormGroupProps & {
   onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
   value?: string[] | undefined;
@@ -2922,8 +2643,6 @@ type CheckboxGroupProps = FormGroupProps & {
  * For grouping like form elements together. Can serve as a checkbox
  */
 export declare const CheckboxGroup: FC<CheckboxGroupProps>;
-//#endregion
-//#region src/components/Grid/Grid.d.ts
 declare const DEFAULT_ELEMENT$1 = "div";
 type GridProps = ComponentPropsWithoutRef<"div"> & {
   /**
@@ -2953,8 +2672,6 @@ type GridProps = ComponentPropsWithoutRef<"div"> & {
  * A `Grid` arranges its children in a CSS grid layout with configurable `columns`, `gap`, and responsive breakpoint support.
  */
 export declare const Grid: PolymorphicComponent<typeof DEFAULT_ELEMENT$1, GridProps>;
-//#endregion
-//#region src/components/PreviewCard/PreviewCard.d.ts
 type PreviewCardProps = {
   /**
    * The content of the preview card
@@ -3008,8 +2725,6 @@ 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.
  */
 export declare const PreviewCard: FC<PreviewCardProps>;
-//#endregion
-//#region src/components/IconButton/IconButton.d.ts
 type IconButtonProps = {
   /**
    * Accessible text for screen readers.
@@ -3027,8 +2742,6 @@ type 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";
@@ -3064,8 +2777,6 @@ type IconChipProps = Omit<ComponentPropsWithoutRef<"span">, "autoFocus" | "child
  * 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.
  */
 export 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"> & {
   /**
    * Accessible text to apply to the image
@@ -3113,8 +2824,6 @@ 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.
  */
 export declare const Image: FC<ImageProps>;
-//#endregion
-//#region src/components/InputClickToCopy/InputClickToCopy.d.ts
 type InputClickToCopyProps = Omit<InputProps, "autoSelect" | "disabled" | "rightIcon" | "type" | "value"> & {
   /**
    * When disabled, the copy action will not be triggered
@@ -3135,11 +2844,7 @@ type InputClickToCopyProps = Omit<InputProps, "autoSelect" | "disabled" | "right
 export declare const InputClickToCopy: ({ value, onCopy, disabled, ref, ...props }: InputClickToCopyProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/InputDuration/types.d.ts
 type DecimalUnitLength = 0 | 2;
-//#endregion
-//#region src/components/InputDuration/InputDuration.d.ts
 type InputDurationBaseProps = Omit<InputProps, "autoSelect" | "defaultValue" | "leftIcon" | "fullHeight" | "inputMode" | "monospace" | "onChange" | "onKeyDown" | "onKeyUp" | "onSelect" | "rightIcon" | "type" | "value">;
 type InputDurationProps = InputDurationBaseProps & {
   /**
@@ -3169,8 +2874,6 @@ type InputDurationProps = InputDurationBaseProps & {
 export declare const InputDuration: ({ decimalUnitLength, disabled, fullWidth, maxSeconds, minSeconds, onChangeValueInSeconds, valueInSeconds, onFocus, style, ref: externalRef, ...props }: InputDurationProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/InputPassword/InputPassword.d.ts
 type InputPasswordProps = Omit<InputProps, "leftIcon" | "monospace" | "rightIcon" | "type"> & {
   /**
    * Set the disabled state of the input
@@ -3187,8 +2890,6 @@ type InputPasswordProps = Omit<InputProps, "leftIcon" | "monospace" | "rightIcon
 export declare const InputPassword: ({ onVisibilityToggle, disabled, ref, ...props }: InputPasswordProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/KeyboardShortcut/KeyboardKeyTypes.d.ts
 type AlphanumericKeyboardKeys = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z";
 type ModifierKeys = "Alt" | "Cmd" | "Ctrl" | "Meta" | "Option" | "Shift";
 type WhitespaceKeys = "Enter" | "Space" | "Tab";
@@ -3196,8 +2897,6 @@ type ArrowKeys = "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp";
 type PunctuationKeys = "," | "?";
 type EditingKeys = "Esc" | "Backspace";
 type KeyboardKeys = AlphanumericKeyboardKeys | ArrowKeys | ModifierKeys | PunctuationKeys | WhitespaceKeys | EditingKeys;
-//#endregion
-//#region src/components/KeyboardShortcut/isKeyboardKey.d.ts
 /**
  * Type guard that checks whether an unknown string is a valid {@link KeyboardKeys} value.
  *
@@ -3207,8 +2906,6 @@ type KeyboardKeys = AlphanumericKeyboardKeys | ArrowKeys | ModifierKeys | Punctu
  * }
  */
 export declare const isKeyboardKey: (key: string) => key is KeyboardKeys;
-//#endregion
-//#region src/components/KeyboardShortcut/KeyboardShortcut.d.ts
 type KeyboardShortcutProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * @description If set to true, the keyboard shortcut will stretch the full width of its container.
@@ -3227,8 +2924,6 @@ 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.
  */
 export declare const KeyboardShortcut: FC<KeyboardShortcutProps>;
-//#endregion
-//#region src/components/List/List.d.ts
 type VariantType = "breadcrumbs" | "bullets" | "commas" | "ordered" | "slashes" | "spaces" | "unbulleted";
 type ItemType = ItemType[] | string[] | string;
 type ListProps = ComponentPropsWithoutRef<"ul"> & {
@@ -3250,8 +2945,6 @@ 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.
  */
 export declare const List: FC<ListProps>;
-//#endregion
-//#region src/components/List/ListItem.d.ts
 type ListItemProps = {
   /**
    * Pass an arbitrary child node
@@ -3259,8 +2952,6 @@ type ListItemProps = {
   children?: ReactNode;
 };
 export declare const ListItem: FC<ListItemProps>;
-//#endregion
-//#region src/components/Mark/Mark.d.ts
 type MarkProps = ComponentPropsWithoutRef<"div"> & {
   /** The content of the Mark component. */
   children: ReactNode;
@@ -3271,11 +2962,7 @@ type MarkProps = ComponentPropsWithoutRef<"div"> & {
  * Defines text that should be marked or highlighted.
  */
 export declare const Mark: FC<MarkProps>;
-//#endregion
-//#region src/css/baseMarkdownCss.d.ts
 type MarkdownTextSize = "body2" | "body3";
-//#endregion
-//#region src/components/Markdown/Markdown.d.ts
 type MarkdownProps = ComponentProps<typeof ReactMarkdown> & {
   /**
    * A string of markdown to render.
@@ -3291,8 +2978,6 @@ type MarkdownProps = ComponentProps<typeof ReactMarkdown> & {
  * This is a simple wrapper around `react-markdown` that applies some basic styles.
  */
 export declare const Markdown: FC<MarkdownProps>;
-//#endregion
-//#region src/components/Menu/Menu.d.ts
 type ControlledMenuProps = {
   /**
    * Is the menu open.
@@ -3350,8 +3035,6 @@ type MenuProps = MenuControlProps & {
 export declare const Menu: ({ align, children, disabled, compact, trigger, label, isOpen, side, triggerProps, onOpenChange, ref, ...props }: MenuProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Menu/MenuLabel.d.ts
 type MenuLabelProps = {
   /**
    * The text of the label
@@ -3359,8 +3042,6 @@ type MenuLabelProps = {
   children: ReactNode | string;
 };
 export declare const MenuLabel: FC<MenuLabelProps>;
-//#endregion
-//#region src/components/Menu/SubMenu.d.ts
 type SubMenuProps = {
   /**
    * The label of the submenu
@@ -3384,8 +3065,6 @@ type SubMenuProps = {
   icon?: JSX.Element | undefined;
 };
 export declare const SubMenu: FC<SubMenuProps>;
-//#endregion
-//#region src/components/Menu/MenuItemButton.d.ts
 type MenuItemButtonProps = ButtonProps & {
   /**
    *  Pre-defined visual treatments for the menu item
@@ -3441,8 +3120,6 @@ type MenuItemButtonProps = ButtonProps & {
    */
   unstyled?: never;
 };
-//#endregion
-//#region src/components/Menu/MenuItem.d.ts
 type MenuItemProps = MenuItemButtonProps & {
   /**
    * Treats the menu item as a link when provided
@@ -3461,8 +3138,6 @@ type MenuItemProps = MenuItemButtonProps & {
 export declare const MenuItem: ({ onSelect, closeOnClick, ref, ...props }: MenuItemProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Menu/MenuItemLabel.d.ts
 type MenuItemLabelProps = {
   /**
    * The content of the label
@@ -3470,8 +3145,6 @@ type MenuItemLabelProps = {
   children: ReactNode;
 };
 export declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => JSX.Element;
-//#endregion
-//#region src/components/Menu/MenuItemDescription.d.ts
 type MenuItemDescriptionProps = {
   /**
    * The content of the description
@@ -3479,8 +3152,6 @@ type MenuItemDescriptionProps = {
   children: ReactNode;
 };
 export declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => JSX.Element;
-//#endregion
-//#region src/components/Menu/MenuRadioGroup.d.ts
 type MenuRadioGroupProps = {
   /**
    * The radio items
@@ -3496,8 +3167,6 @@ type MenuRadioGroupProps = {
   onValueChange?: (value: string) => void;
 };
 export declare const MenuRadioGroup: FC<MenuRadioGroupProps>;
-//#endregion
-//#region src/components/Menu/RadioMenuItem.d.ts
 type RadioMenuItemProps = MenuItemButtonProps & {
   /**
    * Optional `Icon` to use as the indicator that the radio item is selected. Must be an instance of [Icon](/components/Icon)
@@ -3525,8 +3194,6 @@ type RadioMenuItemProps = MenuItemButtonProps & {
   onSelect?: (event: SyntheticEvent) => void;
 };
 export declare const RadioMenuItem: FC<RadioMenuItemProps>;
-//#endregion
-//#region src/components/Menu/CheckboxMenuItem.d.ts
 type CheckboxMenuItemProps = MenuItemButtonProps & {
   /** Callback to fire when the checked status changes */
   onCheckedChange: (checked: boolean) => void;
@@ -3556,8 +3223,6 @@ type CheckboxMenuItemProps = MenuItemButtonProps & {
   onSelect?: (event: SyntheticEvent) => void;
 };
 export declare const CheckboxMenuItem: FC<CheckboxMenuItemProps>;
-//#endregion
-//#region src/components/Menu/FilterMenu.d.ts
 type FilterMenuProps = MenuProps & {
   /**
    * The selected values of the filter Menu
@@ -3580,8 +3245,6 @@ 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
-//#region src/components/Meter/Meter.d.ts
 type MeterSegment = {
   /**
    * The percentage value this segment represents (0-100)
@@ -3630,8 +3293,6 @@ type MeterProps = ComponentPropsWithoutRef<"div"> & {
  * A meter component that visually represents one to many segments as portions of a whole
  */
 export declare const Meter: FC<MeterProps>;
-//#endregion
-//#region src/components/Modal/Modal.d.ts
 type ModalProps = Omit<ComponentPropsWithoutRef<"div">, "onKeyDown"> & {
   /**
    * The content of the modal.
@@ -3688,8 +3349,6 @@ type ModalProps = Omit<ComponentPropsWithoutRef<"div">, "onKeyDown"> & {
 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
-//#region src/components/Modal/ModalCallouts.d.ts
 type ModalCalloutsProps = {
   /**
    * The content to be displayed in the modal callout.
@@ -3706,8 +3365,6 @@ type ModalCalloutProps = {
   children?: ReactNode;
 };
 export declare const ModalCallout: FC<ModalCalloutProps>;
-//#endregion
-//#region src/components/Popover/Popover.d.ts
 type ControlledPopoverProps = {
   /**
    * Is the popover open.
@@ -3787,8 +3444,6 @@ type PopoverProps = PopoverControlProps & {
  * `PopoverPortal`, `PopoverContent`, `PopoverClose`.
  */
 export declare const Popover: FC<PopoverProps>;
-//#endregion
-//#region src/components/Popover/PopoverAnchor.d.ts
 type PopoverAnchorProps = {
   children: ReactNode;
 };
@@ -3800,8 +3455,6 @@ type PopoverAnchorProps = {
  * Wrap the anchor element and nest `PopoverTrigger` inside it.
  */
 export declare const PopoverAnchor: FC<PopoverAnchorProps>;
-//#endregion
-//#region src/components/Popover/PopoverArrow.d.ts
 type PopoverArrowProps = {
   /**
    * Should the arrow be animated with ripple effect
@@ -3809,8 +3462,6 @@ type PopoverArrowProps = {
   isAnimated: boolean;
 };
 export declare const PopoverArrow: FC<PopoverArrowProps>;
-//#endregion
-//#region src/components/Popover/PopoverClose.d.ts
 type PopoverCloseProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
   /**
    * A React element to merge close behavior onto.
@@ -3826,8 +3477,6 @@ type PopoverCloseProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
 export declare const PopoverClose: ({ ref, ...props }: PopoverCloseProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Popover/PopoverCloseButton.d.ts
 type PopoverCloseButtonProps = {
   /** Accessible label for the close button. Defaults to "Close". */
   label?: string;
@@ -3837,8 +3486,6 @@ type PopoverCloseButtonProps = {
  * For a custom close control, use `PopoverClose` directly.
  */
 export declare const PopoverCloseButton: FC<PopoverCloseButtonProps>;
-//#endregion
-//#region src/components/Popover/PopoverContent.d.ts
 type PopoverContentProps = {
   /** Sets the [color scheme](/foundations/color/color-schemes) applied inside the portal. */
   colorScheme?: ColorSchemeTypes;
@@ -3889,8 +3536,6 @@ type PopoverContentProps = {
 export declare const PopoverContent: ({ colorScheme, unstyled, maxWidth, maxHeight, sideOffset, side, align, collisionAvoidance, style, role, children, ref, ...props }: PopoverContentProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Popover/PopoverPortal.d.ts
 type PopoverPortalProps = {
   children: ReactNode;
 };
@@ -3899,8 +3544,6 @@ type PopoverPortalProps = {
  * escape clipping ancestors (`overflow: hidden`, transformed containers, etc.).
  */
 export declare const PopoverPortal: FC<PopoverPortalProps>;
-//#endregion
-//#region src/components/Popover/PopoverRoot.d.ts
 /**
  * Details passed to `PopoverRoot`'s `onOpenChange` describing why the open
  * state changed. Inspect `reason` and call `cancel()` to keep the popover in
@@ -3926,8 +3569,6 @@ type PopoverRootProps = {
  * For the common "button opens a panel" case, prefer the bundled `Popover`.
  */
 export declare const PopoverRoot: FC<PopoverRootProps>;
-//#endregion
-//#region src/components/Popover/PopoverTrigger.d.ts
 type PopoverTriggerProps = Omit<ComponentPropsWithoutRef<"button">, "render"> & {
   /**
    * A React element to merge trigger behavior onto.
@@ -3949,8 +3590,6 @@ type PopoverTriggerProps = Omit<ComponentPropsWithoutRef<"button">, "render"> &
 export declare const PopoverTrigger: ({ nativeButton, ref, ...props }: PopoverTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/ProgressBar/ProgressBar.d.ts
 type ProgressBarProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Current numeric level of the progress (0 -> max)
@@ -3977,8 +3616,6 @@ type ProgressBarProps = ComponentPropsWithoutRef<"div"> & {
  * A progress component that visually represents the completion status of a task
  */
 export declare const ProgressBar: FC<ProgressBarProps>;
-//#endregion
-//#region src/components/Radio/Radio.d.ts
 type RadioSizeType = "lg" | "md" | "sm";
 type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label" | "onChange" | "size" | "value"> & {
   /**
@@ -4037,8 +3674,6 @@ type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label"
 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
-//#region src/components/RadioCard/RadioCardDefaultLayout.d.ts
 type RadioCardDefaultLayoutProps = {
   /**
    * The icon to display
@@ -4065,8 +3700,6 @@ type RadioCardDefaultLayoutProps = {
    */
   isGated?: boolean | undefined;
 };
-//#endregion
-//#region src/components/RadioCard/RadioCard.d.ts
 type BaseRadioCardProps = Omit<ComponentPropsWithoutRef<"input">, "checked" | "disabled" | "id" | "name" | "onChange" | "value"> & {
   /**
    * Indicates the state of the radio
@@ -4114,8 +3747,6 @@ type RadioCardProps = RadioCardWithChildren | RadioCardWithDefaultLayout;
 export declare const RadioCard: ({ icon, label, description, showIndicator, isGated, children, ref, ...rootProps }: RadioCardProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/RadioCard/RadioCardImage.d.ts
 type RadioCardImageProps = Omit<ComponentPropsWithoutRef<"input">, "onChange"> & {
   /**
    * Indicates the state of the radio
@@ -4161,8 +3792,6 @@ type RadioCardImageProps = Omit<ComponentPropsWithoutRef<"input">, "onChange"> &
 export declare const RadioCardImage: ({ label, imageSrc, aspectRatio, padding, ref, ...rootProps }: RadioCardImageProps & {
   ref?: Ref<HTMLInputElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/ScreenReaderOnly/ScreenReaderOnly.d.ts
 type ScreenReaderOnlyProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Pass an arbitrary child node
@@ -4182,8 +3811,6 @@ type ScreenReaderOnlyProps = ComponentPropsWithoutRef<"div"> & {
  * Used to hide content from the visual client, but keep it readable for screen readers.
  */
 export declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
-//#endregion
-//#region src/components/ScrollArea/ScrollArea.d.ts
 export type ScrollAreaOverflowIndicator = "fade" | "none" | "shadow";
 export type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
   /**
@@ -4216,8 +3843,6 @@ export type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
 export declare const ScrollArea: ({ children, style, locked, fillHeight, overflowIndicator, ref, ...props }: ScrollAreaProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/SegmentedControl/SegmentedControl.d.ts
 type SegmentedControlProps = {
   /**
    * `SegmentedControlItem`s that will be rendered in grouping
@@ -4250,8 +3875,6 @@ type SegmentedControlProps = {
 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
-//#region src/components/SegmentedControl/SegmentedControlItem.d.ts
 type BaseProps$1 = {
   /**
    * Disable the `SegmentedControlItem`
@@ -4296,8 +3919,6 @@ type SegmentedControlItemProps = BaseProps$1 & (IconWithAriaLabel$1 | IconWithLa
 export declare const SegmentedControlItem: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref: forwardedRef, ...otherProps }: SegmentedControlItemProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Select/Select.d.ts
 type SelectProps = {
   /**
    * Sets the validity status of the input
@@ -4364,8 +3985,6 @@ type 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
-//#region src/components/Select/SelectOption.d.ts
 type SelectOptionProps = {
   /**
    * The visual content of the select
@@ -4399,8 +4018,6 @@ type SelectOptionProps = {
 export declare const SelectOption: ({ children, selectedDisplayValue, checkmarkVerticalAlign, textValue, ref: forwardedRef, ...props }: SelectOptionProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Select/SelectOptionGroup.d.ts
 type SelectOptionGroupProps = {
   /** The label of the group */
   label: string;
@@ -4408,8 +4025,6 @@ type SelectOptionGroupProps = {
   children: ReactNode;
 };
 export declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => JSX.Element;
-//#endregion
-//#region src/components/Sidebar/Sidebar.d.ts
 type SidebarProps = HTMLAttributes<HTMLElement> & {
   /**
    * The content of the sidebar. Typically a `SidebarHeader`, `SidebarContent`,
@@ -4423,8 +4038,6 @@ type SidebarProps = HTMLAttributes<HTMLElement> & {
 export declare const Sidebar: ({ children, ref, ...props }: SidebarProps & {
   ref?: Ref<HTMLElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Sidebar/SidebarHeader.d.ts
 type SidebarHeaderProps = {
   /**
    * Content rendered at the top of the sidebar. Typically a `SidebarTitle`,
@@ -4433,8 +4046,6 @@ type SidebarHeaderProps = {
   children: ReactNode;
 };
 export declare const SidebarHeader: FC<SidebarHeaderProps>;
-//#endregion
-//#region src/components/Sidebar/SidebarFooter.d.ts
 type SidebarFooterProps = {
   /**
    * Content pinned to the bottom of the sidebar. Typically actions like a
@@ -4443,8 +4054,6 @@ type SidebarFooterProps = {
   children: ReactNode;
 };
 export declare const SidebarFooter: FC<SidebarFooterProps>;
-//#endregion
-//#region src/components/Sidebar/SidebarTitle.d.ts
 type SidebarTitleProps = {
   /**
    * The text shown as the heading at the top of the sidebar.
@@ -4452,8 +4061,6 @@ type SidebarTitleProps = {
   children: ReactNode;
 };
 export declare const SidebarTitle: FC<SidebarTitleProps>;
-//#endregion
-//#region src/components/Sidebar/SidebarContent.d.ts
 type SidebarContentProps = {
   /**
    * The scrollable middle section of the sidebar. Typically one or more
@@ -4462,8 +4069,6 @@ type SidebarContentProps = {
   children: ReactNode;
 };
 export declare const SidebarContent: FC<SidebarContentProps>;
-//#endregion
-//#region src/components/Sidebar/SidebarGroup.d.ts
 type SidebarGroupProps = {
   /**
    * The items in the group, typically `SidebarButton`s, optionally preceded
@@ -4472,8 +4077,6 @@ type SidebarGroupProps = {
   children: ReactNode;
 };
 export declare const SidebarGroup: FC<SidebarGroupProps>;
-//#endregion
-//#region src/components/Sidebar/SidebarGroupLabel.d.ts
 type SidebarGroupLabelProps = {
   /**
    * The label text for the group.
@@ -4491,8 +4094,6 @@ type SidebarGroupLabelProps = {
   leftSlot?: ReactNode;
 };
 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">) & {
   /**
    * Marks the item as the currently active navigation entry. Sets
@@ -4503,8 +4104,6 @@ type SidebarButtonProps = (Omit<ButtonAsButtonProps, "fullWidth" | "labelAlign"
 export declare const SidebarButton: ({ selected, ref, ...props }: SidebarButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Sidebar/SidebarSearchInput.d.ts
 type SidebarSearchInputProps = Omit<InputProps, "type"> & {
   /**
    * Accessible label for the search field. Rendered as a visually hidden `Label`
@@ -4516,8 +4115,6 @@ type SidebarSearchInputProps = Omit<InputProps, "type"> & {
 export declare const SidebarSearchInput: ({ id, label, ref, ...props }: SidebarSearchInputProps & {
   ref?: Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Slider/Slider.d.ts
 type SliderProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
   /**
    * aria-label for screen-readers to apply to the slider
@@ -4579,8 +4176,6 @@ type SliderProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
  * A `Slider` lets users select a value or range from a continuous scale via a draggable thumb.
  */
 export declare const Slider: FC<SliderProps>;
-//#endregion
-//#region src/components/SplitButton/SplitButton.d.ts
 type SplitButtonProps = {
   /**
    * The text for the primary button
@@ -4621,8 +4216,6 @@ type SplitButtonProps = {
  * A SplitButton is an extension of [Button](/components/Button) that adds a menu to the right hand side of the button.
  */
 export declare const SplitButton: FC<SplitButtonProps>;
-//#endregion
-//#region src/components/Stack/Stack.d.ts
 declare const DEFAULT_ELEMENT = "div";
 type StackProps = {
   /**
@@ -4660,8 +4253,6 @@ type StackProps = {
  * This allows for layouting children in a consistent way without needing to manually add margins or padding.
  */
 export declare const Stack: PolymorphicComponent<typeof DEFAULT_ELEMENT, StackProps>;
-//#endregion
-//#region src/components/Switch/Switch.d.ts
 type SwitchSizeType = "lg" | "md" | "sm";
 type SwitchProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label" | "role" | "size"> & {
   /**
@@ -4719,33 +4310,23 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<"input">, "hideLabel" | "label"
 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
-//#region src/components/Table/TableBody.d.ts
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
 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;
 };
 export declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
-//#endregion
-//#region src/components/Table/TableFoot.d.ts
 type TableFootProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
 export declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
-//#endregion
-//#region src/components/Table/TableHead.d.ts
 type TableHeadProps = HTMLAttributes<HTMLTableSectionElement> & {
   children?: ReactNode;
 };
 export declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
-//#endregion
-//#region src/components/Table/Table.d.ts
 type TableProps = ComponentPropsWithoutRef<"table"> & {
   /**
    * Should be some combination of `TableHead` and/or `TableBody` and/or `TableFoot`
@@ -4770,14 +4351,10 @@ type TableProps = ComponentPropsWithoutRef<"table"> & {
  * Semantic table element for presenting data
  */
 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;
 };
 export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
-//#endregion
-//#region src/components/Tabs/Tabs.d.ts
 type TabsProps = {
   children?: React.ReactNode;
   defaultValue?: string;
@@ -4788,23 +4365,17 @@ type TabsProps = {
  * The `Tabs` component lets users switch between panels of content. It is composed from the `TabsList`, `TabsTrigger`, and `TabsContent` subcomponents.
  */
 export declare const Tabs: FC<TabsProps>;
-//#endregion
-//#region src/components/Tabs/TabsContent.d.ts
 type TabsContentProps = {
   children?: ReactNode;
   value: string;
 };
 export declare const TabsContent: FC<TabsContentProps>;
-//#endregion
-//#region src/components/Tabs/TabsList.d.ts
 type TabsListProps = {
   "aria-label"?: string;
 } & PropsWithChildren<{
   fullWidth?: boolean;
 }>;
 export declare const TabsList: FC<TabsListProps>;
-//#endregion
-//#region src/components/Tabs/TabsTrigger.d.ts
 type BaseProps = {
   disabled?: boolean;
   value: string;
@@ -4843,8 +4414,6 @@ type TabsTriggerProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon)
 export declare const TabsTrigger: ({ disabled, icon, label, "aria-label": ariaLabel, value, ref, ...otherProps }: TabsTriggerProps & {
   ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Tag/Tag.d.ts
 type TagProps = ComponentPropsWithoutRef<"div"> & {
   /**
    * Sets the [color scheme](/foundations/color/color-schemes)
@@ -4877,8 +4446,6 @@ type TagProps = ComponentPropsWithoutRef<"div"> & {
 export declare const Tag: ({ onClickRemove, colorScheme, href, icon, label, onClickRemoveLabel, ref, ...props }: TagProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Thumbnail/ThumbnailBadge.d.ts
 type ThumbnailBadgeProps = {
   /**
    * Icon to display on the left side of the badge
@@ -4890,8 +4457,6 @@ type ThumbnailBadgeProps = {
   label: string;
 };
 export declare const ThumbnailBadge: FC<ThumbnailBadgeProps>;
-//#endregion
-//#region src/components/Thumbnail/Thumbnail.d.ts
 type ThumbnailAspectRatio = "square" | "wide";
 type ThumbnailStoryboard = {
   __typename?: string;
@@ -4947,8 +4512,6 @@ type ThumbnailProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
 export declare const Thumbnail: ({ gradientBackground, thumbnailImageType, thumbnailUrl, width, children, storyboard, height, aspectRatio, ref, ...props }: ThumbnailProps & {
   ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/ThumbnailCollage/ThumbnailCollage.d.ts
 type ThumbnailCollageProps = {
   /**
    * An array of `Thumbnail` components to show in the collage. Supports up to 3 `Thumbnail`s.
@@ -4969,8 +4532,6 @@ type ThumbnailCollageProps = {
  * If no thumbnails are provided, it displays a fallback thumbnail with a gradient background.
  */
 declare const ThumbnailCollage: ({ children, gradientBackground, hasBackground, ...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 = {
@@ -5001,8 +4562,6 @@ type TileButtonProps = {
 export declare const TileButton: ({ leftIcon, rightIcon, label, description, orientation, ref, ...props }: TileButtonProps & {
   ref?: Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
 }) => JSX.Element;
-//#endregion
-//#region src/components/Tooltip/Tooltip.d.ts
 type TooltipProps = {
   /**
    * The content of the tooltip
@@ -5042,8 +4601,6 @@ type TooltipProps = {
  *
  */
 export declare const Tooltip: FC<TooltipProps>;
-//#endregion
-//#region src/components/WistiaLogo/WistiaLogo.d.ts
 type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "height" | "href"> & {
   /**
    * An optional accessible description for the logo
@@ -5085,6 +4642,5 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "height" | "href">
  * Render the Wistia logo in various ways.
  */
 export declare const WistiaLogo: FC<WistiaLogoProps>;
-//#endregion
 export { type ActionButtonProps, type AlignmentTypes, type AvatarImageLoadStateType, type AvatarInstanceType, type AvatarProps, type AvatarSizeType, type AvatarStatus, type BadgeProps, type BadgeVariants, type BannerProps, type BoxFillType, type BoxProps, type BreadcrumbProps, type BreadcrumbsProps, type ButtonGroupButtonSize, 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 CustomizableTokens, 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 FormActionCallback, type FormActionState, type FormFieldProps, type FormGroupProps, type FormProps, type FormValidationCallback, type Gap, type GradientNameType, type GridProps, type HeadingProps, type HexColorInputProps, type IconButtonProps, type IconChipProps, type IconChipShape, type IconChipSize, type IconChipVariant, type IconNameType, ImageDimensionsValidator, type ImageProps, type InputClickToCopyProps, type InputDurationProps, type InputPasswordProps, type InputProps, type KeyPressState, type KeyboardKeys, type LabelProps, type LinkProps, type ListItemProps, type ListProps, type MarkProps, type MarkdownProps, type MeterProps, type MeterSegment, type ModalCalloutProps, 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 ResponsiveGap, 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 TextTransformTypes, type TextVariant, type ThumbnailAspectRatio, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, type ThumbnailStoryboard, type TileButtonOrientation, type TileButtonProps, type TimeDuration, type ToastPosition, type TooltipProps, type UseActiveMqReturnType, type UseFocusTrapOptions, type UseIsHoveredReturnType, type UseKeyOptions, type UseKeyPressOptions, type UseMqReturnType, type UseToastProps, type UseToastReturnValue, type WordBreakTypes };
 //# sourceMappingURL=index.d.ts.map