@fluentui-react-native/framework 0.15.3 → 0.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/framework",
-  "version": "0.15.3",
+  "version": "0.16.1",
   "description": "Component framework used by fluentui react native controls",
   "license": "MIT",
   "author": "",
@@ -9,55 +9,49 @@
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/framework/framework"
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
+  "type": "module",
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
   "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
+      "react-native": "./src/index.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
       "default": "./src/index.ts"
     }
   },
   "scripts": {
-    "build": "fluentui-scripts build",
-    "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build": "tsgo -b",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "format": "fluentui-scripts format",
     "lint": "fluentui-scripts lint",
-    "lint-package": "fluentui-scripts lint-package",
     "start-test": "fluentui-scripts jest-watch",
     "start:tester": "rnx-cli start",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/composition": "0.12.3",
-    "@fluentui-react-native/default-theme": "0.27.3",
-    "@fluentui-react-native/framework-base": "0.3.3",
-    "@fluentui-react-native/theme-types": "0.44.3",
-    "@fluentui-react-native/tokens": "0.24.3",
-    "@fluentui-react-native/use-slot": "0.7.3",
-    "@fluentui-react-native/use-slots": "0.11.3",
-    "@fluentui-react-native/use-styling": "0.14.3",
-    "@fluentui-react-native/use-tokens": "0.7.3"
+    "@fluentui-react-native/composition": "0.13.1",
+    "@fluentui-react-native/default-theme": "0.27.5",
+    "@fluentui-react-native/framework-base": "0.4.1",
+    "@fluentui-react-native/theme-types": "0.44.5",
+    "@fluentui-react-native/tokens": "0.24.5",
+    "@fluentui-react-native/use-slot": "0.8.1",
+    "@fluentui-react-native/use-slots": "0.12.1",
+    "@fluentui-react-native/use-styling": "0.15.1",
+    "@fluentui-react-native/use-tokens": "0.8.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.0",
-    "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/lint-config-rules": "0.1.3",
     "@fluentui-react-native/scripts": "0.1.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",
     "@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": "^1.1.0",
+    "@rnx-kit/cli": "^2.0.1",
     "@types/react": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
     "react": "19.1.4",
@@ -67,7 +61,7 @@
     "react-test-renderer": "19.1.4"
   },
   "peerDependencies": {
-    "@office-iss/react-native-win32": "^0.74.0",
+    "@office-iss/react-native-win32": "^0.74.0 || ^0.81.0",
     "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
     "react": "18.2.0 || 19.0.0 || 19.1.4",
     "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
@@ -88,6 +82,9 @@
       "optional": true
     }
   },
+  "furn": {
+    "jestPlatform": "android"
+  },
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
@@ -99,11 +96,9 @@
         "core-macos",
         "core-windows",
         "react",
-        "react-test-renderer",
-        "tools-core",
-        "tools-jest"
+        "react-test-renderer"
       ]
     },
-    "extends": "@fluentui-react-native/kit-config"
+    "extends": "@fluentui-react-native/scripts/kit-config"
   }
 }

package/src/compose.ts

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

package/src/compressible.test.tsx

@@ -10,9 +10,9 @@ import { useSlot } from '@fluentui-react-native/use-slot';
 import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
 import * as renderer from 'react-test-renderer';
 
-import { compressible } from './compressible';
-import { buildUseTokens } from './useTokens';
-import type { UseTokens } from './useTokens';
+import { compressible } from './compressible.ts';
+import { buildUseTokens } from './useTokens.ts';
+import type { UseTokens } from './useTokens.ts';
 
 type Variant = 'normal' | 'header' | 'caption';
 interface VariantTextTokens {

package/src/compressible.ts

@@ -3,8 +3,8 @@ import type { StagedRender } from '@fluentui-react-native/framework-base';
 import { stagedComponent } from '@fluentui-react-native/framework-base';
 import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
 
-import type { TokenSettings } from './useStyling';
-import type { UseTokens } from './useTokens';
+import type { TokenSettings } from './useStyling.ts';
+import type { UseTokens } from './useTokens.ts';
 
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),

package/src/index.ts

@@ -81,7 +81,7 @@ export type {
   Variants,
 } from '@fluentui-react-native/theme-types';
 
-export { compose } from './compose';
+export { compose } from './compose.ts';
 export type {
   ComposableComponent,
   ComposeOptions,
@@ -91,11 +91,11 @@ export type {
   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';
+} 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';

package/src/themeHelper.ts

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

package/src/useStyling.ts

@@ -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';
+import { themeHelper } from './themeHelper.ts';
 
 export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
 

package/src/useTokens.ts

@@ -2,8 +2,8 @@ import type { Theme } from '@fluentui-react-native/theme-types';
 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';
-import type { TokenSettings } from './useStyling';
+import { themeHelper } from './themeHelper.ts';
+import type { TokenSettings } from './useStyling.ts';
 
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 

package/babel.config.js

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

package/lib-commonjs/compose.d.ts

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

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

@@ -1 +0,0 @@
-{"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"}

package/lib-commonjs/compose.js

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

package/lib-commonjs/compose.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":";;;AACA,oEAAoE;AAIpE,+CAA4C;AA8C5C,iBACE,OAAkG,EAClG,IAAqG,EACL;IAChG,OAAO,IAAA,4BAAc,EAAC,OAAO,EAAE,yBAAW,EAAE,IAAI,CAAC,CAAC;AAAA,CACnD"}

package/lib-commonjs/compressible.d.ts

@@ -1,13 +0,0 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-import type { StagedRender } from '@fluentui-react-native/framework-base';
-import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
-import type { UseTokens } from './useTokens';
-/**
- * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
- * and also have customize functionality.
- * @param fn StagedRender function that defines your component
- * @param useTokens a hook function to build a set of tokens from a passed in theme as well as a cache object
- * @returns A tree compressed function component with the `.customize` method exposed to it
- */
-export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
-//# sourceMappingURL=compressible.d.ts.map

package/lib-commonjs/compressible.d.ts.map

@@ -1 +0,0 @@
-{"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,aAAa,CAAC;AAE7C;;;;;;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"}

package/lib-commonjs/compressible.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compressible = compressible;
-const framework_base_1 = require("@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.
- * @param fn StagedRender function that defines your component
- * @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
- */
-function compressible(fn, useTokens) {
-    const injectedWrapper = (props) => fn(props, useTokens);
-    const component = (0, framework_base_1.stagedComponent)(injectedWrapper);
-    component.customize = (...tokens) => {
-        const useTokensNew = useTokens.customize(...tokens);
-        return compressible(fn, useTokensNew);
-    };
-    return component;
-}
-//# sourceMappingURL=compressible.js.map

package/lib-commonjs/compressible.js.map

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

package/lib-commonjs/compressible.test.d.ts

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

package/lib-commonjs/compressible.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compressible.test.d.ts","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":""}

package/lib-commonjs/compressible.test.js

@@ -1,117 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const framework_base_1 = require("@fluentui-react-native/framework-base");
-const use_slot_1 = require("@fluentui-react-native/use-slot");
-const use_tokens_1 = require("@fluentui-react-native/use-tokens");
-const renderer = __importStar(require("react-test-renderer"));
-const compressible_1 = require("./compressible");
-const useTokens_1 = require("./useTokens");
-const useVariantTokens = (0, useTokens_1.buildUseTokens)({
-    color: 'black',
-    fontSize: 12,
-    fontWeight: '500',
-    defaultType: 'normal',
-    header: {
-        color: 'blue',
-        fontSize: 16,
-        fontWeight: '700',
-    },
-    caption: {
-        color: 'gray',
-        fontWeight: '300',
-    },
-});
-const VariantText = (0, compressible_1.compressible)((props, useTokens) => {
-    // fake theme here
-    const theme = {};
-    // get the tokens
-    let [tokens, cache] = useTokens(theme);
-    // split the props, defaulting the variant type to the default type from the tokens
-    const { variant = tokens.defaultType, style, ...rest } = props;
-    // now apply the alternate layer tokens as appropriate
-    [tokens, cache] = (0, use_tokens_1.applyTokenLayers)(tokens, ['normal', 'header', 'caption'], cache, (layer) => layer === variant);
-    // merge styles together with what is passed in
-    const mergedStyle = (0, framework_base_1.mergeStyles)({ color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight }, style);
-    // now get the slot
-    const InnerText = (0, use_slot_1.useSlot)(react_native_1.Text, { ...rest, style: mergedStyle });
-    return (extra, children) => {
-        return jsx_runtime_1.jsx(InnerText, { ...extra, children: children });
-    };
-}, useVariantTokens);
-const SuperHeader = VariantText.customize({ header: { fontSize: 24, color: 'purple' } });
-const useLabelTokens = (0, useTokens_1.buildUseTokens)({
-    headerVariant: 'header',
-    captionVariant: 'caption',
-});
-const Label = (0, compressible_1.compressible)((props, useTokens) => {
-    const theme = {};
-    const [tokens] = useTokens(theme);
-    const { headerText, captionText, headerSlot, captionSlot } = props;
-    const Header = (0, use_slot_1.useSlot)(headerSlot || VariantText, { variant: tokens.headerVariant });
-    const Caption = (0, use_slot_1.useSlot)(captionSlot || VariantText, { variant: tokens.captionVariant });
-    return () => {
-        if (captionText) {
-            return (jsx_runtime_1.jsxs(react_native_1.View, { children: [
-                    jsx_runtime_1.jsx(Header, { children: headerText }), jsx_runtime_1.jsx(Caption, { children: captionText })
-                ] }));
-        }
-        return jsx_runtime_1.jsx(Header, { children: headerText });
-    };
-}, useLabelTokens);
-describe('compressible tests', () => {
-    it('Two labels, one with caption and one without', () => {
-        let component;
-        (0, react_1.act)(() => {
-            component = renderer.create(jsx_runtime_1.jsxs(react_native_1.View, { children: [
-                    jsx_runtime_1.jsx(Label, { headerText: "Header1" }), jsx_runtime_1.jsx(Label, { headerText: "Header2", captionText: "Caption2" })
-                ] }));
-        });
-        expect(component.toJSON()).toMatchSnapshot();
-    });
-    it('Two labels, one plugging in SuperHeader instead', () => {
-        let component;
-        (0, react_1.act)(() => {
-            component = renderer.create(jsx_runtime_1.jsxs(react_native_1.View, { children: [
-                    jsx_runtime_1.jsx(Label, { headerText: "Super Header", headerSlot: SuperHeader, captionText: "Normal caption" }), jsx_runtime_1.jsx(Label, { headerText: "Normal Header", captionText: "Another normal caption" })
-                ] }));
-        });
-        expect(component.toJSON()).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=compressible.test.js.map

package/lib-commonjs/compressible.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iCAA4B;AAE5B,+CAA0C;AAE1C,0EAAoE;AAEpE,8DAA0D;AAC1D,kEAAqE;AACrE,MAAY,QAAQ,gDAA4B;AAEhD,iDAA8C;AAC9C,2CAA6C;AAe7C,MAAM,gBAAgB,GAAG,IAAA,0BAAc,EAAoB;IACzD,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,2BAAY,EAC9B,CAAC,KAAuB,EAAE,SAAuC,EAAE,EAAE,CAAC;IACpE,kBAAkB;IAClB,MAAM,KAAK,GAAU,EAAW,CAAC;IACjC,iBAAiB;IACjB,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACvC,mFAAmF;IACnF,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,sDAAsD;IACtD,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAA,6BAAgB,EAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC;IACjH,+CAA+C;IAC/C,MAAM,WAAW,GAAG,IAAA,4BAAW,EAAY,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,KAAK,CAAC,CAAC;IACrI,mBAAmB;IACnB,MAAM,SAAS,GAAG,IAAA,kBAAO,EAAY,mBAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IAE5E,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE,CAAC;QAC7D,OAAO,kBAAC,SAAS,OAAK,KAAK,YAAG,QAAQ,GAAa,CAAC;IAAA,CACrD,CAAC;AAAA,CACH,EACD,gBAAgB,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;AAczF,MAAM,cAAc,GAAG,IAAA,0BAAc,EAAc;IACjD,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,IAAA,2BAAY,EAA0B,CAAC,KAAiB,EAAE,SAAiC,EAAE,EAAE,CAAC;IAC5G,MAAM,KAAK,GAAU,EAAW,CAAC;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,MAAM,GAAG,IAAA,kBAAO,EAAmB,UAAU,IAAI,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;IACvG,MAAM,OAAO,GAAG,IAAA,kBAAO,EAAmB,WAAW,IAAI,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC1G,OAAO,GAAG,EAAE,CAAC;QACX,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,mBAAC,mBAAI;oBACH,kBAAC,MAAM,cAAE,UAAU,GAAU,EAC7B,kBAAC,OAAO,cAAE,WAAW,GAAW;oBAC3B,CACR,CAAC;QACJ,CAAC;QACD,OAAO,kBAAC,MAAM,cAAE,UAAU,GAAU,CAAC;IAAA,CACtC,CAAC;AAAA,CACH,EAAE,cAAc,CAAC,CAAC;AAEnB,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE,CAAC;IACnC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE,CAAC;QACvD,IAAI,SAAqC,CAAC;QAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,mBAAC,mBAAI;oBACH,kBAAC,KAAK,IAAC,UAAU,EAAC,SAAS,GAAG,EAC9B,kBAAC,KAAK,IAAC,UAAU,EAAC,SAAS,EAAC,WAAW,EAAC,UAAU,GAAG;oBAChD,CACR,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE,CAAC;QAC1D,IAAI,SAAqC,CAAC;QAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,mBAAC,mBAAI;oBACH,kBAAC,KAAK,IAAC,UAAU,EAAC,cAAc,EAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAC,gBAAgB,GAAG,EACzF,kBAAC,KAAK,IAAC,UAAU,EAAC,eAAe,EAAC,WAAW,EAAC,wBAAwB,GAAG;oBACpE,CACR,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAC/C,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,25 +0,0 @@
-export type { GetMemoValue, GetTypedMemoValue } from '@fluentui-react-native/framework-base';
-export { getMemoCache, getTypedMemoCache, memoize } from '@fluentui-react-native/framework-base';
-export type { StyleProp } from '@fluentui-react-native/framework-base';
-export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
-export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
-export type { FontStyleTokens, FontTokens, FontVariantTokens, IBackgroundColorTokens, IBorderTokens, IColorTokens, IForegroundColorTokens, IShadowTokens, LayoutTokens, TokenBuilder, } from '@fluentui-react-native/tokens';
-export { useSlot } from '@fluentui-react-native/use-slot';
-export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
-export type { ComposableFunction, FinalRender, NativeReactType, SlotFn, StagedRender } from '@fluentui-react-native/framework-base';
-export { buildUseSlots } from '@fluentui-react-native/use-slots';
-export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from '@fluentui-react-native/use-slots';
-export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
-export type { BuiltinRecursionHandlers, CustomRecursionHandler, MergeOptions, ObjectBase, RecursionHandler, RecursionOption, } from '@fluentui-react-native/framework-base';
-export { 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';
-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-commonjs/index.d.ts.map

@@ -1 +0,0 @@
-{"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,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-commonjs/index.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.patchTokens = exports.customizable = exports.buildUseTokens = exports.applyTokenLayers = exports.applyPropsToTokens = exports.buildUseStyling = exports.buildProps = exports.useFluentTheme = exports.compressible = exports.compose = exports.useTheme = exports.ThemeContext = exports.processImmutable = exports.immutableMergeCore = exports.immutableMerge = exports.buildUseSlots = exports.withSlots = exports.stagedComponent = exports.renderSlot = exports.useSlot = exports.tokenBuilder = exports.textTokens = exports.shadowTokens = exports.shadowStyles = exports.layoutTokens = exports.layoutStyles = exports.getPaletteFromTheme = exports.foregroundColorTokens = exports.fontStyles = exports.colorTokens = exports.borderTokens = exports.borderStyles = exports.backgroundColorTokens = exports.mergeStyles = exports.mergeProps = exports.memoize = exports.getTypedMemoCache = exports.getMemoCache = void 0;
-const framework_base_1 = require("@fluentui-react-native/framework-base");
-Object.defineProperty(exports, "getMemoCache", { enumerable: true, get: function () { return framework_base_1.getMemoCache; } });
-Object.defineProperty(exports, "getTypedMemoCache", { enumerable: true, get: function () { return framework_base_1.getTypedMemoCache; } });
-Object.defineProperty(exports, "memoize", { enumerable: true, get: function () { return framework_base_1.memoize; } });
-const framework_base_2 = require("@fluentui-react-native/framework-base");
-Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return framework_base_2.mergeProps; } });
-Object.defineProperty(exports, "mergeStyles", { enumerable: true, get: function () { return framework_base_2.mergeStyles; } });
-const tokens_1 = require("@fluentui-react-native/tokens");
-Object.defineProperty(exports, "backgroundColorTokens", { enumerable: true, get: function () { return tokens_1.backgroundColorTokens; } });
-Object.defineProperty(exports, "borderStyles", { enumerable: true, get: function () { return tokens_1.borderStyles; } });
-Object.defineProperty(exports, "borderTokens", { enumerable: true, get: function () { return tokens_1.borderTokens; } });
-Object.defineProperty(exports, "colorTokens", { enumerable: true, get: function () { return tokens_1.colorTokens; } });
-Object.defineProperty(exports, "fontStyles", { enumerable: true, get: function () { return tokens_1.fontStyles; } });
-Object.defineProperty(exports, "foregroundColorTokens", { enumerable: true, get: function () { return tokens_1.foregroundColorTokens; } });
-Object.defineProperty(exports, "getPaletteFromTheme", { enumerable: true, get: function () { return tokens_1.getPaletteFromTheme; } });
-Object.defineProperty(exports, "layoutStyles", { enumerable: true, get: function () { return tokens_1.layoutStyles; } });
-Object.defineProperty(exports, "layoutTokens", { enumerable: true, get: function () { return tokens_1.layoutTokens; } });
-Object.defineProperty(exports, "shadowStyles", { enumerable: true, get: function () { return tokens_1.shadowStyles; } });
-Object.defineProperty(exports, "shadowTokens", { enumerable: true, get: function () { return tokens_1.shadowTokens; } });
-Object.defineProperty(exports, "textTokens", { enumerable: true, get: function () { return tokens_1.textTokens; } });
-Object.defineProperty(exports, "tokenBuilder", { enumerable: true, get: function () { return tokens_1.tokenBuilder; } });
-const use_slot_1 = require("@fluentui-react-native/use-slot");
-Object.defineProperty(exports, "useSlot", { enumerable: true, get: function () { return use_slot_1.useSlot; } });
-const framework_base_3 = require("@fluentui-react-native/framework-base");
-Object.defineProperty(exports, "renderSlot", { enumerable: true, get: function () { return framework_base_3.renderSlot; } });
-Object.defineProperty(exports, "stagedComponent", { enumerable: true, get: function () { return framework_base_3.stagedComponent; } });
-Object.defineProperty(exports, "withSlots", { enumerable: true, get: function () { return framework_base_3.withSlots; } });
-const use_slots_1 = require("@fluentui-react-native/use-slots");
-Object.defineProperty(exports, "buildUseSlots", { enumerable: true, get: function () { return use_slots_1.buildUseSlots; } });
-const framework_base_4 = require("@fluentui-react-native/framework-base");
-Object.defineProperty(exports, "immutableMerge", { enumerable: true, get: function () { return framework_base_4.immutableMerge; } });
-Object.defineProperty(exports, "immutableMergeCore", { enumerable: true, get: function () { return framework_base_4.immutableMergeCore; } });
-Object.defineProperty(exports, "processImmutable", { enumerable: true, get: function () { return framework_base_4.processImmutable; } });
-const theme_types_1 = require("@fluentui-react-native/theme-types");
-Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return theme_types_1.ThemeContext; } });
-Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_types_1.useTheme; } });
-const compose_1 = require("./compose");
-Object.defineProperty(exports, "compose", { enumerable: true, get: function () { return compose_1.compose; } });
-const compressible_1 = require("./compressible");
-Object.defineProperty(exports, "compressible", { enumerable: true, get: function () { return compressible_1.compressible; } });
-const useFluentTheme_1 = require("./useFluentTheme");
-Object.defineProperty(exports, "useFluentTheme", { enumerable: true, get: function () { return useFluentTheme_1.useFluentTheme; } });
-const useStyling_1 = require("./useStyling");
-Object.defineProperty(exports, "buildProps", { enumerable: true, get: function () { return useStyling_1.buildProps; } });
-Object.defineProperty(exports, "buildUseStyling", { enumerable: true, get: function () { return useStyling_1.buildUseStyling; } });
-const useTokens_1 = require("./useTokens");
-Object.defineProperty(exports, "applyPropsToTokens", { enumerable: true, get: function () { return useTokens_1.applyPropsToTokens; } });
-Object.defineProperty(exports, "applyTokenLayers", { enumerable: true, get: function () { return useTokens_1.applyTokenLayers; } });
-Object.defineProperty(exports, "buildUseTokens", { enumerable: true, get: function () { return useTokens_1.buildUseTokens; } });
-Object.defineProperty(exports, "customizable", { enumerable: true, get: function () { return useTokens_1.customizable; } });
-Object.defineProperty(exports, "patchTokens", { enumerable: true, get: function () { return useTokens_1.patchTokens; } });
-//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,0EAAiG;AAAxF,8GAAA,YAAY,OAAA;AAAE,mHAAA,iBAAiB,OAAA;AAAE,yGAAA,OAAO,OAAA;AAGjD,0EAAgF;AAAvE,4GAAA,UAAU,OAAA;AAAE,6GAAA,WAAW,OAAA;AAEhC,0DAcuC;AAbrC,+GAAA,qBAAqB,OAAA;AACrB,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AACZ,qGAAA,WAAW,OAAA;AACX,oGAAA,UAAU,OAAA;AACV,+GAAA,qBAAqB,OAAA;AACrB,6GAAA,mBAAmB,OAAA;AACnB,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AACZ,oGAAA,UAAU,OAAA;AACV,sGAAA,YAAY,OAAA;AAed,8DAA0D;AAAjD,mGAAA,OAAO,OAAA;AAChB,0EAA+F;AAAtF,4GAAA,UAAU,OAAA;AAAE,iHAAA,eAAe,OAAA;AAAE,2GAAA,SAAS,OAAA;AAG/C,gEAAiE;AAAxD,0GAAA,aAAa,OAAA;AAGtB,0EAA6G;AAApG,gHAAA,cAAc,OAAA;AAAE,oHAAA,kBAAkB,OAAA;AAAE,kHAAA,gBAAgB,OAAA;AAU7D,oEAA4E;AAAnE,2GAAA,YAAY,OAAA;AAAE,uGAAA,QAAQ,OAAA;AAgC/B,uCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAWhB,iDAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,qDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,6CAA2D;AAAlD,wGAAA,UAAU,OAAA;AAAE,6GAAA,eAAe,OAAA;AAEpC,2CAA8G;AAArG,+GAAA,kBAAkB,OAAA;AAAE,6GAAA,gBAAgB,OAAA;AAAE,2GAAA,cAAc,OAAA;AAAE,yGAAA,YAAY,OAAA;AAAE,wGAAA,WAAW,OAAA"}

package/lib-commonjs/themeHelper.d.ts

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

package/lib-commonjs/themeHelper.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib-commonjs/themeHelper.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeHelper = void 0;
-const useFluentTheme_1 = require("./useFluentTheme");
-exports.themeHelper = {
-    useTheme: () => (0, useFluentTheme_1.useFluentTheme)(),
-    getComponentInfo: (theme, name) => {
-        const components = theme.components || {};
-        return components[name];
-    },
-};
-//# sourceMappingURL=themeHelper.js.map

package/lib-commonjs/themeHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeHelper.js","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":";;;AAGA,qDAAkD;AAErC,QAAA,WAAW,GAAuB;IAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,+BAAc,GAAE;IAChC,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE,CAAC;QAChD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAAA,CACzB;CACF,CAAC"}

package/lib-commonjs/useFluentTheme.d.ts

@@ -1,8 +0,0 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-/**
- * 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
- * @returns - a valid Theme object
- */
-export declare function useFluentTheme(): Theme;
-//# sourceMappingURL=useFluentTheme.d.ts.map

package/lib-commonjs/useFluentTheme.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib-commonjs/useFluentTheme.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFluentTheme = useFluentTheme;
-const default_theme_1 = require("@fluentui-react-native/default-theme");
-const theme_types_1 = require("@fluentui-react-native/theme-types");
-/**
- * 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
- * @returns - a valid Theme object
- */
-function useFluentTheme() {
-    return (0, theme_types_1.useTheme)() || default_theme_1.defaultFluentTheme;
-}
-//# sourceMappingURL=useFluentTheme.js.map

package/lib-commonjs/useFluentTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":";;;AAAA,wEAA0E;AAE1E,oEAA8D;AAE9D;;;;GAIG;AACH,0BAAwC;IACtC,OAAO,IAAA,sBAAQ,GAAE,IAAI,kCAAkB,CAAC;AAAA,CACzC"}