@televet/kibble-ui 5.0.21 → 5.0.23-alpha.1

package/dist/esm/index.js

@@ -1,167 +1,171 @@
-import { A as a, a as e } from "../chunks/alert.types-C6EN46Ra.js";
-import { A as s } from "../chunks/avatar.component-BL6D6Lw_.js";
-import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-M84HNv2O.js";
-import { B as c } from "../chunks/button.component-BO6oee_V.js";
-import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-BjfcUcMn.js";
-import { B as g } from "../chunks/buttonGroup.component-HKh7TJ0v.js";
-import { C as D } from "../chunks/calendar.component-UUc8d3QQ.js";
-import { C as h } from "../chunks/card.component-B1AznjWF.js";
-import { c as y } from "../chunks/card.types-Cixp7ouC.js";
+import { A as a } from "../chunks/alert.component-OcRbeRJa.js";
+import { a as t } from "../chunks/alert.types-CPfg5SeM.js";
+import { A as p } from "../chunks/avatar.component-BL6D6Lw_.js";
+import { a as m, b as n } from "../chunks/avatar.types-C6dZZjdi.js";
+import { A as x } from "../chunks/avatarGroup.component-BPhQpVYM.js";
+import { B as l } from "../chunks/button.component-BO6oee_V.js";
+import { b as u, d as T, c as S, e as b, a as v } from "../chunks/button.types-BjfcUcMn.js";
+import { B as g } from "../chunks/buttonGroup.component-CO5lC36l.js";
+import { C as P } from "../chunks/calendar.component-CegJR9ey.js";
+import { C as y } from "../chunks/card.component-B1AznjWF.js";
+import { c as k } from "../chunks/card.types-Cixp7ouC.js";
 import { C as z } from "../chunks/characterCounter.component-DI_FQNUR.js";
 import { W as V } from "../chunks/checkbox.component-DUJCiZr2.js";
-import { W as B } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
-import { C as I } from "../chunks/conversationCard.component-HYxRoILR.js";
-import { D as R } from "../chunks/datePicker.component-Dq2vL7Mk.js";
-import { D as K } from "../chunks/datePicker.provider-CavuOZl4.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-DnYStcAJ.js";
+import { W as w } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
+import { C as L } from "../chunks/conversationCard.component-DByFo4jj.js";
+import { D as G } from "../chunks/datePicker.component-CLTjEX7i.js";
+import { D as N } from "../chunks/datePicker.provider-CttuPiiS.js";
+import { D as E, a as F, c as H } from "../chunks/dateTimePicker.component-CZpAgPHv.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
-import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
-import { W as Y } from "../chunks/heading.component-CpSAN3cv.js";
-import { I as _ } from "../chunks/icon.component-PV_nHBId.js";
-import { i as oo } from "../chunks/icon.types-DLbVfMjG.js";
-import { L as ao } from "../chunks/link.component--URNKuK2.js";
-import { L as to, l as so } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../chunks/menu.component-CV8eVKYt.js";
-import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-Bq9gdlSr.js";
-import { N as To } from "../chunks/notificationCounter.component-6Q3q8jWj.js";
-import { n as bo, a as Co } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
-import { P as vo } from "../chunks/picture.component-DzdHIFN_.js";
-import { W as Po, p as ho } from "../chunks/pinInput.types-bIGh7aUS.js";
-import { P as yo } from "../chunks/popover.component-DIYT1Lc0.js";
-import { p as zo, b as Mo, a as Vo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-BVbxeB22.js";
-import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.js";
-import { W as Ko } from "../chunks/rating.component-DeJY9G94.js";
-import { W as Oo } from "../chunks/ratingDots.component-BhWM7kTg.js";
-import { W as Ho } from "../chunks/select.component-CIjEq1os.js";
-import { S as qo } from "../chunks/sortableList.component-CbxbBLVQ.js";
-import { S as Jo } from "../chunks/spinner.component-CNHQ8UDz.js";
-import { s as Uo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Yo, s as Zo } from "../chunks/styledAvatar.types-BaOkOA8K.js";
-import { S as $o, s as or } from "../chunks/swatch.types-CkrkMi11.js";
-import { W as ar } from "../chunks/switch.component-DjN67nap.js";
-import { T as tr, a as sr, t as pr } from "../chunks/tab.types-BiDpSKGC.js";
-import { T as mr } from "../chunks/tag.component-B7V76XfM.js";
-import { c as xr, t as nr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as lr, a as dr } from "../chunks/tagBlock.component-R4FY7ytN.js";
-import { W as Tr } from "../chunks/text.component-DhuUgP3j.js";
-import { W as br } from "../chunks/textInput.component-BeiTxTkS.js";
-import { W as gr } from "../chunks/textarea.component-C6Wt1Pk8.js";
-import { M as Dr, T as Pr } from "../chunks/timePicker.component-BCMX6aqb.js";
-import { T as kr } from "../chunks/timeRange.component-BZHpZeAX.js";
-import { T as Wr } from "../chunks/timestamp.component-DkLjxUsy.js";
-import { useToast as Mr } from "./components/Toast/index.js";
-import { T as Ar } from "../chunks/tooltip.component-CHohp2qn.js";
-import { W as wr } from "../chunks/numberInput.component-V6NQs14b.js";
-import { w as Lr } from "../chunks/withDarkMode-C3yba5oU.js";
-import { w as Gr } from "../chunks/withLightMode-DUdXB3Uy.js";
-import { useBreakpoint as Nr } from "./hooks/useBreakpoint/index.js";
-import { useColorMode as Fr } from "./hooks/useColorMode/index.js";
-import { useColorModeValue as jr } from "./hooks/useColorModeValue/index.js";
-import { useDeviceType as Er } from "./hooks/useDeviceType/index.js";
-import { alignments as Qr, flexDirections as Ur, placements as Xr, statuses as Yr, typographyVariants as Zr } from "./shared/types/index.js";
-import { c as $r } from "../chunks/theme-BOK659O0.js";
-import { K as ra, k as aa, s as ea } from "../chunks/theme.provider-CvuSdLO6.js";
+import { d as Q, a as U, b as X } from "../chunks/divider.types-6MEkMNbx.js";
+import { W as Z } from "../chunks/heading.component-CpSAN3cv.js";
+import { I as $ } from "../chunks/icon.component-PV_nHBId.js";
+import { i as ro } from "../chunks/icon.types-DLbVfMjG.js";
+import { L as eo } from "../chunks/link.component--URNKuK2.js";
+import { L as so, l as po } from "../chunks/logo.types-C5GwpHjM.js";
+import { M as mo, m as no } from "../chunks/maintenanceBanner.types-DerZF_8G.js";
+import { M as xo } from "../chunks/menu.component-WHzMw5ZI.js";
+import { M as lo, c as uo, a as To, b as So, m as bo } from "../chunks/modal.types-Bq9gdlSr.js";
+import { N as Co } from "../chunks/notificationCounter.component-6Q3q8jWj.js";
+import { n as Do, a as Po } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
+import { P as yo } from "../chunks/picture.component-DzdHIFN_.js";
+import { W as ko, p as Wo } from "../chunks/pinInput.types-bIGh7aUS.js";
+import { P as Bo } from "../chunks/popover.component-DIYT1Lc0.js";
+import { p as Ao, b as wo, a as Io } from "../chunks/popover.types-CQJj3uOX.js";
+import { W as Ro, a as Go, r as Ko } from "../chunks/radioGroup.types-DzSpA07h.js";
+import { R as Oo } from "../chunks/radiomark.component-D_7wT5VA.js";
+import { W as Fo } from "../chunks/rating.component-BWBPSEEk.js";
+import { W as jo } from "../chunks/ratingDots.component-BhWM7kTg.js";
+import { W as Jo } from "../chunks/select.component-DckP-f8y.js";
+import { S as Uo } from "../chunks/sortableList.component-CbxbBLVQ.js";
+import { S as Yo } from "../chunks/spinner.component-CNHQ8UDz.js";
+import { s as _o } from "../chunks/spinner.types-g7cTFJkb.js";
+import { S as or, s as rr } from "../chunks/styledAvatar.types-BaOkOA8K.js";
+import { S as er, s as tr } from "../chunks/swatch.types-CkrkMi11.js";
+import { W as pr } from "../chunks/switch.component-DjN67nap.js";
+import { T as mr, a as nr, t as fr } from "../chunks/tab.types-BiDpSKGC.js";
+import { T as cr } from "../chunks/tag.component-CMsZIhN-.js";
+import { c as dr, t as ur } from "../chunks/tag.types-B-pzEt1I.js";
+import { T as Sr, a as br } from "../chunks/tagBlock.component-CT7_RyJ-.js";
+import { W as Cr } from "../chunks/text.component-DhuUgP3j.js";
+import { W as Dr } from "../chunks/textInput.component-BeiTxTkS.js";
+import { W as hr } from "../chunks/textarea.component-C6Wt1Pk8.js";
+import { M as Mr, T as kr } from "../chunks/timePicker.component-CqH4VTcN.js";
+import { T as zr } from "../chunks/timeRange.component-CZJmccuW.js";
+import { T as Vr } from "../chunks/timestamp.component-DkLjxUsy.js";
+import { useToast as wr } from "./components/Toast/index.js";
+import { T as Lr } from "../chunks/tooltip.component-CHohp2qn.js";
+import { W as Gr } from "../chunks/numberInput.component-CRDRjrTH.js";
+import { w as Nr } from "../chunks/withDarkMode-C3yba5oU.js";
+import { w as Er } from "../chunks/withLightMode-DUdXB3Uy.js";
+import { useBreakpoint as Hr } from "./hooks/useBreakpoint/index.js";
+import { useColorMode as qr } from "./hooks/useColorMode/index.js";
+import { useColorModeValue as Qr } from "./hooks/useColorModeValue/index.js";
+import { useDeviceType as Xr } from "./hooks/useDeviceType/index.js";
+import { alignments as Zr, flexDirections as _r, placements as $r, statuses as oa, typographyVariants as ra } from "./shared/types/index.js";
+import { c as ea } from "../chunks/theme-BOK659O0.js";
+import { K as sa, k as pa, s as ia } from "../chunks/theme.provider-BYXTygyb.js";
 export {
   a as Alert,
-  s as Avatar,
+  p as Avatar,
   x as AvatarGroup,
-  c as Button,
+  l as Button,
   g as ButtonGroup,
-  D as Calendar,
-  h as Card,
+  P as Calendar,
+  y as Card,
   z as CharacterCounter,
   V as Checkbox,
-  B as CheckboxGroup,
-  I as ConversationCard,
-  K as DateFormats,
-  R as DatePicker,
-  O as DateTimePicker,
+  w as CheckboxGroup,
+  L as ConversationCard,
+  N as DateFormats,
+  G as DatePicker,
+  E as DateTimePicker,
   F as DateTimePickerDefaultOptionValue,
   q as Divider,
-  Y as Heading,
-  _ as Icon,
-  ra as KibbleThemeProvider,
-  ao as Link,
-  to as Logo,
-  io as Menu,
-  Dr as Meridiem,
-  fo as Modal,
-  To as NotificationCounter,
-  wr as NumberInput,
-  vo as Picture,
-  Po as PinInput,
-  yo as Popover,
-  Bo as RadioGroup,
-  Ro as Radiomark,
-  Ko as Rating,
-  Oo as RatingDots,
-  Ho as Select,
-  qo as SortableList,
-  Jo as Spinner,
-  Yo as StyledAvatar,
-  $o as Swatch,
-  ar as Switch,
-  tr as Tabs,
-  mr as Tag,
-  lr as TagBlock,
-  dr as TagDisabledState,
-  Tr as Text,
-  br as TextInput,
-  gr as Textarea,
-  Pr as TimePicker,
-  kr as TimeRange,
-  Wr as Timestamp,
-  Ar as Tooltip,
-  e as alertButtonPositions,
-  Qr as alignments,
-  i as avatarSizes,
-  m as avatarVariants,
-  d as buttonConfigVariants,
-  u as buttonIconPositions,
-  T as buttonSizes,
-  S as buttonSpinnerPlacements,
-  b as buttonVariants,
+  Z as Heading,
+  $ as Icon,
+  sa as KibbleThemeProvider,
+  eo as Link,
+  so as Logo,
+  mo as MaintenanceBanner,
+  xo as Menu,
+  Mr as Meridiem,
+  lo as Modal,
+  Co as NotificationCounter,
+  Gr as NumberInput,
+  yo as Picture,
+  ko as PinInput,
+  Bo as Popover,
+  Ro as RadioGroup,
+  Oo as Radiomark,
+  Fo as Rating,
+  jo as RatingDots,
+  Jo as Select,
+  Uo as SortableList,
+  Yo as Spinner,
+  or as StyledAvatar,
+  er as Swatch,
+  pr as Switch,
+  mr as Tabs,
+  cr as Tag,
+  Sr as TagBlock,
+  br as TagDisabledState,
+  Cr as Text,
+  Dr as TextInput,
+  hr as Textarea,
+  kr as TimePicker,
+  zr as TimeRange,
+  Vr as Timestamp,
+  Lr as Tooltip,
+  t as alertButtonPositions,
+  Zr as alignments,
+  m as avatarSizes,
+  n as avatarVariants,
+  u as buttonConfigVariants,
+  T as buttonIconPositions,
+  S as buttonSizes,
+  b as buttonSpinnerPlacements,
+  v as buttonVariants,
   H as calendarViews,
-  y as cardSizes,
-  xr as closeButtonDisplays,
-  $r as colorModeThemeKey,
-  J as dividerOrientations,
-  Q as dividerSizes,
-  U as dividerVariants,
-  Ur as flexDirections,
-  oo as iconSizes,
-  aa as kibbleThemeConfig,
-  so as logoTypes,
-  xo as modalMotionPresets,
-  no as modalPlacements,
-  co as modalScrollBehaviors,
-  lo as modalSizes,
-  bo as notificationCounterSizes,
-  Co as notificationCounterVariants,
-  ho as pinInputTypes,
-  Xr as placements,
-  zo as popoverSizes,
-  Mo as popoverTriggerTypes,
-  Vo as popoverVariants,
-  wo as radioAlignments,
-  Io as radioTypes,
-  Uo as spinnerSizes,
-  Yr as statuses,
-  Zo as styledAvatarTypes,
-  or as swatchSizes,
-  ea as system,
-  sr as tabIconPositions,
-  pr as tabSizes,
-  nr as tagSizes,
-  Zr as typographyVariants,
-  Nr as useBreakpoint,
-  Fr as useColorMode,
-  jr as useColorModeValue,
-  Er as useDeviceType,
-  Mr as useToast,
-  Lr as withDarkMode,
-  Gr as withLightMode
+  k as cardSizes,
+  dr as closeButtonDisplays,
+  ea as colorModeThemeKey,
+  Q as dividerOrientations,
+  U as dividerSizes,
+  X as dividerVariants,
+  _r as flexDirections,
+  ro as iconSizes,
+  pa as kibbleThemeConfig,
+  po as logoTypes,
+  no as maintenanceBannerEnvKeys,
+  uo as modalMotionPresets,
+  To as modalPlacements,
+  So as modalScrollBehaviors,
+  bo as modalSizes,
+  Do as notificationCounterSizes,
+  Po as notificationCounterVariants,
+  Wo as pinInputTypes,
+  $r as placements,
+  Ao as popoverSizes,
+  wo as popoverTriggerTypes,
+  Io as popoverVariants,
+  Go as radioAlignments,
+  Ko as radioTypes,
+  _o as spinnerSizes,
+  oa as statuses,
+  rr as styledAvatarTypes,
+  tr as swatchSizes,
+  ia as system,
+  nr as tabIconPositions,
+  fr as tabSizes,
+  ur as tagSizes,
+  ra as typographyVariants,
+  Hr as useBreakpoint,
+  qr as useColorMode,
+  Qr as useColorModeValue,
+  Xr as useDeviceType,
+  wr as useToast,
+  Nr as withDarkMode,
+  Er as withLightMode
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as b, k as i, s as m } from "../../chunks/theme.provider-CvuSdLO6.js";
+import { K as b, k as i, s as m } from "../../chunks/theme.provider-BYXTygyb.js";
 export {
   b as KibbleThemeProvider,
   i as kibbleThemeConfig,

package/dist/esm/theme/tokens/colors/index.js

@@ -60,16 +60,16 @@ const F = {
     900: "#48091F"
   },
   warning: {
-    50: "#FFFDFA",
-    100: "#FFF7EB",
-    200: "#FEE8C3",
-    300: "#F6BE5E",
-    400: "#ECB14B",
-    500: "#D69E2E",
-    600: "#B7791F",
-    700: "#975A16",
-    800: "#744210",
-    900: "#5F370E"
+    50: "#FFFCF4",
+    100: "#FFF6D7",
+    200: "#FFE695",
+    300: "#FFD073",
+    400: "#F5BB4B",
+    500: "#DF9F23",
+    600: "#BF8411",
+    700: "#98600C",
+    800: "#734500",
+    900: "#532D00"
   },
   success: {
     50: "#F6FCEB",

package/dist/esm/theme/tokens/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n  primary: {\n    50: '#F6FCEB',\n    100: '#E5F9C6',\n    200: '#CDF197',\n    300: '#BDE87D',\n    400: '#9FCF5D',\n    500: '#6AAE0D',\n    600: '#4F830F',\n    700: '#3E660C',\n    800: '#284309',\n    900: '#1A2D06',\n  },\n  secondary: {\n    50: '#F6FAFF',\n    100: '#E9F2FF',\n    200: '#CBE2FF',\n    300: '#ADCFFF',\n    400: '#7FAFF2',\n    500: '#497CC3',\n    600: '#305992',\n    700: '#2B5082',\n    800: '#122136',\n    900: '#080E17',\n  },\n  tertiary: {\n    50: '#FAF8F2',\n    100: '#F6F3EA',\n    200: '#EAE4DD',\n    300: '#DCD1C6',\n    400: '#BCAC9E',\n    500: '#9D7E6B',\n    600: '#7D5B48',\n    700: '#5E3B28',\n    800: '#381F12',\n    900: '#170D07',\n  },\n  neutral: {\n    50: '#FFFFFF',\n    100: '#FCFBFA',\n    200: '#EDEBEB',\n    300: '#DCDBDA',\n    400: '#BEBCB9',\n    500: '#96928F',\n    600: '#706E6C',\n    700: '#504D4C',\n    800: '#373331',\n    900: '#000000',\n  },\n  danger: {\n    50: '#FFF4F7',\n    100: '#FFDFE6',\n    200: '#FFC9D4',\n    300: '#F9A7A6',\n    400: '#F78C7F',\n    500: '#EE634A',\n    600: '#CA4038',\n    700: '#A6333F',\n    800: '#82314D',\n    900: '#48091F',\n  },\n  warning: {\n    50: '#FFFDFA',\n    100: '#FFF7EB',\n    200: '#FEE8C3',\n    300: '#F6BE5E',\n    400: '#ECB14B',\n    500: '#D69E2E',\n    600: '#B7791F',\n    700: '#975A16',\n    800: '#744210',\n    900: '#5F370E',\n  },\n  success: {\n    50: '#F6FCEB',\n    100: '#E5F9C6',\n    200: '#CDF197',\n    300: '#BDE87D',\n    400: '#9FCF5D',\n    500: '#6AAE0D',\n    600: '#4F830F',\n    700: '#3E660C',\n    800: '#284309',\n    900: '#1A2D06',\n  },\n  primaryAlpha: {\n    50: '#4F830F0A',\n    100: '#4F830F0F',\n    200: '#4F830F14',\n    300: '#4F830F29',\n    400: '#4F830F3D',\n    500: '#4F830F5C',\n    600: '#4F830F7A',\n    700: '#4F830F9E',\n    800: '#4F830FCC',\n    900: '#4F830FEB',\n  },\n  primaryAlphaInverse: {\n    50: '#CDF1970A',\n    100: '#CDF1970F',\n    200: '#CDF19714',\n    300: '#CDF19729',\n    400: '#CDF1973D',\n    500: '#CDF1975C',\n    600: '#CDF1977A',\n    700: '#CDF1979E',\n    800: '#CDF197CC',\n    900: '#CDF197EB',\n  },\n  secondaryAlpha: {\n    50: '#497CC30A',\n    100: '#497CC30F',\n    200: '#497CC314',\n    300: '#497CC329',\n    400: '#497CC33D',\n    500: '#497CC35C',\n    600: '#497CC37A',\n    700: '#497CC39E',\n    800: '#497CC3CC',\n    900: '#497CC3EB',\n  },\n  secondaryAlphaInverse: {\n    50: '#CBE2FF0A',\n    100: '#CBE2FF0F',\n    200: '#CBE2FF14',\n    300: '#CBE2FF29',\n    400: '#CBE2FF3D',\n    500: '#CBE2FF5C',\n    600: '#CBE2FF7A',\n    700: '#CBE2FF9E',\n    800: '#CBE2FFCC',\n    900: '#CBE2FFEB',\n  },\n  blackAlpha: {\n    50: '#0000000a',\n    100: '#0000000f',\n    200: '#00000014',\n    300: '#00000029',\n    400: '#0000003d',\n    500: '#0000005c',\n    600: '#0000007a',\n    700: '#0000009e',\n    800: '#000000cc',\n    900: '#000000eb',\n  },\n  whiteAlpha: {\n    50: '#FFFFFF0A',\n    100: '#FFFFFF0F',\n    200: '#FFFFFF14',\n    300: '#FFFFFF29',\n    400: '#FFFFFF3D',\n    500: '#FFFFFF5C',\n    600: '#FFFFFF7A',\n    700: '#FFFFFF9E',\n    800: '#FFFFFFCC',\n    900: '#FFFFFFEB',\n  },\n  dangerAlpha: {\n    50: '#CA40380A',\n    100: '#CA40380F',\n    200: '#CA403814',\n    300: '#CA403829',\n    400: '#CA40383D',\n    500: '#CA40385C',\n    600: '#CA40387A',\n    700: '#CA40389E',\n    800: '#CA4038CC',\n    900: '#CA4038EB',\n  },\n  dangerAlphaInverse: {\n    50: '#F9A7A60A',\n    100: '#F9A7A60F',\n    200: '#F9A7A614',\n    300: '#F9A7A629',\n    400: '#F9A7A63D',\n    500: '#F9A7A65C',\n    600: '#F9A7A67A',\n    700: '#F9A7A69E',\n    800: '#F9A7A6CC',\n    900: '#F9A7A6EB',\n  },\n};\n"],"names":["coreColors"],"mappings":"AAEO,MAAMA,IAA4D;AAAA,EACvE,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,qBAAqB;AAAA,IACnB,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,gBAAgB;AAAA,IACd,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,uBAAuB;AAAA,IACrB,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n  primary: {\n    50: '#F6FCEB',\n    100: '#E5F9C6',\n    200: '#CDF197',\n    300: '#BDE87D',\n    400: '#9FCF5D',\n    500: '#6AAE0D',\n    600: '#4F830F',\n    700: '#3E660C',\n    800: '#284309',\n    900: '#1A2D06',\n  },\n  secondary: {\n    50: '#F6FAFF',\n    100: '#E9F2FF',\n    200: '#CBE2FF',\n    300: '#ADCFFF',\n    400: '#7FAFF2',\n    500: '#497CC3',\n    600: '#305992',\n    700: '#2B5082',\n    800: '#122136',\n    900: '#080E17',\n  },\n  tertiary: {\n    50: '#FAF8F2',\n    100: '#F6F3EA',\n    200: '#EAE4DD',\n    300: '#DCD1C6',\n    400: '#BCAC9E',\n    500: '#9D7E6B',\n    600: '#7D5B48',\n    700: '#5E3B28',\n    800: '#381F12',\n    900: '#170D07',\n  },\n  neutral: {\n    50: '#FFFFFF',\n    100: '#FCFBFA',\n    200: '#EDEBEB',\n    300: '#DCDBDA',\n    400: '#BEBCB9',\n    500: '#96928F',\n    600: '#706E6C',\n    700: '#504D4C',\n    800: '#373331',\n    900: '#000000',\n  },\n  danger: {\n    50: '#FFF4F7',\n    100: '#FFDFE6',\n    200: '#FFC9D4',\n    300: '#F9A7A6',\n    400: '#F78C7F',\n    500: '#EE634A',\n    600: '#CA4038',\n    700: '#A6333F',\n    800: '#82314D',\n    900: '#48091F',\n  },\n  warning: {\n    50: '#FFFCF4',\n    100: '#FFF6D7',\n    200: '#FFE695',\n    300: '#FFD073',\n    400: '#F5BB4B',\n    500: '#DF9F23',\n    600: '#BF8411',\n    700: '#98600C',\n    800: '#734500',\n    900: '#532D00',\n  },\n  success: {\n    50: '#F6FCEB',\n    100: '#E5F9C6',\n    200: '#CDF197',\n    300: '#BDE87D',\n    400: '#9FCF5D',\n    500: '#6AAE0D',\n    600: '#4F830F',\n    700: '#3E660C',\n    800: '#284309',\n    900: '#1A2D06',\n  },\n  primaryAlpha: {\n    50: '#4F830F0A',\n    100: '#4F830F0F',\n    200: '#4F830F14',\n    300: '#4F830F29',\n    400: '#4F830F3D',\n    500: '#4F830F5C',\n    600: '#4F830F7A',\n    700: '#4F830F9E',\n    800: '#4F830FCC',\n    900: '#4F830FEB',\n  },\n  primaryAlphaInverse: {\n    50: '#CDF1970A',\n    100: '#CDF1970F',\n    200: '#CDF19714',\n    300: '#CDF19729',\n    400: '#CDF1973D',\n    500: '#CDF1975C',\n    600: '#CDF1977A',\n    700: '#CDF1979E',\n    800: '#CDF197CC',\n    900: '#CDF197EB',\n  },\n  secondaryAlpha: {\n    50: '#497CC30A',\n    100: '#497CC30F',\n    200: '#497CC314',\n    300: '#497CC329',\n    400: '#497CC33D',\n    500: '#497CC35C',\n    600: '#497CC37A',\n    700: '#497CC39E',\n    800: '#497CC3CC',\n    900: '#497CC3EB',\n  },\n  secondaryAlphaInverse: {\n    50: '#CBE2FF0A',\n    100: '#CBE2FF0F',\n    200: '#CBE2FF14',\n    300: '#CBE2FF29',\n    400: '#CBE2FF3D',\n    500: '#CBE2FF5C',\n    600: '#CBE2FF7A',\n    700: '#CBE2FF9E',\n    800: '#CBE2FFCC',\n    900: '#CBE2FFEB',\n  },\n  blackAlpha: {\n    50: '#0000000a',\n    100: '#0000000f',\n    200: '#00000014',\n    300: '#00000029',\n    400: '#0000003d',\n    500: '#0000005c',\n    600: '#0000007a',\n    700: '#0000009e',\n    800: '#000000cc',\n    900: '#000000eb',\n  },\n  whiteAlpha: {\n    50: '#FFFFFF0A',\n    100: '#FFFFFF0F',\n    200: '#FFFFFF14',\n    300: '#FFFFFF29',\n    400: '#FFFFFF3D',\n    500: '#FFFFFF5C',\n    600: '#FFFFFF7A',\n    700: '#FFFFFF9E',\n    800: '#FFFFFFCC',\n    900: '#FFFFFFEB',\n  },\n  dangerAlpha: {\n    50: '#CA40380A',\n    100: '#CA40380F',\n    200: '#CA403814',\n    300: '#CA403829',\n    400: '#CA40383D',\n    500: '#CA40385C',\n    600: '#CA40387A',\n    700: '#CA40389E',\n    800: '#CA4038CC',\n    900: '#CA4038EB',\n  },\n  dangerAlphaInverse: {\n    50: '#F9A7A60A',\n    100: '#F9A7A60F',\n    200: '#F9A7A614',\n    300: '#F9A7A629',\n    400: '#F9A7A63D',\n    500: '#F9A7A65C',\n    600: '#F9A7A67A',\n    700: '#F9A7A69E',\n    800: '#F9A7A6CC',\n    900: '#F9A7A6EB',\n  },\n};\n"],"names":["coreColors"],"mappings":"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"}

package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface DateTimePickerCustomViewProps {
     /** Determines if the calendar view is single. */
     isSingleView: boolean;
+    timezoneOverride?: string;
 }
-export declare const DateTimePickerCustomView: ({ isSingleView }: DateTimePickerCustomViewProps) => React.JSX.Element;
+export declare const DateTimePickerCustomView: ({ isSingleView, timezoneOverride, }: DateTimePickerCustomViewProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts

@@ -5,6 +5,7 @@ interface DateTimePickerRangeSelectorProps {
     label: string;
     /** Type of range selector. */
     rangeType: FocusedInput;
+    timezoneOverride?: string;
 }
-export declare const DateTimePickerRangeSelector: ({ label, rangeType, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
+export declare const DateTimePickerRangeSelector: ({ label, rangeType, timezoneOverride, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts

@@ -25,9 +25,14 @@ export interface DateTimePickerProps extends DateProps {
      * @default true
      */
     showQuickOptions?: boolean;
+    /**
+     * Whether a specific timezone should override the default timezone we detect from the browser,
+     * typically used for impersonations
+     */
+    timezoneOverride?: string;
     /** Data test id for the date time picker.
      * @default kibble-datetime-picker
      */
     'data-testid'?: string;
 }
-export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, ...rest }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, timezoneOverride, ...rest }: DateTimePickerProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './maintenanceBanner.component';
+export * from './maintenanceBanner.types';

package/dist/types/components/MaintenanceBanner/maintenanceBanner.component.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { AlertProps } from '../Alert/alert.component';
+export interface MaintenanceBannerProps extends Omit<AlertProps, 'title' | 'description' | 'status' | 'hideCloseButton' | 'children'> {
+    /**
+     * The maintenance message to display.
+     * When falsy (undefined, null, or empty string), the banner does not render.
+     */
+    message?: string;
+    /**
+     * Optional secondary line of text displayed below the title.
+     */
+    description?: string;
+    /**
+     * Data test id for the banner.
+     * @default kibble-maintenance-banner
+     */
+    'data-testid'?: string;
+}
+export declare const MaintenanceBanner: {
+    ({ message, description, ["data-testid"]: dataTestId, ...rest }: MaintenanceBannerProps): React.JSX.Element | null;
+    displayName: string;
+};

package/dist/types/components/MaintenanceBanner/maintenanceBanner.types.d.ts

@@ -0,0 +1,4 @@
+export declare const maintenanceBannerEnvKeys: {
+    readonly vite: "VITE_MAINTENANCE_MESSAGE";
+    readonly nextjs: "NEXT_PUBLIC_MAINTENANCE_MESSAGE";
+};

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -20,10 +20,18 @@ export interface TimePickerProps {
      * @default bottom
      */
     placement?: Placement;
+    /**
+     * If set, displays and processes the time in a specific timezone (typically for impersonation)
+     */
+    timezoneOverride?: string;
+    /**
+     * Show the timezone abbreviation (if available) beside the component
+     */
+    showTimezoneAbr?: boolean;
     /**
      * Data test id for the time picker.
      * @default kibble-timepicker
      */
     'data-testid'?: string;
 }
-export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, timezoneOverride, showTimezoneAbr, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;

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

@@ -16,6 +16,7 @@ export * from './Heading';
 export * from './Icon';
 export * from './Link';
 export * from './Logo';
+export * from './MaintenanceBanner';
 export * from './Menu';
 export * from './Modal';
 export * from './NotificationCounter';

package/dist/types/shared/utils/convertToTimezoneOverride.d.ts

@@ -0,0 +1,5 @@
+export declare const convertToTimezoneOverride: ({ date, timezoneOverride, reverse, }: {
+    date: Date;
+    timezoneOverride: string;
+    reverse?: boolean;
+}) => Date;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.21",
+  "version": "5.0.23-alpha.1",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -36,7 +36,8 @@
     "publishBeta": "npm run build && npm publish --tag beta",
     "start": "WATCHPACK_POLLING=1 npm run generate:icons & WATCHPACK_POLLING=1 npm run generate:logos & WATCHPACK_POLLING=1 npm run theme:watch & WATCHPACK_POLLING=1 storybook dev -p 6006",
     "test-storybook": "npm run build:preparation && vitest --project=storybook",
-    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
+    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch",
+    "makeLocalPackage": "npm run build && npm pack"
   },
   "engines": {
     "node": ">=20.0.0",
@@ -175,16 +176,18 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "lodash-es": "^4.17.21",
+    "@date-fns/tz": "^1.4.1",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@televet/kibble-primitives": "*",
     "@chakra-ui/react": "^3.24.0",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@televet/kibble-primitives": "*",
     "next-themes": "^0.4.6"
   }
 }

package/dist/chunks/alert.types-BlvzpzTn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-BlvzpzTn.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** The name of the icon to be used as the close button. */\n  closeButtonIcon?: IconName;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  closeButtonIcon = 'close',\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName={closeButtonIcon}\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","closeButtonIcon","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}