@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/module/utils/useResponsiveQuery/hash.js

@@ -1,7 +1,6 @@
 /* eslint-disable */
 //@ts-nocheck
 // This hash function is taken from react native web
-
 /**
  * JS Implementation of MurmurHash2
  *
@@ -16,10 +15,9 @@
  */
 function murmurhash2_32_gc(str, seed) {
   var l = str.length,
-      h = seed ^ l,
-      i = 0,
-      k;
-
+    h = seed ^ l,
+    i = 0,
+    k;
   while (l >= 4) {
     k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
     k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0x5bd1e995 & 0xffff) << 16);
@@ -29,28 +27,22 @@ function murmurhash2_32_gc(str, seed) {
     l -= 4;
     ++i;
   }
-
   switch (l) {
     case 3:
       h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
-
     case 2:
       h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
-
     case 1:
       h ^= str.charCodeAt(i) & 0xff;
       h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
   }
-
   h ^= h >>> 13;
   h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
   h ^= h >>> 15;
   return h >>> 0;
 }
-
 const hash = function hash(str) {
   return murmurhash2_32_gc(str, 1).toString(36);
 };
-
 export default hash;
 //# sourceMappingURL=hash.js.map

package/lib/module/utils/useResponsiveQuery/hash.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hash.ts"],"names":["murmurhash2_32_gc","str","seed","l","length","h","i","k","charCodeAt","hash","toString"],"mappings":"AAAA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,iBAAT,CAA2BC,GAA3B,EAAwCC,IAAxC,EAAsD;AACpD,MAAIC,CAAC,GAAGF,GAAG,CAACG,MAAZ;AAAA,MACEC,CAAC,GAAGH,IAAI,GAAGC,CADb;AAAA,MAEEG,CAAC,GAAG,CAFN;AAAA,MAGEC,CAHF;;AAKA,SAAOJ,CAAC,IAAI,CAAZ,EAAe;AACbI,IAAAA,CAAC,GACEN,GAAG,CAACO,UAAJ,CAAeF,CAAf,IAAoB,IAArB,GACC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,CADjC,GAEC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,EAFjC,GAGC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,EAJnC;AAKAC,IAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CADF;AAEAA,IAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACAA,IAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CADF;AAEAF,IAAAA,CAAC,GACE,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IACE,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAD1C,CAAD,GAEAE,CAHF;AAIAJ,IAAAA,CAAC,IAAI,CAAL;AACA,MAAEG,CAAF;AACD;;AAED,UAAQH,CAAR;AACE,SAAK,CAAL;AACEE,MAAAA,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAJ,CAAeF,CAAC,GAAG,CAAnB,IAAwB,IAAzB,KAAkC,EAAvC;;AAEF,SAAK,CAAL;AACED,MAAAA,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAJ,CAAeF,CAAC,GAAG,CAAnB,IAAwB,IAAzB,KAAkC,CAAvC;;AAEF,SAAK,CAAL;AACED,MAAAA,CAAC,IAAIJ,GAAG,CAACO,UAAJ,CAAeF,CAAf,IAAoB,IAAzB;AACAD,MAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IACC,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EADzC,CADF;AATJ;;AAcAA,EAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACAA,EAAAA,CAAC,GAAG,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CAAJ;AACAA,EAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACA,SAAOA,CAAC,KAAK,CAAb;AACD;;AAED,MAAMI,IAAI,GAAG,SAASA,IAAT,CAAcR,GAAd,EAA2B;AACtC,SAAOD,iBAAiB,CAACC,GAAD,EAAM,CAAN,CAAjB,CAA0BS,QAA1B,CAAmC,EAAnC,CAAP;AACD,CAFD;;AAIA,eAAeD,IAAf","sourcesContent":["/* eslint-disable */\r\n//@ts-nocheck\r\n// This hash function is taken from react native web\r\n/**\r\n * JS Implementation of MurmurHash2\r\n *\r\n * @author <a href=\"mailto:gary.court@gmail.com\">Gary Court</a>\r\n * @see http://github.com/garycourt/murmurhash-js\r\n * @author <a href=\"mailto:aappleby@gmail.com\">Austin Appleby</a>\r\n * @see http://sites.google.com/site/murmurhash/\r\n *\r\n * @param {string} str ASCII only\r\n * @param {number} seed Positive integer only\r\n * @return {number} 32-bit positive integer hash\r\n */\r\nfunction murmurhash2_32_gc(str: string, seed: number) {\r\n  var l = str.length,\r\n    h = seed ^ l,\r\n    i = 0,\r\n    k;\r\n\r\n  while (l >= 4) {\r\n    k =\r\n      (str.charCodeAt(i) & 0xff) |\r\n      ((str.charCodeAt(++i) & 0xff) << 8) |\r\n      ((str.charCodeAt(++i) & 0xff) << 16) |\r\n      ((str.charCodeAt(++i) & 0xff) << 24);\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    k ^= k >>> 24;\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    h =\r\n      ((h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)) ^\r\n      k;\r\n    l -= 4;\r\n    ++i;\r\n  }\r\n\r\n  switch (l) {\r\n    case 3:\r\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\r\n\r\n    case 2:\r\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\r\n\r\n    case 1:\r\n      h ^= str.charCodeAt(i) & 0xff;\r\n      h =\r\n        (h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  }\r\n\r\n  h ^= h >>> 13;\r\n  h = (h & 0xffff) * 0x5bd1e995 + ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  h ^= h >>> 15;\r\n  return h >>> 0;\r\n}\r\n\r\nconst hash = function hash(str: string) {\r\n  return murmurhash2_32_gc(str, 1).toString(36);\r\n};\r\n\r\nexport default hash;\r\n"]}
+{"version":3,"names":["murmurhash2_32_gc","str","seed","l","length","h","i","k","charCodeAt","hash","toString"],"sources":["hash.ts"],"sourcesContent":["/* eslint-disable */\r\n//@ts-nocheck\r\n// This hash function is taken from react native web\r\n/**\r\n * JS Implementation of MurmurHash2\r\n *\r\n * @author <a href=\"mailto:gary.court@gmail.com\">Gary Court</a>\r\n * @see http://github.com/garycourt/murmurhash-js\r\n * @author <a href=\"mailto:aappleby@gmail.com\">Austin Appleby</a>\r\n * @see http://sites.google.com/site/murmurhash/\r\n *\r\n * @param {string} str ASCII only\r\n * @param {number} seed Positive integer only\r\n * @return {number} 32-bit positive integer hash\r\n */\r\nfunction murmurhash2_32_gc(str: string, seed: number) {\r\n  var l = str.length,\r\n    h = seed ^ l,\r\n    i = 0,\r\n    k;\r\n\r\n  while (l >= 4) {\r\n    k =\r\n      (str.charCodeAt(i) & 0xff) |\r\n      ((str.charCodeAt(++i) & 0xff) << 8) |\r\n      ((str.charCodeAt(++i) & 0xff) << 16) |\r\n      ((str.charCodeAt(++i) & 0xff) << 24);\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    k ^= k >>> 24;\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    h =\r\n      ((h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)) ^\r\n      k;\r\n    l -= 4;\r\n    ++i;\r\n  }\r\n\r\n  switch (l) {\r\n    case 3:\r\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\r\n\r\n    case 2:\r\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\r\n\r\n    case 1:\r\n      h ^= str.charCodeAt(i) & 0xff;\r\n      h =\r\n        (h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  }\r\n\r\n  h ^= h >>> 13;\r\n  h = (h & 0xffff) * 0x5bd1e995 + ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  h ^= h >>> 15;\r\n  return h >>> 0;\r\n}\r\n\r\nconst hash = function hash(str: string) {\r\n  return murmurhash2_32_gc(str, 1).toString(36);\r\n};\r\n\r\nexport default hash;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,iBAAiBA,CAACC,GAAW,EAAEC,IAAY,EAAE;EACpD,IAAIC,CAAC,GAAGF,GAAG,CAACG,MAAM;IAChBC,CAAC,GAAGH,IAAI,GAAGC,CAAC;IACZG,CAAC,GAAG,CAAC;IACLC,CAAC;EAEH,OAAOJ,CAAC,IAAI,CAAC,EAAE;IACbI,CAAC,GACEN,GAAG,CAACO,UAAU,CAACF,CAAC,CAAC,GAAG,IAAI,GACxB,CAACL,GAAG,CAACO,UAAU,CAAC,EAAEF,CAAC,CAAC,GAAG,IAAI,KAAK,CAAE,GAClC,CAACL,GAAG,CAACO,UAAU,CAAC,EAAEF,CAAC,CAAC,GAAG,IAAI,KAAK,EAAG,GACnC,CAACL,GAAG,CAACO,UAAU,CAAC,EAAEF,CAAC,CAAC,GAAG,IAAI,KAAK,EAAG;IACtCC,CAAC,GACC,CAACA,CAAC,GAAG,MAAM,IAAI,UAAU,IAAI,CAAE,CAACA,CAAC,KAAK,EAAE,IAAI,UAAU,GAAI,MAAM,KAAK,EAAE,CAAC;IAC1EA,CAAC,IAAIA,CAAC,KAAK,EAAE;IACbA,CAAC,GACC,CAACA,CAAC,GAAG,MAAM,IAAI,UAAU,IAAI,CAAE,CAACA,CAAC,KAAK,EAAE,IAAI,UAAU,GAAI,MAAM,KAAK,EAAE,CAAC;IAC1EF,CAAC,GACE,CAACA,CAAC,GAAG,MAAM,IAAI,UAAU,IACvB,CAAE,CAACA,CAAC,KAAK,EAAE,IAAI,UAAU,GAAI,MAAM,KAAK,EAAE,CAAC,GAC9CE,CAAC;IACHJ,CAAC,IAAI,CAAC;IACN,EAAEG,CAAC;EACL;EAEA,QAAQH,CAAC;IACP,KAAK,CAAC;MACJE,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAU,CAACF,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,KAAK,EAAE;IAE3C,KAAK,CAAC;MACJD,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAU,CAACF,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC;IAE1C,KAAK,CAAC;MACJD,CAAC,IAAIJ,GAAG,CAACO,UAAU,CAACF,CAAC,CAAC,GAAG,IAAI;MAC7BD,CAAC,GACC,CAACA,CAAC,GAAG,MAAM,IAAI,UAAU,IACxB,CAAE,CAACA,CAAC,KAAK,EAAE,IAAI,UAAU,GAAI,MAAM,KAAK,EAAE,CAAC;EAClD;EAEAA,CAAC,IAAIA,CAAC,KAAK,EAAE;EACbA,CAAC,GAAG,CAACA,CAAC,GAAG,MAAM,IAAI,UAAU,IAAI,CAAE,CAACA,CAAC,KAAK,EAAE,IAAI,UAAU,GAAI,MAAM,KAAK,EAAE,CAAC;EAC5EA,CAAC,IAAIA,CAAC,KAAK,EAAE;EACb,OAAOA,CAAC,KAAK,CAAC;AAChB;AAEA,MAAMI,IAAI,GAAG,SAASA,IAAIA,CAACR,GAAW,EAAE;EACtC,OAAOD,iBAAiB,CAACC,GAAG,EAAE,CAAC,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC;AAC/C,CAAC;AAED,eAAeD,IAAI","ignoreList":[]}

package/lib/module/utils/useResponsiveQuery/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["useResponsiveQuery","ResponsiveQueryProvider"],"mappings":"AAAA,SAASA,kBAAT,QAAmC,sBAAnC;AACA,SAASC,uBAAT,QAAwC,2BAAxC;AACA,cAAc,SAAd","sourcesContent":["export { useResponsiveQuery } from './useResponsiveQuery';\r\nexport { ResponsiveQueryProvider } from './ResponsiveQueryProvider';\r\nexport * from './types';\r\n"]}
+{"version":3,"names":["useResponsiveQuery","ResponsiveQueryProvider"],"sources":["index.ts"],"sourcesContent":["export { useResponsiveQuery } from './useResponsiveQuery';\r\nexport { ResponsiveQueryProvider } from './ResponsiveQueryProvider';\r\nexport * from './types';\r\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,cAAc,SAAS","ignoreList":[]}

package/lib/module/utils/useResponsiveQuery/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/utils/useResponsiveQuery/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyleSheet } from 'react-native';\r\n\r\ntype StyleSheetStyle = Parameters<typeof StyleSheet.create>[0]['initial'];\r\n\r\nexport type Query = {\r\n  minWidth?: number;\r\n  maxWidth?: number;\r\n  style?: StyleSheetStyle | StyleSheetStyle[];\r\n};\r\n\r\nexport type UseResponsiveQueryParams = {\r\n  initial?: StyleSheetStyle | StyleSheetStyle[];\r\n  query?: Query[];\r\n  disableCSSMediaQueries?: boolean;\r\n};\r\n\r\nexport type DataSet = { [key: string]: string };\r\n\r\nexport type GetResponsiveStylesParams = Omit<\r\n  UseResponsiveQueryParams,\r\n  'disableCSSMediaQueries'\r\n>;\r\n\r\nexport type GetResponsiveStylesReturnType = {\r\n  styles?: StyleSheetStyle[];\r\n  dataSet?: DataSet;\r\n};\r\n\r\nexport type UseResponsiveQueryReturnType = GetResponsiveStylesReturnType & {\r\n  getResponsiveStyles: (\r\n    params: GetResponsiveStylesParams\r\n  ) => GetResponsiveStylesReturnType;\r\n};\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/utils/useResponsiveQuery/useResponsiveQuery.js

@@ -6,7 +6,6 @@ export const useResponsiveQuery = queries => {
   const windowWidth = useWindowDimensions().width;
   const values = useStableMemo(() => {
     const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);
-
     if (queries) {
       const {
         styles
@@ -23,11 +22,11 @@ export const useResponsiveQuery = queries => {
   }, [queries, windowWidth]);
   return values;
 };
+
 /**
  * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
  */
 // noop, web-only. Refer useResponsiveQuery.web.tsx
-
 export const getStyleElement = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };

package/lib/module/utils/useResponsiveQuery/useResponsiveQuery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useResponsiveQuery.tsx"],"names":["React","useWindowDimensions","useStableMemo","getResponsiveStylesImpl","useResponsiveQuery","queries","windowWidth","width","values","getResponsiveStyles","styles","getStyleElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,SAASC,mBAAT,QAAoC,cAApC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,uBAAT,QAAwC,UAAxC;AAEA,OAAO,MAAMC,kBAAkB,GAC7BC,OADgC,IAEC;AACjC,QAAMC,WAAW,GAAGL,mBAAmB,GAAGM,KAA1C;AAEA,QAAMC,MAAM,GAAGN,aAAa,CAAC,MAAM;AACjC,UAAMO,mBAAmB,GAAGN,uBAAuB,CAACG,WAAD,CAAnD;;AACA,QAAID,OAAJ,EAAa;AACX,YAAM;AAAEK,QAAAA;AAAF,UAAaD,mBAAmB,CAACJ,OAAD,CAAtC;AACA,aAAO;AAAEK,QAAAA,MAAF;AAAUD,QAAAA;AAAV,OAAP;AACD,KAHD,MAGO;AACL,aAAO;AAAEA,QAAAA;AAAF,OAAP;AACD;AACF,GAR2B,EAQzB,CAACJ,OAAD,EAAUC,WAAV,CARyB,CAA5B;AAUA,SAAOE,MAAP;AACD,CAhBM;AAkBP;AACA;AACA;AACA;;AACA,OAAO,MAAMG,eAAe,GAAG,MAAM;AACnC,sBAAO,yCAAP;AACD,CAFM","sourcesContent":["import React from 'react';\r\nimport type {\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n} from './types';\r\nimport { useWindowDimensions } from 'react-native';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl } from './common';\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const windowWidth = useWindowDimensions().width;\r\n\r\n  const values = useStableMemo(() => {\r\n    const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n    if (queries) {\r\n      const { styles } = getResponsiveStyles(queries);\r\n      return { styles, getResponsiveStyles };\r\n    } else {\r\n      return { getResponsiveStyles };\r\n    }\r\n  }, [queries, windowWidth]);\r\n\r\n  return values;\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\n// noop, web-only. Refer useResponsiveQuery.web.tsx\r\nexport const getStyleElement = () => {\r\n  return <></>;\r\n};\r\n"]}
+{"version":3,"names":["React","useWindowDimensions","useStableMemo","getResponsiveStylesImpl","useResponsiveQuery","queries","windowWidth","width","values","getResponsiveStyles","styles","getStyleElement","createElement","Fragment"],"sources":["useResponsiveQuery.tsx"],"sourcesContent":["import React from 'react';\r\nimport type {\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n} from './types';\r\nimport { useWindowDimensions } from 'react-native';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl } from './common';\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const windowWidth = useWindowDimensions().width;\r\n\r\n  const values = useStableMemo(() => {\r\n    const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n    if (queries) {\r\n      const { styles } = getResponsiveStyles(queries);\r\n      return { styles, getResponsiveStyles };\r\n    } else {\r\n      return { getResponsiveStyles };\r\n    }\r\n  }, [queries, windowWidth]);\r\n\r\n  return values;\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\n// noop, web-only. Refer useResponsiveQuery.web.tsx\r\nexport const getStyleElement = () => {\r\n  return <></>;\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,uBAAuB,QAAQ,UAAU;AAElD,OAAO,MAAMC,kBAAkB,GAC7BC,OAAkC,IACD;EACjC,MAAMC,WAAW,GAAGL,mBAAmB,CAAC,CAAC,CAACM,KAAK;EAE/C,MAAMC,MAAM,GAAGN,aAAa,CAAC,MAAM;IACjC,MAAMO,mBAAmB,GAAGN,uBAAuB,CAACG,WAAW,CAAC;IAChE,IAAID,OAAO,EAAE;MACX,MAAM;QAAEK;MAAO,CAAC,GAAGD,mBAAmB,CAACJ,OAAO,CAAC;MAC/C,OAAO;QAAEK,MAAM;QAAED;MAAoB,CAAC;IACxC,CAAC,MAAM;MACL,OAAO;QAAEA;MAAoB,CAAC;IAChC;EACF,CAAC,EAAE,CAACJ,OAAO,EAAEC,WAAW,CAAC,CAAC;EAE1B,OAAOE,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAAA,KAAM;EACnC,oBAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,MAAI,CAAC;AACd,CAAC","ignoreList":[]}

package/lib/module/utils/useResponsiveQuery/useResponsiveQuery.web.js

@@ -1,14 +1,15 @@
 // import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';
 import { atomic } from '../react-native-web-fucntions/atomic';
 import preprocess from '../react-native-web-fucntions/preprocess';
-import { StyleSheet } from 'react-native'; // @ts-ignore
-
+import { StyleSheet } from 'react-native';
+// @ts-ignore
 import stableHash from 'stable-hash';
 import hash from './hash';
 import { useStableMemo } from './useStableMemo';
 import { getResponsiveStylesImpl, useDimensionsWithEnable } from './common';
 import { ResponsiveQueryContext } from './ResponsiveQueryProvider';
 import React from 'react';
+
 /******************** Implementation after RNW v0.18 ***********************/
 
 /**
@@ -27,14 +28,13 @@ import React from 'react';
  * This Implementation is based on asumptions that RNW doesn't change the         * function  or doesn't re-write them. if there is any change in RNW implmentation * it we'll break and needs to be updated.
  *
  */
-
 let textContentMap = {};
 export const useResponsiveQuery = queries => {
   var _queries$disableCSSMe;
-
   const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
-  const disableCSSMediaQueries = (_queries$disableCSSMe = queries === null || queries === void 0 ? void 0 : queries.disableCSSMediaQueries) !== null && _queries$disableCSSMe !== void 0 ? _queries$disableCSSMe : responsiveQueryContext.disableCSSMediaQueries; // Only attaches listener if disableCSSMediaQueries is true
+  const disableCSSMediaQueries = (_queries$disableCSSMe = queries === null || queries === void 0 ? void 0 : queries.disableCSSMediaQueries) !== null && _queries$disableCSSMe !== void 0 ? _queries$disableCSSMe : responsiveQueryContext.disableCSSMediaQueries;
 
+  // Only attaches listener if disableCSSMediaQueries is true
   const windowWidth = useDimensionsWithEnable({
     enable: disableCSSMediaQueries
   }).width;
@@ -42,7 +42,6 @@ export const useResponsiveQuery = queries => {
     // Use the non-media query responsive styling
     if (disableCSSMediaQueries) {
       const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);
-
       if (queries) {
         const {
           styles
@@ -76,38 +75,31 @@ export const useResponsiveQuery = queries => {
   }, [queries, windowWidth, disableCSSMediaQueries]);
   return values;
 };
-
 const getDataAttribute = queryRule => {
   if (typeof queryRule.minWidth === 'number' && typeof queryRule.maxWidth === 'number') {
-    return "min-width-".concat(queryRule.minWidth, "-max-width-").concat(queryRule.maxWidth);
+    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;
   } else if (typeof queryRule.minWidth === 'number') {
-    return "min-width-".concat(queryRule.minWidth);
+    return `min-width-${queryRule.minWidth}`;
   } else if (typeof queryRule.maxWidth === 'number') {
-    return "max-width-".concat(queryRule.maxWidth);
+    return `max-width-${queryRule.maxWidth}`;
   }
-
   return undefined;
 };
-
 const getMediaQueryRule = (query, newRule) => {
   if (typeof query.minWidth === 'number' && typeof query.maxWidth === 'number') {
-    return "@media only screen and (min-width: ".concat(query.minWidth, "px) and (max-width: ").concat(query.maxWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;
   } else if (typeof query.minWidth === 'number') {
-    return "@media only screen and (min-width: ".concat(query.minWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;
   } else if (typeof query.maxWidth === 'number') {
-    return "@media only screen and (max-width: ".concat(query.maxWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;
   }
-
   return undefined;
 };
-
 let styleSheet;
-
 const insert = rule => {
   if (rule === '') {
     return;
   }
-
   if (typeof window !== 'undefined') {
     if (!styleSheet) {
       const styleEl = document.createElement('style');
@@ -116,11 +108,9 @@ const insert = rule => {
       document.head.appendChild(styleEl);
       styleSheet = styleEl.sheet;
     }
-
     styleSheet.insertRule(rule, styleSheet.cssRules.length);
   }
 };
-
 const getResponsiveStyles = queries => {
   const queryString = stableHash(queries.query);
   const queriesHash = hash(queryString);
@@ -128,6 +118,7 @@ const getResponsiveStyles = queries => {
     initial: StyleSheet.flatten(queries.initial)
   }).initial] : undefined;
   let dataSet = {};
+
   /**
    * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
    */
@@ -136,35 +127,30 @@ const getResponsiveStyles = queries => {
     queries.query.forEach(queryRule => {
       const queryHash = queriesHash + hash(stableHash(queryRule));
       const dataAttribute = getDataAttribute(queryRule);
-
       if (dataAttribute) {
-        const newIdentifier = "[data-".concat(dataAttribute, "$=\"").concat(queryHash, "\"]");
+        const newIdentifier = `[data-${dataAttribute}$="${queryHash}"]`;
         dataSet[dataAttribute] = queryHash;
         let mediaRules = '';
         const flattenQueryStyle = StyleSheet.flatten(queryRule.style);
         const newStyle = preprocess(flattenQueryStyle);
-        const [compiledStyle, compiledOrderedRules] = atomic(newStyle); //@ts-ignore
-
+        const [compiledStyle, compiledOrderedRules] = atomic(newStyle);
+        //@ts-ignore
         delete compiledStyle.$$css; //removing unnecessary $$css property
-
         Object.keys(compiledStyle).forEach(key => {
           const oldIdentifier = compiledStyle[key];
           compiledOrderedRules.forEach(([rules, _order]) => {
             // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector
-            let newRule = '';
 
+            let newRule = '';
             if (rules[0].includes(oldIdentifier)) {
               newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);
             }
-
             mediaRules += newRule;
           });
         });
-
         if (mediaRules) {
           const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);
-          const queryKey = "/*".concat(queryHash, "{}*/").concat(mediaQueryRule);
-
+          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;
           if (!textContentMap[queryKey]) {
             insert(queryKey);
             textContentMap[queryKey] = true;
@@ -173,17 +159,15 @@ const getResponsiveStyles = queries => {
       }
     });
   }
-
   return {
     styles,
     dataSet
   };
 };
+
 /**
  * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
  */
-
-
 export const getStyleElement = () => {
   return /*#__PURE__*/React.createElement("style", {
     type: "text/css",

package/lib/module/utils/useResponsiveQuery/useResponsiveQuery.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useResponsiveQuery.web.tsx"],"names":["atomic","preprocess","StyleSheet","stableHash","hash","useStableMemo","getResponsiveStylesImpl","useDimensionsWithEnable","ResponsiveQueryContext","React","textContentMap","useResponsiveQuery","queries","responsiveQueryContext","useContext","disableCSSMediaQueries","windowWidth","enable","width","values","getResponsiveStyles","styles","dataSet","getDataAttribute","queryRule","minWidth","maxWidth","undefined","getMediaQueryRule","query","newRule","styleSheet","insert","rule","window","styleEl","document","createElement","type","appendChild","createTextNode","head","sheet","insertRule","cssRules","length","queryString","queriesHash","initial","create","flatten","forEach","queryHash","dataAttribute","newIdentifier","mediaRules","flattenQueryStyle","style","newStyle","compiledStyle","compiledOrderedRules","$$css","Object","keys","key","oldIdentifier","rules","_order","includes","replace","mediaQueryRule","queryKey","getStyleElement","__html","join"],"mappings":"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","sourcesContent":["// import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';\r\nimport { atomic } from '../react-native-web-fucntions/atomic';\r\nimport preprocess from '../react-native-web-fucntions/preprocess';\r\nimport type {\r\n  DataSet,\r\n  Query,\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n  GetResponsiveStylesParams,\r\n} from './types';\r\nimport { StyleSheet } from 'react-native';\r\n// @ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport hash from './hash';\r\nimport type { GetResponsiveStylesReturnType } from './types';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl, useDimensionsWithEnable } from './common';\r\nimport { ResponsiveQueryContext } from './ResponsiveQueryProvider';\r\nimport React from 'react';\r\n\r\n/******************** Implementation after RNW v0.18 ***********************/\r\n\r\n/**\r\n * 1. preprocess:- Handles shadow/text shadow conversion from RN styles to web *                 styles\r\n *\r\n * 2. atomic:- it handles prefixing, converting RN specific styles to web styles *             and generating the CSS selector.\r\n *             Input {marginTop: 10}\r\n *             Output\r\n *             compiledStyle : marginTop: \"r-marginTop-156q2ks\"\r\n *             compiledOrderedRules : \".r-marginTop-156q2ks{margin-top:10px;}\"\r\n *      a)compiledStyle:- Array it holds identifier/selector with properties\r\n *      b)compiledOrderedRules:- Array it holds the css rule with selector name\r\n *      Also from RNW v0.18 handles swapping of ltr styles if enabled by user\r\n * 3. createSheet:- used to grab sheet which exist already created by rnw. when we *                  call createSheet without id it will return sheet which exist. *                  cause it automatically takes a default ID  which is already in *                  use (created by rnw with default ID) so this return sheet *                  which exist with  ID doesn't create a new sheet.\r\n *\r\n * This Implementation is based on asumptions that RNW doesn't change the         * function  or doesn't re-write them. if there is any change in RNW implmentation * it we'll break and needs to be updated.\r\n *\r\n */\r\nlet textContentMap: any = {};\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries =\r\n    queries?.disableCSSMediaQueries ??\r\n    responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  // Only attaches listener if disableCSSMediaQueries is true\r\n  const windowWidth = useDimensionsWithEnable({\r\n    enable: disableCSSMediaQueries,\r\n  }).width;\r\n\r\n  const values = useStableMemo(() => {\r\n    // Use the non-media query responsive styling\r\n    if (disableCSSMediaQueries) {\r\n      const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n      if (queries) {\r\n        const { styles } = getResponsiveStyles(queries);\r\n        return { styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    } else {\r\n      if (queries) {\r\n        const { styles, dataSet } = getResponsiveStyles(queries);\r\n        return { dataSet, styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    }\r\n  }, [queries, windowWidth, disableCSSMediaQueries]);\r\n\r\n  return values;\r\n};\r\n\r\nconst getDataAttribute = (queryRule: Query) => {\r\n  if (\r\n    typeof queryRule.minWidth === 'number' &&\r\n    typeof queryRule.maxWidth === 'number'\r\n  ) {\r\n    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;\r\n  } else if (typeof queryRule.minWidth === 'number') {\r\n    return `min-width-${queryRule.minWidth}`;\r\n  } else if (typeof queryRule.maxWidth === 'number') {\r\n    return `max-width-${queryRule.maxWidth}`;\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nconst getMediaQueryRule = (query: Query, newRule: string) => {\r\n  if (\r\n    typeof query.minWidth === 'number' &&\r\n    typeof query.maxWidth === 'number'\r\n  ) {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.minWidth === 'number') {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.maxWidth === 'number') {\r\n    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  }\r\n  return undefined;\r\n};\r\nlet styleSheet: any;\r\nconst insert = (rule: string) => {\r\n  if (rule === '') {\r\n    return;\r\n  }\r\n  if (typeof window !== 'undefined') {\r\n    if (!styleSheet) {\r\n      const styleEl = document.createElement('style');\r\n      styleEl.type = 'text/css';\r\n      styleEl.appendChild(document.createTextNode(''));\r\n      document.head.appendChild(styleEl);\r\n      styleSheet = styleEl.sheet;\r\n    }\r\n\r\n    styleSheet.insertRule(rule, styleSheet.cssRules.length);\r\n  }\r\n};\r\nconst getResponsiveStyles = (\r\n  queries: GetResponsiveStylesParams\r\n): GetResponsiveStylesReturnType => {\r\n  const queryString = stableHash(queries.query);\r\n\r\n  const queriesHash = hash(queryString);\r\n\r\n  const styles = queries.initial\r\n    ? [\r\n        StyleSheet.create({ initial: StyleSheet.flatten(queries.initial) })\r\n          .initial,\r\n      ]\r\n    : undefined;\r\n\r\n  let dataSet: DataSet = {};\r\n\r\n  /**\r\n   * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n   */\r\n\r\n  if (queries.query) {\r\n    queries.query.forEach((queryRule) => {\r\n      const queryHash = queriesHash + hash(stableHash(queryRule));\r\n      const dataAttribute = getDataAttribute(queryRule);\r\n\r\n      if (dataAttribute) {\r\n        const newIdentifier = `[data-${dataAttribute}$=\"${queryHash}\"]`;\r\n        dataSet[dataAttribute] = queryHash;\r\n\r\n        let mediaRules = '';\r\n\r\n        const flattenQueryStyle = StyleSheet.flatten(queryRule.style);\r\n        const newStyle = preprocess(flattenQueryStyle);\r\n        const [compiledStyle, compiledOrderedRules] = atomic(newStyle);\r\n        //@ts-ignore\r\n        delete compiledStyle.$$css; //removing unnecessary $$css property\r\n        Object.keys(compiledStyle).forEach((key) => {\r\n          const oldIdentifier = compiledStyle[key];\r\n          compiledOrderedRules.forEach(([rules, _order]: any) => {\r\n            // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector\r\n\r\n            let newRule = '';\r\n            if (rules[0].includes(oldIdentifier)) {\r\n              newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);\r\n            }\r\n            mediaRules += newRule;\r\n          });\r\n        });\r\n        if (mediaRules) {\r\n          const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);\r\n\r\n          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;\r\n\r\n          if (!textContentMap[queryKey]) {\r\n            insert(queryKey);\r\n            textContentMap[queryKey] = true;\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  return { styles, dataSet };\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\nexport const getStyleElement = () => {\r\n  return (\r\n    <style\r\n      type=\"text/css\"\r\n      dangerouslySetInnerHTML={{ __html: Object.keys(textContentMap).join('') }}\r\n    />\r\n  );\r\n};\r\n"]}
+{"version":3,"names":["atomic","preprocess","StyleSheet","stableHash","hash","useStableMemo","getResponsiveStylesImpl","useDimensionsWithEnable","ResponsiveQueryContext","React","textContentMap","useResponsiveQuery","queries","_queries$disableCSSMe","responsiveQueryContext","useContext","disableCSSMediaQueries","windowWidth","enable","width","values","getResponsiveStyles","styles","dataSet","getDataAttribute","queryRule","minWidth","maxWidth","undefined","getMediaQueryRule","query","newRule","styleSheet","insert","rule","window","styleEl","document","createElement","type","appendChild","createTextNode","head","sheet","insertRule","cssRules","length","queryString","queriesHash","initial","create","flatten","forEach","queryHash","dataAttribute","newIdentifier","mediaRules","flattenQueryStyle","style","newStyle","compiledStyle","compiledOrderedRules","$$css","Object","keys","key","oldIdentifier","rules","_order","includes","replace","mediaQueryRule","queryKey","getStyleElement","dangerouslySetInnerHTML","__html","join"],"sources":["useResponsiveQuery.web.tsx"],"sourcesContent":["// import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';\r\nimport { atomic } from '../react-native-web-fucntions/atomic';\r\nimport preprocess from '../react-native-web-fucntions/preprocess';\r\nimport type {\r\n  DataSet,\r\n  Query,\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n  GetResponsiveStylesParams,\r\n} from './types';\r\nimport { StyleSheet } from 'react-native';\r\n// @ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport hash from './hash';\r\nimport type { GetResponsiveStylesReturnType } from './types';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl, useDimensionsWithEnable } from './common';\r\nimport { ResponsiveQueryContext } from './ResponsiveQueryProvider';\r\nimport React from 'react';\r\n\r\n/******************** Implementation after RNW v0.18 ***********************/\r\n\r\n/**\r\n * 1. preprocess:- Handles shadow/text shadow conversion from RN styles to web *                 styles\r\n *\r\n * 2. atomic:- it handles prefixing, converting RN specific styles to web styles *             and generating the CSS selector.\r\n *             Input {marginTop: 10}\r\n *             Output\r\n *             compiledStyle : marginTop: \"r-marginTop-156q2ks\"\r\n *             compiledOrderedRules : \".r-marginTop-156q2ks{margin-top:10px;}\"\r\n *      a)compiledStyle:- Array it holds identifier/selector with properties\r\n *      b)compiledOrderedRules:- Array it holds the css rule with selector name\r\n *      Also from RNW v0.18 handles swapping of ltr styles if enabled by user\r\n * 3. createSheet:- used to grab sheet which exist already created by rnw. when we *                  call createSheet without id it will return sheet which exist. *                  cause it automatically takes a default ID  which is already in *                  use (created by rnw with default ID) so this return sheet *                  which exist with  ID doesn't create a new sheet.\r\n *\r\n * This Implementation is based on asumptions that RNW doesn't change the         * function  or doesn't re-write them. if there is any change in RNW implmentation * it we'll break and needs to be updated.\r\n *\r\n */\r\nlet textContentMap: any = {};\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries =\r\n    queries?.disableCSSMediaQueries ??\r\n    responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  // Only attaches listener if disableCSSMediaQueries is true\r\n  const windowWidth = useDimensionsWithEnable({\r\n    enable: disableCSSMediaQueries,\r\n  }).width;\r\n\r\n  const values = useStableMemo(() => {\r\n    // Use the non-media query responsive styling\r\n    if (disableCSSMediaQueries) {\r\n      const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n      if (queries) {\r\n        const { styles } = getResponsiveStyles(queries);\r\n        return { styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    } else {\r\n      if (queries) {\r\n        const { styles, dataSet } = getResponsiveStyles(queries);\r\n        return { dataSet, styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    }\r\n  }, [queries, windowWidth, disableCSSMediaQueries]);\r\n\r\n  return values;\r\n};\r\n\r\nconst getDataAttribute = (queryRule: Query) => {\r\n  if (\r\n    typeof queryRule.minWidth === 'number' &&\r\n    typeof queryRule.maxWidth === 'number'\r\n  ) {\r\n    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;\r\n  } else if (typeof queryRule.minWidth === 'number') {\r\n    return `min-width-${queryRule.minWidth}`;\r\n  } else if (typeof queryRule.maxWidth === 'number') {\r\n    return `max-width-${queryRule.maxWidth}`;\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nconst getMediaQueryRule = (query: Query, newRule: string) => {\r\n  if (\r\n    typeof query.minWidth === 'number' &&\r\n    typeof query.maxWidth === 'number'\r\n  ) {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.minWidth === 'number') {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.maxWidth === 'number') {\r\n    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  }\r\n  return undefined;\r\n};\r\nlet styleSheet: any;\r\nconst insert = (rule: string) => {\r\n  if (rule === '') {\r\n    return;\r\n  }\r\n  if (typeof window !== 'undefined') {\r\n    if (!styleSheet) {\r\n      const styleEl = document.createElement('style');\r\n      styleEl.type = 'text/css';\r\n      styleEl.appendChild(document.createTextNode(''));\r\n      document.head.appendChild(styleEl);\r\n      styleSheet = styleEl.sheet;\r\n    }\r\n\r\n    styleSheet.insertRule(rule, styleSheet.cssRules.length);\r\n  }\r\n};\r\nconst getResponsiveStyles = (\r\n  queries: GetResponsiveStylesParams\r\n): GetResponsiveStylesReturnType => {\r\n  const queryString = stableHash(queries.query);\r\n\r\n  const queriesHash = hash(queryString);\r\n\r\n  const styles = queries.initial\r\n    ? [\r\n        StyleSheet.create({ initial: StyleSheet.flatten(queries.initial) })\r\n          .initial,\r\n      ]\r\n    : undefined;\r\n\r\n  let dataSet: DataSet = {};\r\n\r\n  /**\r\n   * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n   */\r\n\r\n  if (queries.query) {\r\n    queries.query.forEach((queryRule) => {\r\n      const queryHash = queriesHash + hash(stableHash(queryRule));\r\n      const dataAttribute = getDataAttribute(queryRule);\r\n\r\n      if (dataAttribute) {\r\n        const newIdentifier = `[data-${dataAttribute}$=\"${queryHash}\"]`;\r\n        dataSet[dataAttribute] = queryHash;\r\n\r\n        let mediaRules = '';\r\n\r\n        const flattenQueryStyle = StyleSheet.flatten(queryRule.style);\r\n        const newStyle = preprocess(flattenQueryStyle);\r\n        const [compiledStyle, compiledOrderedRules] = atomic(newStyle);\r\n        //@ts-ignore\r\n        delete compiledStyle.$$css; //removing unnecessary $$css property\r\n        Object.keys(compiledStyle).forEach((key) => {\r\n          const oldIdentifier = compiledStyle[key];\r\n          compiledOrderedRules.forEach(([rules, _order]: any) => {\r\n            // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector\r\n\r\n            let newRule = '';\r\n            if (rules[0].includes(oldIdentifier)) {\r\n              newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);\r\n            }\r\n            mediaRules += newRule;\r\n          });\r\n        });\r\n        if (mediaRules) {\r\n          const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);\r\n\r\n          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;\r\n\r\n          if (!textContentMap[queryKey]) {\r\n            insert(queryKey);\r\n            textContentMap[queryKey] = true;\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  return { styles, dataSet };\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\nexport const getStyleElement = () => {\r\n  return (\r\n    <style\r\n      type=\"text/css\"\r\n      dangerouslySetInnerHTML={{ __html: Object.keys(textContentMap).join('') }}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/useResponsiveQuery/useStableMemo.js

@@ -1,5 +1,5 @@
-import { useMemo } from 'react'; //@ts-ignore
-
+import { useMemo } from 'react';
+//@ts-ignore
 import hash from 'stable-hash';
 export function useStableMemo(factory, deps) {
   // eslint-disable-next-line react-hooks/exhaustive-deps

package/lib/module/utils/useResponsiveQuery/useStableMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useStableMemo.ts"],"names":["useMemo","hash","useStableMemo","factory","deps"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB,C,CACA;;AACA,OAAOC,IAAP,MAAiB,aAAjB;AAEA,OAAO,SAASC,aAAT,CAA0BC,OAA1B,EAA4CC,IAA5C,EAAyD;AAC9D;AACA,SAAOJ,OAAO,CAACG,OAAD,EAAU,CAACF,IAAI,CAACG,IAAD,CAAL,CAAV,CAAd;AACD","sourcesContent":["import { useMemo } from 'react';\r\n//@ts-ignore\r\nimport hash from 'stable-hash';\r\n\r\nexport function useStableMemo<T>(factory: () => T, deps: any[]) {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(factory, [hash(deps)]);\r\n}\r\n"]}
+{"version":3,"names":["useMemo","hash","useStableMemo","factory","deps"],"sources":["useStableMemo.ts"],"sourcesContent":["import { useMemo } from 'react';\r\n//@ts-ignore\r\nimport hash from 'stable-hash';\r\n\r\nexport function useStableMemo<T>(factory: () => T, deps: any[]) {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(factory, [hash(deps)]);\r\n}\r\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B;AACA,OAAOC,IAAI,MAAM,aAAa;AAE9B,OAAO,SAASC,aAAaA,CAAIC,OAAgB,EAAEC,IAAW,EAAE;EAC9D;EACA,OAAOJ,OAAO,CAACG,OAAO,EAAE,CAACF,IAAI,CAACG,IAAI,CAAC,CAAC,CAAC;AACvC","ignoreList":[]}

package/lib/module/utils/wrapStringChild.js

@@ -3,7 +3,6 @@ import Text from '../components/primitives/Text';
 export const wrapStringChild = (children, textProps) => {
   return React.Children.map(children, child => {
     var _child$props, _child$props2;
-
     return typeof child === 'string' || typeof child === 'number' || (child === null || child === void 0 ? void 0 : child.type) === React.Fragment && (typeof ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) === 'string' || typeof ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.children) === 'number') ? /*#__PURE__*/React.createElement(Text, textProps, child) : child;
   });
 };

package/lib/module/utils/wrapStringChild.js.map

@@ -1 +1 @@
-{"version":3,"sources":["wrapStringChild.tsx"],"names":["React","Text","wrapStringChild","children","textProps","Children","map","child","type","Fragment","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,+BAAjB;AAEA,OAAO,MAAMC,eAAe,GAAG,CAACC,QAAD,EAAgBC,SAAhB,KAAmC;AAChE,SAAOJ,KAAK,CAACK,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA8BI,KAAD,IAAW;AAAA;;AAC7C,WAAO,OAAOA,KAAP,KAAiB,QAAjB,IACL,OAAOA,KAAP,KAAiB,QADZ,IAEJ,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,MAAgBR,KAAK,CAACS,QAAtB,KACE,wBAAOF,KAAK,CAACG,KAAb,iDAAO,aAAaP,QAApB,MAAiC,QAAjC,IACC,yBAAOI,KAAK,CAACG,KAAb,kDAAO,cAAaP,QAApB,MAAiC,QAFpC,CAFI,gBAKL,oBAAC,IAAD,EAAUC,SAAV,EAAsBG,KAAtB,CALK,GAOLA,KAPF;AASD,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import React from 'react';\r\nimport Text from '../components/primitives/Text';\r\n\r\nexport const wrapStringChild = (children: any, textProps: any) => {\r\n  return React.Children.map(children, (child) => {\r\n    return typeof child === 'string' ||\r\n      typeof child === 'number' ||\r\n      (child?.type === React.Fragment &&\r\n        (typeof child.props?.children === 'string' ||\r\n          typeof child.props?.children === 'number')) ? (\r\n      <Text {...textProps}>{child}</Text>\r\n    ) : (\r\n      child\r\n    );\r\n  });\r\n};\r\n"]}
+{"version":3,"names":["React","Text","wrapStringChild","children","textProps","Children","map","child","_child$props","_child$props2","type","Fragment","props","createElement"],"sources":["wrapStringChild.tsx"],"sourcesContent":["import React from 'react';\r\nimport Text from '../components/primitives/Text';\r\n\r\nexport const wrapStringChild = (children: any, textProps: any) => {\r\n  return React.Children.map(children, (child) => {\r\n    return typeof child === 'string' ||\r\n      typeof child === 'number' ||\r\n      (child?.type === React.Fragment &&\r\n        (typeof child.props?.children === 'string' ||\r\n          typeof child.props?.children === 'number')) ? (\r\n      <Text {...textProps}>{child}</Text>\r\n    ) : (\r\n      child\r\n    );\r\n  });\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,+BAA+B;AAEhD,OAAO,MAAMC,eAAe,GAAGA,CAACC,QAAa,EAAEC,SAAc,KAAK;EAChE,OAAOJ,KAAK,CAACK,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAGI,KAAK,IAAK;IAAA,IAAAC,YAAA,EAAAC,aAAA;IAC7C,OAAO,OAAOF,KAAK,KAAK,QAAQ,IAC9B,OAAOA,KAAK,KAAK,QAAQ,IACxB,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,IAAI,MAAKV,KAAK,CAACW,QAAQ,KAC5B,SAAAH,YAAA,GAAOD,KAAK,CAACK,KAAK,cAAAJ,YAAA,uBAAXA,YAAA,CAAaL,QAAQ,MAAK,QAAQ,IACxC,SAAAM,aAAA,GAAOF,KAAK,CAACK,KAAK,cAAAH,aAAA,uBAAXA,aAAA,CAAaN,QAAQ,MAAK,QAAQ,CAAE,gBAC/CH,KAAA,CAAAa,aAAA,CAACZ,IAAI,EAAKG,SAAS,EAAGG,KAAY,CAAC,GAEnCA,KACD;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/typescript/components/composites/AppBar/AppBarContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IBoxProps } from '../../primitives';
 export declare type IAppBarContentProps = IBoxProps;
-declare const _default: React.MemoExoticComponent<(props: IAppBarContentProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: IAppBarContentProps) => React.JSX.Element>;
 export default _default;

package/lib/typescript/components/composites/AppBar/AppBarLeft.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IStackProps } from '../../primitives';
-declare const _default: React.MemoExoticComponent<(props: IStackProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<(props: IStackProps) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/components/composites/AppBar/AppBarRight.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IStackProps } from '../../primitives';
-declare const _default: React.MemoExoticComponent<(props: IStackProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<(props: IStackProps) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/components/composites/Backdrop/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IPressableProps } from '../../primitives/Pressable';
-declare const _default: React.MemoExoticComponent<(props: IPressableProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<(props: IPressableProps) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/components/composites/Center/Square.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ISquareProps } from './types';
-declare const _default: React.MemoExoticComponent<(props: ISquareProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<(props: ISquareProps) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/components/composites/Drawer/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type IDrawerProps = {
     placement?: 'top' | 'left' | 'right' | 'bottom';
     children?: any;
     isOpen: boolean;
     onClose?: () => void;
 };
-declare const Drawer: ({ children, isOpen, onClose, placement, }: IDrawerProps) => JSX.Element | null;
+declare const Drawer: ({ children, isOpen, onClose, placement, }: IDrawerProps) => React.JSX.Element | null;
 export default Drawer;

package/lib/typescript/components/composites/FormControl/useFormControl.d.ts

@@ -355,9 +355,8 @@ export declare function useFormControl(props: IFormControlProps): {
     _web?: Partial<IFormControlProps> | undefined;
     _ios?: Partial<IFormControlProps> | undefined;
     _android?: Partial<IFormControlProps> | undefined;
-    _light?: Partial<IFormControlProps> | undefined;
     _dark?: Partial<IFormControlProps> | undefined;
-    _important?: Partial<IFormControlProps> | undefined;
+    _light?: Partial<IFormControlProps> | undefined;
     variant?: unknown;
     safeArea?: number | boolean | undefined;
     safeAreaY?: number | boolean | undefined;
@@ -366,6 +365,7 @@ export declare function useFormControl(props: IFormControlProps): {
     safeAreaLeft?: number | boolean | undefined;
     safeAreaX?: number | boolean | undefined;
     safeAreaRight?: number | boolean | undefined;
+    _important?: Partial<IFormControlProps> | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
     accessible?: boolean | undefined;
     accessibilityActions?: readonly Readonly<{

package/lib/typescript/components/composites/NumberInput/NumberInput.d.ts

@@ -19,5 +19,5 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     variant?: unknown;
     size?: unknown;
     colorScheme?: import("../../types").ColorSchemeType;
-}, "children" | "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "_light" | "_dark" | "_important" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "variant" | "safeArea" | "safeAreaY" | "safeAreaTop" | "safeAreaBottom" | "safeAreaLeft" | "safeAreaX" | "safeAreaRight" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "_text" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor" | "step" | "min" | "max" | "keepWithinRange" | "clampValueOnBlur" | "focusInputOnChange" | "getAriaValueText" | "precision" | "allowMouseWheel"> & React.RefAttributes<unknown>>>;
+}, "children" | "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "_dark" | "_light" | "variant" | "safeArea" | "safeAreaY" | "safeAreaTop" | "safeAreaBottom" | "safeAreaLeft" | "safeAreaX" | "safeAreaRight" | "_important" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "_text" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor" | "step" | "min" | "max" | "keepWithinRange" | "clampValueOnBlur" | "focusInputOnChange" | "getAriaValueText" | "precision" | "allowMouseWheel"> & React.RefAttributes<unknown>>>;
 export default _default;

package/lib/typescript/components/composites/NumberInput/NumberInputField.d.ts

@@ -3,5 +3,5 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     variant?: import("../../types").ResponsiveValue<"rounded" | "outline" | (string & {}) | "underlined" | "unstyled" | "filled">;
     size?: import("../../types").ThemeComponentSizeType<"Input">;
     colorScheme?: import("../../types").ColorSchemeType;
-}, "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "_light" | "_dark" | "_important" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "variant" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor"> & React.RefAttributes<unknown>>>;
+}, "children" | "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "_dark" | "_light" | "variant" | "_important" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor"> & React.RefAttributes<unknown>>>;
 export default _default;

package/lib/typescript/components/composites/PinInput/PinInput.d.ts

@@ -7,5 +7,5 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     variant?: unknown;
     size?: import("../../types").ThemeComponentSizeType<"PinInput">;
     colorScheme?: import("../../types").ColorSchemeType;
-}, "children" | "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "_light" | "_dark" | "_important" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "variant" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor" | "manageFocus"> & React.RefAttributes<unknown>>>;
+}, "children" | "value" | "p" | "style" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "borderTopWidth" | "borderTopStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderRightWidth" | "borderRightStyle" | "borderRightColor" | "borderBottomWidth" | "borderBottomStyle" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderLeftWidth" | "borderLeftStyle" | "borderLeftColor" | "borderX" | "borderY" | "rounded" | "width" | "w" | "height" | "h" | "display" | "minWidth" | "minW" | "minH" | "minHeight" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "outlineColor" | "outlineStyle" | "bg" | "backgroundColor" | "bgColor" | "colorScheme" | "isDisabled" | "opacity" | "fontWeight" | "shadow" | "color" | "tintColor" | "textDecorationColor" | "fontFamily" | "fontSize" | "lineHeight" | "letterSpacing" | "textDecorationLine" | "fontStyle" | "pointerEvents" | "textAlign" | "textTransform" | "background" | "textDecoration" | "testID" | "textAlignVertical" | "txtDecor" | "borderTopRadius" | "borderLeftRadius" | "borderRightRadius" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomLeft" | "roundedBottomRight" | "roundedTop" | "borderBottomRadius" | "roundedBottom" | "roundedLeft" | "roundedRight" | "flexDir" | "boxSize" | "_web" | "_ios" | "_android" | "defaultValue" | "onChange" | "isReadOnly" | "isInvalid" | "isFocused" | "isHovered" | "_dark" | "_light" | "variant" | "_important" | "allowFontScaling" | "numberOfLines" | "onLayout" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "_hover" | "_readOnly" | "_invalid" | "_focus" | "_disabled" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onBlur" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onFocus" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onScroll" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "scrollEnabled" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "isRequired" | "isFullWidth" | "InputLeftElement" | "leftElement" | "InputRightElement" | "rightElement" | "type" | "wrapperRef" | "_input" | "_stack" | "focusOutlineColor" | "invalidOutlineColor" | "manageFocus"> & React.RefAttributes<unknown>>>;
 export default _default;