@televet/kibble-ui 4.0.0-beta.79 → 4.0.0-beta.8

package/dist/esm/components/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as e } from "../../../chunks/icon.component-DGNCL1Yc.js";
+import { I as e } from "../../../chunks/icon.component-B-BWWGO3.js";
 import { i as s } from "../../../chunks/icon.types-DLbVfMjG.js";
 export {
   e as Icon,

package/dist/esm/components/Link/index.js

@@ -1,4 +1,4 @@
-import { L } from "../../../chunks/link.component-DprieyUG.js";
+import { L } from "../../../chunks/link.component-COhBuuX3.js";
 export {
   L as Link
 };

package/dist/esm/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../../chunks/menu.component-CKdbf8cV.js";
+import { M as r } from "../../../chunks/menu.component-CR9SH_jk.js";
 export {
   r as Menu
 };

package/dist/esm/components/Modal/index.js

@@ -1,4 +1,4 @@
-import { M as s, c as l, a as e, b as m, m as d } from "../../../chunks/modal.types-CPdmvcA8.js";
+import { M as s, c as l, a as e, b as m, m as d } from "../../../chunks/modal.types-ChWBgALC.js";
 export {
   s as Modal,
   l as modalMotionPresets,

package/dist/esm/components/NotificationCounter/index.js

@@ -1,8 +1,13 @@
-import { N as i } from "../../../chunks/notificationCounter.component-Bei8mHSZ.js";
-import { n as a, a as r } from "../../../chunks/notificationCounter.types-S7ENT1Oj.js";
+import { N as i } from "../../../chunks/notificationCounter.component-CSuqzMTF.js";
+const t = ["xs", "sm", "md", "lg"], o = [
+  "blue",
+  "green",
+  "neutral",
+  "red"
+];
 export {
   i as NotificationCounter,
-  a as notificationCounterSizes,
-  r as notificationCounterVariants
+  t as notificationCounterSizes,
+  o as notificationCounterVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/NotificationCounter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export const notificationCounterSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type NotificationCounterSize = (typeof notificationCounterSizes)[number];\n\nexport const notificationCounterVariants = [\n  \"blue\",\n  \"green\",\n  \"neutral\",\n  \"red\",\n] as const;\nexport type NotificationCounterVariant =\n  (typeof notificationCounterVariants)[number];\n"],"names":["notificationCounterSizes","notificationCounterVariants"],"mappings":";AAAO,MAAMA,IAA2B,CAAC,MAAM,MAAM,MAAM,IAAI,GAGlDC,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/esm/components/Picture/index.js

@@ -1,4 +1,19 @@
-import { P as o } from "../../../chunks/picture.component-DKbaaL64.js";
+import { x as s } from "../../../chunks/vendor-BBfll6i3.js";
+import { a_ as a } from "../../../chunks/chakra-BqBkjpvZ.js";
+const o = ({
+  src: t,
+  webpSrc: r,
+  ...e
+}) => /* @__PURE__ */ s.jsx(
+  a,
+  {
+    className: "Picture",
+    "data-testid": "kibble-picture",
+    src: t,
+    srcSet: r,
+    ...e
+  }
+);
 export {
   o as Picture
 };

package/dist/esm/components/Picture/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Picture/picture.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image, ImageProps } from \"@chakra-ui/react/image\";\n\nexport interface PictureProps extends ImageProps {\n  webpSrc?: string;\n  src: string;\n}\n\nexport const Picture = ({\n  src,\n  webpSrc,\n  ...rest\n}: PictureProps): React.JSX.Element => {\n  return (\n    <Image\n      className=\"Picture\"\n      data-testid=\"kibble-picture\"\n      src={src}\n      srcSet={webpSrc}\n      {...rest}\n    />\n  );\n};\n"],"names":["Picture","src","webpSrc","rest","jsx","Image"],"mappings":";;AAQO,MAAMA,IAAU,CAAC;AAAA,EACtB,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,KAAAJ;AAAA,IACA,QAAQC;AAAA,IACP,GAAGC;AAAA,EAAA;AACN;"}

package/dist/esm/components/Popover/index.js

@@ -1,4 +1,4 @@
-import { P as r } from "../../../chunks/popover.component-Dj2hVIcn.js";
+import { P as r } from "../../../chunks/popover.component-CzYfOF7z.js";
 import { p as a, b as s, a as v } from "../../../chunks/popover.types-C-V7Diw4.js";
 export {
   r as Popover,

package/dist/esm/components/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { W as a } from "../../../chunks/radioGroup.component-CiVzjo7r.js";
+import { W as a } from "../../../chunks/radioGroup.component-CsmHziwM.js";
 export {
   a as RadioGroup
 };

package/dist/esm/components/RatingDots/index.js

@@ -1,4 +1,4 @@
-import { R as a } from "../../../chunks/ratingDots.component-B3T-LOsU.js";
+import { R as a } from "../../../chunks/ratingDots.component-DFHojz_X.js";
 export {
   a as RatingDots
 };

package/dist/esm/components/Select/index.js

@@ -1,4 +1,4 @@
-import { W as r } from "../../../chunks/select.component-B-Z8HCfk.js";
+import { W as r } from "../../../chunks/select.component-HI7aJx11.js";
 export {
   r as Select
 };

package/dist/esm/components/SortableList/index.js

@@ -1,4 +1,4 @@
-import { S as t } from "../../../chunks/sortableList.component-DmIXsqZ6.js";
+import { S as t } from "../../../chunks/sortableList.component-DAIHsGEA.js";
 export {
   t as SortableList
 };

package/dist/esm/components/Spinner/index.js

@@ -1,4 +1,4 @@
-import { S as s } from "../../../chunks/spinner.component-B8JvK7UJ.js";
+import { S as s } from "../../../chunks/spinner.component-D5tkelNc.js";
 import { s as o } from "../../../chunks/spinner.types-g7cTFJkb.js";
 export {
   s as Spinner,

package/dist/esm/components/Swatch/index.js

@@ -1,6 +1,65 @@
-import { S as t, s as S } from "../../../chunks/swatch.types-DbgA3RWc.js";
+import { x as p } from "../../../chunks/vendor-BBfll6i3.js";
+import { ad as x, u as c, B as h } from "../../../chunks/chakra-BqBkjpvZ.js";
+const n = {
+  xs: {
+    borderRadius: "xs",
+    height: "14px",
+    width: "14px"
+  },
+  sm: {
+    borderRadius: "3px",
+    height: "16px",
+    width: "16px"
+  },
+  md: {
+    borderRadius: "4px",
+    height: "20px",
+    width: "20px"
+  },
+  lg: {
+    borderRadius: "5px",
+    height: "24px",
+    width: "24px"
+  },
+  xl: {
+    borderRadius: "sm",
+    height: "32px",
+    width: "32px"
+  }
+}, l = x({
+  base: {
+    display: "inline-block",
+    border: "1px"
+  },
+  variants: {
+    size: n
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), u = ({
+  size: e = "md",
+  color: t,
+  backgroundColor: i,
+  bgColor: r,
+  borderColor: a,
+  ...d
+}) => {
+  const o = c({ recipe: l })({ size: e }), s = r || i || t || "transparent";
+  return /* @__PURE__ */ p.jsx(
+    h,
+    {
+      className: "Swatch",
+      "data-testid": "kibble-swatch",
+      css: o,
+      bg: s,
+      borderColor: a || s,
+      ...d
+    }
+  );
+}, R = ["xs", "sm", "md", "lg", "xl"];
 export {
-  t as Swatch,
-  S as swatchSizes
+  u as Swatch,
+  R as swatchSizes
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Swatch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Swatch/swatch.recipe.ts","../../../../src/components/Swatch/swatch.component.tsx","../../../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SwatchSize } from \"./swatch.types\";\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: \"xs\",\n    height: \"14px\",\n    width: \"14px\",\n  },\n  sm: {\n    borderRadius: \"3px\",\n    height: \"16px\",\n    width: \"16px\",\n  },\n  md: {\n    borderRadius: \"4px\",\n    height: \"20px\",\n    width: \"20px\",\n  },\n  lg: {\n    borderRadius: \"5px\",\n    height: \"24px\",\n    width: \"24px\",\n  },\n  xl: {\n    borderRadius: \"sm\",\n    height: \"32px\",\n    width: \"32px\",\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: \"inline-block\",\n    border: \"1px\",\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { SwatchSize } from \"./swatch.types\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { swatchRecipe } from \"./swatch.recipe\";\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, \"children\">;\n\nexport const Swatch = ({\n  size = \"md\",\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || \"transparent\";\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":";;AAMA,MAAMA,IAA0D;AAAA,EAC9D,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAMF;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GCjCYG,IAAS,CAAC;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AAEpC,QAAMC,IADSC,EAAU,EAAE,QAAQV,GAAc,EAC3B,EAAE,MAAAG,GAAM,GACxBQ,IAAeL,KAAWD,KAAmBD,KAAS;AAG1D,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKJ;AAAA,MACL,IAAIE;AAAA,MACJ,aAAaJ,KAAeI;AAAA,MAC3B,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GClCaM,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}

package/dist/esm/components/Switch/index.js

@@ -1,4 +1,4 @@
-import { W as t } from "../../../chunks/switch.component-DR2z1VIi.js";
+import { W as t } from "../../../chunks/switch.component-B1fXLRiO.js";
 export {
   t as Switch
 };

package/dist/esm/components/Tabs/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../chunks/tabs.component-Dsp-LFv8.js";
+import { T as r } from "../../../chunks/tabs.component-DaUZITBw.js";
 export {
   r as Tabs
 };

package/dist/esm/components/Tag/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../../chunks/tag.component-pexJ0TAT.js";
+import { T as o } from "../../../chunks/tag.component-A__B03TA.js";
 import { c as e, t as r } from "../../../chunks/tag.types-B-pzEt1I.js";
 export {
   o as Tag,

package/dist/esm/components/Text/index.js

@@ -1,4 +1,4 @@
-import { W as r } from "../../../chunks/withTruncation-CIxtQTOw.js";
+import { W as r } from "../../../chunks/text.component-XYjOAc2s.js";
 export {
   r as Text
 };

package/dist/esm/components/TextInput/index.js

@@ -1,4 +1,4 @@
-import { W as o } from "../../../chunks/textInput.component-BNINW1_e.js";
+import { W as o } from "../../../chunks/textInput.component-LjDvSnBy.js";
 export {
   o as TextInput
 };

package/dist/esm/components/Textarea/index.js

@@ -1,4 +1,4 @@
-import { W as r } from "../../../chunks/textarea.component-Bp58Lx18.js";
+import { W as r } from "../../../chunks/textarea.component-C7l9zJKx.js";
 export {
   r as Textarea
 };

package/dist/esm/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { M as r, T as m } from "../../../chunks/timePicker.component-D-qQvgQh.js";
+import { M as r, T as m } from "../../../chunks/timePicker.component-DFT36RN_.js";
 export {
   r as Meridiem,
   m as TimePicker

package/dist/esm/components/TimeRange/index.js

@@ -1,4 +1,4 @@
-import { T as m } from "../../../chunks/timeRange.component-Cz0RyPsh.js";
+import { T as m } from "../../../chunks/timeRange.component-KETq7cDb.js";
 export {
   m as TimeRange
 };

package/dist/esm/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../chunks/withTruncation-CIxtQTOw.js";
+import { T as r } from "../../../chunks/tooltip.component-C3v2m2T2.js";
 export {
   r as Tooltip
 };

package/dist/esm/components/index.js

@@ -1,125 +1,102 @@
-import { A as r, a as t } from "../../chunks/alert.types-D-3T1zMb.js";
-import { A as e } from "../../chunks/avatar.component-DFefIlUE.js";
+import { A as a, a as t } from "../../chunks/alert.types-kskv5PHB.js";
+import { A as s } from "../../chunks/avatar.component-DzvE2D-d.js";
 import { a as i, b as m } from "../../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../../chunks/avatarGroup.component-B8p1xC3D.js";
-import { B as c } from "../../chunks/button.component-BpF3MzbZ.js";
-import { b as T, d, c as l, e as u, a as v } from "../../chunks/button.types-CujqF5RD.js";
-import { B as C } from "../../chunks/buttonGroup.component-BgsjtghM.js";
-import { C as P } from "../../chunks/card.component-DNX41NGG.js";
-import { c as W } from "../../chunks/card.types-Cixp7ouC.js";
-import { C as B } from "../../chunks/characterCounter.component-VT8m1K12.js";
-import { W as h } from "../../chunks/checkbox.component-CMFZJnuD.js";
-import { W as M } from "../../chunks/checkboxGroup.component-BYyZqfgM.js";
-import { C as k } from "../../chunks/conversationCard.component-wm7Lpbwc.js";
-import { a as L, D as G } from "../../chunks/datePicker.component-M71Njnos.js";
-import { D as w, d as N, a as F, b as H } from "../../chunks/divider.types-0j5qRXed.js";
-import { W as j } from "../../chunks/heading.component-CLeuZRZ3.js";
-import { I as E } from "../../chunks/icon.component-DGNCL1Yc.js";
-import { i as K } from "../../chunks/icon.types-DLbVfMjG.js";
-import { L as U } from "../../chunks/link.component-DprieyUG.js";
-import { L as Y, l as Z, a as _ } from "../../chunks/logo.types-By8TqyNf.js";
-import { M as oo } from "../../chunks/menu.component-CKdbf8cV.js";
-import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-CPdmvcA8.js";
-import { N as mo } from "../../chunks/notificationCounter.component-Bei8mHSZ.js";
-import { n as xo, a as fo } from "../../chunks/notificationCounter.types-S7ENT1Oj.js";
-import { P as So } from "../../chunks/picture.component-DKbaaL64.js";
-import { W as lo, p as uo } from "../../chunks/pinInput.types-DXmtwsDe.js";
-import { P as bo } from "../../chunks/popover.component-Dj2hVIcn.js";
-import { p as go, b as Po, a as zo } from "../../chunks/popover.types-C-V7Diw4.js";
-import { W as Ao } from "../../chunks/radioGroup.component-CiVzjo7r.js";
-import { R as Do } from "../../chunks/ratingDots.component-B3T-LOsU.js";
-import { W as yo } from "../../chunks/select.component-B-Z8HCfk.js";
-import { S as Vo } from "../../chunks/sortableList.component-DmIXsqZ6.js";
-import { S as Io } from "../../chunks/spinner.component-B8JvK7UJ.js";
-import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as wo, s as No } from "../../chunks/styledAvatar.types-B1L3B7Vt.js";
-import { S as Ho, s as Oo } from "../../chunks/swatch.types-DbgA3RWc.js";
-import { W as qo } from "../../chunks/switch.component-DR2z1VIi.js";
-import { T as Jo } from "../../chunks/tabs.component-Dsp-LFv8.js";
-import { T as Qo } from "../../chunks/tag.component-pexJ0TAT.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-Cz_t--RO.js";
-import { W as aa, T as ra } from "../../chunks/withTruncation-CIxtQTOw.js";
-import { W as sa } from "../../chunks/textInput.component-BNINW1_e.js";
-import { W as pa } from "../../chunks/textarea.component-Bp58Lx18.js";
-import { M as ma, T as na } from "../../chunks/timePicker.component-D-qQvgQh.js";
-import { T as fa } from "../../chunks/timeRange.component-Cz0RyPsh.js";
-import { T as Sa } from "../../chunks/timestamp.component-DupRVSWm.js";
-import { useToast as da } from "./Toast/index.js";
+import { A as f } from "../../chunks/avatarGroup.component-D-U0aMDv.js";
+import { B as c } from "../../chunks/button.component-BiW8RE1U.js";
+import { b as S, d as l, c as T, e as b, a as d } from "../../chunks/button.types-CujqF5RD.js";
+import { B as z } from "../../chunks/buttonGroup.component-DcCHtB7Q.js";
+import { C as v } from "../../chunks/card.component-HX-4Y0j7.js";
+import { cardSizes as g } from "./Card/index.js";
+import { C as B } from "../../chunks/characterCounter.component-DhiMcztY.js";
+import { W as A } from "../../chunks/checkbox.component-DgyH37fL.js";
+import { W as D } from "../../chunks/checkboxGroup.component-C8cndZPg.js";
+import { W as G } from "../../chunks/heading.component-B8niLTxz.js";
+import { I as R } from "../../chunks/icon.component-B-BWWGO3.js";
+import { i as L } from "../../chunks/icon.types-DLbVfMjG.js";
+import { L as N } from "../../chunks/link.component-COhBuuX3.js";
+import { M as H } from "../../chunks/menu.component-CR9SH_jk.js";
+import { M as q, c as E, a as J, b as K, m as O } from "../../chunks/modal.types-ChWBgALC.js";
+import { N as U } from "../../chunks/notificationCounter.component-CSuqzMTF.js";
+import { notificationCounterSizes as Y, notificationCounterVariants as Z } from "./NotificationCounter/index.js";
+import { Picture as $ } from "./Picture/index.js";
+import { P as ro } from "../../chunks/popover.component-CzYfOF7z.js";
+import { p as to, b as eo, a as so } from "../../chunks/popover.types-C-V7Diw4.js";
+import { W as io } from "../../chunks/radioGroup.component-CsmHziwM.js";
+import { R as xo } from "../../chunks/ratingDots.component-DFHojz_X.js";
+import { W as no } from "../../chunks/select.component-HI7aJx11.js";
+import { S as uo } from "../../chunks/sortableList.component-DAIHsGEA.js";
+import { S as lo } from "../../chunks/spinner.component-D5tkelNc.js";
+import { s as bo } from "../../chunks/spinner.types-g7cTFJkb.js";
+import { Swatch as zo, swatchSizes as Po } from "./Swatch/index.js";
+import { W as Wo } from "../../chunks/switch.component-B1fXLRiO.js";
+import { T as ho } from "../../chunks/tabs.component-DaUZITBw.js";
+import { T as Mo } from "../../chunks/tag.component-A__B03TA.js";
+import { c as ko, t as Do } from "../../chunks/tag.types-B-pzEt1I.js";
+import { W as Go } from "../../chunks/text.component-XYjOAc2s.js";
+import { W as Ro } from "../../chunks/textInput.component-LjDvSnBy.js";
+import { W as Lo } from "../../chunks/textarea.component-C7l9zJKx.js";
+import { M as No, T as Fo } from "../../chunks/timePicker.component-DFT36RN_.js";
+import { T as jo } from "../../chunks/timeRange.component-KETq7cDb.js";
+import { T as Eo } from "../../chunks/tooltip.component-C3v2m2T2.js";
+import { a as Ko, D as Oo } from "../../chunks/datePicker.component-Q_KcgvIw.js";
 export {
-  r as Alert,
-  e as Avatar,
-  x as AvatarGroup,
+  a as Alert,
+  s as Avatar,
+  f as AvatarGroup,
   c as Button,
-  C as ButtonGroup,
-  P as Card,
+  z as ButtonGroup,
+  v as Card,
   B as CharacterCounter,
-  h as Checkbox,
-  M as CheckboxGroup,
-  k as ConversationCard,
-  L as DateFormats,
-  G as DatePicker,
-  w as Divider,
-  j as Heading,
-  E as Icon,
-  U as Link,
-  Y as Logo,
-  oo as Menu,
-  ma as Meridiem,
-  ro as Modal,
-  mo as NotificationCounter,
-  So as Picture,
-  lo as PinInput,
-  bo as Popover,
-  Ao as RadioGroup,
-  Do as RatingDots,
-  yo as Select,
-  Vo as SortableList,
-  Io as Spinner,
-  wo as StyledAvatar,
-  Ho as Swatch,
-  qo as Switch,
-  Jo as Tabs,
-  Qo as Tag,
-  _o as TagBlock,
-  $o as TagDisabledState,
-  aa as Text,
-  sa as TextInput,
-  pa as Textarea,
-  na as TimePicker,
-  fa as TimeRange,
-  Sa as Timestamp,
-  ra as Tooltip,
+  A as Checkbox,
+  D as CheckboxGroup,
+  Ko as DateFormats,
+  Oo as DatePicker,
+  G as Heading,
+  R as Icon,
+  N as Link,
+  H as Menu,
+  No as Meridiem,
+  q as Modal,
+  U as NotificationCounter,
+  $ as Picture,
+  ro as Popover,
+  io as RadioGroup,
+  xo as RatingDots,
+  no as Select,
+  uo as SortableList,
+  lo as Spinner,
+  zo as Swatch,
+  Wo as Switch,
+  ho as Tabs,
+  Mo as Tag,
+  Go as Text,
+  Ro as TextInput,
+  Lo as Textarea,
+  Fo as TimePicker,
+  jo as TimeRange,
+  Eo as Tooltip,
   t as alertButtonPositions,
   i as avatarSizes,
   m as avatarVariants,
-  T as buttonConfigVariants,
-  d as buttonIconPositions,
-  l as buttonSizes,
-  u as buttonSpinnerPlacements,
-  v as buttonVariants,
-  W as cardSizes,
-  Xo as closeButtonDisplays,
-  N as dividerOrientations,
-  F as dividerSizes,
-  H as dividerVariants,
-  K as iconSizes,
-  Z as logoTypes,
-  _ as logoVariants,
-  to as modalMotionPresets,
-  so as modalPlacements,
-  eo as modalScrollBehaviors,
-  po as modalSizes,
-  xo as notificationCounterSizes,
-  fo as notificationCounterVariants,
-  uo as pinInputTypes,
-  go as popoverSizes,
-  Po as popoverTriggerTypes,
-  zo as popoverVariants,
-  Go as spinnerSizes,
-  No as styledAvatarTypes,
-  Oo as swatchSizes,
-  Yo as tagSizes,
-  da as useToast
+  S as buttonConfigVariants,
+  l as buttonIconPositions,
+  T as buttonSizes,
+  b as buttonSpinnerPlacements,
+  d as buttonVariants,
+  g as cardSizes,
+  ko as closeButtonDisplays,
+  L as iconSizes,
+  E as modalMotionPresets,
+  J as modalPlacements,
+  K as modalScrollBehaviors,
+  O as modalSizes,
+  Y as notificationCounterSizes,
+  Z as notificationCounterVariants,
+  to as popoverSizes,
+  eo as popoverTriggerTypes,
+  so as popoverVariants,
+  bo as spinnerSizes,
+  Po as swatchSizes,
+  Do as tagSizes
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/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/hocs/index.js

@@ -1,6 +1,38 @@
-import { w as t, a as e } from "../../chunks/index-BknUKotT.js";
+import { x as e } from "../../chunks/vendor-BBfll6i3.js";
+import a from "react";
+import { B as s } from "../../chunks/chakra-BqBkjpvZ.js";
+const d = a.forwardRef(
+  function(o, r) {
+    return /* @__PURE__ */ e.jsx(
+      s,
+      {
+        color: "fg",
+        display: "contents",
+        className: "chakra-theme dark",
+        "data-testid": "kibble-dark-mode",
+        colorScheme: "dark",
+        ref: r,
+        ...o
+      }
+    );
+  }
+), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
+  function(o, r) {
+    return /* @__PURE__ */ e.jsx(
+      s,
+      {
+        display: "contents",
+        className: "chakra-theme light",
+        "data-testid": "kibble-light-mode",
+        colorScheme: "light",
+        ref: r,
+        ...o
+      }
+    );
+  }
+), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
 export {
-  t as withDarkMode,
-  e as withLightMode
+  h as withDarkMode,
+  l as withLightMode
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/hocs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/hocs/withDarkMode/index.tsx","../../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAM;AAAA,EACrB,SAAkBC,GAAOC,GAAK;AAE1B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaI,IAAe,CAACC,MACpBH,gBAAAA,MAACJ,KAAU,UAAAO,GAAS,GCjBvBC,IAAYP,EAAM;AAAA,EACtB,SAAmBC,GAAOC,GAAK;AAE3B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaO,IAAgB,CAACF,MACrBH,gBAAAA,MAACI,KAAW,UAAAD,GAAS;"}

package/dist/esm/hooks/index.js

@@ -1,10 +1,20 @@
-import { useBreakpoint as r } from "./useBreakpoint/index.js";
-import { u, a } from "../../chunks/index-CgivotaP.js";
-import { useDeviceType as t } from "./useDeviceType/index.js";
+import { bX as t } from "../../chunks/vendor-BBfll6i3.js";
+const d = () => {
+  const { resolvedTheme: o, setTheme: e, forcedTheme: r } = t();
+  return {
+    colorMode: o,
+    forcedTheme: r,
+    setColorMode: e,
+    toggleColorMode: () => {
+      e(o === "dark" ? "light" : "dark");
+    }
+  };
+}, c = (o, e) => {
+  const { colorMode: r } = d();
+  return r === "dark" ? e : o;
+};
 export {
-  r as useBreakpoint,
-  u as useColorMode,
-  a as useColorModeValue,
-  t as useDeviceType
+  d as useColorMode,
+  c as useColorModeValue
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useColorMode/index.tsx","../../../src/hooks/useColorModeValue/index.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { ColorMode } from \"shared/types/theme\";\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n  toggleColorMode: () => void;\n  forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n  const toggleColorMode = (): void => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  };\n  return {\n    colorMode: resolvedTheme as ColorMode,\n    forcedTheme: forcedTheme as ColorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  };\n};\n","import { useColorMode } from \"../useColorMode\";\n\nexport const useColorModeValue = <T,>(light: T, dark: T): T => {\n  const { colorMode } = useColorMode();\n  return colorMode === \"dark\" ? dark : light;\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme","useColorModeValue","light","dark","colorMode"],"mappings":";AAUO,MAAMA,IAAe,MAA0B;AACpD,QAAM,EAAE,eAAAC,GAAe,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAS;AAInD,SAAA;AAAA,IACL,WAAWH;AAAA,IACX,aAAAE;AAAA,IACA,cAAcD;AAAA,IACd,iBAPsB,MAAY;AACzB,MAAAA,EAAAD,MAAkB,SAAS,UAAU,MAAM;AAAA,IACtD;AAAA,EAMA;AACF,GCnBaI,IAAoB,CAAKC,GAAUC,MAAe;AACvD,QAAA,EAAE,WAAAC,EAAU,IAAIR,EAAa;AAC5B,SAAAQ,MAAc,SAASD,IAAOD;AACvC;"}