@cfx-dev/ui-components 4.2.21 → 4.2.23

package/dist/main.d.ts

@@ -13,6 +13,9 @@ export { debounce, throttle, } from './utils/execution';
 export type { SetTimeoutReturn } from './utils/execution';
 export { getColor } from './utils/color';
 export type { GetColorProps } from './utils/color';
+export { ui, OffsetEnum, MediaQueryEnum, BorderRadiusEnum, ZIndexEnum, ColorEnum, } from './utils/ui';
+export type { OffsetType, MediaQueryType, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusType, ZIndexType, ColorType, } from './utils/ui';
+export { isInEnum } from './utils/enum';
 export { IconButton } from './components/IconButton';
 export type { IconButtonProps, IconButtonAreaSize } from './components/IconButton';
 export { Accordion, AccordionTrigger, AccordionHeader, AccordionItem, AccordionContent, } from './components/Accordion';
@@ -25,7 +28,7 @@ export { Button, ButtonContent, getButtonClassName, ButtonBar, LinkButton, } fro
 export type { ButtonProps, ButtonTheme, ButtonBarProps, LinkButtonProps, } from './components/Button';
 export { BurgerMenu, BurgerMenuButton } from './components/BurgerMenu';
 export type { BurgerMenuItem, BurgerMenuProps, BurgerMenuButtonProps, } from './components/BurgerMenu';
-export { Link, ButtonLink, getLinkClassName, } from './components/Link';
+export { Link, ButtonLink, getLinkClassName, getLinkStyles, } from './components/Link';
 export type { LinkProps, LinkBaseProps } from './components/Link';
 export { Avatar } from './components/Avatar';
 export type { AvatarProps, AvatarSize } from './components/Avatar';
@@ -65,8 +68,8 @@ export { Box, flexPropFormater } from './components/Layout/Box';
 export type { BoxProps } from './components/Layout/Box';
 export { Center } from './components/Layout/Center';
 export type { CenterProps } from './components/Layout/Center';
-export { Flex, FlexRestricter } from './components/Layout/Flex';
-export type { FlexType, FlexProps, FlexRestricterProps, FlexAlignItemsType, FlexAlignItemsEnum, FlexDirectionType, FlexDirectionEnum, FlexJustifyContentType, FlexJustifyContentEnum, FlexWrapType, FlexWrapEnum, } from './components/Layout/Flex';
+export { Flex, FlexRestricter, FlexAlignItemsEnum, FlexDirectionEnum, FlexJustifyContentEnum, FlexWrapEnum, } from './components/Layout/Flex';
+export type { FlexType, FlexProps, FlexRestricterProps, FlexAlignItemsType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, } from './components/Layout/Flex';
 export { Pad } from './components/Layout/Pad';
 export type { PadProps } from './components/Layout/Pad';
 export { Page } from './components/Layout/Page';
@@ -111,8 +114,8 @@ export { Tabular } from './components/Tabular';
 export type { TabularProps, TabularItem, TabularRootProps, } from './components/Tabular';
 export { Table, TableIconButton, TableHeaderItem, TableRow, } from './components/Table';
 export type { TableHeaderType, TableProps, TableRowType, TableDataContainerType, TableHeaderItemProps, TableRowProps, } from './components/Table';
-export { Text, TextBlock, getTextOpacity, DEFAULT_TEXT_COLOR, TEXT_OPACITY_MAP, textSizeResponsiveValueFormatter, } from './components/Text';
-export type { TextSizeEnum, TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, TextFamaly, } from './components/Text';
+export { TextSizeEnum, Text, TextBlock, getTextOpacity, DEFAULT_TEXT_COLOR, TEXT_OPACITY_MAP, textSizeResponsiveValueFormatter, } from './components/Text';
+export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, TextFamaly, } from './components/Text';
 export { Textarea } from './components/Textarea';
 export type { TextareaProps } from './components/Textarea';
 export { TITLE_OUTLET_ID, titleGetCssStyle, titleGetCoords, Title, } from './components/Title';
@@ -124,5 +127,3 @@ export type { SkeletonProps } from './components/Skeleton';
 export { OnScreenSensor } from './components/OnScreenSensor';
 export type { OnScreenSensorProps } from './components/OnScreenSensor';
 export { Symbols } from './components/Symbols';
-export { ui } from './components/ui';
-export type { OffsetType, OffsetEnum, MediaQueryType, MediaQueryEnum, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusEnum, BorderRadiusType, ZIndexEnum, ZIndexType, } from './components/ui';

package/dist/main.js

@@ -1,213 +1,228 @@
 import { mergeRefs as e } from "./utils/mergeRefs.js";
-import { clsx as f } from "./utils/clsx.js";
-import { getValue as a } from "./utils/getValue.js";
+import { clsx as m } from "./utils/clsx.js";
+import { getValue as p } from "./utils/getValue.js";
 import { usePopoverController as x } from "./utils/hooks/usePopoverController.js";
-import { useInstance as n } from "./utils/hooks/useInstance.js";
-import { useDynamicRef as u } from "./utils/hooks/useDynamicRef.js";
+import { useInstance as l } from "./utils/hooks/useInstance.js";
+import { useDynamicRef as s } from "./utils/hooks/useDynamicRef.js";
 import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
-import { useWindowResize as B } from "./utils/hooks/useWindowResize.js";
-import { useOutlet as L } from "./utils/hooks/useOutlet.js";
-import { CLIPBOARD_TITLE_APPEARANCE as S, useClipboardComponent as R } from "./utils/hooks/useClipboardComponent.js";
-import { identity as y, invoke as A, noop as P, returnFalse as b, returnTrue as O } from "./utils/functional.js";
-import { Linkify as _, defaultLinkReplacer as D, defaultLinkReplacerx as v, isExternalUrl as F, linkify as h, linkifyx as U, matchLinkNodes as w, matchLinks as z } from "./utils/links.js";
-import { clamp as G, clamp01 as M } from "./utils/math.js";
-import { isFalseString as K, isTrueString as Y, normalizeSlashes as H, replaceRange as X, splitByIndices as W, unicodeCharAt as j } from "./utils/string.js";
-import { debounce as J, throttle as Q } from "./utils/execution.js";
+import { useWindowResize as C } from "./utils/hooks/useWindowResize.js";
+import { useOutlet as E } from "./utils/hooks/useOutlet.js";
+import { CLIPBOARD_TITLE_APPEARANCE as L, useClipboardComponent as S } from "./utils/hooks/useClipboardComponent.js";
+import { identity as R, invoke as k, noop as A, returnFalse as O, returnTrue as P } from "./utils/functional.js";
+import { Linkify as D, defaultLinkReplacer as F, defaultLinkReplacerx as _, isExternalUrl as v, linkify as h, linkifyx as U, matchLinkNodes as z, matchLinks as w } from "./utils/links.js";
+import { clamp as N, clamp01 as G } from "./utils/math.js";
+import { isFalseString as K, isTrueString as Y, normalizeSlashes as H, replaceRange as W, splitByIndices as X, unicodeCharAt as J } from "./utils/string.js";
+import { debounce as Z, throttle as j } from "./utils/execution.js";
 import { getColor as $ } from "./utils/color.js";
-import { default as ro } from "./components/IconButton/IconButton.js";
-import { Accordion as to, AccordionContent as fo, AccordionHeader as po, AccordionItem as ao, AccordionTrigger as mo } from "./components/Accordion/Accordion.js";
-import { default as lo } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as so } from "./components/Checkbox/Checkbox.js";
-import { Button as io, ButtonContent as co, getButtonClassName as To } from "./components/Button/Button.js";
-import { ButtonBar as Bo } from "./components/Button/ButtonBar.js";
-import { LinkButton as Lo } from "./components/Button/LinkButton.js";
-import { BurgerMenuButton as So } from "./components/BurgerMenu/BurgerMenuButton.js";
-import { BurgerMenu as ko } from "./components/BurgerMenu/BurgerMenu.js";
-import { default as Ao, getLinkClassName as Po } from "./components/Link/Link.js";
-import { default as Oo } from "./components/Link/ButtonLink.js";
-import { Avatar as _o } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as vo, default as Fo } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as Uo } from "./components/Badge/Badge.js";
-import { default as zo } from "./components/ControlBox/ControlBox.js";
-import { default as Go } from "./components/CountryFlag/CountryFlag.js";
-import { default as Vo } from "./components/Decorate/Decorate.js";
-import { Dot as Yo } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as Xo, Flyout as Wo } from "./components/Flyout/Flyout.js";
-import { Logos as qo } from "./components/Logos/index.js";
-import { I as Qo } from "./cfxIcons-BNd1WgpX.js";
-import { I as $o } from "./cfxIconsBig-BLJjMT-Y.js";
-import { Icon as rr } from "./components/Icon/Icon.js";
-import { IconBig as tr } from "./components/IconBig/IconBig.js";
-import { Indicator as pr } from "./components/Indicator/Indicator.js";
-import { default as mr } from "./components/InfoPanel/InfoPanel.js";
-import { default as lr } from "./components/Input/Input.js";
-import { default as sr } from "./components/Input/RichInput.js";
-import { Interactive as ir } from "./components/Interactive/Interactive.js";
-import { Island as cr, IslandCorner as Tr } from "./components/Island/Island.js";
-import { Box as Br, flexPropFormater as Cr } from "./components/Layout/Box/Box.js";
-import { Center as gr } from "./components/Layout/Center/Center.js";
-import { Flex as Rr } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as yr } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as Pr } from "./components/Layout/Pad/Pad.js";
-import { Page as Or } from "./components/Layout/Page/Page.js";
-import { R as _r } from "./Rail-DcVowhML.js";
-import { Scrollable as vr } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as hr } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as wr } from "./components/Loaf/Loaf.js";
-import { Modal as Nr } from "./components/Modal/Modal.js";
-import { NavList as Mr } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Kr, Overlay as Yr } from "./components/Overlay/Overlay.js";
-import { Popover as Xr } from "./components/Popover/Popover.js";
-import { PremiumBadge as jr } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as Jr } from "./components/Prose/Prose.js";
-import { Radio as Zr } from "./components/Radio/Radio.js";
-import { Select as oe } from "./components/Select/Select.js";
-import { DropdownSelect as ee } from "./components/DropdownSelect/DropdownSelect.js";
-import { Separator as fe } from "./components/Separator/Separator.js";
-import { Shroud as ae } from "./components/Shroud/Shroud.js";
-import { Slider as xe } from "./components/Slider/Slider.js";
-import { Spacer as ne } from "./components/Spacer/Spacer.js";
-import { Style as ue, useContextualStyle as ie } from "./components/Style/Style.js";
-import { default as ce } from "./components/Switch/Switch.js";
-import { ToggleGroup as Ie } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as Ce } from "./components/Tabular/Tabular.js";
-import { Table as ge, TableHeaderItem as Se, TableIconButton as Re, TableRow as ke } from "./components/Table/Table.js";
-import { DEFAULT_TEXT_COLOR as Ae, TEXT_OPACITY_MAP as Pe, Text as be, TextBlock as Oe, getTextOpacity as Ee, textSizeResponsiveValueFormatter as _e } from "./components/Text/Text.js";
-import { ui as ve } from "./components/ui.js";
-import { Textarea as he } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as we, Title as ze, titleGetCoords as Ne, titleGetCssStyle as Ge } from "./components/Title/Title.js";
-import { default as Ve } from "./components/InputDropzone/InputDropzone.js";
-import { default as Ye } from "./components/InputDropzone/ItemPreview.js";
-import { default as Xe } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as je } from "./components/OnScreenSensor.js";
-import { Symbols as Je } from "./components/Symbols.js";
+import { ui as ro } from "./utils/ui/ui.js";
+import { BorderRadiusEnum as to, ColorEnum as mo, MediaQueryEnum as fo, OffsetEnum as po, TextSizeEnum as ao, ZIndexEnum as xo } from "./utils/ui/ui.types.js";
+import { isInEnum as lo } from "./utils/enum.js";
+import { default as so } from "./components/IconButton/IconButton.js";
+import { Accordion as co, AccordionContent as To, AccordionHeader as Io, AccordionItem as Co, AccordionTrigger as Bo } from "./components/Accordion/Accordion.js";
+import { default as go } from "./components/ClipboardButton/ClipboardButton.js";
+import { default as So } from "./components/Checkbox/Checkbox.js";
+import { Button as Ro, ButtonContent as ko, getButtonClassName as Ao } from "./components/Button/Button.js";
+import { ButtonBar as Po } from "./components/Button/ButtonBar.js";
+import { LinkButton as Do } from "./components/Button/LinkButton.js";
+import { BurgerMenuButton as _o } from "./components/BurgerMenu/BurgerMenuButton.js";
+import { BurgerMenu as ho } from "./components/BurgerMenu/BurgerMenu.js";
+import { default as zo, getLinkClassName as wo, getLinkStyles as Mo } from "./components/Link/Link.js";
+import { default as Go } from "./components/Link/ButtonLink.js";
+import { Avatar as Ko } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as Ho, default as Wo } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as Jo } from "./components/Badge/Badge.js";
+import { default as Zo } from "./components/ControlBox/ControlBox.js";
+import { default as qo } from "./components/CountryFlag/CountryFlag.js";
+import { default as or } from "./components/Decorate/Decorate.js";
+import { Dot as er } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as mr, Flyout as fr } from "./components/Flyout/Flyout.js";
+import { Logos as ar } from "./components/Logos/index.js";
+import { I as nr } from "./cfxIcons-BNd1WgpX.js";
+import { I as ur } from "./cfxIconsBig-BLJjMT-Y.js";
+import { Icon as ir } from "./components/Icon/Icon.js";
+import { IconBig as cr } from "./components/IconBig/IconBig.js";
+import { Indicator as Ir } from "./components/Indicator/Indicator.js";
+import { default as Br } from "./components/InfoPanel/InfoPanel.js";
+import { default as gr } from "./components/Input/Input.js";
+import { default as Sr } from "./components/Input/RichInput.js";
+import { Interactive as Rr } from "./components/Interactive/Interactive.js";
+import { Island as Ar, IslandCorner as Or } from "./components/Island/Island.js";
+import { Box as br, flexPropFormater as Dr } from "./components/Layout/Box/Box.js";
+import { Center as _r } from "./components/Layout/Center/Center.js";
+import { Flex as hr } from "./components/Layout/Flex/Flex.js";
+import { FlexAlignItemsEnum as zr, FlexDirectionEnum as wr, FlexJustifyContentEnum as Mr, FlexWrapEnum as Nr } from "./components/Layout/Flex/Flex.types.js";
+import { FlexRestricter as Vr } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as Yr } from "./components/Layout/Pad/Pad.js";
+import { Page as Wr } from "./components/Layout/Page/Page.js";
+import { R as Jr } from "./Rail-DcVowhML.js";
+import { Scrollable as Zr } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as qr } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as oe } from "./components/Loaf/Loaf.js";
+import { Modal as ee } from "./components/Modal/Modal.js";
+import { NavList as me } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as pe, Overlay as ae } from "./components/Overlay/Overlay.js";
+import { Popover as ne } from "./components/Popover/Popover.js";
+import { PremiumBadge as ue } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as ie } from "./components/Prose/Prose.js";
+import { Radio as ce } from "./components/Radio/Radio.js";
+import { Select as Ie } from "./components/Select/Select.js";
+import { DropdownSelect as Be } from "./components/DropdownSelect/DropdownSelect.js";
+import { Separator as ge } from "./components/Separator/Separator.js";
+import { Shroud as Se } from "./components/Shroud/Shroud.js";
+import { Slider as Re } from "./components/Slider/Slider.js";
+import { Spacer as Ae } from "./components/Spacer/Spacer.js";
+import { Style as Pe, useContextualStyle as be } from "./components/Style/Style.js";
+import { default as Fe } from "./components/Switch/Switch.js";
+import { ToggleGroup as ve } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as Ue } from "./components/Tabular/Tabular.js";
+import { Table as we, TableHeaderItem as Me, TableIconButton as Ne, TableRow as Ge } from "./components/Table/Table.js";
+import { DEFAULT_TEXT_COLOR as Ke, TEXT_OPACITY_MAP as Ye, Text as He, TextBlock as We, getTextOpacity as Xe, textSizeResponsiveValueFormatter as Je } from "./components/Text/Text.js";
+import { Textarea as Ze } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as qe, Title as $e, titleGetCoords as ot, titleGetCssStyle as rt } from "./components/Title/Title.js";
+import { default as tt } from "./components/InputDropzone/InputDropzone.js";
+import { default as ft } from "./components/InputDropzone/ItemPreview.js";
+import { default as at } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as nt } from "./components/OnScreenSensor.js";
+import { Symbols as ut } from "./components/Symbols.js";
 export {
-  to as Accordion,
-  fo as AccordionContent,
-  po as AccordionHeader,
-  ao as AccordionItem,
-  mo as AccordionTrigger,
-  _o as Avatar,
-  vo as BACKDROP_OUTLET_ID,
-  Fo as BackdropPortal,
-  Uo as Badge,
-  Br as Box,
-  ko as BurgerMenu,
-  So as BurgerMenuButton,
-  io as Button,
-  Bo as ButtonBar,
-  co as ButtonContent,
-  Oo as ButtonLink,
-  S as CLIPBOARD_TITLE_APPEARANCE,
-  gr as Center,
-  so as Checkbox,
-  lo as ClipboardButton,
-  zo as ControlBox,
-  Go as CountryFlag,
-  Ae as DEFAULT_TEXT_COLOR,
-  Vo as Decorate,
-  Yo as Dot,
-  ee as DropdownSelect,
-  Ye as DropzoneItemPreview,
-  Xo as FLYOUT_OUTLET_ID,
-  Rr as Flex,
-  yr as FlexRestricter,
-  Wo as Flyout,
-  rr as Icon,
-  tr as IconBig,
-  ro as IconButton,
-  Qo as Icons,
-  $o as IconsBig,
-  pr as Indicator,
-  mr as InfoPanel,
-  lr as Input,
-  Ve as InputDropzone,
-  ir as Interactive,
-  cr as Island,
-  Tr as IslandCorner,
-  Ao as Link,
-  Lo as LinkButton,
-  _ as Linkify,
-  wr as Loaf,
-  qo as Logos,
-  Nr as Modal,
-  Mr as NavList,
-  Kr as OVERLAY_OUTLET_ID,
-  je as OnScreenSensor,
-  Yr as Overlay,
-  Pr as Pad,
-  Or as Page,
-  Xr as Popover,
-  jr as PremiumBadge,
-  Jr as Prose,
-  Zr as Radio,
-  _r as Rail,
-  sr as RichInput,
-  vr as Scrollable,
-  oe as Select,
-  fe as Separator,
-  ae as Shroud,
-  Xe as Skeleton,
-  xe as Slider,
-  ne as Spacer,
-  ue as Style,
-  ce as Switch,
-  Je as Symbols,
-  Pe as TEXT_OPACITY_MAP,
-  we as TITLE_OUTLET_ID,
-  ge as Table,
-  Se as TableHeaderItem,
-  Re as TableIconButton,
-  ke as TableRow,
-  Ce as Tabular,
-  be as Text,
-  Oe as TextBlock,
-  he as Textarea,
-  ze as Title,
-  Ie as ToggleGroup,
-  hr as VirtualScrollable,
-  G as clamp,
-  M as clamp01,
-  f as clsx,
-  J as debounce,
-  D as defaultLinkReplacer,
-  v as defaultLinkReplacerx,
-  Cr as flexPropFormater,
-  To as getButtonClassName,
+  co as Accordion,
+  To as AccordionContent,
+  Io as AccordionHeader,
+  Co as AccordionItem,
+  Bo as AccordionTrigger,
+  Ko as Avatar,
+  Ho as BACKDROP_OUTLET_ID,
+  Wo as BackdropPortal,
+  Jo as Badge,
+  to as BorderRadiusEnum,
+  br as Box,
+  ho as BurgerMenu,
+  _o as BurgerMenuButton,
+  Ro as Button,
+  Po as ButtonBar,
+  ko as ButtonContent,
+  Go as ButtonLink,
+  L as CLIPBOARD_TITLE_APPEARANCE,
+  _r as Center,
+  So as Checkbox,
+  go as ClipboardButton,
+  mo as ColorEnum,
+  Zo as ControlBox,
+  qo as CountryFlag,
+  Ke as DEFAULT_TEXT_COLOR,
+  or as Decorate,
+  er as Dot,
+  Be as DropdownSelect,
+  ft as DropzoneItemPreview,
+  mr as FLYOUT_OUTLET_ID,
+  hr as Flex,
+  zr as FlexAlignItemsEnum,
+  wr as FlexDirectionEnum,
+  Mr as FlexJustifyContentEnum,
+  Vr as FlexRestricter,
+  Nr as FlexWrapEnum,
+  fr as Flyout,
+  ir as Icon,
+  cr as IconBig,
+  so as IconButton,
+  nr as Icons,
+  ur as IconsBig,
+  Ir as Indicator,
+  Br as InfoPanel,
+  gr as Input,
+  tt as InputDropzone,
+  Rr as Interactive,
+  Ar as Island,
+  Or as IslandCorner,
+  zo as Link,
+  Do as LinkButton,
+  D as Linkify,
+  oe as Loaf,
+  ar as Logos,
+  fo as MediaQueryEnum,
+  ee as Modal,
+  me as NavList,
+  pe as OVERLAY_OUTLET_ID,
+  po as OffsetEnum,
+  nt as OnScreenSensor,
+  ae as Overlay,
+  Yr as Pad,
+  Wr as Page,
+  ne as Popover,
+  ue as PremiumBadge,
+  ie as Prose,
+  ce as Radio,
+  Jr as Rail,
+  Sr as RichInput,
+  Zr as Scrollable,
+  Ie as Select,
+  ge as Separator,
+  Se as Shroud,
+  at as Skeleton,
+  Re as Slider,
+  Ae as Spacer,
+  Pe as Style,
+  Fe as Switch,
+  ut as Symbols,
+  Ye as TEXT_OPACITY_MAP,
+  qe as TITLE_OUTLET_ID,
+  we as Table,
+  Me as TableHeaderItem,
+  Ne as TableIconButton,
+  Ge as TableRow,
+  Ue as Tabular,
+  He as Text,
+  We as TextBlock,
+  ao as TextSizeEnum,
+  Ze as Textarea,
+  $e as Title,
+  ve as ToggleGroup,
+  qr as VirtualScrollable,
+  xo as ZIndexEnum,
+  N as clamp,
+  G as clamp01,
+  m as clsx,
+  Z as debounce,
+  F as defaultLinkReplacer,
+  _ as defaultLinkReplacerx,
+  Dr as flexPropFormater,
+  Ao as getButtonClassName,
   $ as getColor,
-  Po as getLinkClassName,
-  Ee as getTextOpacity,
-  a as getValue,
-  y as identity,
-  A as invoke,
-  F as isExternalUrl,
+  wo as getLinkClassName,
+  Mo as getLinkStyles,
+  Xe as getTextOpacity,
+  p as getValue,
+  R as identity,
+  k as invoke,
+  v as isExternalUrl,
   K as isFalseString,
+  lo as isInEnum,
   Y as isTrueString,
   h as linkify,
   U as linkifyx,
-  w as matchLinkNodes,
-  z as matchLinks,
+  z as matchLinkNodes,
+  w as matchLinks,
   e as mergeRefs,
-  P as noop,
+  A as noop,
   H as normalizeSlashes,
-  X as replaceRange,
-  b as returnFalse,
-  O as returnTrue,
-  W as splitByIndices,
-  _e as textSizeResponsiveValueFormatter,
-  Q as throttle,
-  Ne as titleGetCoords,
-  Ge as titleGetCssStyle,
-  ve as ui,
-  j as unicodeCharAt,
-  R as useClipboardComponent,
-  ie as useContextualStyle,
-  u as useDynamicRef,
+  W as replaceRange,
+  O as returnFalse,
+  P as returnTrue,
+  X as splitByIndices,
+  Je as textSizeResponsiveValueFormatter,
+  j as throttle,
+  ot as titleGetCoords,
+  rt as titleGetCssStyle,
+  ro as ui,
+  J as unicodeCharAt,
+  S as useClipboardComponent,
+  be as useContextualStyle,
+  s as useDynamicRef,
   d as useGlobalKeyboardEvent,
-  n as useInstance,
+  l as useInstance,
   T as useKeyboardClose,
-  L as useOutlet,
+  E as useOutlet,
   x as usePopoverController,
-  B as useWindowResize
+  C as useWindowResize
 };

package/dist/styles-scss/global.scss

@@ -53,7 +53,7 @@ body {
 
 a {
   display: inline-flex;
-  color: ui.color-token('anchor-color');
+  color: ui.color('tertiary');
   cursor: pointer;
   text-decoration: underline;
   border-radius: ui.border-radius('xxsmall');
@@ -64,7 +64,7 @@ a {
     text-decoration-color: currentColor;
 
     &:hover {
-      text-decoration-color: ui.color-token('anchor-decoration-color-hover');
+      text-decoration-color: ui.color('tertiary', $alpha: 0.5);
     }
 
     &:focus-visible:not(:active):not(:hover) {

package/dist/styles-scss/tokens.scss

@@ -30,10 +30,6 @@
 }
 
 @mixin anchor-tokens() {
-  @include ui.define-color-token('anchor-color', ui.color('tertiary'));
-  @include ui.define-color-token('anchor-decoration-color-hover', ui.color('tertiary', $alpha: .5));
-  @include ui.define-color-token('anchor-secondary-color', ui.color('secondary'));
-  @include ui.define-color-token('anchor-secondary-decoration-color-hover', ui.color('secondary', $alpha: .5));
   @include ui.define-color-token('anchor-focus-outline', ui.color('primary', $alpha: .5));
   @include ui.def('anchor-outline-size', ui.q(.25));
 }

package/dist/utils/color.d.ts

@@ -1,6 +1,8 @@
+import { ColorType } from './ui';
+
 export interface GetColorProps {
     colorToken?: string;
-    color?: string;
+    color?: ColorType | 'inherit';
     opacity?: number | string;
     luminance?: number;
 }

package/dist/utils/enum.d.ts

@@ -0,0 +1 @@
+export declare function isInEnum<T extends string>(value: string, keys: Record<T, T>): value is T;

package/dist/utils/enum.js

@@ -0,0 +1,6 @@
+function r(n, i) {
+  return n in i;
+}
+export {
+  r as isInEnum
+};

package/dist/utils/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { ui } from './ui';
+export { OffsetEnum, MediaQueryEnum, BorderRadiusEnum, ZIndexEnum, ColorEnum, TextSizeEnum, } from './ui.types';
+export type { OffsetType, MediaQueryType, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusType, ZIndexType, ColorType, TextSize, } from './ui.types';

package/dist/utils/ui/index.js

@@ -0,0 +1,11 @@
+import { ui as m } from "./ui.js";
+import { BorderRadiusEnum as n, ColorEnum as o, MediaQueryEnum as E, OffsetEnum as d, TextSizeEnum as f, ZIndexEnum as i } from "./ui.types.js";
+export {
+  n as BorderRadiusEnum,
+  o as ColorEnum,
+  E as MediaQueryEnum,
+  d as OffsetEnum,
+  f as TextSizeEnum,
+  i as ZIndexEnum,
+  m as ui
+};

package/dist/{components → utils/ui}/ui.d.ts

@@ -1,71 +1,5 @@
-export declare enum TextSizeEnum {
-    xxsmall = "xxsmall",
-    xsmall = "xsmall",
-    small = "small",
-    normal = "normal",
-    medium = "medium",
-    large = "large",
-    xlarge = "xlarge",
-    xxlarge = "xxlarge",
-    xxxlarge = "xxxlarge"
-}
-export type TextSize = keyof typeof TextSizeEnum;
-export declare enum BorderRadiusEnum {
-    none = "none",
-    xxsmall = "xxsmall",
-    xsmall = "xsmall",
-    small = "small",
-    normal = "normal",
-    pill = "pill"
-}
-export type BorderRadiusType = keyof typeof BorderRadiusEnum;
-export declare enum ZIndexEnum {
-    zero = "zero",
-    first = "first",
-    second = "second",
-    max = "max"
-}
-export type ZIndexType = keyof typeof ZIndexEnum;
-export declare enum OffsetEnum {
-    none = "none",
-    hairthin = "hairthin",
-    thin = "thin",
-    xxsmall = "xxsmall",
-    xsmall = "xsmall",
-    small = "small",
-    normal = "normal",
-    medium = "medium",
-    large = "large",
-    xlarge = "xlarge",
-    safezone = "safezone"
-}
-export type OffsetType = keyof typeof OffsetEnum;
-export declare enum MediaQueryEnum {
-    initial = "initial",
-    small = "small",
-    'small-medium' = "small-medium",
-    medium = "medium",
-    'medium-large' = "medium-large",
-    large = "large",
-    xlarge = "xlarge"
-}
-export type MediaQueryType = keyof typeof MediaQueryEnum;
-export type ResponsiveValueType<T = string | number> = T | {
-    [key in MediaQueryType]?: T;
-};
-export type ResponsiveOffsetType = ResponsiveValueType<OffsetType | number>;
-export interface MPProps {
-    m?: ResponsiveOffsetType;
-    mt?: ResponsiveOffsetType;
-    mr?: ResponsiveOffsetType;
-    mb?: ResponsiveOffsetType;
-    ml?: ResponsiveOffsetType;
-    p?: ResponsiveOffsetType;
-    pt?: ResponsiveOffsetType;
-    pr?: ResponsiveOffsetType;
-    pb?: ResponsiveOffsetType;
-    pl?: ResponsiveOffsetType;
-}
+import { BorderRadiusType, MPProps, OffsetType, ResponsiveOffsetType, ResponsiveValueType, TextSize, ZIndexType } from './ui.types';
+
 export declare namespace ui {
     /**
      * Returns CSS value of quant value with applied multiplier