@televet/kibble-ui 4.0.0-beta.128 → 4.0.0-beta.13

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

@@ -1,4 +1,4 @@
-import { I as e } from "../../../chunks/icon.component-S_qFWBRf.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--UJiv0xU.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-fFdY9cMO.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-DxZhJFBH.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-BzhAKrKR.js";
-import { n as a, a as r } from "../../../chunks/notificationCounter.types-Dm4PSN2Y.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-DECGd77u.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,5 +1,5 @@
-import { P as r } from "../../../chunks/popover.component-DlFFiYME.js";
-import { p as a, b as s, a as v } from "../../../chunks/popover.types-D1O-Ehsz.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,
   a as popoverSizes,

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

@@ -1,6 +1,5 @@
-import { W as a, r as p } from "../../../chunks/radioGroup.types-CA2oK1Am.js";
+import { W as a } from "../../../chunks/radioGroup.component-CsmHziwM.js";
 export {
-  a as RadioGroup,
-  p as radioTypes
+  a as RadioGroup
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { W as a } from "../../../chunks/ratingDots.component-CuKKpqru.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-DEf5MiUc.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-DW832-HJ.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-BcOsuuIq.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-CtRInwzo.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-NP_hIh2c.js";
+import { W as t } from "../../../chunks/switch.component-B1fXLRiO.js";
 export {
   t as Switch
 };

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

@@ -1,7 +1,5 @@
-import { T as o, a as t, t as b } from "../../../chunks/tab.types-DjQ-zWh3.js";
+import { T as r } from "../../../chunks/tabs.component-DaUZITBw.js";
 export {
-  o as Tabs,
-  t as tabIconPositions,
-  b as tabSizes
+  r as Tabs
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { T as o } from "../../../chunks/tag.component-BAH11mPX.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/text.component-BthmuMFV.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-C8R6bZLW.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-DMisQzyb.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-B8Md1wxz.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-DtNIkrsw.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/tooltip.component-B15VGEn1.js";
+import { T as r } from "../../../chunks/tooltip.component-C3v2m2T2.js";
 export {
   r as Tooltip
 };

package/dist/esm/components/index.js

@@ -1,128 +1,102 @@
-import { A as r, a as t } from "../../chunks/alert.types-DMRaA_Ku.js";
-import { A as e } from "../../chunks/avatar.component-9ntfFFdO.js";
-import { a as i, b as m } from "../../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../../chunks/avatarGroup.component-D3hnTX1G.js";
-import { B as c } from "../../chunks/button.component-Br9jCpBx.js";
-import { b as T, d, c as u, e as l, a as b } from "../../chunks/button.types-BKXZNvN1.js";
-import { B as C } from "../../chunks/buttonGroup.component-BHDnteYx.js";
-import { C as g } from "../../chunks/card.component-D41Jhrj7.js";
-import { c as W } from "../../chunks/card.types-Cixp7ouC.js";
-import { C as A } from "../../chunks/characterCounter.component-vK94fENA.js";
-import { W as D } from "../../chunks/checkbox.component-BR65eR9h.js";
-import { W as I } from "../../chunks/checkboxGroup.component-Ch2eLuiA.js";
-import { C as k } from "../../chunks/conversationCard.component-DQqpy-FX.js";
-import { a as L, D as G } from "../../chunks/datePicker.component-Dwu1QDNa.js";
-import { D as R, d as N, a as F, b as H } from "../../chunks/divider.types-0j5qRXed.js";
-import { W as j } from "../../chunks/heading.component-D02MeQPl.js";
-import { I as E } from "../../chunks/icon.component-S_qFWBRf.js";
-import { i as K } from "../../chunks/icon.types-DLbVfMjG.js";
-import { L as U } from "../../chunks/link.component--UJiv0xU.js";
-import { L as Y, l as Z } from "../../chunks/logo.types-jb-f-Z1C.js";
-import { M as $ } from "../../chunks/menu.component-fFdY9cMO.js";
-import { M as ao, c as ro, a as to, b as so, m as eo } from "../../chunks/modal.types-DxZhJFBH.js";
-import { N as io } from "../../chunks/notificationCounter.component-BzhAKrKR.js";
-import { n as no, a as xo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
-import { P as co } from "../../chunks/picture.component-DECGd77u.js";
-import { W as To, p as uo } from "../../chunks/pinInput.types-BW8TUMvl.js";
-import { P as bo } from "../../chunks/popover.component-DlFFiYME.js";
-import { p as Co, b as Po, a as go } from "../../chunks/popover.types-D1O-Ehsz.js";
-import { W as Wo, r as yo } from "../../chunks/radioGroup.types-CA2oK1Am.js";
-import { W as Bo } from "../../chunks/ratingDots.component-CuKKpqru.js";
-import { W as ho } from "../../chunks/select.component-DEf5MiUc.js";
-import { S as Mo } from "../../chunks/sortableList.component-DW832-HJ.js";
-import { S as Vo } from "../../chunks/spinner.component-BcOsuuIq.js";
-import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ro, s as No } from "../../chunks/styledAvatar.types-DuRUjNh6.js";
-import { S as Ho, s as Oo } from "../../chunks/swatch.types-CtRInwzo.js";
-import { W as qo } from "../../chunks/switch.component-NP_hIh2c.js";
-import { T as Jo, a as Ko, t as Qo } from "../../chunks/tab.types-DjQ-zWh3.js";
-import { T as Xo } from "../../chunks/tag.component-BAH11mPX.js";
-import { c as Zo, t as _o } from "../../chunks/tag.types-B-pzEt1I.js";
-import { T as oa, a as aa } from "../../chunks/tagBlock.component-jWG9O22v.js";
-import { W as ta } from "../../chunks/text.component-BthmuMFV.js";
-import { W as ea } from "../../chunks/textInput.component-C8R6bZLW.js";
-import { W as ia } from "../../chunks/textarea.component-DMisQzyb.js";
-import { M as na, T as xa } from "../../chunks/timePicker.component-B8Md1wxz.js";
-import { T as ca } from "../../chunks/timeRange.component-DtNIkrsw.js";
-import { T as Ta } from "../../chunks/timestamp.component-NeJlrbsQ.js";
-import { useToast as ua } from "./Toast/index.js";
-import { T as ba } from "../../chunks/tooltip.component-B15VGEn1.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 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,
-  g as Card,
-  A as CharacterCounter,
-  D as Checkbox,
-  I as CheckboxGroup,
-  k as ConversationCard,
-  L as DateFormats,
-  G as DatePicker,
-  R as Divider,
-  j as Heading,
-  E as Icon,
-  U as Link,
-  Y as Logo,
-  $ as Menu,
-  na as Meridiem,
-  ao as Modal,
-  io as NotificationCounter,
-  co as Picture,
-  To as PinInput,
-  bo as Popover,
-  Wo as RadioGroup,
-  Bo as RatingDots,
-  ho as Select,
-  Mo as SortableList,
-  Vo as Spinner,
-  Ro as StyledAvatar,
-  Ho as Swatch,
-  qo as Switch,
-  Jo as Tabs,
-  Xo as Tag,
-  oa as TagBlock,
-  aa as TagDisabledState,
-  ta as Text,
-  ea as TextInput,
-  ia as Textarea,
-  xa as TimePicker,
-  ca as TimeRange,
-  Ta as Timestamp,
-  ba as Tooltip,
+  z as ButtonGroup,
+  v as Card,
+  B as CharacterCounter,
+  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,
-  u as buttonSizes,
-  l as buttonSpinnerPlacements,
-  b as buttonVariants,
-  W as cardSizes,
-  Zo as closeButtonDisplays,
-  N as dividerOrientations,
-  F as dividerSizes,
-  H as dividerVariants,
-  K as iconSizes,
-  Z as logoTypes,
-  ro as modalMotionPresets,
-  to as modalPlacements,
-  so as modalScrollBehaviors,
-  eo as modalSizes,
-  no as notificationCounterSizes,
-  xo as notificationCounterVariants,
-  uo as pinInputTypes,
-  Co as popoverSizes,
-  Po as popoverTriggerTypes,
-  go as popoverVariants,
-  yo as radioTypes,
-  Go as spinnerSizes,
-  No as styledAvatarTypes,
-  Oo as swatchSizes,
-  Ko as tabIconPositions,
-  Qo as tabSizes,
-  _o as tagSizes,
-  ua 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,7 +1,38 @@
-import { w as t } from "../../chunks/withDarkMode-BE00aGRV.js";
-import { w } from "../../chunks/withLightMode-UfFl5ry6.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,
-  w 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,11 +1,20 @@
-import { useBreakpoint as r } from "./useBreakpoint/index.js";
-import { useColorMode as t } from "./useColorMode/index.js";
-import { useColorModeValue as f } from "./useColorModeValue/index.js";
-import { useDeviceType as s } 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,
-  t as useColorMode,
-  f as useColorModeValue,
-  s 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;"}