@gympass/yoga 7.88.0 → 7.88.1

package/cjs/Theme/Provider/native/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var native_exports = {};
+__export(native_exports, {
+  default: () => native_default
+});
+module.exports = __toCommonJS(native_exports);
+var import_Provider = __toESM(require("../Provider"));
+var native_default = import_Provider.default;

package/cjs/Theme/Provider/web/FontLoader.js

@@ -0,0 +1,51 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FontLoader_exports = {};
+__export(FontLoader_exports, {
+  default: () => FontLoader_default
+});
+module.exports = __toCommonJS(FontLoader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_google_font_loader = __toESM(require("react-google-font-loader"));
+var import_styled_components = require("styled-components");
+const FontLoader = ({
+  theme: {
+    yoga: {
+      baseFont: { family, weight }
+    }
+  }
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_google_font_loader.default, { fonts: [{ font: family, weights: weight }] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "link",
+  {
+    rel: "stylesheet",
+    href: `https://fonts.googleapis.com/css?family=${family}:${weight.join()}`
+  }
+) });
+var FontLoader_default = (0, import_styled_components.withTheme)(FontLoader);

package/cjs/Theme/Provider/web/FontLoader.test.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import_FontLoader = __toESM(require("./FontLoader"));
+var import_ThemeProvider = __toESM(require("./ThemeProvider"));
+describe("FontLoader component", () => {
+  it("Should create standard font link", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FontLoader.default, {}) })
+    );
+    const link = document.getElementsByTagName("link").item(0).outerHTML;
+    expect(link).toContain(
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
+    );
+  });
+});

package/cjs/Theme/Provider/web/GlobalStyle.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var GlobalStyle_exports = {};
+__export(GlobalStyle_exports, {
+  default: () => GlobalStyle_default
+});
+module.exports = __toCommonJS(GlobalStyle_exports);
+var import_styled_components = require("styled-components");
+const GlobalStyle = import_styled_components.createGlobalStyle`
+  ${({
+  theme: {
+    yoga: {
+      baseFont: { family }
+    }
+  }
+}) => `
+    body {
+      font-family: "${family}";
+    }
+  `}
+`;
+var GlobalStyle_default = GlobalStyle;

package/cjs/Theme/Provider/web/GlobalStyle.test.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import_yoga_tokens = __toESM(require("@gympass/yoga-tokens"));
+var import_theme = __toESM(require("../../theme"));
+var import_GlobalStyle = __toESM(require("./GlobalStyle"));
+var import_ThemeProvider = __toESM(require("./ThemeProvider"));
+var import_expectCssMatches = __toESM(require("./expectCssMatches"));
+const { baseFont } = (0, import_theme.default)(import_yoga_tokens.default);
+describe("GlobalStyle component", () => {
+  it("Should use standard font in the body", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalStyle.default, {}) })
+    );
+    (0, import_expectCssMatches.default)(
+      `body {
+        font-family: "${baseFont.family}";
+      }`
+    );
+  });
+});

package/cjs/Theme/Provider/web/ThemeProvider.js

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  default: () => ThemeProvider_default
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = require("prop-types");
+var import_Provider = __toESM(require("../Provider"));
+var import_GlobalStyle = __toESM(require("./GlobalStyle"));
+const ThemeProvider = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Provider.default, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalStyle.default, {}),
+    children
+  ] }));
+};
+ThemeProvider.propTypes = {
+  children: import_prop_types.node.isRequired
+};
+var ThemeProvider_default = ThemeProvider;

package/cjs/Theme/Provider/web/expectCssMatches.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var expectCssMatches_exports = {};
+__export(expectCssMatches_exports, {
+  default: () => expectCssMatches_default
+});
+module.exports = __toCommonJS(expectCssMatches_exports);
+const normalizeCSS = (rule) => rule.join("\n").replace(/(?:\r\n|\r|\n)/g, "").replace(/ {\s+/g, "{").replace(/\s+ }/g, "}").replace(/,\s+/g, ",").replace(/;\s+/g, ";").replace(/:\s+/g, ":").replace(/:\s+;/g, ":;");
+const getCSS = (scope) => normalizeCSS(
+  Array.from(scope.querySelectorAll("style")).map((tag) => tag.innerHTML)
+);
+const expectCSSMatches = (expectation) => {
+  const _expectation = normalizeCSS(expectation.split("\n"));
+  const css = getCSS(document);
+  expect(css).toContain(_expectation);
+  return css;
+};
+var expectCssMatches_default = expectCSSMatches;

package/cjs/Theme/Provider/web/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web_exports = {};
+__export(web_exports, {
+  FontLoader: () => import_FontLoader.default,
+  ThemeProvider: () => import_ThemeProvider.default
+});
+module.exports = __toCommonJS(web_exports);
+var import_ThemeProvider = __toESM(require("./ThemeProvider"));
+var import_FontLoader = __toESM(require("./FontLoader"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FontLoader,
+  ThemeProvider
+});

package/cjs/Theme/helpers/themeGenerator/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeGenerator_exports = {};
+__export(themeGenerator_exports, {
+  default: () => themeGenerator_default
+});
+module.exports = __toCommonJS(themeGenerator_exports);
+var import_themeGenerator = __toESM(require("./themeGenerator"));
+var themeGenerator_default = import_themeGenerator.default;

package/cjs/Theme/helpers/themeGenerator/themeGenerator.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeGenerator_exports = {};
+__export(themeGenerator_exports, {
+  default: () => themeGenerator_default
+});
+module.exports = __toCommonJS(themeGenerator_exports);
+function createTheme(themeVars) {
+  if (typeof themeVars !== "function")
+    throw new TypeError(
+      `Invalid param 'themeVars', expected 'function', received '${typeof themeVars}'.`
+    );
+  const themeBuilder = themeVars.bind({});
+  themeBuilder.isFromThemeBuilder = true;
+  return themeBuilder;
+}
+var themeGenerator_default = createTheme;

package/cjs/Theme/helpers/themeGenerator/themeGenerator.test.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var tokens = __toESM(require("@gympass/yoga-tokens"));
+var import_index = __toESM(require("./index"));
+describe("given theme generator:createTheme()", () => {
+  it("should generate a callable theme which overrides only received tokens", () => {
+    const generatedTheme = (0, import_index.default)((yogaTokens) => ({
+      colors: {
+        primary: yogaTokens.colors.stamina
+      }
+    }));
+    expect(typeof generatedTheme === "function");
+    expect(generatedTheme(tokens.default)).toEqual({
+      colors: {
+        primary: "#231B22"
+      }
+    });
+  });
+  it("should not accept invalid parameters", () => {
+    expect(() => (0, import_index.default)(true)).toThrow(TypeError);
+  });
+});

package/cjs/Theme/helpers/themeReader/base.test.js

@@ -0,0 +1,96 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_proxy = __toESM(require("proxy-polyfill/src/proxy"));
+var import_index = __toESM(require("./index"));
+describe("themeReader - base specs", () => {
+  beforeAll(() => {
+    global.Proxy = (0, import_proxy.default)();
+  });
+  it("should return a function", () => {
+    expect(import_index.default).toBeInstanceOf(Function);
+  });
+  it("should return undefined if key does not exist on the theme", () => {
+    expect(typeof import_index.default.colors.randomValue).toBe("undefined");
+    expect(typeof import_index.default.randomValue).toBe("undefined");
+  });
+  it("should have theme.yoga as the base path", () => {
+    const yoga = "wow cool theme, such tokens";
+    const obj = { theme: { yoga } };
+    expect((0, import_index.default)(obj)).toBe(yoga);
+  });
+  it("should be able to get fields with keys", () => {
+    const value = "deep!";
+    const obj = {
+      theme: {
+        yoga: {
+          breakpoints: {
+            xs: {
+              margin: value
+            }
+          }
+        }
+      }
+    };
+    expect(import_index.default.breakpoints.xs.margin(obj)).toBe(value);
+  });
+  it("should be able to get fields with array position", () => {
+    const array = ["nice", "array", "bro"];
+    const obj = {
+      theme: {
+        yoga: {
+          borders: array
+        }
+      }
+    };
+    array.forEach((val, i) => {
+      expect(import_index.default.borders[i](obj)).toBe(val);
+    });
+  });
+  it("should be destructible", () => {
+    const baseFontSizeValue = "nice size";
+    const primaryValue = "very primary";
+    const lgValue = "much large";
+    const obj = {
+      theme: {
+        yoga: {
+          baseFontSize: baseFontSizeValue,
+          colors: {
+            primary: primaryValue
+          },
+          breakpoints: {
+            lg: lgValue
+          }
+        }
+      }
+    };
+    const {
+      baseFontSize,
+      colors: { primary },
+      breakpoints
+    } = import_index.default;
+    expect(primary(obj)).toBe(primaryValue);
+    expect(breakpoints.lg(obj)).toBe(lgValue);
+    expect(baseFontSize(obj)).toBe(baseFontSizeValue);
+  });
+});

package/cjs/Theme/helpers/themeReader/index.js

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeReader_exports = {};
+__export(themeReader_exports, {
+  default: () => themeReader_default
+});
+module.exports = __toCommonJS(themeReader_exports);
+var import_proxy_polyfill = require("proxy-polyfill");
+var import_yoga_tokens = __toESM(require("@gympass/yoga-tokens"));
+var import_theme = __toESM(require("../../theme"));
+const skeleton = (0, import_theme.default)(import_yoga_tokens.default);
+const CACHE_PLACEHOLDER = null;
+const withoutKey = (fn, key) => !{}.hasOwnProperty.call(fn, key) || key === "prototype";
+const createFakeObj = (paths, object) => {
+  const fn = (props) => paths.reduce((acc, path) => acc[path], props);
+  Object.keys(object).forEach((key) => {
+    fn[key] = CACHE_PLACEHOLDER;
+  });
+  return new Proxy(fn, {
+    get(target, key) {
+      if (withoutKey(fn, key))
+        return target[key];
+      if (fn[key])
+        return fn[key];
+      fn[key] = createFakeObj([...paths, key], object[key]);
+      return fn[key];
+    }
+  });
+};
+var themeReader_default = createFakeObj(["theme", "yoga"], skeleton);