@impulse-ui-native/theme 4.0.0 → 6.0.0

package/dist/types/pagination-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pagination-tokens.types.js.map

package/dist/types/pagination-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/segmented-control-tokens.types.d.mts

@@ -0,0 +1,49 @@
+import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState, SelectionState } from './components.types.mjs';
+
+type SegmentedControlItemLayout = "inline" | "stacked";
+interface SegmentedControlItemLayoutTokens {
+    flexDirection: "column" | "row";
+    gap: number;
+    paddingVertical: number;
+}
+interface SegmentedControlSizeToken {
+    fontSize: number;
+    height: number;
+    hitSlop: number;
+    iconSize: number;
+    layouts: Record<SegmentedControlItemLayout, SegmentedControlItemLayoutTokens>;
+    minItemWidth: number;
+    paddingHorizontal: number;
+}
+type SegmentedControlSizeTokens = Record<ComponentSize, SegmentedControlSizeToken>;
+interface SegmentedControlAppearanceTokens {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}
+interface SegmentedControlVariantTokens {
+    states: VisualStateTokens<SelectionVisualState, SegmentedControlAppearanceTokens>;
+}
+interface SegmentedControlTokens {
+    borderRadius: number;
+    borderWidth: number;
+    itemBorderRadius: number;
+    itemBorderWidth: number;
+    rootBackgroundColor: string;
+    rootBorderColor: string;
+    rootGap: number;
+    rootPadding: number;
+    sizes: SegmentedControlSizeTokens;
+    variants: Record<SelectionVariant, SegmentedControlVariantTokens>;
+}
+interface SegmentedControlItemTokenState extends SelectionState {
+    layout: SegmentedControlItemLayout;
+    size: ComponentSize;
+    variant: SelectionVariant;
+}
+type ResolvedSegmentedControlItemTokens = Omit<SegmentedControlSizeToken, "layouts"> & SegmentedControlItemLayoutTokens & SegmentedControlAppearanceTokens & {
+    borderRadius: number;
+    borderWidth: number;
+};
+
+export type { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens };

package/dist/types/segmented-control-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=segmented-control-tokens.types.js.map

package/dist/types/segmented-control-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/slider-tokens.types.d.mts

@@ -6,12 +6,14 @@ type SliderSizeTokens = Record<ComponentSize, {
     trackHeight: number;
     thumbSize: number;
     markSize: number;
-    hitSlop: number;
 }>;
+type SliderTrackLayout = "default" | "valueBubble";
+interface SliderTrackLayoutTokens {
+    reservedVerticalSpace: number;
+}
 interface SliderAppearanceTokens {
     activeMarkColor: string;
     activeTrackColor: string;
-    focusRingBorderWidth: number;
     inactiveTrackColor: string;
     labelColor: string;
     markColor: string;
@@ -27,17 +29,24 @@ type SliderVariantTokens = Record<SelectionVariant, VisualStateTokens<ControlVis
 interface SliderTokens {
     trackBorderRadius: number;
     thumbBorderRadius: number;
-    focusRingWidth: number;
-    focusRingOffset: number;
-    focusRingColor: string;
     valueBubbleBorderRadius: number;
     valueBubbleBorderWidth: number;
     valueBubblePaddingHorizontal: number;
     valueBubblePaddingVertical: number;
     valueBubbleGap: number;
     labelGap: number;
+    layouts: Record<SliderTrackLayout, SliderTrackLayoutTokens>;
     sizes: SliderSizeTokens;
     variants: SliderVariantTokens;
 }
+interface SliderTrackTokenState {
+    disabled: boolean;
+    layout: SliderTrackLayout;
+    size: ComponentSize;
+    variant: SelectionVariant;
+}
+type ResolvedSliderTrackTokens = SliderTrackLayoutTokens & SliderSizeTokens[ComponentSize] & SliderAppearanceTokens & {
+    trackBorderRadius: number;
+};
 
-export type { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens };
+export type { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens };

package/dist/types/theme-provider.types.d.mts

@@ -1,121 +1,31 @@
-import { BadgeTokens } from './badge-tokens.types.mjs';
-import { CheckboxTokens } from './checkbox-tokens.types.mjs';
-import { RadioTokens } from './radio-tokens.types.mjs';
-import { AccordionTokens } from './accordion-tokens.types.mjs';
-import { AvatarTokens } from './avatar-tokens.types.mjs';
-import { ButtonTokens, IconButtonTokens } from './buttons-tokens.types.mjs';
-import { CardTokens } from './card-tokens.types.mjs';
-import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokens.types.mjs';
-import { DataStateTokens } from './data-state-tokens.types.mjs';
-import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
-import { DividerTokens } from './divider-tokens.types.mjs';
-import { FlyoutTokens } from './flyout-tokens.types.mjs';
-import { IconTokens } from './icon-tokens.types.mjs';
-import { PressableTokens } from './pressable-tokens.types.mjs';
-import { ProgressTokens } from './progress-tokens.types.mjs';
-import { SelectTokens } from './select-tokens.types.mjs';
-import { SkeletonTokens } from './skeleton-tokens.types.mjs';
-import { SliderTokens } from './slider-tokens.types.mjs';
-import { SpinnerTokens } from './spinner-tokens.types.mjs';
-import { StepperTokens } from './stepper-tokens.types.mjs';
-import { SwitchTokens } from './switch-tokens.types.mjs';
-import { TagTokens } from './tag-tokens.types.mjs';
-import { TextareaTokens } from './textarea-tokens.types.mjs';
-import { TimePickerTokens } from './time-picker-token.types.mjs';
-import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight, LetterSpacings } from './tokens.types.mjs';
+import './badge-tokens.types.mjs';
+import './carousel-tokens.types.mjs';
+import './checkbox-tokens.types.mjs';
+import './list-tokens.types.mjs';
+import './radio-tokens.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 } from '../theme-provider.types-BSPyJjfq.mjs';
+import './accordion-tokens.types.mjs';
+import './avatar-tokens.types.mjs';
+import './buttons-tokens.types.mjs';
+import './card-tokens.types.mjs';
+import './control-tokens.types.mjs';
+import './data-state-tokens.types.mjs';
+import './datetime-picker-tokens.types.mjs';
+import './divider-tokens.types.mjs';
+import './flyout-tokens.types.mjs';
+import './icon-tokens.types.mjs';
+import './pagination-tokens.types.mjs';
+import './pressable-tokens.types.mjs';
+import './progress-tokens.types.mjs';
+import './segmented-control-tokens.types.mjs';
+import './select-tokens.types.mjs';
+import './skeleton-tokens.types.mjs';
+import './slider-tokens.types.mjs';
+import './spinner-tokens.types.mjs';
+import './stepper-tokens.types.mjs';
+import './switch-tokens.types.mjs';
+import './tag-tokens.types.mjs';
+import './textarea-tokens.types.mjs';
+import './time-picker-token.types.mjs';
+import './tokens.types.mjs';
 import './components.types.mjs';
-
-interface ThemeContextData {
-    theme: AppTheme;
-}
-type ColorScheme = "light" | "dark";
-type ColorPair = {
-    value: string;
-    contrast: string;
-};
-type ThemeColors = {
-    primary: ColorPair;
-    accent: ColorPair;
-    secondary: ColorPair;
-    neutral: NeutralColor;
-    surface: {
-        primary: ColorPair;
-        secondary: ColorPair;
-        elevated: ColorPair;
-        inverse: ColorPair;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        inverse: string;
-        disabled: string;
-    };
-    border: {
-        subtle: ColorPair;
-        default: ColorPair;
-        strong: ColorPair;
-        focus: ColorPair;
-    };
-    feedback: {
-        error: ColorPair;
-        warning: ColorPair;
-        success: ColorPair;
-        info: ColorPair;
-    };
-    overlay: string;
-    white: string;
-    black: string;
-} & ExtendedThemeColors;
-interface ExtendedThemeColors {
-}
-interface ComponentsThemes {
-    (theme: PrimitiveThemeTokens): ComponentsTokens;
-}
-interface ComponentsTokens {
-    accordion: AccordionTokens;
-    avatar: AvatarTokens;
-    badge: BadgeTokens;
-    button: ButtonTokens;
-    card: CardTokens;
-    checkbox: CheckboxTokens;
-    iconButton: IconButtonTokens;
-    icon: IconTokens;
-    pressable: PressableTokens;
-    progress: ProgressTokens;
-    radio: RadioTokens;
-    tag: TagTokens;
-    controlAddon: ControlAddonTokens;
-    controlContainer: ControlContainerTokens;
-    controlError: ControlErrorTokens;
-    controlInput: ControlInputTokens;
-    controlLabel: ControlLabelTokens;
-    select: SelectTokens;
-    datetimePicker: DatetimePickerTokens;
-    divider: DividerTokens;
-    timePicker: TimePickerTokens;
-    flyout: FlyoutTokens;
-    skeleton: SkeletonTokens;
-    slider: SliderTokens;
-    spinner: SpinnerTokens;
-    stepper: StepperTokens;
-    switch: SwitchTokens;
-    textarea: TextareaTokens;
-    dataState: DataStateTokens;
-}
-interface PrimitiveThemeTokens {
-    colors: ThemeColors;
-    space: Space;
-    radii: Radii;
-    borderSize: BorderSize;
-    fontFamily: FontFamily;
-    fontWeight: FontWeight;
-    fontSize: FontSize;
-    lineHeight: LineHeight;
-    letterSpacing: LetterSpacings;
-}
-interface AppTheme extends PrimitiveThemeTokens {
-    components: ComponentsTokens;
-}
-
-export type { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData };

package/dist/types/toast-tokens.types.d.mts

@@ -0,0 +1,31 @@
+export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-BSPyJjfq.mjs';
+import './badge-tokens.types.mjs';
+import './components.types.mjs';
+import './carousel-tokens.types.mjs';
+import './checkbox-tokens.types.mjs';
+import './list-tokens.types.mjs';
+import './radio-tokens.types.mjs';
+import './accordion-tokens.types.mjs';
+import './avatar-tokens.types.mjs';
+import './buttons-tokens.types.mjs';
+import './card-tokens.types.mjs';
+import './control-tokens.types.mjs';
+import './data-state-tokens.types.mjs';
+import './datetime-picker-tokens.types.mjs';
+import './divider-tokens.types.mjs';
+import './flyout-tokens.types.mjs';
+import './icon-tokens.types.mjs';
+import './pagination-tokens.types.mjs';
+import './pressable-tokens.types.mjs';
+import './progress-tokens.types.mjs';
+import './spinner-tokens.types.mjs';
+import './segmented-control-tokens.types.mjs';
+import './select-tokens.types.mjs';
+import './skeleton-tokens.types.mjs';
+import './slider-tokens.types.mjs';
+import './stepper-tokens.types.mjs';
+import './switch-tokens.types.mjs';
+import './tag-tokens.types.mjs';
+import './textarea-tokens.types.mjs';
+import './time-picker-token.types.mjs';
+import './tokens.types.mjs';

package/dist/types/toast-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=toast-tokens.types.js.map

package/dist/types/toast-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/action-state.utils.js

@@ -1,6 +1,8 @@
 function getActionStateTokens(tokens, state) {
   const { disabled = false, loading = false } = state;
-  if (disabled) return tokens.disabled;
+  if (disabled) {
+    return tokens.disabled;
+  }
   return loading ? tokens.loading : tokens.default;
 }
 export {

package/dist/utils/action-state.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/action-state.utils.ts"],"sourcesContent":["import type {\n  ActionState,\n  ActionVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getActionStateTokens<Tokens>(\n  tokens: VisualStateTokens<ActionVisualState, Tokens>,\n  state: ActionState,\n): Tokens {\n  const { disabled = false, loading = false } = state;\n\n  if (disabled) return tokens.disabled;\n  return loading ? tokens.loading : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,qBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}
+{"version":3,"sources":["../../src/utils/action-state.utils.ts"],"sourcesContent":["import type {\n  ActionState,\n  ActionVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getActionStateTokens<Tokens>(\n  tokens: VisualStateTokens<ActionVisualState, Tokens>,\n  state: ActionState,\n): Tokens {\n  const { disabled = false, loading = false } = state;\n\n  if (disabled) {\n    return tokens.disabled;\n  }\n\n  return loading ? tokens.loading : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,qBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,UAAU;AACZ,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/control-state.utils.js

@@ -1,6 +1,8 @@
 function getControlStateTokens(tokens, state) {
   const { disabled = false, focused = false } = state;
-  if (disabled) return tokens.disabled;
+  if (disabled) {
+    return tokens.disabled;
+  }
   return focused ? tokens.focused : tokens.default;
 }
 export {

package/dist/utils/control-state.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/control-state.utils.ts"],"sourcesContent":["import type {\n  ControlState,\n  ControlVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getControlStateTokens<Tokens>(\n  tokens: VisualStateTokens<ControlVisualState, Tokens>,\n  state: ControlState,\n): Tokens {\n  const { disabled = false, focused = false } = state;\n\n  if (disabled) return tokens.disabled;\n  return focused ? tokens.focused : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,sBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}
+{"version":3,"sources":["../../src/utils/control-state.utils.ts"],"sourcesContent":["import type {\n  ControlState,\n  ControlVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getControlStateTokens<Tokens>(\n  tokens: VisualStateTokens<ControlVisualState, Tokens>,\n  state: ControlState,\n): Tokens {\n  const { disabled = false, focused = false } = state;\n\n  if (disabled) {\n    return tokens.disabled;\n  }\n\n  return focused ? tokens.focused : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,sBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,UAAU;AACZ,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/datetime-picker-state.utils.js

@@ -1,7 +1,11 @@
 function getDatetimePickerDayStateTokens(tokens, state) {
   const { currentMonth = false, inRange = false, selected = false } = state;
-  if (selected) return tokens.selected;
-  if (inRange) return tokens.range;
+  if (selected) {
+    return tokens.selected;
+  }
+  if (inRange) {
+    return tokens.range;
+  }
   return currentMonth ? tokens.default : tokens.outsideMonth;
 }
 export {

package/dist/utils/datetime-picker-state.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/datetime-picker-state.utils.ts"],"sourcesContent":["import type {\n  DatetimePickerDayAppearanceTokens,\n  DatetimePickerDayState,\n  DatetimePickerDayTokens,\n} from \"../types\";\n\nexport function getDatetimePickerDayStateTokens(\n  tokens: DatetimePickerDayTokens[\"states\"],\n  state: DatetimePickerDayState,\n): DatetimePickerDayAppearanceTokens {\n  const { currentMonth = false, inRange = false, selected = false } = state;\n\n  if (selected) return tokens.selected;\n  if (inRange) return tokens.range;\n  return currentMonth ? tokens.default : tokens.outsideMonth;\n}\n"],"mappings":"AAMO,SAAS,gCACd,QACA,OACmC;AACnC,QAAM,EAAE,eAAe,OAAO,UAAU,OAAO,WAAW,MAAM,IAAI;AAEpE,MAAI,SAAU,QAAO,OAAO;AAC5B,MAAI,QAAS,QAAO,OAAO;AAC3B,SAAO,eAAe,OAAO,UAAU,OAAO;AAChD;","names":[]}
+{"version":3,"sources":["../../src/utils/datetime-picker-state.utils.ts"],"sourcesContent":["import type {\n  DatetimePickerDayAppearanceTokens,\n  DatetimePickerDayState,\n  DatetimePickerDayTokens,\n} from \"../types\";\n\nexport function getDatetimePickerDayStateTokens(\n  tokens: DatetimePickerDayTokens[\"states\"],\n  state: DatetimePickerDayState,\n): DatetimePickerDayAppearanceTokens {\n  const { currentMonth = false, inRange = false, selected = false } = state;\n\n  if (selected) {\n    return tokens.selected;\n  }\n\n  if (inRange) {\n    return tokens.range;\n  }\n\n  return currentMonth ? tokens.default : tokens.outsideMonth;\n}\n"],"mappings":"AAMO,SAAS,gCACd,QACA,OACmC;AACnC,QAAM,EAAE,eAAe,OAAO,UAAU,OAAO,WAAW,MAAM,IAAI;AAEpE,MAAI,UAAU;AACZ,WAAO,OAAO;AAAA,EAChB;AAEA,MAAI,SAAS;AACX,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO,eAAe,OAAO,UAAU,OAAO;AAChD;","names":[]}

package/dist/utils/divider-tokens.utils.d.mts

@@ -0,0 +1,5 @@
+import { DividerTokens, DividerTokenState, ResolvedDividerTokens } from '../types/divider-tokens.types.mjs';
+
+declare function getDividerTokens(tokens: DividerTokens, state: DividerTokenState): ResolvedDividerTokens;
+
+export { getDividerTokens };

package/dist/utils/divider-tokens.utils.js

@@ -0,0 +1,10 @@
+function getDividerTokens(tokens, state) {
+  return {
+    ...tokens.layouts[state.orientation][state.inset],
+    backgroundColor: tokens.colors[state.tone]
+  };
+}
+export {
+  getDividerTokens
+};
+//# sourceMappingURL=divider-tokens.utils.js.map

package/dist/utils/divider-tokens.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/divider-tokens.utils.ts"],"sourcesContent":["import type {\n  DividerTokens,\n  DividerTokenState,\n  ResolvedDividerTokens,\n} from \"../types\";\n\nexport function getDividerTokens(\n  tokens: DividerTokens,\n  state: DividerTokenState,\n): ResolvedDividerTokens {\n  return {\n    ...tokens.layouts[state.orientation][state.inset],\n    backgroundColor: tokens.colors[state.tone],\n  };\n}\n"],"mappings":"AAMO,SAAS,iBACd,QACA,OACuB;AACvB,SAAO;AAAA,IACL,GAAG,OAAO,QAAQ,MAAM,WAAW,EAAE,MAAM,KAAK;AAAA,IAChD,iBAAiB,OAAO,OAAO,MAAM,IAAI;AAAA,EAC3C;AACF;","names":[]}

package/dist/utils/field-state.utils.js

@@ -1,6 +1,8 @@
 function getFieldStateTokens(tokens, state) {
   const { disabled = false, error = false } = state;
-  if (disabled) return error ? tokens.disabledError : tokens.disabled;
+  if (disabled) {
+    return error ? tokens.disabledError : tokens.disabled;
+  }
   return error ? tokens.error : tokens.default;
 }
 export {

package/dist/utils/field-state.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/field-state.utils.ts"],"sourcesContent":["import type { FieldState, FieldVisualState, VisualStateTokens } from \"../types\";\n\nexport function getFieldStateTokens<Tokens>(\n  tokens: VisualStateTokens<FieldVisualState, Tokens>,\n  state: FieldState,\n): Tokens {\n  const { disabled = false, error = false } = state;\n\n  if (disabled) return error ? tokens.disabledError : tokens.disabled;\n  return error ? tokens.error : tokens.default;\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,QAAQ,MAAM,IAAI;AAE5C,MAAI,SAAU,QAAO,QAAQ,OAAO,gBAAgB,OAAO;AAC3D,SAAO,QAAQ,OAAO,QAAQ,OAAO;AACvC;","names":[]}
+{"version":3,"sources":["../../src/utils/field-state.utils.ts"],"sourcesContent":["import type { FieldState, FieldVisualState, VisualStateTokens } from \"../types\";\n\nexport function getFieldStateTokens<Tokens>(\n  tokens: VisualStateTokens<FieldVisualState, Tokens>,\n  state: FieldState,\n): Tokens {\n  const { disabled = false, error = false } = state;\n\n  if (disabled) {\n    return error ? tokens.disabledError : tokens.disabled;\n  }\n\n  return error ? tokens.error : tokens.default;\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,QAAQ,MAAM,IAAI;AAE5C,MAAI,UAAU;AACZ,WAAO,QAAQ,OAAO,gBAAgB,OAAO;AAAA,EAC/C;AAEA,SAAO,QAAQ,OAAO,QAAQ,OAAO;AACvC;","names":[]}

package/dist/utils/flyout-tokens.utils.d.mts

@@ -0,0 +1,5 @@
+import { FlyoutTokens, FlyoutTokenState, ResolvedFlyoutTokens } from '../types/flyout-tokens.types.mjs';
+
+declare function getFlyoutTokens(tokens: FlyoutTokens, state: FlyoutTokenState): ResolvedFlyoutTokens;
+
+export { getFlyoutTokens };

package/dist/utils/flyout-tokens.utils.js

@@ -0,0 +1,11 @@
+function getFlyoutTokens(tokens, state) {
+  const { placements, ...sharedTokens } = tokens;
+  return {
+    ...sharedTokens,
+    ...placements[state.placement]
+  };
+}
+export {
+  getFlyoutTokens
+};
+//# sourceMappingURL=flyout-tokens.utils.js.map

package/dist/utils/flyout-tokens.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/flyout-tokens.utils.ts"],"sourcesContent":["import type {\n  FlyoutTokens,\n  FlyoutTokenState,\n  ResolvedFlyoutTokens,\n} from \"../types\";\n\nexport function getFlyoutTokens(\n  tokens: FlyoutTokens,\n  state: FlyoutTokenState,\n): ResolvedFlyoutTokens {\n  const { placements, ...sharedTokens } = tokens;\n\n  return {\n    ...sharedTokens,\n    ...placements[state.placement],\n  };\n}\n"],"mappings":"AAMO,SAAS,gBACd,QACA,OACsB;AACtB,QAAM,EAAE,YAAY,GAAG,aAAa,IAAI;AAExC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,WAAW,MAAM,SAAS;AAAA,EAC/B;AACF;","names":[]}

package/dist/utils/index.d.mts

@@ -2,12 +2,22 @@ export { getActionStateTokens } from './action-state.utils.mjs';
 export { getAvailabilityStateTokens } from './availability-state.utils.mjs';
 export { getControlStateTokens } from './control-state.utils.mjs';
 export { getDatetimePickerDayStateTokens } from './datetime-picker-state.utils.mjs';
+export { getDividerTokens } from './divider-tokens.utils.mjs';
 export { getFieldStateTokens } from './field-state.utils.mjs';
+export { getFlyoutTokens } from './flyout-tokens.utils.mjs';
+export { getPaginationStateTokens } from './pagination-state.utils.mjs';
 export { getSelectionItemStateTokens } from './selection-item-state.utils.mjs';
 export { getSelectionStateTokens } from './selection-state.utils.mjs';
+export { getSegmentedControlItemTokens } from './segmented-control-state.utils.mjs';
+export { getSliderTrackTokens } from './slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
 import '../types/components.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import 'react-native';
 import '../types/shadow.types.mjs';
 import '../types/style.types.mjs';
@@ -18,9 +28,11 @@ import '../types/flex.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
-import '../types/theme-provider.types.mjs';
+import '../theme-provider.types-BSPyJjfq.mjs';
 import '../types/badge-tokens.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -28,15 +40,12 @@ 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/divider-tokens.types.mjs';
-import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-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';

package/dist/utils/index.js

@@ -2,8 +2,13 @@ export * from "./action-state.utils";
 export * from "./availability-state.utils";
 export * from "./control-state.utils";
 export * from "./datetime-picker-state.utils";
+export * from "./divider-tokens.utils";
 export * from "./field-state.utils";
+export * from "./flyout-tokens.utils";
+export * from "./pagination-state.utils";
 export * from "./selection-item-state.utils";
 export * from "./selection-state.utils";
+export * from "./segmented-control-state.utils";
+export * from "./slider-tokens.utils";
 export * from "./style.utils";
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./style.utils\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./divider-tokens.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./flyout-tokens.utils\";\nexport * from \"./pagination-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./segmented-control-state.utils\";\nexport * from \"./slider-tokens.utils\";\nexport * from \"./style.utils\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/utils/pagination-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { VisualStateTokens } from '../types/components.types.mjs';
+import { PaginationVisualState, PaginationState } from '../types/pagination-tokens.types.mjs';
+
+declare function getPaginationStateTokens<Tokens>(tokens: VisualStateTokens<PaginationVisualState, Tokens>, state: PaginationState): Tokens;
+
+export { getPaginationStateTokens };

package/dist/utils/pagination-state.utils.js

@@ -0,0 +1,11 @@
+function getPaginationStateTokens(tokens, state) {
+  const { current, disabled = false } = state;
+  if (disabled) {
+    return tokens.disabled;
+  }
+  return current ? tokens.current : tokens.default;
+}
+export {
+  getPaginationStateTokens
+};
+//# sourceMappingURL=pagination-state.utils.js.map

package/dist/utils/pagination-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pagination-state.utils.ts"],"sourcesContent":["import type {\n  PaginationState,\n  PaginationVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getPaginationStateTokens<Tokens>(\n  tokens: VisualStateTokens<PaginationVisualState, Tokens>,\n  state: PaginationState,\n): Tokens {\n  const { current, disabled = false } = state;\n\n  if (disabled) {\n    return tokens.disabled;\n  }\n\n  return current ? tokens.current : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,yBACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,WAAW,MAAM,IAAI;AAEtC,MAAI,UAAU;AACZ,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/segmented-control-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { SegmentedControlTokens, SegmentedControlItemTokenState, ResolvedSegmentedControlItemTokens } from '../types/segmented-control-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function getSegmentedControlItemTokens(tokens: SegmentedControlTokens, state: SegmentedControlItemTokenState): ResolvedSegmentedControlItemTokens;
+
+export { getSegmentedControlItemTokens };

package/dist/utils/segmented-control-state.utils.js

@@ -0,0 +1,20 @@
+import { getSelectionStateTokens } from "./selection-state.utils";
+function getSegmentedControlItemTokens(tokens, state) {
+  const { disabled, layout, selected, size, variant } = state;
+  const { layouts, ...sizeTokens } = tokens.sizes[size];
+  const appearanceTokens = getSelectionStateTokens(
+    tokens.variants[variant].states,
+    { disabled, selected }
+  );
+  return {
+    ...sizeTokens,
+    ...layouts[layout],
+    ...appearanceTokens,
+    borderRadius: tokens.itemBorderRadius,
+    borderWidth: tokens.itemBorderWidth
+  };
+}
+export {
+  getSegmentedControlItemTokens
+};
+//# sourceMappingURL=segmented-control-state.utils.js.map

package/dist/utils/segmented-control-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/segmented-control-state.utils.ts"],"sourcesContent":["import type {\n  ResolvedSegmentedControlItemTokens,\n  SegmentedControlItemTokenState,\n  SegmentedControlTokens,\n} from \"../types\";\nimport { getSelectionStateTokens } from \"./selection-state.utils\";\n\nexport function getSegmentedControlItemTokens(\n  tokens: SegmentedControlTokens,\n  state: SegmentedControlItemTokenState,\n): ResolvedSegmentedControlItemTokens {\n  const { disabled, layout, selected, size, variant } = state;\n  const { layouts, ...sizeTokens } = tokens.sizes[size];\n  const appearanceTokens = getSelectionStateTokens(\n    tokens.variants[variant].states,\n    { disabled, selected },\n  );\n\n  return {\n    ...sizeTokens,\n    ...layouts[layout],\n    ...appearanceTokens,\n    borderRadius: tokens.itemBorderRadius,\n    borderWidth: tokens.itemBorderWidth,\n  };\n}\n"],"mappings":"AAKA,SAAS,+BAA+B;AAEjC,SAAS,8BACd,QACA,OACoC;AACpC,QAAM,EAAE,UAAU,QAAQ,UAAU,MAAM,QAAQ,IAAI;AACtD,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,OAAO,MAAM,IAAI;AACpD,QAAM,mBAAmB;AAAA,IACvB,OAAO,SAAS,OAAO,EAAE;AAAA,IACzB,EAAE,UAAU,SAAS;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,QAAQ,MAAM;AAAA,IACjB,GAAG;AAAA,IACH,cAAc,OAAO;AAAA,IACrB,aAAa,OAAO;AAAA,EACtB;AACF;","names":[]}

package/dist/utils/slider-tokens.utils.d.mts

@@ -0,0 +1,6 @@
+import { SliderTokens, SliderTrackTokenState, ResolvedSliderTrackTokens } from '../types/slider-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function getSliderTrackTokens(tokens: SliderTokens, state: SliderTrackTokenState): ResolvedSliderTrackTokens;
+
+export { getSliderTrackTokens };

package/dist/utils/slider-tokens.utils.js

@@ -0,0 +1,15 @@
+import { getControlStateTokens } from "./control-state.utils";
+function getSliderTrackTokens(tokens, state) {
+  return {
+    ...tokens.sizes[state.size],
+    ...tokens.layouts[state.layout],
+    ...getControlStateTokens(tokens.variants[state.variant], {
+      disabled: state.disabled
+    }),
+    trackBorderRadius: tokens.trackBorderRadius
+  };
+}
+export {
+  getSliderTrackTokens
+};
+//# sourceMappingURL=slider-tokens.utils.js.map

package/dist/utils/slider-tokens.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/slider-tokens.utils.ts"],"sourcesContent":["import type {\n  ResolvedSliderTrackTokens,\n  SliderTokens,\n  SliderTrackTokenState,\n} from \"../types\";\nimport { getControlStateTokens } from \"./control-state.utils\";\n\nexport function getSliderTrackTokens(\n  tokens: SliderTokens,\n  state: SliderTrackTokenState,\n): ResolvedSliderTrackTokens {\n  return {\n    ...tokens.sizes[state.size],\n    ...tokens.layouts[state.layout],\n    ...getControlStateTokens(tokens.variants[state.variant], {\n      disabled: state.disabled,\n    }),\n    trackBorderRadius: tokens.trackBorderRadius,\n  };\n}\n"],"mappings":"AAKA,SAAS,6BAA6B;AAE/B,SAAS,qBACd,QACA,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IAC1B,GAAG,OAAO,QAAQ,MAAM,MAAM;AAAA,IAC9B,GAAG,sBAAsB,OAAO,SAAS,MAAM,OAAO,GAAG;AAAA,MACvD,UAAU,MAAM;AAAA,IAClB,CAAC;AAAA,IACD,mBAAmB,OAAO;AAAA,EAC5B;AACF;","names":[]}

package/dist/utils/style.utils.d.mts

@@ -1,7 +1,7 @@
 import { ViewStyle } from 'react-native';
 import { ShadowLevel, ShadowPosition } from '../types/shadow.types.mjs';
 import { StyleProps } from '../types/style.types.mjs';
-import { ThemeColors } from '../types/theme-provider.types.mjs';
+import { T as ThemeColors } from '../theme-provider.types-BSPyJjfq.mjs';
 import '../types/border.types.mjs';
 import '../types/color.types.mjs';
 import '../types/dimension.types.mjs';
@@ -11,7 +11,9 @@ import '../types/typography.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/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -23,9 +25,11 @@ 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';