@react-native-styled-system/core 0.0.5

package/bin/theme-gen.js

@@ -0,0 +1,149 @@
+#!/usr/bin/env node
+/* eslint-disable max-len */
+// region ZX Util
+const fs = require('fs');
+const path = require('path');
+
+const filename = path.basename(__filename);
+const _printTag = 'Theme Gen' || filename;
+
+const { exec } = require('child_process');
+
+function execa(command, ...args) {
+  return new Promise((resolve, reject) => {
+    const fullCommand = `${command} ${args.join(' ')}`;
+    exec(fullCommand, (error, stdout, stderr) => {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(stdout.trim());
+      }
+    });
+  });
+}
+
+function exist(path) {
+  return fs.existsSync(path);
+}
+
+function read(path) {
+  return fs.readFileSync(path, { encoding: 'utf8' });
+}
+
+function write(p, content) {
+  const dir = path.dirname(p);
+  if (!exist(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+
+  return fs.writeFileSync(p, content);
+}
+
+function remove(path) {
+  if (!exist(path)) {
+    return;
+  }
+
+  if (fs.lstatSync(path).isDirectory()) {
+    return fs.rmSync(path, { force: true, recursive: true });
+  } else {
+    return fs.rmSync(path, { force: true });
+  }
+}
+
+function addLine(str, added, backward = false) {
+  if (backward) {
+    return added + '\n' + str;
+  } else {
+    return str + '\n' + added;
+  }
+}
+
+function print(...args) {
+  // eslint-disable-next-line no-console
+  console.log(`\x1B[35m[${_printTag}]`, ...args, '\x1B[0m');
+}
+
+function printSuccess(...args) {
+  // eslint-disable-next-line no-console
+  console.log(`\x1B[32m[${_printTag}]`, ...args);
+}
+
+function printError(...args) {
+  // eslint-disable-next-line no-console
+  console.log(`⚠️ [${_printTag}]`, ...args);
+}
+
+// endregion
+
+const go = async () => {
+  const source = process.argv[2];
+  if (!source) {
+    printError('Source path is not passed');
+    process.exit(1);
+  }
+
+  print(`Generation Start, Source: ${source}`);
+
+  const tmpFile = '.tmpThemeGen.ts';
+  const outputFile =
+    process.argv[3] ||
+    './node_modules/@react-native-styled-system/core/lib/typescript/@types/ThemedTypings.d.ts';
+
+  try {
+    await execa(
+      'npx',
+      '-y',
+      '@react-native-styled-system/cli',
+      'generate',
+      '--out',
+      tmpFile,
+      source,
+    );
+
+    /**
+     * export interface ThemedTypings {
+     * @type {string}
+     */
+
+    let result = read(tmpFile);
+    result = result.replace(
+      /import.*/,
+      "import type { ColorsValue, RadiiValue, SizesValue, SpaceValue } from './Token';\n",
+    );
+    result = result.replace(/export.*/, 'export interface ThemedTypings {');
+    result = result.replace(/\/\/.*/g, '');
+    result = result.replace(/\|? ?\(?string & {}\)?;/g, '');
+    result = result.replaceAll('string & {}', '');
+
+    result = result.replace(
+      'space:',
+      'space: (SpaceValue & {}) | (`${number}` & {}) | (`${any}px` & {}) | ',
+    );
+
+    result = result.replace(
+      'sizes:',
+      'sizes: (SizesValue & {}) | (`${number}` & {}) | (`${any}px` & {}) | ',
+    );
+
+    result = result.replace(
+      'radii:',
+      'radii: (RadiiValue & {}) | (`${number}` & {}) | (`${any}px` & {}) | ',
+    );
+
+    result = result.replace('colors:', 'colors: (ColorsValue & {}) | ');
+    result = result.replace(/typography:\W*?\n/, 'typography: (string & {});');
+
+    result = result.replace(/\|[\s ]*\n/g, ';');
+
+    write(tmpFile, result);
+    fs.mkdirSync(path.dirname(outputFile), { recursive: true });
+    fs.renameSync(tmpFile, outputFile);
+    // await fixLint(outputFile);
+    printSuccess(`🎉 Theme Typing Generated in '${outputFile}'`);
+  } catch (e) {
+    printError(e);
+    remove(tmpFile);
+  }
+};
+go();

package/lib/commonjs/@types/SxProps.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._viewStylePropList = exports._textStylePropList = void 0;
+/**
+ * Always modify if you change API
+ */
+const _viewStylePropList = exports._viewStylePropList = ['style', 'sx', 'backgroundColor', 'bg', 'borderColor', 'margin', 'm', 'marginTop', 'mt', 'marginRight', 'mr', 'marginBottom', 'mb', 'marginLeft', 'ml', 'marginX', 'mx', 'marginY', 'my', 'padding', 'p', 'paddingTop', 'pt', 'paddingRight', 'pr', 'paddingBottom', 'pb', 'paddingLeft', 'pl', 'paddingX', 'px', 'paddingY', 'py', 'top', 'right', 'bottom', 'left', 'gap', 'gapX', 'gapY', 'width', 'w', 'minW', 'minWidth', 'maxW', 'maxWidth', 'height', 'h', 'minH', 'minHeight', 'maxH', 'maxHeight', 'flex', 'alignItems', 'alignContent', 'justifyContent', 'flexWrap', 'flexDirection', 'flexGrow', 'flexShrink', 'flexBasis', 'alignSelf', 'position', 'pos', 'borderWidth', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'borderRadius', 'radius', 'opacity', 'overflow', 'transform', 'aspectRatio', 'display', 'elevation', 'zIndex', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius'];
+const _textStylePropList = exports._textStylePropList = ['color', 'textDecorationColor', 'textShadowColor', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'weight', 'letterSpacing', 'lineHeight', 'textAlign', 'align', 'textDecorationLine', 'textDecorationStyle', 'textShadowOffset', 'textShadowRadius', 'textTransform', 'userSelect', 'includeFontPadding', 'typography', 't'];
+//# sourceMappingURL=SxProps.js.map

package/lib/commonjs/@types/SxProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_viewStylePropList","exports","_textStylePropList"],"sourceRoot":"../../../src","sources":["@types/SxProps.ts"],"mappings":";;;;;;AAMA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAChC,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,GAAG,EACH,WAAW,EACX,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,GAAG,EACH,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,eAAe,EACf,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,GAAG,EACH,MAAM,EACN,UAAU,EACV,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,EACH,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,MAAM,EACN,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,CACU;AAC9B,MAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,CAChC,OAAO,EACP,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,GAAG,CAC+D"}

package/lib/commonjs/@types/ThemedDict.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emptyThemedDict = void 0;
+const emptyThemedDict = exports.emptyThemedDict = {
+  space: {},
+  colors: {},
+  sizes: {},
+  radii: {},
+  typography: {}
+};
+//# sourceMappingURL=ThemedDict.js.map

package/lib/commonjs/@types/ThemedDict.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emptyThemedDict","exports","space","colors","sizes","radii","typography"],"sourceRoot":"../../../src","sources":["@types/ThemedDict.ts"],"mappings":";;;;;;AASO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,KAAK,EAAE,CAAC,CAAC;EACTC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE,CAAC,CAAC;EACTC,KAAK,EAAE,CAAC,CAAC;EACTC,UAAU,EAAE,CAAC;AACf,CAAsB"}

package/lib/commonjs/@types/ThemedTypings.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=ThemedTypings.js.map

package/lib/commonjs/@types/ThemedTypings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/ThemedTypings.ts"],"mappings":""}

package/lib/commonjs/@types/Token.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Token.js.map

package/lib/commonjs/@types/Token.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/Token.ts"],"mappings":""}

package/lib/commonjs/hook/useSx.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSx = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsUtil = require("@mj-studio/js-util");
+var _SxProps = require("../@types/SxProps");
+var _useStableCallback = require("../internal/useStableCallback");
+var _printWarning = require("../internal/util/printWarning");
+var _StyledSystemProvider = require("../provider/StyledSystemProvider");
+var _propsToThemedStyle = require("../util/propsToThemedStyle");
+const defaultUseSxOptions = {
+  styleType: 'ViewStyle'
+};
+const useSx = (props, {
+  theme: optionTheme,
+  styleType = defaultUseSxOptions.styleType,
+  transform = defaultUseSxOptions.transform,
+  fallback
+} = defaultUseSxOptions) => {
+  const styledSystemContext = (0, _react.useContext)(_StyledSystemProvider.StyledSystemContext);
+  const getStyle = (0, _useStableCallback.useStableCallback)(() => {
+    const skip = !props && !fallback;
+    const theme = optionTheme ?? styledSystemContext?.theme;
+    if (skip) {
+      if (_jsUtil.is.function(transform)) {
+        return (0, _propsToThemedStyle.propsToThemedStyle)({
+          theme,
+          sx: transform({})
+        });
+      } else {
+        return;
+      }
+    }
+    if (!theme) {
+      (0, _printWarning.printWarning)('theme not found from useSx, undefined will be returned.');
+      return;
+    }
+
+    // caution: priority should be ordered correctly.
+    const mergedSx = {
+      ...fallback,
+      ...props,
+      ...props?.sx
+    };
+    const mergedSxStyle = (0, _propsToThemedStyle.propsToThemedStyle)({
+      theme,
+      sx: mergedSx,
+      styleType
+    });
+    const composedStyle = !mergedSxStyle ? props?.style : props?.style ? _reactNative.StyleSheet.compose(mergedSxStyle, props.style) : mergedSxStyle;
+    if (_jsUtil.is.function(transform)) {
+      const transformedSx = transform(_reactNative.StyleSheet.flatten(composedStyle));
+      return _reactNative.StyleSheet.compose(composedStyle, (0, _propsToThemedStyle.propsToThemedStyle)({
+        theme,
+        sx: transformedSx,
+        styleType
+      }));
+    } else {
+      return composedStyle;
+    }
+  });
+  const filteredProps = (0, _react.useMemo)(() => {
+    const ret = {
+      ...props
+    };
+    _SxProps._viewStylePropList.forEach(keyName => delete ret[keyName]);
+    if (styleType === 'TextStyle') {
+      _SxProps._textStylePropList.forEach(keyName => delete ret[keyName]);
+    }
+    return ret;
+  }, [props, styleType]);
+  return {
+    getStyle,
+    filteredProps
+  };
+};
+exports.useSx = useSx;
+//# sourceMappingURL=useSx.js.map

package/lib/commonjs/hook/useSx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsUtil","_SxProps","_useStableCallback","_printWarning","_StyledSystemProvider","_propsToThemedStyle","defaultUseSxOptions","styleType","useSx","props","theme","optionTheme","transform","fallback","styledSystemContext","useContext","StyledSystemContext","getStyle","useStableCallback","skip","is","function","propsToThemedStyle","sx","printWarning","mergedSx","mergedSxStyle","composedStyle","style","StyleSheet","compose","transformedSx","flatten","filteredProps","useMemo","ret","_viewStylePropList","forEach","keyName","_textStylePropList","exports"],"sourceRoot":"../../../src","sources":["hook/useSx.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAEA,IAAAO,mBAAA,GAAAP,OAAA;AAYA,MAAMQ,mBAAiC,GAAG;EAAEC,SAAS,EAAE;AAAY,CAAC;AAC7D,MAAMC,KAAK,GAAGA,CACnBC,KAAgB,EAChB;EACEC,KAAK,EAAEC,WAAW;EAClBJ,SAAS,GAAGD,mBAAmB,CAACC,SAAS;EACzCK,SAAS,GAAGN,mBAAmB,CAACM,SAAS;EACzCC;AACY,CAAC,GAAGP,mBAAmB,KAClC;EACH,MAAMQ,mBAAmB,GAAG,IAAAC,iBAAU,EAACC,yCAAmB,CAAC;EAE3D,MAAMC,QAAQ,GAAG,IAAAC,oCAAiB,EAAC,MAAgC;IACjE,MAAMC,IAAI,GAAG,CAACV,KAAK,IAAI,CAACI,QAAQ;IAChC,MAAMH,KAAK,GAAGC,WAAW,IAAIG,mBAAmB,EAAEJ,KAAK;IAEvD,IAAIS,IAAI,EAAE;MACR,IAAIC,UAAE,CAACC,QAAQ,CAACT,SAAS,CAAC,EAAE;QAC1B,OAAO,IAAAU,sCAAkB,EAAC;UAAEZ,KAAK;UAAEa,EAAE,EAAEX,SAAS,CAAC,CAAC,CAAC;QAAE,CAAC,CAAC;MACzD,CAAC,MAAM;QACL;MACF;IACF;IAEA,IAAI,CAACF,KAAK,EAAE;MACV,IAAAc,0BAAY,EAAC,yDAAyD,CAAC;MAEvE;IACF;;IAEA;IACA,MAAMC,QAAqB,GAAG;MAAE,GAAGZ,QAAQ;MAAE,GAAGJ,KAAK;MAAE,GAAGA,KAAK,EAAEc;IAAG,CAAC;IAErE,MAAMG,aAAa,GAAG,IAAAJ,sCAAkB,EAAC;MACvCZ,KAAK;MACLa,EAAE,EAAEE,QAAQ;MACZlB;IACF,CAAC,CAAC;IAEF,MAAMoB,aAAa,GAAG,CAACD,aAAa,GAChCjB,KAAK,EAAEmB,KAAK,GACZnB,KAAK,EAAEmB,KAAK,GACVC,uBAAU,CAACC,OAAO,CAACJ,aAAa,EAAEjB,KAAK,CAACmB,KAAK,CAAC,GAC9CF,aAAa;IAEnB,IAAIN,UAAE,CAACC,QAAQ,CAACT,SAAS,CAAC,EAAE;MAC1B,MAAMmB,aAAa,GAAGnB,SAAS,CAACiB,uBAAU,CAACG,OAAO,CAACL,aAAa,CAAC,CAAC;MAElE,OAAOE,uBAAU,CAACC,OAAO,CACvBH,aAAa,EACb,IAAAL,sCAAkB,EAAC;QAAEZ,KAAK;QAAEa,EAAE,EAAEQ,aAAa;QAAExB;MAAU,CAAC,CAC5D,CAAC;IACH,CAAC,MAAM;MACL,OAAOoB,aAAa;IACtB;EACF,CAAC,CAAC;EAEF,MAAMM,aAA6C,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClE,MAAMC,GAAG,GAAG;MAAE,GAAG1B;IAAM,CAAmC;IAE1D2B,2BAAkB,CAACC,OAAO,CAAEC,OAAO,IAAK,OAAOH,GAAG,CAACG,OAAO,CAAC,CAAC;IAC5D,IAAI/B,SAAS,KAAK,WAAW,EAAE;MAC7BgC,2BAAkB,CAACF,OAAO,CAAEC,OAAO,IAAK,OAAOH,GAAG,CAACG,OAAO,CAAC,CAAC;IAC9D;IAEA,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC1B,KAAK,EAAEF,SAAS,CAAC,CAAC;EAEtB,OAAO;IAAEU,QAAQ;IAAEgB;EAAc,CAAC;AACpC,CAAC;AAACO,OAAA,CAAAhC,KAAA,GAAAA,KAAA"}

package/lib/commonjs/hook/useSxStyle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSxStyle = void 0;
+var _react = require("react");
+var _printWarning = require("../internal/util/printWarning");
+var _StyledSystemProvider = require("../provider/StyledSystemProvider");
+var _propsToThemedStyle = require("../util/propsToThemedStyle");
+const defaultOptions = {};
+const useSxStyle = ({
+  theme: optionTheme
+} = defaultOptions) => {
+  const styledSystemContext = (0, _react.useContext)(_StyledSystemProvider.StyledSystemContext);
+  return sx => {
+    const theme = optionTheme ?? styledSystemContext?.theme;
+    if (!theme) {
+      (0, _printWarning.printWarning)('theme not found from useSxStyle, empty style will be returned.');
+      return {};
+    }
+    return (0, _propsToThemedStyle.propsToThemedStyle)({
+      theme,
+      sx
+    });
+  };
+};
+exports.useSxStyle = useSxStyle;
+//# sourceMappingURL=useSxStyle.js.map

package/lib/commonjs/hook/useSxStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_printWarning","_StyledSystemProvider","_propsToThemedStyle","defaultOptions","useSxStyle","theme","optionTheme","styledSystemContext","useContext","StyledSystemContext","sx","printWarning","propsToThemedStyle","exports"],"sourceRoot":"../../../src","sources":["hook/useSxStyle.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAKA,MAAMI,cAAiC,GAAG,CAAC,CAAC;AAErC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK,EAAEC;AAA+B,CAAC,GAAGH,cAAc,KAAK;EACxF,MAAMI,mBAAmB,GAAG,IAAAC,iBAAU,EAACC,yCAAmB,CAAC;EAE3D,OAAQC,EAAe,IAA2B;IAChD,MAAML,KAAK,GAAGC,WAAW,IAAIC,mBAAmB,EAAEF,KAAK;IAEvD,IAAI,CAACA,KAAK,EAAE;MACV,IAAAM,0BAAY,EAAC,gEAAgE,CAAC;MAE9E,OAAO,CAAC,CAAC;IACX;IAEA,OAAO,IAAAC,sCAAkB,EAAC;MACxBP,KAAK;MACLK;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAACG,OAAA,CAAAT,UAAA,GAAAA,UAAA"}

package/lib/commonjs/hook/useSxTokens.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSxTokens = void 0;
+var _react = require("react");
+var _jsUtil = require("@mj-studio/js-util");
+var _printWarning = require("../internal/util/printWarning");
+var _StyledSystemProvider = require("../provider/StyledSystemProvider");
+const useSxTokens = (tokenType, tokenValues, {
+  theme: optionTheme
+} = {}) => {
+  const styledSystemContext = (0, _react.useContext)(_StyledSystemProvider.StyledSystemContext);
+  const theme = optionTheme ?? styledSystemContext?.theme;
+  if (!theme) {
+    (0, _printWarning.printWarning)('theme not found from useSxTokens, undefineds will be returned.');
+    return (0, _jsUtil.generateArray)(tokenValues.length).map(() => undefined);
+  }
+  const ret = [];
+  for (let i = 0; i < tokenValues.length; i++) {
+    const tokenValue = tokenValues[i];
+    if (!(tokenValue in theme[tokenType])) {
+      (0, _printWarning.printWarning)(`tokenValue ${String(tokenValue)} at index ${i} doesn't exist in tokenType ${tokenType} from useSxTokens, undefined will be returned.`);
+      ret.push(undefined);
+    } else {
+      ret.push(theme[tokenType][tokenValue]);
+    }
+  }
+  return ret;
+};
+exports.useSxTokens = useSxTokens;
+//# sourceMappingURL=useSxTokens.js.map

package/lib/commonjs/hook/useSxTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_jsUtil","_printWarning","_StyledSystemProvider","useSxTokens","tokenType","tokenValues","theme","optionTheme","styledSystemContext","useContext","StyledSystemContext","printWarning","generateArray","length","map","undefined","ret","i","tokenValue","String","push","exports"],"sourceRoot":"../../../src","sources":["hook/useSxTokens.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AAKO,MAAMI,WAAW,GAAGA,CACzBC,SAAY,EACZC,WAAgD,EAChD;EAAEC,KAAK,EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,KACD;EAC9C,MAAMC,mBAAmB,GAAG,IAAAC,iBAAU,EAACC,yCAAmB,CAAC;EAE3D,MAAMJ,KAAK,GAAGC,WAAW,IAAIC,mBAAmB,EAAEF,KAAK;EAEvD,IAAI,CAACA,KAAK,EAAE;IACV,IAAAK,0BAAY,EAAC,gEAAgE,CAAC;IAE9E,OAAO,IAAAC,qBAAa,EAACP,WAAW,CAACQ,MAAM,CAAC,CAACC,GAAG,CAAC,MAAMC,SAAS,CAAC;EAC/D;EAEA,MAAMC,GAA8C,GAAG,EAAE;EAEzD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,WAAW,CAACQ,MAAM,EAAEI,CAAC,EAAE,EAAE;IAC3C,MAAMC,UAAU,GAAGb,WAAW,CAACY,CAAC,CAAC;IACjC,IAAI,EAAEC,UAAU,IAAIZ,KAAK,CAACF,SAAS,CAAC,CAAC,EAAE;MACrC,IAAAO,0BAAY,EACT,cAAaQ,MAAM,CAACD,UAAU,CAAE,aAAYD,CAAE,+BAA8Bb,SAAU,gDACzF,CAAC;MACDY,GAAG,CAACI,IAAI,CAACL,SAAgB,CAAC;IAC5B,CAAC,MAAM;MACLC,GAAG,CAACI,IAAI,CAACd,KAAK,CAACF,SAAS,CAAC,CAACc,UAAU,CAAC,CAAC;IACxC;EACF;EAEA,OAAOF,GAAG;AACZ,CAAC;AAACK,OAAA,CAAAlB,WAAA,GAAAA,WAAA"}

package/lib/commonjs/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StyledSystemProvider = require("./provider/StyledSystemProvider");
+Object.keys(_StyledSystemProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StyledSystemProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StyledSystemProvider[key];
+    }
+  });
+});
+var _useSx = require("./hook/useSx");
+Object.keys(_useSx).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSx[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSx[key];
+    }
+  });
+});
+var _ThemedDict = require("./@types/ThemedDict");
+Object.keys(_ThemedDict).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ThemedDict[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ThemedDict[key];
+    }
+  });
+});
+var _SxProps = require("./@types/SxProps");
+Object.keys(_SxProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SxProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SxProps[key];
+    }
+  });
+});
+var _ThemedTypings = require("./@types/ThemedTypings");
+Object.keys(_ThemedTypings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ThemedTypings[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ThemedTypings[key];
+    }
+  });
+});
+var _propsToThemedStyle = require("./util/propsToThemedStyle");
+Object.keys(_propsToThemedStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _propsToThemedStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _propsToThemedStyle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_StyledSystemProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useSx","_ThemedDict","_SxProps","_ThemedTypings","_propsToThemedStyle"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,QAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,QAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,QAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,QAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,cAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,cAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,cAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,cAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/internal/TokenParser/ColorsParser.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createColorsParser = void 0;
+const createColorsParser = theme => {
+  return token => parseColors(theme, token);
+};
+exports.createColorsParser = createColorsParser;
+const parseColors = (theme, token) => {
+  if (!token) {
+    return;
+  }
+  if (token in theme.colors) {
+    return theme.colors[token];
+  } else {
+    return token;
+  }
+};
+//# sourceMappingURL=ColorsParser.js.map

package/lib/commonjs/internal/TokenParser/ColorsParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createColorsParser","theme","token","parseColors","exports","colors"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/ColorsParser.ts"],"mappings":";;;;;;AAGO,MAAMA,kBAAkB,GAAIC,KAAiB,IAAK;EACvD,OAAQC,KAAuB,IAAKC,WAAW,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC/D,CAAC;AAACE,OAAA,CAAAJ,kBAAA,GAAAA,kBAAA;AAEF,MAAMG,WAAW,GAAGA,CAACF,KAAiB,EAAEC,KAAuB,KAA8B;EAC3F,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,IAAIA,KAAK,IAAID,KAAK,CAACI,MAAM,EAAE;IACzB,OAAOJ,KAAK,CAACI,MAAM,CAACH,KAAK,CAAC;EAC5B,CAAC,MAAM;IACL,OAAOA,KAAK;EACd;AACF,CAAC"}

package/lib/commonjs/internal/TokenParser/RadiiParser.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRadiiParser = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _parsePxSuffixNumber = require("../util/parsePxSuffixNumber");
+const createRadiiParser = theme => {
+  return token => parseRadii(theme, token);
+};
+exports.createRadiiParser = createRadiiParser;
+const parseRadii = (theme, token) => {
+  if (_jsUtil.is.nullOrUndefined(token)) {
+    return;
+  }
+  const px = (0, _parsePxSuffixNumber.parsePxSuffixNumber)(token);
+  if (_jsUtil.is.number(px)) {
+    return px;
+  }
+
+  // end with px but not number parsed
+  if (_jsUtil.is.string(token) && token.endsWith('px')) {
+    return;
+  }
+  const radii = theme.radii;
+  if ((_jsUtil.is.string(token) || _jsUtil.is.number(token)) && token in radii) {
+    return radii[token];
+  }
+  if (_jsUtil.is.number(token)) {
+    const stringKey = `${token}`;
+    if (stringKey in radii) {
+      return radii[stringKey];
+    }
+  }
+  if (_jsUtil.is.numberString(token)) {
+    return Number(token);
+  }
+  return token;
+};
+//# sourceMappingURL=RadiiParser.js.map

package/lib/commonjs/internal/TokenParser/RadiiParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jsUtil","require","_parsePxSuffixNumber","createRadiiParser","theme","token","parseRadii","exports","is","nullOrUndefined","px","parsePxSuffixNumber","number","string","endsWith","radii","stringKey","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/RadiiParser.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAIA,IAAAC,oBAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAIC,KAAiB,IAAK;EACtD,OAAQC,KAAsB,IAAKC,UAAU,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC7D,CAAC;AAACE,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA;AAEF,MAAMG,UAAU,GAAGA,CAACF,KAAiB,EAAEC,KAAsB,KAA6B;EACxF,IAAIG,UAAE,CAACC,eAAe,CAACJ,KAAK,CAAC,EAAE;IAC7B;EACF;EAEA,MAAMK,EAAE,GAAG,IAAAC,wCAAmB,EAACN,KAAK,CAAC;EACrC,IAAIG,UAAE,CAACI,MAAM,CAACF,EAAE,CAAC,EAAE;IACjB,OAAOA,EAAE;EACX;;EAEA;EACA,IAAIF,UAAE,CAACK,MAAM,CAACR,KAAK,CAAC,IAAIA,KAAK,CAACS,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C;EACF;EAEA,MAAMC,KAAK,GAAGX,KAAK,CAACW,KAAK;EAEzB,IAAI,CAACP,UAAE,CAACK,MAAM,CAACR,KAAK,CAAC,IAAIG,UAAE,CAACI,MAAM,CAACP,KAAK,CAAC,KAAKA,KAAK,IAAIU,KAAK,EAAE;IAC5D,OAAOA,KAAK,CAACV,KAAK,CAAC;EACrB;EAEA,IAAIG,UAAE,CAACI,MAAM,CAACP,KAAK,CAAC,EAAE;IACpB,MAAMW,SAAS,GAAI,GAAEX,KAAM,EAAC;IAC5B,IAAIW,SAAS,IAAID,KAAK,EAAE;MACtB,OAAOA,KAAK,CAACC,SAAS,CAAC;IACzB;EACF;EAEA,IAAIR,UAAE,CAACS,YAAY,CAACZ,KAAK,CAAC,EAAE;IAC1B,OAAOa,MAAM,CAACb,KAAK,CAAC;EACtB;EAEA,OAAOA,KAAK;AACd,CAAC"}

package/lib/commonjs/internal/TokenParser/SizesParser.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSizesParser = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _parsePxSuffixNumber = require("../util/parsePxSuffixNumber");
+const createSizesParser = theme => {
+  return token => parseSizes(theme, token);
+};
+exports.createSizesParser = createSizesParser;
+const parseSizes = (theme, token) => {
+  if (_jsUtil.is.nullOrUndefined(token)) {
+    return;
+  }
+  const px = (0, _parsePxSuffixNumber.parsePxSuffixNumber)(token);
+  if (_jsUtil.is.number(px)) {
+    return px;
+  }
+
+  // end with px but not number parsed
+  if (_jsUtil.is.string(token) && token.endsWith('px')) {
+    return;
+  }
+  const sizes = theme.sizes;
+  if ((_jsUtil.is.string(token) || _jsUtil.is.number(token)) && token in sizes) {
+    return sizes[token];
+  }
+  if (_jsUtil.is.number(token)) {
+    const stringKey = `${token}`;
+    if (stringKey in sizes) {
+      return sizes[stringKey];
+    }
+  }
+  if (_jsUtil.is.numberString(token)) {
+    return Number(token);
+  }
+  return token;
+};
+//# sourceMappingURL=SizesParser.js.map

package/lib/commonjs/internal/TokenParser/SizesParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jsUtil","require","_parsePxSuffixNumber","createSizesParser","theme","token","parseSizes","exports","is","nullOrUndefined","px","parsePxSuffixNumber","number","string","endsWith","sizes","stringKey","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/SizesParser.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAIA,IAAAC,oBAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAIC,KAAiB,IAAK;EACtD,OAAQC,KAAsB,IAAKC,UAAU,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC7D,CAAC;AAACE,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA;AAEF,MAAMG,UAAU,GAAGA,CAACF,KAAiB,EAAEC,KAAsB,KAA6B;EACxF,IAAIG,UAAE,CAACC,eAAe,CAACJ,KAAK,CAAC,EAAE;IAC7B;EACF;EAEA,MAAMK,EAAE,GAAG,IAAAC,wCAAmB,EAACN,KAAK,CAAC;EACrC,IAAIG,UAAE,CAACI,MAAM,CAACF,EAAE,CAAC,EAAE;IACjB,OAAOA,EAAE;EACX;;EAEA;EACA,IAAIF,UAAE,CAACK,MAAM,CAACR,KAAK,CAAC,IAAIA,KAAK,CAACS,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C;EACF;EAEA,MAAMC,KAAK,GAAGX,KAAK,CAACW,KAAK;EAEzB,IAAI,CAACP,UAAE,CAACK,MAAM,CAACR,KAAK,CAAC,IAAIG,UAAE,CAACI,MAAM,CAACP,KAAK,CAAC,KAAKA,KAAK,IAAIU,KAAK,EAAE;IAC5D,OAAOA,KAAK,CAACV,KAAK,CAAC;EACrB;EAEA,IAAIG,UAAE,CAACI,MAAM,CAACP,KAAK,CAAC,EAAE;IACpB,MAAMW,SAAS,GAAI,GAAEX,KAAM,EAAC;IAC5B,IAAIW,SAAS,IAAID,KAAK,EAAE;MACtB,OAAOA,KAAK,CAACC,SAAS,CAAC;IACzB;EACF;EAEA,IAAIR,UAAE,CAACS,YAAY,CAACZ,KAAK,CAAC,EAAE;IAC1B,OAAOa,MAAM,CAACb,KAAK,CAAC;EACtB;EAEA,OAAOA,KAAK;AACd,CAAC"}

package/lib/commonjs/internal/TokenParser/SpaceParser.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSpaceParser = exports.createSpaceAsNumberOnlyParser = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _parsePxSuffixNumber = require("../util/parsePxSuffixNumber");
+const createSpaceParser = theme => {
+  return token => parseSpace(theme, token);
+};
+exports.createSpaceParser = createSpaceParser;
+const createSpaceAsNumberOnlyParser = theme => {
+  return token => parseSpaceAsNumberOnly(theme, token);
+};
+
+/**
+ * Space should be handle negative string like '-1' as well
+ */
+exports.createSpaceAsNumberOnlyParser = createSpaceAsNumberOnlyParser;
+const parseSpace = (theme, token) => {
+  if (_jsUtil.is.nullOrUndefined(token)) {
+    return;
+  }
+  const px = (0, _parsePxSuffixNumber.parsePxSuffixNumber)(token);
+  if (_jsUtil.is.number(px)) {
+    return px;
+  }
+
+  // end with px but not number parsed
+  if (_jsUtil.is.string(token) && token.endsWith('px')) {
+    return;
+  }
+  const spaces = theme.space;
+  if ((_jsUtil.is.string(token) || _jsUtil.is.number(token)) && token in spaces) {
+    return spaces[token];
+  }
+
+  // Parse is number
+  if (_jsUtil.is.number(token)) {
+    const stringKey = `${token}`;
+    if (stringKey in spaces) {
+      return spaces[stringKey];
+    }
+    const negativeNumberKey = -token;
+    if (negativeNumberKey in spaces) {
+      const value = spaces[negativeNumberKey];
+      if (_jsUtil.is.number(value)) {
+        return -value;
+      }
+    }
+    const negativeStringKey = stringKey.charAt(0) === '-' ? stringKey.substring(1) : `-${stringKey}`;
+    if (negativeStringKey in spaces) {
+      const value = spaces[negativeStringKey];
+      if (_jsUtil.is.number(value)) {
+        return -value;
+      }
+    }
+  }
+
+  // Parse prefix minus token string
+  if (_jsUtil.is.string(token) && token.startsWith('-')) {
+    const originalToken = token.substring(1);
+    if (originalToken in spaces) {
+      const value = spaces[originalToken];
+      if (_jsUtil.is.number(value)) {
+        return -value;
+      }
+      // not invert sign percent string yet(will be supported).
+    }
+
+    // don't return malformed string. It is not acceptable as SpaceValue
+    return;
+  }
+  if (_jsUtil.is.numberString(token)) {
+    return Number(token);
+  }
+  return token;
+};
+
+/**
+ * Parse space and filter if it is number for number only prop like gap
+ */
+const parseSpaceAsNumberOnly = (theme, token) => {
+  const ret = parseSpace(theme, token);
+  if (_jsUtil.is.number(ret)) {
+    return ret;
+  }
+};
+//# sourceMappingURL=SpaceParser.js.map