@televet/kibble-ui 4.0.0-beta.94 → 4.0.0-beta.97

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,6 +1,7 @@
-import { K as r, s as m } from "../../chunks/theme.provider-VIWx5x9g.js";
+import { K as i, k as a, a as m } from "../../chunks/theme.provider-BHh_9yV5.js";
 export {
-  r as KibbleThemeProvider,
-  m as system
+  i as KibbleThemeProvider,
+  a as kibbleSystem,
+  m as kibbleThemeConfig
 };
 //# sourceMappingURL=index.js.map

package/dist/types/chakra/index.d.ts

@@ -49,4 +49,4 @@ export { Portal } from '@chakra-ui/react/portal';
 export { Show } from '@chakra-ui/react/show';
 export { VisuallyHidden } from '@chakra-ui/react/visually-hidden';
 export { useBreakpointValue, useConst, useDisclosure, useMediaQuery } from '@chakra-ui/react';
-export { defineRecipe, defineSlotRecipe, useRecipe, useSlotRecipe, type SystemStyleObject, } from '@chakra-ui/react/styled-system';
+export { defineRecipe, defineSlotRecipe, useRecipe, useSlotRecipe, defineConfig, createSystem, type SystemStyleObject, } from '@chakra-ui/react/styled-system';

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

@@ -1,9 +1,10 @@
 import { ColorMode } from '../../shared/types/theme';
 export interface UseColorModeReturn {
     colorMode: ColorMode;
+    colorModeThemeKey: string;
+    forcedColorMode?: ColorMode;
+    setColorMode: (colorMode: ColorMode | 'system') => void;
     systemColorMode: ColorMode;
-    setColorMode: (colorMode: ColorMode) => void;
     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/index.d.ts

@@ -1,2 +1,2 @@
 export { KibbleThemeProvider } from './providers/theme.provider';
-export { system } from './theme.config';
+export { kibbleSystem, kibbleThemeConfig } from './theme.config';

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/dist/types/theme/theme.config.d.ts

@@ -1,2 +1,3 @@
-export declare const themeConfig: import('@chakra-ui/react').SystemConfig;
-export declare const system: import('@chakra-ui/react').SystemContext;
+export declare const kibbleThemeConfig: import('@chakra-ui/react').SystemConfig;
+export declare const kibbleSystem: import('@chakra-ui/react').SystemContext;
+export default kibbleSystem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.94",
+  "version": "4.0.0-beta.97",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
@@ -39,16 +39,6 @@
     "npm": ">=9.0.0"
   },
   "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/cjs/index.cjs"
-      }
-    },
     "./theme": {
       "import": {
         "types": "./dist/types/theme/index.d.ts",
@@ -89,16 +79,6 @@
         "default": "./dist/cjs/components/*/index.cjs"
       }
     },
-    "./components/*": {
-      "import": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/esm/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/cjs/components/*/index.cjs"
-      }
-    },
     "./hocs/*": {
       "import": {
         "types": "./dist/types/hocs/*/index.d.ts",