@traefik-labs/faency 12.3.7 → 12.3.8

package/dist/colors/deepBlue.cjs

@@ -62,6 +62,10 @@ var deepBlueDarkA = {
 	deepBlueA12: "hsl(210, 99.7%, 96.4%, 0.975)"
 };
 //#endregion
+exports.deepBlue = deepBlue;
+exports.deepBlueA = deepBlueA;
+exports.deepBlueDark = deepBlueDark;
+exports.deepBlueDarkA = deepBlueDarkA;
 Object.defineProperty(exports, "deepBlue_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/deepBlue.js

@@ -63,6 +63,6 @@ var deepBlueDarkA = {
 	deepBlueA12: "hsl(210, 99.7%, 96.4%, 0.975)"
 };
 //#endregion
-export { deepBlue_exports };
+export { deepBlue, deepBlueA, deepBlueDark, deepBlueDarkA, deepBlue_exports };
 
 //# sourceMappingURL=deepBlue.js.map

package/dist/colors/elevation.cjs

@@ -20,6 +20,8 @@ var elevationDark = {
 	"05dp": "hsl(209, 21%, 23%)"
 };
 //#endregion
+exports.elevation = elevation;
+exports.elevationDark = elevationDark;
 Object.defineProperty(exports, "elevation_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/elevation.js

@@ -21,6 +21,6 @@ var elevationDark = {
 	"05dp": "hsl(209, 21%, 23%)"
 };
 //#endregion
-export { elevation_exports };
+export { elevation, elevationDark, elevation_exports };
 
 //# sourceMappingURL=elevation.js.map

package/dist/colors/grayBlue.cjs

@@ -62,6 +62,10 @@ var grayBlueDarkA = {
 	grayBlueA12: "hsl(205 93.8% 98.5% / 0.892)"
 };
 //#endregion
+exports.grayBlue = grayBlue;
+exports.grayBlueA = grayBlueA;
+exports.grayBlueDark = grayBlueDark;
+exports.grayBlueDarkA = grayBlueDarkA;
 Object.defineProperty(exports, "grayBlue_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/grayBlue.js

@@ -63,6 +63,6 @@ var grayBlueDarkA = {
 	grayBlueA12: "hsl(205 93.8% 98.5% / 0.892)"
 };
 //#endregion
-export { grayBlue_exports };
+export { grayBlue, grayBlueA, grayBlueDark, grayBlueDarkA, grayBlue_exports };
 
 //# sourceMappingURL=grayBlue.js.map

package/dist/colors/index.cjs

@@ -64,6 +64,7 @@ var darkColors = Object.entries(customColors).filter(([colorName]) => colorName.
 	...require_Textarea_theme.textareaDarkTheme
 });
 //#endregion
+exports.customColors = customColors;
 exports.darkColors = darkColors;
 exports.lightColors = lightColors;
 

package/dist/colors/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n  blackA,\n  blue,\n  blueA,\n  blueDark,\n  blueDarkA,\n  gray,\n  grayA,\n  grayDark,\n  grayDarkA,\n  green,\n  greenA,\n  greenDark,\n  greenDarkA,\n  purple,\n  purpleA,\n  purpleDark,\n  purpleDarkA,\n  slate,\n  slateA,\n  slateDark,\n  slateDarkA,\n  whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n  ...elevation,\n  ...deepBlue,\n  ...grayBlue,\n  ...neon,\n  ...orange,\n  ...red,\n};\n\nexport type ColorMap = {\n  [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => !colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...gray,\n      ...grayA,\n      ...blue,\n      ...blueA,\n      ...green,\n      ...greenA,\n      ...slate,\n      ...slateA,\n      ...purple,\n      ...purpleA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeLightTheme,\n      ...cardLightTheme,\n      ...panelLightTheme,\n      ...inputLightTheme,\n      ...textareaLightTheme,\n    },\n  );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...grayDark,\n      ...grayDarkA,\n      ...blueDark,\n      ...blueDarkA,\n      ...greenDark,\n      ...greenDarkA,\n      ...slateDark,\n      ...slateDarkA,\n      ...purpleDark,\n      ...purpleDarkA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeDarkTheme,\n      ...cardDarkTheme,\n      ...panelDarkTheme,\n      ...inputDarkTheme,\n      ...textareaDarkTheme,\n    },\n  );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG,kBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,aAAA;CACH,GAAG,eAAA;CACH,GAAG,YAAA;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,EAC7D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,EACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,EAC5D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,EAClD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n  blackA,\n  blue,\n  blueA,\n  blueDark,\n  blueDarkA,\n  gray,\n  grayA,\n  grayDark,\n  grayDarkA,\n  green,\n  greenA,\n  greenDark,\n  greenDarkA,\n  purple,\n  purpleA,\n  purpleDark,\n  purpleDarkA,\n  slate,\n  slateA,\n  slateDark,\n  slateDarkA,\n  whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n  ...elevation,\n  ...deepBlue,\n  ...grayBlue,\n  ...neon,\n  ...orange,\n  ...red,\n};\n\nexport type ColorMap = {\n  [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => !colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...gray,\n      ...grayA,\n      ...blue,\n      ...blueA,\n      ...green,\n      ...greenA,\n      ...slate,\n      ...slateA,\n      ...purple,\n      ...purpleA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeLightTheme,\n      ...cardLightTheme,\n      ...panelLightTheme,\n      ...inputLightTheme,\n      ...textareaLightTheme,\n    },\n  );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...grayDark,\n      ...grayDarkA,\n      ...blueDark,\n      ...blueDarkA,\n      ...greenDark,\n      ...greenDarkA,\n      ...slateDark,\n      ...slateDarkA,\n      ...purpleDark,\n      ...purpleDarkA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeDarkTheme,\n      ...cardDarkTheme,\n      ...panelDarkTheme,\n      ...inputDarkTheme,\n      ...textareaDarkTheme,\n    },\n  );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG,kBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,aAAA;CACH,GAAG,eAAA;CACH,GAAG,YAAA;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,CAAC,CAC9D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,CAAC,CACpD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,CAAC,CAC7D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,CAAC,CACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF"}

package/dist/colors/index.js

@@ -64,6 +64,6 @@ var darkColors = Object.entries(customColors).filter(([colorName]) => colorName.
 	...textareaDarkTheme
 });
 //#endregion
-export { darkColors, lightColors };
+export { customColors, darkColors, lightColors };
 
 //# sourceMappingURL=index.js.map

package/dist/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n  blackA,\n  blue,\n  blueA,\n  blueDark,\n  blueDarkA,\n  gray,\n  grayA,\n  grayDark,\n  grayDarkA,\n  green,\n  greenA,\n  greenDark,\n  greenDarkA,\n  purple,\n  purpleA,\n  purpleDark,\n  purpleDarkA,\n  slate,\n  slateA,\n  slateDark,\n  slateDarkA,\n  whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n  ...elevation,\n  ...deepBlue,\n  ...grayBlue,\n  ...neon,\n  ...orange,\n  ...red,\n};\n\nexport type ColorMap = {\n  [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => !colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...gray,\n      ...grayA,\n      ...blue,\n      ...blueA,\n      ...green,\n      ...greenA,\n      ...slate,\n      ...slateA,\n      ...purple,\n      ...purpleA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeLightTheme,\n      ...cardLightTheme,\n      ...panelLightTheme,\n      ...inputLightTheme,\n      ...textareaLightTheme,\n    },\n  );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...grayDark,\n      ...grayDarkA,\n      ...blueDark,\n      ...blueDarkA,\n      ...greenDark,\n      ...greenDarkA,\n      ...slateDark,\n      ...slateDarkA,\n      ...purpleDark,\n      ...purpleDarkA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeDarkTheme,\n      ...cardDarkTheme,\n      ...panelDarkTheme,\n      ...inputDarkTheme,\n      ...textareaDarkTheme,\n    },\n  );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,EAC7D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,EACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,EAC5D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,EAClD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n  blackA,\n  blue,\n  blueA,\n  blueDark,\n  blueDarkA,\n  gray,\n  grayA,\n  grayDark,\n  grayDarkA,\n  green,\n  greenA,\n  greenDark,\n  greenDarkA,\n  purple,\n  purpleA,\n  purpleDark,\n  purpleDarkA,\n  slate,\n  slateA,\n  slateDark,\n  slateDarkA,\n  whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n  ...elevation,\n  ...deepBlue,\n  ...grayBlue,\n  ...neon,\n  ...orange,\n  ...red,\n};\n\nexport type ColorMap = {\n  [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => !colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...gray,\n      ...grayA,\n      ...blue,\n      ...blueA,\n      ...green,\n      ...greenA,\n      ...slate,\n      ...slateA,\n      ...purple,\n      ...purpleA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeLightTheme,\n      ...cardLightTheme,\n      ...panelLightTheme,\n      ...inputLightTheme,\n      ...textareaLightTheme,\n    },\n  );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n  .filter(([colorName]) => colorName.includes('Dark'))\n  .reduce(\n    (acc, [, colors]) => ({\n      ...acc,\n      ...colors,\n    }),\n    {\n      // radix colors\n      ...grayDark,\n      ...grayDarkA,\n      ...blueDark,\n      ...blueDarkA,\n      ...greenDark,\n      ...greenDarkA,\n      ...slateDark,\n      ...slateDarkA,\n      ...purpleDark,\n      ...purpleDarkA,\n      ...whiteA,\n      ...blackA,\n      // component-specific theme tokens\n      ...badgeDarkTheme,\n      ...cardDarkTheme,\n      ...panelDarkTheme,\n      ...inputDarkTheme,\n      ...textareaDarkTheme,\n    },\n  );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,CAAC,CAC9D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,CAAC,CACpD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,CAAC,CAC7D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,CAAC,CACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF"}

package/dist/colors/neon.cjs

@@ -62,6 +62,10 @@ var neonDarkA = {
 	neonA12: "hsl(69, 99.9%, 90.2%, 0.975)"
 };
 //#endregion
+exports.neon = neon;
+exports.neonA = neonA;
+exports.neonDark = neonDark;
+exports.neonDarkA = neonDarkA;
 Object.defineProperty(exports, "neon_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/neon.js

@@ -63,6 +63,6 @@ var neonDarkA = {
 	neonA12: "hsl(69, 99.9%, 90.2%, 0.975)"
 };
 //#endregion
-export { neon_exports };
+export { neon, neonA, neonDark, neonDarkA, neon_exports };
 
 //# sourceMappingURL=neon.js.map

package/dist/colors/orange.cjs

@@ -62,6 +62,10 @@ var orangeDarkA = {
 	orangeA12: "hsl(26 100% 94.2% / 0.98)"
 };
 //#endregion
+exports.orange = orange;
+exports.orangeA = orangeA;
+exports.orangeDark = orangeDark;
+exports.orangeDarkA = orangeDarkA;
 Object.defineProperty(exports, "orange_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/orange.js

@@ -63,6 +63,6 @@ var orangeDarkA = {
 	orangeA12: "hsl(26 100% 94.2% / 0.98)"
 };
 //#endregion
-export { orange_exports };
+export { orange, orangeA, orangeDark, orangeDarkA, orange_exports };
 
 //# sourceMappingURL=orange.js.map

package/dist/colors/red.cjs

@@ -62,6 +62,10 @@ var redDarkA = {
 	redA12: "hsl(338 100% 98.9% / 0.980)"
 };
 //#endregion
+exports.red = red;
+exports.redA = redA;
+exports.redDark = redDark;
+exports.redDarkA = redDarkA;
 Object.defineProperty(exports, "red_exports", {
 	enumerable: true,
 	get: function() {

package/dist/colors/red.js

@@ -63,6 +63,6 @@ var redDarkA = {
 	redA12: "hsl(338 100% 98.9% / 0.980)"
 };
 //#endregion
-export { red_exports };
+export { red, redA, redDark, redDarkA, red_exports };
 
 //# sourceMappingURL=red.js.map

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n  from: { height: 0 },\n  to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n  from: { height: 'var(--radix-accordion-content-height)' },\n  to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n  borderRadius: 0,\n  bc: 'transparent',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 0,\n  },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n  mt: '$1',\n  borderRadius: 'inherit',\n  '&:first-child': {\n    mt: 0,\n  },\n  boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n  all: 'unset',\n  display: 'flex',\n  borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n  all: 'unset',\n  borderRadius: 'inherit',\n  fontFamily: 'inherit',\n  bc: '$contentBg',\n  c: '$accordionLabel',\n  px: '$2',\n  lineHeight: 1,\n  fontSize: '$3',\n  display: 'flex',\n  flex: 1,\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  position: 'relative',\n  '&::before': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&:focus': {\n    boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n  },\n  '@hover': {\n    '&:not([disabled])': {\n      '&:hover': {\n        cursor: 'pointer',\n        '&::before': {\n          backgroundColor: '$accordionHoverShadow',\n        },\n      },\n    },\n  },\n  transition: 'opacity 200ms ease-out',\n  variants: {\n    size: {\n      small: {\n        py: '$2',\n      },\n      medium: {\n        py: '$3',\n      },\n      large: {\n        py: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'small',\n  },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n  mr: '$2',\n  c: '$accordionText',\n  transition: 'transform 200ms ease-out',\n  '[data-state=open] > &': {\n    transform: 'rotateZ(90deg)',\n  },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n  overflow: 'hidden',\n  fontSize: '$3',\n  c: '$accordionText',\n  '&[data-state=\"open\"]': {\n    animation: `${open} 200ms ease-out`,\n  },\n  '&[data-state=\"closed\"]': {\n    animation: `${close} 200ms ease-out`,\n  },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n  variants: {\n    size: {\n      small: {\n        py: '$2',\n      },\n      medium: {\n        py: '$3',\n      },\n      large: {\n        py: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'small',\n  },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n  VariantProps<typeof StyledAccordionTrigger> & {\n    children: React.ReactNode;\n    customIcon?: React.ReactNode;\n    noIcon?: boolean;\n  };\nexport const AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledAccordionTrigger>,\n  AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n  <StyledAccordionHeader>\n    <StyledAccordionTrigger ref={forwardedRef} {...props}>\n      {!noIcon ? (\n        customIcon ? (\n          <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n            {customIcon}\n          </Box>\n        ) : (\n          <StyledAccordionChevron aria-hidden />\n        )\n      ) : null}\n      <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n    </StyledAccordionTrigger>\n  </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n  Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n    children: React.ReactNode;\n    css?: CSS;\n  };\nexport const AccordionContent = React.forwardRef<\n  React.ElementRef<typeof StyledAccordionContent>,\n  AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n  <StyledAccordionContent {...props} ref={forwardedRef}>\n    <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n  </StyledAccordionContent>\n));\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n  from: { height: 0 },\n  to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n  from: { height: 'var(--radix-accordion-content-height)' },\n  to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n  borderRadius: 0,\n  bc: 'transparent',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 0,\n  },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n  mt: '$1',\n  borderRadius: 'inherit',\n  '&:first-child': {\n    mt: 0,\n  },\n  boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n  all: 'unset',\n  display: 'flex',\n  borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n  all: 'unset',\n  borderRadius: 'inherit',\n  fontFamily: 'inherit',\n  bc: '$contentBg',\n  c: '$accordionLabel',\n  px: '$2',\n  lineHeight: 1,\n  fontSize: '$3',\n  display: 'flex',\n  flex: 1,\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  position: 'relative',\n  '&::before': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&:focus': {\n    boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n  },\n  '@hover': {\n    '&:not([disabled])': {\n      '&:hover': {\n        cursor: 'pointer',\n        '&::before': {\n          backgroundColor: '$accordionHoverShadow',\n        },\n      },\n    },\n  },\n  transition: 'opacity 200ms ease-out',\n  variants: {\n    size: {\n      small: {\n        py: '$2',\n      },\n      medium: {\n        py: '$3',\n      },\n      large: {\n        py: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'small',\n  },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n  mr: '$2',\n  c: '$accordionText',\n  transition: 'transform 200ms ease-out',\n  '[data-state=open] > &': {\n    transform: 'rotateZ(90deg)',\n  },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n  overflow: 'hidden',\n  fontSize: '$3',\n  c: '$accordionText',\n  '&[data-state=\"open\"]': {\n    animation: `${open} 200ms ease-out`,\n  },\n  '&[data-state=\"closed\"]': {\n    animation: `${close} 200ms ease-out`,\n  },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n  variants: {\n    size: {\n      small: {\n        py: '$2',\n      },\n      medium: {\n        py: '$3',\n      },\n      large: {\n        py: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'small',\n  },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n  VariantProps<typeof StyledAccordionTrigger> & {\n    children: React.ReactNode;\n    customIcon?: React.ReactNode;\n    noIcon?: boolean;\n  };\nexport const AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledAccordionTrigger>,\n  AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n  <StyledAccordionHeader>\n    <StyledAccordionTrigger ref={forwardedRef} {...props}>\n      {!noIcon ? (\n        customIcon ? (\n          <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n            {customIcon}\n          </Box>\n        ) : (\n          <StyledAccordionChevron aria-hidden />\n        )\n      ) : null}\n      <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n    </StyledAccordionTrigger>\n  </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n  Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n    children: React.ReactNode;\n    css?: CSS;\n  };\nexport const AccordionContent = React.forwardRef<\n  React.ElementRef<typeof StyledAccordionContent>,\n  AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n  <StyledAccordionContent {...props} ref={forwardedRef}>\n    <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n  </StyledAccordionContent>\n));\n"],"mappings":"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"}

package/dist/components/Accordion/Accordion.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.themes.cjs","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    accordionBackground: Property.Color;\n    accordionHoverShadow: Property.Color;\n    accordionActiveShadow: Property.Color;\n    accordionText: Property.Color;\n    accordionLabel: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    accordionBackground: 'white',\n    accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    accordionBackground: '$deepBlue2',\n    accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,wBAAA,GAAA,WAAA,SAAiC,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,gBAAA,GAAA,WAAA,SAAyB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,iBAAA,GAAA,WAAA,SAA0B,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,wBAAA,GAAA,WAAA,SAAiC,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,gBAAA,GAAA,WAAA,SAAyB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,iBAAA,GAAA,WAAA,SAA0B,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;wBACF"}
+{"version":3,"file":"Accordion.themes.cjs","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    accordionBackground: Property.Color;\n    accordionHoverShadow: Property.Color;\n    accordionActiveShadow: Property.Color;\n    accordionText: Property.Color;\n    accordionLabel: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    accordionBackground: 'white',\n    accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    accordionBackground: '$deepBlue2',\n    accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,QAAA,CAAgC,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EACpE,wBAAA,GAAA,WAAA,QAAA,CAAiC,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EACpE,gBAAA,GAAA,WAAA,QAAA,CAAyB,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EAC7D,iBAAA,GAAA,WAAA,QAAA,CAA0B,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,QAAA,CAAgC,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EACpE,wBAAA,GAAA,WAAA,QAAA,CAAiC,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EACpE,gBAAA,GAAA,WAAA,QAAA,CAAyB,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EAC7D,iBAAA,GAAA,WAAA,QAAA,CAA0B,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CAChE;GACD,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Accordion/Accordion.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.themes.js","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    accordionBackground: Property.Color;\n    accordionHoverShadow: Property.Color;\n    accordionActiveShadow: Property.Color;\n    accordionText: Property.Color;\n    accordionLabel: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    accordionBackground: 'white',\n    accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    accordionBackground: '$deepBlue2',\n    accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,uBAAuB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,eAAe,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,gBAAgB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,uBAAuB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,eAAe,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,gBAAgB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;wBACF"}
+{"version":3,"file":"Accordion.themes.js","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    accordionBackground: Property.Color;\n    accordionHoverShadow: Property.Color;\n    accordionActiveShadow: Property.Color;\n    accordionText: Property.Color;\n    accordionLabel: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    accordionBackground: 'white',\n    accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    accordionBackground: '$deepBlue2',\n    accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n    accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n    accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n    accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EACpE,uBAAuB,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EACpE,eAAe,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EAC7D,gBAAgB,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EACpE,uBAAuB,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EACpE,eAAe,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;EAC7D,gBAAgB,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CAChE;GACD,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/AriaTable/AriaTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AriaTable.cjs","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}
+{"version":3,"file":"AriaTable.cjs","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}

package/dist/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: '$medium',\n  color: '$hiContrast',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: 'inherit',\n    boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: '$3',\n        height: '$3',\n      },\n      '2': {\n        width: '$5',\n        height: '$5',\n      },\n      '3': {\n        width: '$6',\n        height: '$6',\n      },\n      '4': {\n        width: '$7',\n        height: '$7',\n      },\n      '5': {\n        width: '$8',\n        height: '$8',\n      },\n      '6': {\n        width: '$9',\n        height: '$9',\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: '$slate5',\n      },\n      red: {\n        backgroundColor: '$red5',\n      },\n      purple: {\n        backgroundColor: '$purple5',\n      },\n      blue: {\n        backgroundColor: '$blue5',\n      },\n      green: {\n        backgroundColor: '$green5',\n      },\n      orange: {\n        backgroundColor: '$orange5',\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n  textTransform: 'uppercase',\n  fontFamily: '$rubik',\n  color: '$deepBlue10',\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: '$3',\n      },\n      '3': {\n        fontSize: '$6',\n      },\n      '4': {\n        fontSize: '$7',\n      },\n      '5': {\n        fontSize: '$8',\n      },\n      '6': {\n        fontSize: '$9',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n  },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n  AvatarVariants & {\n    css?: CSS;\n    alt?: string;\n    src?: string;\n    fallback?: React.ReactNode;\n    // status?: StatusColors['variant'];\n  };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n    return (\n      <Box\n        css={{\n          ...css,\n          position: 'relative',\n          height: 'fit-content',\n          width: 'fit-content',\n        }}\n      >\n        <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n          <StyledAvatarImage alt={alt} src={src} />\n          <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n        </StyledAvatar>\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;AAMA,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,WAAW;CACX,SAAS;CACT,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CAEP,aAAa;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACd,WAAW;CACb;CAEA,UAAU;EACR,MAAM;GACJ,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;EACF;EACA,SAAS;GACP,MAAM,EACJ,iBAAiB,UACnB;GACA,KAAK,EACH,iBAAiB,QACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;GACA,MAAM,EACJ,iBAAiB,SACnB;GACA,OAAO,EACL,iBAAiB,UACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;EACF;EACA,OAAO;GACL,QAAQ,EACN,cAAc,KAChB;GACA,QAAQ,EACN,cAAc,MAChB;EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,SAAS;CACT,WAAW;CACX,WAAW;CACX,QAAQ;CACR,eAAe;CACf,OAAO;AACT,CAAC;AAED,IAAM,uBAAuB,wBAAA,OAAO,uBAAgB,UAAU;CAC5D,eAAe;CACf,YAAY;CACZ,OAAO;CAEP,UAAU,EACR,MAAM;EACJ,KAAK;GACH,UAAU;GACV,YAAY;EACd;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAaD,IAAa,SAAS,MAAA,QAAM,YACzB,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,GAAG,SAAS,iBAAiB;CAC7E,OACE,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;EACE,KAAK;GACH,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;EACT;YAEA,iBAAA,GAAA,kBAAA,MAAC,cAAD;GAAc,GAAI;GAAO,KAAK;GAAoB;GAAe;GAAgB;aAAjF,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;IAAwB;IAAU;GAAM,CAAA,GACxC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;IAA4B;cAAO;GAA+B,CAAA,CACtD;;CACX,CAAA;AAET,CACF"}
+{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: '$medium',\n  color: '$hiContrast',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: 'inherit',\n    boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: '$3',\n        height: '$3',\n      },\n      '2': {\n        width: '$5',\n        height: '$5',\n      },\n      '3': {\n        width: '$6',\n        height: '$6',\n      },\n      '4': {\n        width: '$7',\n        height: '$7',\n      },\n      '5': {\n        width: '$8',\n        height: '$8',\n      },\n      '6': {\n        width: '$9',\n        height: '$9',\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: '$slate5',\n      },\n      red: {\n        backgroundColor: '$red5',\n      },\n      purple: {\n        backgroundColor: '$purple5',\n      },\n      blue: {\n        backgroundColor: '$blue5',\n      },\n      green: {\n        backgroundColor: '$green5',\n      },\n      orange: {\n        backgroundColor: '$orange5',\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n  textTransform: 'uppercase',\n  fontFamily: '$rubik',\n  color: '$deepBlue10',\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: '$3',\n      },\n      '3': {\n        fontSize: '$6',\n      },\n      '4': {\n        fontSize: '$7',\n      },\n      '5': {\n        fontSize: '$8',\n      },\n      '6': {\n        fontSize: '$9',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n  },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n  AvatarVariants & {\n    css?: CSS;\n    alt?: string;\n    src?: string;\n    fallback?: React.ReactNode;\n    // status?: StatusColors['variant'];\n  };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n    return (\n      <Box\n        css={{\n          ...css,\n          position: 'relative',\n          height: 'fit-content',\n          width: 'fit-content',\n        }}\n      >\n        <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n          <StyledAvatarImage alt={alt} src={src} />\n          <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n        </StyledAvatar>\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;AAMA,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,WAAW;CACX,SAAS;CACT,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CAEP,aAAa;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACd,WAAW;CACb;CAEA,UAAU;EACR,MAAM;GACJ,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;EACF;EACA,SAAS;GACP,MAAM,EACJ,iBAAiB,UACnB;GACA,KAAK,EACH,iBAAiB,QACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;GACA,MAAM,EACJ,iBAAiB,SACnB;GACA,OAAO,EACL,iBAAiB,UACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;EACF;EACA,OAAO;GACL,QAAQ,EACN,cAAc,KAChB;GACA,QAAQ,EACN,cAAc,MAChB;EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,SAAS;CACT,WAAW;CACX,WAAW;CACX,QAAQ;CACR,eAAe;CACf,OAAO;AACT,CAAC;AAED,IAAM,uBAAuB,wBAAA,OAAO,uBAAgB,UAAU;CAC5D,eAAe;CACf,YAAY;CACZ,OAAO;CAEP,UAAU,EACR,MAAM;EACJ,KAAK;GACH,UAAU;GACV,YAAY;EACd;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAaD,IAAa,SAAS,MAAA,QAAM,YACzB,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,GAAG,SAAS,iBAAiB;CAC7E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD;EACE,KAAK;GACH,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;EACT;YAEA,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAD;GAAc,GAAI;GAAO,KAAK;GAAoB;GAAe;GAAgB;aAAjF,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;IAAwB;IAAU;GAAM,CAAA,GACxC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD;IAA4B;cAAO;GAA+B,CAAA,CACtD;;CACX,CAAA;AAET,CACF"}

package/dist/components/Avatar/Avatar.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vanilla.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"mappings":";;;;;;;;;AAsBA,IAAM,0BAAA,GAAA,MAAA,aAGH,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,SAAS,QAAQ;CAC7E,MAAM,cAAc,2BAAA,aAAa;EAAE;EAAM;EAAS;CAAM,CAAC;CACzD,MAAM,sBAAsB,2BAAA,qBAAqB,EAAE,KAAK,CAAC;CAUzD,OACE,iBAAA,GAAA,kBAAA,KAAC,oBAAA,YAAD;EAAY,KAAK;GAPjB,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;EAIU;EAAmB;YAClC,iBAAA,GAAA,kBAAA,MAAC,uBAAgB,MAAjB;GAA2B;GAAK,WAAW;GAAa,GAAI;aAA5D,CACE,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,OAAjB;IAAuB,WAAW,2BAAA;IAAkB;IAAU;GAAM,CAAA,GACpE,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,UAAjB;IAA0B,WAAW;cAClC;GACuB,CAAA,CACN;;CACZ,CAAA;AAEhB,CAAC;AAED,uBAAuB,cAAc;AAErC,IAAa,gBAAgB"}
+{"version":3,"file":"Avatar.vanilla.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"mappings":";;;;;;;;;AAsBA,IAAM,0BAAA,GAAA,MAAA,WAAA,EAGH,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,SAAS,QAAQ;CAC7E,MAAM,cAAc,2BAAA,aAAa;EAAE;EAAM;EAAS;CAAM,CAAC;CACzD,MAAM,sBAAsB,2BAAA,qBAAqB,EAAE,KAAK,CAAC;CAUzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,YAAD;EAAY,KAAK;GAPjB,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;EAIU;EAAmB;YAClC,iBAAA,GAAA,kBAAA,KAAA,CAAC,uBAAgB,MAAjB;GAA2B;GAAK,WAAW;GAAa,GAAI;aAA5D,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,OAAjB;IAAuB,WAAW,2BAAA;IAAkB;IAAU;GAAM,CAAA,GACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,UAAjB;IAA0B,WAAW;cAClC;GACuB,CAAA,CACN;;CACZ,CAAA;AAEhB,CAAC;AAED,uBAAuB,cAAc;AAErC,IAAa,gBAAgB"}

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,WAAyB;CACpD,IAAI,IAAI,MAAM;CACd,OAAO,IAAI,MAAM;CACjB,QAAQ,cAAc,MAAM;AAC9B;AAGA,IAAM,gBAA+B,sBAAA,OAAO,QACzC,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,oBAAoB,KAAK;AACpC,IACA,CAAC,CACH;AAEA,IAAM,2BAA0C,sBAAA,OAAO,QACpD,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,EACP,GAAG,oBAAoB,KAAK,EAC9B;AACF,IACA,CAAC,CACH;AAEA,IAAM,6BAA6B,sBAAA,OAAO,KAAK,WAAW;CACxD,SAAS;CACT,SAAS;CACT,KAAK,EAAE,IAAI,IAAI,MAAM,IAAI;AAC3B,EAAE;AAEF,IAAM,oBAAoB;CAExB,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,yBAAyB;CACzB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,UAAU;CAEV,cAAc;EACZ,iBAAiB;EACjB,eAAe;EACf,OAAO;CACT;CACA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;GACZ;GACA,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;GACZ;EACF;EACA,SAAS;EACT,SAAS,EACP,MAAM,CAAC,EACT;EACA,YAAY,EACV,MAAM,EACJ,QAAQ,OACV,EACF;CACF;CACA,kBAAkB;CAClB,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,YAAY;CACd;AACF;AAEA,IAAM,kBAAkB,wBAAA,OAAO,QAAQ,iBAAiB;AACxD,IAAM,sBAAsB,wBAAA,OAAO,qBAAA,MAAM,eAAe;AAExD,IAAM,oBAAoB,wBAAA,OAAO,UAAU,mBAAmB;CAC5D,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;CAChB;CACA,mBAAmB,EACjB,SAAS,qBACX;CACA,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,mCACnB;CACF;CACA,YAAY,EACV,aAAa,EACX,iBAAiB,oCACnB,EACF;CAEA,UAAU;EACR,SAAS;EACT,YAAY,EACV,MAAM,EACJ,QAAQ,OACV,EACF;CACF;AACF,CAAC;AACD,IAAM,wBAAwB,wBAAA,OAAO,qBAAA,MAAM,iBAAiB;AAQ5D,IAAa,QAAQ,MAAA,QAAM,YACxB,EAAE,aAAa,SAAS,GAAG,SAAS,iBAAiB;CASpD,OAAO,iBAAA,GAAA,kBAAA,MAAA,GAAA,MAAA,eARyB;EAC9B,IAAI,aACF,OAAO,UAAU,wBAAwB;EAE3C,OAAO,UAAU,sBAAsB;CAEzC,GAAG,CAAC,OAAO,CAEH,GAAD;EAAW,GAAI;EAAO,KAAK;CAAe,CAAA;AACnD,CACF"}
+{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,WAAyB;CACpD,IAAI,IAAI,MAAM;CACd,OAAO,IAAI,MAAM;CACjB,QAAQ,cAAc,MAAM;AAC9B;AAGA,IAAM,gBAA+B,sBAAA,OAAO,QACzC,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,oBAAoB,KAAK;AACpC,IACA,CAAC,CACH;AAEA,IAAM,2BAA0C,sBAAA,OAAO,QACpD,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,EACP,GAAG,oBAAoB,KAAK,EAC9B;AACF,IACA,CAAC,CACH;AAEA,IAAM,6BAA6B,sBAAA,OAAO,KAAK,WAAW;CACxD,SAAS;CACT,SAAS;CACT,KAAK,EAAE,IAAI,IAAI,MAAM,IAAI;AAC3B,EAAE;AAEF,IAAM,oBAAoB;CAExB,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,yBAAyB;CACzB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,UAAU;CAEV,cAAc;EACZ,iBAAiB;EACjB,eAAe;EACf,OAAO;CACT;CACA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;GACZ;GACA,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;GACZ;EACF;EACA,SAAS;EACT,SAAS,EACP,MAAM,CAAC,EACT;EACA,YAAY,EACV,MAAM,EACJ,QAAQ,OACV,EACF;CACF;CACA,kBAAkB;CAClB,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,YAAY;CACd;AACF;AAEA,IAAM,kBAAkB,wBAAA,OAAO,QAAQ,iBAAiB;AACxD,IAAM,sBAAsB,wBAAA,OAAO,qBAAA,MAAM,eAAe;AAExD,IAAM,oBAAoB,wBAAA,OAAO,UAAU,mBAAmB;CAC5D,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;CAChB;CACA,mBAAmB,EACjB,SAAS,qBACX;CACA,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,mCACnB;CACF;CACA,YAAY,EACV,aAAa,EACX,iBAAiB,oCACnB,EACF;CAEA,UAAU;EACR,SAAS;EACT,YAAY,EACV,MAAM,EACJ,QAAQ,OACV,EACF;CACF;AACF,CAAC;AACD,IAAM,wBAAwB,wBAAA,OAAO,qBAAA,MAAM,iBAAiB;AAQ5D,IAAa,QAAQ,MAAA,QAAM,YACxB,EAAE,aAAa,SAAS,GAAG,SAAS,iBAAiB;CASpD,OAAO,iBAAA,GAAA,kBAAA,IAAA,EAAA,GAAA,MAAA,QAAA,OARyB;EAC9B,IAAI,aACF,OAAO,UAAU,wBAAwB;EAE3C,OAAO,UAAU,sBAAsB;CAEzC,GAAG,CAAC,OAAO,CAEH,GAAD;EAAW,GAAI;EAAO,KAAK;CAAe,CAAA;AACnD,CACF"}

package/dist/components/Badge/Badge.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.themes.cjs","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,mCAAA,GAAA,WAAA,SAA4C,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/E,kCAAA,GAAA,WAAA,SAA2C,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,mCAAA,GAAA,WAAA,SAA4C,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/E,kCAAA,GAAA,WAAA,SAA2C,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;CAChF;wBACF"}
+{"version":3,"file":"Badge.themes.cjs","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,mCAAA,GAAA,WAAA,QAAA,CAA4C,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,GAAA,WAAA,QAAA,CAA2C,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,mCAAA,GAAA,WAAA,QAAA,CAA4C,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,GAAA,WAAA,QAAA,CAA2C,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;GACD,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Badge/Badge.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.themes.js","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,kCAAkC,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/E,iCAAiC,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,kCAAkC,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/E,iCAAiC,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;CAChF;wBACF"}
+{"version":3,"file":"Badge.themes.js","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;GACD,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Badge/Badge.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.cjs","names":[],"sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,6BAAA,GAAA,MAAA,aAEF,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,IAAI;CAC1B;CAKA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,0BAAA,yBAAyB,0BAAA,aAC3B;GAAE;GAAM;GAAS;GAAS;EAAW,CAK9C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
+{"version":3,"file":"Badge.vanilla.cjs","names":[],"sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,6BAAA,GAAA,MAAA,WAAA,EAEF,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,iBAAA,CAAoB,IAAI;CAC1B;CAKA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,0BAAA,yBAAyB,0BAAA,YAAA,CAC3B;GAAE;GAAM;GAAS;GAAS;EAAW,CAK9C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Badge/Badge.vanilla.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.js","names":[],"sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,4BAA4B,YAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAKA,OACE,oBAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,yBAAyB,aAC3B;GAAE;GAAM;GAAS;GAAS;EAAW,CAK9C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
+{"version":3,"file":"Badge.vanilla.js","names":[],"sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,4BAA4B,YAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAKA,OACE,oBAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,yBAAyB,YAAA,CAC3B;GAAE;GAAM;GAAS;GAAS;EAAW,CAK9C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Blockquote/Blockquote.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.vanilla.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n  PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'blockquote'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      weight,\n      variant,\n      gradient,\n      transform,\n      noWrap,\n      ...props\n    }: BlockquoteVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'blockquote') as ElementType;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,kCAAA,GAAA,MAAA,aAEF,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,IAAI;CAC1B;CAIA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,+BAAA,iBAAiB;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;EAAO,CAKxE,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}
+{"version":3,"file":"Blockquote.vanilla.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n  PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'blockquote'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      weight,\n      variant,\n      gradient,\n      transform,\n      noWrap,\n      ...props\n    }: BlockquoteVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'blockquote') as ElementType;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,kCAAA,GAAA,MAAA,WAAA,EAEF,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,iBAAA,CAAoB,IAAI;CAC1B;CAIA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GALK,+BAAA,iBAAiB;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;EAAO,CAKxE,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

package/dist/components/Blockquote/Blockquote.vanilla.css.cjs

@@ -1,4 +1,3 @@
-;/* empty css                                             */
 ;/* empty css                                        */
 //#region components/Blockquote/Blockquote.vanilla.css.ts
 var blockquoteRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({

package/dist/components/Blockquote/Blockquote.vanilla.css.js

@@ -1,4 +1,3 @@
-/* empty css                                           */
 /* empty css                                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region components/Blockquote/Blockquote.vanilla.css.ts

package/dist/components/Box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","names":[],"sources":["../../../components/Box/Box.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Box = styled('div', {\n  // Reset\n  boxSizing: 'border-box',\n});\n"],"mappings":";AAEA,IAAa,yCAAM,EAAA,OAAO,OAAO,EAE/B,WAAW,aACb,CAAC"}
+{"version":3,"file":"Box.cjs","names":[],"sources":["../../../components/Box/Box.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Box = styled('div', {\n  // Reset\n  boxSizing: 'border-box',\n});\n"],"mappings":";AAEA,IAAa,yCAAM,CAAA,CAAA,OAAO,OAAO,EAE/B,WAAW,aACb,CAAC"}

package/dist/components/Box/Box.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.vanilla.cjs","names":[],"sources":["../../../components/Box/Box.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { box } from './Box.vanilla.css';\n\nexport type BoxProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CSSProps>;\n\ntype BoxComponent = PolymorphicComponent<'div', BoxProps<ElementType>>;\n\nconst BoxVanillaComponent = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: BoxProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${box} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBoxVanillaComponent.displayName = 'BoxVanilla';\n\nexport const BoxVanilla = BoxVanillaComponent as BoxComponent;\n"],"mappings":";;;;;;;AAgBA,IAAM,uBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,IAAI;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,wBAAA,IAAI,GAAG,aAAa,KAAK,KAAK;EAC5C,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,aAAa"}
+{"version":3,"file":"Box.vanilla.cjs","names":[],"sources":["../../../components/Box/Box.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { box } from './Box.vanilla.css';\n\nexport type BoxProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CSSProps>;\n\ntype BoxComponent = PolymorphicComponent<'div', BoxProps<ElementType>>;\n\nconst BoxVanillaComponent = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: BoxProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${box} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBoxVanillaComponent.displayName = 'BoxVanilla';\n\nexport const BoxVanilla = BoxVanillaComponent as BoxComponent;\n"],"mappings":";;;;;;;AAgBA,IAAM,uBAAA,GAAA,MAAA,WAAA,EAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,iBAAA,CAAoB,IAAI;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAG,wBAAA,IAAI,GAAG,aAAa,KAAK,KAAK;EAC5C,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,aAAa"}

package/dist/components/Bubble/Bubble.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.vanilla.cjs","names":[],"sources":["../../../components/Bubble/Bubble.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,8BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,SAC5D,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,IAAI;CAC1B;CAIA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,2BAAA,aAAa;GAAE;GAAM;GAAS;EAAY,CAK5C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,2BAA2B,cAAc;AAEzC,IAAa,gBAAgB"}
+{"version":3,"file":"Bubble.vanilla.cjs","names":[],"sources":["../../../components/Bubble/Bubble.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,8BAAA,GAAA,MAAA,WAAA,EAEF,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,SAC5D,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,iBAAA,CAAoB,IAAI;CAC1B;CAIA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GALK,2BAAA,aAAa;GAAE;GAAM;GAAS;EAAY,CAK5C,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,2BAA2B,cAAc;AAEzC,IAAa,gBAAgB"}

package/dist/components/Button/Button.cjs

@@ -236,5 +236,6 @@ var Button = react.default.forwardRef(({ children, asChild, ...props }, forwarde
 //#endregion
 exports.BUTTON_BASE_STYLES = BUTTON_BASE_STYLES;
 exports.Button = Button;
+exports.StyledButton = StyledButton;
 
 //# sourceMappingURL=Button.cjs.map