@fluentui-react-native/framework 0.14.16 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Change Log - @fluentui-react-native/framework
 
+## 0.15.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/composition@0.12.0
+  - @fluentui-react-native/default-theme@0.27.0
+  - @fluentui-react-native/framework-base@0.3.0
+  - @fluentui-react-native/theme-types@0.44.0
+  - @fluentui-react-native/tokens@0.24.0
+  - @fluentui-react-native/use-slot@0.7.0
+  - @fluentui-react-native/use-slots@0.11.0
+  - @fluentui-react-native/use-styling@0.14.0
+  - @fluentui-react-native/use-tokens@0.7.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:40 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-  presets: [['module:@react-native/babel-preset', { runtime: 'classic' }]],
+  presets: [['module:@react-native/babel-preset', { runtime: 'automatic' }]],
   babelrcRoots: ['experiments/*'],
 };

package/lib/compose.d.ts

@@ -6,32 +6,47 @@ import type { ObjectBase } from '@fluentui-react-native/framework-base';
  * the type via the IComposableType interface, this is simply the format used to extract the type info.
  */
 export interface ComposeType<TProps, TSlotProps, TTokens, TStatics = ObjectBase> {
-    props: TProps;
-    slotProps: TSlotProps;
-    tokens: TTokens;
-    statics: TStatics;
+  props: TProps;
+  slotProps: TSlotProps;
+  tokens: TTokens;
+  statics: TStatics;
 }
 /** fragments used in type extraction */
 type PropsFragment<TProps> = {
-    props: TProps;
+  props: TProps;
 };
 type SlotPropsFragment<TSlotProps> = {
-    slotProps: TSlotProps;
+  slotProps: TSlotProps;
 };
 type TokensFragment<TTokens> = {
-    tokens: TTokens;
+  tokens: TTokens;
 };
 type StaticsFragment<TStatics extends ObjectBase> = {
-    statics: TStatics;
+  statics: TStatics;
 };
 /** Extraction types that get the various interface types from IComposableType */
 export type ExtractProps<T> = T extends PropsFragment<infer U> ? U : never;
 export type ExtractSlotProps<T> = T extends SlotPropsFragment<infer U> ? U : never;
 export type ExtractTokens<T> = T extends TokensFragment<infer U> ? U : ObjectBase;
 export type ExtractStatics<T> = T extends StaticsFragment<infer U> ? U : ObjectBase;
-export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryOptions<TProps, TSlotProps, TTokens, Theme, TStatics>;
-export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryComponent<TProps, TSlotProps, TTokens, Theme, TStatics>;
+export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryOptions<
+  TProps,
+  TSlotProps,
+  TTokens,
+  Theme,
+  TStatics
+>;
+export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryComponent<
+  TProps,
+  TSlotProps,
+  TTokens,
+  Theme,
+  TStatics
+>;
 export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
-export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
+export declare function compose<T>(
+  options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>,
+  base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>,
+): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
 export {};
-//# sourceMappingURL=compose.d.ts.map
+//# sourceMappingURL=compose.d.ts.map

package/lib/compose.js

@@ -1,6 +1,6 @@
 import { composeFactory } from '@fluentui-react-native/composition';
 import { themeHelper } from './themeHelper';
 export function compose(options, base) {
-    return composeFactory(options, themeHelper, base);
+  return composeFactory(options, themeHelper, base);
 }
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA8C5C,MAAM,UAAU,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA8C5C,MAAM,UAAU,OAAO,CACrB,OAAkG,EAClG,IAAqG,EACL;IAChG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AAAA,CACnD"}

package/lib/compressible.d.ts

@@ -9,5 +9,8 @@ import type { UseTokens } from './useTokens';
  * @param useTokens a hook function to build a set of tokens from a passed in theme as well as a cache object
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
-export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
-//# sourceMappingURL=compressible.d.ts.map
+export declare function compressible<TProps, TTokens>(
+  fn: StagedRender<TProps>,
+  useTokens: UseTokens<TTokens>,
+): CustomizableComponent<TProps, TTokens, Theme>;
+//# sourceMappingURL=compressible.d.ts.map

package/lib/compressible.js

@@ -7,12 +7,12 @@ import { stagedComponent } from '@fluentui-react-native/framework-base';
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
 export function compressible(fn, useTokens) {
-    const injectedWrapper = (props) => fn(props, useTokens);
-    const component = stagedComponent(injectedWrapper);
-    component.customize = (...tokens) => {
-        const useTokensNew = useTokens.customize(...tokens);
-        return compressible(fn, useTokensNew);
-    };
-    return component;
+  const injectedWrapper = (props) => fn(props, useTokens);
+  const component = stagedComponent(injectedWrapper);
+  component.customize = (...tokens) => {
+    const useTokensNew = useTokens.customize(...tokens);
+    return compressible(fn, useTokensNew);
+  };
+  return component;
 }
-//# sourceMappingURL=compressible.js.map
+//# sourceMappingURL=compressible.js.map

package/lib/compressible.js.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAMxE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAwB,EACxB,SAA6B;IAI7B,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE;QAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAMxE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAwB,EACxB,SAA6B,EACkB;IAG/C,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE,CAAC;QAC7D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAAA,CACvC,CAAC;IAEF,OAAO,SAAS,CAAC;AAAA,CAClB"}

package/lib/compressible.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=compressible.test.d.ts.map
+//# sourceMappingURL=compressible.test.d.ts.map

package/lib/compressible.test.js

@@ -1,79 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { act } from 'react';
 import { Text, View } from 'react-native';
 import { mergeStyles } from '@fluentui-react-native/framework-base';
 import { useSlot } from '@fluentui-react-native/use-slot';
-import { withSlots } from '@fluentui-react-native/framework-base';
 import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
 import * as renderer from 'react-test-renderer';
 import { compressible } from './compressible';
 import { buildUseTokens } from './useTokens';
 const useVariantTokens = buildUseTokens({
-    color: 'black',
-    fontSize: 12,
-    fontWeight: '500',
-    defaultType: 'normal',
-    header: {
-        color: 'blue',
-        fontSize: 16,
-        fontWeight: '700',
-    },
-    caption: {
-        color: 'gray',
-        fontWeight: '300',
-    },
+  color: 'black',
+  fontSize: 12,
+  fontWeight: '500',
+  defaultType: 'normal',
+  header: {
+    color: 'blue',
+    fontSize: 16,
+    fontWeight: '700',
+  },
+  caption: {
+    color: 'gray',
+    fontWeight: '300',
+  },
 });
 const VariantText = compressible((props, useTokens) => {
-    // fake theme here
-    const theme = {};
-    // get the tokens
-    let [tokens, cache] = useTokens(theme);
-    // split the props, defaulting the variant type to the default type from the tokens
-    const { variant = tokens.defaultType, style, ...rest } = props;
-    // now apply the alternate layer tokens as appropriate
-    [tokens, cache] = applyTokenLayers(tokens, ['normal', 'header', 'caption'], cache, (layer) => layer === variant);
-    // merge styles together with what is passed in
-    const mergedStyle = mergeStyles({ color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight }, style);
-    // now get the slot
-    const InnerText = useSlot(Text, { ...rest, style: mergedStyle });
-    return (extra, children) => {
-        return withSlots(InnerText, { ...extra }, children);
-    };
+  // fake theme here
+  const theme = {};
+  // get the tokens
+  let [tokens, cache] = useTokens(theme);
+  // split the props, defaulting the variant type to the default type from the tokens
+  const { variant = tokens.defaultType, style, ...rest } = props;
+  // now apply the alternate layer tokens as appropriate
+  [tokens, cache] = applyTokenLayers(tokens, ['normal', 'header', 'caption'], cache, (layer) => layer === variant);
+  // merge styles together with what is passed in
+  const mergedStyle = mergeStyles({ color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight }, style);
+  // now get the slot
+  const InnerText = useSlot(Text, { ...rest, style: mergedStyle });
+  return (extra, children) => {
+    return _jsx(InnerText, { ...extra, children: children });
+  };
 }, useVariantTokens);
 const SuperHeader = VariantText.customize({ header: { fontSize: 24, color: 'purple' } });
 const useLabelTokens = buildUseTokens({
-    headerVariant: 'header',
-    captionVariant: 'caption',
+  headerVariant: 'header',
+  captionVariant: 'caption',
 });
 const Label = compressible((props, useTokens) => {
-    const theme = {};
-    const [tokens] = useTokens(theme);
-    const { headerText, captionText, headerSlot, captionSlot } = props;
-    const Header = useSlot(headerSlot || VariantText, { variant: tokens.headerVariant });
-    const Caption = useSlot(captionSlot || VariantText, { variant: tokens.captionVariant });
-    return () => {
-        if (captionText) {
-            return (withSlots(View, null,
-                withSlots(Header, null, headerText),
-                withSlots(Caption, null, captionText)));
-        }
-        return withSlots(Header, null, headerText);
-    };
+  const theme = {};
+  const [tokens] = useTokens(theme);
+  const { headerText, captionText, headerSlot, captionSlot } = props;
+  const Header = useSlot(headerSlot || VariantText, { variant: tokens.headerVariant });
+  const Caption = useSlot(captionSlot || VariantText, { variant: tokens.captionVariant });
+  return () => {
+    if (captionText) {
+      return _jsxs(View, { children: [_jsx(Header, { children: headerText }), _jsx(Caption, { children: captionText })] });
+    }
+    return _jsx(Header, { children: headerText });
+  };
 }, useLabelTokens);
 describe('compressible tests', () => {
-    it('Two labels, one with caption and one without', () => {
-        const tree = renderer
-            .create(withSlots(View, null,
-            withSlots(Label, { headerText: "Header1" }),
-            withSlots(Label, { headerText: "Header2", captionText: "Caption2" })))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+  it('Two labels, one with caption and one without', () => {
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [_jsx(Label, { headerText: 'Header1' }), _jsx(Label, { headerText: 'Header2', captionText: 'Caption2' })],
+        }),
+      );
     });
-    it('Two labels, one plugging in SuperHeader instead', () => {
-        const tree = renderer
-            .create(withSlots(View, null,
-            withSlots(Label, { headerText: "Super Header", headerSlot: SuperHeader, captionText: "Normal caption" }),
-            withSlots(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  it('Two labels, one plugging in SuperHeader instead', () => {
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [
+            _jsx(Label, { headerText: 'Super Header', headerSlot: SuperHeader, captionText: 'Normal caption' }),
+            _jsx(Label, { headerText: 'Normal Header', captionText: 'Another normal caption' }),
+          ],
+        }),
+      );
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=compressible.test.js.map
+//# sourceMappingURL=compressible.test.js.map

package/lib/compressible.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -2,19 +2,89 @@ export type { GetMemoValue, GetTypedMemoValue } from '@fluentui-react-native/fra
 export { getMemoCache, getTypedMemoCache, memoize } from '@fluentui-react-native/framework-base';
 export type { StyleProp } from '@fluentui-react-native/framework-base';
 export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
-export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
-export type { FontStyleTokens, FontTokens, FontVariantTokens, IBackgroundColorTokens, IBorderTokens, IColorTokens, IForegroundColorTokens, IShadowTokens, LayoutTokens, TokenBuilder, } from '@fluentui-react-native/tokens';
+export {
+  backgroundColorTokens,
+  borderStyles,
+  borderTokens,
+  colorTokens,
+  fontStyles,
+  foregroundColorTokens,
+  getPaletteFromTheme,
+  layoutStyles,
+  layoutTokens,
+  shadowStyles,
+  shadowTokens,
+  textTokens,
+  tokenBuilder,
+} from '@fluentui-react-native/tokens';
+export type {
+  FontStyleTokens,
+  FontTokens,
+  FontVariantTokens,
+  IBackgroundColorTokens,
+  IBorderTokens,
+  IColorTokens,
+  IForegroundColorTokens,
+  IShadowTokens,
+  LayoutTokens,
+  TokenBuilder,
+} from '@fluentui-react-native/tokens';
 export { useSlot } from '@fluentui-react-native/use-slot';
 export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
 export type { ComposableFunction, FinalRender, NativeReactType, SlotFn, StagedRender } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from '@fluentui-react-native/use-slots';
 export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
-export type { BuiltinRecursionHandlers, CustomRecursionHandler, MergeOptions, ObjectBase, RecursionHandler, RecursionOption, } from '@fluentui-react-native/framework-base';
+export type {
+  BuiltinRecursionHandlers,
+  CustomRecursionHandler,
+  MergeOptions,
+  ObjectBase,
+  RecursionHandler,
+  RecursionOption,
+} from '@fluentui-react-native/framework-base';
 export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
-export type { AliasColorTokens, AppearanceOptions, Color, FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, OfficePalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, PartialTheme, PartialTypography, Spacing, TextStyling, Theme, ThemeColorDefinition, ThemeOptions, Typography, Variant, VariantValue, Variants, } from '@fluentui-react-native/theme-types';
+export type {
+  AliasColorTokens,
+  AppearanceOptions,
+  Color,
+  FontFamilies,
+  FontFamily,
+  FontFamilyValue,
+  FontSize,
+  FontSizeValuePoints,
+  FontSizes,
+  FontWeight,
+  FontWeightValue,
+  FontWeights,
+  OfficePalette,
+  Palette,
+  PaletteBackgroundColors,
+  PaletteTextColors,
+  PartialPalette,
+  PartialTheme,
+  PartialTypography,
+  Spacing,
+  TextStyling,
+  Theme,
+  ThemeColorDefinition,
+  ThemeOptions,
+  Typography,
+  Variant,
+  VariantValue,
+  Variants,
+} from '@fluentui-react-native/theme-types';
 export { compose } from './compose';
-export type { ComposableComponent, ComposeOptions, ComposeType, ExtractProps, ExtractSlotProps, ExtractStatics, ExtractTokens, UseSlots, } from './compose';
+export type {
+  ComposableComponent,
+  ComposeOptions,
+  ComposeType,
+  ExtractProps,
+  ExtractSlotProps,
+  ExtractStatics,
+  ExtractTokens,
+  UseSlots,
+} from './compose';
 export { compressible } from './compressible';
 export { useFluentTheme } from './useFluentTheme';
 export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling';
@@ -22,4 +92,4 @@ export { buildProps, buildUseStyling } from './useStyling';
 export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
 export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
 export type { UseTokens, CustomizableComponent } from './useTokens';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,6 +1,20 @@
 export { getMemoCache, getTypedMemoCache, memoize } from '@fluentui-react-native/framework-base';
 export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
-export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
+export {
+  backgroundColorTokens,
+  borderStyles,
+  borderTokens,
+  colorTokens,
+  fontStyles,
+  foregroundColorTokens,
+  getPaletteFromTheme,
+  layoutStyles,
+  layoutTokens,
+  shadowStyles,
+  shadowTokens,
+  textTokens,
+  tokenBuilder,
+} from '@fluentui-react-native/tokens';
 export { useSlot } from '@fluentui-react-native/use-slot';
 export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
@@ -11,4 +25,4 @@ export { compressible } from './compressible';
 export { useFluentTheme } from './useFluentTheme';
 export { buildProps, buildUseStyling } from './useStyling';
 export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/themeHelper.d.ts

@@ -1,4 +1,4 @@
 import type { Theme } from '@fluentui-react-native/theme-types';
 import type { ThemeHelper } from '@fluentui-react-native/use-styling';
 export declare const themeHelper: ThemeHelper<Theme>;
-//# sourceMappingURL=themeHelper.d.ts.map
+//# sourceMappingURL=themeHelper.d.ts.map

package/lib/themeHelper.js

@@ -1,9 +1,9 @@
 import { useFluentTheme } from './useFluentTheme';
 export const themeHelper = {
-    useTheme: () => useFluentTheme(),
-    getComponentInfo: (theme, name) => {
-        const components = theme.components || {};
-        return components[name];
-    },
+  useTheme: () => useFluentTheme(),
+  getComponentInfo: (theme, name) => {
+    const components = theme.components || {};
+    return components[name];
+  },
 };
-//# sourceMappingURL=themeHelper.js.map
+//# sourceMappingURL=themeHelper.js.map

package/lib/themeHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.js","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,WAAW,GAAuB;IAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;IAChC,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF,CAAC"}
+{"version":3,"file":"themeHelper.js","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,WAAW,GAAuB;IAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;IAChC,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE,CAAC;QAChD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAAA,CACzB;CACF,CAAC"}

package/lib/useFluentTheme.d.ts

@@ -5,4 +5,4 @@ import type { Theme } from '@fluentui-react-native/theme-types';
  * @returns - a valid Theme object
  */
 export declare function useFluentTheme(): Theme;
-//# sourceMappingURL=useFluentTheme.d.ts.map
+//# sourceMappingURL=useFluentTheme.d.ts.map

package/lib/useFluentTheme.js

@@ -6,6 +6,6 @@ import { useTheme } from '@fluentui-react-native/theme-types';
  * @returns - a valid Theme object
  */
 export function useFluentTheme() {
-    return useTheme() || defaultFluentTheme;
+  return useTheme() || defaultFluentTheme;
 }
-//# sourceMappingURL=useFluentTheme.js.map
+//# sourceMappingURL=useFluentTheme.js.map

package/lib/useFluentTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,QAAQ,EAAE,IAAI,kBAAkB,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,UAAU,cAAc,GAAU;IACtC,OAAO,QAAQ,EAAE,IAAI,kBAAkB,CAAC;AAAA,CACzC"}

package/lib/useStyling.d.ts

@@ -4,9 +4,18 @@
  */
 export type { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
 import type { Theme } from '@fluentui-react-native/theme-types';
-import type { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
+import type {
+  TokensFromTheme as TokensFromThemeBase,
+  TokenSettings as TokenSettingsBase,
+  UseStylingOptions as UseStylingOptionsBase,
+  UseStyling,
+  BuildPropsBase,
+} from '@fluentui-react-native/use-styling';
 export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
-export declare function buildProps<TProps, TTokens>(fn: (tokens: TTokens, theme: Theme) => TProps, keys?: (keyof TTokens)[]): BuildProps<TProps, TTokens>;
+export declare function buildProps<TProps, TTokens>(
+  fn: (tokens: TTokens, theme: Theme) => TProps,
+  keys?: (keyof TTokens)[],
+): BuildProps<TProps, TTokens>;
 export type TokensFromTheme<TTokens> = TokensFromThemeBase<TTokens, Theme>;
 export type TokenSettings<TTokens> = TokenSettingsBase<TTokens, Theme>;
 export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBase<TProps, TSlotProps, TTokens, Theme>;
@@ -15,5 +24,7 @@ export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBa
  *
  * @param options - options which drive behavior for the generated styling hook
  */
-export declare function buildUseStyling<TProps, TSlotProps, TTokens>(options: UseStylingOptions<TProps, TSlotProps, TTokens>): UseStyling<TProps, TSlotProps>;
-//# sourceMappingURL=useStyling.d.ts.map
+export declare function buildUseStyling<TProps, TSlotProps, TTokens>(
+  options: UseStylingOptions<TProps, TSlotProps, TTokens>,
+): UseStyling<TProps, TSlotProps>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib/useStyling.js

@@ -1,7 +1,7 @@
 import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
 import { themeHelper } from './themeHelper';
 export function buildProps(fn, keys) {
-    return buildPropsBase(fn, keys);
+  return buildPropsBase(fn, keys);
 }
 /**
  * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
@@ -9,7 +9,7 @@ export function buildProps(fn, keys) {
  * @param options - options which drive behavior for the generated styling hook
  */
 export function buildUseStyling(options) {
-    // create a cache instance for this use styling implementation
-    return buildUseStylingBase(options, themeHelper);
+  // create a cache instance for this use styling implementation
+  return buildUseStylingBase(options, themeHelper);
 }
-//# sourceMappingURL=useStyling.js.map
+//# sourceMappingURL=useStyling.js.map

package/lib/useStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE1H,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,UAAU,CACxB,EAA6C,EAC7C,IAAwB;IAExB,OAAO,cAAc,CAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAuD;IAEvD,8DAA8D;IAC9D,OAAO,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AACnD,CAAC"}
+{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE1H,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,UAAU,CACxB,EAA6C,EAC7C,IAAwB,EACK;IAC7B,OAAO,cAAc,CAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACzD;AAMD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAuD,EACvB;IAChC,8DAA8D;IAC9D,OAAO,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAAA,CAClD"}

package/lib/useTokens.d.ts

@@ -5,4 +5,4 @@ export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from
 export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
 export type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
 export declare function buildUseTokens<TTokens>(...tokens: TokenSettings<TTokens>[]): UseTokens<TTokens>;
-//# sourceMappingURL=useTokens.d.ts.map
+//# sourceMappingURL=useTokens.d.ts.map

package/lib/useTokens.js

@@ -2,6 +2,6 @@ import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use
 import { themeHelper } from './themeHelper';
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 export function buildUseTokens(...tokens) {
-    return buildUseTokensCore(themeHelper.getComponentInfo, ...tokens);
+  return buildUseTokensCore(themeHelper.getComponentInfo, ...tokens);
 }
-//# sourceMappingURL=useTokens.js.map
+//# sourceMappingURL=useTokens.js.map

package/lib/useTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMpH,MAAM,UAAU,cAAc,CAAU,GAAG,MAAgC;IACzE,OAAO,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMpH,MAAM,UAAU,cAAc,CAAU,GAAG,MAAgC,EAAsB;IAC/F,OAAO,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;AAAA,CACpE"}