@televet/kibble-ui 4.0.0-beta.93 → 4.0.0-beta.96

package/dist/esm/index.js

@@ -2,17 +2,17 @@ import { A as a, a as e } from "../chunks/alert.types-DeHWvQla.js";
 import { A as s } from "../chunks/avatar.component-CV_95YCj.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
 import { A as f } from "../chunks/avatarGroup.component-CPTXS5Mp.js";
-import { B as l } from "../chunks/button.component-DOAhnxbj.js";
-import { b as u, d, c as T, e as S, a as v } from "../chunks/button.types-CujqF5RD.js";
+import { B as c } from "../chunks/button.component-DOAhnxbj.js";
+import { b as d, d as u, c as T, e as S, a as v } from "../chunks/button.types-CujqF5RD.js";
 import { B as g } from "../chunks/buttonGroup.component-BJl5t4CV.js";
-import { C as P } from "../chunks/card.component-DNX41NGG.js";
+import { C as h } from "../chunks/card.component-DNX41NGG.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
-import { C as D } from "../chunks/characterCounter.component-C4sKYWJ2.js";
+import { C as z } from "../chunks/characterCounter.component-C4sKYWJ2.js";
 import { W } from "../chunks/checkbox.component-BpSGOInE.js";
 import { W as V } from "../chunks/checkboxGroup.component-B154cVx5.js";
 import { C as A } from "../chunks/conversationCard.component-DCpGDLwc.js";
 import { a as I, D as L } from "../chunks/datePicker.component-DSEMVYWG.js";
-import { D as R, d as K, a as N, b as F } from "../chunks/divider.types-0j5qRXed.js";
+import { D as K, d as R, a as N, b as F } from "../chunks/divider.types-0j5qRXed.js";
 import { W as O } from "../chunks/heading.component-BHha3j1I.js";
 import { I as q } from "../chunks/icon.component-DszmCnE4.js";
 import { i as J } from "../chunks/icon.types-DLbVfMjG.js";
@@ -22,17 +22,17 @@ import { M as oo } from "../chunks/menu.component-D38vU6MX.js";
 import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-mGxpGfVt.js";
 import { N as mo } from "../chunks/notificationCounter.component-BzhAKrKR.js";
 import { n as fo, a as no } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
-import { P as co } from "../chunks/picture.component-DECGd77u.js";
+import { P as lo } from "../chunks/picture.component-DECGd77u.js";
 import { W as To, p as So } from "../chunks/pinInput.types-CD_tKvQm.js";
-import { P as bo } from "../chunks/popover.component-DBDBFljk.js";
-import { p as Co, b as Po, a as ho } from "../chunks/popover.types-D1O-Ehsz.js";
-import { W as zo } from "../chunks/radioGroup.component-DJsYK4YT.js";
-import { W as Mo } from "../chunks/ratingDots.component-BdUvoShh.js";
+import { P as bo } from "../chunks/popover.component-UkDDe5Dh.js";
+import { p as Co, b as ho, a as Po } from "../chunks/popover.types-D1O-Ehsz.js";
+import { W as Mo } from "../chunks/radioGroup.component-DJsYK4YT.js";
+import { W as Do } from "../chunks/ratingDots.component-BdUvoShh.js";
 import { W as Bo } from "../chunks/select.component-BNMyz5Nm.js";
 import { S as ko } from "../chunks/sortableList.component-BKthQS8R.js";
 import { S as wo } from "../chunks/spinner.component-CzTRzWbL.js";
 import { s as Lo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Ro, s as Ko } from "../chunks/styledAvatar.types-DXwe2DPH.js";
+import { S as Ko, s as Ro } from "../chunks/styledAvatar.types-DXwe2DPH.js";
 import { S as Fo, s as Ho } from "../chunks/swatch.types-DbgA3RWc.js";
 import { W as jo } from "../chunks/switch.component-DVHjLc9H.js";
 import { T as Eo } from "../chunks/tabs.component-b8VxTs-T.js";
@@ -42,51 +42,52 @@ import { T as _o, a as $o } from "../chunks/tagBlock.component-CfxiQgjI.js";
 import { W as rr } from "../chunks/text.component-DJW--Vty.js";
 import { W as er } from "../chunks/textInput.component-evu71Hys.js";
 import { W as sr } from "../chunks/textarea.component-CZQMAMYT.js";
-import { M as ir, T as mr } from "../chunks/timePicker.component-Bk6YAjmJ.js";
-import { T as fr } from "../chunks/timeRange.component-BJRcb-HV.js";
-import { T as lr } from "../chunks/timestamp.component-DLqT7x-O.js";
-import { useToast as ur } from "./components/Toast/index.js";
+import { M as ir, T as mr } from "../chunks/timePicker.component-DXkOhFKy.js";
+import { T as fr } from "../chunks/timeRange.component-BTmY7o_y.js";
+import { T as cr } from "../chunks/timestamp.component-DLqT7x-O.js";
+import { useToast as dr } from "./components/Toast/index.js";
 import { T as Tr } from "../chunks/tooltip.component-Cr_en1NQ.js";
 import { w as vr } from "../chunks/withDarkMode-BE00aGRV.js";
 import { w as gr } from "../chunks/withLightMode-UfFl5ry6.js";
-import { useBreakpoint as Pr } from "./hooks/useBreakpoint/index.js";
+import { useBreakpoint as hr } from "./hooks/useBreakpoint/index.js";
 import { useColorMode as yr } from "./hooks/useColorMode/index.js";
-import { useColorModeValue as Dr } from "./hooks/useColorModeValue/index.js";
+import { useColorModeValue as zr } 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-VIWx5x9g.js";
+import { c as Gr } from "../chunks/theme-BOK659O0.js";
+import { K as Rr, s as Nr } from "../chunks/theme.provider-DHvMwBwG.js";
 export {
   a as Alert,
   s as Avatar,
   f as AvatarGroup,
-  l as Button,
+  c as Button,
   g as ButtonGroup,
-  P as Card,
-  D as CharacterCounter,
+  h as Card,
+  z as CharacterCounter,
   W as Checkbox,
   V as CheckboxGroup,
   A as ConversationCard,
   I as DateFormats,
   L as DatePicker,
-  R as Divider,
+  K as Divider,
   O as Heading,
   q as Icon,
-  Gr as KibbleThemeProvider,
+  Rr as KibbleThemeProvider,
   U as Link,
   Y as Logo,
   oo as Menu,
   ir as Meridiem,
   ao as Modal,
   mo as NotificationCounter,
-  co as Picture,
+  lo as Picture,
   To as PinInput,
   bo as Popover,
-  zo as RadioGroup,
-  Mo as RatingDots,
+  Mo as RadioGroup,
+  Do as RatingDots,
   Bo as Select,
   ko as SortableList,
   wo as Spinner,
-  Ro as StyledAvatar,
+  Ko as StyledAvatar,
   Fo as Swatch,
   jo as Switch,
   Eo as Tabs,
@@ -98,20 +99,21 @@ export {
   sr as Textarea,
   mr as TimePicker,
   fr as TimeRange,
-  lr as Timestamp,
+  cr as Timestamp,
   Tr as Tooltip,
   e as alertButtonPositions,
   Vr as alignments,
   i as avatarSizes,
   m as avatarVariants,
-  u as buttonConfigVariants,
-  d as buttonIconPositions,
+  d as buttonConfigVariants,
+  u as buttonIconPositions,
   T as buttonSizes,
   S as buttonSpinnerPlacements,
   v as buttonVariants,
   y as cardSizes,
   Xo as closeButtonDisplays,
-  K as dividerOrientations,
+  Gr as colorModeThemeKey,
+  R as dividerOrientations,
   N as dividerSizes,
   F as dividerVariants,
   kr as flexDirections,
@@ -127,20 +129,20 @@ export {
   So as pinInputTypes,
   Ar as placements,
   Co as popoverSizes,
-  Po as popoverTriggerTypes,
-  ho as popoverVariants,
+  ho as popoverTriggerTypes,
+  Po as popoverVariants,
   Lo as spinnerSizes,
   wr as statuses,
-  Ko as styledAvatarTypes,
+  Ro as styledAvatarTypes,
   Ho as swatchSizes,
-  Rr as system,
+  Nr as system,
   Yo as tagSizes,
   Ir as typographyVariants,
-  Pr as useBreakpoint,
+  hr as useBreakpoint,
   yr as useColorMode,
-  Dr as useColorModeValue,
+  zr as useColorModeValue,
   Wr as useDeviceType,
-  ur as useToast,
+  dr as useToast,
   vr as withDarkMode,
   gr as withLightMode
 };

package/dist/esm/index.js.map

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

package/dist/esm/shared/index.js

@@ -1,9 +1,11 @@
-import { alignments as s, flexDirections as a, placements as n, statuses as r, typographyVariants as i } from "./types/index.js";
+import { alignments as t, flexDirections as r, placements as s, statuses as a, typographyVariants as m } from "./types/index.js";
+import { c as p } from "../../chunks/theme-BOK659O0.js";
 export {
-  s as alignments,
-  a as flexDirections,
-  n as placements,
-  r as statuses,
-  i as typographyVariants
+  t as alignments,
+  p as colorModeThemeKey,
+  r as flexDirections,
+  s as placements,
+  a as statuses,
+  m as typographyVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/shared/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/shared/types/index.js

@@ -1,4 +1,5 @@
-const t = ["start", "end", "center"], n = ["row", "column", "row-reverse", "column-reverse"], e = [
+import { c } from "../../../chunks/theme-BOK659O0.js";
+const t = ["start", "end", "center"], e = ["row", "column", "row-reverse", "column-reverse"], n = [
   "top",
   "right",
   "bottom",
@@ -32,8 +33,9 @@ const t = ["start", "end", "center"], n = ["row", "column", "row-reverse", "colu
 ];
 export {
   t as alignments,
-  n as flexDirections,
-  e as placements,
+  c as colorModeThemeKey,
+  e as flexDirections,
+  n as placements,
   r as statuses,
   o as typographyVariants
 };

package/dist/esm/shared/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/shared/types/alignment.ts","../../../../src/shared/types/placement.ts","../../../../src/shared/types/status.ts","../../../../src/shared/types/typography.ts"],"sourcesContent":["export const alignments = ['start', 'end', 'center'] as const;\nexport type Alignment = (typeof alignments)[number];\n\nexport const flexDirections = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nexport type FlexDirection = (typeof flexDirections)[number];\n","export const placements = [\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'top-start',\n  'top-end',\n  'right-start',\n  'right-end',\n  'bottom-start',\n  'bottom-end',\n  'left-start',\n  'left-end',\n] as const;\n\nexport type Placement = (typeof placements)[number];\n","export const statuses = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport type Status = (typeof statuses)[number];\n","export const typographyVariants = [\n  'accent',\n  'accentSubtle',\n  'brand',\n  'brandOnContrast',\n  'danger',\n  'dangerOnContrast',\n  'default',\n  'info',\n  'interactive',\n  'interactiveOnContrast',\n  'onContrast',\n  'placeholder',\n  'placeholderOnContrast',\n  'subtle',\n  'subtleOnContrast',\n  'success',\n  'warning',\n] as const;\nexport type TypographyVariant = (typeof typographyVariants)[number];\n"],"names":["alignments","flexDirections","placements","statuses","typographyVariants"],"mappings":"AAAO,MAAMA,IAAa,CAAC,SAAS,OAAO,QAAQ,GAGtCC,IAAiB,CAAC,OAAO,UAAU,eAAe,gBAAgB,GCHlEC,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GCbaC,IAAW,CAAC,QAAQ,WAAW,WAAW,SAAS,SAAS,GCA5DC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index.js","sources":["../../../../src/shared/types/alignment.ts","../../../../src/shared/types/placement.ts","../../../../src/shared/types/status.ts","../../../../src/shared/types/typography.ts"],"sourcesContent":["export const alignments = ['start', 'end', 'center'] as const;\nexport type Alignment = (typeof alignments)[number];\n\nexport const flexDirections = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nexport type FlexDirection = (typeof flexDirections)[number];\n","export const placements = [\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'top-start',\n  'top-end',\n  'right-start',\n  'right-end',\n  'bottom-start',\n  'bottom-end',\n  'left-start',\n  'left-end',\n] as const;\n\nexport type Placement = (typeof placements)[number];\n","export const statuses = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport type Status = (typeof statuses)[number];\n","export const typographyVariants = [\n  'accent',\n  'accentSubtle',\n  'brand',\n  'brandOnContrast',\n  'danger',\n  'dangerOnContrast',\n  'default',\n  'info',\n  'interactive',\n  'interactiveOnContrast',\n  'onContrast',\n  'placeholder',\n  'placeholderOnContrast',\n  'subtle',\n  'subtleOnContrast',\n  'success',\n  'warning',\n] as const;\nexport type TypographyVariant = (typeof typographyVariants)[number];\n"],"names":["alignments","flexDirections","placements","statuses","typographyVariants"],"mappings":";AAAO,MAAMA,IAAa,CAAC,SAAS,OAAO,QAAQ,GAGtCC,IAAiB,CAAC,OAAO,UAAU,eAAe,gBAAgB,GCHlEC,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GCbaC,IAAW,CAAC,QAAQ,WAAW,WAAW,SAAS,SAAS,GCA5DC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as r, s as m } from "../../chunks/theme.provider-VIWx5x9g.js";
+import { K as r, s as m } from "../../chunks/theme.provider-DHvMwBwG.js";
 export {
   r as KibbleThemeProvider,
   m as system

package/dist/types/hooks/useColorMode/index.d.ts

@@ -1,9 +1,10 @@
 import { ColorMode } from '../../shared/types/theme';
 export interface UseColorModeReturn {
     colorMode: ColorMode;
-    resolvedColorMode: ColorMode;
-    setColorMode: (colorMode: ColorMode) => void;
+    colorModeThemeKey: string;
+    forcedColorMode?: ColorMode;
+    setColorMode: (colorMode: ColorMode | 'system') => void;
+    systemColorMode: ColorMode;
     toggleColorMode: () => void;
-    forcedTheme?: ColorMode;
 }
 export declare const useColorMode: () => UseColorModeReturn;

package/dist/types/shared/types/theme.d.ts

@@ -1 +1,2 @@
 export type ColorMode = 'light' | 'dark';
+export declare const colorModeThemeKey = "kibble-theme";

package/dist/types/theme/providers/theme.provider.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { ChakraProviderProps } from '@chakra-ui/react';
 import { SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';
-interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, 'value'>, Omit<ColorModeProviderProps, 'children'> {
+interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, 'value'>, Omit<ColorModeProviderProps, 'children' | 'storageKey'> {
     customTheme?: SystemContext;
 }
 export declare const KibbleThemeProvider: ({ customTheme, children, enableSystem, ...rest }: KibbleThemeProviderProps) => 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.93",
+  "version": "4.0.0-beta.96",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",