@fluentui-react-native/framework 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Change Log - @fluentui-react-native/framework
 
+## 0.17.0
+
+### Minor Changes
+
+- e2a4065: rework framework rendering to prepare for new component structure
+
+### Patch Changes
+
+- 801d8b1: Switch to the released typescript 7
+- 5b5afea: Remove depcheck script, allow jest to run tests with platform module suffixes
+- d2690c9: Move theme type definitions into the `@fluentui-react-native/design` package under the new `@fluentui-react-native/design/theming` submodule export. The `@fluentui-react-native/theme-types` package is now a thin compatibility shim that re-exports from `@fluentui-react-native/design/theming`, and all in-repo consumers now reference the new submodule.
+- Updated dependencies [e37b04b]
+- Updated dependencies [01ed385]
+- Updated dependencies [1eef74e]
+- Updated dependencies [801d8b1]
+- Updated dependencies [e2a4065]
+- Updated dependencies [80bf14d]
+- Updated dependencies [b28f021]
+- Updated dependencies [1b45589]
+- Updated dependencies [5b5afea]
+- Updated dependencies [c1de024]
+- Updated dependencies [d2690c9]
+- Updated dependencies [03ba7ef]
+- Updated dependencies [9d2bb3e]
+  - @fluentui-react-native/design@0.2.0
+  - @fluentui-react-native/framework-base@0.5.0
+  - @fluentui-react-native/composition@0.14.0
+  - @fluentui-react-native/use-styling@0.16.0
+  - @fluentui-react-native/default-theme@0.27.6
+  - @fluentui-react-native/use-tokens@0.9.0
+  - @fluentui-react-native/use-slots@0.13.0
+  - @fluentui-react-native/tokens@0.24.6
+
+## 0.16.1
+
+### Patch Changes
+
+- 6c2d6e6: Update packages to esm, with new builds with project references
+- Updated dependencies [6c2d6e6]
+- Updated dependencies [6805bf5]
+  - @fluentui-react-native/composition@0.13.1
+  - @fluentui-react-native/use-styling@0.15.1
+  - @fluentui-react-native/default-theme@0.27.5
+  - @fluentui-react-native/use-tokens@0.8.1
+  - @fluentui-react-native/use-slots@0.12.1
+  - @fluentui-react-native/theme-types@0.44.5
+  - @fluentui-react-native/use-slot@0.8.1
+  - @fluentui-react-native/framework-base@0.4.1
+  - @fluentui-react-native/tokens@0.24.5
+
 ## 0.16.0
 
 ### Minor Changes

package/lib/compose.d.ts

@@ -1,5 +1,5 @@
 import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ObjectBase } from '@fluentui-react-native/framework-base';
 /**
  * This is an object used purely for configuring the typings on composable.  It is not necessary to define

package/lib/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAIxE;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,UAAU;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,eAAe,CAAC,QAAQ,SAAS,UAAU,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE1E,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAEpF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,qBAAqB,CAC1G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,uBAAuB,CACjH,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAIxE;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,UAAU;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,eAAe,CAAC,QAAQ,SAAS,UAAU,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE1E,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAEpF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,qBAAqB,CAC1G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,uBAAuB,CACjH,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}

package/lib/compose.js

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

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,kBAAkB,CAAC;AA8C/C,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;IAErG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}

package/lib/compressible.d.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-import type { StagedRender } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
-import type { UseTokens } from './useTokens.ts';
+import type { UseTokens } from './useTokens';
+import type { LegacyFunctionComponent } from '@fluentui-react-native/framework-base';
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
  * and also have customize functionality.
@@ -9,5 +9,5 @@ import type { UseTokens } from './useTokens.ts';
  * @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>;
+export declare function compressible<TProps, TTokens>(fn: (props: TProps, useTokens: UseTokens<TTokens>) => LegacyFunctionComponent<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
 //# sourceMappingURL=compressible.d.ts.map

package/lib/compressible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,EACxB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}
+{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAEnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAErF;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,uBAAuB,CAAC,MAAM,CAAC,EACrF,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}

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":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAqF,EACrF,SAA6B;IAI7B,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,EAAE,CAAC,KAAe,EAAE,SAAS,CAAC,CAAC;IACnF,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAA6B,CAAC;IAE/E,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"}

package/lib/compressible.test.js

@@ -1,12 +1,11 @@
 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 { mergeStyles, useSlot } 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.js';
-import { buildUseTokens } from './useTokens.js';
+import { compressible } from './compressible';
+import { buildUseTokens } from './useTokens';
 const useVariantTokens = buildUseTokens({
     color: 'black',
     fontSize: 12,

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

@@ -4,22 +4,21 @@ 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 { 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 { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
+export type { RenderType as NativeReactType } 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 { 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 { compose } from './compose.ts';
-export type { ComposableComponent, ComposeOptions, ComposeType, ExtractProps, ExtractSlotProps, ExtractStatics, ExtractTokens, UseSlots, } from './compose.ts';
-export { compressible } from './compressible.ts';
-export { useFluentTheme } from './useFluentTheme.ts';
-export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling.ts';
-export { buildProps, buildUseStyling } from './useStyling.ts';
-export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling.ts';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.ts';
-export type { UseTokens, CustomizableComponent } from './useTokens.ts';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
+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/design/theming';
+export { compose } 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';
+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

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEjG,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC/F,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAEpI,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC7G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjH,YAAY,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEjG,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AACxG,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC7G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9G,YAAY,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -1,14 +1,13 @@
 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 { useSlot } from '@fluentui-react-native/use-slot';
-export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
+export { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
-export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
-export { compose } from './compose.js';
-export { compressible } from './compressible.js';
-export { useFluentTheme } from './useFluentTheme.js';
-export { buildProps, buildUseStyling } from './useStyling.js';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.js';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
+export { compose } from './compose';
+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

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGjG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AAcvC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAU7G,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAgC5E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGjG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AAcvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGxG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAU7G,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAgC/E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/themeHelper.d.ts

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

package/lib/themeHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}
+{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}

package/lib/themeHelper.js

@@ -1,4 +1,4 @@
-import { useFluentTheme } from './useFluentTheme.js';
+import { useFluentTheme } from './useFluentTheme';
 export const themeHelper = {
     useTheme: () => useFluentTheme(),
     getComponentInfo: (theme, name) => {

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,qBAAqB,CAAC;AAErD,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;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF,CAAC"}

package/lib/useFluentTheme.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
  * object is provided for looking up color (and other) theme values

package/lib/useFluentTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGhE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}
+{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAGnE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}

package/lib/useFluentTheme.js

@@ -1,5 +1,5 @@
 import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
-import { useTheme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/design/theming';
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
  * object is provided for looking up color (and other) theme values

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,uCAAuC,CAAC;AAEjE;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,QAAQ,EAAE,IAAI,kBAAkB,CAAC;AAC1C,CAAC"}

package/lib/useStyling.d.ts

@@ -3,7 +3,7 @@
  * as to be dependent on the core theme type
  */
 export type { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 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>;

package/lib/useStyling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}
+{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}

package/lib/useStyling.js

@@ -1,5 +1,5 @@
 import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
-import { themeHelper } from './themeHelper.js';
+import { themeHelper } from './themeHelper';
 export function buildProps(fn, keys) {
     return buildPropsBase(fn, keys);
 }

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,kBAAkB,CAAC;AAI/C,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;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"}

package/lib/useTokens.d.ts

@@ -1,6 +1,6 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
-import type { TokenSettings } from './useStyling.ts';
+import type { TokenSettings } from './useStyling';
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
 export type { CustomizableComponent } from '@fluentui-react-native/use-tokens';

package/lib/useTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}
+{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}

package/lib/useTokens.js

@@ -1,5 +1,5 @@
 import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use-tokens';
-import { themeHelper } from './themeHelper.js';
+import { themeHelper } from './themeHelper';
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 export function buildUseTokens(...tokens) {
     return buildUseTokensCore(themeHelper.getComponentInfo, ...tokens);

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,kBAAkB,CAAC;AAG/C,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;IACzE,OAAO,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;AACrE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/framework",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Component framework used by fluentui react native controls",
   "license": "MIT",
   "author": "",
@@ -22,9 +22,8 @@
     }
   },
   "scripts": {
-    "build": "tsgo -b",
+    "build": "tsc -b",
     "clean": "fluentui-scripts clean",
-    "depcheck": "fluentui-scripts depcheck",
     "format": "fluentui-scripts format",
     "lint": "fluentui-scripts lint",
     "start-test": "fluentui-scripts jest-watch",
@@ -33,15 +32,14 @@
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/composition": "0.13.0",
-    "@fluentui-react-native/default-theme": "0.27.4",
-    "@fluentui-react-native/framework-base": "0.4.0",
-    "@fluentui-react-native/theme-types": "0.44.4",
-    "@fluentui-react-native/tokens": "0.24.4",
-    "@fluentui-react-native/use-slot": "0.8.0",
-    "@fluentui-react-native/use-slots": "0.12.0",
-    "@fluentui-react-native/use-styling": "0.15.0",
-    "@fluentui-react-native/use-tokens": "0.8.0"
+    "@fluentui-react-native/composition": "0.14.0",
+    "@fluentui-react-native/default-theme": "0.27.6",
+    "@fluentui-react-native/design": "0.2.0",
+    "@fluentui-react-native/framework-base": "0.5.0",
+    "@fluentui-react-native/tokens": "0.24.6",
+    "@fluentui-react-native/use-slots": "0.13.0",
+    "@fluentui-react-native/use-styling": "0.16.0",
+    "@fluentui-react-native/use-tokens": "0.9.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
@@ -51,7 +49,7 @@
     "@react-native-community/cli-platform-ios": "^20.0.0",
     "@react-native/babel-preset": "^0.81.0",
     "@react-native/metro-config": "^0.81.0",
-    "@rnx-kit/cli": "^2.0.1",
+    "@rnx-kit/cli": "^2.0.2",
     "@types/react": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
     "react": "19.1.4",

package/src/compose.ts

@@ -1,9 +1,9 @@
 import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
 import { composeFactory } from '@fluentui-react-native/composition';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ObjectBase } from '@fluentui-react-native/framework-base';
 
-import { themeHelper } from './themeHelper.ts';
+import { themeHelper } from './themeHelper';
 
 /**
  * This is an object used purely for configuring the typings on composable.  It is not necessary to define

package/src/compressible.test.tsx

@@ -4,15 +4,14 @@ import { act } from 'react';
 import type { TextProps, TextStyle } from 'react-native';
 import { Text, View } from 'react-native';
 
-import { mergeStyles } from '@fluentui-react-native/framework-base';
-import type { Theme } from '@fluentui-react-native/theme-types';
-import { useSlot } from '@fluentui-react-native/use-slot';
+import { mergeStyles, useSlot } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
 import * as renderer from 'react-test-renderer';
 
-import { compressible } from './compressible.ts';
-import { buildUseTokens } from './useTokens.ts';
-import type { UseTokens } from './useTokens.ts';
+import { compressible } from './compressible';
+import { buildUseTokens } from './useTokens';
+import type { UseTokens } from './useTokens';
 
 type Variant = 'normal' | 'header' | 'caption';
 interface VariantTextTokens {

package/src/compressible.ts

@@ -1,10 +1,10 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-import type { StagedRender } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import { stagedComponent } from '@fluentui-react-native/framework-base';
 import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
 
-import type { TokenSettings } from './useStyling.ts';
-import type { UseTokens } from './useTokens.ts';
+import type { TokenSettings } from './useStyling';
+import type { UseTokens } from './useTokens';
+import type { LegacyFunctionComponent } from '@fluentui-react-native/framework-base';
 
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
@@ -14,13 +14,13 @@ import type { UseTokens } from './useTokens.ts';
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
 export function compressible<TProps, TTokens>(
-  fn: StagedRender<TProps>,
+  fn: (props: TProps, useTokens: UseTokens<TTokens>) => LegacyFunctionComponent<TProps>,
   useTokens: UseTokens<TTokens>,
 ): CustomizableComponent<TProps, TTokens, Theme> {
   type ThisComponent = CustomizableComponent<TProps, TTokens, Theme>;
 
-  const injectedWrapper = (props: TProps) => fn(props, useTokens);
-  const component = stagedComponent(injectedWrapper) as ThisComponent;
+  const injectedWrapper = (props: Partial<TProps>) => fn(props as TProps, useTokens);
+  const component = stagedComponent(injectedWrapper) as unknown as ThisComponent;
 
   component.customize = (...tokens: TokenSettings<TTokens>[]) => {
     const useTokensNew = useTokens.customize(...tokens);

package/src/index.ts

@@ -32,9 +32,8 @@ export type {
   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 { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
+export type { RenderType as NativeReactType } 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';
@@ -49,7 +48,7 @@ export type {
   RecursionOption,
 } from '@fluentui-react-native/framework-base';
 
-export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
 export type {
   AliasColorTokens,
   AppearanceOptions,
@@ -79,9 +78,9 @@ export type {
   Variant,
   VariantValue,
   Variants,
-} from '@fluentui-react-native/theme-types';
+} from '@fluentui-react-native/design/theming';
 
-export { compose } from './compose.ts';
+export { compose } from './compose';
 export type {
   ComposableComponent,
   ComposeOptions,
@@ -91,11 +90,11 @@ export type {
   ExtractStatics,
   ExtractTokens,
   UseSlots,
-} from './compose.ts';
-export { compressible } from './compressible.ts';
-export { useFluentTheme } from './useFluentTheme.ts';
-export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling.ts';
-export { buildProps, buildUseStyling } from './useStyling.ts';
-export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling.ts';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.ts';
-export type { UseTokens, CustomizableComponent } from './useTokens.ts';
+} from './compose';
+export { compressible } from './compressible';
+export { useFluentTheme } from './useFluentTheme';
+export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling';
+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';

package/src/themeHelper.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ThemeHelper } from '@fluentui-react-native/use-styling';
 
-import { useFluentTheme } from './useFluentTheme.ts';
+import { useFluentTheme } from './useFluentTheme';
 
 export const themeHelper: ThemeHelper<Theme> = {
   useTheme: () => useFluentTheme(),

package/src/useFluentTheme.ts

@@ -1,6 +1,6 @@
 import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
-import type { Theme } from '@fluentui-react-native/theme-types';
-import { useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
+import { useTheme } from '@fluentui-react-native/design/theming';
 
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme

package/src/useStyling.ts

@@ -3,7 +3,7 @@
  * as to be dependent on the core theme type
  */
 export type { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type {
   TokensFromTheme as TokensFromThemeBase,
   TokenSettings as TokenSettingsBase,
@@ -13,7 +13,7 @@ import type {
 } from '@fluentui-react-native/use-styling';
 import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
 
-import { themeHelper } from './themeHelper.ts';
+import { themeHelper } from './themeHelper';
 
 export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
 

package/src/useTokens.ts

@@ -1,9 +1,9 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
 import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use-tokens';
 
-import { themeHelper } from './themeHelper.ts';
-import type { TokenSettings } from './useStyling.ts';
+import { themeHelper } from './themeHelper';
+import type { TokenSettings } from './useStyling';
 
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';