@fluentui-react-native/framework 0.15.0 → 0.15.3

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Change Log - @fluentui-react-native/framework
 
+## 0.15.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @fluentui-react-native/composition@0.12.3
+  - @fluentui-react-native/use-styling@0.14.3
+  - @fluentui-react-native/default-theme@0.27.3
+  - @fluentui-react-native/use-tokens@0.7.3
+  - @fluentui-react-native/use-slots@0.11.3
+  - @fluentui-react-native/theme-types@0.44.3
+  - @fluentui-react-native/use-slot@0.7.3
+  - @fluentui-react-native/framework-base@0.3.3
+  - @fluentui-react-native/tokens@0.24.3
+
+## 0.15.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @fluentui-react-native/composition@0.12.2
+  - @fluentui-react-native/use-styling@0.14.2
+  - @fluentui-react-native/default-theme@0.27.2
+  - @fluentui-react-native/use-tokens@0.7.2
+  - @fluentui-react-native/use-slots@0.11.2
+  - @fluentui-react-native/theme-types@0.44.2
+  - @fluentui-react-native/use-slot@0.7.2
+  - @fluentui-react-native/framework-base@0.3.2
+  - @fluentui-react-native/tokens@0.24.2
+
+## 0.15.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/composition@0.12.1
+  - @fluentui-react-native/use-styling@0.14.1
+  - @fluentui-react-native/default-theme@0.27.1
+  - @fluentui-react-native/use-tokens@0.7.1
+  - @fluentui-react-native/use-slots@0.11.1
+  - @fluentui-react-native/theme-types@0.44.1
+  - @fluentui-react-native/use-slot@0.7.1
+  - @fluentui-react-native/framework-base@0.3.1
+  - @fluentui-react-native/tokens@0.24.1
+
 ## 0.15.0
 
 ### Minor Changes

package/lib/compose.d.ts

@@ -6,47 +6,32 @@ 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/compressible.d.ts

@@ -9,8 +9,5 @@ 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.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,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+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';
@@ -8,80 +8,75 @@ 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 _jsx(InnerText, { ...extra, children: 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 _jsxs(View, { children: [_jsx(Header, { children: headerText }), _jsx(Caption, { children: captionText })] });
-    }
-    return _jsx(Header, { children: 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', () => {
-    let component;
-    act(() => {
-      component = renderer.create(
-        _jsxs(View, {
-          children: [_jsx(Label, { headerText: 'Header1' }), _jsx(Label, { headerText: 'Header2', captionText: 'Caption2' })],
-        }),
-      );
+    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" })
+                ] }));
+        });
+        expect(component.toJSON()).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' }),
-          ],
-        }),
-      );
+    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();
     });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
 });
-//# sourceMappingURL=compressible.test.js.map
+//# sourceMappingURL=compressible.test.js.map

package/lib/index.d.ts

@@ -2,89 +2,19 @@ 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';
@@ -92,4 +22,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,20 +1,6 @@
 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';
@@ -25,4 +11,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/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/useStyling.d.ts

@@ -4,18 +4,9 @@
  */
 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>;
@@ -24,7 +15,5 @@ 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/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-commonjs/compose.d.ts

@@ -6,47 +6,32 @@ 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-commonjs/compose.js

@@ -1,9 +1,9 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.compose = compose;
-const composition_1 = require('@fluentui-react-native/composition');
-const themeHelper_1 = require('./themeHelper');
+const composition_1 = require("@fluentui-react-native/composition");
+const themeHelper_1 = require("./themeHelper");
 function compose(options, base) {
-  return (0, composition_1.composeFactory)(options, themeHelper_1.themeHelper, base);
+    return (0, composition_1.composeFactory)(options, themeHelper_1.themeHelper, base);
 }
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib-commonjs/compressible.d.ts

@@ -9,8 +9,5 @@ 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