@griffel/react 1.5.20 → 1.5.22

package/README.md

@@ -20,19 +20,9 @@ A package with wrappers and APIs to be used with React.js.
   - [styleElementAttributes](#styleelementattributes)
 - [`TextDirectionProvider`](#textdirectionprovider)
 - [Shorthands](#shorthands)
-  - [`shorthands.border`](#shorthandsborder)
-  - [`shorthands.borderBottom`, `shorthands.borderTop`, `shorthands.borderLeft`, `shorthands.borderRight`](#shorthandsborderbottom-shorthandsbordertop-shorthandsborderleft-shorthandsborderright)
   - [`shorthands.borderColor`](#shorthandsbordercolor)
   - [`shorthands.borderStyle`](#shorthandsborderstyle)
   - [`shorthands.borderWidth`](#shorthandsborderwidth)
-  - [`shorthands.flex`](#shorthandsflex)
-  - [`shorthands.gap`](#shorthandsgap)
-  - [`shorthands.gridArea`](#shorthandsgridarea)
-  - [`shorthands.inset`](#shorthandsinset)
-  - [`shorthands.margin`](#shorthandsmargin)
-  - [`shorthands.overflow`](#shorthandsoverflow)
-  - [`shorthands.padding`](#shorthandspadding)
-  - [`shorthands.transition`](#shorthandstransition)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -311,10 +301,8 @@ Rules generated by `makeResetStyles()` are inserted into the CSS style sheet bef
 
 `makeResetStyles` returns a React hook that should be called inside a component:
 
-> 💡`makeResetStyles` supports all features from `makeStyles()` and allows to use [CSS shorthands](https://griffel.js.org/react/guides/limitations#css-shorthands-are-not-supported).
-
 ```jsx
-import { makeStyles, makeResetStyles, shorthands } from '@griffel/react';
+import { makeStyles, makeResetStyles } from '@griffel/react';
 import { mergeClasses } from './mergeClasses';
 
 const useBaseClass = makeResetStyles({
@@ -326,8 +314,8 @@ const useBaseClass = makeResetStyles({
 const useClasses = makeStyles({
   primary: { color: 'blue' },
   circular: {
-    ...shorthands.padding('5px'),
-    ...shorthands.borderRadius('5px'),
+    padding: '5px',
+    borderRadius: '5px',
   },
 });
 
@@ -497,36 +485,7 @@ function App() {
 
 ## Shorthands
 
-`shorthands` provides a set of functions to mimic [CSS shorthands](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) and improve developer experience as [CSS shorthands are not supported](https://griffel.js.org/react/guides/limitations#css-shorthands-are-not-supported) by Griffel.
-
-### `shorthands.border`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.border('2px'),
-    ...shorthands.border('2px', 'solid'),
-    ...shorthands.border('2px', 'solid', 'red'),
-  },
-});
-```
-
-### `shorthands.borderBottom`, `shorthands.borderTop`, `shorthands.borderLeft`, `shorthands.borderRight`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    // The same is true for "borderTop", "borderLeft" & "borderRight"
-    ...shorthands.borderBottom('2px'),
-    ...shorthands.borderBottom('2px', 'solid'),
-    ...shorthands.borderBottom('2px', 'solid', 'red'),
-  },
-});
-```
+`shorthands` provides a set of functions to mimic [CSS shorthands](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) and improve developer experience as [some of CSS shorthands are not supported](https://griffel.js.org/react/guides/limitations#css-shorthands-are-not-supported) by Griffel.
 
 ### `shorthands.borderColor`
 
@@ -572,122 +531,3 @@ const useClasses = makeStyles({
   },
 });
 ```
-
-### `shorthands.flex`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.flex('auto'),
-    ...shorthands.flex(1, '2.5rem'),
-    ...shorthands.flex(0, 0, 'auto'),
-  },
-});
-```
-
-### `shorthands.gap`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.gap('12px'),
-    ...shorthands.gap('12px', '24px'),
-  },
-});
-```
-
-### `shorthands.gridArea`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.gridArea('auto'),
-    ...shorthands.gridArea('first', 'second'),
-    ...shorthands.gridArea(2, 4, 'span footer'),
-    ...shorthands.gridArea(2, 4, 1, 3),
-  },
-});
-```
-
-### `shorthands.inset`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.inset('10px'),
-    ...shorthands.inset('10px', '5px'),
-    ...shorthands.inset('2px', '4px', '8px'),
-    ...shorthands.inset('1px', 0, '3px', '4px'),
-  },
-});
-```
-
-### `shorthands.margin`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.margin('12px'),
-    ...shorthands.margin('12px', '24px'),
-    ...shorthands.margin('12px', '24px', '36px'),
-    ...shorthands.margin('12px', '24px', '36px', '48px'),
-  },
-});
-```
-
-### `shorthands.overflow`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.overflow('visible'),
-    ...shorthands.overflow('visible', 'hidden'),
-  },
-});
-```
-
-### `shorthands.padding`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.padding('12px'),
-    ...shorthands.padding('12px', '24px'),
-    ...shorthands.padding('12px', '24px', '36px'),
-    ...shorthands.padding('12px', '24px', '36px', '48px'),
-  },
-});
-```
-
-### `shorthands.transition`
-
-```js
-import { makeStyles, shorthands } from '@griffel/react';
-
-const useClasses = makeStyles({
-  root: {
-    ...shorthands.transition('inherit'),
-    ...shorthands.transition('margin-right', '2s'),
-    ...shorthands.transition('margin-right', '4s', '1s'),
-    ...shorthands.transition('margin-right', '4s', '1s', 'ease-in'),
-    ...shorthands.transition([
-      ['margin-right', '4s', '1s', 'ease-in'],
-      ['margin-left', '2s', '0s', 'ease-in-out'],
-    ]),
-  },
-});
-```

package/RendererContext.cjs.js

@@ -26,12 +26,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * @private
+/**
+ * @private
  */
 const RendererContext = /*#__PURE__*/React__namespace.createContext( /*#__PURE__*/core.createDOMRenderer());
-/**
- * @public
+/**
+ * @public
  */
 const RendererProvider = ({
   children,
@@ -52,10 +52,10 @@ const RendererProvider = ({
     value: renderer
   }, children);
 };
-/**
- * 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.
+/**
+ * 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.
  */
 function useRenderer() {
   return React__namespace.useContext(RendererContext);

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 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,GAAoCA,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,WAAWA;EACzB,OAAOZ,gBAAK,CAACa,UAAU,CAACd,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","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;AAEG;AACH,MAAMA,eAAe,gBAAGC,gBAAK,CAACC,aAAa,eAAkBC,sBAAiB,EAAE,CAAC,CAAA;AAEjF;;AAEG;AACI,MAAMC,gBAAgB,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAc,CAAE,KAAI;EAC1G,IAAIC,mBAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,gBAAK,CAACQ,OAAO,CAAC,MAAK;AACjB;AACA;AACAC,MAAAA,2BAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAC/B,GAAA;AAED,EAAA,oBAAON,gBAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;GAAQ,EAAGD,QAAQ,CAA4B,CAAA;AACzF,EAAC;AAED;;;;AAIG;SACaS,WAAWA,GAAA;AACzB,EAAA,OAAOb,gBAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;;"}

package/RendererContext.esm.js

@@ -2,12 +2,13 @@ import { rehydrateRendererCache, createDOMRenderer } from '@griffel/core';
 import * as React from 'react';
 import { canUseDOM } from './utils/canUseDOM.esm.js';
 
-/**
- * @private
+/**
+ * @private
  */
 const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/createDOMRenderer());
-/**
- * @public
+
+/**
+ * @public
  */
 const RendererProvider = ({
   children,
@@ -28,10 +29,11 @@ const RendererProvider = ({
     value: renderer
   }, children);
 };
-/**
- * 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.
+
+/**
+ * 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.
  */
 function useRenderer() {
   return React.useContext(RendererContext);

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 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,GAAoCA,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,WAAWA;EACzB,OAAOZ,KAAK,CAACa,UAAU,CAACd,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","createElement","Provider","value","useRenderer","useContext"],"mappings":";;;;AAqBA;AACA;AACA;AACA,MAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,eAAkBC,iBAAiB,EAAE,CAAC,CAAA;;AAEjF;AACA;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;AAAEC,EAAAA,cAAAA;AAAe,CAAC,KAAK;EAC3G,IAAIC,SAAS,EAAE,EAAE;AACf;AACA;AACA;IACAP,KAAK,CAACQ,OAAO,CAAC,MAAM;AAClB;AACA;AACAC,MAAAA,sBAAsB,CAACJ,QAAQ,EAAEC,cAAc,CAAC,CAAA;AAClD,KAAC,EAAE,CAACD,QAAQ,EAAEC,cAAc,CAAC,CAAC,CAAA;AAChC,GAAA;AAEA,EAAA,oBAAON,KAAA,CAAAU,aAAA,CAACX,eAAe,CAACY,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEP,QAAAA;AAAS,GAAA,EAAED,QAAmC,CAAC,CAAA;AACzF,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASS,WAAWA,GAAoB;AAC7C,EAAA,OAAOb,KAAK,CAACc,UAAU,CAACf,eAAe,CAAC,CAAA;AAC1C;;;;"}

package/TextDirectionContext.cjs.js

@@ -24,12 +24,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * @private
+/**
+ * @private
  */
 const TextDirectionContext = /*#__PURE__*/React__namespace.createContext('ltr');
-/**
- * @public
+/**
+ * @public
  */
 const TextDirectionProvider = ({
   children,
@@ -39,10 +39,10 @@ const TextDirectionProvider = ({
     value: dir
   }, children);
 };
-/**
- * Returns current directionality of the element's text.
- *
- * @private
+/**
+ * Returns current directionality of the element's text.
+ *
+ * @private
  */
 function useTextDirection() {
   return React__namespace.useContext(TextDirectionContext);

package/TextDirectionContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextDirectionContext.cjs.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n  /** Indicates the directionality of the element's text. */\n  dir: 'ltr' | 'rtl';\n\n  /**\n   * Content wrapped by the TextDirectionProvider.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n  return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n  return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","Provider","value","useTextDirection","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;;;AAGA,MAAMA,oBAAoB,gBAAGC,gBAAK,CAACC,aAAa,CAAgB,KAAK,CAAC;AAEtE;;;MAGaC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;EAAEC;CAAK;EAC3F,oBAAOJ,+BAACD,oBAAoB,CAACM,QAAQ;IAACC,KAAK,EAAEF;KAAMD,QAAQ,CAAiC;AAC9F;AAEA;;;;;SAKgBI,gBAAgBA;EAC9B,OAAOP,gBAAK,CAACQ,UAAU,CAACT,oBAAoB,CAAC;AAC/C;;;;;"}
+{"version":3,"file":"TextDirectionContext.cjs.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n  /** Indicates the directionality of the element's text. */\n  dir: 'ltr' | 'rtl';\n\n  /**\n   * Content wrapped by the TextDirectionProvider.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n  return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n  return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;;AAEG;AACH,MAAMA,oBAAoB,gBAAGC,gBAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;AAEtE;;AAEG;AACI,MAAMC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAK,CAAA,KAAI;AAC/F,EAAA,oBAAOJ,gBAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;GAAG,EAAGD,QAAQ,CAAiC,CAAA;AAC9F,EAAC;AAED;;;;AAIG;SACaK,gBAAgBA,GAAA;AAC9B,EAAA,OAAOR,gBAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;;"}

package/TextDirectionContext.esm.js

@@ -1,11 +1,12 @@
 import * as React from 'react';
 
-/**
- * @private
+/**
+ * @private
  */
 const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
-/**
- * @public
+
+/**
+ * @public
  */
 const TextDirectionProvider = ({
   children,
@@ -15,10 +16,11 @@ const TextDirectionProvider = ({
     value: dir
   }, children);
 };
-/**
- * Returns current directionality of the element's text.
- *
- * @private
+
+/**
+ * Returns current directionality of the element's text.
+ *
+ * @private
  */
 function useTextDirection() {
   return React.useContext(TextDirectionContext);

package/TextDirectionContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextDirectionContext.esm.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n  /** Indicates the directionality of the element's text. */\n  dir: 'ltr' | 'rtl';\n\n  /**\n   * Content wrapped by the TextDirectionProvider.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n  return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n  return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","Provider","value","useTextDirection","useContext"],"mappings":";;AAYA;;;AAGA,MAAMA,oBAAoB,gBAAGC,KAAK,CAACC,aAAa,CAAgB,KAAK,CAAC;AAEtE;;;MAGaC,qBAAqB,GAAyCA,CAAC;EAAEC,QAAQ;EAAEC;CAAK;EAC3F,oBAAOJ,oBAACD,oBAAoB,CAACM,QAAQ;IAACC,KAAK,EAAEF;KAAMD,QAAQ,CAAiC;AAC9F;AAEA;;;;;SAKgBI,gBAAgBA;EAC9B,OAAOP,KAAK,CAACQ,UAAU,CAACT,oBAAoB,CAAC;AAC/C;;;;"}
+{"version":3,"file":"TextDirectionContext.esm.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n  /** Indicates the directionality of the element's text. */\n  dir: 'ltr' | 'rtl';\n\n  /**\n   * Content wrapped by the TextDirectionProvider.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n  return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n  return React.useContext(TextDirectionContext);\n}\n"],"names":["TextDirectionContext","React","createContext","TextDirectionProvider","children","dir","createElement","Provider","value","useTextDirection","useContext"],"mappings":";;AAYA;AACA;AACA;AACA,MAAMA,oBAAoB,gBAAGC,KAAK,CAACC,aAAa,CAAgB,KAAK,CAAC,CAAA;;AAEtE;AACA;AACA;AACO,MAAMC,qBAA2D,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,GAAAA;AAAI,CAAC,KAAK;AAChG,EAAA,oBAAOJ,KAAA,CAAAK,aAAA,CAACN,oBAAoB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEH,GAAAA;AAAI,GAAA,EAAED,QAAwC,CAAC,CAAA;AAC9F,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASK,gBAAgBA,GAAG;AACjC,EAAA,OAAOR,KAAK,CAACS,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC/C;;;;"}

package/__css.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@griffel/core');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __css(classesMapBySlot) {

package/__css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"__css.cjs.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n  const getStyles = vanillaCSS(classesMapBySlot);\n\n  return function useClasses(): Record<Slots, string> {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAKA;;;;;AAKA;SACgBA,KAAKA,CAAuBC,gBAA4C;EACtF,MAAMC,SAAS,GAAGC,UAAU,CAACF,gBAAgB,CAAC;EAE9C,OAAO,SAASG,UAAUA;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAE9B,OAAOJ,SAAS,CAAC;MAAEG;KAAK,CAAC;GAC1B;AACH;;;;"}
+{"version":3,"file":"__css.cjs.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n  const getStyles = vanillaCSS(classesMapBySlot);\n\n  return function useClasses(): Record<Slots, string> {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAKA;;;;AAIG;AACH;AACM,SAAUA,KAAKA,CAAuBC,gBAA4C,EAAA;AACtF,EAAA,MAAMC,SAAS,GAAGC,UAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}

package/__css.esm.js

@@ -1,10 +1,10 @@
 import { __css as __css$1 } from '@griffel/core';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __css(classesMapBySlot) {

package/__css.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"__css.esm.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n  const getStyles = vanillaCSS(classesMapBySlot);\n\n  return function useClasses(): Record<Slots, string> {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAKA;;;;;AAKA;SACgBA,KAAKA,CAAuBC,gBAA4C;EACtF,MAAMC,SAAS,GAAGC,OAAU,CAACF,gBAAgB,CAAC;EAE9C,OAAO,SAASG,UAAUA;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAE9B,OAAOJ,SAAS,CAAC;MAAEG;KAAK,CAAC;GAC1B;AACH;;;;"}
+{"version":3,"file":"__css.esm.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["import { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n  const getStyles = vanillaCSS(classesMapBySlot);\n\n  return function useClasses(): Record<Slots, string> {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__css","classesMapBySlot","getStyles","vanillaCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,KAAKA,CAAuBC,gBAA4C,EAAE;AACxF,EAAA,MAAMC,SAAS,GAAGC,OAAU,CAACF,gBAAgB,CAAC,CAAA;EAE9C,OAAO,SAASG,UAAUA,GAA0B;AAClD,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAI,KAAC,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}

package/__resetCSS.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@griffel/core');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetCSS(ltrClassName, rtlClassName) {

package/__resetCSS.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n  const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n  return function useClasses(): string {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAGA;;;;;AAKA;SACgBA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B;EAC1E,MAAMC,SAAS,GAAGC,eAAe,CAACH,YAAY,EAAEC,YAAY,CAAC;EAE7D,OAAO,SAASG,UAAUA;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAE9B,OAAOJ,SAAS,CAAC;MAAEG;KAAK,CAAC;GAC1B;AACH;;;;"}
+{"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n  const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n  return function useClasses(): string {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAGA;;;;AAIG;AACH;AACgB,SAAAA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAA;AAC1E,EAAA,MAAMC,SAAS,GAAGC,eAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAG,KAAE,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}

package/__resetCSS.esm.js

@@ -1,10 +1,10 @@
 import { __resetCSS as __resetCSS$1 } from '@griffel/core';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetCSS(ltrClassName, rtlClassName) {

package/__resetCSS.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n  const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n  return function useClasses(): string {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAGA;;;;;AAKA;SACgBA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B;EAC1E,MAAMC,SAAS,GAAGC,YAAe,CAACH,YAAY,EAAEC,YAAY,CAAC;EAE7D,OAAO,SAASG,UAAUA;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAE9B,OAAOJ,SAAS,CAAC;MAAEG;KAAK,CAAC;GAC1B;AACH;;;;"}
+{"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n  const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n  return function useClasses(): string {\n    const dir = useTextDirection();\n\n    return getStyles({ dir });\n  };\n}\n"],"names":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAACC,YAAoB,EAAEC,YAA2B,EAAE;AAC5E,EAAA,MAAMC,SAAS,GAAGC,YAAe,CAACH,YAAY,EAAEC,YAAY,CAAC,CAAA;EAE7D,OAAO,SAASG,UAAUA,GAAW;AACnC,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAE9B,IAAA,OAAOJ,SAAS,CAAC;AAAEG,MAAAA,GAAAA;AAAI,KAAC,CAAC,CAAA;GAC1B,CAAA;AACH;;;;"}

package/__resetStyles.cjs.js

@@ -7,10 +7,10 @@ var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetStyles(ltrClassName, rtlClassName, cssRules) {

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';\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,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC;EAErC,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC;EAE5F,OAAO,SAASC,UAAUA;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,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;;;;AAIG;AACH;SACgBA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EAAA;EAErC,MAAMC,SAAS,GAAGC,kBAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}

package/__resetStyles.esm.js

@@ -3,10 +3,10 @@ import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __resetStyles(ltrClassName, rtlClassName, cssRules) {

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';\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,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC;EAErC,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC;EAE5F,OAAO,SAASC,UAAUA;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,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;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAC3BC,YAAoB,EACpBC,YAA2B,EAC3BC,QAAqC,EACrC;EACA,MAAMC,SAAS,GAAGC,eAAkB,CAACJ,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE5F,OAAO,SAASC,UAAUA,GAAW;AACnC,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}

package/__styles.cjs.js

@@ -7,10 +7,10 @@ var insertionFactory = require('./insertionFactory.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __styles(classesMapBySlot, cssRules) {

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 { 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,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC;EAE7E,OAAO,SAASC,UAAUA;IACxB,MAAMC,GAAG,GAAGC,qCAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,2BAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,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;;;;AAIG;AACH;AACgB,SAAAA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAAA;EAE1B,MAAMC,SAAS,GAAGC,aAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,iCAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAAA;AACxB,IAAA,MAAMC,GAAG,GAAGC,qCAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,2BAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAQ,KAAE,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}

package/__styles.esm.js

@@ -3,10 +3,10 @@ import { insertionFactory } from './insertionFactory.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function __styles(classesMapBySlot, cssRules) {

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 { 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,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B;EAE1B,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC;EAE7E,OAAO,SAASC,UAAUA;IACxB,MAAMC,GAAG,GAAGC,gBAAgB,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,WAAW,EAAE;IAE9B,OAAOP,SAAS,CAAC;MAAEI,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;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CACtBC,gBAA4C,EAC5CC,QAA0B,EAC1B;EACA,MAAMC,SAAS,GAAGC,UAAa,CAACH,gBAAgB,EAAEC,QAAQ,EAAEG,gBAAgB,CAAC,CAAA;EAE7E,OAAO,SAASC,UAAUA,GAA0B;AAClD,IAAA,MAAMC,GAAG,GAAGC,gBAAgB,EAAE,CAAA;AAC9B,IAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,IAAA,OAAOP,SAAS,CAAC;MAAEI,GAAG;AAAEE,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAA;GACpC,CAAA;AACH;;;;"}

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.cjs.js

@@ -16,6 +16,10 @@ var __resetStyles = require('./__resetStyles.cjs.js');
 
 
 
+Object.defineProperty(exports, 'RESET', {
+	enumerable: true,
+	get: function () { return core.RESET; }
+});
 Object.defineProperty(exports, 'createDOMRenderer', {
 	enumerable: true,
 	get: function () { return core.createDOMRenderer; }

package/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}