@televet/kibble-ui 4.0.0-beta.86 → 4.0.0-beta.87

package/dist/chunks/withDarkMode-B9LErG-p.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),s=require("react"),a=require("./box-Baq7UBls.js"),c=e=>e&&e.__esModule?e:{default:e},n=c(s),d=n.default.forwardRef(function(r,o){return t.jsxRuntimeExports.jsx(a.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:o,...r})}),u=e=>t.jsxRuntimeExports.jsx(d,{children:e});exports.withDarkMode=u;
+//# sourceMappingURL=withDarkMode-B9LErG-p.js.map

package/dist/chunks/withDarkMode-B9LErG-p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDarkMode-B9LErG-p.js","sources":["../../src/hocs/withDarkMode/withDarkMode.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"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children"],"mappings":"sJAGMA,EAAWC,EAAM,QAAA,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS"}

package/dist/chunks/withDarkMode-DBAFsemJ.js

@@ -0,0 +1,23 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import e from "react";
+import { B as s } from "./box-Ck9I7FYv.js";
+const d = e.forwardRef(
+  function(t, a) {
+    return /* @__PURE__ */ o.jsx(
+      s,
+      {
+        color: "fg",
+        display: "contents",
+        className: "chakra-theme dark",
+        "data-testid": "kibble-dark-mode",
+        colorScheme: "dark",
+        ref: a,
+        ...t
+      }
+    );
+  }
+), n = (r) => /* @__PURE__ */ o.jsx(d, { children: r });
+export {
+  n as w
+};
+//# sourceMappingURL=withDarkMode-DBAFsemJ.js.map

package/dist/chunks/withDarkMode-DBAFsemJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDarkMode-DBAFsemJ.js","sources":["../../src/hocs/withDarkMode/withDarkMode.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"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children"],"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;"}

package/dist/chunks/withLightMode-C4WljRNZ.js

@@ -0,0 +1,22 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import i from "react";
+import { B as s } from "./box-Ck9I7FYv.js";
+const a = i.forwardRef(
+  function(e, r) {
+    return /* @__PURE__ */ o.jsx(
+      s,
+      {
+        display: "contents",
+        className: "chakra-theme light",
+        "data-testid": "kibble-light-mode",
+        colorScheme: "light",
+        ref: r,
+        ...e
+      }
+    );
+  }
+), d = (t) => /* @__PURE__ */ o.jsx(a, { children: t });
+export {
+  d as w
+};
+//# sourceMappingURL=withLightMode-C4WljRNZ.js.map

package/dist/chunks/withLightMode-C4WljRNZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLightMode-C4WljRNZ.js","sources":["../../src/hocs/withLightMode/withLightMode.tsx"],"sourcesContent":["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":["LightMode","React","props","ref","jsx","Box","withLightMode","children"],"mappings":";;;AAGA,MAAMA,IAAYC,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,GAEaI,IAAgB,CAACC,MACrBH,gBAAAA,MAACJ,KAAW,UAAAO,GAAS;"}

package/dist/chunks/withLightMode-fys9Cbqw.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),r=require("./box-Baq7UBls.js"),n=t=>t&&t.__esModule?t:{default:t},c=n(i),u=c.default.forwardRef(function(o,s){return e.jsxRuntimeExports.jsx(r.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:s,...o})}),a=t=>e.jsxRuntimeExports.jsx(u,{children:t});exports.withLightMode=a;
+//# sourceMappingURL=withLightMode-fys9Cbqw.js.map

package/dist/chunks/withLightMode-fys9Cbqw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLightMode-fys9Cbqw.js","sources":["../../src/hocs/withLightMode/withLightMode.tsx"],"sourcesContent":["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":["LightMode","React","props","ref","jsx","Box","withLightMode","children"],"mappings":"sJAGMA,EAAYC,EAAM,QAAA,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAiBC,GACrBH,wBAACJ,GAAW,SAAAO,EAAS"}

package/dist/cjs/hocs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/index-iyefwwxw.js");exports.withDarkMode=e.withDarkMode;exports.withLightMode=e.withLightMode;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/withDarkMode-B9LErG-p.js"),t=require("../../chunks/withLightMode-fys9Cbqw.js");exports.withDarkMode=e.withDarkMode;exports.withLightMode=t.withLightMode;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hocs/withDarkMode/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/withDarkMode-B9LErG-p.js");exports.withDarkMode=e.withDarkMode;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hocs/withDarkMode/index.cjs.map

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

package/dist/cjs/hocs/withLightMode/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/withLightMode-fys9Cbqw.js");exports.withLightMode=t.withLightMode;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hocs/withLightMode/index.cjs.map

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

package/dist/cjs/hooks/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./useBreakpoint/index.cjs"),e=require("../../chunks/index-CkYZf9Pm.js"),u=require("./useDeviceType/index.cjs");exports.useBreakpoint=o.useBreakpoint;exports.useColorMode=e.useColorMode;exports.useColorModeValue=e.useColorModeValue;exports.useDeviceType=u.useDeviceType;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useBreakpoint/index.cjs"),o=require("./useColorMode/index.cjs"),s=require("./useColorModeValue/index.cjs"),u=require("./useDeviceType/index.cjs");exports.useBreakpoint=e.useBreakpoint;exports.useColorMode=o.useColorMode;exports.useColorModeValue=s.useColorModeValue;exports.useDeviceType=u.useDeviceType;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/useColorMode/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/index-DD49WSSW.js"),d=()=>{const{resolvedTheme:e,setTheme:o,forcedTheme:r}=t.z();return{colorMode:e,forcedTheme:r,setColorMode:o,toggleColorMode:()=>{o(e==="dark"?"light":"dark")}}};exports.useColorMode=d;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/useColorMode/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useColorMode/index.ts"],"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"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme"],"mappings":"qIAUaA,EAAe,IAA0B,CACpD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,EAAS,EAInD,MAAA,CACL,UAAWH,EACX,YAAAE,EACA,aAAcD,EACd,gBAPsB,IAAY,CACzBA,EAAAD,IAAkB,OAAS,QAAU,MAAM,CACtD,CAMA,CACF"}

package/dist/cjs/hooks/useColorModeValue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../useColorMode/index.cjs"),l=(o,e)=>{const{colorMode:r}=u.useColorMode();return r==="dark"?e:o};exports.useColorModeValue=l;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/useColorModeValue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useColorModeValue/index.ts"],"sourcesContent":["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":["useColorModeValue","light","dark","colorMode","useColorMode"],"mappings":"6HAEaA,EAAoB,CAAIC,EAAUC,IAAe,CACtD,KAAA,CAAE,UAAAC,CAAU,EAAIC,eAAa,EAC5B,OAAAD,IAAc,OAASD,EAAOD,CACvC"}

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/alert.types-DTNR8_C-.js"),g=require("../chunks/avatar.component-qXhLVNzG.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../chunks/avatarGroup.component-bImv23vg.js"),h=require("../chunks/button.component-Dd9AfGox.js"),e=require("../chunks/button.types-DsLMGraz.js"),b=require("../chunks/buttonGroup.component-0iZj3N28.js"),C=require("../chunks/card.component-KNc4HKSh.js"),k=require("../chunks/card.types-MvkQTTZF.js"),P=require("../chunks/characterCounter.component-Cvw7D33c.js"),x=require("../chunks/checkbox.component-BoaV-gQi.js"),z=require("../chunks/checkboxGroup.component-X2cU2KU-.js"),D=require("../chunks/conversationCard.component-CkmCkM8o.js"),c=require("../chunks/datePicker.component-B_wuoiPP.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),V=require("../chunks/heading.component-DNsKd4Gh.js"),M=require("../chunks/icon.component-C0e0UGBw.js"),B=require("../chunks/icon.types-2obj_NKG.js"),f=require("../chunks/link.component-BlCMfkSE.js"),n=require("../chunks/logo.types-CA_5hGAi.js"),w=require("../chunks/menu.component-C5NwkXGO.js"),t=require("../chunks/modal.types-DDwG7coD.js"),G=require("../chunks/notificationCounter.component-BhZcuBmr.js"),p=require("../chunks/notificationCounter.types-B_-siNfi.js"),I=require("../chunks/picture.component-C2C2r_BU.js"),u=require("../chunks/pinInput.types-DbKKHEtF.js"),A=require("../chunks/popover.component-CS8UY9_W.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),W=require("../chunks/radioGroup.component-e6LsfYzG.js"),L=require("../chunks/ratingDots.component-B_a_qO9L.js"),R=require("../chunks/select.component-CPMIVkRk.js"),O=require("../chunks/sortableList.component-DEMqxtiq.js"),F=require("../chunks/spinner.component-lZds47YM.js"),H=require("../chunks/spinner.types-BCLN5-H2.js"),d=require("../chunks/styledAvatar.types-zeF6AQ1t.js"),m=require("../chunks/swatch.types-DiX-4lpJ.js"),K=require("../chunks/switch.component-C4tJUYg9.js"),N=require("../chunks/tabs.component-caMRtfBi.js"),j=require("../chunks/tag.component-DcEASytC.js"),l=require("../chunks/tag.types-BnDFgTvb.js"),_=require("../chunks/tagBlock.component-CC4azYDm.js"),$=require("../chunks/text.component-C501PJrN.js"),E=require("../chunks/textInput.component-o3OfBL3Y.js"),J=require("../chunks/textarea.component-DDz3lXs_.js"),q=require("../chunks/timePicker.component-BVCoTSf0.js"),Q=require("../chunks/timeRange.component-BSPEZDvW.js"),U=require("../chunks/timestamp.component-DNYI2gVi.js"),X=require("./components/Toast/index.cjs"),Y=require("../chunks/tooltip.component-CIUcGhxw.js"),v=require("../chunks/index-iyefwwxw.js"),Z=require("./hooks/useBreakpoint/index.cjs"),y=require("../chunks/index-CkYZf9Pm.js"),ee=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),S=require("../chunks/theme.provider-DHy8ThEw.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Card=C.Card;exports.cardSizes=k.cardSizes;exports.CharacterCounter=P.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=z.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DateFormats=c.DateFormats;exports.DatePicker=c.DatePicker;exports.Divider=r.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=V.WrappedHeading;exports.Icon=M.Icon;exports.iconSizes=B.iconSizes;exports.Link=f.Link;exports.Logo=n.Logo;exports.logoTypes=n.logoTypes;exports.logoVariants=n.logoVariants;exports.Menu=w.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=G.NotificationCounter;exports.notificationCounterSizes=p.notificationCounterSizes;exports.notificationCounterVariants=p.notificationCounterVariants;exports.Picture=I.Picture;exports.PinInput=u.WrappedPinInput;exports.pinInputTypes=u.pinInputTypes;exports.Popover=A.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=W.WrappedRadioGroup;exports.RatingDots=L.WrappedRatingDots;exports.Select=R.WrappedSelect;exports.SortableList=O.SortableList;exports.Spinner=F.Spinner;exports.spinnerSizes=H.spinnerSizes;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.Swatch=m.Swatch;exports.swatchSizes=m.swatchSizes;exports.Switch=K.WrappedSwitch;exports.Tabs=N.Tabs;exports.Tag=j.Tag;exports.closeButtonDisplays=l.closeButtonDisplays;exports.tagSizes=l.tagSizes;exports.TagBlock=_.TagBlock;exports.TagDisabledState=_.TagDisabledState;exports.Text=$.WrappedText;exports.TextInput=E.WrappedTextInput;exports.Textarea=J.WrappedTextarea;exports.Meridiem=q.Meridiem;exports.TimePicker=q.TimePicker;exports.TimeRange=Q.TimeRange;exports.Timestamp=U.Timestamp;exports.useToast=X.useToast;exports.Tooltip=Y.Tooltip;exports.withDarkMode=v.withDarkMode;exports.withLightMode=v.withLightMode;exports.useBreakpoint=Z.useBreakpoint;exports.useColorMode=y.useColorMode;exports.useColorModeValue=y.useColorModeValue;exports.useDeviceType=ee.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=S.KibbleThemeProvider;exports.system=S.system;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/alert.types-DTNR8_C-.js"),g=require("../chunks/avatar.component-qXhLVNzG.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),y=require("../chunks/avatarGroup.component-bImv23vg.js"),S=require("../chunks/button.component-Dd9AfGox.js"),e=require("../chunks/button.types-DsLMGraz.js"),T=require("../chunks/buttonGroup.component-0iZj3N28.js"),h=require("../chunks/card.component-KNc4HKSh.js"),b=require("../chunks/card.types-MvkQTTZF.js"),C=require("../chunks/characterCounter.component-Cvw7D33c.js"),k=require("../chunks/checkbox.component-BoaV-gQi.js"),P=require("../chunks/checkboxGroup.component-X2cU2KU-.js"),x=require("../chunks/conversationCard.component-CkmCkM8o.js"),c=require("../chunks/datePicker.component-B_wuoiPP.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),z=require("../chunks/heading.component-DNsKd4Gh.js"),D=require("../chunks/icon.component-C0e0UGBw.js"),M=require("../chunks/icon.types-2obj_NKG.js"),V=require("../chunks/link.component-BlCMfkSE.js"),n=require("../chunks/logo.types-CA_5hGAi.js"),B=require("../chunks/menu.component-C5NwkXGO.js"),t=require("../chunks/modal.types-DDwG7coD.js"),w=require("../chunks/notificationCounter.component-BhZcuBmr.js"),p=require("../chunks/notificationCounter.types-B_-siNfi.js"),f=require("../chunks/picture.component-C2C2r_BU.js"),u=require("../chunks/pinInput.types-DbKKHEtF.js"),G=require("../chunks/popover.component-CS8UY9_W.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),I=require("../chunks/radioGroup.component-e6LsfYzG.js"),A=require("../chunks/ratingDots.component-B_a_qO9L.js"),W=require("../chunks/select.component-CPMIVkRk.js"),L=require("../chunks/sortableList.component-DEMqxtiq.js"),R=require("../chunks/spinner.component-lZds47YM.js"),O=require("../chunks/spinner.types-BCLN5-H2.js"),d=require("../chunks/styledAvatar.types-zeF6AQ1t.js"),m=require("../chunks/swatch.types-DiX-4lpJ.js"),F=require("../chunks/switch.component-C4tJUYg9.js"),H=require("../chunks/tabs.component-caMRtfBi.js"),K=require("../chunks/tag.component-DcEASytC.js"),l=require("../chunks/tag.types-BnDFgTvb.js"),_=require("../chunks/tagBlock.component-CC4azYDm.js"),N=require("../chunks/text.component-C501PJrN.js"),j=require("../chunks/textInput.component-o3OfBL3Y.js"),E=require("../chunks/textarea.component-DDz3lXs_.js"),q=require("../chunks/timePicker.component-BVCoTSf0.js"),J=require("../chunks/timeRange.component-BSPEZDvW.js"),Q=require("../chunks/timestamp.component-DNYI2gVi.js"),U=require("./components/Toast/index.cjs"),X=require("../chunks/tooltip.component-CIUcGhxw.js"),Y=require("../chunks/withDarkMode-B9LErG-p.js"),Z=require("../chunks/withLightMode-fys9Cbqw.js"),$=require("./hooks/useBreakpoint/index.cjs"),ee=require("./hooks/useColorMode/index.cjs"),te=require("./hooks/useColorModeValue/index.cjs"),oe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),v=require("../chunks/theme.provider-DHy8ThEw.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=y.AvatarGroup;exports.Button=S.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=T.ButtonGroup;exports.Card=h.Card;exports.cardSizes=b.cardSizes;exports.CharacterCounter=C.CharacterCounter;exports.Checkbox=k.WrappedCheckbox;exports.CheckboxGroup=P.WrappedCheckboxGroup;exports.ConversationCard=x.ConversationCard;exports.DateFormats=c.DateFormats;exports.DatePicker=c.DatePicker;exports.Divider=r.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=z.WrappedHeading;exports.Icon=D.Icon;exports.iconSizes=M.iconSizes;exports.Link=V.Link;exports.Logo=n.Logo;exports.logoTypes=n.logoTypes;exports.logoVariants=n.logoVariants;exports.Menu=B.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=w.NotificationCounter;exports.notificationCounterSizes=p.notificationCounterSizes;exports.notificationCounterVariants=p.notificationCounterVariants;exports.Picture=f.Picture;exports.PinInput=u.WrappedPinInput;exports.pinInputTypes=u.pinInputTypes;exports.Popover=G.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=I.WrappedRadioGroup;exports.RatingDots=A.WrappedRatingDots;exports.Select=W.WrappedSelect;exports.SortableList=L.SortableList;exports.Spinner=R.Spinner;exports.spinnerSizes=O.spinnerSizes;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.Swatch=m.Swatch;exports.swatchSizes=m.swatchSizes;exports.Switch=F.WrappedSwitch;exports.Tabs=H.Tabs;exports.Tag=K.Tag;exports.closeButtonDisplays=l.closeButtonDisplays;exports.tagSizes=l.tagSizes;exports.TagBlock=_.TagBlock;exports.TagDisabledState=_.TagDisabledState;exports.Text=N.WrappedText;exports.TextInput=j.WrappedTextInput;exports.Textarea=E.WrappedTextarea;exports.Meridiem=q.Meridiem;exports.TimePicker=q.TimePicker;exports.TimeRange=J.TimeRange;exports.Timestamp=Q.Timestamp;exports.useToast=U.useToast;exports.Tooltip=X.Tooltip;exports.withDarkMode=Y.withDarkMode;exports.withLightMode=Z.withLightMode;exports.useBreakpoint=$.useBreakpoint;exports.useColorMode=ee.useColorMode;exports.useColorModeValue=te.useColorModeValue;exports.useDeviceType=oe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=v.KibbleThemeProvider;exports.system=v.system;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/hocs/index.js

@@ -1,6 +1,7 @@
-import { w as t, a as e } from "../../chunks/index-BknUKotT.js";
+import { w as t } from "../../chunks/withDarkMode-DBAFsemJ.js";
+import { w } from "../../chunks/withLightMode-C4WljRNZ.js";
 export {
   t as withDarkMode,
-  e as withLightMode
+  w 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":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1,5 @@
+import { w as a } from "../../../chunks/withDarkMode-DBAFsemJ.js";
+export {
+  a as withDarkMode
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { w as e } from "../../../chunks/withLightMode-C4WljRNZ.js";
+export {
+  e as withLightMode
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/hooks/index.js

@@ -1,10 +1,11 @@
 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 { useColorMode as t } from "./useColorMode/index.js";
+import { useColorModeValue as f } from "./useColorModeValue/index.js";
+import { useDeviceType as s } from "./useDeviceType/index.js";
 export {
   r as useBreakpoint,
-  u as useColorMode,
-  a as useColorModeValue,
-  t as useDeviceType
+  t as useColorMode,
+  f as useColorModeValue,
+  s as useDeviceType
 };
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/{chunks/index-CgivotaP.js → esm/hooks/useColorMode/index.js}

@@ -1,5 +1,5 @@
-import { z as t } from "./index-DAWHN3cH.js";
-const d = () => {
+import { z as t } from "../../../chunks/index-DAWHN3cH.js";
+const s = () => {
   const { resolvedTheme: o, setTheme: e, forcedTheme: r } = t();
   return {
     colorMode: o,
@@ -9,12 +9,8 @@ const d = () => {
       e(o === "dark" ? "light" : "dark");
     }
   };
-}, c = (o, e) => {
-  const { colorMode: r } = d();
-  return r === "dark" ? e : o;
 };
 export {
-  c as a,
-  d as u
+  s as useColorMode
 };
-//# sourceMappingURL=index-CgivotaP.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useColorMode/index.ts"],"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"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme"],"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;"}

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

@@ -0,0 +1,9 @@
+import { useColorMode as t } from "../useColorMode/index.js";
+const l = (o, r) => {
+  const { colorMode: e } = t();
+  return e === "dark" ? r : o;
+};
+export {
+  l as useColorModeValue
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useColorModeValue/index.ts"],"sourcesContent":["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":["useColorModeValue","light","dark","colorMode","useColorMode"],"mappings":";AAEa,MAAAA,IAAoB,CAAIC,GAAUC,MAAe;AACtD,QAAA,EAAE,WAAAC,EAAU,IAAIC,EAAa;AAC5B,SAAAD,MAAc,SAASD,IAAOD;AACvC;"}

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 import { A as a, a as e } from "../chunks/alert.types-QEeDYCAD.js";
 import { A as s } from "../chunks/avatar.component-yAhlBo_d.js";
 import { a as i, b as m } from "../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as x } from "../chunks/avatarGroup.component-T3cUc5XX.js";
+import { A as f } from "../chunks/avatarGroup.component-T3cUc5XX.js";
 import { B as l } from "../chunks/button.component-BpF3MzbZ.js";
-import { b as c, d, c as T, e as S, a as v } from "../chunks/button.types-CujqF5RD.js";
+import { b as u, d, c as T, e as S, a as v } from "../chunks/button.types-CujqF5RD.js";
 import { B as g } from "../chunks/buttonGroup.component-BuF41rNB.js";
 import { C as P } from "../chunks/card.component-DNX41NGG.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
@@ -21,8 +21,8 @@ import { L as Y, l as Z, a as _ } from "../chunks/logo.types-By8TqyNf.js";
 import { M as oo } from "../chunks/menu.component-4gKH4f5l.js";
 import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-DIDn6Pz1.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 uo } from "../chunks/picture.component-DKbaaL64.js";
+import { n as fo, a as no } from "../chunks/notificationCounter.types-S7ENT1Oj.js";
+import { P as co } from "../chunks/picture.component-DKbaaL64.js";
 import { W as To, p as So } from "../chunks/pinInput.types-Bv67lyfg.js";
 import { P as bo } from "../chunks/popover.component-D2-w2fSE.js";
 import { p as Co, b as Po, a as ho } from "../chunks/popover.types-C-V7Diw4.js";
@@ -43,20 +43,22 @@ import { W as rr } from "../chunks/text.component-z4cNuAAI.js";
 import { W as er } from "../chunks/textInput.component-BK5TEpr3.js";
 import { W as sr } from "../chunks/textarea.component-A8ebDcnw.js";
 import { M as ir, T as mr } from "../chunks/timePicker.component-ZFIT5aB6.js";
-import { T as xr } from "../chunks/timeRange.component-JhMCHzyM.js";
+import { T as fr } from "../chunks/timeRange.component-JhMCHzyM.js";
 import { T as lr } from "../chunks/timestamp.component-DAakI_Tt.js";
-import { useToast as cr } from "./components/Toast/index.js";
+import { useToast as ur } from "./components/Toast/index.js";
 import { T as Tr } from "../chunks/tooltip.component-BSomeipc.js";
-import { w as vr, a as br } from "../chunks/index-BknUKotT.js";
-import { useBreakpoint as Cr } from "./hooks/useBreakpoint/index.js";
-import { u as hr, a as yr } from "../chunks/index-CgivotaP.js";
-import { useDeviceType as Dr } from "./hooks/useDeviceType/index.js";
-import { alignments as Wr, flexDirections as Br, placements as Vr, statuses as kr, typographyVariants as Ar } from "./shared/types/index.js";
-import { K as Ir, s as Lr } from "../chunks/theme.provider-CbB3DTaK.js";
+import { w as vr } from "../chunks/withDarkMode-DBAFsemJ.js";
+import { w as gr } from "../chunks/withLightMode-C4WljRNZ.js";
+import { useBreakpoint as Pr } from "./hooks/useBreakpoint/index.js";
+import { useColorMode as yr } from "./hooks/useColorMode/index.js";
+import { useColorModeValue as Dr } from "./hooks/useColorModeValue/index.js";
+import { useDeviceType as Wr } from "./hooks/useDeviceType/index.js";
+import { alignments as Vr, flexDirections as kr, placements as Ar, statuses as wr, typographyVariants as Ir } from "./shared/types/index.js";
+import { K as Gr, s as Rr } from "../chunks/theme.provider-CbB3DTaK.js";
 export {
   a as Alert,
   s as Avatar,
-  x as AvatarGroup,
+  f as AvatarGroup,
   l as Button,
   g as ButtonGroup,
   P as Card,
@@ -69,14 +71,14 @@ export {
   R as Divider,
   O as Heading,
   q as Icon,
-  Ir as KibbleThemeProvider,
+  Gr as KibbleThemeProvider,
   U as Link,
   Y as Logo,
   oo as Menu,
   ir as Meridiem,
   ao as Modal,
   mo as NotificationCounter,
-  uo as Picture,
+  co as Picture,
   To as PinInput,
   bo as Popover,
   zo as RadioGroup,
@@ -95,14 +97,14 @@ export {
   er as TextInput,
   sr as Textarea,
   mr as TimePicker,
-  xr as TimeRange,
+  fr as TimeRange,
   lr as Timestamp,
   Tr as Tooltip,
   e as alertButtonPositions,
-  Wr as alignments,
+  Vr as alignments,
   i as avatarSizes,
   m as avatarVariants,
-  c as buttonConfigVariants,
+  u as buttonConfigVariants,
   d as buttonIconPositions,
   T as buttonSizes,
   S as buttonSpinnerPlacements,
@@ -112,7 +114,7 @@ export {
   K as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
-  Br as flexDirections,
+  kr as flexDirections,
   J as iconSizes,
   Z as logoTypes,
   _ as logoVariants,
@@ -120,26 +122,26 @@ export {
   to as modalPlacements,
   so as modalScrollBehaviors,
   po as modalSizes,
-  xo as notificationCounterSizes,
-  fo as notificationCounterVariants,
+  fo as notificationCounterSizes,
+  no as notificationCounterVariants,
   So as pinInputTypes,
-  Vr as placements,
+  Ar as placements,
   Co as popoverSizes,
   Po as popoverTriggerTypes,
   ho as popoverVariants,
   Lo as spinnerSizes,
-  kr as statuses,
+  wr as statuses,
   Ko as styledAvatarTypes,
   Ho as swatchSizes,
-  Lr as system,
+  Rr as system,
   Yo as tagSizes,
-  Ar as typographyVariants,
-  Cr as useBreakpoint,
-  hr as useColorMode,
-  yr as useColorModeValue,
-  Dr as useDeviceType,
-  cr as useToast,
+  Ir as typographyVariants,
+  Pr as useBreakpoint,
+  yr as useColorMode,
+  Dr as useColorModeValue,
+  Wr as useDeviceType,
+  ur as useToast,
   vr as withDarkMode,
-  br as withLightMode
+  gr 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/types/hocs/withDarkMode/index.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;
+export * from './withDarkMode';

package/dist/types/hocs/withDarkMode/withDarkMode.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withLightMode/index.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;
+export * from './withLightMode';

package/dist/types/hocs/withLightMode/withLightMode.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.86",
+  "version": "4.0.0-beta.87",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",

package/dist/chunks/index-BknUKotT.js

@@ -1,38 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import a from "react";
-import { B as s } from "./box-Ck9I7FYv.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 {
-  l as a,
-  h as w
-};
-//# sourceMappingURL=index-BknUKotT.js.map

package/dist/chunks/index-BknUKotT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BknUKotT.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/chunks/index-CgivotaP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CgivotaP.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;"}

package/dist/chunks/index-CkYZf9Pm.js

@@ -1,2 +0,0 @@
-"use strict";const l=require("./index-DD49WSSW.js"),d=()=>{const{resolvedTheme:o,setTheme:e,forcedTheme:r}=l.z();return{colorMode:o,forcedTheme:r,setColorMode:e,toggleColorMode:()=>{e(o==="dark"?"light":"dark")}}},s=(o,e)=>{const{colorMode:r}=d();return r==="dark"?e:o};exports.useColorMode=d;exports.useColorModeValue=s;
-//# sourceMappingURL=index-CkYZf9Pm.js.map

package/dist/chunks/index-CkYZf9Pm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CkYZf9Pm.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":"oDAUaA,EAAe,IAA0B,CACpD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,EAAS,EAInD,MAAA,CACL,UAAWH,EACX,YAAAE,EACA,aAAcD,EACd,gBAPsB,IAAY,CACzBA,EAAAD,IAAkB,OAAS,QAAU,MAAM,CACtD,CAMA,CACF,ECnBaI,EAAoB,CAAKC,EAAUC,IAAe,CACvD,KAAA,CAAE,UAAAC,CAAU,EAAIR,EAAa,EAC5B,OAAAQ,IAAc,OAASD,EAAOD,CACvC"}

package/dist/chunks/index-iyefwwxw.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),s=require("./box-Baq7UBls.js"),n=t=>t&&t.__esModule?t:{default:t},a=n(i),d=a.default.forwardRef(function(o,r){return e.jsxRuntimeExports.jsx(s.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:r,...o})}),c=t=>e.jsxRuntimeExports.jsx(d,{children:t}),u=a.default.forwardRef(function(o,r){return e.jsxRuntimeExports.jsx(s.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:r,...o})}),l=t=>e.jsxRuntimeExports.jsx(u,{children:t});exports.withDarkMode=c;exports.withLightMode=l;
-//# sourceMappingURL=index-iyefwwxw.js.map

package/dist/chunks/index-iyefwwxw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-iyefwwxw.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":"sJAGMA,EAAWC,EAAM,QAAA,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS,ECjBvBC,EAAYP,EAAM,QAAA,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaO,EAAiBF,GACrBH,wBAACI,GAAW,SAAAD,EAAS"}