@griffel/react 1.5.23 → 1.5.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/RendererContext.cjs.js +4 -6
  2. package/RendererContext.cjs.js.map +1 -1
  3. package/RendererContext.esm.js +0 -2
  4. package/RendererContext.esm.js.map +1 -1
  5. package/TextDirectionContext.cjs.js +4 -6
  6. package/TextDirectionContext.cjs.js.map +1 -1
  7. package/TextDirectionContext.esm.js +0 -2
  8. package/TextDirectionContext.esm.js.map +1 -1
  9. package/__css.cjs.js +0 -2
  10. package/__css.cjs.js.map +1 -1
  11. package/__css.esm.js.map +1 -1
  12. package/__resetCSS.cjs.js +0 -2
  13. package/__resetCSS.cjs.js.map +1 -1
  14. package/__resetCSS.esm.js.map +1 -1
  15. package/__resetStyles.cjs.js +0 -2
  16. package/__resetStyles.cjs.js.map +1 -1
  17. package/__resetStyles.esm.js.map +1 -1
  18. package/__styles.cjs.js +0 -2
  19. package/__styles.cjs.js.map +1 -1
  20. package/__styles.esm.js.map +1 -1
  21. package/index.cjs.js +4 -6
  22. package/index.cjs.js.map +1 -1
  23. package/index.esm.d.ts +1 -0
  24. package/insertionFactory.cjs.js +0 -2
  25. package/insertionFactory.cjs.js.map +1 -1
  26. package/insertionFactory.esm.js.map +1 -1
  27. package/makeResetStyles.cjs.js +0 -2
  28. package/makeResetStyles.cjs.js.map +1 -1
  29. package/makeResetStyles.esm.js.map +1 -1
  30. package/makeStaticStyles.cjs.js +0 -2
  31. package/makeStaticStyles.cjs.js.map +1 -1
  32. package/makeStaticStyles.esm.js.map +1 -1
  33. package/makeStyles.cjs.js +0 -2
  34. package/makeStyles.cjs.js.map +1 -1
  35. package/makeStyles.esm.js.map +1 -1
  36. package/package.json +3 -3
  37. package/renderToStyleElements.cjs.js +4 -6
  38. package/renderToStyleElements.cjs.js.map +1 -1
  39. package/renderToStyleElements.esm.js.map +1 -1
  40. package/useInsertionEffect.cjs.js +4 -6
  41. package/useInsertionEffect.cjs.js.map +1 -1
  42. package/useInsertionEffect.esm.js.map +1 -1
  43. package/utils/canUseDOM.cjs.js +0 -2
  44. package/utils/canUseDOM.cjs.js.map +1 -1
  45. package/utils/canUseDOM.esm.js.map +1 -1
  46. package/utils/isInsideComponent.cjs.js +4 -6
  47. package/utils/isInsideComponent.cjs.js.map +1 -1
  48. package/utils/isInsideComponent.esm.js +0 -2
  49. package/utils/isInsideComponent.esm.js.map +1 -1
@@ -1,13 +1,11 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var React = require('react');
7
5
  var canUseDOM = require('./utils/canUseDOM.cjs.js');
8
6
 
9
- function _interopNamespace(e) {
10
- if (e && e.__esModule) return e;
7
+ function _interopNamespaceCompat(e) {
8
+ if (e && typeof e === 'object' && 'default' in e) return e;
11
9
  var n = Object.create(null);
12
10
  if (e) {
13
11
  Object.keys(e).forEach(function (k) {
@@ -20,11 +18,11 @@ function _interopNamespace(e) {
20
18
  }
21
19
  });
22
20
  }
23
- n["default"] = e;
21
+ n.default = e;
24
22
  return Object.freeze(n);
25
23
  }
26
24
 
27
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
25
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
28
26
 
29
27
  /**
30
28
  * @private
@@ -1 +1 @@
1
- {"version":3,"file":"RendererContext.cjs.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport type { GriffelRenderer } from '@griffel/core';\nimport * as React from 'react';\n\nimport { canUseDOM } from './utils/canUseDOM';\n\nexport interface RendererProviderProps {\n /** An instance of Griffel renderer. */\n renderer: GriffelRenderer;\n\n /**\n * Document used to insert CSS variables to head\n */\n targetDocument?: Document;\n\n /**\n * Content wrapped by the RendererProvider\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst RendererContext = React.createContext<GriffelRenderer>(createDOMRenderer());\n\n/**\n * @public\n */\nexport const RendererProvider: React.FC<RendererProviderProps> = ({ children, renderer, targetDocument }) => {\n if (canUseDOM()) {\n // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n // mounting.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useMemo(() => {\n // \"rehydrateCache()\" can't be called in effects as it needs to be called before any component will be rendered to\n // avoid double insertion of classes\n rehydrateRendererCache(renderer, targetDocument);\n }, [renderer, targetDocument]);\n }\n\n return <RendererContext.Provider value={renderer}>{children}</RendererContext.Provider>;\n};\n\n/**\n * Returns an instance of current makeStyles() renderer.\n *\n * @private Exported as \"useRenderer_unstable\" use it on own risk. Can be changed or removed without a notice.\n */\nexport function useRenderer(): GriffelRenderer {\n return React.useContext(RendererContext);\n}\n"],"names":["RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","canUseDOM","useMemo","rehydrateRendererCache","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;AAEG;AACH,MAAMA,eAAe,gBAAGC,gBAAK,CAACC,aAAa,eAAkBC,sBAAiB,EAAE,CAAC,CAAA;AAEjF;;AAEG;AACI,MAAMC,gBAAgB,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAc,CAAE,KAAI;EAC1G,IAAIC,mBAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,gBAAK,CAACQ,OAAO,CAAC,MAAK;AACjB;AACA;AACAC,MAAAA,2BAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAC/B,GAAA;AAED,EAAA,oBAAON,gBAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;GAAQ,EAAGD,QAAQ,CAA4B,CAAA;AACzF,EAAC;AAED;;;;AAIG;SACaS,WAAWA,GAAA;AACzB,EAAA,OAAOb,gBAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;;"}
1
+ {"version":3,"file":"RendererContext.cjs.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport type { GriffelRenderer } from '@griffel/core';\nimport * as React from 'react';\n\nimport { canUseDOM } from './utils/canUseDOM';\n\nexport interface RendererProviderProps {\n /** An instance of Griffel renderer. */\n renderer: GriffelRenderer;\n\n /**\n * Document used to insert CSS variables to head\n */\n targetDocument?: Document;\n\n /**\n * Content wrapped by the RendererProvider\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst RendererContext = React.createContext<GriffelRenderer>(createDOMRenderer());\n\n/**\n * @public\n */\nexport const RendererProvider: React.FC<RendererProviderProps> = ({ children, renderer, targetDocument }) => {\n if (canUseDOM()) {\n // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n // mounting.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useMemo(() => {\n // \"rehydrateCache()\" can't be called in effects as it needs to be called before any component will be rendered to\n // avoid double insertion of classes\n rehydrateRendererCache(renderer, targetDocument);\n }, [renderer, targetDocument]);\n }\n\n return <RendererContext.Provider value={renderer}>{children}</RendererContext.Provider>;\n};\n\n/**\n * Returns an instance of current makeStyles() renderer.\n *\n * @private Exported as \"useRenderer_unstable\" use it on own risk. Can be changed or removed without a notice.\n */\nexport function useRenderer(): GriffelRenderer {\n return React.useContext(RendererContext);\n}\n"],"names":["RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","canUseDOM","useMemo","rehydrateRendererCache","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;AAEG;AACH,MAAMA,eAAe,gBAAGC,gBAAK,CAACC,aAAa,eAAkBC,sBAAiB,EAAE,CAAC,CAAA;AAEjF;;AAEG;AACI,MAAMC,gBAAgB,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAc,CAAE,KAAI;EAC1G,IAAIC,mBAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,gBAAK,CAACQ,OAAO,CAAC,MAAK;AACjB;AACA;AACAC,MAAAA,2BAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAChC,GAAA;AAEA,EAAA,oBAAON,gBAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;GAAQ,EAAGD,QAAQ,CAA4B,CAAA;AACzF,EAAC;AAED;;;;AAIG;SACaS,WAAWA,GAAA;AACzB,EAAA,OAAOb,gBAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;;"}
@@ -6,7 +6,6 @@ import { canUseDOM } from './utils/canUseDOM.esm.js';
6
6
  * @private
7
7
  */
8
8
  const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/createDOMRenderer());
9
-
10
9
  /**
11
10
  * @public
12
11
  */
@@ -29,7 +28,6 @@ const RendererProvider = ({
29
28
  value: renderer
30
29
  }, children);
31
30
  };
32
-
33
31
  /**
34
32
  * Returns an instance of current makeStyles() renderer.
35
33
  *
@@ -1 +1 @@
1
- {"version":3,"file":"RendererContext.esm.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport type { GriffelRenderer } from '@griffel/core';\nimport * as React from 'react';\n\nimport { canUseDOM } from './utils/canUseDOM';\n\nexport interface RendererProviderProps {\n /** An instance of Griffel renderer. */\n renderer: GriffelRenderer;\n\n /**\n * Document used to insert CSS variables to head\n */\n targetDocument?: Document;\n\n /**\n * Content wrapped by the RendererProvider\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst RendererContext = React.createContext<GriffelRenderer>(createDOMRenderer());\n\n/**\n * @public\n */\nexport const RendererProvider: React.FC<RendererProviderProps> = ({ children, renderer, targetDocument }) => {\n if (canUseDOM()) {\n // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n // mounting.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useMemo(() => {\n // \"rehydrateCache()\" can't be called in effects as it needs to be called before any component will be rendered to\n // avoid double insertion of classes\n rehydrateRendererCache(renderer, targetDocument);\n }, [renderer, targetDocument]);\n }\n\n return <RendererContext.Provider value={renderer}>{children}</RendererContext.Provider>;\n};\n\n/**\n * Returns an instance of current makeStyles() renderer.\n *\n * @private Exported as \"useRenderer_unstable\" use it on own risk. Can be changed or removed without a notice.\n */\nexport function useRenderer(): GriffelRenderer {\n return React.useContext(RendererContext);\n}\n"],"names":["RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","canUseDOM","useMemo","rehydrateRendererCache","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;AAqBA;AACA;AACA;AACA,MAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,eAAkBC,iBAAiB,EAAE,CAAC,CAAA;;AAEjF;AACA;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAe,CAAC,KAAK;EAC3G,IAAIC,SAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,KAAK,CAACQ,OAAO,CAAC,MAAM;AAClB;AACA;AACAC,MAAAA,sBAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAChC,GAAA;AAEA,EAAA,oBAAON,KAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;AAAS,GAAA,EAAED,QAAmC,CAAC,CAAA;AACzF,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASS,WAAWA,GAAoB;AAC7C,EAAA,OAAOb,KAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;"}
1
+ {"version":3,"file":"RendererContext.esm.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport type { GriffelRenderer } from '@griffel/core';\nimport * as React from 'react';\n\nimport { canUseDOM } from './utils/canUseDOM';\n\nexport interface RendererProviderProps {\n /** An instance of Griffel renderer. */\n renderer: GriffelRenderer;\n\n /**\n * Document used to insert CSS variables to head\n */\n targetDocument?: Document;\n\n /**\n * Content wrapped by the RendererProvider\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst RendererContext = React.createContext<GriffelRenderer>(createDOMRenderer());\n\n/**\n * @public\n */\nexport const RendererProvider: React.FC<RendererProviderProps> = ({ children, renderer, targetDocument }) => {\n if (canUseDOM()) {\n // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n // mounting.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useMemo(() => {\n // \"rehydrateCache()\" can't be called in effects as it needs to be called before any component will be rendered to\n // avoid double insertion of classes\n rehydrateRendererCache(renderer, targetDocument);\n }, [renderer, targetDocument]);\n }\n\n return <RendererContext.Provider value={renderer}>{children}</RendererContext.Provider>;\n};\n\n/**\n * Returns an instance of current makeStyles() renderer.\n *\n * @private Exported as \"useRenderer_unstable\" use it on own risk. Can be changed or removed without a notice.\n */\nexport function useRenderer(): GriffelRenderer {\n return React.useContext(RendererContext);\n}\n"],"names":["RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","canUseDOM","useMemo","rehydrateRendererCache","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;AAqBA;;AAEG;AACH,MAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,eAAkBC,iBAAiB,EAAE,CAAC,CAAA;AAEjF;;AAEG;AACI,MAAMC,gBAAgB,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAc,CAAE,KAAI;EAC1G,IAAIC,SAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,KAAK,CAACQ,OAAO,CAAC,MAAK;AACjB;AACA;AACAC,MAAAA,sBAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAChC,GAAA;AAEA,EAAA,oBAAON,KAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;GAAQ,EAAGD,QAAQ,CAA4B,CAAA;AACzF,EAAC;AAED;;;;AAIG;SACaS,WAAWA,GAAA;AACzB,EAAA,OAAOb,KAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;"}
@@ -1,11 +1,9 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
 
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === 'object' && 'default' in e) return e;
9
7
  var n = Object.create(null);
10
8
  if (e) {
11
9
  Object.keys(e).forEach(function (k) {
@@ -18,11 +16,11 @@ function _interopNamespace(e) {
18
16
  }
19
17
  });
20
18
  }
21
- n["default"] = e;
19
+ n.default = e;
22
20
  return Object.freeze(n);
23
21
  }
24
22
 
25
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
23
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
26
24
 
27
25
  /**
28
26
  * @private
@@ -1 +1 @@
1
- {"version":3,"file":"TextDirectionContext.cjs.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;;AAEG;AACH,MAAMA,oBAAoB,gBAAGC,gBAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;AAEtE;;AAEG;AACI,MAAMC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAK,CAAA,KAAI;AAC/F,EAAA,oBAAOJ,gBAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;GAAG,EAAGD,QAAQ,CAAiC,CAAA;AAC9F,EAAC;AAED;;;;AAIG;SACaK,gBAAgBA,GAAA;AAC9B,EAAA,OAAOR,gBAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;;"}
1
+ {"version":3,"file":"TextDirectionContext.cjs.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA;;AAEG;AACH,MAAMA,oBAAoB,gBAAGC,gBAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;AAEtE;;AAEG;AACI,MAAMC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAK,CAAA,KAAI;AAC/F,EAAA,oBAAOJ,gBAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;GAAG,EAAGD,QAAQ,CAAiC,CAAA;AAC9F,EAAC;AAED;;;;AAIG;SACaK,gBAAgBA,GAAA;AAC9B,EAAA,OAAOR,gBAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;;"}
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  * @private
5
5
  */
6
6
  const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
7
-
8
7
  /**
9
8
  * @public
10
9
  */
@@ -16,7 +15,6 @@ const TextDirectionProvider = ({
16
15
  value: dir
17
16
  }, children);
18
17
  };
19
-
20
18
  /**
21
19
  * Returns current directionality of the element's text.
22
20
  *
@@ -1 +1 @@
1
- {"version":3,"file":"TextDirectionContext.esm.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;AAYA;AACA;AACA;AACA,MAAMA,oBAAoB,gBAAGC,KAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;;AAEtE;AACA;AACA;AACO,MAAMC,qBAA2D,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAI,CAAC,KAAK;AAChG,EAAA,oBAAOJ,KAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;AAAI,GAAA,EAAED,QAAwC,CAAC,CAAA;AAC9F,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASK,gBAAgBA,GAAG;AACjC,EAAA,OAAOR,KAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;"}
1
+ {"version":3,"file":"TextDirectionContext.esm.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;AAYA;;AAEG;AACH,MAAMA,oBAAoB,gBAAGC,KAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;AAEtE;;AAEG;AACI,MAAMC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAK,CAAA,KAAI;AAC/F,EAAA,oBAAOJ,KAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;GAAG,EAAGD,QAAQ,CAAiC,CAAA;AAC9F,EAAC;AAED;;;;AAIG;SACaK,gBAAgBA,GAAA;AAC9B,EAAA,OAAOR,KAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;"}
package/__css.cjs.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var TextDirectionContext = require('./TextDirectionContext.cjs.js');
7
5
 
package/__css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"__css.cjs.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAKA;;;;AAIG;AACH;AACM,SAAUA,KAAKA,CAAuBC,gBAA4C,EAAA;AACtF,EAAA,MAAMC,SAAS,GAAGC,UAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__css.cjs.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;AAKA;;;;AAIG;AACH;AACM,SAAUA,KAAKA,CAAuBC,gBAA4C,EAAA;AACtF,EAAA,MAAMC,SAAS,GAAGC,UAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
package/__css.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"__css.esm.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,KAAKA,CAAuBC,gBAA4C,EAAE;AACxF,EAAA,MAAMC,SAAS,GAAGC,OAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAA0B;AAClD,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAI,KAAC,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__css.esm.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAKA;;;;AAIG;AACH;AACM,SAAUA,KAAKA,CAAuBC,gBAA4C,EAAA;AACtF,EAAA,MAAMC,SAAS,GAAGC,OAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
package/__resetCSS.cjs.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var TextDirectionContext = require('./TextDirectionContext.cjs.js');
7
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAGA;;;;AAIG;AACH;AACgB,SAAAA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAA;AAC1E,EAAA,MAAMC,SAAS,GAAGC,eAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;AAGA;;;;AAIG;AACH;AACgB,SAAAA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAA;AAC1E,EAAA,MAAMC,SAAS,GAAGC,eAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAE;AAC5E,EAAA,MAAMC,SAAS,GAAGC,YAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAW;AACnC,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAI,KAAC,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAGA;;;;AAIG;AACH;AACgB,SAAAA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAA;AAC1E,EAAA,MAAMC,SAAS,GAAGC,YAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var insertionFactory = require('./insertionFactory.cjs.js');
7
5
  var RendererContext = require('./RendererContext.cjs.js');
@@ -1 +1 @@
1
- {"version":3,"file":"__resetStyles.cjs.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__resetStyles","ltrClassName","rtlClassName","cssRules","getStyles","vanillaResetStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;AAOA;;;;AAIG;AACH;SACgBA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EAAA;EAErC,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__resetStyles.cjs.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__resetStyles","ltrClassName","rtlClassName","cssRules","getStyles","vanillaResetStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;AAOA;;;;AAIG;AACH;SACgBA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EAAA;EAErC,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"__resetStyles.esm.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__resetStyles","ltrClassName","rtlClassName","cssRules","getStyles","vanillaResetStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EACrC;EACA,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAW;AACnC,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__resetStyles.esm.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__resetStyles","ltrClassName","rtlClassName","cssRules","getStyles","vanillaResetStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;AAOA;;;;AAIG;AACH;SACgBA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EAAA;EAErC,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
package/__styles.cjs.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var insertionFactory = require('./insertionFactory.cjs.js');
7
5
  var RendererContext = require('./RendererContext.cjs.js');
@@ -1 +1 @@
1
- {"version":3,"file":"__styles.cjs.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["import { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__styles","classesMapBySlot","cssRules","getStyles","vanillaStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;AAOA;;;;AAIG;AACH;AACgB,SAAAA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAAA;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__styles.cjs.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["import { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__styles","classesMapBySlot","cssRules","getStyles","vanillaStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;AAOA;;;;AAIG;AACH;AACgB,SAAAA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAAA;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"__styles.esm.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["import { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__styles","classesMapBySlot","cssRules","getStyles","vanillaStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAC1B;EACA,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAA0B;AAClD,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"__styles.esm.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["import { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["__styles","classesMapBySlot","cssRules","getStyles","vanillaStyles","insertionFactory","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;AAOA;;;;AAIG;AACH;AACgB,SAAAA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAAA;EAE1B,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
package/index.cjs.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var makeStyles = require('./makeStyles.cjs.js');
7
5
  var makeResetStyles = require('./makeResetStyles.cjs.js');
@@ -16,19 +14,19 @@ var __resetStyles = require('./__resetStyles.cjs.js');
16
14
 
17
15
 
18
16
 
19
- Object.defineProperty(exports, 'RESET', {
17
+ Object.defineProperty(exports, "RESET", {
20
18
  enumerable: true,
21
19
  get: function () { return core.RESET; }
22
20
  });
23
- Object.defineProperty(exports, 'createDOMRenderer', {
21
+ Object.defineProperty(exports, "createDOMRenderer", {
24
22
  enumerable: true,
25
23
  get: function () { return core.createDOMRenderer; }
26
24
  });
27
- Object.defineProperty(exports, 'mergeClasses', {
25
+ Object.defineProperty(exports, "mergeClasses", {
28
26
  enumerable: true,
29
27
  get: function () { return core.mergeClasses; }
30
28
  });
31
- Object.defineProperty(exports, 'shorthands', {
29
+ Object.defineProperty(exports, "shorthands", {
32
30
  enumerable: true,
33
31
  get: function () { return core.shorthands; }
34
32
  });
package/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/index.esm.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./src/index";
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var canUseDOM = require('./utils/canUseDOM.cjs.js');
6
4
  var useInsertionEffect = require('./useInsertionEffect.cjs.js');
7
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"insertionFactory.cjs.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["import type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["insertionFactory","insertionCache","insert","renderer","cssRules","useInsertionEffect","canUseDOM","insertCSSRules","id","undefined"],"mappings":";;;;;;;AAKaA,MAAAA,gBAAgB,GAA4BA,MAAK;EAC5D,MAAMC,cAAc,GAA4B,EAAE,CAAA;AAElD,EAAA,OAAO,SAASC,MAAMA,CAACC,QAAyB,EAAEC,QAA0B,EAAA;AAC1E;AACA,IAAA,IAAIC,qCAAkB,IAAIC,mBAAS,EAAE,EAAE;AACrC;AACAD,MAAAA,qCAAkB,CAAC,MAAK;AACtBF,QAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AACpC,OAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;AAExB,MAAA,OAAA;AACD,KAAA;IAED,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;AAC7CN,MAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AAClCH,MAAAA,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI,CAAA;AACnC,KAAA;GACF,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"insertionFactory.cjs.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["import type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["insertionFactory","insertionCache","insert","renderer","cssRules","useInsertionEffect","canUseDOM","insertCSSRules","id","undefined"],"mappings":";;;;;AAKaA,MAAAA,gBAAgB,GAA4BA,MAAK;EAC5D,MAAMC,cAAc,GAA4B,EAAE,CAAA;AAElD,EAAA,OAAO,SAASC,MAAMA,CAACC,QAAyB,EAAEC,QAA0B,EAAA;AAC1E;AACA,IAAA,IAAIC,qCAAkB,IAAIC,mBAAS,EAAE,EAAE;AACrC;AACAD,MAAAA,qCAAkB,CAAC,MAAK;AACtBF,QAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AACpC,OAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;AAExB,MAAA,OAAA;AACF,KAAA;IAEA,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;AAC7CN,MAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AAClCH,MAAAA,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI,CAAA;AACpC,KAAA;GACD,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"insertionFactory.esm.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["import type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["insertionFactory","insertionCache","insert","renderer","cssRules","useInsertionEffect","canUseDOM","insertCSSRules","id","undefined"],"mappings":";;;AAKaA,MAAAA,gBAAyC,GAAGA,MAAM;EAC7D,MAAMC,cAAuC,GAAG,EAAE,CAAA;AAElD,EAAA,OAAO,SAASC,MAAMA,CAACC,QAAyB,EAAEC,QAA0B,EAAE;AAC5E;AACA,IAAA,IAAIC,kBAAkB,IAAIC,SAAS,EAAE,EAAE;AACrC;AACAD,MAAAA,kBAAkB,CAAC,MAAM;AACvBF,QAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AACpC,OAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;AAExB,MAAA,OAAA;AACF,KAAA;IAEA,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;AAC7CN,MAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AAClCH,MAAAA,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI,CAAA;AACpC,KAAA;GACD,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"insertionFactory.esm.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["import type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["insertionFactory","insertionCache","insert","renderer","cssRules","useInsertionEffect","canUseDOM","insertCSSRules","id","undefined"],"mappings":";;;AAKaA,MAAAA,gBAAgB,GAA4BA,MAAK;EAC5D,MAAMC,cAAc,GAA4B,EAAE,CAAA;AAElD,EAAA,OAAO,SAASC,MAAMA,CAACC,QAAyB,EAAEC,QAA0B,EAAA;AAC1E;AACA,IAAA,IAAIC,kBAAkB,IAAIC,SAAS,EAAE,EAAE;AACrC;AACAD,MAAAA,kBAAkB,CAAC,MAAK;AACtBF,QAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AACpC,OAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;AAExB,MAAA,OAAA;AACF,KAAA;IAEA,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;AAC7CN,MAAAA,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC,CAAA;AAClCH,MAAAA,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI,CAAA;AACpC,KAAA;GACD,CAAA;AACH;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var insertionFactory = require('./insertionFactory.cjs.js');
7
5
  var RendererContext = require('./RendererContext.cjs.js');
@@ -1 +1 @@
1
- {"version":3,"file":"makeResetStyles.cjs.js","sources":["../../../packages/react/src/makeResetStyles.ts"],"sourcesContent":["import { makeResetStyles as vanillaMakeResetStyles } from '@griffel/core';\nimport type { GriffelResetStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n const getStyles = vanillaMakeResetStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeResetStyles(): this function cannot be called in component's scope.\",\n 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClassName(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeResetStyles","styles","getStyles","vanillaMakeResetStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;;AAQM,SAAUA,eAAeA,CAACC,MAAyB,EAAA;AACvD,EAAA,MAAMC,SAAS,GAAGC,oBAAsB,CAACF,MAAM,EAAEG,iCAAgB,CAAC,CAAA;AAElE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACF,KAAA;AACF,GAAA;EAED,OAAO,SAASC,YAAYA,GAAA;AAC1B,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeResetStyles.cjs.js","sources":["../../../packages/react/src/makeResetStyles.ts"],"sourcesContent":["import { makeResetStyles as vanillaMakeResetStyles } from '@griffel/core';\nimport type { GriffelResetStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n const getStyles = vanillaMakeResetStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeResetStyles(): this function cannot be called in component's scope.\",\n 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClassName(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeResetStyles","styles","getStyles","vanillaMakeResetStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;AAQM,SAAUA,eAAeA,CAACC,MAAyB,EAAA;AACvD,EAAA,MAAMC,SAAS,GAAGC,oBAAsB,CAACF,MAAM,EAAEG,iCAAgB,CAAC,CAAA;AAElE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,YAAYA,GAAA;AAC1B,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"makeResetStyles.esm.js","sources":["../../../packages/react/src/makeResetStyles.ts"],"sourcesContent":["import { makeResetStyles as vanillaMakeResetStyles } from '@griffel/core';\nimport type { GriffelResetStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n const getStyles = vanillaMakeResetStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeResetStyles(): this function cannot be called in component's scope.\",\n 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClassName(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeResetStyles","styles","getStyles","vanillaMakeResetStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;AAQO,SAASA,eAAeA,CAACC,MAAyB,EAAE;AACzD,EAAA,MAAMC,SAAS,GAAGC,iBAAsB,CAACF,MAAM,EAAEG,gBAAgB,CAAC,CAAA;AAElE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CACZ,CAAC,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,YAAYA,GAAW;AACrC,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeResetStyles.esm.js","sources":["../../../packages/react/src/makeResetStyles.ts"],"sourcesContent":["import { makeResetStyles as vanillaMakeResetStyles } from '@griffel/core';\nimport type { GriffelResetStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n const getStyles = vanillaMakeResetStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeResetStyles(): this function cannot be called in component's scope.\",\n 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClassName(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeResetStyles","styles","getStyles","vanillaMakeResetStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;AAQM,SAAUA,eAAeA,CAACC,MAAyB,EAAA;AACvD,EAAA,MAAMC,SAAS,GAAGC,iBAAsB,CAACF,MAAM,EAAEG,gBAAgB,CAAC,CAAA;AAElE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,YAAYA,GAAA;AAC1B,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var insertionFactory = require('./insertionFactory.cjs.js');
7
5
  var RendererContext = require('./RendererContext.cjs.js');
@@ -1 +1 @@
1
- {"version":3,"file":"makeStaticStyles.cjs.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n const getStyles = vanillaMakeStaticStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n return () => {};\n }\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n const options: MakeStaticStylesOptions = { renderer };\n\n return getStyles(options);\n };\n}\n"],"names":["makeStaticStyles","styles","getStyles","vanillaMakeStaticStyles","insertionFactory","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;;;;;;AAMM,SAAUA,gBAAgBA,CAACC,MAAmD,EAAA;AAClF,EAAA,MAAMC,SAAS,GAAGC,qBAAuB,CAACF,MAAM,EAAEG,iCAAgB,CAAC,CAAA;AAEnE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;AACnC;IACA,OAAO,MAAO,EAAC,CAAA;AAChB,GAAA;EAED,OAAO,SAASC,eAAeA,GAAA;AAC7B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAC9B,IAAA,MAAMC,OAAO,GAA4B;AAAEF,MAAAA,QAAAA;KAAU,CAAA;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeStaticStyles.cjs.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n const getStyles = vanillaMakeStaticStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n return () => {};\n }\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n const options: MakeStaticStylesOptions = { renderer };\n\n return getStyles(options);\n };\n}\n"],"names":["makeStaticStyles","styles","getStyles","vanillaMakeStaticStyles","insertionFactory","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;;;;AAMM,SAAUA,gBAAgBA,CAACC,MAAmD,EAAA;AAClF,EAAA,MAAMC,SAAS,GAAGC,qBAAuB,CAACF,MAAM,EAAEG,iCAAgB,CAAC,CAAA;AAEnE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;AACnC;IACA,OAAO,MAAO,EAAC,CAAA;AACjB,GAAA;EAEA,OAAO,SAASC,eAAeA,GAAA;AAC7B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAC9B,IAAA,MAAMC,OAAO,GAA4B;AAAEF,MAAAA,QAAAA;KAAU,CAAA;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"makeStaticStyles.esm.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n const getStyles = vanillaMakeStaticStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n return () => {};\n }\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n const options: MakeStaticStylesOptions = { renderer };\n\n return getStyles(options);\n };\n}\n"],"names":["makeStaticStyles","styles","getStyles","vanillaMakeStaticStyles","insertionFactory","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;;AAMO,SAASA,gBAAgBA,CAACC,MAAmD,EAAE;AACpF,EAAA,MAAMC,SAAS,GAAGC,kBAAuB,CAACF,MAAM,EAAEG,gBAAgB,CAAC,CAAA;AAEnE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;AACnC;IACA,OAAO,MAAM,EAAE,CAAA;AACjB,GAAA;EAEA,OAAO,SAASC,eAAeA,GAAS;AACtC,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,IAAA,MAAMC,OAAgC,GAAG;AAAEF,MAAAA,QAAAA;KAAU,CAAA;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeStaticStyles.esm.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n const getStyles = vanillaMakeStaticStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n return () => {};\n }\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n const options: MakeStaticStylesOptions = { renderer };\n\n return getStyles(options);\n };\n}\n"],"names":["makeStaticStyles","styles","getStyles","vanillaMakeStaticStyles","insertionFactory","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;;AAMM,SAAUA,gBAAgBA,CAACC,MAAmD,EAAA;AAClF,EAAA,MAAMC,SAAS,GAAGC,kBAAuB,CAACF,MAAM,EAAEG,gBAAgB,CAAC,CAAA;AAEnE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;AACnC;IACA,OAAO,MAAO,EAAC,CAAA;AACjB,GAAA;EAEA,OAAO,SAASC,eAAeA,GAAA;AAC7B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,IAAA,MAAMC,OAAO,GAA4B;AAAEF,MAAAA,QAAAA;KAAU,CAAA;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}
package/makeStyles.cjs.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var insertionFactory = require('./insertionFactory.cjs.js');
7
5
  var RendererContext = require('./RendererContext.cjs.js');
@@ -1 +1 @@
1
- {"version":3,"file":"makeStyles.cjs.js","sources":["../../../packages/react/src/makeStyles.ts"],"sourcesContent":["import { makeStyles as vanillaMakeStyles } from '@griffel/core';\nimport type { GriffelStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n const getStyles = vanillaMakeStyles(stylesBySlots, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeStyles(): this function cannot be called in component's scope.\",\n 'All makeStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeStyles","stylesBySlots","getStyles","vanillaMakeStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;;AAQM,SAAUA,UAAUA,CAAgCC,aAA0C,EAAA;AAClG,EAAA,MAAMC,SAAS,GAAGC,eAAiB,CAACF,aAAa,EAAEG,iCAAgB,CAAC,CAAA;AAEpE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACF,KAAA;AACF,GAAA;EAED,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeStyles.cjs.js","sources":["../../../packages/react/src/makeStyles.ts"],"sourcesContent":["import { makeStyles as vanillaMakeStyles } from '@griffel/core';\nimport type { GriffelStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n const getStyles = vanillaMakeStyles(stylesBySlots, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeStyles(): this function cannot be called in component's scope.\",\n 'All makeStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeStyles","stylesBySlots","getStyles","vanillaMakeStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;AAQM,SAAUA,UAAUA,CAAgCC,aAA0C,EAAA;AAClG,EAAA,MAAMC,SAAS,GAAGC,eAAiB,CAACF,aAAa,EAAEG,iCAAgB,CAAC,CAAA;AAEpE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"makeStyles.esm.js","sources":["../../../packages/react/src/makeStyles.ts"],"sourcesContent":["import { makeStyles as vanillaMakeStyles } from '@griffel/core';\nimport type { GriffelStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n const getStyles = vanillaMakeStyles(stylesBySlots, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeStyles(): this function cannot be called in component's scope.\",\n 'All makeStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeStyles","stylesBySlots","getStyles","vanillaMakeStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;AAQO,SAASA,UAAUA,CAAgCC,aAA0C,EAAE;AACpG,EAAA,MAAMC,SAAS,GAAGC,YAAiB,CAACF,aAAa,EAAEG,gBAAgB,CAAC,CAAA;AAEpE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CACZ,CAAC,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,UAAUA,GAA0B;AAClD,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"makeStyles.esm.js","sources":["../../../packages/react/src/makeStyles.ts"],"sourcesContent":["import { makeStyles as vanillaMakeStyles } from '@griffel/core';\nimport type { GriffelStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n const getStyles = vanillaMakeStyles(stylesBySlots, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeStyles(): this function cannot be called in component's scope.\",\n 'All makeStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["makeStyles","stylesBySlots","getStyles","vanillaMakeStyles","insertionFactory","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;AAQM,SAAUA,UAAUA,CAAgCC,aAA0C,EAAA;AAClG,EAAA,MAAMC,SAAS,GAAGC,YAAiB,CAACF,aAAa,EAAEG,gBAAgB,CAAC,CAAA;AAEpE,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;AACvB,MAAA,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;AACH,KAAA;AACF,GAAA;EAEA,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOb,SAAS,CAAC;MAAEU,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@griffel/react",
3
- "version": "1.5.23",
3
+ "version": "1.5.24",
4
4
  "description": "React implementation of Atomic CSS-in-JS",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -15,7 +15,7 @@
15
15
  }
16
16
  },
17
17
  "dependencies": {
18
- "@griffel/core": "^1.17.0",
18
+ "@griffel/core": "^1.17.1",
19
19
  "tslib": "^2.1.0"
20
20
  },
21
21
  "peerDependencies": {
@@ -23,4 +23,4 @@
23
23
  },
24
24
  "module": "./index.esm.js",
25
25
  "main": "./index.cjs.js"
26
- }
26
+ }
@@ -1,12 +1,10 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var core = require('@griffel/core');
6
4
  var React = require('react');
7
5
 
8
- function _interopNamespace(e) {
9
- if (e && e.__esModule) return e;
6
+ function _interopNamespaceCompat(e) {
7
+ if (e && typeof e === 'object' && 'default' in e) return e;
10
8
  var n = Object.create(null);
11
9
  if (e) {
12
10
  Object.keys(e).forEach(function (k) {
@@ -19,11 +17,11 @@ function _interopNamespace(e) {
19
17
  }
20
18
  });
21
19
  }
22
- n["default"] = e;
20
+ n.default = e;
23
21
  return Object.freeze(n);
24
22
  }
25
23
 
26
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
24
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
27
25
 
28
26
  /**
29
27
  * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
@@ -1 +1 @@
1
- {"version":3,"file":"renderToStyleElements.cjs.js","sources":["../../../packages/react/src/renderToStyleElements.ts"],"sourcesContent":["import { styleBucketOrdering } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\n\n/**\n * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.\n *\n * @public\n */\nexport function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[] {\n const stylesheets = Object.values(renderer.stylesheets)\n // first sort: bucket names\n .sort((a, b) => {\n return styleBucketOrdering.indexOf(a.bucketName) - styleBucketOrdering.indexOf(b.bucketName);\n })\n // second sort: media queries\n .sort((a, b) => {\n const mediaA = a.elementAttributes['media'];\n const mediaB = b.elementAttributes['media'];\n\n if (mediaA && mediaB) {\n return renderer.compareMediaQueries(mediaA, mediaB);\n }\n\n if (mediaA || mediaB) {\n return mediaA ? 1 : -1;\n }\n\n return 0;\n });\n\n return stylesheets\n .map(stylesheet => {\n const cssRules = stylesheet.cssRules();\n // don't want to create any empty style elements\n if (!cssRules.length) {\n return null;\n }\n\n return React.createElement('style', {\n key: stylesheet.bucketName,\n\n // TODO: support \"nonce\"\n // ...renderer.styleNodeAttributes,\n ...stylesheet.elementAttributes,\n 'data-make-styles-rehydration': 'true',\n\n dangerouslySetInnerHTML: {\n __html: cssRules.join(''),\n },\n });\n })\n .filter(Boolean) as React.ReactElement[];\n}\n"],"names":["renderToStyleElements","renderer","stylesheets","Object","values","sort","a","b","styleBucketOrdering","indexOf","bucketName","mediaA","elementAttributes","mediaB","compareMediaQueries","map","stylesheet","cssRules","length","React","createElement","assign","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;AAIG;AACG,SAAUA,qBAAqBA,CAACC,QAAyB,EAAA;EAC7D,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW,CAAA;AACpD;AAAA,GACCG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,OAAOC,wBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,wBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC,CAAA;GAC7F,CAAA;AACD;AAAA,GACCL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAC3C,IAAA,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC,CAAA;AACpD,KAAA;IAED,IAAIF,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACvB,KAAA;AAED,IAAA,OAAO,CAAC,CAAA;AACV,GAAC,CAAC,CAAA;AAEJ,EAAA,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU,IAAG;AAChB,IAAA,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE,CAAA;AACtC;AACA,IAAA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;AACpB,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IAED,oBAAOC,gBAAK,CAACC,aAAa,CAAC,OAAO,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;MAChCC,GAAG,EAAEN,UAAU,CAACN,UAAAA;KAIbM,EAAAA,UAAU,CAACJ,iBAAiB,EAAA;AAC/B,MAAA,8BAA8B,EAAE,MAAM;AAEtCW,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,EAAEP,QAAQ,CAACQ,IAAI,CAAC,EAAE,CAAA;AACzB,OAAA;AAAA,KAAA,CACF,CAAC,CAAA;AACJ,GAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAyB,CAAA;AAC5C;;;;"}
1
+ {"version":3,"file":"renderToStyleElements.cjs.js","sources":["../../../packages/react/src/renderToStyleElements.ts"],"sourcesContent":["import { styleBucketOrdering } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\n\n/**\n * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.\n *\n * @public\n */\nexport function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[] {\n const stylesheets = Object.values(renderer.stylesheets)\n // first sort: bucket names\n .sort((a, b) => {\n return styleBucketOrdering.indexOf(a.bucketName) - styleBucketOrdering.indexOf(b.bucketName);\n })\n // second sort: media queries\n .sort((a, b) => {\n const mediaA = a.elementAttributes['media'];\n const mediaB = b.elementAttributes['media'];\n\n if (mediaA && mediaB) {\n return renderer.compareMediaQueries(mediaA, mediaB);\n }\n\n if (mediaA || mediaB) {\n return mediaA ? 1 : -1;\n }\n\n return 0;\n });\n\n return stylesheets\n .map(stylesheet => {\n const cssRules = stylesheet.cssRules();\n // don't want to create any empty style elements\n if (!cssRules.length) {\n return null;\n }\n\n return React.createElement('style', {\n key: stylesheet.bucketName,\n\n // TODO: support \"nonce\"\n // ...renderer.styleNodeAttributes,\n ...stylesheet.elementAttributes,\n 'data-make-styles-rehydration': 'true',\n\n dangerouslySetInnerHTML: {\n __html: cssRules.join(''),\n },\n });\n })\n .filter(Boolean) as React.ReactElement[];\n}\n"],"names":["renderToStyleElements","renderer","stylesheets","Object","values","sort","a","b","styleBucketOrdering","indexOf","bucketName","mediaA","elementAttributes","mediaB","compareMediaQueries","map","stylesheet","cssRules","length","React","createElement","assign","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;AAIG;AACG,SAAUA,qBAAqBA,CAACC,QAAyB,EAAA;EAC7D,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW,CAAA;AACpD;AAAA,GACCG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,OAAOC,wBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,wBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC,CAAA;GAC7F,CAAA;AACD;AAAA,GACCL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAC3C,IAAA,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC,CAAA;AACrD,KAAA;IAEA,IAAIF,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACxB,KAAA;AAEA,IAAA,OAAO,CAAC,CAAA;AACV,GAAC,CAAC,CAAA;AAEJ,EAAA,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU,IAAG;AAChB,IAAA,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE,CAAA;AACtC;AACA,IAAA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;AACpB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,oBAAOC,gBAAK,CAACC,aAAa,CAAC,OAAO,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;MAChCC,GAAG,EAAEN,UAAU,CAACN,UAAAA;KAIbM,EAAAA,UAAU,CAACJ,iBAAiB,EAAA;AAC/B,MAAA,8BAA8B,EAAE,MAAM;AAEtCW,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,EAAEP,QAAQ,CAACQ,IAAI,CAAC,EAAE,CAAA;AACzB,OAAA;AAAA,KAAA,CACF,CAAC,CAAA;AACJ,GAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAyB,CAAA;AAC5C;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"renderToStyleElements.esm.js","sources":["../../../packages/react/src/renderToStyleElements.ts"],"sourcesContent":["import { styleBucketOrdering } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\n\n/**\n * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.\n *\n * @public\n */\nexport function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[] {\n const stylesheets = Object.values(renderer.stylesheets)\n // first sort: bucket names\n .sort((a, b) => {\n return styleBucketOrdering.indexOf(a.bucketName) - styleBucketOrdering.indexOf(b.bucketName);\n })\n // second sort: media queries\n .sort((a, b) => {\n const mediaA = a.elementAttributes['media'];\n const mediaB = b.elementAttributes['media'];\n\n if (mediaA && mediaB) {\n return renderer.compareMediaQueries(mediaA, mediaB);\n }\n\n if (mediaA || mediaB) {\n return mediaA ? 1 : -1;\n }\n\n return 0;\n });\n\n return stylesheets\n .map(stylesheet => {\n const cssRules = stylesheet.cssRules();\n // don't want to create any empty style elements\n if (!cssRules.length) {\n return null;\n }\n\n return React.createElement('style', {\n key: stylesheet.bucketName,\n\n // TODO: support \"nonce\"\n // ...renderer.styleNodeAttributes,\n ...stylesheet.elementAttributes,\n 'data-make-styles-rehydration': 'true',\n\n dangerouslySetInnerHTML: {\n __html: cssRules.join(''),\n },\n });\n })\n .filter(Boolean) as React.ReactElement[];\n}\n"],"names":["renderToStyleElements","renderer","stylesheets","Object","values","sort","a","b","styleBucketOrdering","indexOf","bucketName","mediaA","elementAttributes","mediaB","compareMediaQueries","map","stylesheet","cssRules","length","React","createElement","assign","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAACC,QAAyB,EAAwB;EACrF,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW,CAAA;AACpD;AAAA,GACCG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;AACd,IAAA,OAAOC,mBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,mBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC,CAAA;GAC7F,CAAA;AACD;AAAA,GACCL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;AACd,IAAA,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAC3C,IAAA,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC,CAAA;AACrD,KAAA;IAEA,IAAIF,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACxB,KAAA;AAEA,IAAA,OAAO,CAAC,CAAA;AACV,GAAC,CAAC,CAAA;AAEJ,EAAA,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU,IAAI;AACjB,IAAA,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE,CAAA;AACtC;AACA,IAAA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;AACpB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,oBAAOC,KAAK,CAACC,aAAa,CAAC,OAAO,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;MAChCC,GAAG,EAAEN,UAAU,CAACN,UAAAA;KAIbM,EAAAA,UAAU,CAACJ,iBAAiB,EAAA;AAC/B,MAAA,8BAA8B,EAAE,MAAM;AAEtCW,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,EAAEP,QAAQ,CAACQ,IAAI,CAAC,EAAE,CAAA;AAC1B,OAAA;AAAC,KAAA,CACF,CAAC,CAAA;AACJ,GAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC,CAAA;AACpB;;;;"}
1
+ {"version":3,"file":"renderToStyleElements.esm.js","sources":["../../../packages/react/src/renderToStyleElements.ts"],"sourcesContent":["import { styleBucketOrdering } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\n\n/**\n * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.\n *\n * @public\n */\nexport function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[] {\n const stylesheets = Object.values(renderer.stylesheets)\n // first sort: bucket names\n .sort((a, b) => {\n return styleBucketOrdering.indexOf(a.bucketName) - styleBucketOrdering.indexOf(b.bucketName);\n })\n // second sort: media queries\n .sort((a, b) => {\n const mediaA = a.elementAttributes['media'];\n const mediaB = b.elementAttributes['media'];\n\n if (mediaA && mediaB) {\n return renderer.compareMediaQueries(mediaA, mediaB);\n }\n\n if (mediaA || mediaB) {\n return mediaA ? 1 : -1;\n }\n\n return 0;\n });\n\n return stylesheets\n .map(stylesheet => {\n const cssRules = stylesheet.cssRules();\n // don't want to create any empty style elements\n if (!cssRules.length) {\n return null;\n }\n\n return React.createElement('style', {\n key: stylesheet.bucketName,\n\n // TODO: support \"nonce\"\n // ...renderer.styleNodeAttributes,\n ...stylesheet.elementAttributes,\n 'data-make-styles-rehydration': 'true',\n\n dangerouslySetInnerHTML: {\n __html: cssRules.join(''),\n },\n });\n })\n .filter(Boolean) as React.ReactElement[];\n}\n"],"names":["renderToStyleElements","renderer","stylesheets","Object","values","sort","a","b","styleBucketOrdering","indexOf","bucketName","mediaA","elementAttributes","mediaB","compareMediaQueries","map","stylesheet","cssRules","length","React","createElement","assign","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;AAIA;;;;AAIG;AACG,SAAUA,qBAAqBA,CAACC,QAAyB,EAAA;EAC7D,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW,CAAA;AACpD;AAAA,GACCG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,OAAOC,mBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,mBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC,CAAA;GAC7F,CAAA;AACD;AAAA,GACCL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAI;AACb,IAAA,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAC3C,IAAA,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC,CAAA;AACrD,KAAA;IAEA,IAAIF,MAAM,IAAIE,MAAM,EAAE;AACpB,MAAA,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACxB,KAAA;AAEA,IAAA,OAAO,CAAC,CAAA;AACV,GAAC,CAAC,CAAA;AAEJ,EAAA,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU,IAAG;AAChB,IAAA,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE,CAAA;AACtC;AACA,IAAA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;AACpB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,oBAAOC,KAAK,CAACC,aAAa,CAAC,OAAO,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;MAChCC,GAAG,EAAEN,UAAU,CAACN,UAAAA;KAIbM,EAAAA,UAAU,CAACJ,iBAAiB,EAAA;AAC/B,MAAA,8BAA8B,EAAE,MAAM;AAEtCW,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,EAAEP,QAAQ,CAACQ,IAAI,CAAC,EAAE,CAAA;AACzB,OAAA;AAAA,KAAA,CACF,CAAC,CAAA;AACJ,GAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAyB,CAAA;AAC5C;;;;"}
@@ -1,11 +1,9 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
 
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === 'object' && 'default' in e) return e;
9
7
  var n = Object.create(null);
10
8
  if (e) {
11
9
  Object.keys(e).forEach(function (k) {
@@ -18,11 +16,11 @@ function _interopNamespace(e) {
18
16
  }
19
17
  });
20
18
  }
21
- n["default"] = e;
19
+ n.default = e;
22
20
  return Object.freeze(n);
23
21
  }
24
22
 
25
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
23
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
26
24
 
27
25
  const useInsertionEffect =
28
26
  // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
@@ -1 +1 @@
1
- {"version":3,"file":"useInsertionEffect.cjs.js","sources":["../../../packages/react/src/useInsertionEffect.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useInsertionEffect: typeof React.useInsertionEffect | undefined =\n // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions\n // eslint-disable-next-line no-useless-concat\n React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;\n"],"names":["useInsertionEffect","React","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAEaA,kBAAkB;AAC7B;AACA;AACAC,gBAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGA,gBAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGC;;;;"}
1
+ {"version":3,"file":"useInsertionEffect.cjs.js","sources":["../../../packages/react/src/useInsertionEffect.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useInsertionEffect: typeof React.useInsertionEffect | undefined =\n // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions\n // eslint-disable-next-line no-useless-concat\n React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;\n"],"names":["useInsertionEffect","React","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAEaA,kBAAkB;AAC7B;AACA;AACAC,gBAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGA,gBAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useInsertionEffect.esm.js","sources":["../../../packages/react/src/useInsertionEffect.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useInsertionEffect: typeof React.useInsertionEffect | undefined =\n // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions\n // eslint-disable-next-line no-useless-concat\n React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;\n"],"names":["useInsertionEffect","React","undefined"],"mappings":";;MAEaA,kBAA+D;AAC1E;AACA;AACAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGC;;;;"}
1
+ {"version":3,"file":"useInsertionEffect.esm.js","sources":["../../../packages/react/src/useInsertionEffect.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useInsertionEffect: typeof React.useInsertionEffect | undefined =\n // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions\n // eslint-disable-next-line no-useless-concat\n React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;\n"],"names":["useInsertionEffect","React","undefined"],"mappings":";;MAEaA,kBAAkB;AAC7B;AACA;AACAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGC;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  /**
6
4
  * Verifies if an application can use DOM.
7
5
  */
@@ -1 +1 @@
1
- {"version":3,"file":"canUseDOM.cjs.js","sources":["../../../../packages/react/src/utils/canUseDOM.ts"],"sourcesContent":["/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\n}\n"],"names":["canUseDOM","window","document","createElement"],"mappings":";;;;AAAA;;AAEG;SACaA,SAASA,GAAA;AACvB,EAAA,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC9F;;;;"}
1
+ {"version":3,"file":"canUseDOM.cjs.js","sources":["../../../../packages/react/src/utils/canUseDOM.ts"],"sourcesContent":["/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\n}\n"],"names":["canUseDOM","window","document","createElement"],"mappings":";;AAAA;;AAEG;SACaA,SAASA,GAAA;AACvB,EAAA,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC9F;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"canUseDOM.esm.js","sources":["../../../../packages/react/src/utils/canUseDOM.ts"],"sourcesContent":["/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\n}\n"],"names":["canUseDOM","window","document","createElement"],"mappings":"AAAA;AACA;AACA;AACO,SAASA,SAASA,GAAY;AACnC,EAAA,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC9F;;;;"}
1
+ {"version":3,"file":"canUseDOM.esm.js","sources":["../../../../packages/react/src/utils/canUseDOM.ts"],"sourcesContent":["/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\n}\n"],"names":["canUseDOM","window","document","createElement"],"mappings":"AAAA;;AAEG;SACaA,SAASA,GAAA;AACvB,EAAA,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC9F;;;;"}
@@ -1,11 +1,9 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
 
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === 'object' && 'default' in e) return e;
9
7
  var n = Object.create(null);
10
8
  if (e) {
11
9
  Object.keys(e).forEach(function (k) {
@@ -18,11 +16,11 @@ function _interopNamespace(e) {
18
16
  }
19
17
  });
20
18
  }
21
- n["default"] = e;
19
+ n.default = e;
22
20
  return Object.freeze(n);
23
21
  }
24
22
 
25
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
23
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
26
24
 
27
25
  function isInsideComponent() {
28
26
  // React 18 always logs errors if a dispatcher is not present:
@@ -1 +1 @@
1
- {"version":3,"file":"isInsideComponent.cjs.js","sources":["../../../../packages/react/src/utils/isInsideComponent.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function isInsideComponent() {\n // React 18 always logs errors if a dispatcher is not present:\n // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36\n try {\n // @ts-expect-error \"SECRET_INTERNALS\" are not typed\n const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;\n\n // Before any React component was rendered \"dispatcher\" will be \"null\"\n if (dispatcher === null || dispatcher === undefined) {\n return false;\n }\n\n // A check with hooks call (i.e. call \"React.useContext()\" outside a component) will always produce errors, but\n // a call on the dispatcher wont\n dispatcher.useContext({});\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"names":["isInsideComponent","dispatcher","React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","current","undefined","useContext","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;SAEgBA,iBAAiBA,GAAA;AAC/B;AACA;EACA,IAAI;AACF;IACA,MAAMC,UAAU,GAAGC,gBAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO,CAAA;AAE1G;AACA,IAAA,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;AACnD,MAAA,OAAO,KAAK,CAAA;AACb,KAAA;AAED;AACA;AACAL,IAAAA,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAA;GACZ,CAAC,OAAOC,CAAC,EAAE;AACV,IAAA,OAAO,KAAK,CAAA;AACb,GAAA;AACH;;;;"}
1
+ {"version":3,"file":"isInsideComponent.cjs.js","sources":["../../../../packages/react/src/utils/isInsideComponent.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function isInsideComponent() {\n // React 18 always logs errors if a dispatcher is not present:\n // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36\n try {\n // @ts-expect-error \"SECRET_INTERNALS\" are not typed\n const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;\n\n // Before any React component was rendered \"dispatcher\" will be \"null\"\n if (dispatcher === null || dispatcher === undefined) {\n return false;\n }\n\n // A check with hooks call (i.e. call \"React.useContext()\" outside a component) will always produce errors, but\n // a call on the dispatcher wont\n dispatcher.useContext({});\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"names":["isInsideComponent","dispatcher","React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","current","undefined","useContext","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;SAEgBA,iBAAiBA,GAAA;AAC/B;AACA;EACA,IAAI;AACF;IACA,MAAMC,UAAU,GAAGC,gBAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO,CAAA;AAE1G;AACA,IAAA,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;AACnD,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAEA;AACA;AACAL,IAAAA,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAA;GACZ,CAAC,OAAOC,CAAC,EAAE;AACV,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACF;;;;"}
@@ -6,12 +6,10 @@ function isInsideComponent() {
6
6
  try {
7
7
  // @ts-expect-error "SECRET_INTERNALS" are not typed
8
8
  const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
9
-
10
9
  // Before any React component was rendered "dispatcher" will be "null"
11
10
  if (dispatcher === null || dispatcher === undefined) {
12
11
  return false;
13
12
  }
14
-
15
13
  // A check with hooks call (i.e. call "React.useContext()" outside a component) will always produce errors, but
16
14
  // a call on the dispatcher wont
17
15
  dispatcher.useContext({});
@@ -1 +1 @@
1
- {"version":3,"file":"isInsideComponent.esm.js","sources":["../../../../packages/react/src/utils/isInsideComponent.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function isInsideComponent() {\n // React 18 always logs errors if a dispatcher is not present:\n // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36\n try {\n // @ts-expect-error \"SECRET_INTERNALS\" are not typed\n const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;\n\n // Before any React component was rendered \"dispatcher\" will be \"null\"\n if (dispatcher === null || dispatcher === undefined) {\n return false;\n }\n\n // A check with hooks call (i.e. call \"React.useContext()\" outside a component) will always produce errors, but\n // a call on the dispatcher wont\n dispatcher.useContext({});\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"names":["isInsideComponent","dispatcher","React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","current","undefined","useContext","e"],"mappings":";;AAEO,SAASA,iBAAiBA,GAAG;AAClC;AACA;EACA,IAAI;AACF;IACA,MAAMC,UAAU,GAAGC,KAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO,CAAA;;AAE1G;AACA,IAAA,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;AACnD,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;;AAEA;AACA;AACAL,IAAAA,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAA;GACZ,CAAC,OAAOC,CAAC,EAAE;AACV,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACF;;;;"}
1
+ {"version":3,"file":"isInsideComponent.esm.js","sources":["../../../../packages/react/src/utils/isInsideComponent.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function isInsideComponent() {\n // React 18 always logs errors if a dispatcher is not present:\n // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36\n try {\n // @ts-expect-error \"SECRET_INTERNALS\" are not typed\n const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;\n\n // Before any React component was rendered \"dispatcher\" will be \"null\"\n if (dispatcher === null || dispatcher === undefined) {\n return false;\n }\n\n // A check with hooks call (i.e. call \"React.useContext()\" outside a component) will always produce errors, but\n // a call on the dispatcher wont\n dispatcher.useContext({});\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"names":["isInsideComponent","dispatcher","React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","current","undefined","useContext","e"],"mappings":";;SAEgBA,iBAAiBA,GAAA;AAC/B;AACA;EACA,IAAI;AACF;IACA,MAAMC,UAAU,GAAGC,KAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO,CAAA;AAE1G;AACA,IAAA,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;AACnD,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAEA;AACA;AACAL,IAAAA,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAA;GACZ,CAAC,OAAOC,CAAC,EAAE;AACV,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACF;;;;"}