@impulse-ui-native/theme 8.3.0 → 9.1.1

package/README.md

@@ -139,9 +139,15 @@ motion tokens.
 </ThemeProvider>
 ```
 
-`createChartsTokens` and `ChartsTokens` define the chart palette, Cartesian
-insets, axis/grid/line widths, axis tick length and label gap, bar padding ratios,
-and pie ring padding. The palette defaults to `ChartColorTokens`; override
+`createChartsTokens` and `ChartsTokens` define the chart palette, shared chart
+insets, axis/grid/line widths, axis tick length and label gap, bar padding/rounding,
+pie ring padding/rounding, typography, selection markers, legends, and tooltip
+placement. `createChartsLabelTokens` and `ChartsLabelTokens` provide the same font
+family, weight, size, and color defaults for native chart text and Skia labels.
+Chart tooltip surface, border, radius, text color, padding, and gap come from
+`components.charts.tooltip`; legend press feedback and
+hidden opacity reuse Pressable tokens. New appearance groups are optional for
+compatibility with older complete chart token objects. The palette defaults to `ChartColorTokens`; override
 `components.charts.palette` to customize series colors. Explicit component and
 series props continue to take precedence.
 

package/dist/constants/style.constants.js

@@ -53,7 +53,6 @@ const StylePropsRecord = {
   textTransform: 0,
   includeFontPadding: 0,
   textAlignVertical: 0,
-  writingDirection: 0,
   flex: 0,
   flexGrow: 0,
   flexShrink: 0,

package/dist/constants/style.constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n  margin: 0,\n  marginTop: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  marginRight: 0,\n  marginHorizontal: 0,\n  marginVertical: 0,\n  padding: 0,\n  paddingTop: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  paddingRight: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  color: 0,\n  backgroundColor: 0,\n  opacity: 0,\n  shadow: 0,\n  shadowPosition: 0,\n  shadowColor: 0,\n  shadowOpacity: 0,\n  shadowRadius: 0,\n  shadowOffset: 0,\n  elevation: 0,\n  borderRadius: 0,\n  borderTopLeftRadius: 0,\n  borderTopRightRadius: 0,\n  borderBottomLeftRadius: 0,\n  borderBottomRightRadius: 0,\n  borderWidth: 0,\n  borderTopWidth: 0,\n  borderRightWidth: 0,\n  borderBottomWidth: 0,\n  borderLeftWidth: 0,\n  borderColor: 0,\n  borderTopColor: 0,\n  borderRightColor: 0,\n  borderBottomColor: 0,\n  borderLeftColor: 0,\n  borderStyle: 0,\n  fontSize: 0,\n  fontFamily: 0,\n  fontWeight: 0,\n  fontStyle: 0,\n  fontVariant: 0,\n  letterSpacing: 0,\n  lineHeight: 0,\n  textAlign: 0,\n  textDecorationLine: 0,\n  textDecorationStyle: 0,\n  textDecorationColor: 0,\n  textTransform: 0,\n  includeFontPadding: 0,\n  textAlignVertical: 0,\n  writingDirection: 0,\n  flex: 0,\n  flexGrow: 0,\n  flexShrink: 0,\n  flexBasis: 0,\n  flexDirection: 0,\n  flexWrap: 0,\n  justifyContent: 0,\n  alignItems: 0,\n  alignSelf: 0,\n  alignContent: 0,\n  gap: 0,\n  rowGap: 0,\n  columnGap: 0,\n  position: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  zIndex: 0,\n  width: 0,\n  height: 0,\n  minWidth: 0,\n  maxWidth: 0,\n  minHeight: 0,\n  maxHeight: 0,\n  aspectRatio: 0,\n  overflow: 0,\n} as const;\n\nexport const StylePropsSet = new Set<keyof StyleProps>(\n  Object.keys(StylePropsRecord) as (keyof StyleProps)[],\n);\n\nexport const ShadowScale: Record<ShadowLevel, ShadowIntensity> = {\n  none: { radius: 0, opacity: 0, elevation: 0 },\n  xs: { radius: 2, opacity: 0.08, elevation: 1 },\n  sm: { radius: 4, opacity: 0.1, elevation: 2 },\n  md: { radius: 8, opacity: 0.15, elevation: 4 },\n  lg: { radius: 16, opacity: 0.18, elevation: 8 },\n  xl: { radius: 24, opacity: 0.22, elevation: 12 },\n};\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}
+{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n  margin: 0,\n  marginTop: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  marginRight: 0,\n  marginHorizontal: 0,\n  marginVertical: 0,\n  padding: 0,\n  paddingTop: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  paddingRight: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  color: 0,\n  backgroundColor: 0,\n  opacity: 0,\n  shadow: 0,\n  shadowPosition: 0,\n  shadowColor: 0,\n  shadowOpacity: 0,\n  shadowRadius: 0,\n  shadowOffset: 0,\n  elevation: 0,\n  borderRadius: 0,\n  borderTopLeftRadius: 0,\n  borderTopRightRadius: 0,\n  borderBottomLeftRadius: 0,\n  borderBottomRightRadius: 0,\n  borderWidth: 0,\n  borderTopWidth: 0,\n  borderRightWidth: 0,\n  borderBottomWidth: 0,\n  borderLeftWidth: 0,\n  borderColor: 0,\n  borderTopColor: 0,\n  borderRightColor: 0,\n  borderBottomColor: 0,\n  borderLeftColor: 0,\n  borderStyle: 0,\n  fontSize: 0,\n  fontFamily: 0,\n  fontWeight: 0,\n  fontStyle: 0,\n  fontVariant: 0,\n  letterSpacing: 0,\n  lineHeight: 0,\n  textAlign: 0,\n  textDecorationLine: 0,\n  textDecorationStyle: 0,\n  textDecorationColor: 0,\n  textTransform: 0,\n  includeFontPadding: 0,\n  textAlignVertical: 0,\n  flex: 0,\n  flexGrow: 0,\n  flexShrink: 0,\n  flexBasis: 0,\n  flexDirection: 0,\n  flexWrap: 0,\n  justifyContent: 0,\n  alignItems: 0,\n  alignSelf: 0,\n  alignContent: 0,\n  gap: 0,\n  rowGap: 0,\n  columnGap: 0,\n  position: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  zIndex: 0,\n  width: 0,\n  height: 0,\n  minWidth: 0,\n  maxWidth: 0,\n  minHeight: 0,\n  maxHeight: 0,\n  aspectRatio: 0,\n  overflow: 0,\n} as const;\n\nexport const StylePropsSet = new Set<keyof StyleProps>(\n  Object.keys(StylePropsRecord) as (keyof StyleProps)[],\n);\n\nexport const ShadowScale: Record<ShadowLevel, ShadowIntensity> = {\n  none: { radius: 0, opacity: 0, elevation: 0 },\n  xs: { radius: 2, opacity: 0.08, elevation: 1 },\n  sm: { radius: 4, opacity: 0.1, elevation: 2 },\n  md: { radius: 8, opacity: 0.15, elevation: 4 },\n  lg: { radius: 16, opacity: 0.18, elevation: 8 },\n  xl: { radius: 24, opacity: 0.22, elevation: 12 },\n};\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}

package/dist/hooks/index.d.mts

@@ -7,19 +7,20 @@ export { useStyleProps } from './use-style-props.hook.mjs';
 export { useTheme } from './use-theme.hook.mjs';
 export { useThemedStyles } from './use-themed-styles.mjs';
 import '../types/tokens.types.mjs';
-import '../theme-provider.types-CLjz9-IY.mjs';
+import '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/hooks/use-colors.hook.d.mts

@@ -1,16 +1,18 @@
-import { T as ThemeColors } from '../theme-provider.types-CLjz9-IY.mjs';
+import { T as ThemeColors } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function useColors(): ThemeColors;
 

package/dist/hooks/use-components-tokens.hook.d.mts

@@ -1,16 +1,18 @@
-import { c as ComponentsTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { c as ComponentsTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function useComponentsTokens(): ComponentsTokens;
 

package/dist/hooks/use-theme.hook.d.mts

@@ -1,16 +1,18 @@
-import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
+import { A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function useTheme(): AppTheme;
 

package/dist/hooks/use-themed-styles.d.mts

@@ -1,11 +1,13 @@
 import { StyleSheet } from 'react-native';
-import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
+import { A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
 type StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;

package/dist/index.d.mts

@@ -11,7 +11,7 @@ export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
 export { DarkTheme } from './theme/dark.theme.mjs';
 export { LightTheme } from './theme/light.theme.mjs';
 export { BorderSizeTokens, CodeFontFamilyToken, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
-export { createChartsTokens } from './theme/create-charts-tokens.mjs';
+export { createChartsLabelTokens, createChartsTokens } from './theme/create-charts-tokens.mjs';
 export { createPaginationTokens } from './theme/create-pagination-tokens.mjs';
 export { createSliderTokens } from './theme/create-slider-tokens.mjs';
 export { createSegmentedControlTokens } from './theme/create-segmented-control-tokens.mjs';
@@ -20,17 +20,18 @@ export { createCarouselTokens } from './theme/create-carousel-tokens.mjs';
 export { createToastTokens } from './theme/create-toast-tokens.mjs';
 export { createPopoverTokens } from './theme/create-popover-tokens.mjs';
 export { createModalTokens } from './theme/create-modal-tokens.mjs';
+export { createColorPickerTokens } from './theme/create-color-picker-tokens.mjs';
 export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
-export { ChartsTokens } from './types/charts-tokens.types.mjs';
+export { ChartsLabelTokens, ChartsTokens } from './types/charts-tokens.types.mjs';
 export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './types/components.types.mjs';
 export { DimensionProps } from './types/dimension.types.mjs';
 export { FlexProps } from './types/flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './types/shadow.types.mjs';
 export { SpacingProps } from './types/spacing.types.mjs';
 export { StylePropKey, StyleProps } from './types/style.types.mjs';
-export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from './theme-provider.types-CLjz9-IY.mjs';
+export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from './theme-provider.types-CIh3wHN_.mjs';
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './types/tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
 export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
@@ -64,6 +65,7 @@ export { ListTokens } from './types/list-tokens.types.mjs';
 export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './types/carousel-tokens.types.mjs';
 export { PopoverTokens } from './types/popover-tokens.types.mjs';
 export { ModalTokens } from './types/modal-tokens.types.mjs';
+export { ColorPickerPreset, ColorPickerTokens } from './types/color-picker-tokens.types.mjs';
 export { getActionStateTokens } from './utils/action-state.utils.mjs';
 export { getAvailabilityStateTokens } from './utils/availability-state.utils.mjs';
 export { getControlStateTokens } from './utils/control-state.utils.mjs';

package/dist/providers/index.d.mts

@@ -2,19 +2,21 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
 import 'react';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
-import '../theme-provider.types-CLjz9-IY.mjs';
+import '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -39,4 +41,3 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';

package/dist/providers/theme.provider.d.mts

@@ -2,19 +2,21 @@ import * as react from 'react';
 import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DeepPartial } from '@impulse-ui-native/core';
-import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
+import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -39,7 +41,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 interface ThemeProviderProps {
     scheme?: ColorScheme;

package/dist/theme/create-accordion-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createAccordionTokens(tokens: PrimitiveThemeTokens): AccordionTokens;
 

package/dist/theme/create-avatar-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens;
 

package/dist/theme/create-badge-tokens.d.mts

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { BadgeTokens } from '../types/badge-tokens.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens;
 

package/dist/theme/create-button-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createButtonTokens(tokens: PrimitiveThemeTokens): ButtonTokens;
 

package/dist/theme/create-card-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { CardTokens } from '../types/card-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createCardTokens(tokens: PrimitiveThemeTokens): CardTokens;
 

package/dist/theme/create-carousel-tokens.d.mts

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { CarouselTokens } from '../types/carousel-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createCarouselTokens(tokens: PrimitiveThemeTokens): CarouselTokens;
 

package/dist/theme/create-charts-tokens.d.mts

@@ -1,16 +1,18 @@
-import { ChartsTokens } from '../types/charts-tokens.types.mjs';
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { ChartsLabelTokens, ChartsTokens } from '../types/charts-tokens.types.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,8 +37,8 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens;
+declare function createChartsLabelTokens(tokens: PrimitiveThemeTokens): ChartsLabelTokens;
 
-export { createChartsTokens };
+export { createChartsLabelTokens, createChartsTokens };

package/dist/theme/create-charts-tokens.js

@@ -15,11 +15,39 @@ function createChartsTokens(tokens) {
     },
     grid: { width: tokens.borderSize.sm },
     line: { width: tokens.borderSize.md },
-    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },
-    pie: { ringPadding: tokens.borderSize.md }
+    bar: { categoryPadding: 0.2, seriesPadding: 0.1, radius: tokens.radii.sm },
+    pie: { ringPadding: tokens.borderSize.md, cornerRadius: tokens.radii.sm },
+    label: createChartsLabelTokens(tokens),
+    selection: { radius: tokens.space.xxs, width: tokens.borderSize.md },
+    legend: {
+      gap: tokens.space.xs,
+      padding: tokens.space.xs,
+      swatchSize: tokens.space.mxs,
+      swatchRadius: tokens.radii.sm
+    },
+    tooltip: {
+      offset: tokens.space.xs,
+      maxWidth: "90%",
+      backgroundColor: tokens.colors.surface.elevated.value,
+      color: tokens.colors.text.primary,
+      borderColor: tokens.colors.border.subtle.value,
+      borderWidth: tokens.borderSize.sm,
+      borderRadius: tokens.radii.sm,
+      padding: tokens.space.xs,
+      gap: tokens.space.xs
+    }
+  };
+}
+function createChartsLabelTokens(tokens) {
+  return {
+    color: tokens.colors.text.secondary,
+    fontSize: tokens.fontSize.xs,
+    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.regular],
+    fontWeight: tokens.fontWeight.regular
   };
 }
 export {
+  createChartsLabelTokens,
   createChartsTokens
 };
 //# sourceMappingURL=create-charts-tokens.js.map

package/dist/theme/create-charts-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-charts-tokens.ts"],"sourcesContent":["import type { ChartsTokens, PrimitiveThemeTokens } from \"../types\";\nimport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens {\n  return {\n    palette: ChartColorTokens,\n    insets: {\n      top: tokens.space.md,\n      right: tokens.space.md,\n      bottom: tokens.space.md,\n      left: tokens.space.md,\n    },\n    axis: {\n      width: tokens.borderSize.sm,\n      tickLength: tokens.space.xxs,\n      labelGap: tokens.space.xxs,\n    },\n    grid: { width: tokens.borderSize.sm },\n    line: { width: tokens.borderSize.md },\n    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },\n    pie: { ringPadding: tokens.borderSize.md },\n  };\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAE1B,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,OAAO,OAAO,MAAM;AAAA,MACpB,QAAQ,OAAO,MAAM;AAAA,MACrB,MAAM,OAAO,MAAM;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,OAAO,WAAW;AAAA,MACzB,YAAY,OAAO,MAAM;AAAA,MACzB,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,KAAK,EAAE,iBAAiB,KAAK,eAAe,IAAI;AAAA,IAChD,KAAK,EAAE,aAAa,OAAO,WAAW,GAAG;AAAA,EAC3C;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-charts-tokens.ts"],"sourcesContent":["import type {\n  ChartsLabelTokens,\n  ChartsTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\nimport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens {\n  return {\n    palette: ChartColorTokens,\n    insets: {\n      top: tokens.space.md,\n      right: tokens.space.md,\n      bottom: tokens.space.md,\n      left: tokens.space.md,\n    },\n    axis: {\n      width: tokens.borderSize.sm,\n      tickLength: tokens.space.xxs,\n      labelGap: tokens.space.xxs,\n    },\n    grid: { width: tokens.borderSize.sm },\n    line: { width: tokens.borderSize.md },\n    bar: { categoryPadding: 0.2, seriesPadding: 0.1, radius: tokens.radii.sm },\n    pie: { ringPadding: tokens.borderSize.md, cornerRadius: tokens.radii.sm },\n    label: createChartsLabelTokens(tokens),\n    selection: { radius: tokens.space.xxs, width: tokens.borderSize.md },\n    legend: {\n      gap: tokens.space.xs,\n      padding: tokens.space.xs,\n      swatchSize: tokens.space.mxs,\n      swatchRadius: tokens.radii.sm,\n    },\n    tooltip: {\n      offset: tokens.space.xs,\n      maxWidth: \"90%\",\n      backgroundColor: tokens.colors.surface.elevated.value,\n      color: tokens.colors.text.primary,\n      borderColor: tokens.colors.border.subtle.value,\n      borderWidth: tokens.borderSize.sm,\n      borderRadius: tokens.radii.sm,\n      padding: tokens.space.xs,\n      gap: tokens.space.xs,\n    },\n  };\n}\n\nexport function createChartsLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ChartsLabelTokens {\n  return {\n    color: tokens.colors.text.secondary,\n    fontSize: tokens.fontSize.xs,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.regular],\n    fontWeight: tokens.fontWeight.regular,\n  };\n}\n"],"mappings":"AAKA,SAAS,wBAAwB;AAE1B,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,OAAO,OAAO,MAAM;AAAA,MACpB,QAAQ,OAAO,MAAM;AAAA,MACrB,MAAM,OAAO,MAAM;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,OAAO,WAAW;AAAA,MACzB,YAAY,OAAO,MAAM;AAAA,MACzB,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,KAAK,EAAE,iBAAiB,KAAK,eAAe,KAAK,QAAQ,OAAO,MAAM,GAAG;AAAA,IACzE,KAAK,EAAE,aAAa,OAAO,WAAW,IAAI,cAAc,OAAO,MAAM,GAAG;AAAA,IACxE,OAAO,wBAAwB,MAAM;AAAA,IACrC,WAAW,EAAE,QAAQ,OAAO,MAAM,KAAK,OAAO,OAAO,WAAW,GAAG;AAAA,IACnE,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,MACtB,YAAY,OAAO,MAAM;AAAA,MACzB,cAAc,OAAO,MAAM;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,QAAQ,OAAO,MAAM;AAAA,MACrB,UAAU;AAAA,MACV,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,MAChD,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,MACzC,aAAa,OAAO,WAAW;AAAA,MAC/B,cAAc,OAAO,MAAM;AAAA,MAC3B,SAAS,OAAO,MAAM;AAAA,MACtB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,EACF;AACF;AAEO,SAAS,wBACd,QACmB;AACnB,SAAO;AAAA,IACL,OAAO,OAAO,OAAO,KAAK;AAAA,IAC1B,UAAU,OAAO,SAAS;AAAA,IAC1B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,OAAO;AAAA,IAC9D,YAAY,OAAO,WAAW;AAAA,EAChC;AACF;","names":[]}

package/dist/theme/create-checkbox-tokens.d.mts

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
-import '../types/tokens.types.mjs';
 
 declare function createCheckboxTokens(tokens: PrimitiveThemeTokens): CheckboxTokens;
 

package/dist/theme/create-color-picker-tokens.d.mts

@@ -0,0 +1,43 @@
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
+import { ColorPickerTokens } from '../types/color-picker-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import 'react-native';
+import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
+import '../types/modal-tokens.types.mjs';
+import '../types/popover-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import '../types/tabs-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokens.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+
+declare function createColorPickerTokens(tokens: PrimitiveThemeTokens): ColorPickerTokens;
+
+export { createColorPickerTokens };