@televet/kibble-ui 4.0.0-beta.99 → 4.0.0

package/dist/esm/index.js

@@ -1,108 +1,108 @@
-import { A as a, a as e } from "../chunks/alert.types-DEe0eEG4.js";
-import { A as s } from "../chunks/avatar.component-CvE1vv5L.js";
+import { A as a, a as e } from "../chunks/alert.types-B4OZ51oz.js";
+import { A as s } from "../chunks/avatar.component-M6X79WYy.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-SoAj9p5n.js";
-import { B as l } from "../chunks/button.component-DOAhnxbj.js";
-import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-CujqF5RD.js";
-import { B as g } from "../chunks/buttonGroup.component-Bp2YbVtj.js";
-import { C as h } from "../chunks/card.component-DNX41NGG.js";
+import { A as f } from "../chunks/avatarGroup.component-C2IuMqLq.js";
+import { B as c } from "../chunks/button.component-BE20YKDd.js";
+import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-BKXZNvN1.js";
+import { B as g } from "../chunks/buttonGroup.component-C8Q42bLh.js";
+import { C as h } from "../chunks/card.component-DJcYzMX1.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
-import { C as k } from "../chunks/characterCounter.component-Lya4VMgB.js";
-import { W as D } from "../chunks/checkbox.component-PmkaXzNs.js";
-import { W as B } from "../chunks/checkboxGroup.component-DXWrZuhZ.js";
-import { C as A } from "../chunks/conversationCard.component-D3WN8rhl.js";
-import { a as I, D as L } from "../chunks/datePicker.component-BSzcmQ9c.js";
-import { D as K, d as R, a as N, b as F } from "../chunks/divider.types-0j5qRXed.js";
-import { W as O } from "../chunks/heading.component-73t_EqZx.js";
-import { I as q } from "../chunks/icon.component-DszmCnE4.js";
+import { C as M } from "../chunks/characterCounter.component-DiQ7jGRP.js";
+import { W } from "../chunks/checkbox.component-D7_mvZK5.js";
+import { W as A } from "../chunks/checkboxGroup.component-BBxsA17L.js";
+import { C as V } from "../chunks/conversationCard.component-CzKj9SoH.js";
+import { a as I, D as L } from "../chunks/datePicker.component-jK2SZTK0.js";
+import { D as K, d as R, a as N, b as F } from "../chunks/divider.types-ZN_wlva7.js";
+import { W as O } from "../chunks/heading.component-DgW2WFXo.js";
+import { I as q } from "../chunks/icon.component-C5bgxAD2.js";
 import { i as J } from "../chunks/icon.types-DLbVfMjG.js";
-import { L as U } from "../chunks/link.component-COw7fL8Z.js";
-import { L as Y, l as Z, a as _ } from "../chunks/logo.types-BbSodfBq.js";
-import { M as oo } from "../chunks/menu.component-CYoNg8cG.js";
-import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-hyW2Nhp9.js";
-import { N as mo } from "../chunks/notificationCounter.component-BzhAKrKR.js";
-import { n as xo, a as no } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
-import { P as co } from "../chunks/picture.component-DECGd77u.js";
-import { W as To, p as So } from "../chunks/pinInput.types-DI4tGMSB.js";
-import { P as vo } from "../chunks/popover.component-CV6ZJKNL.js";
-import { p as Co, b as ho, a as Po } from "../chunks/popover.types-D1O-Ehsz.js";
-import { W as Mo } from "../chunks/radioGroup.component-BUFZGQ-P.js";
-import { W as zo } from "../chunks/ratingDots.component-CtmqAmV5.js";
-import { W as Wo } from "../chunks/select.component-Fq8Hh2MP.js";
-import { S as Vo } from "../chunks/sortableList.component-Dl8iDhRd.js";
-import { S as wo } from "../chunks/spinner.component-katjnJzv.js";
-import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ko, s as Ro } from "../chunks/styledAvatar.types-C8U-V56j.js";
-import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
-import { W as jo } from "../chunks/switch.component-U2g70Pc5.js";
-import { T as Eo } from "../chunks/tabs.component-P5GKt5Sv.js";
-import { T as Qo } from "../chunks/tag.component-BAH11mPX.js";
-import { c as Xo, t as Yo } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as _o, a as $o } from "../chunks/tagBlock.component-CF3z8rKF.js";
-import { W as rr } from "../chunks/text.component-DKtdjH7k.js";
-import { W as er } from "../chunks/textInput.component-DSVsTHqO.js";
-import { W as sr } from "../chunks/textarea.component-Cbo5Vs-6.js";
-import { M as ir, T as mr } from "../chunks/timePicker.component-BSuNH0Ze.js";
-import { T as xr } from "../chunks/timeRange.component-SMQArMaf.js";
-import { T as lr } from "../chunks/timestamp.component-DAa3tXHL.js";
-import { useToast as dr } from "./components/Toast/index.js";
-import { T as Tr } from "../chunks/tooltip.component-XxpjNATA.js";
-import { w as br } from "../chunks/withDarkMode-BE00aGRV.js";
-import { w as gr } from "../chunks/withLightMode-UfFl5ry6.js";
-import { useBreakpoint as hr } from "./hooks/useBreakpoint/index.js";
-import { useColorMode as yr } from "./hooks/useColorMode/index.js";
+import { L as U } from "../chunks/link.component-CvR5CbiT.js";
+import { L as Y, l as Z } from "../chunks/logo.types-DF4eLSR9.js";
+import { M as $ } from "../chunks/menu.component-BSuLrqE6.js";
+import { M as ro, c as ao, a as eo, b as to, m as so } from "../chunks/modal.types-DCtp2gae.js";
+import { N as io } from "../chunks/notificationCounter.component-Lu4_Owvr.js";
+import { n as no, a as fo } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
+import { P as co } from "../chunks/picture.component-CKK-SMvr.js";
+import { W as uo, p as To } from "../chunks/pinInput.types-BSW6UBEv.js";
+import { P as bo } from "../chunks/popover.component-D4rNmeWx.js";
+import { p as go, b as Co, a as ho } from "../chunks/popover.types-D1O-Ehsz.js";
+import { W as yo, a as zo, r as Mo } from "../chunks/radioGroup.types-DL8g9TP2.js";
+import { W as Wo } from "../chunks/ratingDots.component-CDa2kpI9.js";
+import { W as Ao } from "../chunks/select.component-DKRwULd6.js";
+import { S as Vo } from "../chunks/sortableList.component-CgLl4iQA.js";
+import { S as Io } from "../chunks/spinner.component-DVDFFBjs.js";
+import { s as Go } from "../chunks/spinner.types-g7cTFJkb.js";
+import { S as Ro, s as No } from "../chunks/styledAvatar.types-DdjcEEg8.js";
+import { S as Ho, s as Oo } from "../chunks/swatch.types-CXlghcLw.js";
+import { W as qo } from "../chunks/switch.component-Be_CZ-FX.js";
+import { T as Jo, a as Qo, t as Uo } from "../chunks/tab.types-Dz716e6g.js";
+import { T as Yo } from "../chunks/tag.component-79aRVI7u.js";
+import { c as _o, t as $o } from "../chunks/tag.types-B-pzEt1I.js";
+import { T as rr, a as ar } from "../chunks/tagBlock.component-BjSs1wds.js";
+import { W as tr } from "../chunks/text.component-lM5aKXrg.js";
+import { W as pr } from "../chunks/textInput.component-B58lZdwy.js";
+import { W as mr } from "../chunks/textarea.component-lgtQk1Iw.js";
+import { M as fr, T as xr } from "../chunks/timePicker.component-DehTARbc.js";
+import { T as lr } from "../chunks/timeRange.component-BNHI6pWG.js";
+import { T as ur } from "../chunks/timestamp.component-ZUWkov0t.js";
+import { useToast as Sr } from "./components/Toast/index.js";
+import { T as vr } from "../chunks/tooltip.component-DTfwOaTc.js";
+import { w as Cr } from "../chunks/withDarkMode-C3yba5oU.js";
+import { w as Pr } from "../chunks/withLightMode-DUdXB3Uy.js";
+import { useBreakpoint as zr } from "./hooks/useBreakpoint/index.js";
+import { useColorMode as Dr } from "./hooks/useColorMode/index.js";
 import { useColorModeValue as kr } from "./hooks/useColorModeValue/index.js";
-import { useDeviceType as Dr } from "./hooks/useDeviceType/index.js";
-import { alignments as Br, flexDirections as Vr, placements as Ar, statuses as wr, typographyVariants as Ir } from "./shared/types/index.js";
-import { c as Gr } from "../chunks/theme-BOK659O0.js";
-import { K as Rr, k as Nr, a as Fr } from "../chunks/theme.provider-BHh_9yV5.js";
+import { useDeviceType as Br } from "./hooks/useDeviceType/index.js";
+import { alignments as wr, flexDirections as Ir, placements as Lr, statuses as Gr, typographyVariants as Kr } from "./shared/types/index.js";
+import { c as Nr } from "../chunks/theme-BOK659O0.js";
+import { K as Hr, k as Or, s as jr } from "../chunks/theme.provider-NLe7CBa6.js";
 export {
   a as Alert,
   s as Avatar,
-  x as AvatarGroup,
-  l as Button,
+  f as AvatarGroup,
+  c as Button,
   g as ButtonGroup,
   h as Card,
-  k as CharacterCounter,
-  D as Checkbox,
-  B as CheckboxGroup,
-  A as ConversationCard,
+  M as CharacterCounter,
+  W as Checkbox,
+  A as CheckboxGroup,
+  V as ConversationCard,
   I as DateFormats,
   L as DatePicker,
   K as Divider,
   O as Heading,
   q as Icon,
-  Rr as KibbleThemeProvider,
+  Hr as KibbleThemeProvider,
   U as Link,
   Y as Logo,
-  oo as Menu,
-  ir as Meridiem,
-  ao as Modal,
-  mo as NotificationCounter,
+  $ as Menu,
+  fr as Meridiem,
+  ro as Modal,
+  io as NotificationCounter,
   co as Picture,
-  To as PinInput,
-  vo as Popover,
-  Mo as RadioGroup,
-  zo as RatingDots,
-  Wo as Select,
+  uo as PinInput,
+  bo as Popover,
+  yo as RadioGroup,
+  Wo as RatingDots,
+  Ao as Select,
   Vo as SortableList,
-  wo as Spinner,
-  Ko as StyledAvatar,
-  Fo as Swatch,
-  jo as Switch,
-  Eo as Tabs,
-  Qo as Tag,
-  _o as TagBlock,
-  $o as TagDisabledState,
-  rr as Text,
-  er as TextInput,
-  sr as Textarea,
-  mr as TimePicker,
-  xr as TimeRange,
-  lr as Timestamp,
-  Tr as Tooltip,
+  Io as Spinner,
+  Ro as StyledAvatar,
+  Ho as Swatch,
+  qo as Switch,
+  Jo as Tabs,
+  Yo as Tag,
+  rr as TagBlock,
+  ar as TagDisabledState,
+  tr as Text,
+  pr as TextInput,
+  mr as Textarea,
+  xr as TimePicker,
+  lr as TimeRange,
+  ur as Timestamp,
+  vr as Tooltip,
   e as alertButtonPositions,
-  Br as alignments,
+  wr as alignments,
   i as avatarSizes,
   m as avatarVariants,
   d as buttonConfigVariants,
@@ -111,40 +111,43 @@ export {
   S as buttonSpinnerPlacements,
   b as buttonVariants,
   y as cardSizes,
-  Xo as closeButtonDisplays,
-  Gr as colorModeThemeKey,
+  _o as closeButtonDisplays,
+  Nr as colorModeThemeKey,
   R as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
-  Vr as flexDirections,
+  Ir as flexDirections,
   J as iconSizes,
-  Nr as kibbleSystem,
-  Fr as kibbleThemeConfig,
+  Or as kibbleThemeConfig,
   Z as logoTypes,
-  _ as logoVariants,
-  eo as modalMotionPresets,
-  to as modalPlacements,
-  so as modalScrollBehaviors,
-  po as modalSizes,
-  xo as notificationCounterSizes,
-  no as notificationCounterVariants,
-  So as pinInputTypes,
-  Ar as placements,
-  Co as popoverSizes,
-  ho as popoverTriggerTypes,
-  Po as popoverVariants,
-  Lo as spinnerSizes,
-  wr as statuses,
-  Ro as styledAvatarTypes,
-  Ho as swatchSizes,
-  Yo as tagSizes,
-  Ir as typographyVariants,
-  hr as useBreakpoint,
-  yr as useColorMode,
+  ao as modalMotionPresets,
+  eo as modalPlacements,
+  to as modalScrollBehaviors,
+  so as modalSizes,
+  no as notificationCounterSizes,
+  fo as notificationCounterVariants,
+  To as pinInputTypes,
+  Lr as placements,
+  go as popoverSizes,
+  Co as popoverTriggerTypes,
+  ho as popoverVariants,
+  zo as radioAlignments,
+  Mo as radioTypes,
+  Go as spinnerSizes,
+  Gr as statuses,
+  No as styledAvatarTypes,
+  Oo as swatchSizes,
+  jr as system,
+  Qo as tabIconPositions,
+  Uo as tabSizes,
+  $o as tagSizes,
+  Kr as typographyVariants,
+  zr as useBreakpoint,
+  Dr as useColorMode,
   kr as useColorModeValue,
-  Dr as useDeviceType,
-  dr as useToast,
-  br as withDarkMode,
-  gr as withLightMode
+  Br as useDeviceType,
+  Sr as useToast,
+  Cr as withDarkMode,
+  Pr as withLightMode
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/index.js

@@ -1,7 +1,7 @@
-import { K as i, k as a, a as m } from "../../chunks/theme.provider-BHh_9yV5.js";
+import { K as b, k as i, s as m } from "../../chunks/theme.provider-NLe7CBa6.js";
 export {
-  i as KibbleThemeProvider,
-  a as kibbleSystem,
-  m as kibbleThemeConfig
+  b as KibbleThemeProvider,
+  i as kibbleThemeConfig,
+  m as system
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/semanticTokens/index.js

@@ -1,3 +1,4 @@
+import { i as c } from "../../../chunks/invertToken-DkyAF_BY.js";
 const r = [
   "text",
   "text.accent",
@@ -108,6 +109,7 @@ const r = [
   "border.warning"
 ];
 export {
+  c as invertToken,
   a as semanticBackgroundTokens,
   e as semanticBorderTokens,
   t as semanticDividerTokens,

package/dist/esm/theme/semanticTokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/theme/semanticTokens/semanticTokens.types.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'ai';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.subtle.contrast',\n  'background.subtle.less',\n  'background.subtle.more',\n  'background.subtle.most',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.subtle.contrast',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens"],"mappings":"AAsBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index.js","sources":["../../../../src/theme/semanticTokens/semanticTokens.types.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'ai';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.subtle.contrast',\n  'background.subtle.less',\n  'background.subtle.more',\n  'background.subtle.most',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.subtle.contrast',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens"],"mappings":";AAsBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/types/chakra/index.d.ts

@@ -5,16 +5,19 @@ export { Center } from '@chakra-ui/react/center';
 export { Container } from '@chakra-ui/react/container';
 export { Flex, type FlexProps } from '@chakra-ui/react/flex';
 export { Float } from '@chakra-ui/react/float';
-export { Grid, GridItem, SimpleGrid } from '@chakra-ui/react/grid';
+export { Grid, GridItem } from '@chakra-ui/react/grid';
+export { SimpleGrid } from '@chakra-ui/react/simple-grid';
 export { Group } from '@chakra-ui/react/group';
 export { Stack, HStack, VStack } from '@chakra-ui/react/stack';
 export { Wrap, WrapItem } from '@chakra-ui/react/wrap';
 export { Blockquote } from '@chakra-ui/react/blockquote';
 export { Code } from '@chakra-ui/react/code';
-export { Em, Mark } from '@chakra-ui/react/typography';
+export { CodeBlock } from '@chakra-ui/react/code-block';
+export { Em } from '@chakra-ui/react/em';
+export { Mark } from '@chakra-ui/react/mark';
 export { Highlight } from '@chakra-ui/react/highlight';
 export { Kbd } from '@chakra-ui/react/kbd';
-export { LinkOverlay } from '@chakra-ui/react/link';
+export { LinkBox, LinkOverlay } from '@chakra-ui/react/link';
 export { List } from '@chakra-ui/react/list';
 export { Accordion } from '@chakra-ui/react/accordion';
 export { ActionBar } from '@chakra-ui/react/action-bar';
@@ -24,6 +27,7 @@ export { Clipboard } from '@chakra-ui/react/clipboard';
 export { Collapsible, useCollapsible } from '@chakra-ui/react/collapsible';
 export { ColorPicker } from '@chakra-ui/react/color-picker';
 export { DataList } from '@chakra-ui/react/data-list';
+export { Dialog } from '@chakra-ui/react/dialog';
 export { Drawer } from '@chakra-ui/react/drawer';
 export { Editable } from '@chakra-ui/react/editable';
 export { FileUpload } from '@chakra-ui/react/file-upload';
@@ -49,4 +53,4 @@ export { Portal } from '@chakra-ui/react/portal';
 export { Show } from '@chakra-ui/react/show';
 export { VisuallyHidden } from '@chakra-ui/react/visually-hidden';
 export { useBreakpointValue, useConst, useDisclosure, useMediaQuery } from '@chakra-ui/react';
-export { defineRecipe, defineSlotRecipe, useRecipe, useSlotRecipe, defineConfig, createSystem, type SystemStyleObject, } from '@chakra-ui/react/styled-system';
+export { createSystem, defineConfig, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineTokens, mergeConfigs, useRecipe, useSlotRecipe, type SystemStyleObject, } from '@chakra-ui/react/styled-system';

package/dist/types/components/Alert/alert.types.d.ts

@@ -1,2 +1,2 @@
-export declare const alertButtonPositions: readonly ["topRight", "bottomLeft"];
+export declare const alertButtonPositions: readonly ["topRight", "bottomLeft", "bottomRight"];
 export type AlertButtonPosition = (typeof alertButtonPositions)[number];

package/dist/types/components/Button/button.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"primary" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
+    variant: Record<"primary" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai" | "aiSecondary", SystemStyleObject>;
     size: Record<"xs" | "sm" | "md" | "lg", SystemStyleObject>;
 }>;

package/dist/types/components/Button/button.types.d.ts

@@ -1,6 +1,6 @@
-export declare const buttonConfigVariants: readonly ["primary", "primaryOnContrast", "primaryDestructive", "primaryDestructiveOnContrast", "secondary", "secondaryOnContrast", "secondaryDestructive", "secondaryDestructiveOnContrast", "secondarySubtle", "secondarySubtleOnContrast", "secondarySubtleDestructive", "secondarySubtleDestructiveOnContrast", "tertiary", "tertiaryOnContrast", "tertiaryDestructive", "tertiaryDestructiveOnContrast", "ghost", "ghostOnContrast", "ghostNeutral", "ghostNeutralOnContrast", "ghostDestructive", "ghostDestructiveOnContrast", "ai"];
+export declare const buttonConfigVariants: readonly ["primary", "primaryOnContrast", "primaryDestructive", "primaryDestructiveOnContrast", "secondary", "secondaryOnContrast", "secondaryDestructive", "secondaryDestructiveOnContrast", "secondarySubtle", "secondarySubtleOnContrast", "secondarySubtleDestructive", "secondarySubtleDestructiveOnContrast", "tertiary", "tertiaryOnContrast", "tertiaryDestructive", "tertiaryDestructiveOnContrast", "ghost", "ghostOnContrast", "ghostNeutral", "ghostNeutralOnContrast", "ghostDestructive", "ghostDestructiveOnContrast", "ai", "aiSecondary"];
 export type ButtonConfigVariant = (typeof buttonConfigVariants)[number];
-export declare const buttonVariants: readonly ["primary", "primaryDestructive", "secondary", "secondaryDestructive", "secondarySubtle", "secondarySubtleDestructive", "tertiary", "tertiaryDestructive", "ghost", "ghostNeutral", "ghostDestructive", "ai"];
+export declare const buttonVariants: readonly ["primary", "primaryDestructive", "secondary", "secondaryDestructive", "secondarySubtle", "secondarySubtleDestructive", "tertiary", "tertiaryDestructive", "ghost", "ghostNeutral", "ghostDestructive", "ai", "aiSecondary"];
 export type ButtonVariant = (typeof buttonVariants)[number];
 export declare const buttonSizes: readonly ["xs", "sm", "md", "lg"];
 export type ButtonSize = (typeof buttonSizes)[number];

package/dist/types/components/Checkbox/checkbox.component.d.ts

@@ -3,9 +3,9 @@ import { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 export interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {
-    checkboxRef?: React.RefObject<HTMLInputElement | null>;
+    checkboxRef?: React.Ref<HTMLInputElement | null>;
     indeterminate?: boolean;
-    rootRef?: React.RefObject<HTMLLabelElement | null>;
+    rootRef?: React.Ref<HTMLLabelElement | null>;
     size?: FormControlSize;
     withCard?: boolean;
 }

package/dist/types/components/Checkbox/checkbox.recipe.d.ts

@@ -7,5 +7,13 @@ type CheckboxSlotStyles = {
 export declare const checkboxRecipe: import('@chakra-ui/react').SlotRecipeDefinition<CheckboxSlot, {
     variant: Record<FormVariant, CheckboxSlotStyles>;
     size: Record<"sm" | "md" | "lg", CheckboxSlotStyles>;
+    withCard: {
+        true: {
+            label: {
+                w: "100%";
+            };
+        };
+        false: {};
+    };
 }>;
 export {};

package/dist/types/components/Heading/heading.component.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
-import { HeadingProps as CHeadingProps } from '@chakra-ui/react/typography';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+import { HeadingProps as CHeadingProps } from '@chakra-ui/react/heading';
 import { HeadingSize } from './heading.types';
 import { TypographyVariant } from '../../shared/types/typography';
 import { WithTruncationProps } from '../../hocs/withTruncation';
-export interface HeadingProps extends WithTruncationProps, CHeadingProps {
-    size?: HeadingSize;
+export interface HeadingProps extends WithTruncationProps, Omit<CHeadingProps, 'truncate'> {
+    size?: ConditionalValue<HeadingSize>;
     variant?: TypographyVariant;
 }
 declare const WrappedHeading: React.FC<HeadingProps>;

package/dist/types/components/Logo/logo.component.d.ts

@@ -3,8 +3,7 @@ import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
 export interface LogoProps extends Omit<BoxProps, 'color'> {
     onClick?: () => void;
-    onContrast?: boolean;
     type?: LogoType;
     variant?: LogoVariant;
 }
-export declare const Logo: ({ onClick, onContrast, type, variant, ...rest }: LogoProps) => React.JSX.Element;
+export declare const Logo: ({ onClick, type, variant, ...rest }: LogoProps) => React.JSX.Element;

package/dist/types/components/Logo/logo.recipe.d.ts

@@ -1,9 +1,24 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
     type: Record<"full" | "icon", SystemStyleObject>;
-    variant: Record<"default" | "primary", SystemStyleObject>;
-    onContrast: {
-        true: {};
-        false: {};
+    variant: {
+        primary: SystemStyleObject;
+        accent: SystemStyleObject;
+        accentSubtle: SystemStyleObject;
+        brand: SystemStyleObject;
+        brandOnContrast: SystemStyleObject;
+        danger: SystemStyleObject;
+        dangerOnContrast: SystemStyleObject;
+        default: SystemStyleObject;
+        info: SystemStyleObject;
+        interactive: SystemStyleObject;
+        interactiveOnContrast: SystemStyleObject;
+        onContrast: SystemStyleObject;
+        placeholder: SystemStyleObject;
+        placeholderOnContrast: SystemStyleObject;
+        subtle: SystemStyleObject;
+        subtleOnContrast: SystemStyleObject;
+        success: SystemStyleObject;
+        warning: SystemStyleObject;
     };
 }>;

package/dist/types/components/Logo/logo.types.d.ts

@@ -1,4 +1,4 @@
+import { TypographyVariant } from '../../shared/types/typography';
 export declare const logoTypes: readonly ["full", "icon"];
 export type LogoType = (typeof logoTypes)[number];
-export declare const logoVariants: readonly ["default", "primary"];
-export type LogoVariant = (typeof logoVariants)[number];
+export type LogoVariant = TypographyVariant | 'primary';

package/dist/types/components/Modal/modal.component.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { Dialog } from '@chakra-ui/react/dialog';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
 import { ModalFooterProps } from './components/ModalFooter/modalFooter.component';
 import { HeadingProps } from '../Heading/heading.component';
 import { ModalMotionPreset, ModalPlacement, ModalSize } from './modal.types';
@@ -13,7 +14,7 @@ export interface ModalProps extends Dialog.RootProps {
     motionPreset?: ModalMotionPreset;
     placement?: ModalPlacement;
     showExpandButton?: boolean;
-    size?: ModalSize;
+    size?: ConditionalValue<ModalSize>;
     trigger?: React.ReactNode;
 }
 export declare const Modal: ({ children, footerProps, fullScreenMobile, header, headerProps, hideCloseButton, hideFooter, motionPreset, placement, showExpandButton, size, trigger, ...rest }: ModalProps) => React.JSX.Element;

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -10,14 +10,6 @@ export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
                 minW: "650px";
             };
         };
-        false: {
-            backdrop: {
-                background: "{colors.blackAlpha.600}";
-            };
-            content: {
-                minH: "100px";
-                minW: "300px";
-            };
-        };
+        false: {};
     };
 }>;

package/dist/types/components/PinInput/pinInput.component.d.ts

@@ -3,9 +3,9 @@ import { PinInput as CPinInput } from '@chakra-ui/react/pin-input';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, 'size'> {
     count?: number;
-    inputRef?: React.RefObject<HTMLInputElement | null>;
+    inputRef?: React.Ref<HTMLInputElement | null>;
     onContrast?: boolean;
-    rootRef?: React.RefObject<HTMLDivElement | null>;
+    rootRef?: React.Ref<HTMLDivElement | null>;
     size?: 'sm' | 'md' | 'lg';
 }
 declare const WrappedPinInput: React.FC<PinInputProps>;

package/dist/types/components/Popover/popover.component.d.ts

@@ -5,6 +5,7 @@ import { Placement } from '../../shared/types/placement';
 import { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';
 import { PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';
 import { PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
 export interface KPopoverProps {
     allowEscape?: boolean;
     anchor: React.ReactNode;
@@ -14,7 +15,7 @@ export interface KPopoverProps {
     headerProps?: PopoverHeaderProps;
     portalled?: boolean;
     placement?: Placement;
-    size?: PopoverSize;
+    size?: ConditionalValue<PopoverSize>;
     trigger?: PopoverTriggerType;
     variant?: PopoverVariant;
 }

package/dist/types/components/RadioGroup/components/Radio/radio.component.d.ts

@@ -2,13 +2,15 @@ import { default as React } from 'react';
 import { RadioGroup } from '@chakra-ui/react/radio-group';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 import { WithFormControlProps } from '../../../../hocs/withFormControl/withFormControl';
+import { RadioType } from '../../radioGroup.types';
 export interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {
-    checked?: boolean;
     onContrast?: boolean;
-    radioRef?: React.RefObject<HTMLInputElement | null>;
-    rootRef?: React.RefObject<HTMLDivElement | null>;
+    radioRef?: React.Ref<HTMLInputElement | null>;
+    rootRef?: React.Ref<HTMLDivElement | null>;
     size?: FormControlSize;
-    withCard?: boolean;
 }
-declare const WrappedRadio: React.FC<RadioProps>;
+interface InternalRadioProps extends RadioProps {
+    radioType?: RadioType;
+}
+declare const WrappedRadio: React.FC<InternalRadioProps>;
 export { WrappedRadio as Radio };

package/dist/types/components/RadioGroup/index.d.ts

@@ -1,2 +1,3 @@
 export { type RadioProps } from './components/Radio/radio.component';
 export * from './radioGroup.component';
+export * from './radioGroup.types';

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -5,19 +5,14 @@ import { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';
 import { ConditionalValue } from '@chakra-ui/react/styled-system';
 import { FlexDirection } from '../../shared/types/alignment';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-export interface KRadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {
+import { RadioAlignment, RadioType } from './radioGroup.types';
+export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {
     direction?: ConditionalValue<FlexDirection>;
     onChange?: (value: string | null) => void;
     size?: FormControlSize;
-}
-interface ButtonRadioGroupProps extends KRadioGroupProps {
-    radioType?: 'buttons';
-    radios: Omit<RadioProps, 'withCard'>[];
-}
-interface DefaultRadioGroupProps extends KRadioGroupProps {
-    radioType?: 'default';
+    radioType?: RadioType;
     radios: RadioProps[];
+    radioAlignment?: RadioAlignment;
 }
-export type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;
 declare const WrappedRadioGroup: React.FC<RadioGroupProps>;
 export { WrappedRadioGroup as RadioGroup };