@griffel/react 1.5.12 → 1.5.14

package/RendererContext.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
 var React = require('react');
+var canUseDOM = require('./utils/canUseDOM.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,12 +26,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * Verifies if an application can use DOM.
- */
-function canUseDOM() {
-  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
-}
 /**
  * @private
  */
@@ -43,7 +38,7 @@ const RendererProvider = ({
   renderer,
   targetDocument
 }) => {
-  if (canUseDOM()) {
+  if (canUseDOM.canUseDOM()) {
     // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after
     // mounting.
     // eslint-disable-next-line react-hooks/rules-of-hooks

package/RendererContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RendererContext.cjs.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\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 * Verifies if an application can use DOM.\n */\nfunction canUseDOM(): boolean {\n  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\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":["canUseDOM","window","document","createElement","RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","useMemo","rehydrateRendererCache","Provider","value","useRenderer","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;;AAGA,SAASA,SAAS;EAChB,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC;AAC9F;AAEA;;;AAGA,MAAMC,eAAe,gBAAGC,gBAAK,CAACC,aAAa,eAAkBC,sBAAiB,EAAE,CAAC;AAEjF;;;MAGaC,gBAAgB,GAAoC,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;CAAgB;EACtG,IAAIX,SAAS,EAAE,EAAE;;;;IAIfK,gBAAK,CAACO,OAAO,CAAC;;;MAGZC,2BAAsB,CAACH,QAAQ,EAAEC,cAAc,CAAC;KACjD,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC;;EAGhC,oBAAON,+BAACD,eAAe,CAACU,QAAQ;IAACC,KAAK,EAAEL;KAAWD,QAAQ,CAA4B;AACzF;AAEA;;;;;SAKgBO,WAAW;EACzB,OAAOX,gBAAK,CAACY,UAAU,CAACb,eAAe,CAAC;AAC1C;;;;;"}
+{"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","Provider","value","useRenderer","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;;AAGA,MAAMA,eAAe,gBAAGC,gBAAK,CAACC,aAAa,eAAkBC,sBAAiB,EAAE,CAAC;AAEjF;;;MAGaC,gBAAgB,GAAoC,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;CAAgB;EACtG,IAAIC,mBAAS,EAAE,EAAE;;;;IAIfP,gBAAK,CAACQ,OAAO,CAAC;;;MAGZC,2BAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC;KACjD,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC;;EAGhC,oBAAON,+BAACD,eAAe,CAACW,QAAQ;IAACC,KAAK,EAAEN;KAAWD,QAAQ,CAA4B;AACzF;AAEA;;;;;SAKgBQ,WAAW;EACzB,OAAOZ,gBAAK,CAACa,UAAU,CAACd,eAAe,CAAC;AAC1C;;;;;"}

package/RendererContext.esm.js

@@ -1,12 +1,7 @@
 import { rehydrateRendererCache, createDOMRenderer } from '@griffel/core';
 import * as React from 'react';
+import { canUseDOM } from './utils/canUseDOM.esm.js';
 
-/**
- * Verifies if an application can use DOM.
- */
-function canUseDOM() {
-  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
-}
 /**
  * @private
  */

package/RendererContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RendererContext.esm.js","sources":["../../../packages/react/src/RendererContext.tsx"],"sourcesContent":["import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';\nimport * as React from 'react';\nimport type { GriffelRenderer } from '@griffel/core';\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 * Verifies if an application can use DOM.\n */\nfunction canUseDOM(): boolean {\n  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);\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":["canUseDOM","window","document","createElement","RendererContext","React","createContext","createDOMRenderer","RendererProvider","children","renderer","targetDocument","useMemo","rehydrateRendererCache","Provider","value","useRenderer","useContext"],"mappings":";;;AAmBA;;;AAGA,SAASA,SAAS;EAChB,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC;AAC9F;AAEA;;;AAGA,MAAMC,eAAe,gBAAGC,KAAK,CAACC,aAAa,eAAkBC,iBAAiB,EAAE,CAAC;AAEjF;;;MAGaC,gBAAgB,GAAoC,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;CAAgB;EACtG,IAAIX,SAAS,EAAE,EAAE;;;;IAIfK,KAAK,CAACO,OAAO,CAAC;;;MAGZC,sBAAsB,CAACH,QAAQ,EAAEC,cAAc,CAAC;KACjD,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC;;EAGhC,oBAAON,oBAACD,eAAe,CAACU,QAAQ;IAACC,KAAK,EAAEL;KAAWD,QAAQ,CAA4B;AACzF;AAEA;;;;;SAKgBO,WAAW;EACzB,OAAOX,KAAK,CAACY,UAAU,CAACb,eAAe,CAAC;AAC1C;;;;"}
+{"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","Provider","value","useRenderer","useContext"],"mappings":";;;;AAqBA;;;AAGA,MAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,eAAkBC,iBAAiB,EAAE,CAAC;AAEjF;;;MAGaC,gBAAgB,GAAoC,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;CAAgB;EACtG,IAAIC,SAAS,EAAE,EAAE;;;;IAIfP,KAAK,CAACQ,OAAO,CAAC;;;MAGZC,sBAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC;KACjD,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC;;EAGhC,oBAAON,oBAACD,eAAe,CAACW,QAAQ;IAACC,KAAK,EAAEN;KAAWD,QAAQ,CAA4B;AACzF;AAEA;;;;;SAKgBQ,WAAW;EACzB,OAAOZ,KAAK,CAACa,UAAU,CAACd,eAAe,CAAC;AAC1C;;;;"}

package/__resetStyles.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
+var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
@@ -13,7 +14,7 @@ var TextDirectionContext = require('./TextDirectionContext.cjs.js');
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetStyles(ltrClassName, rtlClassName, cssRules) {
-  const getStyles = core.__resetStyles(ltrClassName, rtlClassName, cssRules);
+  const getStyles = core.__resetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory.insertionFactory);
   return function useClasses() {
     const dir = TextDirectionContext.useTextDirection();
     const renderer = RendererContext.useRenderer();

package/__resetStyles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"__resetStyles.cjs.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\n\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(ltrClassName: string, rtlClassName: string | null, cssRules: string[]) {\n  const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules);\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","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;AAKA;;;;;AAKA;SACgBA,aAAa,CAACC,YAAoB,EAAEC,YAA2B,EAAEC,QAAkB;EACjG,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,CAAC;EAE1E,OAAO,SAASG,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAON,SAAS,CAAC;MAAEG,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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;;;;;AAKA;SACgBA,aAAa,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC;EAErC,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC;EAE5F,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/__resetStyles.esm.js

@@ -1,4 +1,5 @@
 import { __resetStyles as __resetStyles$1 } from '@griffel/core';
+import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
@@ -9,7 +10,7 @@ import { useTextDirection } from './TextDirectionContext.esm.js';
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetStyles(ltrClassName, rtlClassName, cssRules) {
-  const getStyles = __resetStyles$1(ltrClassName, rtlClassName, cssRules);
+  const getStyles = __resetStyles$1(ltrClassName, rtlClassName, cssRules, insertionFactory);
   return function useClasses() {
     const dir = useTextDirection();
     const renderer = useRenderer();

package/__resetStyles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"__resetStyles.esm.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["import { __resetStyles as vanillaResetStyles } from '@griffel/core';\n\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(ltrClassName: string, rtlClassName: string | null, cssRules: string[]) {\n  const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules);\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","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;AAKA;;;;;AAKA;SACgBA,aAAa,CAACC,YAAoB,EAAEC,YAA2B,EAAEC,QAAkB;EACjG,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,CAAC;EAE1E,OAAO,SAASG,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAON,SAAS,CAAC;MAAEG,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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;;;;;AAKA;SACgBA,aAAa,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC;EAErC,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC;EAE5F,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/__styles.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
+var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
@@ -13,7 +14,7 @@ var TextDirectionContext = require('./TextDirectionContext.cjs.js');
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __styles(classesMapBySlot, cssRules) {
-  const getStyles = core.__styles(classesMapBySlot, cssRules);
+  const getStyles = core.__styles(classesMapBySlot, cssRules, insertionFactory.insertionFactory);
   return function useClasses() {
     const dir = TextDirectionContext.useTextDirection();
     const renderer = RendererContext.useRenderer();

package/__styles.cjs.js.map

@@ -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 { 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);\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","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;AAMA;;;;;AAKA;SACgBA,QAAQ,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,CAAC;EAE3D,OAAO,SAASG,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAON,SAAS,CAAC;MAAEG,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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;;;;;AAKA;SACgBA,QAAQ,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC;EAE7E,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/__styles.esm.js

@@ -1,4 +1,5 @@
 import { __styles as __styles$1 } from '@griffel/core';
+import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
@@ -9,7 +10,7 @@ import { useTextDirection } from './TextDirectionContext.esm.js';
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __styles(classesMapBySlot, cssRules) {
-  const getStyles = __styles$1(classesMapBySlot, cssRules);
+  const getStyles = __styles$1(classesMapBySlot, cssRules, insertionFactory);
   return function useClasses() {
     const dir = useTextDirection();
     const renderer = useRenderer();

package/__styles.esm.js.map

@@ -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 { 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);\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","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;AAMA;;;;;AAKA;SACgBA,QAAQ,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,CAAC;EAE3D,OAAO,SAASG,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAON,SAAS,CAAC;MAAEG,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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;;;;;AAKA;SACgBA,QAAQ,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC;EAE7E,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/insertionFactory.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var canUseDOM = require('./utils/canUseDOM.cjs.js');
+var useInsertionEffect = require('./useInsertionEffect.cjs.js');
+
+const insertionFactory = () => {
+  const insertionCache = {};
+  return function insert(renderer, cssRules) {
+    // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR
+    if (useInsertionEffect.useInsertionEffect && canUseDOM.canUseDOM()) {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      useInsertionEffect.useInsertionEffect(() => {
+        renderer.insertCSSRules(cssRules);
+      }, [renderer, cssRules]);
+      return;
+    }
+    if (insertionCache[renderer.id] === undefined) {
+      renderer.insertCSSRules(cssRules);
+      insertionCache[renderer.id] = true;
+    }
+  };
+};
+
+exports.insertionFactory = insertionFactory;
+//# sourceMappingURL=insertionFactory.cjs.js.map

package/insertionFactory.cjs.js.map

@@ -0,0 +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":";;;;;;;MAKaA,gBAAgB,GAA4B;EACvD,MAAMC,cAAc,GAA4B,EAAE;EAElD,OAAO,SAASC,MAAM,CAACC,QAAyB,EAAEC,QAA0B;;IAE1E,IAAIC,qCAAkB,IAAIC,mBAAS,EAAE,EAAE;;MAErCD,qCAAkB,CAAC;QACjBF,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC;OACnC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;MAExB;;IAGF,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;MAC7CN,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC;MAClCH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI;;GAErC;AACH;;;;"}

package/insertionFactory.esm.js

@@ -0,0 +1,23 @@
+import { canUseDOM } from './utils/canUseDOM.esm.js';
+import { useInsertionEffect } from './useInsertionEffect.esm.js';
+
+const insertionFactory = () => {
+  const insertionCache = {};
+  return function insert(renderer, cssRules) {
+    // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR
+    if (useInsertionEffect && canUseDOM()) {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      useInsertionEffect(() => {
+        renderer.insertCSSRules(cssRules);
+      }, [renderer, cssRules]);
+      return;
+    }
+    if (insertionCache[renderer.id] === undefined) {
+      renderer.insertCSSRules(cssRules);
+      insertionCache[renderer.id] = true;
+    }
+  };
+};
+
+export { insertionFactory };
+//# sourceMappingURL=insertionFactory.esm.js.map

package/insertionFactory.esm.js.map

@@ -0,0 +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":";;;MAKaA,gBAAgB,GAA4B;EACvD,MAAMC,cAAc,GAA4B,EAAE;EAElD,OAAO,SAASC,MAAM,CAACC,QAAyB,EAAEC,QAA0B;;IAE1E,IAAIC,kBAAkB,IAAIC,SAAS,EAAE,EAAE;;MAErCD,kBAAkB,CAAC;QACjBF,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC;OACnC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;MAExB;;IAGF,IAAIH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,KAAKC,SAAS,EAAE;MAC7CN,QAAQ,CAACI,cAAc,CAACH,QAAS,CAAC;MAClCH,cAAc,CAACE,QAAQ,CAACK,EAAE,CAAC,GAAG,IAAI;;GAErC;AACH;;;;"}

package/makeResetStyles.cjs.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
-var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
+var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
+var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
 
 function makeResetStyles(styles) {
-  const getStyles = core.makeResetStyles(styles);
+  const getStyles = core.makeResetStyles(styles, insertionFactory.insertionFactory);
   if (process.env.NODE_ENV !== 'production') {
     if (isInsideComponent.isInsideComponent()) {
       throw new Error(["makeResetStyles(): this function cannot be called in component's scope.", 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));

package/makeResetStyles.cjs.js.map

@@ -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 { isInsideComponent } from './utils/isInsideComponent';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n  const getStyles = vanillaMakeResetStyles(styles);\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","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;SAOgBA,eAAe,CAACC,MAAyB;EACvD,MAAMC,SAAS,GAAGC,oBAAsB,CAACF,MAAM,CAAC;EAEhD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,YAAY;IAC1B,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOZ,SAAS,CAAC;MAAES,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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":";;;;;;;;;;SAQgBA,eAAe,CAACC,MAAyB;EACvD,MAAMC,SAAS,GAAGC,oBAAsB,CAACF,MAAM,EAAEG,iCAAgB,CAAC;EAElE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,YAAY;IAC1B,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/makeResetStyles.esm.js

@@ -1,10 +1,11 @@
 import { makeResetStyles as makeResetStyles$1 } from '@griffel/core';
-import { isInsideComponent } from './utils/isInsideComponent.esm.js';
+import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
+import { isInsideComponent } from './utils/isInsideComponent.esm.js';
 
 function makeResetStyles(styles) {
-  const getStyles = makeResetStyles$1(styles);
+  const getStyles = makeResetStyles$1(styles, insertionFactory);
   if (process.env.NODE_ENV !== 'production') {
     if (isInsideComponent()) {
       throw new Error(["makeResetStyles(): this function cannot be called in component's scope.", 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));

package/makeResetStyles.esm.js.map

@@ -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 { isInsideComponent } from './utils/isInsideComponent';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n  const getStyles = vanillaMakeResetStyles(styles);\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","process","env","NODE_ENV","isInsideComponent","Error","join","useClassName","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;SAOgBA,eAAe,CAACC,MAAyB;EACvD,MAAMC,SAAS,GAAGC,iBAAsB,CAACF,MAAM,CAAC;EAEhD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,YAAY;IAC1B,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOZ,SAAS,CAAC;MAAES,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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":";;;;;;SAQgBA,eAAe,CAACC,MAAyB;EACvD,MAAMC,SAAS,GAAGC,iBAAsB,CAACF,MAAM,EAAEG,gBAAgB,CAAC;EAElE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,yEAAyE,EACzE,iFAAiF,CAClF,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,YAAY;IAC1B,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/makeStaticStyles.cjs.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
+var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 
 function makeStaticStyles(styles) {
-  const getStyles = core.makeStaticStyles(styles);
+  const getStyles = core.makeStaticStyles(styles, insertionFactory.insertionFactory);
   if (process.env.NODE_ENV === 'test') {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     return () => {};

package/makeStaticStyles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeStaticStyles.cjs.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\n\nimport { useRenderer } from './RendererContext';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n  const getStyles = vanillaMakeStaticStyles(styles);\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","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;;;;;SAKgBA,gBAAgB,CAACC,MAAmD;EAClF,MAAMC,SAAS,GAAGC,qBAAuB,CAACF,MAAM,CAAC;EAEjD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;;IAEnC,OAAO,QAAQ;;EAGjB,OAAO,SAASC,eAAe;IAC7B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAON,SAAS,CAACQ,OAAO,CAAC;GAC1B;AACH;;;;"}
+{"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":";;;;;;;;SAMgBA,gBAAgB,CAACC,MAAmD;EAClF,MAAMC,SAAS,GAAGC,qBAAuB,CAACF,MAAM,EAAEG,iCAAgB,CAAC;EAEnE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;;IAEnC,OAAO,QAAQ;;EAGjB,OAAO,SAASC,eAAe;IAC7B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC;GAC1B;AACH;;;;"}

package/makeStaticStyles.esm.js

@@ -1,8 +1,9 @@
 import { makeStaticStyles as makeStaticStyles$1 } from '@griffel/core';
+import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 
 function makeStaticStyles(styles) {
-  const getStyles = makeStaticStyles$1(styles);
+  const getStyles = makeStaticStyles$1(styles, insertionFactory);
   if (process.env.NODE_ENV === 'test') {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     return () => {};

package/makeStaticStyles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeStaticStyles.esm.js","sources":["../../../packages/react/src/makeStaticStyles.ts"],"sourcesContent":["import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';\n\nimport { useRenderer } from './RendererContext';\nimport type { GriffelStaticStyles, MakeStaticStylesOptions } from '@griffel/core';\n\nexport function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]) {\n  const getStyles = vanillaMakeStaticStyles(styles);\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","process","env","NODE_ENV","useStaticStyles","renderer","useRenderer","options"],"mappings":";;;SAKgBA,gBAAgB,CAACC,MAAmD;EAClF,MAAMC,SAAS,GAAGC,kBAAuB,CAACF,MAAM,CAAC;EAEjD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;;IAEnC,OAAO,QAAQ;;EAGjB,OAAO,SAASC,eAAe;IAC7B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAON,SAAS,CAACQ,OAAO,CAAC;GAC1B;AACH;;;;"}
+{"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":";;;;SAMgBA,gBAAgB,CAACC,MAAmD;EAClF,MAAMC,SAAS,GAAGC,kBAAuB,CAACF,MAAM,EAAEG,gBAAgB,CAAC;EAEnE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;;IAEnC,OAAO,QAAQ;;EAGjB,OAAO,SAASC,eAAe;IAC7B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAOP,SAAS,CAACS,OAAO,CAAC;GAC1B;AACH;;;;"}

package/makeStyles.cjs.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@griffel/core');
-var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
+var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
+var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
 
 function makeStyles(stylesBySlots) {
-  const getStyles = core.makeStyles(stylesBySlots);
+  const getStyles = core.makeStyles(stylesBySlots, insertionFactory.insertionFactory);
   if (process.env.NODE_ENV !== 'production') {
     if (isInsideComponent.isInsideComponent()) {
       throw new Error(["makeStyles(): this function cannot be called in component's scope.", 'All makeStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));

package/makeStyles.cjs.js.map

@@ -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 { isInsideComponent } from './utils/isInsideComponent';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n  const getStyles = vanillaMakeStyles(stylesBySlots);\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","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;;;;;SAOgBA,UAAU,CAAgCC,aAA0C;EAClG,MAAMC,SAAS,GAAGC,eAAiB,CAACF,aAAa,CAAC;EAElD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOZ,SAAS,CAAC;MAAES,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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":";;;;;;;;;;SAQgBA,UAAU,CAAgCC,aAA0C;EAClG,MAAMC,SAAS,GAAGC,eAAiB,CAACF,aAAa,EAAEG,iCAAgB,CAAC;EAEpE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,mCAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/makeStyles.esm.js

@@ -1,10 +1,11 @@
 import { makeStyles as makeStyles$1 } from '@griffel/core';
-import { isInsideComponent } from './utils/isInsideComponent.esm.js';
+import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
+import { isInsideComponent } from './utils/isInsideComponent.esm.js';
 
 function makeStyles(stylesBySlots) {
-  const getStyles = makeStyles$1(stylesBySlots);
+  const getStyles = makeStyles$1(stylesBySlots, insertionFactory);
   if (process.env.NODE_ENV !== 'production') {
     if (isInsideComponent()) {
       throw new Error(["makeStyles(): this function cannot be called in component's scope.", 'All makeStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));

package/makeStyles.esm.js.map

@@ -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 { isInsideComponent } from './utils/isInsideComponent';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\nexport function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>) {\n  const getStyles = vanillaMakeStyles(stylesBySlots);\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","process","env","NODE_ENV","isInsideComponent","Error","join","useClasses","dir","useTextDirection","renderer","useRenderer"],"mappings":";;;;;SAOgBA,UAAU,CAAgCC,aAA0C;EAClG,MAAMC,SAAS,GAAGC,YAAiB,CAACF,aAAa,CAAC;EAElD,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOZ,SAAS,CAAC;MAAES,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}
+{"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":";;;;;;SAQgBA,UAAU,CAAgCC,aAA0C;EAClG,MAAMC,SAAS,GAAGC,YAAiB,CAACF,aAAa,EAAEG,gBAAgB,CAAC;EAEpE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIC,iBAAiB,EAAE,EAAE;MACvB,MAAM,IAAIC,KAAK,CACb,CACE,oEAAoE,EACpE,4EAA4E,CAC7E,CAACC,IAAI,CAAC,GAAG,CAAC,CACZ;;;EAIL,OAAO,SAASC,UAAU;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,GAAG;MAAEE;KAAU,CAAC;GACpC;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.5.12",
+  "version": "1.5.14",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@griffel/core": "^1.13.1",
+    "@griffel/core": "^1.14.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/src/RendererContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { GriffelRenderer } from '@griffel/core';
+import * as React from 'react';
 export interface RendererProviderProps {
     /** An instance of Griffel renderer. */
     renderer: GriffelRenderer;

package/src/__resetStyles.d.ts

@@ -1,6 +1,7 @@
+import type { CSSRulesByBucket } from '@griffel/core';
 /**
  * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
  *
  * @internal
  */
-export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: string[]): () => string;
+export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: CSSRulesByBucket | string[]): () => string;

package/src/insertionFactory.d.ts

@@ -0,0 +1,2 @@
+import type { GriffelInsertionFactory } from '@griffel/core';
+export declare const insertionFactory: GriffelInsertionFactory;

package/src/useInsertionEffect.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useInsertionEffect: typeof React.useInsertionEffect | undefined;

package/src/utils/canUseDOM.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Verifies if an application can use DOM.
+ */
+export declare function canUseDOM(): boolean;

package/useInsertionEffect.cjs.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const useInsertionEffect =
+// @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
+// eslint-disable-next-line no-useless-concat
+React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : undefined;
+
+exports.useInsertionEffect = useInsertionEffect;
+//# sourceMappingURL=useInsertionEffect.cjs.js.map

package/useInsertionEffect.cjs.js.map

@@ -0,0 +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;;;;"}

package/useInsertionEffect.esm.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+const useInsertionEffect =
+// @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
+// eslint-disable-next-line no-useless-concat
+React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;
+
+export { useInsertionEffect };
+//# sourceMappingURL=useInsertionEffect.esm.js.map

package/useInsertionEffect.esm.js.map

@@ -0,0 +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;;;;"}

package/utils/canUseDOM.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Verifies if an application can use DOM.
+ */
+function canUseDOM() {
+  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
+}
+
+exports.canUseDOM = canUseDOM;
+//# sourceMappingURL=canUseDOM.cjs.js.map

package/utils/canUseDOM.cjs.js.map

@@ -0,0 +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;;;SAGgBA,SAAS;EACvB,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC;AAC9F;;;;"}

package/utils/canUseDOM.esm.js

@@ -0,0 +1,9 @@
+/**
+ * Verifies if an application can use DOM.
+ */
+function canUseDOM() {
+  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
+}
+
+export { canUseDOM };
+//# sourceMappingURL=canUseDOM.esm.js.map

package/utils/canUseDOM.esm.js.map

@@ -0,0 +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;;;SAGgBA,SAAS;EACvB,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,EAAEA,MAAM,CAACC,QAAQ,IAAID,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC;AAC9F;;;;"}