@cfx-dev/ui-components 4.2.21 → 4.2.22

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';
@@ -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,227 @@
 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 y, invoke as A, noop as k, 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 yo, ButtonContent as Ao, getButtonClassName as ko } 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 } from "./components/Link/Link.js";
+import { default as No } from "./components/Link/ButtonLink.js";
+import { Avatar as Vo } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as Yo, default as Ho } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as Xo } from "./components/Badge/Badge.js";
+import { default as Qo } from "./components/ControlBox/ControlBox.js";
+import { default as jo } from "./components/CountryFlag/CountryFlag.js";
+import { default as $o } from "./components/Decorate/Decorate.js";
+import { Dot as rr } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as tr, Flyout as mr } from "./components/Flyout/Flyout.js";
+import { Logos as pr } from "./components/Logos/index.js";
+import { I as xr } from "./cfxIcons-BNd1WgpX.js";
+import { I as lr } from "./cfxIconsBig-BLJjMT-Y.js";
+import { Icon as sr } from "./components/Icon/Icon.js";
+import { IconBig as dr } from "./components/IconBig/IconBig.js";
+import { Indicator as Tr } from "./components/Indicator/Indicator.js";
+import { default as Cr } from "./components/InfoPanel/InfoPanel.js";
+import { default as Er } from "./components/Input/Input.js";
+import { default as Lr } from "./components/Input/RichInput.js";
+import { Interactive as Rr } from "./components/Interactive/Interactive.js";
+import { Island as Ar, IslandCorner as kr } from "./components/Island/Island.js";
+import { Box as Pr, flexPropFormater as br } from "./components/Layout/Box/Box.js";
+import { Center as Fr } from "./components/Layout/Center/Center.js";
+import { Flex as vr } from "./components/Layout/Flex/Flex.js";
+import { FlexAlignItemsEnum as Ur, FlexDirectionEnum as zr, FlexJustifyContentEnum as wr, FlexWrapEnum as Mr } from "./components/Layout/Flex/Flex.types.js";
+import { FlexRestricter as Gr } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as Kr } from "./components/Layout/Pad/Pad.js";
+import { Page as Hr } from "./components/Layout/Page/Page.js";
+import { R as Xr } from "./Rail-DcVowhML.js";
+import { Scrollable as Qr } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as jr } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as $r } from "./components/Loaf/Loaf.js";
+import { Modal as re } from "./components/Modal/Modal.js";
+import { NavList as te } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as fe, Overlay as pe } from "./components/Overlay/Overlay.js";
+import { Popover as xe } from "./components/Popover/Popover.js";
+import { PremiumBadge as le } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as se } from "./components/Prose/Prose.js";
+import { Radio as de } from "./components/Radio/Radio.js";
+import { Select as Te } from "./components/Select/Select.js";
+import { DropdownSelect as Ce } from "./components/DropdownSelect/DropdownSelect.js";
+import { Separator as Ee } from "./components/Separator/Separator.js";
+import { Shroud as Le } 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 Oe, useContextualStyle as Pe } from "./components/Style/Style.js";
+import { default as De } from "./components/Switch/Switch.js";
+import { ToggleGroup as _e } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as he } from "./components/Tabular/Tabular.js";
+import { Table as ze, TableHeaderItem as we, TableIconButton as Me, TableRow as Ne } from "./components/Table/Table.js";
+import { DEFAULT_TEXT_COLOR as Ve, TEXT_OPACITY_MAP as Ke, Text as Ye, TextBlock as He, getTextOpacity as We, textSizeResponsiveValueFormatter as Xe } from "./components/Text/Text.js";
+import { Textarea as Qe } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as je, Title as qe, titleGetCoords as $e, titleGetCssStyle as ot } from "./components/Title/Title.js";
+import { default as et } from "./components/InputDropzone/InputDropzone.js";
+import { default as mt } from "./components/InputDropzone/ItemPreview.js";
+import { default as pt } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as xt } from "./components/OnScreenSensor.js";
+import { Symbols as lt } 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,
+  Vo as Avatar,
+  Yo as BACKDROP_OUTLET_ID,
+  Ho as BackdropPortal,
+  Xo as Badge,
+  to as BorderRadiusEnum,
+  Pr as Box,
+  ho as BurgerMenu,
+  _o as BurgerMenuButton,
+  yo as Button,
+  Po as ButtonBar,
+  Ao as ButtonContent,
+  No as ButtonLink,
+  L as CLIPBOARD_TITLE_APPEARANCE,
+  Fr as Center,
+  So as Checkbox,
+  go as ClipboardButton,
+  mo as ColorEnum,
+  Qo as ControlBox,
+  jo as CountryFlag,
+  Ve as DEFAULT_TEXT_COLOR,
+  $o as Decorate,
+  rr as Dot,
+  Ce as DropdownSelect,
+  mt as DropzoneItemPreview,
+  tr as FLYOUT_OUTLET_ID,
+  vr as Flex,
+  Ur as FlexAlignItemsEnum,
+  zr as FlexDirectionEnum,
+  wr as FlexJustifyContentEnum,
+  Gr as FlexRestricter,
+  Mr as FlexWrapEnum,
+  mr as Flyout,
+  sr as Icon,
+  dr as IconBig,
+  so as IconButton,
+  xr as Icons,
+  lr as IconsBig,
+  Tr as Indicator,
+  Cr as InfoPanel,
+  Er as Input,
+  et as InputDropzone,
+  Rr as Interactive,
+  Ar as Island,
+  kr as IslandCorner,
+  zo as Link,
+  Do as LinkButton,
+  D as Linkify,
+  $r as Loaf,
+  pr as Logos,
+  fo as MediaQueryEnum,
+  re as Modal,
+  te as NavList,
+  fe as OVERLAY_OUTLET_ID,
+  po as OffsetEnum,
+  xt as OnScreenSensor,
+  pe as Overlay,
+  Kr as Pad,
+  Hr as Page,
+  xe as Popover,
+  le as PremiumBadge,
+  se as Prose,
+  de as Radio,
+  Xr as Rail,
+  Lr as RichInput,
+  Qr as Scrollable,
+  Te as Select,
+  Ee as Separator,
+  Le as Shroud,
+  pt as Skeleton,
+  Re as Slider,
+  Ae as Spacer,
+  Oe as Style,
+  De as Switch,
+  lt as Symbols,
+  Ke as TEXT_OPACITY_MAP,
+  je as TITLE_OUTLET_ID,
+  ze as Table,
+  we as TableHeaderItem,
+  Me as TableIconButton,
+  Ne as TableRow,
+  he as Tabular,
+  Ye as Text,
+  He as TextBlock,
+  ao as TextSizeEnum,
+  Qe as Textarea,
+  qe as Title,
+  _e as ToggleGroup,
+  jr as VirtualScrollable,
+  xo as ZIndexEnum,
+  N as clamp,
+  G as clamp01,
+  m as clsx,
+  Z as debounce,
+  F as defaultLinkReplacer,
+  _ as defaultLinkReplacerx,
+  br as flexPropFormater,
+  ko as getButtonClassName,
   $ as getColor,
-  Po as getLinkClassName,
-  Ee as getTextOpacity,
-  a as getValue,
+  wo as getLinkClassName,
+  We as getTextOpacity,
+  p as getValue,
   y as identity,
   A as invoke,
-  F as isExternalUrl,
+  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,
+  k 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,
+  Xe as textSizeResponsiveValueFormatter,
+  j as throttle,
+  $e as titleGetCoords,
+  ot as titleGetCssStyle,
+  ro as ui,
+  J as unicodeCharAt,
+  S as useClipboardComponent,
+  Pe 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