@cfx-dev/ui-components 5.0.29 → 5.0.31

package/dist/main.d.ts

@@ -4,7 +4,7 @@ export { getValue } from './utils/getValue';
 export type { ValueOrGetter } from './utils/getValue';
 export { AnalyticsContext, AnalyticsProvider, useAnalytics, useSiteLinkClick, SITE_LINK_CLICK_EVENT_NAME, } from './utils/contexts/AnalyticsContext';
 export type { ParamsFromElementEventType, AnalyticsContextValue, AnalyticsEvent, } from './utils/contexts/AnalyticsContext';
-export { MediaQueryContext, MediaQueryContextProvider, useMediaQuery, } from './utils/contexts/MediaQueryContext';
+export { MediaQueryContext, MediaQueryContextProvider, useMediaQuery, DEFAULT_Q_SIZE, } from './utils/contexts/MediaQueryContext';
 export type { MediaQueryContextValueType } from './utils/contexts/MediaQueryContext';
 export { createStoreContext } from './utils/contexts/StoreContext';
 export type { StoreContextValueType, StoreSpliceType, } from './utils/contexts/StoreContext';
@@ -15,7 +15,7 @@ export type { OutletPosition, UseClipboardProps, } from './utils/hooks';
 export { formatDate, formatLocaleDate, formatShortDate, } from './utils/formatDate';
 export { formatCurrency, FREE_PRICE_TEXT, CURRENCY_MAP, } from './utils/formatCurrency';
 export { noop, returnTrue, returnFalse, identity, invoke, } from './utils/functional';
-export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, Linkify, } from './utils/links';
+export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, linkifyWithMD, Linkify, LinkifyWithMD, } from './utils/links';
 export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
 export { clamp01, clamp, minmax, } from './utils/math';
 export { unicodeCharAt, splitByIndices, replaceRange, normalizeSlashes, isTrueString, isFalseString, } from './utils/string';

package/dist/main.js

@@ -5,284 +5,287 @@ import { default as x, SITE_LINK_CLICK_EVENT_NAME as l } from "./utils/contexts/
 import { AnalyticsProvider as u } from "./utils/contexts/AnalyticsContext/AnalyticsProvider.js";
 import { default as i } from "./utils/contexts/AnalyticsContext/useAnalytics.js";
 import { default as c } from "./utils/contexts/AnalyticsContext/useSiteLinkClick.js";
-import { default as C } from "./utils/contexts/MediaQueryContext/MediaQueryContext.js";
-import { default as E } from "./utils/contexts/MediaQueryContext/MediaQueryContextProvider.js";
-import { default as S } from "./utils/contexts/MediaQueryContext/useMediaQuery.js";
+import { DEFAULT_Q_SIZE as C, default as I } from "./utils/contexts/MediaQueryContext/MediaQueryContext.js";
+import { default as L } from "./utils/contexts/MediaQueryContext/MediaQueryContextProvider.js";
+import { default as y } from "./utils/contexts/MediaQueryContext/useMediaQuery.js";
 import { default as g } from "./utils/contexts/StoreContext/StoreContext.js";
-import { formatBytes as _ } from "./utils/formatBytes.js";
+import { formatBytes as A } from "./utils/formatBytes.js";
 import { truncateWithEllipsis as B } from "./utils/truncateWithEllipsis.js";
-import { usePopoverController as O } from "./utils/hooks/usePopoverController.js";
-import { useInstance as k } from "./utils/hooks/useInstance.js";
-import { useDynamicRef as F } from "./utils/hooks/useDynamicRef.js";
-import { useGlobalKeyboardEvent as M } from "./utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as N } from "./utils/hooks/useKeyboardClose.js";
-import { useWindowResize as V } from "./utils/hooks/useWindowResize.js";
-import { useOutlet as z } from "./utils/hooks/useOutlet.js";
-import { CLIPBOARD_TITLE_APPEARANCE as Y, useClipboardComponent as Q } from "./utils/hooks/useClipboardComponent.js";
-import { formatDate as H, formatLocaleDate as W, formatShortDate as X } from "./utils/formatDate.js";
-import { CURRENCY_MAP as J, FREE_PRICE_TEXT as Z, formatCurrency as q } from "./utils/formatCurrency.js";
-import { identity as ee, invoke as oe, noop as re, returnFalse as te, returnTrue as ae } from "./utils/functional.js";
-import { Linkify as me, defaultLinkReplacer as pe, defaultLinkReplacerx as xe, isExternalUrl as le, linkify as ne, linkifyx as ue, matchLinkNodes as se, matchLinks as ie } from "./utils/links.js";
-import { clamp as ce, clamp01 as Te, minmax as Ce } from "./utils/math.js";
-import { isFalseString as Ee, isTrueString as Le, normalizeSlashes as Se, replaceRange as Re, splitByIndices as ge, unicodeCharAt as ye } from "./utils/string.js";
-import { debounce as Ae, throttle as Be } from "./utils/execution.js";
-import { getColor as Oe } from "./utils/color.js";
-import { ui as ke } from "./utils/ui/ui.js";
-import { BorderRadiusEnum as Fe, ColorEnum as ve, MediaQueryEnum as Me, MediaQueryValuesMap as he, OffsetEnum as Ne, SpacerEnum as Ue, SpacingEnum as Ve, TextSizeEnum as we, ZIndexEnum as ze } from "./utils/ui/ui.types.js";
-import { isInEnum as Ye } from "./utils/enum.js";
-import { joaat32 as Ge } from "./utils/joaat32.js";
-import { default as We } from "./components/IconButton/IconButton.js";
-import { Accordion as je, AccordionContent as Je, AccordionHeader as Ze, AccordionItem as qe, AccordionTrigger as $e } from "./components/Accordion/Accordion.js";
-import { default as oo } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as to } from "./components/Checkbox/Checkbox.js";
-import { default as fo, ButtonContent as mo, getButtonClassName as po } from "./components/Button/Button.js";
-import { ButtonBar as lo } from "./components/Button/ButtonBar.js";
-import { LinkButton as uo } from "./components/Button/LinkButton.js";
-import { BurgerMenuButton as io } from "./components/BurgerMenu/BurgerMenuButton.js";
-import { BurgerMenu as To } from "./components/BurgerMenu/BurgerMenu.js";
-import { default as Io, getLinkClassName as Eo, getLinkStyles as Lo } from "./components/Link/Link.js";
-import { default as Ro } from "./components/Link/ButtonLink.js";
-import { Avatar as yo } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as Ao, default as Bo } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as Oo } from "./components/Badge/Badge.js";
-import { default as ko } from "./components/Carousel/Carousel.js";
-import { C as Fo } from "./CarouselControls-CJ3tupLr.js";
-import { default as Mo } from "./components/ControlBox/ControlBox.js";
-import { default as No } from "./components/Decorate/Decorate.js";
-import { Dot as Vo } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as zo, FLYOUT_ROOT_ID as Ko, FLYOUT_ROOT_SHRINK_CLASSNAME as Yo, Flyout as Qo } from "./components/Flyout/Flyout.js";
-import { Logos as Ho } from "./components/Logos/index.js";
-import { I as Xo } from "./cfxIcons-B2ocwAjm.js";
-import { I as Jo } from "./cfxIconsXLarge-C9n01-rM.js";
-import { Icon as qo } from "./components/Icon/Icon.js";
-import { Indicator as er } from "./components/Indicator/Indicator.js";
-import { default as rr } from "./components/InfoPanel/InfoPanel.js";
-import { default as ar } from "./components/Input/Input.js";
-import { default as mr } from "./components/Input/RichInput.js";
-import { default as xr } from "./components/StyledInput/StyledInput.js";
-import { Interactive as nr } from "./components/Interactive/Interactive.js";
-import { Island as sr, IslandCorner as ir } from "./components/Island/Island.js";
-import { default as cr } from "./components/Box/Box.js";
-import { stringPropFormater as Cr } from "./components/RSC/Box/Box.js";
-import { Center as Er } from "./components/Layout/Center/Center.js";
-import { default as Sr } from "./components/Flex/Flex.js";
-import { FlexAlignItemsEnum as gr, FlexDirectionEnum as yr, FlexJustifyContentEnum as _r, FlexWrapEnum as Ar } from "./components/RSC/Flex/Flex.types.js";
-import { FlexRestricter as Dr } from "./components/RSC/Flex/FlexRestricter.js";
-import { Pad as Pr } from "./components/Layout/Pad/Pad.js";
-import { Page as br } from "./components/Layout/Page/Page.js";
-import { R as vr } from "./Rail-CHFAf3wJ.js";
-import { Scrollable as hr } from "./components/Scrollable/Scrollable.js";
-import { VirtualScrollable as Ur } from "./components/Scrollable/VirtualScrollable.js";
-import { Loaf as wr } from "./components/Loaf/Loaf.js";
-import { Modal as Kr } from "./components/Modal/Modal.js";
-import { NavList as Qr } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Hr, Overlay as Wr } from "./components/Overlay/Overlay.js";
-import { default as jr } from "./components/Pagination/Pagination.js";
-import { Popover as Zr } from "./components/Popover/Popover.js";
-import { PremiumBadge as $r } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as ot } from "./components/Prose/Prose.js";
-import { Radio as tt } from "./components/Radio/Radio.js";
-import { Select as ft } from "./components/Select/Select.js";
-import { DropdownSelect as pt } from "./components/DropdownSelect/DropdownSelect.js";
-import { default as lt } from "./components/DropdownMenu/DropdownMenu.js";
-import { Separator as ut } from "./components/Separator/Separator.js";
-import { Shroud as it } from "./components/Shroud/Shroud.js";
-import { Slider as ct } from "./components/Slider/Slider.js";
-import { default as Ct } from "./components/Range/Range.js";
-import { default as Et } from "./components/Range/RangeInput.js";
-import { default as St } from "./components/Range/RangeWithInputs.js";
-import { Spacer as gt } from "./components/Spacer/Spacer.js";
-import { Style as _t, useContextualStyle as At } from "./components/Style/Style.js";
-import { default as Dt } from "./components/Switch/Switch.js";
-import { ToggleGroup as Pt } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as bt } from "./components/Tabular/Tabular.js";
-import { DataTable as vt, DataTableHeaderItem as Mt, DataTableRow as ht } from "./components/DataTable/DataTable.js";
-import { Table as Ut } from "./components/Table/index.js";
-import { default as wt } from "./components/TableResponsiveText/TableResponsiveText.js";
-import { DEFAULT_TEXT_COLOR as Kt, TEXT_OPACITY_MAP as Yt, Text as Qt, TextBlock as Gt, getTextOpacity as Ht, lineHeightResponsiveValueFormatter as Wt, textSizeResponsiveValueFormatter as Xt } from "./components/Text/Text.js";
-import { default as Jt } from "./components/Label/Label.js";
-import { Textarea as qt } from "./components/Textarea/Textarea.js";
-import { default as ea } from "./components/StyledTextarea/StyledTextarea.js";
-import { TITLE_OUTLET_ID as ra, Title as ta, titleGetCoords as aa, titleGetCssStyle as fa } from "./components/Title/Title.js";
-import { default as pa } from "./components/InputDropzone/InputDropzone.js";
-import { default as la } from "./components/InputDropzone/ItemPreview.js";
-import { default as ua } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as ia } from "./components/OnScreenSensor.js";
-import { Symbols as ca } from "./components/Symbols.js";
-import { default as Ca } from "./components/Table/TableIconButton.js";
+import { usePopoverController as k } from "./utils/hooks/usePopoverController.js";
+import { useInstance as b } from "./utils/hooks/useInstance.js";
+import { useDynamicRef as M } from "./utils/hooks/useDynamicRef.js";
+import { useGlobalKeyboardEvent as v } from "./utils/hooks/useGlobalKeyboardEvent.js";
+import { useKeyboardClose as U } from "./utils/hooks/useKeyboardClose.js";
+import { useWindowResize as w } from "./utils/hooks/useWindowResize.js";
+import { useOutlet as K } from "./utils/hooks/useOutlet.js";
+import { CLIPBOARD_TITLE_APPEARANCE as W, useClipboardComponent as Y } from "./utils/hooks/useClipboardComponent.js";
+import { formatDate as H, formatLocaleDate as X, formatShortDate as Z } from "./utils/formatDate.js";
+import { CURRENCY_MAP as J, FREE_PRICE_TEXT as q, formatCurrency as $ } from "./utils/formatCurrency.js";
+import { identity as oe, invoke as re, noop as te, returnFalse as ae, returnTrue as fe } from "./utils/functional.js";
+import { Linkify as pe, LinkifyWithMD as xe, defaultLinkReplacer as le, defaultLinkReplacerx as ne, isExternalUrl as ue, linkify as se, linkifyWithMD as ie, linkifyx as de, matchLinkNodes as ce, matchLinks as Te } from "./utils/links.js";
+import { clamp as Ie, clamp01 as Ee, minmax as Le } from "./utils/math.js";
+import { isFalseString as ye, isTrueString as Re, normalizeSlashes as ge, replaceRange as _e, splitByIndices as Ae, unicodeCharAt as De } from "./utils/string.js";
+import { debounce as Oe, throttle as ke } from "./utils/execution.js";
+import { getColor as be } from "./utils/color.js";
+import { ui as Me } from "./utils/ui/ui.js";
+import { BorderRadiusEnum as ve, ColorEnum as Ne, MediaQueryEnum as Ue, MediaQueryValuesMap as Ve, OffsetEnum as we, SpacerEnum as ze, SpacingEnum as Ke, TextSizeEnum as Qe, ZIndexEnum as We } from "./utils/ui/ui.types.js";
+import { isInEnum as Ge } from "./utils/enum.js";
+import { joaat32 as Xe } from "./utils/joaat32.js";
+import { default as je } from "./components/IconButton/IconButton.js";
+import { Accordion as qe, AccordionContent as $e, AccordionHeader as eo, AccordionItem as oo, AccordionTrigger as ro } from "./components/Accordion/Accordion.js";
+import { default as ao } from "./components/ClipboardButton/ClipboardButton.js";
+import { default as mo } from "./components/Checkbox/Checkbox.js";
+import { default as xo, ButtonContent as lo, getButtonClassName as no } from "./components/Button/Button.js";
+import { ButtonBar as so } from "./components/Button/ButtonBar.js";
+import { LinkButton as co } from "./components/Button/LinkButton.js";
+import { BurgerMenuButton as Co } from "./components/BurgerMenu/BurgerMenuButton.js";
+import { BurgerMenu as Eo } from "./components/BurgerMenu/BurgerMenu.js";
+import { default as So, getLinkClassName as yo, getLinkStyles as Ro } from "./components/Link/Link.js";
+import { default as _o } from "./components/Link/ButtonLink.js";
+import { Avatar as Do } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as Oo, default as ko } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as bo } from "./components/Badge/Badge.js";
+import { default as Mo } from "./components/Carousel/Carousel.js";
+import { C as vo } from "./CarouselControls-CJ3tupLr.js";
+import { default as Uo } from "./components/ControlBox/ControlBox.js";
+import { default as wo } from "./components/Decorate/Decorate.js";
+import { Dot as Ko } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as Wo, FLYOUT_ROOT_ID as Yo, FLYOUT_ROOT_SHRINK_CLASSNAME as Go, Flyout as Ho } from "./components/Flyout/Flyout.js";
+import { Logos as Zo } from "./components/Logos/index.js";
+import { I as Jo } from "./cfxIcons-B2ocwAjm.js";
+import { I as $o } from "./cfxIconsXLarge-C9n01-rM.js";
+import { Icon as or } from "./components/Icon/Icon.js";
+import { Indicator as tr } from "./components/Indicator/Indicator.js";
+import { default as fr } from "./components/InfoPanel/InfoPanel.js";
+import { default as pr } from "./components/Input/Input.js";
+import { default as lr } from "./components/Input/RichInput.js";
+import { default as ur } from "./components/StyledInput/StyledInput.js";
+import { Interactive as ir } from "./components/Interactive/Interactive.js";
+import { Island as cr, IslandCorner as Tr } from "./components/Island/Island.js";
+import { default as Ir } from "./components/Box/Box.js";
+import { stringPropFormater as Lr } from "./components/RSC/Box/Box.js";
+import { Center as yr } from "./components/Layout/Center/Center.js";
+import { default as gr } from "./components/Flex/Flex.js";
+import { FlexAlignItemsEnum as Ar, FlexDirectionEnum as Dr, FlexJustifyContentEnum as Br, FlexWrapEnum as Or } from "./components/RSC/Flex/Flex.types.js";
+import { FlexRestricter as Pr } from "./components/RSC/Flex/FlexRestricter.js";
+import { Pad as Fr } from "./components/Layout/Pad/Pad.js";
+import { Page as hr } from "./components/Layout/Page/Page.js";
+import { R as Nr } from "./Rail-CHFAf3wJ.js";
+import { Scrollable as Vr } from "./components/Scrollable/Scrollable.js";
+import { VirtualScrollable as zr } from "./components/Scrollable/VirtualScrollable.js";
+import { Loaf as Qr } from "./components/Loaf/Loaf.js";
+import { Modal as Yr } from "./components/Modal/Modal.js";
+import { NavList as Hr } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as Zr, Overlay as jr } from "./components/Overlay/Overlay.js";
+import { default as qr } from "./components/Pagination/Pagination.js";
+import { Popover as et } from "./components/Popover/Popover.js";
+import { PremiumBadge as rt } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as at } from "./components/Prose/Prose.js";
+import { Radio as mt } from "./components/Radio/Radio.js";
+import { Select as xt } from "./components/Select/Select.js";
+import { DropdownSelect as nt } from "./components/DropdownSelect/DropdownSelect.js";
+import { default as st } from "./components/DropdownMenu/DropdownMenu.js";
+import { Separator as dt } from "./components/Separator/Separator.js";
+import { Shroud as Tt } from "./components/Shroud/Shroud.js";
+import { Slider as It } from "./components/Slider/Slider.js";
+import { default as Lt } from "./components/Range/Range.js";
+import { default as yt } from "./components/Range/RangeInput.js";
+import { default as gt } from "./components/Range/RangeWithInputs.js";
+import { Spacer as At } from "./components/Spacer/Spacer.js";
+import { Style as Bt, useContextualStyle as Ot } from "./components/Style/Style.js";
+import { default as Pt } from "./components/Switch/Switch.js";
+import { ToggleGroup as Ft } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as ht } from "./components/Tabular/Tabular.js";
+import { DataTable as Nt, DataTableHeaderItem as Ut, DataTableRow as Vt } from "./components/DataTable/DataTable.js";
+import { Table as zt } from "./components/Table/index.js";
+import { default as Qt } from "./components/TableResponsiveText/TableResponsiveText.js";
+import { DEFAULT_TEXT_COLOR as Yt, TEXT_OPACITY_MAP as Gt, Text as Ht, TextBlock as Xt, getTextOpacity as Zt, lineHeightResponsiveValueFormatter as jt, textSizeResponsiveValueFormatter as Jt } from "./components/Text/Text.js";
+import { default as $t } from "./components/Label/Label.js";
+import { Textarea as oa } from "./components/Textarea/Textarea.js";
+import { default as ta } from "./components/StyledTextarea/StyledTextarea.js";
+import { TITLE_OUTLET_ID as fa, Title as ma, titleGetCoords as pa, titleGetCssStyle as xa } from "./components/Title/Title.js";
+import { default as na } from "./components/InputDropzone/InputDropzone.js";
+import { default as sa } from "./components/InputDropzone/ItemPreview.js";
+import { default as da } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as Ta } from "./components/OnScreenSensor.js";
+import { Symbols as Ia } from "./components/Symbols.js";
+import { default as La } from "./components/Table/TableIconButton.js";
 export {
-  je as Accordion,
-  Je as AccordionContent,
-  Ze as AccordionHeader,
-  qe as AccordionItem,
-  $e as AccordionTrigger,
+  qe as Accordion,
+  $e as AccordionContent,
+  eo as AccordionHeader,
+  oo as AccordionItem,
+  ro as AccordionTrigger,
   x as AnalyticsContext,
   u as AnalyticsProvider,
-  yo as Avatar,
-  Ao as BACKDROP_OUTLET_ID,
-  Bo as BackdropPortal,
-  Oo as Badge,
-  Fe as BorderRadiusEnum,
-  cr as Box,
-  To as BurgerMenu,
-  io as BurgerMenuButton,
-  fo as Button,
-  lo as ButtonBar,
-  mo as ButtonContent,
-  Ro as ButtonLink,
-  Y as CLIPBOARD_TITLE_APPEARANCE,
+  Do as Avatar,
+  Oo as BACKDROP_OUTLET_ID,
+  ko as BackdropPortal,
+  bo as Badge,
+  ve as BorderRadiusEnum,
+  Ir as Box,
+  Eo as BurgerMenu,
+  Co as BurgerMenuButton,
+  xo as Button,
+  so as ButtonBar,
+  lo as ButtonContent,
+  _o as ButtonLink,
+  W as CLIPBOARD_TITLE_APPEARANCE,
   J as CURRENCY_MAP,
-  ko as Carousel,
-  Fo as CarouselControls,
-  Er as Center,
-  to as Checkbox,
-  oo as ClipboardButton,
-  ve as ColorEnum,
-  Mo as ControlBox,
-  Kt as DEFAULT_TEXT_COLOR,
-  vt as DataTable,
-  Mt as DataTableHeaderItem,
-  ht as DataTableRow,
-  No as Decorate,
-  Vo as Dot,
-  lt as DropdownMenu,
-  pt as DropdownSelect,
-  la as DropzoneItemPreview,
-  zo as FLYOUT_OUTLET_ID,
-  Ko as FLYOUT_ROOT_ID,
-  Yo as FLYOUT_ROOT_SHRINK_CLASSNAME,
-  Z as FREE_PRICE_TEXT,
-  Sr as Flex,
-  gr as FlexAlignItemsEnum,
-  yr as FlexDirectionEnum,
-  _r as FlexJustifyContentEnum,
-  Dr as FlexRestricter,
-  Ar as FlexWrapEnum,
-  Qo as Flyout,
-  qo as Icon,
-  We as IconButton,
-  Xo as Icons,
-  Jo as IconsXLarge,
-  er as Indicator,
-  rr as InfoPanel,
-  ar as Input,
-  pa as InputDropzone,
-  nr as Interactive,
-  sr as Island,
-  ir as IslandCorner,
-  Jt as Label,
-  Io as Link,
-  uo as LinkButton,
-  me as Linkify,
-  wr as Loaf,
-  Ho as Logos,
-  C as MediaQueryContext,
-  E as MediaQueryContextProvider,
-  Me as MediaQueryEnum,
-  he as MediaQueryValuesMap,
-  Kr as Modal,
-  Qr as NavList,
-  Hr as OVERLAY_OUTLET_ID,
-  Ne as OffsetEnum,
-  ia as OnScreenSensor,
-  Wr as Overlay,
-  Pr as Pad,
-  br as Page,
-  jr as Pagination,
-  Zr as Popover,
-  $r as PremiumBadge,
-  ot as Prose,
-  tt as Radio,
-  vr as Rail,
-  Ct as Range,
-  Et as RangeInput,
-  St as RangeWithInputs,
-  mr as RichInput,
+  Mo as Carousel,
+  vo as CarouselControls,
+  yr as Center,
+  mo as Checkbox,
+  ao as ClipboardButton,
+  Ne as ColorEnum,
+  Uo as ControlBox,
+  C as DEFAULT_Q_SIZE,
+  Yt as DEFAULT_TEXT_COLOR,
+  Nt as DataTable,
+  Ut as DataTableHeaderItem,
+  Vt as DataTableRow,
+  wo as Decorate,
+  Ko as Dot,
+  st as DropdownMenu,
+  nt as DropdownSelect,
+  sa as DropzoneItemPreview,
+  Wo as FLYOUT_OUTLET_ID,
+  Yo as FLYOUT_ROOT_ID,
+  Go as FLYOUT_ROOT_SHRINK_CLASSNAME,
+  q as FREE_PRICE_TEXT,
+  gr as Flex,
+  Ar as FlexAlignItemsEnum,
+  Dr as FlexDirectionEnum,
+  Br as FlexJustifyContentEnum,
+  Pr as FlexRestricter,
+  Or as FlexWrapEnum,
+  Ho as Flyout,
+  or as Icon,
+  je as IconButton,
+  Jo as Icons,
+  $o as IconsXLarge,
+  tr as Indicator,
+  fr as InfoPanel,
+  pr as Input,
+  na as InputDropzone,
+  ir as Interactive,
+  cr as Island,
+  Tr as IslandCorner,
+  $t as Label,
+  So as Link,
+  co as LinkButton,
+  pe as Linkify,
+  xe as LinkifyWithMD,
+  Qr as Loaf,
+  Zo as Logos,
+  I as MediaQueryContext,
+  L as MediaQueryContextProvider,
+  Ue as MediaQueryEnum,
+  Ve as MediaQueryValuesMap,
+  Yr as Modal,
+  Hr as NavList,
+  Zr as OVERLAY_OUTLET_ID,
+  we as OffsetEnum,
+  Ta as OnScreenSensor,
+  jr as Overlay,
+  Fr as Pad,
+  hr as Page,
+  qr as Pagination,
+  et as Popover,
+  rt as PremiumBadge,
+  at as Prose,
+  mt as Radio,
+  Nr as Rail,
+  Lt as Range,
+  yt as RangeInput,
+  gt as RangeWithInputs,
+  lr as RichInput,
   l as SITE_LINK_CLICK_EVENT_NAME,
-  hr as Scrollable,
-  ft as Select,
-  ut as Separator,
-  it as Shroud,
-  ua as Skeleton,
-  ct as Slider,
-  gt as Spacer,
-  Ue as SpacerEnum,
-  Ve as SpacingEnum,
-  _t as Style,
-  xr as StyledInput,
-  ea as StyledTextarea,
-  Dt as Switch,
-  ca as Symbols,
-  Yt as TEXT_OPACITY_MAP,
-  ra as TITLE_OUTLET_ID,
-  Ut as Table,
-  Ca as TableIconButton,
-  wt as TableResponsiveText,
-  bt as Tabular,
-  Qt as Text,
-  Gt as TextBlock,
-  we as TextSizeEnum,
-  qt as Textarea,
-  ta as Title,
-  Pt as ToggleGroup,
-  Ur as VirtualScrollable,
-  ze as ZIndexEnum,
-  ce as clamp,
-  Te as clamp01,
+  Vr as Scrollable,
+  xt as Select,
+  dt as Separator,
+  Tt as Shroud,
+  da as Skeleton,
+  It as Slider,
+  At as Spacer,
+  ze as SpacerEnum,
+  Ke as SpacingEnum,
+  Bt as Style,
+  ur as StyledInput,
+  ta as StyledTextarea,
+  Pt as Switch,
+  Ia as Symbols,
+  Gt as TEXT_OPACITY_MAP,
+  fa as TITLE_OUTLET_ID,
+  zt as Table,
+  La as TableIconButton,
+  Qt as TableResponsiveText,
+  ht as Tabular,
+  Ht as Text,
+  Xt as TextBlock,
+  Qe as TextSizeEnum,
+  oa as Textarea,
+  ma as Title,
+  Ft as ToggleGroup,
+  zr as VirtualScrollable,
+  We as ZIndexEnum,
+  Ie as clamp,
+  Ee as clamp01,
   a as clsx,
   g as createStoreContext,
-  Ae as debounce,
-  pe as defaultLinkReplacer,
-  xe as defaultLinkReplacerx,
-  _ as formatBytes,
-  q as formatCurrency,
+  Oe as debounce,
+  le as defaultLinkReplacer,
+  ne as defaultLinkReplacerx,
+  A as formatBytes,
+  $ as formatCurrency,
   H as formatDate,
-  W as formatLocaleDate,
-  X as formatShortDate,
-  po as getButtonClassName,
-  Oe as getColor,
-  Eo as getLinkClassName,
-  Lo as getLinkStyles,
-  Ht as getTextOpacity,
+  X as formatLocaleDate,
+  Z as formatShortDate,
+  no as getButtonClassName,
+  be as getColor,
+  yo as getLinkClassName,
+  Ro as getLinkStyles,
+  Zt as getTextOpacity,
   m as getValue,
-  ee as identity,
-  oe as invoke,
-  le as isExternalUrl,
-  Ee as isFalseString,
-  Ye as isInEnum,
-  Le as isTrueString,
-  Ge as joaat32,
-  Wt as lineHeightResponsiveValueFormatter,
-  ne as linkify,
-  ue as linkifyx,
-  se as matchLinkNodes,
-  ie as matchLinks,
+  oe as identity,
+  re as invoke,
+  ue as isExternalUrl,
+  ye as isFalseString,
+  Ge as isInEnum,
+  Re as isTrueString,
+  Xe as joaat32,
+  jt as lineHeightResponsiveValueFormatter,
+  se as linkify,
+  ie as linkifyWithMD,
+  de as linkifyx,
+  ce as matchLinkNodes,
+  Te as matchLinks,
   r as mergeRefs,
-  Ce as minmax,
-  re as noop,
-  Se as normalizeSlashes,
-  Re as replaceRange,
-  te as returnFalse,
-  ae as returnTrue,
-  ge as splitByIndices,
-  Cr as stringPropFormater,
-  Xt as textSizeResponsiveValueFormatter,
-  Be as throttle,
-  aa as titleGetCoords,
-  fa as titleGetCssStyle,
+  Le as minmax,
+  te as noop,
+  ge as normalizeSlashes,
+  _e as replaceRange,
+  ae as returnFalse,
+  fe as returnTrue,
+  Ae as splitByIndices,
+  Lr as stringPropFormater,
+  Jt as textSizeResponsiveValueFormatter,
+  ke as throttle,
+  pa as titleGetCoords,
+  xa as titleGetCssStyle,
   B as truncateWithEllipsis,
-  ke as ui,
-  ye as unicodeCharAt,
+  Me as ui,
+  De as unicodeCharAt,
   i as useAnalytics,
-  Q as useClipboardComponent,
-  At as useContextualStyle,
-  F as useDynamicRef,
-  M as useGlobalKeyboardEvent,
-  k as useInstance,
-  N as useKeyboardClose,
-  S as useMediaQuery,
-  z as useOutlet,
-  O as usePopoverController,
+  Y as useClipboardComponent,
+  Ot as useContextualStyle,
+  M as useDynamicRef,
+  v as useGlobalKeyboardEvent,
+  b as useInstance,
+  U as useKeyboardClose,
+  y as useMediaQuery,
+  K as useOutlet,
+  k as usePopoverController,
   c as useSiteLinkClick,
-  V as useWindowResize
+  w as useWindowResize
 };

package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.d.ts

@@ -1,11 +1,13 @@
 import { default as React } from 'react';
 
+export declare const DEFAULT_Q_SIZE = 8;
 export interface MediaQueryContextValueType {
     isMobile: boolean | null;
     isTablet: boolean | null;
     isDesktop: boolean | null;
     isLDesktop: boolean | null;
     size: number | null;
+    qSize: number;
 }
 declare const MediaQueryContext: React.Context<MediaQueryContextValueType>;
 export default MediaQueryContext;

package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.js

@@ -1,11 +1,13 @@
 import e from "react";
-const t = e.createContext({
+const t = 8, o = e.createContext({
   isMobile: null,
   isTablet: null,
   isDesktop: null,
   isLDesktop: null,
-  size: null
+  size: null,
+  qSize: t
 });
 export {
-  t as default
+  t as DEFAULT_Q_SIZE,
+  o as default
 };