@griffel/react 1.5.20 → 1.5.22

package/index.esm.js

@@ -1,4 +1,4 @@
-export { createDOMRenderer, mergeClasses, shorthands } from '@griffel/core';
+export { RESET, createDOMRenderer, mergeClasses, shorthands } from '@griffel/core';
 export { makeStyles } from './makeStyles.esm.js';
 export { makeResetStyles } from './makeResetStyles.esm.js';
 export { makeStaticStyles } from './makeStaticStyles.esm.js';

package/insertionFactory.cjs.js.map

@@ -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":";;;;;;;MAKaA,gBAAgB,GAA4BA;EACvD,MAAMC,cAAc,GAA4B,EAAE;EAElD,OAAO,SAASC,MAAMA,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;;;;"}
+{"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;;;;"}

package/insertionFactory.esm.js.map

@@ -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":";;;MAKaA,gBAAgB,GAA4BA;EACvD,MAAMC,cAAc,GAA4B,EAAE;EAElD,OAAO,SAASC,MAAMA,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;;;;"}
+{"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;;;;"}

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 { 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,eAAeA,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,YAAYA;IAC1B,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,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":";;;;;;;;;;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;;;;"}

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 { 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,eAAeA,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,YAAYA;IAC1B,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,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":";;;;;;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;;;;"}

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';\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,gBAAgBA,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,eAAeA;IAC7B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAOP,SAAS,CAACS,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":";;;;;;;;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;;;;"}

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';\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,gBAAgBA,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,eAAeA;IAC7B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAC9B,MAAMC,OAAO,GAA4B;MAAEF;KAAU;IAErD,OAAOP,SAAS,CAACS,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":";;;;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;;;;"}

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 { 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,UAAUA,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,UAAUA;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,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":";;;;;;;;;;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;;;;"}

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 { 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,UAAUA,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,UAAUA;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOb,SAAS,CAAC;MAAEU,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":";;;;;;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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.5.20",
+  "version": "1.5.22",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -15,13 +15,12 @@
     }
   },
   "dependencies": {
-    "@griffel/core": "^1.15.2",
+    "@griffel/core": "^1.16.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0 <19.0.0"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "types": "./src/index.d.ts"
+  "main": "./index.cjs.js"
 }

package/renderToStyleElements.cjs.js

@@ -25,10 +25,10 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
- *
- * @public
+/**
+ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
+ *
+ * @public
  */
 function renderToStyleElements(renderer) {
   const stylesheets = Object.values(renderer.stylesheets)
@@ -54,16 +54,14 @@ function renderToStyleElements(renderer) {
     if (!cssRules.length) {
       return null;
     }
-    return /*#__PURE__*/React__namespace.createElement('style', {
-      key: stylesheet.bucketName,
-      // TODO: support "nonce"
-      // ...renderer.styleNodeAttributes,
-      ...stylesheet.elementAttributes,
+    return /*#__PURE__*/React__namespace.createElement('style', Object.assign({
+      key: stylesheet.bucketName
+    }, stylesheet.elementAttributes, {
       'data-make-styles-rehydration': 'true',
       dangerouslySetInnerHTML: {
         __html: cssRules.join('')
       }
-    });
+    }));
   }).filter(Boolean);
 }
 

package/renderToStyleElements.cjs.js.map

@@ -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","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;SAKgBA,qBAAqBA,CAACC,QAAyB;EAC7D,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW;;GAEnDG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC;IACT,OAAOC,wBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,wBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC;GAC7F;;GAEAL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC;IACT,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC;IAC3C,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;MACpB,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC;;IAGrD,IAAIF,MAAM,IAAIE,MAAM,EAAE;MACpB,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;;IAGxB,OAAO,CAAC;GACT,CAAC;EAEJ,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU;IACb,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE;;IAEtC,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;MACpB,OAAO,IAAI;;IAGb,oBAAOC,gBAAK,CAACC,aAAa,CAAC,OAAO,EAAE;MAClCC,GAAG,EAAEL,UAAU,CAACN,UAAU;;;MAI1B,GAAGM,UAAU,CAACJ,iBAAiB;MAC/B,8BAA8B,EAAE,MAAM;MAEtCU,uBAAuB,EAAE;QACvBC,MAAM,EAAEN,QAAQ,CAACO,IAAI,CAAC,EAAE;;KAE3B,CAAC;GACH,CAAC,CACDC,MAAM,CAACC,OAAO,CAAyB;AAC5C;;;;"}
+{"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;;;;"}

package/renderToStyleElements.esm.js

@@ -1,10 +1,10 @@
 import { styleBucketOrdering } from '@griffel/core';
 import * as React from 'react';
 
-/**
- * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
- *
- * @public
+/**
+ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
+ *
+ * @public
  */
 function renderToStyleElements(renderer) {
   const stylesheets = Object.values(renderer.stylesheets)
@@ -30,16 +30,14 @@ function renderToStyleElements(renderer) {
     if (!cssRules.length) {
       return null;
     }
-    return /*#__PURE__*/React.createElement('style', {
-      key: stylesheet.bucketName,
-      // TODO: support "nonce"
-      // ...renderer.styleNodeAttributes,
-      ...stylesheet.elementAttributes,
+    return /*#__PURE__*/React.createElement('style', Object.assign({
+      key: stylesheet.bucketName
+    }, stylesheet.elementAttributes, {
       'data-make-styles-rehydration': 'true',
       dangerouslySetInnerHTML: {
         __html: cssRules.join('')
       }
-    });
+    }));
   }).filter(Boolean);
 }
 

package/renderToStyleElements.esm.js.map

@@ -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","key","dangerouslySetInnerHTML","__html","join","filter","Boolean"],"mappings":";;;AAIA;;;;;SAKgBA,qBAAqBA,CAACC,QAAyB;EAC7D,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACH,QAAQ,CAACC,WAAW;;GAEnDG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC;IACT,OAAOC,mBAAmB,CAACC,OAAO,CAACH,CAAC,CAACI,UAAU,CAAC,GAAGF,mBAAmB,CAACC,OAAO,CAACF,CAAC,CAACG,UAAU,CAAC;GAC7F;;GAEAL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC;IACT,MAAMI,MAAM,GAAGL,CAAC,CAACM,iBAAiB,CAAC,OAAO,CAAC;IAC3C,MAAMC,MAAM,GAAGN,CAAC,CAACK,iBAAiB,CAAC,OAAO,CAAC;IAE3C,IAAID,MAAM,IAAIE,MAAM,EAAE;MACpB,OAAOZ,QAAQ,CAACa,mBAAmB,CAACH,MAAM,EAAEE,MAAM,CAAC;;IAGrD,IAAIF,MAAM,IAAIE,MAAM,EAAE;MACpB,OAAOF,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;;IAGxB,OAAO,CAAC;GACT,CAAC;EAEJ,OAAOT,WAAW,CACfa,GAAG,CAACC,UAAU;IACb,MAAMC,QAAQ,GAAGD,UAAU,CAACC,QAAQ,EAAE;;IAEtC,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;MACpB,OAAO,IAAI;;IAGb,oBAAOC,KAAK,CAACC,aAAa,CAAC,OAAO,EAAE;MAClCC,GAAG,EAAEL,UAAU,CAACN,UAAU;;;MAI1B,GAAGM,UAAU,CAACJ,iBAAiB;MAC/B,8BAA8B,EAAE,MAAM;MAEtCU,uBAAuB,EAAE;QACvBC,MAAM,EAAEN,QAAQ,CAACO,IAAI,CAAC,EAAE;;KAE3B,CAAC;GACH,CAAC,CACDC,MAAM,CAACC,OAAO,CAAyB;AAC5C;;;;"}
+{"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;;;;"}

package/src/RendererContext.d.ts

@@ -1,24 +1,24 @@
-import type { GriffelRenderer } from '@griffel/core';
-import * as React from 'react';
-export interface RendererProviderProps {
-    /** An instance of Griffel renderer. */
-    renderer: GriffelRenderer;
-    /**
-     * Document used to insert CSS variables to head
-     */
-    targetDocument?: Document;
-    /**
-     * Content wrapped by the RendererProvider
-     */
-    children: React.ReactNode;
-}
-/**
- * @public
- */
-export declare const RendererProvider: React.FC<RendererProviderProps>;
-/**
- * Returns an instance of current makeStyles() renderer.
- *
- * @private Exported as "useRenderer_unstable" use it on own risk. Can be changed or removed without a notice.
- */
-export declare function useRenderer(): GriffelRenderer;
+import type { GriffelRenderer } from '@griffel/core';
+import * as React from 'react';
+export interface RendererProviderProps {
+    /** An instance of Griffel renderer. */
+    renderer: GriffelRenderer;
+    /**
+     * Document used to insert CSS variables to head
+     */
+    targetDocument?: Document;
+    /**
+     * Content wrapped by the RendererProvider
+     */
+    children: React.ReactNode;
+}
+/**
+ * @public
+ */
+export declare const RendererProvider: React.FC<RendererProviderProps>;
+/**
+ * Returns an instance of current makeStyles() renderer.
+ *
+ * @private Exported as "useRenderer_unstable" use it on own risk. Can be changed or removed without a notice.
+ */
+export declare function useRenderer(): GriffelRenderer;

package/src/TextDirectionContext.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-export interface TextDirectionProviderProps {
-    /** Indicates the directionality of the element's text. */
-    dir: 'ltr' | 'rtl';
-    /**
-     * Content wrapped by the TextDirectionProvider.
-     */
-    children: React.ReactNode;
-}
-/**
- * @public
- */
-export declare const TextDirectionProvider: React.FC<TextDirectionProviderProps>;
-/**
- * Returns current directionality of the element's text.
- *
- * @private
- */
-export declare function useTextDirection(): "ltr" | "rtl";
+import * as React from 'react';
+export interface TextDirectionProviderProps {
+    /** Indicates the directionality of the element's text. */
+    dir: 'ltr' | 'rtl';
+    /**
+     * Content wrapped by the TextDirectionProvider.
+     */
+    children: React.ReactNode;
+}
+/**
+ * @public
+ */
+export declare const TextDirectionProvider: React.FC<TextDirectionProviderProps>;
+/**
+ * Returns current directionality of the element's text.
+ *
+ * @private
+ */
+export declare function useTextDirection(): "ltr" | "rtl";

package/src/__css.d.ts

@@ -1,7 +1,7 @@
-import type { CSSClassesMapBySlot } from '@griffel/core';
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
- */
-export declare function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>): () => Record<Slots, string>;
+import type { CSSClassesMapBySlot } from '@griffel/core';
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
+ */
+export declare function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>): () => Record<Slots, string>;

package/src/__resetCSS.d.ts

@@ -1,6 +1,6 @@
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
- */
-export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): () => string;
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
+ */
+export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): () => string;

package/src/__resetStyles.d.ts

@@ -1,7 +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: CSSRulesByBucket | string[]): () => string;
+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: CSSRulesByBucket | string[]): () => string;

package/src/__styles.d.ts

@@ -1,7 +1,7 @@
-import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
- */
-export declare function __styles<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>, cssRules: CSSRulesByBucket): () => Record<Slots, string>;
+import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
+ */
+export declare function __styles<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>, cssRules: CSSRulesByBucket): () => Record<Slots, string>;

package/src/index.d.ts

@@ -1,12 +1,12 @@
-export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
-export type { GriffelStyle, GriffelResetStyle, CreateDOMRendererOptions, GriffelRenderer } from '@griffel/core';
-export { makeStyles } from './makeStyles';
-export { makeResetStyles } from './makeResetStyles';
-export { makeStaticStyles } from './makeStaticStyles';
-export { renderToStyleElements } from './renderToStyleElements';
-export { RendererProvider, useRenderer as useRenderer_unstable } from './RendererContext';
-export { TextDirectionProvider } from './TextDirectionContext';
-export { __css } from './__css';
-export { __styles } from './__styles';
-export { __resetCSS } from './__resetCSS';
-export { __resetStyles } from './__resetStyles';
+export { RESET, shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
+export type { GriffelStyle, GriffelResetStyle, CreateDOMRendererOptions, GriffelRenderer } from '@griffel/core';
+export { makeStyles } from './makeStyles';
+export { makeResetStyles } from './makeResetStyles';
+export { makeStaticStyles } from './makeStaticStyles';
+export { renderToStyleElements } from './renderToStyleElements';
+export { RendererProvider, useRenderer as useRenderer_unstable } from './RendererContext';
+export { TextDirectionProvider } from './TextDirectionContext';
+export { __css } from './__css';
+export { __styles } from './__styles';
+export { __resetCSS } from './__resetCSS';
+export { __resetStyles } from './__resetStyles';

package/src/insertionFactory.d.ts

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

package/src/makeResetStyles.d.ts

@@ -1,2 +1,2 @@
-import type { GriffelResetStyle } from '@griffel/core';
-export declare function makeResetStyles(styles: GriffelResetStyle): () => string;
+import type { GriffelResetStyle } from '@griffel/core';
+export declare function makeResetStyles(styles: GriffelResetStyle): () => string;

package/src/makeStaticStyles.d.ts

@@ -1,2 +1,2 @@
-import type { GriffelStaticStyles } from '@griffel/core';
-export declare function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;
+import type { GriffelStaticStyles } from '@griffel/core';
+export declare function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;

package/src/makeStyles.d.ts

@@ -1,2 +1,2 @@
-import type { GriffelStyle } from '@griffel/core';
-export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;
+import type { GriffelStyle } from '@griffel/core';
+export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

package/src/renderToStyleElements.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import type { GriffelRenderer } from '@griffel/core';
-/**
- * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
- *
- * @public
- */
-export declare function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[];
+import * as React from 'react';
+import type { GriffelRenderer } from '@griffel/core';
+/**
+ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
+ *
+ * @public
+ */
+export declare function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[];

package/src/useInsertionEffect.d.ts

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

package/src/utils/canUseDOM.d.ts

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

package/src/utils/isInsideComponent.d.ts

@@ -1 +1 @@
-export declare function isInsideComponent(): boolean;
+export declare function isInsideComponent(): boolean;

package/useInsertionEffect.esm.js.map

@@ -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,kBAAkB;AAC7B;AACA;AACAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAGC;;;;"}
+{"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;;;;"}

package/utils/canUseDOM.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/**
- * Verifies if an application can use DOM.
+/**
+ * Verifies if an application can use DOM.
  */
 function canUseDOM() {
   return typeof window !== 'undefined' && !!(window.document && window.document.createElement);

package/utils/canUseDOM.cjs.js.map

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

package/utils/canUseDOM.esm.js

@@ -1,5 +1,5 @@
-/**
- * Verifies if an application can use DOM.
+/**
+ * Verifies if an application can use DOM.
  */
 function canUseDOM() {
   return typeof window !== 'undefined' && !!(window.document && window.document.createElement);

package/utils/canUseDOM.esm.js.map

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

package/utils/isInsideComponent.cjs.js.map

@@ -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;;;EAG/B,IAAI;;IAEF,MAAMC,UAAU,GAAGC,gBAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO;;IAG1G,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;MACnD,OAAO,KAAK;;;;IAKdL,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC;IACzB,OAAO,IAAI;GACZ,CAAC,OAAOC,CAAC,EAAE;IACV,OAAO,KAAK;;AAEhB;;;;"}
+{"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;;;;"}

package/utils/isInsideComponent.esm.js

@@ -6,10 +6,12 @@ function isInsideComponent() {
   try {
     // @ts-expect-error "SECRET_INTERNALS" are not typed
     const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
+
     // Before any React component was rendered "dispatcher" will be "null"
     if (dispatcher === null || dispatcher === undefined) {
       return false;
     }
+
     // A check with hooks call (i.e. call "React.useContext()" outside a component) will always produce errors, but
     // a call on the dispatcher wont
     dispatcher.useContext({});

package/utils/isInsideComponent.esm.js.map

@@ -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":";;SAEgBA,iBAAiBA;;;EAG/B,IAAI;;IAEF,MAAMC,UAAU,GAAGC,KAAK,CAACC,kDAAkD,CAACC,sBAAsB,CAACC,OAAO;;IAG1G,IAAIJ,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKK,SAAS,EAAE;MACnD,OAAO,KAAK;;;;IAKdL,UAAU,CAACM,UAAU,CAAC,EAAE,CAAC;IACzB,OAAO,IAAI;GACZ,CAAC,OAAOC,CAAC,EAAE;IACV,OAAO,KAAK;;AAEhB;;;;"}
+{"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;;;;"}