@fluentui-react-native/use-tokens 0.1.6

package/lib-commonjs/applyPropsToTokens.test.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var applyPropsToTokens_1 = require("./applyPropsToTokens");
+var memo_cache_1 = require("@fluentui-react-native/memo-cache");
+var tokenProps = ['dos', 'quatro', 'cinco'];
+var themeTokens = {
+    uno: 'uno',
+    dos: 'dos',
+    tres: 3,
+    quatro: 4,
+    cinco: true,
+};
+var props1 = { dos: 'two', quatro: 'four', cinco: false, foo: 'foo', bar: 'bar' };
+// const props2: Props = { dos: 'two' };
+// const props3: Props = { foo: 'foo', bar: 'bar' };
+describe('applyPropsToTokens tests', function () {
+    test('props get copied', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var tokens = applyPropsToTokens_1.applyPropsToTokens(props1, themeTokens, cache, tokenProps)[0];
+        expect(tokens).not.toBe(themeTokens);
+        for (var _i = 0, tokenProps_1 = tokenProps; _i < tokenProps_1.length; _i++) {
+            var key = tokenProps_1[_i];
+            expect(tokens[key]).toEqual(props1[key]);
+        }
+    });
+    test('no copied props does not change tokens', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var tokens = applyPropsToTokens_1.applyPropsToTokens({}, themeTokens, cache, tokenProps)[0];
+        expect(tokens).toBe(themeTokens);
+    });
+});
+//# sourceMappingURL=applyPropsToTokens.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":";;AAAA,2DAA0D;AAC1D,gEAAiE;AAWjE,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,IAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QACtB,IAAA,2FAAM,CAA+D;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAkB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAAzB,IAAM,GAAG,mBAAA;YACZ,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QACtB,IAAA,uFAAM,CAA2D;QACxE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/applyTokenLayers.d.ts

@@ -0,0 +1,16 @@
+import { GetMemoValue } from '@fluentui-react-native/memo-cache';
+/**
+ * alternatively look them up with a passed in function
+ */
+export declare type HasLayer = (name: string) => boolean;
+/**
+ * Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
+ * values
+ *
+ * @param tokens - input tokens which may have layers to apply
+ * @param states - array of states to check for, ordered by precedence
+ * @param subCache - cache scoped to the root object with no layers applied
+ * @param hasLayer - a function which returns whether a given layer should be applied
+ */
+export declare function applyTokenLayers<TTokens>(tokens: TTokens, states: string[], subCache: GetMemoValue<TTokens>, hasLayer: HasLayer): [TTokens, GetMemoValue<TTokens>];
+//# sourceMappingURL=applyTokenLayers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTokenLayers.d.ts","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE;;GAEG;AACH,oBAAY,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAEjD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EACtC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,MAAM,EAAE,EAChB,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,EAC/B,QAAQ,EAAE,QAAQ,GACjB,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAiBlC"}

package/lib-commonjs/applyTokenLayers.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+/**
+ * Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
+ * values
+ *
+ * @param tokens - input tokens which may have layers to apply
+ * @param states - array of states to check for, ordered by precedence
+ * @param subCache - cache scoped to the root object with no layers applied
+ * @param hasLayer - a function which returns whether a given layer should be applied
+ */
+function applyTokenLayers(tokens, states, subCache, hasLayer) {
+    var final = { tokens: tokens, subCache: subCache };
+    if (states && states.length > 0) {
+        // now walk the overrides that are set, merging in props, caching results, and getting a new sub cache
+        final = states
+            .filter(function (val) { return hasLayer(val); })
+            .reduce(function (previous, layerName) {
+            var layer = previous.tokens[layerName];
+            var _a = previous.subCache(function () { return (layer && typeof layer === 'object' ? immutable_merge_1.immutableMerge(previous.tokens, layer) : previous.tokens); }, [layer]), tokens = _a[0], subCache = _a[1];
+            return { tokens: tokens, subCache: subCache };
+        }, final);
+    }
+    return [final.tokens, final.subCache];
+}
+exports.applyTokenLayers = applyTokenLayers;
+//# sourceMappingURL=applyTokenLayers.js.map

package/lib-commonjs/applyTokenLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":";;AACA,0EAAwE;AAOxE;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,CAAC;aAC9B,MAAM,CAAC,UAAC,QAAwB,EAAE,SAAiB;YAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,0KAGL,EAHM,cAAM,EAAE,gBAGd,CAAC;YACF,OAAO,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;KACb;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxC,CAAC;AAtBD,4CAsBC"}

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

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

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

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

package/lib-commonjs/applyTokenLayers.test.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var applyTokenLayers_1 = require("./applyTokenLayers");
+var memo_cache_1 = require("@fluentui-react-native/memo-cache");
+var stateOrder = ['hover', 'press', 'disabled'];
+var tokens1 = {
+    a: 'a',
+    b: 'b',
+    c: 'c',
+    hover: {
+        a: 'a-hover',
+        b: 'b-hover',
+        press: {
+            a: 'a-hover-press',
+        },
+    },
+    press: {
+        a: 'a-press',
+        b: 'b-press',
+    },
+    disabled: {
+        a: 'disabled',
+        b: 'disabled',
+        c: 'disabled',
+    },
+};
+function stripLayers(tokens) {
+    var t = __assign({}, tokens);
+    delete t.hover;
+    delete t.press;
+    delete t.disabled;
+    return t;
+}
+describe('applyLayers tests', function () {
+    test('no layers returns tokens', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var tokens = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, function () { return false; })[0];
+        expect(tokens).toBe(tokens1);
+    });
+    test('apply hover works', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var lookup = function (layer) { return layer === 'hover'; };
+        var result1 = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
+        expect(applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
+        expect(stripLayers(result1)).toEqual({ a: 'a-hover', b: 'b-hover', c: 'c' });
+    });
+    test('apply hover and press layer correctly', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var lookup = function (layer) { return layer === 'hover' || layer === 'press'; };
+        var result1 = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
+        expect(applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
+        expect(stripLayers(result1)).toEqual({ a: 'a-hover-press', b: 'b-press', c: 'c' });
+    });
+});
+//# sourceMappingURL=applyTokenLayers.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,uDAAsD;AACtD,gEAAiE;AAWjE,IAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,IAAM,OAAO,GAAW;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,KAAK,EAAE;YACL,CAAC,EAAE,eAAe;SACnB;KACF;IACD,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb;IACD,QAAQ,EAAE;QACR,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd;CACF,CAAC;AAEF,SAAS,WAAW,CAAC,MAAc;IACjC,IAAM,CAAC,gBAAQ,MAAM,CAAE,CAAC;IACxB,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,QAAQ,CAAC;IAClB,OAAO,CAAC,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,mCAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE;QACxB,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,EAAjB,CAAiB,CAAC;QAC5C,IAAM,OAAO,GAAG,mCAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,mCAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE;QAC5C,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,EAAtC,CAAsC,CAAC;QACjE,IAAM,OAAO,GAAG,mCAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,mCAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/buildUseTokens.d.ts

@@ -0,0 +1,35 @@
+import { GetMemoValue } from '@fluentui-react-native/memo-cache';
+/** A function to generate tokens based on a theme */
+export declare type TokensFromTheme<TTokens, TTheme> = (theme: TTheme) => TTokens;
+/**
+ * Types of tokens, can be:
+ * - string - will lookup the name in the theme
+ * - Tokens - will merge the tokens in directly
+ * - Function - will run against the theme once for each unique theme encountered
+ */
+export declare type TokenSettings<TTokens, TTheme> = string | TTokens | TokensFromTheme<TTokens, TTheme>;
+/**
+ * The main signature of a useTokens hook is to take the theme and produce a set of resolved tokens,
+ * as well as a sub-cache, specific to this particular theme, that can be used for caching various styles
+ * or values that are theme specific
+ */
+export declare type UseTokensCore<TTokens, TTheme> = (theme: TTheme) => [TTokens, GetMemoValue<TTokens>];
+/**
+ * The full signature also includes a customize function that returns an updated version of useTokens
+ * that captures both the previous values, and layers in the new values specified
+ */
+export declare type UseTokens<TTokens, TTheme> = UseTokensCore<TTokens, TTheme> & {
+    customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => UseTokens<TTokens, TTheme>;
+};
+/**
+ * Helper function that knows how to try to look up token information from the theme
+ */
+export declare type GetComponentInfo<TTokens, TTheme> = (theme: TTheme, name: string) => TTokens | TokensFromTheme<TTokens, TTheme>;
+/**
+ * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
+ *
+ * @param options - options which drive behavior for the generated styling hook
+ * @param themeHelper - injected theme functionality
+ */
+export declare function buildUseTokens<TTokens, TTheme>(getComponentInfo: GetComponentInfo<TTokens, TTheme> | undefined, ...tokens: TokenSettings<TTokens, TTheme>[]): UseTokens<TTokens, TTheme>;
+//# sourceMappingURL=buildUseTokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildUseTokens.d.ts","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG/E,qDAAqD;AACrD,oBAAY,eAAe,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAE1E;;;;;GAKG;AACH,oBAAY,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAEjG;;;;GAIG;AACH,oBAAY,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjG;;;GAGG;AACH,oBAAY,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG;IACxE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACxF,CAAC;AAEF;;GAEG;AACH,oBAAY,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AA6B5H;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAC5C,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,SAAS,EAC/D,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,GAC1C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAkB5B"}

package/lib-commonjs/buildUseTokens.js

@@ -0,0 +1,65 @@
+"use strict";
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var memo_cache_1 = require("@fluentui-react-native/memo-cache");
+var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+/**
+ * Tokens are defined as either:
+ *   TTokens     - an object
+ *   string      - a name to look up in the theme
+ *   function    - a function to run against the theme to produce tokens
+ *
+ * This function maps any of these types into a specific TTokens object.  A string is first lookup up in the theme, returning a function
+ * or object. If the type is a function this will be invoked with the theme to generate the tokens object.
+ *
+ * @param tokenEntry - token entry to start with
+ * @param theme - theme to use for queries
+ * @param getComponentInfo - helper to use to lookup the component in the theme
+ */
+function mapToTokens(tokenEntry, theme, getComponentInfo) {
+    if (typeof tokenEntry === 'string') {
+        tokenEntry = (getComponentInfo && getComponentInfo(theme, tokenEntry)) || {};
+    }
+    if (typeof tokenEntry === 'function') {
+        tokenEntry = tokenEntry(theme);
+    }
+    return tokenEntry;
+}
+/**
+ * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
+ *
+ * @param options - options which drive behavior for the generated styling hook
+ * @param themeHelper - injected theme functionality
+ */
+function buildUseTokens(getComponentInfo) {
+    var tokens = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        tokens[_i - 1] = arguments[_i];
+    }
+    // create a cache instance for use in this particular call to buildUseTokens
+    var cache = memo_cache_1.getMemoCache();
+    // the core function simply merges layers together, looking up component definitions in the theme as well as executing any
+    // theme functions. This turns the tokens into an array of token objects that then get merged together
+    var useTokensCore = function (theme) {
+        // get the base styles all merged together, these will only depend on internal tokens and theme
+        return cache(function () { return immutable_merge_1.immutableMerge.apply(void 0, tokens.map(function (value) { return mapToTokens(value, theme, getComponentInfo); })); }, [theme]);
+    };
+    // attach a customize function to generate a new use
+    useTokensCore.customize = function () {
+        var newTokens = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            newTokens[_i] = arguments[_i];
+        }
+        var mergedTokens = __spreadArrays(tokens, newTokens);
+        return buildUseTokens.apply(void 0, __spreadArrays([getComponentInfo], mergedTokens));
+    };
+    return useTokensCore;
+}
+exports.buildUseTokens = buildUseTokens;
+//# sourceMappingURL=buildUseTokens.js.map

package/lib-commonjs/buildUseTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;;;;;;;AAAA,gEAA+E;AAC/E,0EAAwE;AAiCxE;;;;;;;;;;;;GAYG;AACH,SAAS,WAAW,CAClB,UAA+D,EAC/D,KAAa,EACb,gBAA+D;IAE/D,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,UAAU,GAAG,CAAC,gBAAgB,IAAK,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAa,CAAC,IAAK,EAAc,CAAC;KACxG;IACD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;QACpC,UAAU,GAAI,UAA+C,CAAC,KAAK,CAAC,CAAC;KACtE;IACD,OAAO,UAA+B,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,gBAA+D;IAC/D,gBAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,+BAA2C;;IAE3C,4EAA4E;IAC5E,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,IAAM,aAAa,GAAG,UAAC,KAAa;QAClC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,cAAM,OAAA,gCAAc,eAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAA3C,CAA2C,CAAC,GAApF,CAAqF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrH,CAAC,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG;QAAC,mBAA8C;aAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;YAA9C,8BAA8C;;QACvE,IAAM,YAAY,kBAAO,MAAM,EAAK,SAAS,CAAC,CAAC;QAC/C,OAAO,cAAc,+BAAkB,gBAAgB,GAAK,YAAY,GAAE;IAC5E,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AArBD,wCAqBC"}

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

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

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

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

package/lib-commonjs/buildUseTokens.test.js

@@ -0,0 +1,105 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var buildUseTokens_1 = require("./buildUseTokens");
+var baseTokens = {
+    a: 'a-base',
+    b: 'b-base',
+    c: 'c-base',
+    hover: {
+        c: 'c-base-hover',
+    },
+    press: {
+        c: 'c-base-press',
+    },
+};
+var defaultTheme = {
+    vals: {
+        foo: 'foo',
+        bar: 'bar',
+    },
+    components: {
+        uno: {
+            a: 'uno-a',
+            c: 'uno-c',
+        },
+        dos: {
+            b: 'dos-b',
+            c: 'dos-c',
+        },
+    },
+};
+var variantTheme = {
+    vals: {
+        foo: 'variant',
+    },
+    components: {},
+};
+var getComponentInfo = function (theme, name) { return theme.components[name]; };
+var componentTokens = [baseTokens, 'uno', function (theme) { return ({ b: theme.vals.foo }); }];
+var resolvedTokens = {
+    a: 'uno-a',
+    b: 'foo',
+    c: 'uno-c',
+    hover: {
+        c: 'c-base-hover',
+    },
+    press: {
+        c: 'c-base-press',
+    },
+};
+var variantTokens = {
+    a: 'a-base',
+    b: 'variant',
+    c: 'c-base',
+    hover: {
+        c: 'c-base-hover',
+    },
+    press: {
+        c: 'c-base-press',
+    },
+};
+describe('buildUseTokens test suite', function () {
+    test('basic built hook', function () {
+        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, __spreadArrays([getComponentInfo], componentTokens));
+        var tokens = useTokens(defaultTheme)[0];
+        expect(tokens).toEqual(resolvedTokens);
+    });
+    test('multiple calls return same object', function () {
+        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, __spreadArrays([getComponentInfo], componentTokens));
+        var tokens1 = useTokens(defaultTheme)[0];
+        var tokens2 = useTokens(defaultTheme)[0];
+        expect(tokens1).toBe(tokens2);
+    });
+    test('variant theme is separate', function () {
+        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, __spreadArrays([getComponentInfo], componentTokens));
+        var tokensDefault = useTokens(defaultTheme)[0];
+        var tokensVariant = useTokens(variantTheme)[0];
+        expect(tokensVariant).not.toBe(tokensDefault);
+        expect(tokensVariant).toEqual(variantTokens);
+    });
+    test('simple customization layers on top', function () {
+        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, __spreadArrays([getComponentInfo], componentTokens));
+        var useTokensCustom = useTokens.customize({ a: 'custom' });
+        var tokens = useTokensCustom(defaultTheme)[0];
+        expect(tokens).toEqual(__assign(__assign({}, resolvedTokens), { a: 'custom' }));
+    });
+});
+//# sourceMappingURL=buildUseTokens.test.js.map

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

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

package/lib-commonjs/customizable.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TokenSettings, UseTokens } from './buildUseTokens';
+/**
+ * A component implementation, with a use tokens hook passed in. Implementing it this way allows the useTokens hook to be
+ * modified by the customization handler
+ */
+export declare type InjectableComponent<TProps, TTokens, TTheme> = (props: TProps, useTokens: UseTokens<TTokens, TTheme>) => JSX.Element | null;
+/**
+ * A component with an attached customize function, used to create alternatively styled versions of the component
+ */
+export declare type CustomizableComponent<TProps, TTokens, TTheme> = React.FunctionComponent<TProps> & {
+    customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => CustomizableComponent<TProps, TTokens, TTheme>;
+};
+/**
+ * Function helper for easily creating a customizable component based on the useTokens hook
+ *
+ * @param injectable - a function component implementation, written in (props, useTokens) => JSX.Element form
+ * @param useTokens - a hook function, generally built via buildUseTokens, used to retrieve design tokens for the component
+ *
+ * @returns - a function component that has a static function called customize attached. Customize will return a
+ *            new component (which can also be customized)
+ */
+export declare function customizable<TProps, TTokens, TTheme>(injectable: InjectableComponent<TProps, TTokens, TTheme>, useTokens: UseTokens<TTokens, TTheme>): CustomizableComponent<TProps, TTokens, TTheme>;
+//# sourceMappingURL=customizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;GAGG;AACH,oBAAY,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAExI;;GAEG;AACH,oBAAY,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAC7F,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;CAC5G,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EACxD,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,GACpC,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAOhD"}

package/lib-commonjs/customizable.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Function helper for easily creating a customizable component based on the useTokens hook
+ *
+ * @param injectable - a function component implementation, written in (props, useTokens) => JSX.Element form
+ * @param useTokens - a hook function, generally built via buildUseTokens, used to retrieve design tokens for the component
+ *
+ * @returns - a function component that has a static function called customize attached. Customize will return a
+ *            new component (which can also be customized)
+ */
+function customizable(injectable, useTokens) {
+    var component = function (props) { return injectable(props, useTokens); };
+    component.customize = function () {
+        var tokens = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            tokens[_i] = arguments[_i];
+        }
+        var useTokensNew = useTokens.customize.apply(useTokens, tokens);
+        return customizable(injectable, useTokensNew);
+    };
+    return component;
+}
+exports.customizable = customizable;
+//# sourceMappingURL=customizable.js.map

package/lib-commonjs/customizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":";;AAgBA;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAC1B,UAAwD,EACxD,SAAqC;IAErC,IAAM,SAAS,GAAG,UAAC,KAAa,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAClE,SAAS,CAAC,SAAS,GAAG;QAAC,gBAA2C;aAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;YAA3C,2BAA2C;;QAChE,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,OAAnB,SAAS,EAAc,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC;AAVD,oCAUC"}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './applyPropsToTokens';
+export * from './applyTokenLayers';
+export * from './buildUseTokens';
+export * from './customizable';
+export * from './patchTokens';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/lib-commonjs/index.js

@@ -0,0 +1,11 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./applyPropsToTokens"));
+__export(require("./applyTokenLayers"));
+__export(require("./buildUseTokens"));
+__export(require("./customizable"));
+__export(require("./patchTokens"));
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,0CAAqC;AACrC,wCAAmC;AACnC,sCAAiC;AACjC,oCAA+B;AAC/B,mCAA8B"}

package/lib-commonjs/patchTokens.d.ts

@@ -0,0 +1,12 @@
+import { GetMemoValue } from '@fluentui-react-native/memo-cache';
+/**
+ * Take a set of tokens (and a memo-cache) and apply changes to those tokens from an additional set of tokens. Only keys which are
+ * not undefined will be applied and if no changes are detected the token object will be unchanged.
+ *
+ * @param tokens - base set of tokens to apply changes to, this will not be modified
+ * @param cache - cache corresponding to this set of tokens
+ * @param patchValues - new values to apply, values will be obtained via keys in the object
+ * @returns - a tuple consisting of a new tokens object and a new memo-cache
+ */
+export declare function patchTokens<TTokens>(tokens: TTokens, cache: GetMemoValue<TTokens>, patchValues: TTokens): [TTokens, GetMemoValue<TTokens>];
+//# sourceMappingURL=patchTokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"patchTokens.d.ts","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,OAAO,EACjC,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,EAC5B,WAAW,EAAE,OAAO,GACnB,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAclC"}

package/lib-commonjs/patchTokens.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Take a set of tokens (and a memo-cache) and apply changes to those tokens from an additional set of tokens. Only keys which are
+ * not undefined will be applied and if no changes are detected the token object will be unchanged.
+ *
+ * @param tokens - base set of tokens to apply changes to, this will not be modified
+ * @param cache - cache corresponding to this set of tokens
+ * @param patchValues - new values to apply, values will be obtained via keys in the object
+ * @returns - a tuple consisting of a new tokens object and a new memo-cache
+ */
+function patchTokens(tokens, cache, patchValues) {
+    // reduce the patch values to the set of keys that are defined, and sort them to ensure consistent ordering
+    var keys = Object.keys(patchValues)
+        .filter(function (v) { return patchValues[v] !== undefined; })
+        .sort();
+    var _loop_1 = function (key) {
+        var _a;
+        _a = cache(function () {
+            var _a;
+            return (__assign(__assign({}, tokens), (_a = {}, _a[key] = patchValues[key], _a)));
+        }, [key, patchValues[key]]), tokens = _a[0], cache = _a[1];
+    };
+    // for each key get an updated tokens collection based on key + value. Value alone isn't sufficient as the values
+    // are not necessarily unique. i.e. { a: 'blue' } and { b: 'blue' } would cache to the same without the key
+    for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+        var key = keys_1[_i];
+        _loop_1(key);
+    }
+    // return the updated tokens and cache (if there were any keys applied)
+    return [tokens, cache];
+}
+exports.patchTokens = patchTokens;
+//# sourceMappingURL=patchTokens.js.map

package/lib-commonjs/patchTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAEA;;;;;;;;GAQG;AACH,SAAgB,WAAW,CACzB,MAAe,EACf,KAA4B,EAC5B,WAAoB;IAEpB,2GAA2G;IAC3G,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,EAA5B,CAA4B,CAAC;SAC3C,IAAI,EAAE,CAAC;4BAIC,GAAG;;QACZ;;;mCAAgG,EAA/F,cAAM,EAAE,aAAK,CAAmF;;IAHnG,iHAAiH;IACjH,2GAA2G;IAC3G,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAEb;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAlBD,kCAkBC"}

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

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

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

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

package/lib-commonjs/patchTokens.test.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var patchTokens_1 = require("./patchTokens");
+var memo_cache_1 = require("@fluentui-react-native/memo-cache");
+var themeTokens = {
+    uno: 'uno',
+    dos: 'dos',
+    tres: 3,
+    quatro: 4,
+    cinco: true,
+};
+describe('patchTokens tests', function () {
+    test('props get copied', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var patchValues = { uno: 'one', quatro: 'quatro' };
+        var tokens = patchTokens_1.patchTokens(themeTokens, cache, patchValues)[0];
+        expect(tokens).not.toBe(themeTokens);
+        for (var key in patchValues) {
+            expect(tokens[key]).toEqual(patchValues[key]);
+        }
+    });
+    test('no copied props does not change tokens', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var patchValues1 = {};
+        var tokens = patchTokens_1.patchTokens(themeTokens, cache, patchValues1)[0];
+        expect(tokens).toBe(themeTokens);
+        var patchValues2 = { tres: undefined };
+        var tokens2 = patchTokens_1.patchTokens(themeTokens, cache, patchValues2)[0];
+        expect(tokens2).toBe(themeTokens);
+    });
+    test('patching tokens cache independent of order', function () {
+        var cache = memo_cache_1.getMemoCache();
+        var patch1 = { uno: 'one', cinco: false };
+        var patch2 = { cinco: false, uno: 'one' };
+        var tokens1 = patchTokens_1.patchTokens(themeTokens, cache, patch1)[0];
+        var tokens2 = patchTokens_1.patchTokens(themeTokens, cache, patch2)[0];
+        expect(tokens1).toBe(tokens2);
+    });
+});
+//# sourceMappingURL=patchTokens.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":";;AAAA,6CAA4C;AAC5C,gEAAiE;AAUjE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9C,IAAA,sEAAM,CAAiD;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;YAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,YAAY,GAAG,EAAE,CAAC;QACjB,IAAA,uEAAM,CAAkD;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,IAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAClC,IAAA,wEAAO,CAAkD;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE;QACjD,IAAM,KAAK,GAAG,yBAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,IAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACrC,IAAA,kEAAO,CAA4C;QACnD,IAAA,kEAAO,CAA4C;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/useTokens.samples.test.d.ts

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

package/lib-commonjs/useTokens.samples.test.d.ts.map

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