@impulse-ui-native/theme 8.0.0 → 8.2.0

package/README.md

@@ -100,3 +100,50 @@ small foreground text distinct from their fills. Secondary foregrounds use
 From the repository root, run `node scripts/check-theme-visuals.mjs` to check
 default foreground/background pairs and state indicators in both palettes.
 See `docs/visual-token-audit.md` for package coverage and verification limits.
+
+## Shared visual customization
+
+`theme.light` and `theme.dark` support `shadows` (radius, opacity, and Android
+elevation by semantic level) and `codeFontFamily`. Component defaults are
+configurable through `components.charts`, `components.slider`, and the overlay
+motion tokens.
+
+```tsx
+<ThemeProvider
+  theme={{
+    light: {
+      shadows: { sm: { radius: 6, opacity: 0.16, elevation: 3 } },
+      codeFontFamily: "MyCodeFont",
+    },
+    dark: {
+      shadows: { sm: { radius: 6, opacity: 0.24, elevation: 3 } },
+      codeFontFamily: "MyCodeFont",
+    },
+  }}
+  components={(theme) => ({
+    charts: {
+      insets: { left: theme.space.lg },
+      line: { width: theme.borderSize.lg },
+    },
+    slider: {
+      markLabelWidth: 64,
+      thumbHighlightSize: 6,
+      valueBubbleMinWidth: 48,
+    },
+    modal: { enterDuration: 220, exitDuration: 180 },
+    toast: { enterDuration: 220, exitDuration: 180, stackDuration: 260 },
+    flyout: { enterSpring: { damping: 45 }, exitDuration: 180 },
+  })}
+>
+  {/* application */}
+</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
+`components.charts.palette` to customize series colors. Explicit component and
+series props continue to take precedence.
+
+`getShadowStyle` accepts the active shadow scale as its fourth argument. Omitting
+it retains the exported default `ShadowScale` for existing utility callers.

package/dist/hooks/index.d.mts

@@ -7,15 +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-CPFMVXUS.mjs';
+import '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
@@ -40,10 +45,8 @@ import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/border.types.mjs';
-import 'react-native';
 import '../types/color.types.mjs';
 import '../types/dimension.types.mjs';
 import '../types/flex.types.mjs';
-import '../types/shadow.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';

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

@@ -1,12 +1,17 @@
-import { T as ThemeColors } from '../theme-provider.types-CPFMVXUS.mjs';
+import { T as ThemeColors } from '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,12 +1,17 @@
-import { c as ComponentsTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { c as ComponentsTokens } from '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,12 +1,17 @@
-import { A as AppTheme } from '../theme-provider.types-CPFMVXUS.mjs';
+import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,13 +1,17 @@
 import { StyleSheet } from 'react-native';
-import { A as AppTheme } from '../theme-provider.types-CPFMVXUS.mjs';
+import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.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/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';

package/dist/index.d.mts

@@ -10,10 +10,12 @@ export { useThemedStyles } from './hooks/use-themed-styles.mjs';
 export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
 export { DarkTheme } from './theme/dark.theme.mjs';
 export { LightTheme } from './theme/light.theme.mjs';
-export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.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 { createPaginationTokens } from './theme/create-pagination-tokens.mjs';
 export { createSliderTokens } from './theme/create-slider-tokens.mjs';
 export { createSegmentedControlTokens } from './theme/create-segmented-control-tokens.mjs';
+export { createTabsTokens } from './theme/create-tabs-tokens.mjs';
 export { createCarouselTokens } from './theme/create-carousel-tokens.mjs';
 export { createToastTokens } from './theme/create-toast-tokens.mjs';
 export { createPopoverTokens } from './theme/create-popover-tokens.mjs';
@@ -21,13 +23,14 @@ export { createModalTokens } from './theme/create-modal-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 { 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 } from './types/shadow.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-CPFMVXUS.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 { 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';
@@ -49,6 +52,7 @@ export { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, Pagin
 export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
 export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
 export { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens } from './types/segmented-control-tokens.types.mjs';
+export { ResolvedTabsItemTokens, TabsItemAppearanceTokens, TabsItemTokenState, TabsSizeTokens, TabsTokens } from './types/tabs-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
 export { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens } from './types/slider-tokens.types.mjs';
 export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
@@ -73,6 +77,8 @@ export { getSelectionStateTokens } from './utils/selection-state.utils.mjs';
 export { getSegmentedControlItemTokens } from './utils/segmented-control-state.utils.mjs';
 export { getSliderTrackTokens } from './utils/slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
+export { getTabsItemTokens } from './utils/tabs-state.utils.mjs';
+export { ChartColorTokens } from './theme/chart-color-tokens.mjs';
 import 'react-native';
 import 'react';
 import 'react/jsx-runtime';

package/dist/providers/index.d.mts

@@ -2,15 +2,20 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
 import 'react';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
-import '../theme-provider.types-CPFMVXUS.mjs';
+import '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -2,15 +2,20 @@ 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-CPFMVXUS.mjs';
+import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CLjz9-IY.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/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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/theme/chart-color-tokens.d.mts

@@ -0,0 +1,5 @@
+import { ChartColorPalette } from '../types/chart.types.mjs';
+
+declare const ChartColorTokens: ChartColorPalette;
+
+export { ChartColorTokens };

package/dist/theme/chart-color-tokens.js

@@ -0,0 +1,21 @@
+const ChartColorTokens = [
+  "#F55D6B",
+  "#2563eb",
+  "#16a34a",
+  "#9333ea",
+  "#ea580c",
+  "#0891b2",
+  "#db2777",
+  "#65a30d",
+  "#4f46e5",
+  "#0d9488",
+  "#ca8a04",
+  "#c026d3",
+  "#0284c7",
+  "#7c3aed",
+  "#9f5f3f"
+];
+export {
+  ChartColorTokens
+};
+//# sourceMappingURL=chart-color-tokens.js.map

package/dist/theme/chart-color-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/chart-color-tokens.ts"],"sourcesContent":["import type { ChartColorPalette } from \"../types\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#F55D6B\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n"],"mappings":"AAEO,MAAM,mBAAsC;AAAA,EACjD;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;","names":[]}

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';

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

@@ -1,12 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,12 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -0,0 +1,42 @@
+import { ChartsTokens } from '../types/charts-tokens.types.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import '../types/chart.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/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';
+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';
+import '../types/tokens.types.mjs';
+
+declare function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens;
+
+export { createChartsTokens };

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

@@ -0,0 +1,25 @@
+import { ChartColorTokens } from "./chart-color-tokens";
+function createChartsTokens(tokens) {
+  return {
+    palette: ChartColorTokens,
+    insets: {
+      top: tokens.space.md,
+      right: tokens.space.md,
+      bottom: tokens.space.md,
+      left: tokens.space.md
+    },
+    axis: {
+      width: tokens.borderSize.sm,
+      tickLength: tokens.space.xxs,
+      labelGap: tokens.space.xxs
+    },
+    grid: { width: tokens.borderSize.sm },
+    line: { width: tokens.borderSize.md },
+    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },
+    pie: { ringPadding: tokens.borderSize.md }
+  };
+}
+export {
+  createChartsTokens
+};
+//# sourceMappingURL=create-charts-tokens.js.map

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

@@ -0,0 +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":[]}

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

@@ -1,12 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.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 '../types/chart.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';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/theme/create-data-state-tokens.d.mts

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DataStateTokens } from '../types/data-state-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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/theme/create-datetime-picker.d.mts

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DatetimePickerTokens } from '../types/datetime-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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DividerTokens } from '../types/divider-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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -1,13 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { FlyoutTokens } from '../types/flyout-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 '../types/chart.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 'react-native';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

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

@@ -2,6 +2,8 @@ function createFlyoutTokens(tokens) {
   const borderRadius = tokens.radii.lg;
   const handleContainerHeight = 32;
   return {
+    enterSpring: { damping: 50, stiffness: 300, mass: 1 },
+    exitDuration: 150,
     zIndexBase: 100,
     maxHeightRatio: 0.7,
     overlayColor: tokens.colors.text.tertiary,