@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/esm/components/index.js

@@ -1,115 +1,126 @@
-import { A as r, a as t, b as e, c as s } from "../../chunks/alert.types-Bxdx-xbS.js";
-import { A as i } from "../../chunks/avatar.component-BdxN6QYq.js";
-import { a as n, b as x } from "../../chunks/avatar.types-LQ1Bn8a3.js";
-import { A as c } from "../../chunks/avatarGroup.component-CceV-fW0.js";
-import { B as u } from "../../chunks/button.component-BtkAjIWe.js";
-import { b as d, d as T, c as b, e as z, a as C } from "../../chunks/button.types-CujqF5RD.js";
-import { B as g } from "../../chunks/buttonGroup.component-ZElXi_Hz.js";
-import { C as h, a as v } from "../../chunks/card.component-HX-4Y0j7.js";
-import { cardSizes as B } from "./Card/index.js";
-import { C as I } from "../../chunks/characterCounter.component-DhiMcztY.js";
-import { W as k } from "../../chunks/checkbox.component-DCdt-YxF.js";
-import { W as G } from "../../chunks/checkboxGroup.component-DcIdfbbl.js";
-import { W as R } from "../../chunks/heading.component-B8niLTxz.js";
-import { h as y } from "../../chunks/heading.records-BaWnrbgl.js";
-import { I as F, a as H, b as O } from "../../chunks/icon.component-DjNY589M.js";
-import { i as X } from "../../chunks/icon.types-DLbVfMjG.js";
-import { L as j } from "../../chunks/link.component-DjkiASIu.js";
-import { M as E } from "../../chunks/menu.component-gxhQh-pU.js";
-import { M as K, c as Q, a as Y, b as Z, m as $ } from "../../chunks/modal.types-pXkUwszR.js";
-import { M as ao, N as ro } from "../../chunks/notificationCounter.component-DU5P6Ilh.js";
-import { notificationCounterSizes as eo, notificationCounterVariants as so } from "./NotificationCounter/index.js";
-import { Picture as io } from "./Picture/index.js";
-import { P as no } from "../../chunks/popover.component-CnJmg9qf.js";
-import { p as fo, b as co, a as So } from "../../chunks/popover.types-C-V7Diw4.js";
-import { W as lo } from "../../chunks/radioGroup.component-D96ItNYx.js";
-import { R as bo } from "../../chunks/ratingDots.component-B4OK_lXC.js";
-import { W as Co } from "../../chunks/select.component-_JVxRL_-.js";
-import { S as go } from "../../chunks/sortableList.component-CdDArkRq.js";
-import { S as ho } from "../../chunks/spinner.component-D5tkelNc.js";
-import { s as Ao } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { Swatch as Wo, swatchSizes as Io } from "./Swatch/index.js";
-import { W as ko } from "../../chunks/switch.component-BopLXT0i.js";
-import { T as Go } from "../../chunks/tabs.component-DTvdLvkX.js";
-import { T as Ro, t as wo } from "../../chunks/tag.component-DK64cZSr.js";
-import { c as Lo, t as Fo } from "../../chunks/tag.types-B-pzEt1I.js";
-import { W as Oo } from "../../chunks/text.component-XYjOAc2s.js";
-import { t as Xo } from "../../chunks/text.records-BK_JBYsT.js";
-import { W as jo, c as qo } from "../../chunks/textInput.component-Bk7D4sbG.js";
-import { W as Jo } from "../../chunks/textarea.component-CT8iVuNX.js";
-import { M as Qo, T as Yo } from "../../chunks/timePicker.component--ABdI3GF.js";
-import { T as $o } from "../../chunks/timeRange.component-B3OvVyo_.js";
-import { T as aa } from "../../chunks/tooltip.component-C3v2m2T2.js";
-import { a as ta, D as ea, m as sa } from "../../chunks/datePicker.component-DubnEnlU.js";
+import { A as r, a as t } from "../../chunks/alert.types-8JN84Qgi.js";
+import { A as e } from "../../chunks/avatar.component-DHEnOmiw.js";
+import { a as i, b as m } from "../../chunks/avatar.types-LQ1Bn8a3.js";
+import { A as x } from "../../chunks/avatarGroup.component-BivC9ghH.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-B6Z97Z5w.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-BnJlAXbZ.js";
+import { W as h } from "../../chunks/checkbox.component-PJondNuh.js";
+import { W as M } from "../../chunks/checkboxGroup.component-DUlVhjLO.js";
+import { C as k } from "../../chunks/conversationCard.component-CYnBgT3a.js";
+import { a as L, D as G } from "../../chunks/datePicker.component-Cu0sCxMB.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-D4rtbYK8.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-DaWlH0RE.js";
+import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-Cx0d9C_x.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-HUZl_UUD.js";
+import { P as bo } from "../../chunks/popover.component-D27f6GTu.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-PdVYD3bp.js";
+import { R as Do } from "../../chunks/ratingDots.component-ClZHNCmw.js";
+import { W as yo } from "../../chunks/select.component-DHP33P1O.js";
+import { S as Vo } from "../../chunks/sortableList.component-1gWWNAQS.js";
+import { S as Io } from "../../chunks/spinner.component-BnWQ5OjN.js";
+import { s as Go } from "../../chunks/spinner.types-g7cTFJkb.js";
+import { S as wo, s as No } from "../../chunks/styledAvatar.types-C0KWX23C.js";
+import { S as Ho, s as Oo } from "../../chunks/swatch.types-DbgA3RWc.js";
+import { W as qo } from "../../chunks/switch.component-CbZlg5Iz.js";
+import { T as Jo } from "../../chunks/tabs.component-Bi1vanBo.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-C6cfZb0d.js";
+import { W as aa } from "../../chunks/text.component-BZSCPJLf.js";
+import { W as ta } from "../../chunks/textInput.component-kSJAjj78.js";
+import { W as ea } from "../../chunks/textarea.component-BubrZCI9.js";
+import { M as ia, T as ma } from "../../chunks/timePicker.component-hHOzJUi7.js";
+import { T as xa } from "../../chunks/timeRange.component-PlO6xxkd.js";
+import { T as ca } from "../../chunks/timestamp.component-C__DC7oq.js";
+import { useToast as Ta } from "./Toast/index.js";
+import { T as la } from "../../chunks/tooltip.component-G-RF87Zw.js";
 export {
   r as Alert,
-  t as AlertStatusIcon,
-  e as AlertStatusToIconVariant,
-  i as Avatar,
-  c as AvatarGroup,
-  u as Button,
-  g as ButtonGroup,
-  h as Card,
-  v as CardPaddingMap,
-  I as CharacterCounter,
-  k as Checkbox,
-  G as CheckboxGroup,
-  ta as DateFormats,
-  ea as DatePicker,
-  R as Heading,
-  F as Icon,
-  H as IconMap,
-  O as IconSizeMap,
-  j as Link,
-  ao as MAX_COUNT,
-  E as Menu,
-  Qo as Meridiem,
-  K as Modal,
-  ro as NotificationCounter,
-  io as Picture,
-  no as Popover,
-  lo as RadioGroup,
-  bo as RatingDots,
-  Co as Select,
-  go as SortableList,
-  ho as Spinner,
-  Wo as Swatch,
-  ko as Switch,
-  Go as Tabs,
-  Ro as Tag,
-  Oo as Text,
-  jo as TextInput,
-  Jo as Textarea,
-  Yo as TimePicker,
-  $o as TimeRange,
-  aa as Tooltip,
-  s as alertButtonPositions,
-  n as avatarSizes,
-  x as avatarVariants,
-  d as buttonConfigVariants,
-  T as buttonIconPositions,
-  b as buttonSizes,
-  z as buttonSpinnerPlacements,
-  C as buttonVariants,
-  B as cardSizes,
-  Lo as closeButtonDisplays,
-  qo as closeButtonSizeMap,
-  y as headingSizes,
-  X as iconSizes,
-  Q as modalMotionPresets,
-  Y as modalPlacements,
-  Z as modalScrollBehaviors,
-  $ as modalSizes,
-  sa as monthNames,
-  eo as notificationCounterSizes,
-  so as notificationCounterVariants,
-  fo as popoverSizes,
-  co as popoverTriggerTypes,
-  So as popoverVariants,
-  Ao as spinnerSizes,
-  Io as swatchSizes,
-  wo as tagPaddingBySize,
-  Fo as tagSizes,
-  Xo as textSizes
+  e as Avatar,
+  x as AvatarGroup,
+  c as Button,
+  C as ButtonGroup,
+  P 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,
+  ia 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,
+  ta as TextInput,
+  ea as Textarea,
+  ma as TimePicker,
+  xa as TimeRange,
+  ca as Timestamp,
+  la 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,
+  Ta as useToast
 };
 //# 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,38 +1,6 @@
-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 });
+import { w as t, a as e } from "../../chunks/index-BknUKotT.js";
 export {
-  h as withDarkMode,
-  l as withLightMode
+  t as withDarkMode,
+  e as withLightMode
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/hooks/index.js

@@ -1,20 +1,10 @@
-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;
-};
+import { useBreakpoint as r } from "./useBreakpoint/index.js";
+import { u, a } from "../../chunks/index-CgivotaP.js";
+import { useDeviceType as t } from "./useDeviceType/index.js";
 export {
-  d as useColorMode,
-  c as useColorModeValue
+  r as useBreakpoint,
+  u as useColorMode,
+  a as useColorModeValue,
+  t as useDeviceType
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,12 @@
+import { u as e } from "../../../chunks/use-breakpoint-MQ7agQJe.js";
+const s = {
+  base: "base",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+}, t = () => e(s) ?? "base";
+export {
+  t as useBreakpoint
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useBreakpoint/index.ts"],"sourcesContent":["import { useBreakpointValue } from \"@chakra-ui/react\";\nimport { BreakpointSize } from \"theme/tokens/sizes/sizes.types\";\n\nconst breakpointsMap: Record<BreakpointSize | \"base\", string> = {\n  base: \"base\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"xl\",\n};\n\nexport const useBreakpoint = (): string => {\n  const breakpoint = useBreakpointValue(breakpointsMap);\n\n  return breakpoint ?? \"base\";\n};\n"],"names":["breakpointsMap","useBreakpoint","useBreakpointValue"],"mappings":";AAGA,MAAMA,IAA0D;AAAA,EAC9D,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgB,MACRC,EAAmBF,CAAc,KAE/B;"}

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

@@ -0,0 +1,12 @@
+import { u as e } from "../../../chunks/use-breakpoint-MQ7agQJe.js";
+const o = {
+  base: "mobile",
+  sm: "mobile",
+  md: "tablet",
+  lg: "desktop",
+  xl: "desktop"
+}, s = () => e(o) ?? "mobile";
+export {
+  s as useDeviceType
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useDeviceType/index.ts"],"sourcesContent":["import { useBreakpointValue } from \"@chakra-ui/react\";\nimport { BreakpointSize } from \"theme/tokens/sizes/sizes.types\";\n\ntype DeviceType = \"mobile\" | \"desktop\" | \"tablet\";\n\nconst deviceTypeMap: Record<BreakpointSize | \"base\", DeviceType> = {\n  base: \"mobile\",\n  sm: \"mobile\",\n  md: \"tablet\",\n  lg: \"desktop\",\n  xl: \"desktop\",\n};\n\nexport const useDeviceType = (): DeviceType => {\n  const deviceType = useBreakpointValue(deviceTypeMap);\n\n  return deviceType ?? \"mobile\";\n};\n"],"names":["deviceTypeMap","useDeviceType","useBreakpointValue"],"mappings":";AAKA,MAAMA,IAA6D;AAAA,EACjE,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgB,MACRC,EAAmBF,CAAa,KAE9B;"}