@traefik-labs/faency 12.2.1 → 12.2.3

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

@@ -2,8 +2,57 @@
 /* empty css                                    */
 /* empty css                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var flexRecipe = createRuntimeFn({ defaultClassName: "qtrdwq1 qtrdwq0", variantClassNames: { direction: { row: "qtrdwq2", column: "qtrdwq3", rowReverse: "qtrdwq4", columnReverse: "qtrdwq5" }, align: { start: "qtrdwq6", center: "qtrdwq7", end: "qtrdwq8", stretch: "qtrdwq9", baseline: "qtrdwqa" }, justify: { start: "qtrdwqb", center: "qtrdwqc", end: "qtrdwqd", "space-evenly": "qtrdwqe", "space-between": "qtrdwqf", "space-around": "qtrdwqg" }, wrap: { noWrap: "qtrdwqh", wrap: "qtrdwqi", wrapReverse: "qtrdwqj" }, gap: { "1": "qtrdwqk", "2": "qtrdwql", "3": "qtrdwqm", "4": "qtrdwqn", "5": "qtrdwqo", "6": "qtrdwqp", "7": "qtrdwqq", "8": "qtrdwqr", "9": "qtrdwqs" } }, defaultVariants: { direction: "row", align: "stretch", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
-export {
-  flexRecipe
-};
-//# sourceMappingURL=Flex.vanilla.css.js.map
+//#region components/Flex/Flex.vanilla.css.ts
+var flexRecipe = createRuntimeFn({
+	defaultClassName: "qtrdwq1 qtrdwq0",
+	variantClassNames: {
+		direction: {
+			row: "qtrdwq2",
+			column: "qtrdwq3",
+			rowReverse: "qtrdwq4",
+			columnReverse: "qtrdwq5"
+		},
+		align: {
+			start: "qtrdwq6",
+			center: "qtrdwq7",
+			end: "qtrdwq8",
+			stretch: "qtrdwq9",
+			baseline: "qtrdwqa"
+		},
+		justify: {
+			start: "qtrdwqb",
+			center: "qtrdwqc",
+			end: "qtrdwqd",
+			"space-evenly": "qtrdwqe",
+			"space-between": "qtrdwqf",
+			"space-around": "qtrdwqg"
+		},
+		wrap: {
+			noWrap: "qtrdwqh",
+			wrap: "qtrdwqi",
+			wrapReverse: "qtrdwqj"
+		},
+		gap: {
+			"1": "qtrdwqk",
+			"2": "qtrdwql",
+			"3": "qtrdwqm",
+			"4": "qtrdwqn",
+			"5": "qtrdwqo",
+			"6": "qtrdwqp",
+			"7": "qtrdwqq",
+			"8": "qtrdwqr",
+			"9": "qtrdwqs"
+		}
+	},
+	defaultVariants: {
+		direction: "row",
+		align: "stretch",
+		justify: "start",
+		wrap: "noWrap"
+	},
+	compoundVariants: []
+});
+//#endregion
+export { flexRecipe };
+
+//# sourceMappingURL=Flex.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Flex.vanilla.css.js","names":[],"sources":["../../../components/Flex/Flex.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst flex = style({\n  boxSizing: 'border-box',\n  display: 'flex',\n});\n\nexport const flexRecipe = recipe({\n  base: flex,\n\n  variants: {\n    direction: {\n      row: {\n        flexDirection: 'row',\n      },\n      column: {\n        flexDirection: 'column',\n      },\n      rowReverse: {\n        flexDirection: 'row-reverse',\n      },\n      columnReverse: {\n        flexDirection: 'column-reverse',\n      },\n    },\n    align: {\n      start: {\n        alignItems: 'flex-start',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      end: {\n        alignItems: 'flex-end',\n      },\n      stretch: {\n        alignItems: 'stretch',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n    },\n    justify: {\n      start: {\n        justifyContent: 'flex-start',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      end: {\n        justifyContent: 'flex-end',\n      },\n      ['space-evenly']: {\n        justifyContent: 'space-evenly',\n      },\n      ['space-between']: {\n        justifyContent: 'space-between',\n      },\n      ['space-around']: {\n        justifyContent: 'space-around',\n      },\n    },\n    wrap: {\n      noWrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      wrapReverse: {\n        flexWrap: 'wrap-reverse',\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  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap',\n  },\n});\n"],"mappings":""}

package/dist/components/Flex/Flex.vanilla.js

@@ -1,35 +1,35 @@
-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 { flexRecipe } from "./Flex.vanilla.css.js";
-const FlexVanillaComponent = React.forwardRef(
-  ({ as, className, css, style, direction, align, justify, wrap, gap, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = flexRecipe({ direction, align, justify, wrap, gap });
-    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/Flex/Flex.vanilla.tsx
+var FlexVanillaComponent = React.forwardRef(({ as, className, css, style, direction, align, justify, wrap, gap, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${flexRecipe({
+			direction,
+			align,
+			justify,
+			wrap,
+			gap
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 FlexVanillaComponent.displayName = "FlexVanilla";
-const FlexVanilla = FlexVanillaComponent;
-export {
-  FlexVanilla,
-  FlexVanillaComponent
-};
-//# sourceMappingURL=Flex.vanilla.js.map
+var FlexVanilla = FlexVanillaComponent;
+//#endregion
+export { FlexVanilla };
+
+//# sourceMappingURL=Flex.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.vanilla.js","sources":["../../../components/Flex/Flex.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 {\n  FlexAlignSimplified,\n  FlexDirection,\n  FlexJustifySimplified,\n  Gap,\n} from '../../styles/types';\nimport { flexRecipe } from './Flex.vanilla.css';\n\ninterface FlexOwnProps extends CSSProps {\n  direction?: FlexDirection;\n  align?: FlexAlignSimplified;\n  justify?: FlexJustifySimplified;\n  wrap?: 'wrap' | 'noWrap' | 'wrapReverse';\n  gap?: Gap;\n}\n\nexport type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps>;\ntype FlexComponent = PolymorphicComponent<'div', FlexProps<ElementType>>;\n\nexport const FlexVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, direction, align, justify, wrap, gap, ...props }: FlexProps<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 = flexRecipe({ direction, align, justify, wrap, gap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nFlexVanillaComponent.displayName = 'FlexVanilla';\n\nexport const FlexVanilla = FlexVanillaComponent as FlexComponent;\n"],"names":[],"mappings":";;;;;;AA6BO,MAAM,uBAAuB,MAAM;AAAA,EACxC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,WAAW,OAAO,SAAS,MAAM,KAAK,GAAG,MAAA,GACtE,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,WAAW,EAAE,WAAW,OAAO,SAAS,MAAM,KAAK;AAEvE,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":"Flex.vanilla.js","names":[],"sources":["../../../components/Flex/Flex.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 {\n  FlexAlignSimplified,\n  FlexDirection,\n  FlexJustifySimplified,\n  Gap,\n} from '../../styles/types';\nimport { flexRecipe } from './Flex.vanilla.css';\n\ninterface FlexOwnProps extends CSSProps {\n  direction?: FlexDirection;\n  align?: FlexAlignSimplified;\n  justify?: FlexJustifySimplified;\n  wrap?: 'wrap' | 'noWrap' | 'wrapReverse';\n  gap?: Gap;\n}\n\nexport type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps>;\ntype FlexComponent = PolymorphicComponent<'div', FlexProps<ElementType>>;\n\nexport const FlexVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, direction, align, justify, wrap, gap, ...props }: FlexProps<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 = flexRecipe({ direction, align, justify, wrap, gap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nFlexVanillaComponent.displayName = 'FlexVanilla';\n\nexport const FlexVanilla = FlexVanillaComponent as FlexComponent;\n"],"mappings":";;;;;;;AA6BA,IAAa,uBAAuB,MAAM,YAEtC,EAAE,IAAI,WAAW,KAAK,OAAO,WAAW,OAAO,SAAS,MAAM,KAAK,GAAG,SACtE,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,WAAW;GAAE;GAAW;GAAO;GAAS;GAAM;GAAK,CAAC,CAK1C,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,qBAAqB,cAAc;AAEnC,IAAa,cAAc"}

package/dist/components/Grid/Grid.cjs

@@ -1,160 +1,70 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Grid = stitches_config.styled("div", {
-  boxSizing: "border-box",
-  display: "grid",
-  variants: {
-    align: {
-      start: {
-        alignItems: "start"
-      },
-      center: {
-        alignItems: "center"
-      },
-      end: {
-        alignItems: "end"
-      },
-      stretch: {
-        alignItems: "stretch"
-      },
-      baseline: {
-        alignItems: "baseline"
-      }
-    },
-    justify: {
-      start: {
-        justifyContent: "start"
-      },
-      center: {
-        justifyContent: "center"
-      },
-      end: {
-        justifyContent: "end"
-      },
-      between: {
-        justifyContent: "space-between"
-      }
-    },
-    flow: {
-      row: {
-        gridAutoFlow: "row"
-      },
-      column: {
-        gridAutoFlow: "column"
-      },
-      dense: {
-        gridAutoFlow: "dense"
-      },
-      rowDense: {
-        gridAutoFlow: "row dense"
-      },
-      columnDense: {
-        gridAutoFlow: "column dense"
-      }
-    },
-    columns: {
-      1: {
-        gridTemplateColumns: "repeat(1, 1fr)"
-      },
-      2: {
-        gridTemplateColumns: "repeat(2, 1fr)"
-      },
-      3: {
-        gridTemplateColumns: "repeat(3, 1fr)"
-      },
-      4: {
-        gridTemplateColumns: "repeat(4, 1fr)"
-      }
-    },
-    gap: {
-      1: {
-        gap: "$1"
-      },
-      2: {
-        gap: "$2"
-      },
-      3: {
-        gap: "$3"
-      },
-      4: {
-        gap: "$4"
-      },
-      5: {
-        gap: "$5"
-      },
-      6: {
-        gap: "$6"
-      },
-      7: {
-        gap: "$7"
-      },
-      8: {
-        gap: "$8"
-      },
-      9: {
-        gap: "$9"
-      }
-    },
-    gapX: {
-      1: {
-        columnGap: "$1"
-      },
-      2: {
-        columnGap: "$2"
-      },
-      3: {
-        columnGap: "$3"
-      },
-      4: {
-        columnGap: "$4"
-      },
-      5: {
-        columnGap: "$5"
-      },
-      6: {
-        columnGap: "$6"
-      },
-      7: {
-        columnGap: "$7"
-      },
-      8: {
-        columnGap: "$8"
-      },
-      9: {
-        columnGap: "$9"
-      }
-    },
-    gapY: {
-      1: {
-        rowGap: "$1"
-      },
-      2: {
-        rowGap: "$2"
-      },
-      3: {
-        rowGap: "$3"
-      },
-      4: {
-        rowGap: "$4"
-      },
-      5: {
-        rowGap: "$5"
-      },
-      6: {
-        rowGap: "$6"
-      },
-      7: {
-        rowGap: "$7"
-      },
-      8: {
-        rowGap: "$8"
-      },
-      9: {
-        rowGap: "$9"
-      }
-    }
-  }
+//#region components/Grid/Grid.tsx
+var Grid = require("../../stitches.config.cjs").styled("div", {
+	boxSizing: "border-box",
+	display: "grid",
+	variants: {
+		align: {
+			start: { alignItems: "start" },
+			center: { alignItems: "center" },
+			end: { alignItems: "end" },
+			stretch: { alignItems: "stretch" },
+			baseline: { alignItems: "baseline" }
+		},
+		justify: {
+			start: { justifyContent: "start" },
+			center: { justifyContent: "center" },
+			end: { justifyContent: "end" },
+			between: { justifyContent: "space-between" }
+		},
+		flow: {
+			row: { gridAutoFlow: "row" },
+			column: { gridAutoFlow: "column" },
+			dense: { gridAutoFlow: "dense" },
+			rowDense: { gridAutoFlow: "row dense" },
+			columnDense: { gridAutoFlow: "column dense" }
+		},
+		columns: {
+			1: { gridTemplateColumns: "repeat(1, 1fr)" },
+			2: { gridTemplateColumns: "repeat(2, 1fr)" },
+			3: { gridTemplateColumns: "repeat(3, 1fr)" },
+			4: { gridTemplateColumns: "repeat(4, 1fr)" }
+		},
+		gap: {
+			1: { gap: "$1" },
+			2: { gap: "$2" },
+			3: { gap: "$3" },
+			4: { gap: "$4" },
+			5: { gap: "$5" },
+			6: { gap: "$6" },
+			7: { gap: "$7" },
+			8: { gap: "$8" },
+			9: { gap: "$9" }
+		},
+		gapX: {
+			1: { columnGap: "$1" },
+			2: { columnGap: "$2" },
+			3: { columnGap: "$3" },
+			4: { columnGap: "$4" },
+			5: { columnGap: "$5" },
+			6: { columnGap: "$6" },
+			7: { columnGap: "$7" },
+			8: { columnGap: "$8" },
+			9: { columnGap: "$9" }
+		},
+		gapY: {
+			1: { rowGap: "$1" },
+			2: { rowGap: "$2" },
+			3: { rowGap: "$3" },
+			4: { rowGap: "$4" },
+			5: { rowGap: "$5" },
+			6: { rowGap: "$6" },
+			7: { rowGap: "$7" },
+			8: { rowGap: "$8" },
+			9: { rowGap: "$9" }
+		}
+	}
 });
+//#endregion
 exports.Grid = Grid;
-//# sourceMappingURL=Grid.cjs.map
+
+//# sourceMappingURL=Grid.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","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":["styled"],"mappings":"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"}
+{"version":3,"file":"Grid.cjs","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,4CAAO,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.js

@@ -1,160 +1,71 @@
 import { styled } from "../../stitches.config.js";
-const Grid = styled("div", {
-  boxSizing: "border-box",
-  display: "grid",
-  variants: {
-    align: {
-      start: {
-        alignItems: "start"
-      },
-      center: {
-        alignItems: "center"
-      },
-      end: {
-        alignItems: "end"
-      },
-      stretch: {
-        alignItems: "stretch"
-      },
-      baseline: {
-        alignItems: "baseline"
-      }
-    },
-    justify: {
-      start: {
-        justifyContent: "start"
-      },
-      center: {
-        justifyContent: "center"
-      },
-      end: {
-        justifyContent: "end"
-      },
-      between: {
-        justifyContent: "space-between"
-      }
-    },
-    flow: {
-      row: {
-        gridAutoFlow: "row"
-      },
-      column: {
-        gridAutoFlow: "column"
-      },
-      dense: {
-        gridAutoFlow: "dense"
-      },
-      rowDense: {
-        gridAutoFlow: "row dense"
-      },
-      columnDense: {
-        gridAutoFlow: "column dense"
-      }
-    },
-    columns: {
-      1: {
-        gridTemplateColumns: "repeat(1, 1fr)"
-      },
-      2: {
-        gridTemplateColumns: "repeat(2, 1fr)"
-      },
-      3: {
-        gridTemplateColumns: "repeat(3, 1fr)"
-      },
-      4: {
-        gridTemplateColumns: "repeat(4, 1fr)"
-      }
-    },
-    gap: {
-      1: {
-        gap: "$1"
-      },
-      2: {
-        gap: "$2"
-      },
-      3: {
-        gap: "$3"
-      },
-      4: {
-        gap: "$4"
-      },
-      5: {
-        gap: "$5"
-      },
-      6: {
-        gap: "$6"
-      },
-      7: {
-        gap: "$7"
-      },
-      8: {
-        gap: "$8"
-      },
-      9: {
-        gap: "$9"
-      }
-    },
-    gapX: {
-      1: {
-        columnGap: "$1"
-      },
-      2: {
-        columnGap: "$2"
-      },
-      3: {
-        columnGap: "$3"
-      },
-      4: {
-        columnGap: "$4"
-      },
-      5: {
-        columnGap: "$5"
-      },
-      6: {
-        columnGap: "$6"
-      },
-      7: {
-        columnGap: "$7"
-      },
-      8: {
-        columnGap: "$8"
-      },
-      9: {
-        columnGap: "$9"
-      }
-    },
-    gapY: {
-      1: {
-        rowGap: "$1"
-      },
-      2: {
-        rowGap: "$2"
-      },
-      3: {
-        rowGap: "$3"
-      },
-      4: {
-        rowGap: "$4"
-      },
-      5: {
-        rowGap: "$5"
-      },
-      6: {
-        rowGap: "$6"
-      },
-      7: {
-        rowGap: "$7"
-      },
-      8: {
-        rowGap: "$8"
-      },
-      9: {
-        rowGap: "$9"
-      }
-    }
-  }
+//#region components/Grid/Grid.tsx
+var Grid = styled("div", {
+	boxSizing: "border-box",
+	display: "grid",
+	variants: {
+		align: {
+			start: { alignItems: "start" },
+			center: { alignItems: "center" },
+			end: { alignItems: "end" },
+			stretch: { alignItems: "stretch" },
+			baseline: { alignItems: "baseline" }
+		},
+		justify: {
+			start: { justifyContent: "start" },
+			center: { justifyContent: "center" },
+			end: { justifyContent: "end" },
+			between: { justifyContent: "space-between" }
+		},
+		flow: {
+			row: { gridAutoFlow: "row" },
+			column: { gridAutoFlow: "column" },
+			dense: { gridAutoFlow: "dense" },
+			rowDense: { gridAutoFlow: "row dense" },
+			columnDense: { gridAutoFlow: "column dense" }
+		},
+		columns: {
+			1: { gridTemplateColumns: "repeat(1, 1fr)" },
+			2: { gridTemplateColumns: "repeat(2, 1fr)" },
+			3: { gridTemplateColumns: "repeat(3, 1fr)" },
+			4: { gridTemplateColumns: "repeat(4, 1fr)" }
+		},
+		gap: {
+			1: { gap: "$1" },
+			2: { gap: "$2" },
+			3: { gap: "$3" },
+			4: { gap: "$4" },
+			5: { gap: "$5" },
+			6: { gap: "$6" },
+			7: { gap: "$7" },
+			8: { gap: "$8" },
+			9: { gap: "$9" }
+		},
+		gapX: {
+			1: { columnGap: "$1" },
+			2: { columnGap: "$2" },
+			3: { columnGap: "$3" },
+			4: { columnGap: "$4" },
+			5: { columnGap: "$5" },
+			6: { columnGap: "$6" },
+			7: { columnGap: "$7" },
+			8: { columnGap: "$8" },
+			9: { columnGap: "$9" }
+		},
+		gapY: {
+			1: { rowGap: "$1" },
+			2: { rowGap: "$2" },
+			3: { rowGap: "$3" },
+			4: { rowGap: "$4" },
+			5: { rowGap: "$5" },
+			6: { rowGap: "$6" },
+			7: { rowGap: "$7" },
+			8: { rowGap: "$8" },
+			9: { rowGap: "$9" }
+		}
+	}
 });
-export {
-  Grid
-};
-//# sourceMappingURL=Grid.js.map
+//#endregion
+export { Grid };
+
+//# sourceMappingURL=Grid.js.map