@hanzogui/get-font-sized 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/index.cjs

@@ -0,0 +1,76 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  SizableText: () => SizableText,
+  getFontSized: () => getFontSized
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_web = require("@hanzogui/web");
+const getFontSized = (sizeTokenIn = "$true", {
+    font,
+    fontFamily,
+    props
+  }) => {
+    if (!font) return {
+      fontSize: sizeTokenIn
+    };
+    const sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn,
+      style = {},
+      fontSize = font.size[sizeToken],
+      lineHeight = font.lineHeight?.[sizeToken],
+      fontWeight = font.weight?.[sizeToken],
+      letterSpacing = font.letterSpacing?.[sizeToken],
+      textTransform = font.transform?.[sizeToken],
+      fontStyle = props.fontStyle ?? font.style?.[sizeToken],
+      color = props.color ?? font.color?.[sizeToken];
+    return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), import_constants.isClient && console.info({
+      style,
+      props,
+      font
+    }), console.groupEnd()), style;
+  },
+  SizableText = (0, import_web.styled)(import_web.Text, {
+    name: "SizableText",
+    fontFamily: "$body",
+    variants: {
+      size: {
+        "...fontSize": getFontSized
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  }),
+  cache = /* @__PURE__ */new WeakMap();
+function getDefaultSizeToken(font) {
+  if (typeof font == "object" && cache.has(font)) return cache.get(font);
+  const tokens = (0, import_web.getTokens)(),
+    sizeTokens = "$true" in font.size ? font.size : tokens?.size;
+  if (!sizeTokens) return Object.keys(font.size)[3];
+  const sizeDefault = sizeTokens.$true,
+    sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(x => x !== "$true" && sizeTokens[x].val === sizeDefault.val) : null;
+  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,96 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  SizableText: () => SizableText,
+  getFontSized: () => getFontSized
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_web = require("@hanzogui/web");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var getFontSized = function () {
+    var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+      {
+        font,
+        fontFamily,
+        props
+      } = arguments.length > 1 ? arguments[1] : void 0,
+      _font_lineHeight,
+      _font_weight,
+      _font_letterSpacing,
+      _font_transform,
+      _font_style,
+      _font_color;
+    if (!font) return {
+      fontSize: sizeTokenIn
+    };
+    var sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn,
+      style = {},
+      fontSize = font.size[sizeToken],
+      lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken],
+      fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken],
+      letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken],
+      textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken],
+      _props_fontStyle,
+      fontStyle = (_props_fontStyle = props.fontStyle) !== null && _props_fontStyle !== void 0 ? _props_fontStyle : (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken],
+      _props_color,
+      color = (_props_color = props.color) !== null && _props_color !== void 0 ? _props_color : (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];
+    return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), import_constants.isClient && console.info({
+      style,
+      props,
+      font
+    }), console.groupEnd()), style;
+  },
+  SizableText = (0, import_web.styled)(import_web.Text, {
+    name: "SizableText",
+    fontFamily: "$body",
+    variants: {
+      size: {
+        "...fontSize": getFontSized
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  }),
+  cache = /* @__PURE__ */new WeakMap();
+function getDefaultSizeToken(font) {
+  if ((typeof font > "u" ? "undefined" : _type_of(font)) === "object" && cache.has(font)) return cache.get(font);
+  var tokens = (0, import_web.getTokens)(),
+    sizeTokens = "$true" in font.size ? font.size : tokens?.size;
+  if (!sizeTokens) return Object.keys(font.size)[3];
+  var sizeDefault = sizeTokens.$true,
+    sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function (x) {
+      return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
+    }) : null;
+  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","index_exports","SizableText","getFontSized","module","exports","import_constants","require","import_web","_type_of","obj","Symbol","constructor","sizeTokenIn","arguments","length","font","fontFamily","props","_font_lineHeight","_font_weight","_font_letterSpacing","_font_transform","_font_style","_font_color","fontSize","sizeToken","getDefaultSizeToken","style","size","lineHeight","fontWeight","weight","letterSpacing","textTransform","transform","_props_fontStyle","fontStyle","_props_color","color","process","env","NODE_ENV","debug","console","groupCollapsed","isClient","info","groupEnd","styled","Text","variants","defaultVariants","cache","WeakMap","has","tokens","getTokens","sizeTokens","keys","sizeDefault","$true","sizeDefaultSpecific","find","x","val","warn","set"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: !0 });\n}, __copyProps = (to, from, except, desc) => {\n  if (from && typeof from == \"object\" || typeof from == \"function\")\n    for (let key of __getOwnPropNames(from))\n      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: !0 }), mod);\nvar index_exports = {};\n__export(index_exports, {\n  SizableText: () => SizableText,\n  getFontSized: () => getFontSized\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_constants = require(\"@hanzogui/constants\"), import_web = require(\"@hanzogui/web\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol < \"u\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar getFontSized = function() {\n  var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : \"$true\", { font, fontFamily, props } = arguments.length > 1 ? arguments[1] : void 0, _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;\n  if (!font)\n    return {\n      fontSize: sizeTokenIn\n    };\n  var sizeToken = sizeTokenIn === \"$true\" ? getDefaultSizeToken(font) : sizeTokenIn, style = {}, fontSize = font.size[sizeToken], lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken], fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken], letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken], textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken], _props_fontStyle, fontStyle = (_props_fontStyle = props.fontStyle) !== null && _props_fontStyle !== void 0 ? _props_fontStyle : (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken], _props_color, color = (_props_color = props.color) !== null && _props_color !== void 0 ? _props_color : (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];\n  return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === \"development\" && props.debug && props.debug === \"verbose\" && (console.groupCollapsed(\"  \\u{1F539} getFontSized\", sizeTokenIn, sizeToken), import_constants.isClient && console.info({\n    style,\n    props,\n    font\n  }), console.groupEnd()), style;\n}, SizableText = (0, import_web.styled)(import_web.Text, {\n  name: \"SizableText\",\n  fontFamily: \"$body\",\n  variants: {\n    size: {\n      \"...fontSize\": getFontSized\n    }\n  },\n  defaultVariants: {\n    size: \"$true\"\n  }\n}), cache = /* @__PURE__ */ new WeakMap();\nfunction getDefaultSizeToken(font) {\n  if ((typeof font > \"u\" ? \"undefined\" : _type_of(font)) === \"object\" && cache.has(font))\n    return cache.get(font);\n  var tokens = (0, import_web.getTokens)(), sizeTokens = \"$true\" in font.size ? font.size : tokens?.size;\n  if (!sizeTokens)\n    return Object.keys(font.size)[3];\n  var sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {\n    return x !== \"$true\" && sizeTokens[x].val === sizeDefault.val;\n  }) : null;\n  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === \"development\" && console.warn(`No default size is set in your tokens for the \"true\" key, fonts will be inconsistent.\n\n      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or\n      set true keys for all your font tokens: \"size\", \"lineHeight\", \"fontStyle\", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,52 @@
+import { isClient } from "@hanzogui/constants";
+import { getTokens, styled, Text } from "@hanzogui/web";
+const getFontSized = (sizeTokenIn = "$true", {
+    font,
+    fontFamily,
+    props
+  }) => {
+    if (!font) return {
+      fontSize: sizeTokenIn
+    };
+    const sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn,
+      style = {},
+      fontSize = font.size[sizeToken],
+      lineHeight = font.lineHeight?.[sizeToken],
+      fontWeight = font.weight?.[sizeToken],
+      letterSpacing = font.letterSpacing?.[sizeToken],
+      textTransform = font.transform?.[sizeToken],
+      fontStyle = props.fontStyle ?? font.style?.[sizeToken],
+      color = props.color ?? font.color?.[sizeToken];
+    return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), isClient && console.info({
+      style,
+      props,
+      font
+    }), console.groupEnd()), style;
+  },
+  SizableText = styled(Text, {
+    name: "SizableText",
+    fontFamily: "$body",
+    variants: {
+      size: {
+        "...fontSize": getFontSized
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  }),
+  cache = /* @__PURE__ */new WeakMap();
+function getDefaultSizeToken(font) {
+  if (typeof font == "object" && cache.has(font)) return cache.get(font);
+  const tokens = getTokens(),
+    sizeTokens = "$true" in font.size ? font.size : tokens?.size;
+  if (!sizeTokens) return Object.keys(font.size)[3];
+  const sizeDefault = sizeTokens.$true,
+    sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(x => x !== "$true" && sizeTokens[x].val === sizeDefault.val) : null;
+  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
+}
+export { SizableText, getFontSized };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isClient","getTokens","styled","Text","getFontSized","sizeTokenIn","font","fontFamily","props","fontSize","sizeToken","getDefaultSizeToken","style","size","lineHeight","fontWeight","weight","letterSpacing","textTransform","transform","fontStyle","color","process","env","NODE_ENV","debug","console","groupCollapsed","info","groupEnd","SizableText","name","variants","defaultVariants","cache","WeakMap","has","get","tokens","sizeTokens","Object","keys","sizeDefault","$true","sizeDefaultSpecific","find","x","val","warn","set"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,52 @@
+import { isClient } from "@hanzogui/constants";
+import { getTokens, styled, Text } from "@hanzogui/web";
+const getFontSized = (sizeTokenIn = "$true", {
+    font,
+    fontFamily,
+    props
+  }) => {
+    if (!font) return {
+      fontSize: sizeTokenIn
+    };
+    const sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn,
+      style = {},
+      fontSize = font.size[sizeToken],
+      lineHeight = font.lineHeight?.[sizeToken],
+      fontWeight = font.weight?.[sizeToken],
+      letterSpacing = font.letterSpacing?.[sizeToken],
+      textTransform = font.transform?.[sizeToken],
+      fontStyle = props.fontStyle ?? font.style?.[sizeToken],
+      color = props.color ?? font.color?.[sizeToken];
+    return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), isClient && console.info({
+      style,
+      props,
+      font
+    }), console.groupEnd()), style;
+  },
+  SizableText = styled(Text, {
+    name: "SizableText",
+    fontFamily: "$body",
+    variants: {
+      size: {
+        "...fontSize": getFontSized
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  }),
+  cache = /* @__PURE__ */new WeakMap();
+function getDefaultSizeToken(font) {
+  if (typeof font == "object" && cache.has(font)) return cache.get(font);
+  const tokens = getTokens(),
+    sizeTokens = "$true" in font.size ? font.size : tokens?.size;
+  if (!sizeTokens) return Object.keys(font.size)[3];
+  const sizeDefault = sizeTokens.$true,
+    sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(x => x !== "$true" && sizeTokens[x].val === sizeDefault.val) : null;
+  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
+}
+export { SizableText, getFontSized };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isClient","getTokens","styled","Text","getFontSized","sizeTokenIn","font","fontFamily","props","fontSize","sizeToken","getDefaultSizeToken","style","size","lineHeight","fontWeight","weight","letterSpacing","textTransform","transform","fontStyle","color","process","env","NODE_ENV","debug","console","groupCollapsed","info","groupEnd","SizableText","name","variants","defaultVariants","cache","WeakMap","has","get","tokens","sizeTokens","Object","keys","sizeDefault","$true","sizeDefaultSpecific","find","x","val","warn","set"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAQzB,SAASC,SAAA,EAAWC,MAAA,EAAQC,IAAA,QAAY;AAEjC,MAAMC,YAAA,GAAiEA,CAC5EC,WAAA,GAAc,SACd;IAAEC,IAAA;IAAMC,UAAA;IAAYC;EAAM,MACvB;IACH,IAAI,CAACF,IAAA,EACH,OAAO;MACLG,QAAA,EAAUJ;IACZ;IAGF,MAAMK,SAAA,GAAYL,WAAA,KAAgB,UAAUM,mBAAA,CAAoBL,IAAI,IAAID,WAAA;MAElEO,KAAA,GAAmB,CAAC;MAGpBH,QAAA,GAAWH,IAAA,CAAKO,IAAA,CAAKH,SAAS;MAC9BI,UAAA,GAAaR,IAAA,CAAKQ,UAAA,GAAaJ,SAAS;MACxCK,UAAA,GAAaT,IAAA,CAAKU,MAAA,GAASN,SAAS;MACpCO,aAAA,GAAgBX,IAAA,CAAKW,aAAA,GAAgBP,SAAS;MAC9CQ,aAAA,GAAgBZ,IAAA,CAAKa,SAAA,GAAYT,SAAS;MAC1CU,SAAA,GAAYZ,KAAA,CAAMY,SAAA,IAAad,IAAA,CAAKM,KAAA,GAAQF,SAAS;MACrDW,KAAA,GAAQb,KAAA,CAAMa,KAAA,IAASf,IAAA,CAAKe,KAAA,GAAQX,SAAS;IAEnD,OAAIU,SAAA,KAAWR,KAAA,CAAMQ,SAAA,GAAYA,SAAA,GAC7BF,aAAA,KAAeN,KAAA,CAAMM,aAAA,GAAgBA,aAAA,GACrCX,UAAA,KAAYK,KAAA,CAAML,UAAA,GAAaA,UAAA,GAC/BQ,UAAA,KAAYH,KAAA,CAAMG,UAAA,GAAaA,UAAA,GAC/BE,aAAA,KAAeL,KAAA,CAAMK,aAAA,GAAgBA,aAAA,GACrCR,QAAA,KAAUG,KAAA,CAAMH,QAAA,GAAWA,QAAA,GAC3BK,UAAA,KAAYF,KAAA,CAAME,UAAA,GAAaA,UAAA,GAC/BO,KAAA,KAAOT,KAAA,CAAMS,KAAA,GAAQA,KAAA,GAErBC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvBhB,KAAA,CAAMiB,KAAA,IAAYjB,KAAA,CAAMiB,KAAA,KAAa,cACvCC,OAAA,CAAQC,cAAA,CAAe,4BAAqBtB,WAAA,EAAaK,SAAS,GAC9DV,QAAA,IACF0B,OAAA,CAAQE,IAAA,CAAK;MAAEhB,KAAA;MAAOJ,KAAA;MAAOF;IAAK,CAAC,GAErCoB,OAAA,CAAQG,QAAA,CAAS,IAIdjB,KAAA;EACT;EAEakB,WAAA,GAAc5B,MAAA,CAAOC,IAAA,EAAM;IACtC4B,IAAA,EAAM;IACNxB,UAAA,EAAY;IAEZyB,QAAA,EAAU;MACRnB,IAAA,EAAM;QACJ,eAAeT;MACjB;IACF;IAEA6B,eAAA,EAAiB;MACfpB,IAAA,EAAM;IACR;EACF,CAAC;EAEKqB,KAAA,GAAQ,mBAAIC,OAAA,CAA6B;AAE/C,SAASxB,oBAAoBL,IAAA,EAAmB;EAC9C,IAAI,OAAOA,IAAA,IAAS,YAAY4B,KAAA,CAAME,GAAA,CAAI9B,IAAI,GAC5C,OAAO4B,KAAA,CAAMG,GAAA,CAAI/B,IAAI;EAIvB,MAAMgC,MAAA,GAASrC,SAAA,CAAU;IACnBsC,UAAA,GAAa,WAAWjC,IAAA,CAAKO,IAAA,GAAOP,IAAA,CAAKO,IAAA,GAAOyB,MAAA,EAAQzB,IAAA;EAC9D,IAAI,CAAC0B,UAAA,EACH,OAAOC,MAAA,CAAOC,IAAA,CAAKnC,IAAA,CAAKO,IAAI,EAAE,CAAC;EAEjC,MAAM6B,WAAA,GAAcH,UAAA,CAAWI,KAAA;IACzBC,mBAAA,GAAsBF,WAAA,GACxBF,MAAA,CAAOC,IAAA,CAAKF,UAAU,EAAEM,IAAA,CACrBC,CAAA,IAAMA,CAAA,KAAM,WAAWP,UAAA,CAAWO,CAAC,EAAEC,GAAA,KAAWL,WAAA,CAAYK,GAC/D,IACA;EAEJ,OAAI,CAACL,WAAA,IAAe,CAACE,mBAAA,IACftB,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BE,OAAA,CAAQsB,IAAA,CAAK;AAAA;AAAA;AAAA,sFAGmE,GAE3ER,MAAA,CAAOC,IAAA,CAAKnC,IAAA,CAAKO,IAAI,EAAE,CAAC,MAGjCqB,KAAA,CAAMe,GAAA,CAAI3C,IAAA,EAAMsC,mBAAqC,GAC9CA,mBAAA;AACT","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,69 @@
+import { isClient } from "@hanzogui/constants";
+import { getTokens, styled, Text } from "@hanzogui/web";
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var getFontSized = function () {
+    var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+      {
+        font,
+        fontFamily,
+        props
+      } = arguments.length > 1 ? arguments[1] : void 0,
+      _font_lineHeight,
+      _font_weight,
+      _font_letterSpacing,
+      _font_transform,
+      _font_style,
+      _font_color;
+    if (!font) return {
+      fontSize: sizeTokenIn
+    };
+    var sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn,
+      style = {},
+      fontSize = font.size[sizeToken],
+      lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken],
+      fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken],
+      letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken],
+      textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken],
+      _props_fontStyle,
+      fontStyle = (_props_fontStyle = props.fontStyle) !== null && _props_fontStyle !== void 0 ? _props_fontStyle : (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken],
+      _props_color,
+      color = (_props_color = props.color) !== null && _props_color !== void 0 ? _props_color : (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];
+    return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), isClient && console.info({
+      style,
+      props,
+      font
+    }), console.groupEnd()), style;
+  },
+  SizableText = styled(Text, {
+    name: "SizableText",
+    fontFamily: "$body",
+    variants: {
+      size: {
+        "...fontSize": getFontSized
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  }),
+  cache = /* @__PURE__ */new WeakMap();
+function getDefaultSizeToken(font) {
+  if ((typeof font > "u" ? "undefined" : _type_of(font)) === "object" && cache.has(font)) return cache.get(font);
+  var tokens = getTokens(),
+    sizeTokens = "$true" in font.size ? font.size : tokens?.size;
+  if (!sizeTokens) return Object.keys(font.size)[3];
+  var sizeDefault = sizeTokens.$true,
+    sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function (x) {
+      return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
+    }) : null;
+  return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`), Object.keys(font.size)[3]) : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
+}
+export { SizableText, getFontSized };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isClient","getTokens","styled","Text","_type_of","obj","Symbol","constructor","getFontSized","sizeTokenIn","arguments","length","font","fontFamily","props","_font_lineHeight","_font_weight","_font_letterSpacing","_font_transform","_font_style","_font_color","fontSize","sizeToken","getDefaultSizeToken","style","size","lineHeight","fontWeight","weight","letterSpacing","textTransform","transform","_props_fontStyle","fontStyle","_props_color","color","process","env","NODE_ENV","debug","console","groupCollapsed","info","groupEnd","SizableText","name","variants","defaultVariants","cache","WeakMap","has","get","tokens","sizeTokens"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAQzB,SAASC,SAAA,EAAWC,MAAA,EAAQC,IAAA,QAAY;AAEjC,SAAMC,SAAAC,GAAiE,EAC5E;EAGA,uBAAK;;EACH,OAAAA,GAAO,WAAAC,MAAA,UAAAD,GAAA,CAAAE,WAAA,KAAAD,MAAA,qBAAAD,GAAA;AAAA;AACK,IACZG,YAAA,YAAAA,CAAA;IAGF,IAAAC,WAAM,GAAYC,SAAA,CAAAC,MAAgB,QAAAD,SAAU,aAAoB,IAAIA,SAAI,aAElE;MAAA;QAAoBE,IAGpB;QAAAC,UAAW;QAAAC;MAAU,IAAAJ,SACrB,CAAAC,MAAA,OAAaD,SAAK,WAAa;MAAAK,gBAC/B;MAAaC,YAAK;MAASC,mBAC3B;MAAAC,eAAqB;MAAAC,WAAgB;MAAAC,WACrC;IAIN,KAAAR,IAAI,EAsBO;MACXS,QAAM,EAAAZ;IACN;IAEA,IAAAa,SAAU,GAAAb,WAAA,eAAAc,mBAAA,CAAAX,IAAA,IAAAH,WAAA;MAAAe,KAAA;MAAAH,QAAA,GAAAT,IAAA,CAAAa,IAAA,CAAAH,SAAA;MAAAI,UAAA,IAAAX,gBAAA,GAAAH,IAAA,CAAAc,UAAA,cAAAX,gBAAA,uBAAAA,gBAAA,CAAAO,SAAA;MAAAK,UAAA,IAAAX,YAAA,GAAAJ,IAAA,CAAAgB,MAAA,cAAAZ,YAAA,uBAAAA,YAAA,CAAAM,SAAA;MAAAO,aAAA,IAAAZ,mBAAA,GAAAL,IAAA,CAAAiB,aAAA,cAAAZ,mBAAA,uBAAAA,mBAAA,CAAAK,SAAA;MAAAQ,aAAA,IAAAZ,eAAA,GAAAN,IAAA,CAAAmB,SAAA,cAAAb,eAAA,uBAAAA,eAAA,CAAAI,SAAA;MAAAU,gBAAA;MAAAC,SAAA,IAAAD,gBAAA,GAAAlB,KAAA,CAAAmB,SAAA,cAAAD,gBAAA,cAAAA,gBAAA,IAAAb,WAAA,GAAAP,IAAA,CAAAY,KAAA,cAAAL,WAAA,uBAAAA,WAAA,CAAAG,SAAA;MAAAY,YAAA;MAAAC,KAAA,IAAAD,YAAA,GAAApB,KAAA,CAAAqB,KAAA,cAAAD,YAAA,cAAAA,YAAA,IAAAd,WAAA,GAAAR,IAAA,CAAAuB,KAAA,cAAAf,WAAA,uBAAAA,WAAA,CAAAE,SAAA;IAAA,OACRW,SAAM,KAAAT,KAAA,CAAAS,SAAA,GAAAA,SAAA,GAAAH,aAAA,KAAAN,KAAA,CAAAM,aAAA,GAAAA,aAAA,GAAAjB,UAAA,KAAAW,KAAA,CAAAX,UAAA,GAAAA,UAAA,GAAAc,UAAA,KAAAH,KAAA,CAAAG,UAAA,GAAAA,UAAA,GAAAE,aAAA,KAAAL,KAAA,CAAAK,aAAA,GAAAA,aAAA,GAAAR,QAAA,KAAAG,KAAA,CAAAH,QAAA,GAAAA,QAAA,GAAAK,UAAA,KAAAF,KAAA,CAAAE,UAAA,GAAAA,UAAA,GAAAS,KAAA,KAAAX,KAAA,CAAAW,KAAA,GAAAA,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAxB,KAAA,CAAAyB,KAAA,IAAAzB,KAAA,CAAAyB,KAAA,mBAAAC,OAAA,CAAAC,cAAA,6BAAAhC,WAAA,EAAAa,SAAA,GAAAtB,QAAA,IAAAwC,OAAA,CAAAE,IAAA;MAAAlB,KACJ;MACFV,KAAA;MACFF;IAEA,IAAA4B,OAAA,CAAAG,QAAiB,KAAAnB,KAAA;EAAA;EAAAoB,WACT,GAAA1C,MAAA,CAAAC,IAAA;IACR0C,IAAA;IACDhC,UAEa;IAEdiC,QAAS;MACPrB,IAAI;QACF,aAAa,EAAIjB;MAInB;IAEA;IACEuC,eAAO,EAAO;MAEhBtB,IAAM;IAEsB;EACuC,EAC/D;EAAAuB,KACA,sBAAAC,OAAA;AAEJ,SAAI1B,mBAAiBA,CAAAX,IAAA;EAEJ,YAAAA,IAAA,uBAAAR,QAAA,CAAAQ,IAAA,mBAAAoC,KAAA,CAAAE,GAAA,CAAAtC,IAAA,UAAAoC,KAAA,CAAAG,GAAA,CAAAvC,IAAA;EAAA,IAAAwC,MAAA,GAAAnD,SAAA;IAAAoD,UAAA,cAAAzC,IAAA,CAAAa,IAAA,GAAAb,IAAA,CAAAa,IAAA,GAAA2B,MAAA,EAAA3B,IAGmE;EAOtF,KAAA4B,UAAA,E","ignoreList":[]}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@hanzogui/get-font-sized",
+  "version": "2.0.0",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/constants": "workspace:*",
+    "@hanzogui/web": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  }
+}

package/src/index.ts

@@ -0,0 +1,103 @@
+import { isClient } from '@hanzogui/constants'
+import type {
+  FontSizeTokens,
+  GenericFont,
+  TextProps,
+  TextStyle,
+  VariantSpreadFunction,
+} from '@hanzogui/web'
+import { getTokens, styled, Text } from '@hanzogui/web'
+
+export const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens> = (
+  sizeTokenIn = '$true',
+  { font, fontFamily, props }
+) => {
+  if (!font) {
+    return {
+      fontSize: sizeTokenIn,
+    }
+  }
+
+  const sizeToken = sizeTokenIn === '$true' ? getDefaultSizeToken(font) : sizeTokenIn
+
+  const style: TextStyle = {}
+
+  // size related, treat them as overrides
+  const fontSize = font.size[sizeToken]
+  const lineHeight = font.lineHeight?.[sizeToken]
+  const fontWeight = font.weight?.[sizeToken]
+  const letterSpacing = font.letterSpacing?.[sizeToken]
+  const textTransform = font.transform?.[sizeToken]
+  const fontStyle = props.fontStyle ?? font.style?.[sizeToken]
+  const color = props.color ?? font.color?.[sizeToken]
+
+  if (fontStyle) style.fontStyle = fontStyle
+  if (textTransform) style.textTransform = textTransform
+  if (fontFamily) style.fontFamily = fontFamily
+  if (fontWeight) style.fontWeight = fontWeight
+  if (letterSpacing) style.letterSpacing = letterSpacing
+  if (fontSize) style.fontSize = fontSize
+  if (lineHeight) style.lineHeight = lineHeight
+  if (color) style.color = color
+
+  if (process.env.NODE_ENV === 'development') {
+    if (props['debug'] && props['debug'] === 'verbose') {
+      console.groupCollapsed('  🔹 getFontSized', sizeTokenIn, sizeToken)
+      if (isClient) {
+        console.info({ style, props, font })
+      }
+      console.groupEnd()
+    }
+  }
+
+  return style
+}
+
+export const SizableText = styled(Text, {
+  name: 'SizableText',
+  fontFamily: '$body',
+
+  variants: {
+    size: {
+      '...fontSize': getFontSized,
+    },
+  } as const,
+
+  defaultVariants: {
+    size: '$true',
+  },
+})
+
+const cache = new WeakMap<any, FontSizeTokens>()
+
+function getDefaultSizeToken(font: GenericFont) {
+  if (typeof font === 'object' && cache.has(font)) {
+    return cache.get(font)!
+  }
+
+  // use either font.size if it has true set, or fallback to tokens.size mapping to the same
+  const tokens = getTokens()
+  const sizeTokens = '$true' in font.size ? font.size : tokens?.size
+  if (!sizeTokens) {
+    return Object.keys(font.size)[3]
+  }
+  const sizeDefault = sizeTokens['$true']
+  const sizeDefaultSpecific = sizeDefault
+    ? Object.keys(sizeTokens).find(
+        (x) => x !== '$true' && sizeTokens[x]['val'] === sizeDefault['val']
+      )
+    : null
+
+  if (!sizeDefault || !sizeDefaultSpecific) {
+    if (process.env.NODE_ENV === 'development') {
+      console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
+
+      Fix this by having consistent tokens across fonts and sizes and setting a true key for your size tokens, or
+      set true keys for all your font tokens: "size", "lineHeight", "fontStyle", etc.`)
+    }
+    return Object.keys(font.size)[3]
+  }
+
+  cache.set(font, sizeDefaultSpecific as FontSizeTokens)
+  return sizeDefaultSpecific
+}

package/types/index.d.ts

@@ -0,0 +1,6 @@
+import type { FontSizeTokens, TextProps, VariantSpreadFunction } from '@hanzogui/web';
+export declare const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens>;
+export declare const SizableText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    size?: FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EAEd,SAAS,EAET,qBAAqB,EACtB,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,SAAS,EAAE,cAAc,CA2CzE,CAAA;AAED,eAAO,MAAM,WAAW;;8CAatB,CAAA"}