@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../components/Grid/Grid.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Grid = styled('div', {\n  boxSizing: 'border-box',\n  display: 'grid',\n\n  variants: {\n    align: {\n      start: {\n        alignItems: 'start',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      end: {\n        alignItems: 'end',\n      },\n      stretch: {\n        alignItems: 'stretch',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n    },\n    justify: {\n      start: {\n        justifyContent: 'start',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      end: {\n        justifyContent: 'end',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n    },\n    flow: {\n      row: {\n        gridAutoFlow: 'row',\n      },\n      column: {\n        gridAutoFlow: 'column',\n      },\n      dense: {\n        gridAutoFlow: 'dense',\n      },\n      rowDense: {\n        gridAutoFlow: 'row dense',\n      },\n      columnDense: {\n        gridAutoFlow: 'column dense',\n      },\n    },\n    columns: {\n      1: {\n        gridTemplateColumns: 'repeat(1, 1fr)',\n      },\n      2: {\n        gridTemplateColumns: 'repeat(2, 1fr)',\n      },\n      3: {\n        gridTemplateColumns: 'repeat(3, 1fr)',\n      },\n      4: {\n        gridTemplateColumns: 'repeat(4, 1fr)',\n      },\n    },\n    gap: {\n      1: {\n        gap: '$1',\n      },\n      2: {\n        gap: '$2',\n      },\n      3: {\n        gap: '$3',\n      },\n      4: {\n        gap: '$4',\n      },\n      5: {\n        gap: '$5',\n      },\n      6: {\n        gap: '$6',\n      },\n      7: {\n        gap: '$7',\n      },\n      8: {\n        gap: '$8',\n      },\n      9: {\n        gap: '$9',\n      },\n    },\n    gapX: {\n      1: {\n        columnGap: '$1',\n      },\n      2: {\n        columnGap: '$2',\n      },\n      3: {\n        columnGap: '$3',\n      },\n      4: {\n        columnGap: '$4',\n      },\n      5: {\n        columnGap: '$5',\n      },\n      6: {\n        columnGap: '$6',\n      },\n      7: {\n        columnGap: '$7',\n      },\n      8: {\n        columnGap: '$8',\n      },\n      9: {\n        columnGap: '$9',\n      },\n    },\n    gapY: {\n      1: {\n        rowGap: '$1',\n      },\n      2: {\n        rowGap: '$2',\n      },\n      3: {\n        rowGap: '$3',\n      },\n      4: {\n        rowGap: '$4',\n      },\n      5: {\n        rowGap: '$5',\n      },\n      6: {\n        rowGap: '$6',\n      },\n      7: {\n        rowGap: '$7',\n      },\n      8: {\n        rowGap: '$8',\n      },\n      9: {\n        rowGap: '$9',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.js","names":[],"sources":["../../../components/Grid/Grid.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Grid = styled('div', {\n  boxSizing: 'border-box',\n  display: 'grid',\n\n  variants: {\n    align: {\n      start: {\n        alignItems: 'start',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      end: {\n        alignItems: 'end',\n      },\n      stretch: {\n        alignItems: 'stretch',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n    },\n    justify: {\n      start: {\n        justifyContent: 'start',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      end: {\n        justifyContent: 'end',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n    },\n    flow: {\n      row: {\n        gridAutoFlow: 'row',\n      },\n      column: {\n        gridAutoFlow: 'column',\n      },\n      dense: {\n        gridAutoFlow: 'dense',\n      },\n      rowDense: {\n        gridAutoFlow: 'row dense',\n      },\n      columnDense: {\n        gridAutoFlow: 'column dense',\n      },\n    },\n    columns: {\n      1: {\n        gridTemplateColumns: 'repeat(1, 1fr)',\n      },\n      2: {\n        gridTemplateColumns: 'repeat(2, 1fr)',\n      },\n      3: {\n        gridTemplateColumns: 'repeat(3, 1fr)',\n      },\n      4: {\n        gridTemplateColumns: 'repeat(4, 1fr)',\n      },\n    },\n    gap: {\n      1: {\n        gap: '$1',\n      },\n      2: {\n        gap: '$2',\n      },\n      3: {\n        gap: '$3',\n      },\n      4: {\n        gap: '$4',\n      },\n      5: {\n        gap: '$5',\n      },\n      6: {\n        gap: '$6',\n      },\n      7: {\n        gap: '$7',\n      },\n      8: {\n        gap: '$8',\n      },\n      9: {\n        gap: '$9',\n      },\n    },\n    gapX: {\n      1: {\n        columnGap: '$1',\n      },\n      2: {\n        columnGap: '$2',\n      },\n      3: {\n        columnGap: '$3',\n      },\n      4: {\n        columnGap: '$4',\n      },\n      5: {\n        columnGap: '$5',\n      },\n      6: {\n        columnGap: '$6',\n      },\n      7: {\n        columnGap: '$7',\n      },\n      8: {\n        columnGap: '$8',\n      },\n      9: {\n        columnGap: '$9',\n      },\n    },\n    gapY: {\n      1: {\n        rowGap: '$1',\n      },\n      2: {\n        rowGap: '$2',\n      },\n      3: {\n        rowGap: '$3',\n      },\n      4: {\n        rowGap: '$4',\n      },\n      5: {\n        rowGap: '$5',\n      },\n      6: {\n        rowGap: '$6',\n      },\n      7: {\n        rowGap: '$7',\n      },\n      8: {\n        rowGap: '$8',\n      },\n      9: {\n        rowGap: '$9',\n      },\n    },\n  },\n});\n"],"mappings":";;AAEA,IAAa,OAAO,OAAO,OAAO;CAChC,WAAW;CACX,SAAS;CAET,UAAU;EACR,OAAO;GACL,OAAO,EACL,YAAY,SACb;GACD,QAAQ,EACN,YAAY,UACb;GACD,KAAK,EACH,YAAY,OACb;GACD,SAAS,EACP,YAAY,WACb;GACD,UAAU,EACR,YAAY,YACb;GACF;EACD,SAAS;GACP,OAAO,EACL,gBAAgB,SACjB;GACD,QAAQ,EACN,gBAAgB,UACjB;GACD,KAAK,EACH,gBAAgB,OACjB;GACD,SAAS,EACP,gBAAgB,iBACjB;GACF;EACD,MAAM;GACJ,KAAK,EACH,cAAc,OACf;GACD,QAAQ,EACN,cAAc,UACf;GACD,OAAO,EACL,cAAc,SACf;GACD,UAAU,EACR,cAAc,aACf;GACD,aAAa,EACX,cAAc,gBACf;GACF;EACD,SAAS;GACP,GAAG,EACD,qBAAqB,kBACtB;GACD,GAAG,EACD,qBAAqB,kBACtB;GACD,GAAG,EACD,qBAAqB,kBACtB;GACD,GAAG,EACD,qBAAqB,kBACtB;GACF;EACD,KAAK;GACH,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACD,GAAG,EACD,KAAK,MACN;GACF;EACD,MAAM;GACJ,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACD,GAAG,EACD,WAAW,MACZ;GACF;EACD,MAAM;GACJ,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACD,GAAG,EACD,QAAQ,MACT;GACF;EACF;CACF,CAAC"}

package/dist/components/Grid/Grid.vanilla.cjs

@@ -1,53 +1,41 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const React = require("react");
-const cssProps = require("../../styles/cssProps.cjs");
-const themeContext = require("../../styles/themeContext.cjs");
-const Grid_vanilla_css = require("./Grid.vanilla.css.cjs");
-const GridVanillaComponent = React.forwardRef(
-  ({
-    as,
-    className,
-    css,
-    style,
-    align,
-    justify,
-    flow,
-    columns,
-    gap,
-    gapX,
-    gapY,
-    ...props
-  }, ref) => {
-    const Component = as || "div";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const dynamicStyles = {};
-    if (columns !== void 0) {
-      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;
-    }
-    const mergedStyles = {
-      ...cssStyles,
-      ...dynamicStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = Grid_vanilla_css.gridRecipe({ align, justify, flow, gap, gapX, gapY });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Grid_vanilla_css = require("./Grid.vanilla.css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Grid/Grid.vanilla.tsx
+var GridVanillaComponent = react.default.forwardRef(({ as, className, css, style, align, justify, flow, columns, gap, gapX, gapY, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const dynamicStyles = {};
+	if (columns !== void 0) dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;
+	const mergedStyles = {
+		...cssStyles,
+		...dynamicStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${require_Grid_vanilla_css.gridRecipe({
+			align,
+			justify,
+			flow,
+			gap,
+			gapX,
+			gapY
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 GridVanillaComponent.displayName = "GridVanilla";
-const GridVanilla = GridVanillaComponent;
+var GridVanilla = GridVanillaComponent;
+//#endregion
 exports.GridVanilla = GridVanilla;
-exports.GridVanillaComponent = GridVanillaComponent;
-//# sourceMappingURL=Grid.vanilla.cjs.map
+
+//# sourceMappingURL=Grid.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.vanilla.cjs","sources":["../../../components/Grid/Grid.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 type { Gap, GridAlign, GridFlow, GridJustify } from '../../styles/types';\nimport { gridRecipe } from './Grid.vanilla.css';\n\ninterface GridOwnProps extends CSSProps {\n  align?: GridAlign;\n  justify?: GridJustify;\n  flow?: GridFlow;\n  columns?: number;\n  gap?: Gap;\n  gapX?: Gap;\n  gapY?: Gap;\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps>;\ntype GridComponent = PolymorphicComponent<'div', GridProps<ElementType>>;\n\nexport const GridVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      align,\n      justify,\n      flow,\n      columns,\n      gap,\n      gapX,\n      gapY,\n      ...props\n    }: GridProps<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 dynamicStyles: React.CSSProperties = {};\n\n    // To support any value on the columns props\n    if (columns !== undefined) {\n      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;\n    }\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...dynamicStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = gridRecipe({ align, justify, flow, gap, gapX, gapY });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nGridVanillaComponent.displayName = 'GridVanilla';\n\nexport const GridVanilla = GridVanillaComponent as GridComponent;\n"],"names":["useVanillaExtractTheme","processCSSProp","assignInlineVars","gridRecipe","jsx"],"mappings":";;;;;;;;AA0BO,MAAM,uBAAuB,MAAM;AAAA,EACxC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAWA,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,gBAAqC,CAAA;AAG3C,QAAI,YAAY,QAAW;AACzB,oBAAc,sBAAsB,UAAU,OAAO;AAAA,IACvD;AAEA,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,4BAAW,EAAE,OAAO,SAAS,MAAM,KAAK,MAAM,MAAM;AAExE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,qBAAqB,cAAc;AAE5B,MAAM,cAAc;;;"}
+{"version":3,"file":"Grid.vanilla.cjs","names":[],"sources":["../../../components/Grid/Grid.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 type { Gap, GridAlign, GridFlow, GridJustify } from '../../styles/types';\nimport { gridRecipe } from './Grid.vanilla.css';\n\ninterface GridOwnProps extends CSSProps {\n  align?: GridAlign;\n  justify?: GridJustify;\n  flow?: GridFlow;\n  columns?: number;\n  gap?: Gap;\n  gapX?: Gap;\n  gapY?: Gap;\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps>;\ntype GridComponent = PolymorphicComponent<'div', GridProps<ElementType>>;\n\nexport const GridVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      align,\n      justify,\n      flow,\n      columns,\n      gap,\n      gapX,\n      gapY,\n      ...props\n    }: GridProps<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 dynamicStyles: React.CSSProperties = {};\n\n    // To support any value on the columns props\n    if (columns !== undefined) {\n      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;\n    }\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...dynamicStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = gridRecipe({ align, justify, flow, gap, gapX, gapY });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nGridVanillaComponent.displayName = 'GridVanilla';\n\nexport const GridVanilla = GridVanillaComponent as GridComponent;\n"],"mappings":";;;;;;;;;AA0BA,IAAa,uBAAuB,MAAA,QAAM,YAEtC,EACE,IACA,WACA,KACA,OACA,OACA,SACA,MACA,SACA,KACA,MACA,MACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,gBAAqC,EAAE;AAG7C,KAAI,YAAY,KAAA,EACd,eAAc,sBAAsB,UAAU,QAAQ;CAGxD,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,yBAAA,WAAW;GAAE;GAAO;GAAS;GAAM;GAAK;GAAM;GAAM,CAAC,CAK3C,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,qBAAqB,cAAc;AAEnC,IAAa,cAAc"}

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

@@ -1,9 +1,69 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                       */
 ;/* empty css                                      */
 ;/* empty css                                  */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var gridRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1qwrd2o1 _1qwrd2o0", variantClassNames: { align: { start: "_1qwrd2o2", center: "_1qwrd2o3", end: "_1qwrd2o4", stretch: "_1qwrd2o5", baseline: "_1qwrd2o6" }, justify: { start: "_1qwrd2o7", center: "_1qwrd2o8", end: "_1qwrd2o9", between: "_1qwrd2oa" }, flow: { row: "_1qwrd2ob", column: "_1qwrd2oc", dense: "_1qwrd2od", rowDense: "_1qwrd2oe", columnDense: "_1qwrd2of" }, gap: { "1": "_1qwrd2og", "2": "_1qwrd2oh", "3": "_1qwrd2oi", "4": "_1qwrd2oj", "5": "_1qwrd2ok", "6": "_1qwrd2ol", "7": "_1qwrd2om", "8": "_1qwrd2on", "9": "_1qwrd2oo" }, gapX: { "1": "_1qwrd2op", "2": "_1qwrd2oq", "3": "_1qwrd2or", "4": "_1qwrd2os", "5": "_1qwrd2ot", "6": "_1qwrd2ou", "7": "_1qwrd2ov", "8": "_1qwrd2ow", "9": "_1qwrd2ox" }, gapY: { "1": "_1qwrd2oy", "2": "_1qwrd2oz", "3": "_1qwrd2o10", "4": "_1qwrd2o11", "5": "_1qwrd2o12", "6": "_1qwrd2o13", "7": "_1qwrd2o14", "8": "_1qwrd2o15", "9": "_1qwrd2o16" } }, defaultVariants: {}, compoundVariants: [] });
+//#region components/Grid/Grid.vanilla.css.ts
+var gridRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "_1qwrd2o1 _1qwrd2o0",
+	variantClassNames: {
+		align: {
+			start: "_1qwrd2o2",
+			center: "_1qwrd2o3",
+			end: "_1qwrd2o4",
+			stretch: "_1qwrd2o5",
+			baseline: "_1qwrd2o6"
+		},
+		justify: {
+			start: "_1qwrd2o7",
+			center: "_1qwrd2o8",
+			end: "_1qwrd2o9",
+			between: "_1qwrd2oa"
+		},
+		flow: {
+			row: "_1qwrd2ob",
+			column: "_1qwrd2oc",
+			dense: "_1qwrd2od",
+			rowDense: "_1qwrd2oe",
+			columnDense: "_1qwrd2of"
+		},
+		gap: {
+			"1": "_1qwrd2og",
+			"2": "_1qwrd2oh",
+			"3": "_1qwrd2oi",
+			"4": "_1qwrd2oj",
+			"5": "_1qwrd2ok",
+			"6": "_1qwrd2ol",
+			"7": "_1qwrd2om",
+			"8": "_1qwrd2on",
+			"9": "_1qwrd2oo"
+		},
+		gapX: {
+			"1": "_1qwrd2op",
+			"2": "_1qwrd2oq",
+			"3": "_1qwrd2or",
+			"4": "_1qwrd2os",
+			"5": "_1qwrd2ot",
+			"6": "_1qwrd2ou",
+			"7": "_1qwrd2ov",
+			"8": "_1qwrd2ow",
+			"9": "_1qwrd2ox"
+		},
+		gapY: {
+			"1": "_1qwrd2oy",
+			"2": "_1qwrd2oz",
+			"3": "_1qwrd2o10",
+			"4": "_1qwrd2o11",
+			"5": "_1qwrd2o12",
+			"6": "_1qwrd2o13",
+			"7": "_1qwrd2o14",
+			"8": "_1qwrd2o15",
+			"9": "_1qwrd2o16"
+		}
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
 exports.gridRecipe = gridRecipe;
-//# sourceMappingURL=Grid.vanilla.css.cjs.map
+
+//# sourceMappingURL=Grid.vanilla.css.cjs.map

package/dist/components/Grid/Grid.vanilla.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Grid.vanilla.css.cjs","names":[],"sources":["../../../components/Grid/Grid.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst grid = style({\n  boxSizing: 'border-box',\n  display: 'grid',\n});\n\nexport const gridRecipe = recipe({\n  base: grid,\n\n  variants: {\n    align: {\n      start: {\n        alignItems: 'start',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      end: {\n        alignItems: 'end',\n      },\n      stretch: {\n        alignItems: 'stretch',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n    },\n    justify: {\n      start: {\n        justifyContent: 'start',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      end: {\n        justifyContent: 'end',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n    },\n    flow: {\n      row: {\n        gridAutoFlow: 'row',\n      },\n      column: {\n        gridAutoFlow: 'column',\n      },\n      dense: {\n        gridAutoFlow: 'dense',\n      },\n      rowDense: {\n        gridAutoFlow: 'row dense',\n      },\n      columnDense: {\n        gridAutoFlow: 'column dense',\n      },\n    },\n    gap: {\n      1: {\n        gap: tokens.space[1],\n      },\n      2: {\n        gap: tokens.space[2],\n      },\n      3: {\n        gap: tokens.space[3],\n      },\n      4: {\n        gap: tokens.space[4],\n      },\n      5: {\n        gap: tokens.space[5],\n      },\n      6: {\n        gap: tokens.space[6],\n      },\n      7: {\n        gap: tokens.space[7],\n      },\n      8: {\n        gap: tokens.space[8],\n      },\n      9: {\n        gap: tokens.space[9],\n      },\n    },\n    gapX: {\n      1: {\n        columnGap: tokens.space[1],\n      },\n      2: {\n        columnGap: tokens.space[2],\n      },\n      3: {\n        columnGap: tokens.space[3],\n      },\n      4: {\n        columnGap: tokens.space[4],\n      },\n      5: {\n        columnGap: tokens.space[5],\n      },\n      6: {\n        columnGap: tokens.space[6],\n      },\n      7: {\n        columnGap: tokens.space[7],\n      },\n      8: {\n        columnGap: tokens.space[8],\n      },\n      9: {\n        columnGap: tokens.space[9],\n      },\n    },\n    gapY: {\n      1: {\n        rowGap: tokens.space[1],\n      },\n      2: {\n        rowGap: tokens.space[2],\n      },\n      3: {\n        rowGap: tokens.space[3],\n      },\n      4: {\n        rowGap: tokens.space[4],\n      },\n      5: {\n        rowGap: tokens.space[5],\n      },\n      6: {\n        rowGap: tokens.space[6],\n      },\n      7: {\n        rowGap: tokens.space[7],\n      },\n      8: {\n        rowGap: tokens.space[8],\n      },\n      9: {\n        rowGap: tokens.space[9],\n      },\n    },\n  },\n});\n"],"mappings":""}

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

@@ -2,8 +2,68 @@
 /* empty css                                    */
 /* empty css                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var gridRecipe = createRuntimeFn({ defaultClassName: "_1qwrd2o1 _1qwrd2o0", variantClassNames: { align: { start: "_1qwrd2o2", center: "_1qwrd2o3", end: "_1qwrd2o4", stretch: "_1qwrd2o5", baseline: "_1qwrd2o6" }, justify: { start: "_1qwrd2o7", center: "_1qwrd2o8", end: "_1qwrd2o9", between: "_1qwrd2oa" }, flow: { row: "_1qwrd2ob", column: "_1qwrd2oc", dense: "_1qwrd2od", rowDense: "_1qwrd2oe", columnDense: "_1qwrd2of" }, gap: { "1": "_1qwrd2og", "2": "_1qwrd2oh", "3": "_1qwrd2oi", "4": "_1qwrd2oj", "5": "_1qwrd2ok", "6": "_1qwrd2ol", "7": "_1qwrd2om", "8": "_1qwrd2on", "9": "_1qwrd2oo" }, gapX: { "1": "_1qwrd2op", "2": "_1qwrd2oq", "3": "_1qwrd2or", "4": "_1qwrd2os", "5": "_1qwrd2ot", "6": "_1qwrd2ou", "7": "_1qwrd2ov", "8": "_1qwrd2ow", "9": "_1qwrd2ox" }, gapY: { "1": "_1qwrd2oy", "2": "_1qwrd2oz", "3": "_1qwrd2o10", "4": "_1qwrd2o11", "5": "_1qwrd2o12", "6": "_1qwrd2o13", "7": "_1qwrd2o14", "8": "_1qwrd2o15", "9": "_1qwrd2o16" } }, defaultVariants: {}, compoundVariants: [] });
-export {
-  gridRecipe
-};
-//# sourceMappingURL=Grid.vanilla.css.js.map
+//#region components/Grid/Grid.vanilla.css.ts
+var gridRecipe = createRuntimeFn({
+	defaultClassName: "_1qwrd2o1 _1qwrd2o0",
+	variantClassNames: {
+		align: {
+			start: "_1qwrd2o2",
+			center: "_1qwrd2o3",
+			end: "_1qwrd2o4",
+			stretch: "_1qwrd2o5",
+			baseline: "_1qwrd2o6"
+		},
+		justify: {
+			start: "_1qwrd2o7",
+			center: "_1qwrd2o8",
+			end: "_1qwrd2o9",
+			between: "_1qwrd2oa"
+		},
+		flow: {
+			row: "_1qwrd2ob",
+			column: "_1qwrd2oc",
+			dense: "_1qwrd2od",
+			rowDense: "_1qwrd2oe",
+			columnDense: "_1qwrd2of"
+		},
+		gap: {
+			"1": "_1qwrd2og",
+			"2": "_1qwrd2oh",
+			"3": "_1qwrd2oi",
+			"4": "_1qwrd2oj",
+			"5": "_1qwrd2ok",
+			"6": "_1qwrd2ol",
+			"7": "_1qwrd2om",
+			"8": "_1qwrd2on",
+			"9": "_1qwrd2oo"
+		},
+		gapX: {
+			"1": "_1qwrd2op",
+			"2": "_1qwrd2oq",
+			"3": "_1qwrd2or",
+			"4": "_1qwrd2os",
+			"5": "_1qwrd2ot",
+			"6": "_1qwrd2ou",
+			"7": "_1qwrd2ov",
+			"8": "_1qwrd2ow",
+			"9": "_1qwrd2ox"
+		},
+		gapY: {
+			"1": "_1qwrd2oy",
+			"2": "_1qwrd2oz",
+			"3": "_1qwrd2o10",
+			"4": "_1qwrd2o11",
+			"5": "_1qwrd2o12",
+			"6": "_1qwrd2o13",
+			"7": "_1qwrd2o14",
+			"8": "_1qwrd2o15",
+			"9": "_1qwrd2o16"
+		}
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+export { gridRecipe };
+
+//# sourceMappingURL=Grid.vanilla.css.js.map

package/dist/components/Grid/Grid.vanilla.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Grid.vanilla.css.js","names":[],"sources":["../../../components/Grid/Grid.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst grid = style({\n  boxSizing: 'border-box',\n  display: 'grid',\n});\n\nexport const gridRecipe = recipe({\n  base: grid,\n\n  variants: {\n    align: {\n      start: {\n        alignItems: 'start',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      end: {\n        alignItems: 'end',\n      },\n      stretch: {\n        alignItems: 'stretch',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n    },\n    justify: {\n      start: {\n        justifyContent: 'start',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      end: {\n        justifyContent: 'end',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n    },\n    flow: {\n      row: {\n        gridAutoFlow: 'row',\n      },\n      column: {\n        gridAutoFlow: 'column',\n      },\n      dense: {\n        gridAutoFlow: 'dense',\n      },\n      rowDense: {\n        gridAutoFlow: 'row dense',\n      },\n      columnDense: {\n        gridAutoFlow: 'column dense',\n      },\n    },\n    gap: {\n      1: {\n        gap: tokens.space[1],\n      },\n      2: {\n        gap: tokens.space[2],\n      },\n      3: {\n        gap: tokens.space[3],\n      },\n      4: {\n        gap: tokens.space[4],\n      },\n      5: {\n        gap: tokens.space[5],\n      },\n      6: {\n        gap: tokens.space[6],\n      },\n      7: {\n        gap: tokens.space[7],\n      },\n      8: {\n        gap: tokens.space[8],\n      },\n      9: {\n        gap: tokens.space[9],\n      },\n    },\n    gapX: {\n      1: {\n        columnGap: tokens.space[1],\n      },\n      2: {\n        columnGap: tokens.space[2],\n      },\n      3: {\n        columnGap: tokens.space[3],\n      },\n      4: {\n        columnGap: tokens.space[4],\n      },\n      5: {\n        columnGap: tokens.space[5],\n      },\n      6: {\n        columnGap: tokens.space[6],\n      },\n      7: {\n        columnGap: tokens.space[7],\n      },\n      8: {\n        columnGap: tokens.space[8],\n      },\n      9: {\n        columnGap: tokens.space[9],\n      },\n    },\n    gapY: {\n      1: {\n        rowGap: tokens.space[1],\n      },\n      2: {\n        rowGap: tokens.space[2],\n      },\n      3: {\n        rowGap: tokens.space[3],\n      },\n      4: {\n        rowGap: tokens.space[4],\n      },\n      5: {\n        rowGap: tokens.space[5],\n      },\n      6: {\n        rowGap: tokens.space[6],\n      },\n      7: {\n        rowGap: tokens.space[7],\n      },\n      8: {\n        rowGap: tokens.space[8],\n      },\n      9: {\n        rowGap: tokens.space[9],\n      },\n    },\n  },\n});\n"],"mappings":""}

package/dist/components/Grid/Grid.vanilla.js

@@ -1,53 +1,39 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import React from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
 import { gridRecipe } from "./Grid.vanilla.css.js";
-const GridVanillaComponent = React.forwardRef(
-  ({
-    as,
-    className,
-    css,
-    style,
-    align,
-    justify,
-    flow,
-    columns,
-    gap,
-    gapX,
-    gapY,
-    ...props
-  }, ref) => {
-    const Component = as || "div";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const dynamicStyles = {};
-    if (columns !== void 0) {
-      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;
-    }
-    const mergedStyles = {
-      ...cssStyles,
-      ...dynamicStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = gridRecipe({ align, justify, flow, gap, gapX, gapY });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import React from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Grid/Grid.vanilla.tsx
+var GridVanillaComponent = React.forwardRef(({ as, className, css, style, align, justify, flow, columns, gap, gapX, gapY, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const dynamicStyles = {};
+	if (columns !== void 0) dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;
+	const mergedStyles = {
+		...cssStyles,
+		...dynamicStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${gridRecipe({
+			align,
+			justify,
+			flow,
+			gap,
+			gapX,
+			gapY
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 GridVanillaComponent.displayName = "GridVanilla";
-const GridVanilla = GridVanillaComponent;
-export {
-  GridVanilla,
-  GridVanillaComponent
-};
-//# sourceMappingURL=Grid.vanilla.js.map
+var GridVanilla = GridVanillaComponent;
+//#endregion
+export { GridVanilla };
+
+//# sourceMappingURL=Grid.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.vanilla.js","sources":["../../../components/Grid/Grid.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 type { Gap, GridAlign, GridFlow, GridJustify } from '../../styles/types';\nimport { gridRecipe } from './Grid.vanilla.css';\n\ninterface GridOwnProps extends CSSProps {\n  align?: GridAlign;\n  justify?: GridJustify;\n  flow?: GridFlow;\n  columns?: number;\n  gap?: Gap;\n  gapX?: Gap;\n  gapY?: Gap;\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps>;\ntype GridComponent = PolymorphicComponent<'div', GridProps<ElementType>>;\n\nexport const GridVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      align,\n      justify,\n      flow,\n      columns,\n      gap,\n      gapX,\n      gapY,\n      ...props\n    }: GridProps<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 dynamicStyles: React.CSSProperties = {};\n\n    // To support any value on the columns props\n    if (columns !== undefined) {\n      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;\n    }\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...dynamicStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = gridRecipe({ align, justify, flow, gap, gapX, gapY });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nGridVanillaComponent.displayName = 'GridVanilla';\n\nexport const GridVanilla = GridVanillaComponent as GridComponent;\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,uBAAuB,MAAM;AAAA,EACxC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,gBAAqC,CAAA;AAG3C,QAAI,YAAY,QAAW;AACzB,oBAAc,sBAAsB,UAAU,OAAO;AAAA,IACvD;AAEA,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,WAAW,EAAE,OAAO,SAAS,MAAM,KAAK,MAAM,MAAM;AAExE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,qBAAqB,cAAc;AAE5B,MAAM,cAAc;"}
+{"version":3,"file":"Grid.vanilla.js","names":[],"sources":["../../../components/Grid/Grid.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 type { Gap, GridAlign, GridFlow, GridJustify } from '../../styles/types';\nimport { gridRecipe } from './Grid.vanilla.css';\n\ninterface GridOwnProps extends CSSProps {\n  align?: GridAlign;\n  justify?: GridJustify;\n  flow?: GridFlow;\n  columns?: number;\n  gap?: Gap;\n  gapX?: Gap;\n  gapY?: Gap;\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps>;\ntype GridComponent = PolymorphicComponent<'div', GridProps<ElementType>>;\n\nexport const GridVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      align,\n      justify,\n      flow,\n      columns,\n      gap,\n      gapX,\n      gapY,\n      ...props\n    }: GridProps<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 dynamicStyles: React.CSSProperties = {};\n\n    // To support any value on the columns props\n    if (columns !== undefined) {\n      dynamicStyles.gridTemplateColumns = `repeat(${columns}, 1fr)`;\n    }\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...dynamicStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = gridRecipe({ align, justify, flow, gap, gapX, gapY });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nGridVanillaComponent.displayName = 'GridVanilla';\n\nexport const GridVanilla = GridVanillaComponent as GridComponent;\n"],"mappings":";;;;;;;AA0BA,IAAa,uBAAuB,MAAM,YAEtC,EACE,IACA,WACA,KACA,OACA,OACA,SACA,MACA,SACA,KACA,MACA,MACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,gBAAqC,EAAE;AAG7C,KAAI,YAAY,KAAA,EACd,eAAc,sBAAsB,UAAU,QAAQ;CAGxD,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,WAAW;GAAE;GAAO;GAAS;GAAM;GAAK;GAAM;GAAM,CAAC,CAK3C,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,qBAAqB,cAAc;AAEnC,IAAa,cAAc"}

package/dist/components/Heading/Heading.cjs

@@ -1,61 +1,52 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const HEADING_BASE_STYLES = {
-  fontFamily: "$rubik",
-  fontVariantNumeric: "proportional-nums",
-  display: "block",
-  lineHeight: "1.25",
-  fontWeight: "$medium",
-  margin: 0,
-  color: "$headingDefault",
-  variants: {
-    transform: {
-      uppercase: {
-        textTransform: "uppercase"
-      },
-      capitalize: {
-        // WARNING: this will only work with block elements (display block/inline-block)
-        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter
-        display: "block",
-        "&::first-letter": {
-          textTransform: "uppercase"
-        }
-      },
-      capitalizeWords: {
-        textTransform: "capitalize"
-      }
-    }
-  }
+const require_stitches_config = require("../../stitches.config.cjs");
+//#region components/Heading/Heading.tsx
+var HEADING_BASE_STYLES = {
+	fontFamily: "$rubik",
+	fontVariantNumeric: "proportional-nums",
+	display: "block",
+	lineHeight: "1.25",
+	fontWeight: "$medium",
+	margin: 0,
+	color: "$headingDefault",
+	variants: { transform: {
+		uppercase: { textTransform: "uppercase" },
+		capitalize: {
+			display: "block",
+			"&::first-letter": { textTransform: "uppercase" }
+		},
+		capitalizeWords: { textTransform: "capitalize" }
+	} }
 };
-const H1 = stitches_config.styled("h1", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$12"
+var H1 = require_stitches_config.styled("h1", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$12"
 });
-const H2 = stitches_config.styled("h2", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$10"
+var H2 = require_stitches_config.styled("h2", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$10"
 });
-const H3 = stitches_config.styled("h3", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$8"
+var H3 = require_stitches_config.styled("h3", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$8"
 });
-const H4 = stitches_config.styled("h4", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$7"
+var H4 = require_stitches_config.styled("h4", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$7"
 });
-const H5 = stitches_config.styled("h5", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$6"
+var H5 = require_stitches_config.styled("h5", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$6"
 });
-const H6 = stitches_config.styled("h6", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$4"
+var H6 = require_stitches_config.styled("h6", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$4"
 });
+//#endregion
 exports.H1 = H1;
 exports.H2 = H2;
 exports.H3 = H3;
 exports.H4 = H4;
 exports.H5 = H5;
 exports.H6 = H6;
-//# sourceMappingURL=Heading.cjs.map
+
+//# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","sources":["../../../components/Heading/Heading.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nconst HEADING_BASE_STYLES = {\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'proportional-nums',\n  display: 'block',\n  lineHeight: '1.25',\n  fontWeight: '$medium',\n  margin: 0,\n  color: '$headingDefault',\n  variants: {\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n  },\n};\n\nexport const H1 = styled('h1', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$12',\n});\n\nexport const H2 = styled('h2', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$10',\n});\n\nexport const H3 = styled('h3', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$8',\n});\n\nexport const H4 = styled('h4', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$7',\n});\n\nexport const H5 = styled('h5', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$6',\n});\n\nexport const H6 = styled('h6', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$4',\n});\n"],"names":["styled"],"mappings":";;;AAEA,MAAM,sBAAsB;AAAA,EAC1B,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,IACR,WAAW;AAAA,MACT,WAAW;AAAA,QACT,eAAe;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS;AAAA,QACT,mBAAmB;AAAA,UACjB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAEF,iBAAiB;AAAA,QACf,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;AAEO,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAKA,gBAAAA,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;;;;;;;"}
+{"version":3,"file":"Heading.cjs","names":[],"sources":["../../../components/Heading/Heading.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nconst HEADING_BASE_STYLES = {\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'proportional-nums',\n  display: 'block',\n  lineHeight: '1.25',\n  fontWeight: '$medium',\n  margin: 0,\n  color: '$headingDefault',\n  variants: {\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n  },\n};\n\nexport const H1 = styled('h1', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$12',\n});\n\nexport const H2 = styled('h2', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$10',\n});\n\nexport const H3 = styled('h3', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$8',\n});\n\nexport const H4 = styled('h4', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$7',\n});\n\nexport const H5 = styled('h5', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$6',\n});\n\nexport const H6 = styled('h6', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$4',\n});\n"],"mappings":";;AAEA,IAAM,sBAAsB;CAC1B,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,UAAU,EACR,WAAW;EACT,WAAW,EACT,eAAe,aAChB;EACD,YAAY;GAGV,SAAS;GACT,mBAAmB,EACjB,eAAe,aAChB;GACF;EACD,iBAAiB,EACf,eAAe,cAChB;EACF,EACF;CACF;AAED,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,wBAAA,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC"}