@caspeco/casper-ui-library 6.1.0 → 7.0.0

package/dist/index.js

@@ -1,185 +1,188 @@
 import { useColorMode as e, useDisclosure as t, useRadioGroup as m } from "@chakra-ui/react";
 import { isTouchScreenDevice as x } from "./theme/theme-helper.js";
-import { ThemeColorModeScript as a, ThemeProvider as i, ThemeProviderContext as n } from "./theme/theme-provider.js";
-import { ThemeBorderVariable as d, ThemeBreakPointVariable as u, ThemeColorVariable as T, ThemeFontSizeVariable as c, ThemeFontVariable as s, ThemeIconSizeVariable as b, ThemeRadiusVariable as h, ThemeShadowVariable as g, ThemeSpaceVariable as M } from "./theme/theme-types.js";
-import { Accordion as C } from "./components/accordion/accordion.js";
-import { AccordionItem as I } from "./components/accordion/accordion-item.js";
-import { AccordionPanel as L } from "./components/accordion/accordion-panel.js";
+import { ThemeColorModeScript as a, ThemeProvider as i } from "./theme/theme-provider.js";
+import { ThemeProviderContext as l } from "./theme/theme-context.js";
+import { ThemeBorderVariable as u, ThemeBreakPointVariable as T, ThemeColorVariable as c, ThemeFontSizeVariable as s, ThemeFontVariable as b, ThemeIconSizeVariable as h, ThemeRadiusVariable as g, ThemeShadowVariable as M, ThemeSpaceVariable as B } from "./theme/theme-types.js";
+import { Accordion as S } from "./components/accordion/accordion.js";
+import { AccordionItem as k } from "./components/accordion/accordion-item.js";
+import { AccordionPanel as P } from "./components/accordion/accordion-panel.js";
 import { Alert as V } from "./components/alert/alert.js";
 import { Badge as D } from "./components/badge/badge.js";
-import { Box as R } from "./components/box/box.js";
-import { Breadcrumbs as G } from "./components/breadcrumbs/breadcrumbs.js";
-import { Button as w } from "./components/button/button.js";
-import { Checkbox as y } from "./components/checkbox/checkbox.js";
-import { CheckboxGroup as U } from "./components/checkbox-group/checkbox-group.js";
-import { Combobox as Q } from "./components/combobox/combobox.js";
-import { DatePicker as j } from "./components/date-picker/date-picker.js";
-import { DateRangePicker as J } from "./components/date-picker/date-range-picker.js";
-import { DateWeekPicker as O } from "./components/date-picker/date-week-picker.js";
-import { Divider as Y } from "./components/divider/divider.js";
-import { Drawer as _ } from "./components/drawer/drawer.js";
-import { Flex as oo } from "./components/flex/flex.js";
-import { FormControl as eo } from "./components/form-control/form-control.js";
-import { FormErrorMessage as mo } from "./components/form-control/form-error-message.js";
-import { FormHelperText as xo } from "./components/form-control/form-helper-text.js";
-import { FormLabel as ao } from "./components/form-control/form-label.js";
-import { Grid as no } from "./components/grid/grid.js";
-import { GridItem as uo } from "./components/grid/grid-item.js";
-import { Heading as co } from "./components/heading/heading.js";
-import { Highlight as bo } from "./components/highlight/highlight.js";
-import { Icon as go } from "./components/icon/icon.js";
-import { Icons as Bo } from "./components/icon/types.js";
-import { IconButton as So } from "./components/icon-button/icon-button.js";
-import { Image as ko } from "./components/image/image.js";
-import { ImageUpload as Po } from "./components/image-upload/image-upload.js";
+import { Box as A } from "./components/box/box.js";
+import { Breadcrumbs as H } from "./components/breadcrumbs/breadcrumbs.js";
+import { Button as N } from "./components/button/button.js";
+import { Checkbox as z } from "./components/checkbox/checkbox.js";
+import { CheckboxGroup as E } from "./components/checkbox-group/checkbox-group.js";
+import { Combobox as W } from "./components/combobox/combobox.js";
+import { DatePicker as q } from "./components/date-picker/date-picker.js";
+import { DateRangePicker as K } from "./components/date-picker/date-range-picker.js";
+import { DateWeekPicker as X } from "./components/date-picker/date-week-picker.js";
+import { Divider as Z } from "./components/divider/divider.js";
+import { Drawer as $ } from "./components/drawer/drawer.js";
+import { Flex as ro } from "./components/flex/flex.js";
+import { FormControl as to } from "./components/form-control/form-control.js";
+import { FormErrorMessage as po } from "./components/form-control/form-error-message.js";
+import { FormHelperText as fo } from "./components/form-control/form-helper-text.js";
+import { FormLabel as io } from "./components/form-control/form-label.js";
+import { Grid as lo } from "./components/grid/grid.js";
+import { GridItem as To } from "./components/grid/grid-item.js";
+import { Heading as so } from "./components/heading/heading.js";
+import { Highlight as ho } from "./components/highlight/highlight.js";
+import { Icon as Mo } from "./components/icon/icon.js";
+import { Icons as Co } from "./components/icon/types.js";
+import { IconButton as Io } from "./components/icon-button/icon-button.js";
+import { Image as Lo } from "./components/image/image.js";
+import { ImageUpload as Fo } from "./components/image-upload/image-upload.js";
 import { ImageUploadAspectRatio as vo } from "./components/image-upload/types.js";
-import { Input as Fo } from "./components/input/input.js";
-import { Link as Ao } from "./components/link/link.js";
-import { List as Ho } from "./components/list/list.js";
-import { ListItem as No } from "./components/list/list-item.js";
-import { Menu as zo } from "./components/menu/menu.js";
-import { MenuBoxButton as Eo } from "./components/menu/menu-box-button.js";
-import { MenuButton as Wo } from "./components/menu/menu-button.js";
-import { MenuDivider as qo } from "./components/menu/menu-divider.js";
-import { MenuGroup as Ko } from "./components/menu/menu-group.js";
-import { MenuIconButton as Xo } from "./components/menu/menu-icon-button.js";
-import { MenuItem as Zo } from "./components/menu/menu-item.js";
-import { MenuList as $o } from "./components/menu/menu-list.js";
-import { Message as rr } from "./components/message/message.js";
-import { Modal as tr } from "./components/modal/modal.js";
-import { ModalBody as pr } from "./components/modal/modal-body.js";
-import { ModalCloseButton as fr } from "./components/modal/modal-close-button.js";
-import { ModalFooter as ir } from "./components/modal/modal-footer.js";
-import { ModalHeader as lr } from "./components/modal/modal-header.js";
-import { NavigationList as ur } from "./components/navigation-list/navigation-list.js";
-import { NavigationListButton as cr, NavigationListLink as sr } from "./components/navigation-list/navigation-list-item.js";
-import { Paginator as hr } from "./components/paginator/paginator.js";
-import { QuantityButton as Mr } from "./components/quantity-button/quantity-button.js";
-import { Radio as Cr } from "./components/radio/radio.js";
-import { RadioAddon as Ir } from "./components/radio/radio-addon.js";
-import { RadioCard as Lr } from "./components/radio/radio-card.js";
+import { Input as Ro } from "./components/input/input.js";
+import { Link as Go } from "./components/link/link.js";
+import { List as wo } from "./components/list/list.js";
+import { ListItem as yo } from "./components/list/list-item.js";
+import { Menu as Uo } from "./components/menu/menu.js";
+import { MenuBoxButton as Qo } from "./components/menu/menu-box-button.js";
+import { MenuButton as jo } from "./components/menu/menu-button.js";
+import { MenuDivider as Jo } from "./components/menu/menu-divider.js";
+import { MenuGroup as Oo } from "./components/menu/menu-group.js";
+import { MenuIconButton as Yo } from "./components/menu/menu-icon-button.js";
+import { MenuItem as _o } from "./components/menu/menu-item.js";
+import { MenuList as or } from "./components/menu/menu-list.js";
+import { Message as er } from "./components/message/message.js";
+import { Modal as mr } from "./components/modal/modal.js";
+import { ModalBody as xr } from "./components/modal/modal-body.js";
+import { ModalCloseButton as ar } from "./components/modal/modal-close-button.js";
+import { ModalFooter as nr } from "./components/modal/modal-footer.js";
+import { ModalHeader as dr } from "./components/modal/modal-header.js";
+import { NavigationList as Tr } from "./components/navigation-list/navigation-list.js";
+import { NavigationListButton as sr, NavigationListLink as br } from "./components/navigation-list/navigation-list-item.js";
+import { Paginator as gr } from "./components/paginator/paginator.js";
+import { QuantityButton as Br } from "./components/quantity-button/quantity-button.js";
+import { Radio as Sr } from "./components/radio/radio.js";
+import { RadioAddon as kr } from "./components/radio/radio-addon.js";
+import { RadioCard as Pr } from "./components/radio/radio-card.js";
 import { RadioGroup as Vr } from "./components/radio-group/radio-group.js";
 import { SegmentedControl as Dr } from "./components/segmented-control/segmented-control.js";
-import { Select as Rr } from "./components/select/select.js";
-import { Skeleton as Gr } from "./components/skeleton/skeleton.js";
-import { SkeletonText as wr } from "./components/skeleton/skeleton-text.js";
-import { Stack as yr } from "./components/stack/stack.js";
-import { StepContext as Ur } from "./components/stepper/step-context.js";
-import { Stepper as Qr } from "./components/stepper/stepper.js";
-import { Switch as jr } from "./components/switch/switch.js";
-import { createColumnHelper as Jr } from "./node_modules/@tanstack/table-core/build/lib/index.js";
-import { Table as Or } from "./components/table/table.js";
-import { TableContent as Yr } from "./components/table/table-content.js";
-import { useTableContext as _r } from "./components/table/table-context.js";
-import { TableToolbar as oe } from "./components/table/table-toolbar.js";
-import { Tab as ee } from "./components/tabs/tab.js";
-import { TabList as me } from "./components/tabs/tab-list.js";
-import { TabPanel as xe } from "./components/tabs/tab-panel.js";
-import { TabPanels as ae } from "./components/tabs/tab-panels.js";
-import { Tabs as ne } from "./components/tabs/tabs.js";
-import { Tag as de } from "./components/tag/tag.js";
-import { Text as Te } from "./components/text/text.js";
-import { Textarea as se } from "./components/textarea/textarea.js";
-import { useToast as he } from "./components/toast/toast.js";
-import { ToggleButton as Me } from "./components/toggle-button/toggle-button.js";
-import { Tooltip as Ce } from "./components/tooltip/tooltip.js";
+import { Select as Ar } from "./components/select/select.js";
+import { Skeleton as Hr } from "./components/skeleton/skeleton.js";
+import { SkeletonText as Nr } from "./components/skeleton/skeleton-text.js";
+import { Stack as zr } from "./components/stack/stack.js";
+import { StepContext as Er } from "./components/stepper/step-context.js";
+import { Stepper as Wr } from "./components/stepper/stepper.js";
+import { Switch as qr } from "./components/switch/switch.js";
+import { createColumnHelper as Kr } from "./node_modules/@tanstack/table-core/build/lib/index.js";
+import { Table as Xr } from "./components/table/table.js";
+import { TableContent as Zr } from "./components/table/table-content.js";
+import { useTableContext as $r } from "./components/table/table-context.js";
+import { TableFilter as re } from "./components/table/table-filter.js";
+import { TableToolbar as te } from "./components/table/table-toolbar.js";
+import { Tab as pe } from "./components/tabs/tab.js";
+import { TabList as fe } from "./components/tabs/tab-list.js";
+import { TabPanel as ie } from "./components/tabs/tab-panel.js";
+import { TabPanels as le } from "./components/tabs/tab-panels.js";
+import { Tabs as ue } from "./components/tabs/tabs.js";
+import { Tag as ce } from "./components/tag/tag.js";
+import { Text as be } from "./components/text/text.js";
+import { Textarea as ge } from "./components/textarea/textarea.js";
+import { useToast as Be } from "./components/toast/toast.js";
+import { ToggleButton as Se } from "./components/toggle-button/toggle-button.js";
+import { Tooltip as ke } from "./components/tooltip/tooltip.js";
 export {
-  C as Accordion,
-  I as AccordionItem,
-  L as AccordionPanel,
+  S as Accordion,
+  k as AccordionItem,
+  P as AccordionPanel,
   V as Alert,
   D as Badge,
-  R as Box,
-  G as Breadcrumbs,
-  w as Button,
-  y as Checkbox,
-  U as CheckboxGroup,
+  A as Box,
+  H as Breadcrumbs,
+  N as Button,
+  z as Checkbox,
+  E as CheckboxGroup,
   a as ColorModeScript,
-  Q as Combobox,
-  j as DatePicker,
-  J as DateRangePicker,
-  O as DateWeekPicker,
-  Y as Divider,
-  _ as Drawer,
-  oo as Flex,
-  eo as FormControl,
-  mo as FormErrorMessage,
-  xo as FormHelperText,
-  ao as FormLabel,
-  no as Grid,
-  uo as GridItem,
-  co as Heading,
-  bo as Highlight,
-  go as Icon,
-  So as IconButton,
-  Bo as Icons,
-  ko as Image,
-  Po as ImageUpload,
+  W as Combobox,
+  q as DatePicker,
+  K as DateRangePicker,
+  X as DateWeekPicker,
+  Z as Divider,
+  $ as Drawer,
+  ro as Flex,
+  to as FormControl,
+  po as FormErrorMessage,
+  fo as FormHelperText,
+  io as FormLabel,
+  lo as Grid,
+  To as GridItem,
+  so as Heading,
+  ho as Highlight,
+  Mo as Icon,
+  Io as IconButton,
+  Co as Icons,
+  Lo as Image,
+  Fo as ImageUpload,
   vo as ImageUploadAspectRatio,
-  Fo as Input,
-  Ao as Link,
-  Ho as List,
-  No as ListItem,
-  zo as Menu,
-  Eo as MenuBoxButton,
-  Wo as MenuButton,
-  qo as MenuDivider,
-  Ko as MenuGroup,
-  Xo as MenuIconButton,
-  Zo as MenuItem,
-  $o as MenuList,
-  rr as Message,
-  tr as Modal,
-  pr as ModalBody,
-  fr as ModalCloseButton,
-  ir as ModalFooter,
-  lr as ModalHeader,
-  ur as NavigationList,
-  cr as NavigationListButton,
-  sr as NavigationListLink,
-  hr as Paginator,
-  Mr as QuantityButton,
-  Cr as Radio,
-  Ir as RadioAddon,
-  Lr as RadioCard,
+  Ro as Input,
+  Go as Link,
+  wo as List,
+  yo as ListItem,
+  Uo as Menu,
+  Qo as MenuBoxButton,
+  jo as MenuButton,
+  Jo as MenuDivider,
+  Oo as MenuGroup,
+  Yo as MenuIconButton,
+  _o as MenuItem,
+  or as MenuList,
+  er as Message,
+  mr as Modal,
+  xr as ModalBody,
+  ar as ModalCloseButton,
+  nr as ModalFooter,
+  dr as ModalHeader,
+  Tr as NavigationList,
+  sr as NavigationListButton,
+  br as NavigationListLink,
+  gr as Paginator,
+  Br as QuantityButton,
+  Sr as Radio,
+  kr as RadioAddon,
+  Pr as RadioCard,
   Vr as RadioGroup,
   Dr as SegmentedControl,
-  Rr as Select,
-  Gr as Skeleton,
-  wr as SkeletonText,
-  yr as Stack,
-  Ur as StepContext,
-  Qr as Stepper,
-  jr as Switch,
-  ee as Tab,
-  me as TabList,
-  xe as TabPanel,
-  ae as TabPanels,
-  Or as Table,
-  Yr as TableContent,
-  oe as TableToolbar,
-  ne as Tabs,
-  de as Tag,
-  Te as Text,
-  se as Textarea,
-  d as ThemeBorderVariable,
-  u as ThemeBreakPointVariable,
-  T as ThemeColorVariable,
-  c as ThemeFontSizeVariable,
-  s as ThemeFontVariable,
-  b as ThemeIconSizeVariable,
+  Ar as Select,
+  Hr as Skeleton,
+  Nr as SkeletonText,
+  zr as Stack,
+  Er as StepContext,
+  Wr as Stepper,
+  qr as Switch,
+  pe as Tab,
+  fe as TabList,
+  ie as TabPanel,
+  le as TabPanels,
+  Xr as Table,
+  Zr as TableContent,
+  re as TableFilter,
+  te as TableToolbar,
+  ue as Tabs,
+  ce as Tag,
+  be as Text,
+  ge as Textarea,
+  u as ThemeBorderVariable,
+  T as ThemeBreakPointVariable,
+  c as ThemeColorVariable,
+  s as ThemeFontSizeVariable,
+  b as ThemeFontVariable,
+  h as ThemeIconSizeVariable,
   i as ThemeProvider,
-  n as ThemeProviderContext,
-  h as ThemeRadiusVariable,
-  g as ThemeShadowVariable,
-  M as ThemeSpaceVariable,
-  Me as ToggleButton,
-  Ce as Tooltip,
-  Jr as createColumnHelper,
+  l as ThemeProviderContext,
+  g as ThemeRadiusVariable,
+  M as ThemeShadowVariable,
+  B as ThemeSpaceVariable,
+  Se as ToggleButton,
+  ke as Tooltip,
+  Kr as createColumnHelper,
   x as isTouchScreenDevice,
   e as useColorMode,
   t as useDisclosure,
   m as useRadioGroup,
-  _r as useTableContext,
-  he as useToast
+  $r as useTableContext,
+  Be as useToast
 };

package/dist/theme/index.d.ts

@@ -1,6 +1,7 @@
 export { useColorMode } from '@chakra-ui/react';
 export { isTouchScreenDevice } from './theme-helper.js';
-export { ThemeColorModeScript as ColorModeScript, ThemeProvider, ThemeProviderContext, } from './theme-provider.js';
+export { ThemeColorModeScript as ColorModeScript, ThemeProvider } from './theme-provider.js';
+export { ThemeProviderContext } from './theme-context.js';
 export type { ThemeProviderProps } from './theme-provider.js';
 export type { BorderProps, ColorProps, CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, ShadowProps, ThemeStyleProps, TypographyProps, } from './theme-style-props.js';
 export * from './theme-types.js';

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EACN,oBAAoB,IAAI,eAAe,EACvC,aAAa,EACb,oBAAoB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EACX,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,oBAAoB,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EACX,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/theme/theme-context.d.ts

@@ -0,0 +1,10 @@
+import { ThemeColorValues, ThemeFontValues, GlobalStyles } from './theme-types.js';
+type ThemeProviderContextType = {
+    colors: ThemeColorValues;
+    fonts: ThemeFontValues;
+    fontStyleSheet: string;
+    globalStyles: GlobalStyles;
+};
+export declare const ThemeProviderContext: import('react').Context<ThemeProviderContextType>;
+export {};
+//# sourceMappingURL=theme-context.d.ts.map

package/dist/theme/theme-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAErF,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mDAK/B,CAAC"}

package/dist/theme/theme-context.js

@@ -0,0 +1,11 @@
+import { createContext as o } from "react";
+import { casperUITheme as e } from "./theme-config/theme-casper-ui.js";
+const l = o({
+  colors: e.colors,
+  fonts: e.fonts,
+  fontStyleSheet: e.fontStyleSheet,
+  globalStyles: e.globalStyles
+});
+export {
+  l as ThemeProviderContext
+};

package/dist/theme/theme-provider-context.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,4CA8BrB;AAED,wBAAgB,KAAK,4CAkBpB;AAED,wBAAgB,SAAS,4CAcxB;AAED,wBAAgB,KAAK,4CAyBpB;AAED,wBAAgB,WAAW,4CA2B1B;AAED,wBAAgB,YAAY,4CA2B3B;AAED,wBAAgB,OAAO,4CA6BtB;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,SAAS,4CAgCxB"}
+{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,4CA8BrB;AAED,wBAAgB,KAAK,4CAmBpB;AAED,wBAAgB,SAAS,4CAkBxB;AAED,wBAAgB,KAAK,4CAyBpB;AAED,wBAAgB,WAAW,4CA2B1B;AAED,wBAAgB,YAAY,4CA2B3B;AAED,wBAAgB,OAAO,4CA6BtB;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,SAAS,4CAgCxB"}

package/dist/theme/theme-provider.d.ts

@@ -14,13 +14,6 @@ export type ThemeProviderProps = {
     fontStyleSheet?: string;
     globalStyles?: GlobalStyles;
 };
-type ThemeProviderContextType = {
-    colors: ThemeColorValues;
-    fonts: ThemeFontValues;
-    fontStyleSheet: string;
-    globalStyles: GlobalStyles;
-};
-export declare const ThemeProviderContext: import('react').Context<ThemeProviderContextType>;
 /**
  * Provides theme appearance to all children rendered within the provider.
  * Default theme values are set to a Casper UI-theme. To override them,
@@ -34,5 +27,4 @@ export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalSty
  * @see Docs https://caspeco.github.io/casper-ui-library/getting-started/theme/
  */
 export declare function ThemeColorModeScript(): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/F,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mDAK/B,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,2CAsBpB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,4CAKnC"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAG/F,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,2CAsBpB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,4CAKnC"}

package/dist/theme/theme-provider.js

@@ -1,39 +1,33 @@
 import { jsx as e } from "react/jsx-runtime";
-import { ColorModeScript as f, extendTheme as a, ChakraProvider as h } from "@chakra-ui/react";
-import { createContext as p } from "react";
+import { ColorModeScript as p, extendTheme as a, ChakraProvider as f } from "@chakra-ui/react";
+import "react";
 import { createSemanticTokens as d } from "./theme-config/theme.js";
 import { casperUITheme as o } from "./theme-config/theme-casper-ui.js";
-import { componentsConfig as S } from "./theme-config/theme-components.js";
-const C = p({
-  colors: o.colors,
-  fonts: o.fonts,
-  fontStyleSheet: o.fontStyleSheet,
-  globalStyles: o.globalStyles
-});
-function M({
-  colors: t = o.colors,
-  fonts: r = o.fonts,
-  fontStyleSheet: n = o.fontStyleSheet,
-  globalStyles: i = o.globalStyles,
-  children: l
+import { componentsConfig as h } from "./theme-config/theme-components.js";
+import { ThemeProviderContext as C } from "./theme-context.js";
+function S({
+  colors: r = o.colors,
+  fonts: t = o.fonts,
+  fontStyleSheet: i = o.fontStyleSheet,
+  globalStyles: m = o.globalStyles,
+  children: n
 }) {
-  const m = {
+  const s = {
     cssVarPrefix: "theme",
     initialColorMode: "light",
     useSystemColorMode: !1
-  }, s = { global: { ...i, fontStyleSheet: n } }, c = a({
-    semanticTokens: d(t, r),
-    components: S,
-    config: m,
-    styles: s
+  }, c = { global: { ...m, fontStyleSheet: i } }, l = a({
+    semanticTokens: d(r, t),
+    components: h,
+    config: s,
+    styles: c
   });
-  return /* @__PURE__ */ e(C.Provider, { value: { colors: t, fonts: r, fontStyleSheet: n, globalStyles: i }, children: /* @__PURE__ */ e(h, { theme: c, children: l }) });
+  return /* @__PURE__ */ e(C.Provider, { value: { colors: r, fonts: t, fontStyleSheet: i, globalStyles: m }, children: /* @__PURE__ */ e(f, { theme: l, children: n }) });
 }
-function P() {
-  return /* @__PURE__ */ e(f, { initialColorMode: "light" });
+function k() {
+  return /* @__PURE__ */ e(p, { initialColorMode: "light" });
 }
 export {
-  P as ThemeColorModeScript,
-  M as ThemeProvider,
-  C as ThemeProviderContext
+  k as ThemeColorModeScript,
+  S as ThemeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "6.1.0",
+	"version": "7.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -30,24 +30,24 @@
 		"@arethetypeswrong/cli": "^0.18.2",
 		"@caspeco/eslint-config": "^4.0.5",
 		"@caspeco/prettier-config": "^1.0.6",
-		"@eslint/js": "^9.36.0",
-		"@testing-library/jest-dom": "^6.8.0",
+		"@eslint/js": "^9.37.0",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.5.2",
+		"@types/node": "^24.7.0",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
 		"@vitejs/plugin-react-swc": "^4.1.0",
-		"eslint": "^9.36.0",
-		"eslint-plugin-react-hooks": "^5.2.0",
-		"eslint-plugin-react-refresh": "^0.4.20",
+		"eslint": "^9.37.0",
+		"eslint-plugin-react-hooks": "^6.1.1",
+		"eslint-plugin-react-refresh": "^0.4.23",
 		"globals": "^16.4.0",
 		"jsdom": "^27.0.0",
 		"tsc-alias": "^1.8.16",
-		"typescript": "~5.9.2",
-		"typescript-eslint": "^8.44.0",
-		"vite": "^7.1.6",
+		"typescript": "~5.9.3",
+		"typescript-eslint": "^8.45.0",
+		"vite": "^7.1.9",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.2.4"