@uifabricshared/foundation-compose 1.16.0 → 1.16.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log - @uifabricshared/foundation-compose
 
+## 1.16.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]
+  - @uifabricshared/foundation-composable@0.14.1
+  - @uifabricshared/foundation-settings@0.16.1
+  - @uifabricshared/foundation-tokens@0.16.1
+  - @uifabricshared/themed-settings@0.13.1
+  - @uifabricshared/theming-ramp@0.21.1
+  - @fluentui-react-native/default-theme@0.27.1
+  - @fluentui-react-native/theme-types@0.44.1
+  - @fluentui-react-native/framework-base@0.3.1
+
 ## 1.16.0
 
 ### Minor Changes

package/etc/foundation-compose.api.md

@@ -3,7 +3,6 @@
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
 ```ts
-
 import { IComponentSettings } from '@uifabricshared/foundation-settings';
 import { IComponentTokens } from '@uifabricshared/foundation-tokens';
 import { IComposableDefinition } from '@uifabricshared/foundation-composable';
@@ -18,42 +17,65 @@ import { ITheme } from '@uifabricshared/theming-ramp';
 import * as React from 'react';
 
 // @public
-export function compose<TProps extends object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TStatics extends object = object>(inputComponent: Partial<IComposeOptions<TProps, TSlotProps, TState, TStatics>>, base?: INativeSlotType): IComposeReturnType<TProps, TSlotProps, TState, TStatics>;
+export function compose<
+  TProps extends object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TState extends object = object,
+  TStatics extends object = object,
+>(
+  inputComponent: Partial<IComposeOptions<TProps, TSlotProps, TState, TStatics>>,
+  base?: INativeSlotType,
+): IComposeReturnType<TProps, TSlotProps, TState, TStatics>;
 
 // @public
-export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TStatics extends object = object> extends Omit<IComposableDefinition<TSlotProps['root'], TSlotProps, TState>, 'slots'>, IStylingSettings<TSlotProps> {
-    displayName?: string;
-    statics?: TStatics;
-    usePrepareProps?: (props: TSlotProps['root'], useStyling: IUseComposeStyling<TSlotProps>) => IRenderData<TSlotProps, TState>;
-    useStyling?: IUseComposeStyling<TSlotProps>;
+export interface IComposeOptions<
+  TProps extends object = object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TState extends object = object,
+  TStatics extends object = object,
+>
+  extends Omit<IComposableDefinition<TSlotProps['root'], TSlotProps, TState>, 'slots'>, IStylingSettings<TSlotProps> {
+  displayName?: string;
+  statics?: TStatics;
+  usePrepareProps?: (props: TSlotProps['root'], useStyling: IUseComposeStyling<TSlotProps>) => IRenderData<TSlotProps, TState>;
+  useStyling?: IUseComposeStyling<TSlotProps>;
 }
 
 // @public
-export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
+export type IComposeReturnType<
+  TProps extends object,
+  TSlotProps extends ISlotProps,
+  TState extends object = object,
+  TStatics extends object = object,
+> = React.FunctionComponent<TProps> &
+  TStatics & {
     __composable: IComposeOptions<TProps, TSlotProps, TState, TStatics>;
     customize: (...settings: IComposeSettings<TSlotProps>) => IComposeReturnType<TProps, TSlotProps, TState, TStatics>;
-    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TState, TStatics>;
-};
+    compose: (
+      newOptions: Partial<IComposeOptions<TProps, TSlotProps, TState, TStatics>>,
+    ) => IComposeReturnType<TProps, TSlotProps, TState, TStatics>;
+  };
 
 // @public
 export type IComposeSettings<TSlotProps extends ISlotProps> = ISettingsEntry<IComponentSettings<TSlotProps>, ITheme>[];
 
 // @public
-export function initializeStyling<TSlotProps extends ISlotProps>(styleSettings: IStylingSettings<TSlotProps>, name?: string): IUseComposeStyling<TSlotProps>;
+export function initializeStyling<TSlotProps extends ISlotProps>(
+  styleSettings: IStylingSettings<TSlotProps>,
+  name?: string,
+): IUseComposeStyling<TSlotProps>;
 
 // @public
 export interface IStylingSettings<TSlotProps extends ISlotProps> {
-    resolvedTokens?: IComponentTokens<TSlotProps['root'], ITheme>;
-    settings?: IComposeSettings<TSlotProps>;
-    slots: {
-        [K in keyof TSlotProps]: ISlotWithFilter<ISlotStyleFactories<TSlotProps['root'], ITheme>>;
-    };
+  resolvedTokens?: IComponentTokens<TSlotProps['root'], ITheme>;
+  settings?: IComposeSettings<TSlotProps>;
+  slots: {
+    [K in keyof TSlotProps]: ISlotWithFilter<ISlotStyleFactories<TSlotProps['root'], ITheme>>;
+  };
 }
 
 // @public
 export type IUseComposeStyling<TSlotProps extends ISlotProps> = (props: TSlotProps['root'], lookup?: IOverrideLookup) => TSlotProps;
 
-
 // (No @packageDocumentation comment for this package)
-
 ```

package/lib/compose.d.ts

@@ -8,10 +8,5 @@ import { INativeSlotType, IExtractProps, IExtractSlotProps, IExtractState } from
  * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
-export declare function compose<TType>(
-  inputComponent: Partial<
-    IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>
-  >,
-  base?: INativeSlotType,
-): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
-//# sourceMappingURL=compose.d.ts.map
+export declare function compose<TType>(inputComponent: Partial<IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>>, base?: INativeSlotType): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+//# sourceMappingURL=compose.d.ts.map

package/lib/compose.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import { composable } from '@uifabricshared/foundation-composable';
+import { composable, } from '@uifabricshared/foundation-composable';
 import { initializeStyling, getOptionsFromObj } from './useStyling';
 import { immutableMerge } from '@fluentui-react-native/framework-base';
 /**
@@ -10,11 +10,11 @@ import { immutableMerge } from '@fluentui-react-native/framework-base';
  * @param base - component to use as a baseline (if it exists)
  */
 function _getComponentOptions(inputComponent, base) {
-  if (base) {
-    const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
-    return immutableMerge(base, inputComponent, mergedSettings);
-  }
-  return inputComponent;
+    if (base) {
+        const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
+        return immutableMerge(base, inputComponent, mergedSettings);
+    }
+    return inputComponent;
 }
 /**
  * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
@@ -25,24 +25,24 @@ function _getComponentOptions(inputComponent, base) {
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
 export function compose(inputComponent, base) {
-  // get merged options for the component
-  const options = _getComponentOptions(inputComponent, base && getOptionsFromObj(base));
-  // set up the styling injection function
-  options.useStyling = initializeStyling(options);
-  // use composable to create the function implementation
-  const Component = composable(options);
-  // attach extra information to the returned function component
-  Component.displayName = options.displayName;
-  Object.assign(Component, options.statics);
-  // set up the customize handler
-  Component.customize = (...settings) => {
-    return compose({ settings }, Component);
-  };
-  // set up the compose handler
-  Component.compose = (newOptions) => {
-    return compose(newOptions, Component);
-  };
-  // now return the newly created component
-  return Component;
+    // get merged options for the component
+    const options = _getComponentOptions(inputComponent, base && getOptionsFromObj(base));
+    // set up the styling injection function
+    options.useStyling = initializeStyling(options);
+    // use composable to create the function implementation
+    const Component = composable(options);
+    // attach extra information to the returned function component
+    Component.displayName = options.displayName;
+    Object.assign(Component, options.statics);
+    // set up the customize handler
+    Component.customize = (...settings) => {
+        return compose({ settings }, Component);
+    };
+    // set up the compose handler
+    Component.compose = (newOptions) => {
+        return compose(newOptions, Component);
+    };
+    // now return the newly created component
+    return Component;
 }
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib/compose.types.d.ts

@@ -1,48 +1,32 @@
-import {
-  IRenderData,
-  IComposableDefinition,
-  IComposableType,
-  IExtractSlotProps,
-  IExtractProps,
-  IExtractState,
-} from '@uifabricshared/foundation-composable';
+import { IRenderData, IComposableDefinition, IComposableType, IExtractSlotProps, IExtractProps, IExtractState } from '@uifabricshared/foundation-composable';
 import { ISlotProps, IComponentSettings, IWithTokens, IOverrideLookup } from '@uifabricshared/foundation-settings';
 import { ISettingsEntry } from '@uifabricshared/themed-settings';
 import { ITheme } from '@uifabricshared/theming-ramp';
 import { IStyleFactories, IComponentTokens } from '@uifabricshared/foundation-tokens';
 import * as React from 'react';
-export interface IComposeType<
-  TProps extends object = object,
-  TSlotProps extends ISlotProps = ISlotProps<TProps>,
-  TState extends object = object,
-  TTokens extends object = object,
-  TStatics extends object = object,
-> extends IComposableType<TProps, TSlotProps, TState> {
-  /**
-   * Any statics to attach to the component
-   */
-  statics: TStatics;
-  /**
-   * Token props for this component
-   */
-  tokens: TTokens;
+export interface IComposeType<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TTokens extends object = object, TStatics extends object = object> extends IComposableType<TProps, TSlotProps, TState> {
+    /**
+     * Any statics to attach to the component
+     */
+    statics: TStatics;
+    /**
+     * Token props for this component
+     */
+    tokens: TTokens;
 }
 type IStaticsFragment<TStatics extends object> = {
-  statics: TStatics;
+    statics: TStatics;
 };
 export type IExtractStatics<T> = T extends IStaticsFragment<infer U> ? U : object;
 type ITokensFragment<TTokens extends object> = {
-  tokens: TTokens;
+    tokens: TTokens;
 };
 export type IExtractTokens<T> = T extends ITokensFragment<infer U> ? U : object;
 /**
  * Function signature for useStyling as implemented by compose.  This adds the lookup function to enable
  * more control over how overrides are applied.
  */
-export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (
-  props: TProps,
-  lookup?: IOverrideLookup,
-) => IWithTokens<TSlotProps, TTokens>;
+export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (props: TProps, lookup?: IOverrideLookup) => IWithTokens<TSlotProps, TTokens>;
 export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Array of:
@@ -52,67 +36,50 @@ export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, I
  *
  * These settings are layered together in order to produce the merged settings for a component
  */
-export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<
-  IComponentSettings<IWithTokens<TSlotProps, TTokens>>,
-  ITheme
->[];
+export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<IComponentSettings<IWithTokens<TSlotProps, TTokens>>, ITheme>[];
 export type IComposeSettings<T> = IDefineComposeSettings<IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Settings which dictate the behavior of useStyling, as implemented by the compose package.  These are
  * separated from IComponentOptions to allow the styling portion to be used independently if so desired.
  */
 export interface IStylingSettings<TSlotProps extends ISlotProps, TTokens extends object> {
-  /**
-   * settings used to build up the style definitions
-   */
-  settings?: IDefineComposeSettings<TSlotProps, TTokens>;
-  /**
-   * factories for producing styles from tokens
-   */
-  styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
-  /**
-   * The input tokens processed, built into functions, with the keys built into a map.
-   *
-   * This gets set automatically when the component is set up for the first time and should not be set by hand.
-   */
-  resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
+    /**
+     * settings used to build up the style definitions
+     */
+    settings?: IDefineComposeSettings<TSlotProps, TTokens>;
+    /**
+     * factories for producing styles from tokens
+     */
+    styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
+    /**
+     * The input tokens processed, built into functions, with the keys built into a map.
+     *
+     * This gets set automatically when the component is set up for the first time and should not be set by hand.
+     */
+    resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
 }
 /**
  * Options to be used with compose.  These drive the actual behavior of the component and are comprised of styling
  * options as well as options which configure composable.
  */
-export interface IComposeOptions<
-  TProps extends object = object,
-  TSlotProps extends ISlotProps = ISlotProps<TProps>,
-  TTokens extends object = object,
-  TState extends object = object,
-  TStatics extends object = object,
-> extends IComposableDefinition<TProps, TSlotProps, TState>,
-    IStylingSettings<TSlotProps, TTokens> {
-  /**
-   * Add an additional option to use styling to allow for injecting override lookup functions
-   */
-  useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-  /**
-   * Use prepare props will take the more opinionated version of useStyling
-   */
-  usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
-  /**
-   * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
-   */
-  statics?: TStatics;
+export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TTokens extends object = object, TState extends object = object, TStatics extends object = object> extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
+    /**
+     * Add an additional option to use styling to allow for injecting override lookup functions
+     */
+    useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+    /**
+     * Use prepare props will take the more opinionated version of useStyling
+     */
+    usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
+    /**
+     * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
+     */
+    statics?: TStatics;
 }
 /**
  * The signature of the component returned from compose.
  */
-export type IComposeReturnType<
-  TProps extends object,
-  TSlotProps extends ISlotProps,
-  TTokens extends object,
-  TState extends object = object,
-  TStatics extends object = object,
-> = React.FunctionComponent<TProps> &
-  TStatics & {
+export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
     /**
      * composable options, used by composable for chaining objects.  For compose this also includes the extensions
      * such as settings or token information.
@@ -121,27 +88,17 @@ export type IComposeReturnType<
     /**
      * shorthand function for doing quick customizations of a component by appending to settings
      */
-    customize: (
-      ...settings: IDefineComposeSettings<TSlotProps, TTokens>
-    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+    customize: (...settings: IDefineComposeSettings<TSlotProps, TTokens>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
     /**
      * helper function to quickly add new partial options to the base component.  The primary advantage is that
      * this is strongly typed for the component type which avoids needing to pass all the type parameters correctly.
      */
-    compose: (
-      newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>,
-    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
-  };
+    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+};
 /**
  * A shorthand for typecasting a component into a more specific type, used for dealing with multiple platforms in
  * react-native
  */
-export type IComposeTypecast<TType> = IComposeReturnType<
-  IExtractProps<TType>,
-  IExtractSlotProps<TType>,
-  IExtractTokens<TType>,
-  IExtractState<TType>,
-  IExtractStatics<TType>
->;
+export type IComposeTypecast<TType> = IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
 export {};
-//# sourceMappingURL=compose.types.d.ts.map
+//# sourceMappingURL=compose.types.d.ts.map

package/lib/compose.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.types.d.ts","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"compose.types.d.ts","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"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"}

package/lib/compose.types.js

@@ -1,3 +1,3 @@
 /* eslint-disable */
 export {};
-//# sourceMappingURL=compose.types.js.map
+//# sourceMappingURL=compose.types.js.map

package/lib/index.d.ts

@@ -1,16 +1,4 @@
-export type {
-  IComposeOptions,
-  IComposeReturnType,
-  IComposeSettings,
-  IComposeType,
-  IComposeTypecast,
-  IDefineComposeSettings,
-  IDefineUseComposeStyling,
-  IExtractStatics,
-  IExtractTokens,
-  IStylingSettings,
-  IUseComposeStyling,
-} from './compose.types';
+export type { IComposeOptions, IComposeReturnType, IComposeSettings, IComposeType, IComposeTypecast, IDefineComposeSettings, IDefineUseComposeStyling, IExtractStatics, IExtractTokens, IStylingSettings, IUseComposeStyling, } from './compose.types';
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,3 @@
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/useStyling.d.ts

@@ -8,11 +8,5 @@ export declare function getOptionsFromObj<TComponent>(obj: any): TComponent | un
  * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
  * @param name - optional base name to use as a cache key
  */
-export declare function initializeStyling<
-  TProps extends object,
-  TSlotProps extends ISlotProps,
-  TTokens extends object,
-  TState extends object,
-  TStatics extends object,
->(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-//# sourceMappingURL=useStyling.d.ts.map
+export declare function initializeStyling<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object, TStatics extends object>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib/useStyling.js

@@ -7,32 +7,32 @@ import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
 import { getMemoCache } from '@fluentui-react-native/framework-base';
 /* tslint:disable-next-line no-any */
 export function getOptionsFromObj(obj) {
-  const objType = obj && typeof obj;
-  return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
+    const objType = obj && typeof obj;
+    return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
 }
 function _getSettingsFromTheme(theme, name) {
-  return getSettings(theme, name);
+    return getSettings(theme, name);
 }
 function _getHasToken(slots) {
-  const slotTokens = {};
-  Object.keys(slots).forEach((slotName) => {
-    const slot = slots[slotName];
-    const slotType = typeof slot !== 'object' ? slot : slot.slotType;
-    const options = getOptionsFromObj(slotType);
-    slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
-  });
-  return (target, key) => {
-    return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
-  };
+    const slotTokens = {};
+    Object.keys(slots).forEach((slotName) => {
+        const slot = slots[slotName];
+        const slotType = (typeof slot !== 'object' ? slot : slot.slotType);
+        const options = getOptionsFromObj(slotType);
+        slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
+    });
+    return (target, key) => {
+        return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
+    };
 }
 function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
-  // get the theme value from the context (or the default theme if it is not set)
-  const theme = useTheme() || defaultFluentTheme;
-  // resolve the array of settings for these options
-  lookupOverride = lookupOverride || props;
-  const { settings, getMemoValue } = getThemedSettings(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
-  // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
-  return returnAsSlotProps(processTokens(props, theme, settings, options.resolvedTokens, getMemoValue));
+    // get the theme value from the context (or the default theme if it is not set)
+    const theme = useTheme() || defaultFluentTheme;
+    // resolve the array of settings for these options
+    lookupOverride = lookupOverride || props;
+    const { settings, getMemoValue } = getThemedSettings(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
+    // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
+    return returnAsSlotProps(processTokens(props, theme, settings, options.resolvedTokens, getMemoValue));
 }
 /**
  * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
@@ -42,14 +42,14 @@ function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
  * @param name - optional base name to use as a cache key
  */
 export function initializeStyling(options) {
-  // process the tokens and get them ready to render
-  const { styles, slots } = options;
-  options.resolvedTokens = buildComponentTokens(styles, _getHasToken(slots));
-  // memo cache root for this component, keyed on options
-  const getMemoValue = getMemoCache(options);
-  // create a useStyling implementation for this component type (per type, not per instance)
-  return (props, lookupOverride) => {
-    return useStylingCore(props, options, getMemoValue, lookupOverride);
-  };
+    // process the tokens and get them ready to render
+    const { styles, slots } = options;
+    options.resolvedTokens = buildComponentTokens(styles, _getHasToken(slots));
+    // memo cache root for this component, keyed on options
+    const getMemoValue = getMemoCache(options);
+    // create a useStyling implementation for this component type (per type, not per instance)
+    return (props, lookupOverride) => {
+        return useStylingCore(props, options, getMemoValue, lookupOverride);
+    };
 }
-//# sourceMappingURL=useStyling.js.map
+//# sourceMappingURL=useStyling.js.map

package/lib-commonjs/compose.d.ts

@@ -8,10 +8,5 @@ import { INativeSlotType, IExtractProps, IExtractSlotProps, IExtractState } from
  * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
-export declare function compose<TType>(
-  inputComponent: Partial<
-    IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>
-  >,
-  base?: INativeSlotType,
-): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
-//# sourceMappingURL=compose.d.ts.map
+export declare function compose<TType>(inputComponent: Partial<IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>>, base?: INativeSlotType): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+//# sourceMappingURL=compose.d.ts.map

package/lib-commonjs/compose.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 /* eslint-disable */
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.compose = compose;
-const foundation_composable_1 = require('@uifabricshared/foundation-composable');
-const useStyling_1 = require('./useStyling');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
+const foundation_composable_1 = require("@uifabricshared/foundation-composable");
+const useStyling_1 = require("./useStyling");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
 /**
  * Merge current and base options together to form the new object definition.  These objects will merge with the
  * exception of settings which will be appended
@@ -13,11 +13,11 @@ const framework_base_1 = require('@fluentui-react-native/framework-base');
  * @param base - component to use as a baseline (if it exists)
  */
 function _getComponentOptions(inputComponent, base) {
-  if (base) {
-    const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
-    return (0, framework_base_1.immutableMerge)(base, inputComponent, mergedSettings);
-  }
-  return inputComponent;
+    if (base) {
+        const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
+        return (0, framework_base_1.immutableMerge)(base, inputComponent, mergedSettings);
+    }
+    return inputComponent;
 }
 /**
  * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
@@ -28,24 +28,24 @@ function _getComponentOptions(inputComponent, base) {
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
 function compose(inputComponent, base) {
-  // get merged options for the component
-  const options = _getComponentOptions(inputComponent, base && (0, useStyling_1.getOptionsFromObj)(base));
-  // set up the styling injection function
-  options.useStyling = (0, useStyling_1.initializeStyling)(options);
-  // use composable to create the function implementation
-  const Component = (0, foundation_composable_1.composable)(options);
-  // attach extra information to the returned function component
-  Component.displayName = options.displayName;
-  Object.assign(Component, options.statics);
-  // set up the customize handler
-  Component.customize = (...settings) => {
-    return compose({ settings }, Component);
-  };
-  // set up the compose handler
-  Component.compose = (newOptions) => {
-    return compose(newOptions, Component);
-  };
-  // now return the newly created component
-  return Component;
+    // get merged options for the component
+    const options = _getComponentOptions(inputComponent, base && (0, useStyling_1.getOptionsFromObj)(base));
+    // set up the styling injection function
+    options.useStyling = (0, useStyling_1.initializeStyling)(options);
+    // use composable to create the function implementation
+    const Component = (0, foundation_composable_1.composable)(options);
+    // attach extra information to the returned function component
+    Component.displayName = options.displayName;
+    Object.assign(Component, options.statics);
+    // set up the customize handler
+    Component.customize = (...settings) => {
+        return compose({ settings }, Component);
+    };
+    // set up the compose handler
+    Component.compose = (newOptions) => {
+        return compose(newOptions, Component);
+    };
+    // now return the newly created component
+    return Component;
 }
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib-commonjs/compose.types.d.ts

@@ -1,48 +1,32 @@
-import {
-  IRenderData,
-  IComposableDefinition,
-  IComposableType,
-  IExtractSlotProps,
-  IExtractProps,
-  IExtractState,
-} from '@uifabricshared/foundation-composable';
+import { IRenderData, IComposableDefinition, IComposableType, IExtractSlotProps, IExtractProps, IExtractState } from '@uifabricshared/foundation-composable';
 import { ISlotProps, IComponentSettings, IWithTokens, IOverrideLookup } from '@uifabricshared/foundation-settings';
 import { ISettingsEntry } from '@uifabricshared/themed-settings';
 import { ITheme } from '@uifabricshared/theming-ramp';
 import { IStyleFactories, IComponentTokens } from '@uifabricshared/foundation-tokens';
 import * as React from 'react';
-export interface IComposeType<
-  TProps extends object = object,
-  TSlotProps extends ISlotProps = ISlotProps<TProps>,
-  TState extends object = object,
-  TTokens extends object = object,
-  TStatics extends object = object,
-> extends IComposableType<TProps, TSlotProps, TState> {
-  /**
-   * Any statics to attach to the component
-   */
-  statics: TStatics;
-  /**
-   * Token props for this component
-   */
-  tokens: TTokens;
+export interface IComposeType<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TTokens extends object = object, TStatics extends object = object> extends IComposableType<TProps, TSlotProps, TState> {
+    /**
+     * Any statics to attach to the component
+     */
+    statics: TStatics;
+    /**
+     * Token props for this component
+     */
+    tokens: TTokens;
 }
 type IStaticsFragment<TStatics extends object> = {
-  statics: TStatics;
+    statics: TStatics;
 };
 export type IExtractStatics<T> = T extends IStaticsFragment<infer U> ? U : object;
 type ITokensFragment<TTokens extends object> = {
-  tokens: TTokens;
+    tokens: TTokens;
 };
 export type IExtractTokens<T> = T extends ITokensFragment<infer U> ? U : object;
 /**
  * Function signature for useStyling as implemented by compose.  This adds the lookup function to enable
  * more control over how overrides are applied.
  */
-export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (
-  props: TProps,
-  lookup?: IOverrideLookup,
-) => IWithTokens<TSlotProps, TTokens>;
+export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (props: TProps, lookup?: IOverrideLookup) => IWithTokens<TSlotProps, TTokens>;
 export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Array of:
@@ -52,67 +36,50 @@ export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, I
  *
  * These settings are layered together in order to produce the merged settings for a component
  */
-export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<
-  IComponentSettings<IWithTokens<TSlotProps, TTokens>>,
-  ITheme
->[];
+export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<IComponentSettings<IWithTokens<TSlotProps, TTokens>>, ITheme>[];
 export type IComposeSettings<T> = IDefineComposeSettings<IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Settings which dictate the behavior of useStyling, as implemented by the compose package.  These are
  * separated from IComponentOptions to allow the styling portion to be used independently if so desired.
  */
 export interface IStylingSettings<TSlotProps extends ISlotProps, TTokens extends object> {
-  /**
-   * settings used to build up the style definitions
-   */
-  settings?: IDefineComposeSettings<TSlotProps, TTokens>;
-  /**
-   * factories for producing styles from tokens
-   */
-  styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
-  /**
-   * The input tokens processed, built into functions, with the keys built into a map.
-   *
-   * This gets set automatically when the component is set up for the first time and should not be set by hand.
-   */
-  resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
+    /**
+     * settings used to build up the style definitions
+     */
+    settings?: IDefineComposeSettings<TSlotProps, TTokens>;
+    /**
+     * factories for producing styles from tokens
+     */
+    styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
+    /**
+     * The input tokens processed, built into functions, with the keys built into a map.
+     *
+     * This gets set automatically when the component is set up for the first time and should not be set by hand.
+     */
+    resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
 }
 /**
  * Options to be used with compose.  These drive the actual behavior of the component and are comprised of styling
  * options as well as options which configure composable.
  */
-export interface IComposeOptions<
-  TProps extends object = object,
-  TSlotProps extends ISlotProps = ISlotProps<TProps>,
-  TTokens extends object = object,
-  TState extends object = object,
-  TStatics extends object = object,
-> extends IComposableDefinition<TProps, TSlotProps, TState>,
-    IStylingSettings<TSlotProps, TTokens> {
-  /**
-   * Add an additional option to use styling to allow for injecting override lookup functions
-   */
-  useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-  /**
-   * Use prepare props will take the more opinionated version of useStyling
-   */
-  usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
-  /**
-   * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
-   */
-  statics?: TStatics;
+export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TTokens extends object = object, TState extends object = object, TStatics extends object = object> extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
+    /**
+     * Add an additional option to use styling to allow for injecting override lookup functions
+     */
+    useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+    /**
+     * Use prepare props will take the more opinionated version of useStyling
+     */
+    usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
+    /**
+     * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
+     */
+    statics?: TStatics;
 }
 /**
  * The signature of the component returned from compose.
  */
-export type IComposeReturnType<
-  TProps extends object,
-  TSlotProps extends ISlotProps,
-  TTokens extends object,
-  TState extends object = object,
-  TStatics extends object = object,
-> = React.FunctionComponent<TProps> &
-  TStatics & {
+export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
     /**
      * composable options, used by composable for chaining objects.  For compose this also includes the extensions
      * such as settings or token information.
@@ -121,27 +88,17 @@ export type IComposeReturnType<
     /**
      * shorthand function for doing quick customizations of a component by appending to settings
      */
-    customize: (
-      ...settings: IDefineComposeSettings<TSlotProps, TTokens>
-    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+    customize: (...settings: IDefineComposeSettings<TSlotProps, TTokens>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
     /**
      * helper function to quickly add new partial options to the base component.  The primary advantage is that
      * this is strongly typed for the component type which avoids needing to pass all the type parameters correctly.
      */
-    compose: (
-      newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>,
-    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
-  };
+    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+};
 /**
  * A shorthand for typecasting a component into a more specific type, used for dealing with multiple platforms in
  * react-native
  */
-export type IComposeTypecast<TType> = IComposeReturnType<
-  IExtractProps<TType>,
-  IExtractSlotProps<TType>,
-  IExtractTokens<TType>,
-  IExtractState<TType>,
-  IExtractStatics<TType>
->;
+export type IComposeTypecast<TType> = IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
 export {};
-//# sourceMappingURL=compose.types.d.ts.map
+//# sourceMappingURL=compose.types.d.ts.map

package/lib-commonjs/compose.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.types.d.ts","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"compose.types.d.ts","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/compose.types.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 /* eslint-disable */
-Object.defineProperty(exports, '__esModule', { value: true });
-//# sourceMappingURL=compose.types.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=compose.types.js.map

package/lib-commonjs/index.d.ts

@@ -1,16 +1,4 @@
-export type {
-  IComposeOptions,
-  IComposeReturnType,
-  IComposeSettings,
-  IComposeType,
-  IComposeTypecast,
-  IDefineComposeSettings,
-  IDefineUseComposeStyling,
-  IExtractStatics,
-  IExtractTokens,
-  IStylingSettings,
-  IUseComposeStyling,
-} from './compose.types';
+export type { IComposeOptions, IComposeReturnType, IComposeSettings, IComposeType, IComposeTypecast, IDefineComposeSettings, IDefineUseComposeStyling, IExtractStatics, IExtractTokens, IStylingSettings, IUseComposeStyling, } from './compose.types';
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,18 +1,8 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.initializeStyling = exports.compose = void 0;
-const compose_1 = require('./compose');
-Object.defineProperty(exports, 'compose', {
-  enumerable: true,
-  get: function () {
-    return compose_1.compose;
-  },
-});
-const useStyling_1 = require('./useStyling');
-Object.defineProperty(exports, 'initializeStyling', {
-  enumerable: true,
-  get: function () {
-    return useStyling_1.initializeStyling;
-  },
-});
-//# sourceMappingURL=index.js.map
+const compose_1 = require("./compose");
+Object.defineProperty(exports, "compose", { enumerable: true, get: function () { return compose_1.compose; } });
+const useStyling_1 = require("./useStyling");
+Object.defineProperty(exports, "initializeStyling", { enumerable: true, get: function () { return useStyling_1.initializeStyling; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/useStyling.d.ts

@@ -8,11 +8,5 @@ export declare function getOptionsFromObj<TComponent>(obj: any): TComponent | un
  * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
  * @param name - optional base name to use as a cache key
  */
-export declare function initializeStyling<
-  TProps extends object,
-  TSlotProps extends ISlotProps,
-  TTokens extends object,
-  TState extends object,
-  TStatics extends object,
->(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-//# sourceMappingURL=useStyling.d.ts.map
+export declare function initializeStyling<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object, TStatics extends object>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib-commonjs/useStyling.js

@@ -1,50 +1,42 @@
-'use strict';
+"use strict";
 /* eslint-disable */
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOptionsFromObj = getOptionsFromObj;
 exports.initializeStyling = initializeStyling;
-const themed_settings_1 = require('@uifabricshared/themed-settings');
-const theming_ramp_1 = require('@uifabricshared/theming-ramp');
-const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
-const theme_types_1 = require('@fluentui-react-native/theme-types');
-const default_theme_1 = require('@fluentui-react-native/default-theme');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
+const themed_settings_1 = require("@uifabricshared/themed-settings");
+const theming_ramp_1 = require("@uifabricshared/theming-ramp");
+const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
+const theme_types_1 = require("@fluentui-react-native/theme-types");
+const default_theme_1 = require("@fluentui-react-native/default-theme");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
 /* tslint:disable-next-line no-any */
 function getOptionsFromObj(obj) {
-  const objType = obj && typeof obj;
-  return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
+    const objType = obj && typeof obj;
+    return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
 }
 function _getSettingsFromTheme(theme, name) {
-  return (0, theming_ramp_1.getSettings)(theme, name);
+    return (0, theming_ramp_1.getSettings)(theme, name);
 }
 function _getHasToken(slots) {
-  const slotTokens = {};
-  Object.keys(slots).forEach((slotName) => {
-    const slot = slots[slotName];
-    const slotType = typeof slot !== 'object' ? slot : slot.slotType;
-    const options = getOptionsFromObj(slotType);
-    slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
-  });
-  return (target, key) => {
-    return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
-  };
+    const slotTokens = {};
+    Object.keys(slots).forEach((slotName) => {
+        const slot = slots[slotName];
+        const slotType = (typeof slot !== 'object' ? slot : slot.slotType);
+        const options = getOptionsFromObj(slotType);
+        slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
+    });
+    return (target, key) => {
+        return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
+    };
 }
 function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
-  // get the theme value from the context (or the default theme if it is not set)
-  const theme = (0, theme_types_1.useTheme)() || default_theme_1.defaultFluentTheme;
-  // resolve the array of settings for these options
-  lookupOverride = lookupOverride || props;
-  const { settings, getMemoValue } = (0, themed_settings_1.getThemedSettings)(
-    options.settings,
-    theme,
-    instanceMemoCache,
-    lookupOverride,
-    _getSettingsFromTheme,
-  );
-  // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
-  return (0, theming_ramp_1.returnAsSlotProps)(
-    (0, foundation_tokens_1.processTokens)(props, theme, settings, options.resolvedTokens, getMemoValue),
-  );
+    // get the theme value from the context (or the default theme if it is not set)
+    const theme = (0, theme_types_1.useTheme)() || default_theme_1.defaultFluentTheme;
+    // resolve the array of settings for these options
+    lookupOverride = lookupOverride || props;
+    const { settings, getMemoValue } = (0, themed_settings_1.getThemedSettings)(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
+    // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
+    return (0, theming_ramp_1.returnAsSlotProps)((0, foundation_tokens_1.processTokens)(props, theme, settings, options.resolvedTokens, getMemoValue));
 }
 /**
  * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
@@ -54,14 +46,14 @@ function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
  * @param name - optional base name to use as a cache key
  */
 function initializeStyling(options) {
-  // process the tokens and get them ready to render
-  const { styles, slots } = options;
-  options.resolvedTokens = (0, foundation_tokens_1.buildComponentTokens)(styles, _getHasToken(slots));
-  // memo cache root for this component, keyed on options
-  const getMemoValue = (0, framework_base_1.getMemoCache)(options);
-  // create a useStyling implementation for this component type (per type, not per instance)
-  return (props, lookupOverride) => {
-    return useStylingCore(props, options, getMemoValue, lookupOverride);
-  };
+    // process the tokens and get them ready to render
+    const { styles, slots } = options;
+    options.resolvedTokens = (0, foundation_tokens_1.buildComponentTokens)(styles, _getHasToken(slots));
+    // memo cache root for this component, keyed on options
+    const getMemoValue = (0, framework_base_1.getMemoCache)(options);
+    // create a useStyling implementation for this component type (per type, not per instance)
+    return (props, lookupOverride) => {
+        return useStylingCore(props, options, getMemoValue, lookupOverride);
+    };
 }
-//# sourceMappingURL=useStyling.js.map
+//# sourceMappingURL=useStyling.js.map

package/package.json

@@ -1,53 +1,54 @@
 {
   "name": "@uifabricshared/foundation-compose",
-  "version": "1.16.0",
+  "version": "1.16.1",
   "description": "Compose infrastructure",
   "keywords": [],
+  "license": "MIT",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/deprecated/foundation-compose"
   },
-  "license": "MIT",
-  "author": "",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
+    "format": "fluentui-scripts format",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/default-theme": "0.27.0",
-    "@fluentui-react-native/framework-base": "0.3.0",
-    "@fluentui-react-native/theme-types": "0.44.0",
-    "@uifabricshared/foundation-composable": "0.14.0",
-    "@uifabricshared/foundation-settings": "0.16.0",
-    "@uifabricshared/foundation-tokens": "0.16.0",
-    "@uifabricshared/themed-settings": "0.13.0",
-    "@uifabricshared/theming-ramp": "0.21.0"
+    "@fluentui-react-native/default-theme": "0.27.1",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/theme-types": "0.44.1",
+    "@uifabricshared/foundation-composable": "0.14.1",
+    "@uifabricshared/foundation-settings": "0.16.1",
+    "@uifabricshared/foundation-tokens": "0.16.1",
+    "@uifabricshared/themed-settings": "0.13.1",
+    "@uifabricshared/theming-ramp": "0.21.1"
   },
   "devDependencies": {
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@office-iss/react-native-win32": "^0.81.0",
     "@types/react": "~19.1.0",
     "react": "19.1.0",

package/src/compose.types.ts

@@ -97,8 +97,8 @@ export interface IComposeOptions<
   TTokens extends object = object,
   TState extends object = object,
   TStatics extends object = object,
-> extends IComposableDefinition<TProps, TSlotProps, TState>,
-    IStylingSettings<TSlotProps, TTokens> {
+>
+  extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
   /**
    * Add an additional option to use styling to allow for injecting override lookup functions
    */