@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/FaencyProvider.cjs

@@ -1,8 +1,12 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const TooltipPrimitive = require("@radix-ui/react-tooltip");
-const colorSchemeContext = require("./colorSchemeContext.cjs");
-const FaencyProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxRuntime.jsx(colorSchemeContext.ColorSchemeProvider, { children }) });
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_colorSchemeContext = require("./colorSchemeContext.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+//#region components/FaencyProvider.tsx
+var FaencyProvider = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_colorSchemeContext.ColorSchemeProvider, { children }) });
+//#endregion
 exports.FaencyProvider = FaencyProvider;
-//# sourceMappingURL=FaencyProvider.cjs.map
+
+//# sourceMappingURL=FaencyProvider.cjs.map

package/dist/components/FaencyProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FaencyProvider.cjs","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"names":["TooltipProvider","jsx","ColorSchemeProvider"],"mappings":";;;;;AASO,MAAM,iBAAiB,CAAC,EAAE,SAAA,qCAC9BA,iBAAAA,UAAA,EACC,UAAAC,+BAACC,mBAAAA,qBAAA,EAAqB,SAAA,CAAS,EAAA,CACjC;;"}
+{"version":3,"file":"FaencyProvider.cjs","names":[],"sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"mappings":";;;;;;;AASA,IAAa,kBAAkB,EAAE,eAC/B,iBAAA,GAAA,kBAAA,KAAC,wBAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,qBAAD,EAAsB,UAA+B,CAAA,EACrC,CAAA"}

package/dist/components/FaencyProvider.js

@@ -1,8 +1,10 @@
+import { ColorSchemeProvider } from "./colorSchemeContext.js";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import { Provider } from "@radix-ui/react-tooltip";
-import { ColorSchemeProvider } from "./colorSchemeContext.js";
-const FaencyProvider = ({ children }) => /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(ColorSchemeProvider, { children }) });
-export {
-  FaencyProvider
-};
-//# sourceMappingURL=FaencyProvider.js.map
+//#region components/FaencyProvider.tsx
+var FaencyProvider = ({ children }) => /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(ColorSchemeProvider, { children }) });
+//#endregion
+export { FaencyProvider };
+
+//# sourceMappingURL=FaencyProvider.js.map

package/dist/components/FaencyProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaencyProvider.js","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"names":["TooltipProvider"],"mappings":";;;AASO,MAAM,iBAAiB,CAAC,EAAE,SAAA,0BAC9BA,UAAA,EACC,UAAA,oBAAC,qBAAA,EAAqB,SAAA,CAAS,EAAA,CACjC;"}
+{"version":3,"file":"FaencyProvider.js","names":[],"sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"mappings":";;;;;AASA,IAAa,kBAAkB,EAAE,eAC/B,oBAAC,UAAD,EAAA,UACE,oBAAC,qBAAD,EAAsB,UAA+B,CAAA,EACrC,CAAA"}

package/dist/components/Flex/Flex.cjs

@@ -1,120 +1,58 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Flex = stitches_config.styled("div", {
-  boxSizing: "border-box",
-  display: "flex",
-  variants: {
-    direction: {
-      row: {
-        flexDirection: "row"
-      },
-      column: {
-        flexDirection: "column"
-      },
-      rowReverse: {
-        flexDirection: "row-reverse"
-      },
-      columnReverse: {
-        flexDirection: "column-reverse"
-      }
-    },
-    align: {
-      start: {
-        alignItems: "flex-start"
-      },
-      center: {
-        alignItems: "center"
-      },
-      end: {
-        alignItems: "flex-end"
-      },
-      stretch: {
-        alignItems: "stretch"
-      },
-      baseline: {
-        alignItems: "baseline"
-      },
-      ["space-evenly"]: {
-        alignItems: "space-evenly"
-      },
-      ["space-between"]: {
-        alignItems: "space-between"
-      },
-      ["space-around"]: {
-        alignItems: "space-around"
-      }
-    },
-    justify: {
-      start: {
-        justifyContent: "flex-start"
-      },
-      center: {
-        justifyContent: "center"
-      },
-      end: {
-        justifyContent: "flex-end"
-      },
-      between: {
-        justifyContent: "space-between"
-      },
-      ["space-evenly"]: {
-        justifyContent: "space-evenly"
-      },
-      ["space-between"]: {
-        justifyContent: "space-between"
-      },
-      ["space-around"]: {
-        justifyContent: "space-around"
-      }
-    },
-    wrap: {
-      noWrap: {
-        flexWrap: "nowrap"
-      },
-      wrap: {
-        flexWrap: "wrap"
-      },
-      wrapReverse: {
-        flexWrap: "wrap-reverse"
-      }
-    },
-    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"
-      }
-    }
-  },
-  defaultVariants: {
-    direction: "row",
-    align: "stretch",
-    justify: "start",
-    wrap: "noWrap"
-  }
+//#region components/Flex/Flex.tsx
+var Flex = require("../../stitches.config.cjs").styled("div", {
+	boxSizing: "border-box",
+	display: "flex",
+	variants: {
+		direction: {
+			row: { flexDirection: "row" },
+			column: { flexDirection: "column" },
+			rowReverse: { flexDirection: "row-reverse" },
+			columnReverse: { flexDirection: "column-reverse" }
+		},
+		align: {
+			start: { alignItems: "flex-start" },
+			center: { alignItems: "center" },
+			end: { alignItems: "flex-end" },
+			stretch: { alignItems: "stretch" },
+			baseline: { alignItems: "baseline" },
+			["space-evenly"]: { alignItems: "space-evenly" },
+			["space-between"]: { alignItems: "space-between" },
+			["space-around"]: { alignItems: "space-around" }
+		},
+		justify: {
+			start: { justifyContent: "flex-start" },
+			center: { justifyContent: "center" },
+			end: { justifyContent: "flex-end" },
+			between: { justifyContent: "space-between" },
+			["space-evenly"]: { justifyContent: "space-evenly" },
+			["space-between"]: { justifyContent: "space-between" },
+			["space-around"]: { justifyContent: "space-around" }
+		},
+		wrap: {
+			noWrap: { flexWrap: "nowrap" },
+			wrap: { flexWrap: "wrap" },
+			wrapReverse: { flexWrap: "wrap-reverse" }
+		},
+		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" }
+		}
+	},
+	defaultVariants: {
+		direction: "row",
+		align: "stretch",
+		justify: "start",
+		wrap: "noWrap"
+	}
 });
+//#endregion
 exports.Flex = Flex;
-//# sourceMappingURL=Flex.cjs.map
+
+//# sourceMappingURL=Flex.cjs.map

package/dist/components/Flex/Flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.cjs","sources":["../../../components/Flex/Flex.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Flex = styled('div', {\n  boxSizing: 'border-box',\n  display: '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      ['space-evenly']: {\n        alignItems: 'space-evenly',\n      },\n      ['space-between']: {\n        alignItems: 'space-between',\n      },\n      ['space-around']: {\n        alignItems: 'space-around',\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      between: {\n        justifyContent: 'space-between',\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: '$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  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap',\n  },\n});\n"],"names":["styled"],"mappings":";;;AAEO,MAAM,OAAOA,gBAAAA,OAAO,OAAO;AAAA,EAChC,WAAW;AAAA,EACX,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,eAAe;AAAA,MAAA;AAAA,MAEjB,QAAQ;AAAA,QACN,eAAe;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,QACV,eAAe;AAAA,MAAA;AAAA,MAEjB,eAAe;AAAA,QACb,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY;AAAA,MAAA;AAAA,MAEd,QAAQ;AAAA,QACN,YAAY;AAAA,MAAA;AAAA,MAEd,KAAK;AAAA,QACH,YAAY;AAAA,MAAA;AAAA,MAEd,SAAS;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAEd,UAAU;AAAA,QACR,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,cAAc,GAAG;AAAA,QAChB,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,eAAe,GAAG;AAAA,QACjB,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,cAAc,GAAG;AAAA,QAChB,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAAA;AAAA,MAElB,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAElB,KAAK;AAAA,QACH,gBAAgB;AAAA,MAAA;AAAA,MAElB,SAAS;AAAA,QACP,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,cAAc,GAAG;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,eAAe,GAAG;AAAA,QACjB,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,cAAc,GAAG;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,aAAa;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,KAAK;AAAA,MACH,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;;"}
+{"version":3,"file":"Flex.cjs","names":[],"sources":["../../../components/Flex/Flex.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Flex = styled('div', {\n  boxSizing: 'border-box',\n  display: '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      ['space-evenly']: {\n        alignItems: 'space-evenly',\n      },\n      ['space-between']: {\n        alignItems: 'space-between',\n      },\n      ['space-around']: {\n        alignItems: 'space-around',\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      between: {\n        justifyContent: 'space-between',\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: '$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  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap',\n  },\n});\n"],"mappings":";AAEA,IAAa,4CAAO,OAAO,OAAO;CAChC,WAAW;CACX,SAAS;CAET,UAAU;EACR,WAAW;GACT,KAAK,EACH,eAAe,OAChB;GACD,QAAQ,EACN,eAAe,UAChB;GACD,YAAY,EACV,eAAe,eAChB;GACD,eAAe,EACb,eAAe,kBAChB;GACF;EACD,OAAO;GACL,OAAO,EACL,YAAY,cACb;GACD,QAAQ,EACN,YAAY,UACb;GACD,KAAK,EACH,YAAY,YACb;GACD,SAAS,EACP,YAAY,WACb;GACD,UAAU,EACR,YAAY,YACb;IACA,iBAAiB,EAChB,YAAY,gBACb;IACA,kBAAkB,EACjB,YAAY,iBACb;IACA,iBAAiB,EAChB,YAAY,gBACb;GACF;EACD,SAAS;GACP,OAAO,EACL,gBAAgB,cACjB;GACD,QAAQ,EACN,gBAAgB,UACjB;GACD,KAAK,EACH,gBAAgB,YACjB;GACD,SAAS,EACP,gBAAgB,iBACjB;IACA,iBAAiB,EAChB,gBAAgB,gBACjB;IACA,kBAAkB,EACjB,gBAAgB,iBACjB;IACA,iBAAiB,EAChB,gBAAgB,gBACjB;GACF;EACD,MAAM;GACJ,QAAQ,EACN,UAAU,UACX;GACD,MAAM,EACJ,UAAU,QACX;GACD,aAAa,EACX,UAAU,gBACX;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;EACF;CACD,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC"}

package/dist/components/Flex/Flex.js

@@ -1,120 +1,59 @@
 import { styled } from "../../stitches.config.js";
-const Flex = styled("div", {
-  boxSizing: "border-box",
-  display: "flex",
-  variants: {
-    direction: {
-      row: {
-        flexDirection: "row"
-      },
-      column: {
-        flexDirection: "column"
-      },
-      rowReverse: {
-        flexDirection: "row-reverse"
-      },
-      columnReverse: {
-        flexDirection: "column-reverse"
-      }
-    },
-    align: {
-      start: {
-        alignItems: "flex-start"
-      },
-      center: {
-        alignItems: "center"
-      },
-      end: {
-        alignItems: "flex-end"
-      },
-      stretch: {
-        alignItems: "stretch"
-      },
-      baseline: {
-        alignItems: "baseline"
-      },
-      ["space-evenly"]: {
-        alignItems: "space-evenly"
-      },
-      ["space-between"]: {
-        alignItems: "space-between"
-      },
-      ["space-around"]: {
-        alignItems: "space-around"
-      }
-    },
-    justify: {
-      start: {
-        justifyContent: "flex-start"
-      },
-      center: {
-        justifyContent: "center"
-      },
-      end: {
-        justifyContent: "flex-end"
-      },
-      between: {
-        justifyContent: "space-between"
-      },
-      ["space-evenly"]: {
-        justifyContent: "space-evenly"
-      },
-      ["space-between"]: {
-        justifyContent: "space-between"
-      },
-      ["space-around"]: {
-        justifyContent: "space-around"
-      }
-    },
-    wrap: {
-      noWrap: {
-        flexWrap: "nowrap"
-      },
-      wrap: {
-        flexWrap: "wrap"
-      },
-      wrapReverse: {
-        flexWrap: "wrap-reverse"
-      }
-    },
-    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"
-      }
-    }
-  },
-  defaultVariants: {
-    direction: "row",
-    align: "stretch",
-    justify: "start",
-    wrap: "noWrap"
-  }
+//#region components/Flex/Flex.tsx
+var Flex = styled("div", {
+	boxSizing: "border-box",
+	display: "flex",
+	variants: {
+		direction: {
+			row: { flexDirection: "row" },
+			column: { flexDirection: "column" },
+			rowReverse: { flexDirection: "row-reverse" },
+			columnReverse: { flexDirection: "column-reverse" }
+		},
+		align: {
+			start: { alignItems: "flex-start" },
+			center: { alignItems: "center" },
+			end: { alignItems: "flex-end" },
+			stretch: { alignItems: "stretch" },
+			baseline: { alignItems: "baseline" },
+			["space-evenly"]: { alignItems: "space-evenly" },
+			["space-between"]: { alignItems: "space-between" },
+			["space-around"]: { alignItems: "space-around" }
+		},
+		justify: {
+			start: { justifyContent: "flex-start" },
+			center: { justifyContent: "center" },
+			end: { justifyContent: "flex-end" },
+			between: { justifyContent: "space-between" },
+			["space-evenly"]: { justifyContent: "space-evenly" },
+			["space-between"]: { justifyContent: "space-between" },
+			["space-around"]: { justifyContent: "space-around" }
+		},
+		wrap: {
+			noWrap: { flexWrap: "nowrap" },
+			wrap: { flexWrap: "wrap" },
+			wrapReverse: { flexWrap: "wrap-reverse" }
+		},
+		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" }
+		}
+	},
+	defaultVariants: {
+		direction: "row",
+		align: "stretch",
+		justify: "start",
+		wrap: "noWrap"
+	}
 });
-export {
-  Flex
-};
-//# sourceMappingURL=Flex.js.map
+//#endregion
+export { Flex };
+
+//# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../components/Flex/Flex.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Flex = styled('div', {\n  boxSizing: 'border-box',\n  display: '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      ['space-evenly']: {\n        alignItems: 'space-evenly',\n      },\n      ['space-between']: {\n        alignItems: 'space-between',\n      },\n      ['space-around']: {\n        alignItems: 'space-around',\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      between: {\n        justifyContent: 'space-between',\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: '$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  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap',\n  },\n});\n"],"names":[],"mappings":";AAEO,MAAM,OAAO,OAAO,OAAO;AAAA,EAChC,WAAW;AAAA,EACX,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,eAAe;AAAA,MAAA;AAAA,MAEjB,QAAQ;AAAA,QACN,eAAe;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,QACV,eAAe;AAAA,MAAA;AAAA,MAEjB,eAAe;AAAA,QACb,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY;AAAA,MAAA;AAAA,MAEd,QAAQ;AAAA,QACN,YAAY;AAAA,MAAA;AAAA,MAEd,KAAK;AAAA,QACH,YAAY;AAAA,MAAA;AAAA,MAEd,SAAS;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAEd,UAAU;AAAA,QACR,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,cAAc,GAAG;AAAA,QAChB,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,eAAe,GAAG;AAAA,QACjB,YAAY;AAAA,MAAA;AAAA,MAEd,CAAC,cAAc,GAAG;AAAA,QAChB,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAAA;AAAA,MAElB,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAElB,KAAK;AAAA,QACH,gBAAgB;AAAA,MAAA;AAAA,MAElB,SAAS;AAAA,QACP,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,cAAc,GAAG;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,eAAe,GAAG;AAAA,QACjB,gBAAgB;AAAA,MAAA;AAAA,MAElB,CAAC,cAAc,GAAG;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,aAAa;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,KAAK;AAAA,MACH,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,MAEP,GAAG;AAAA,QACD,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;"}
+{"version":3,"file":"Flex.js","names":[],"sources":["../../../components/Flex/Flex.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Flex = styled('div', {\n  boxSizing: 'border-box',\n  display: '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      ['space-evenly']: {\n        alignItems: 'space-evenly',\n      },\n      ['space-between']: {\n        alignItems: 'space-between',\n      },\n      ['space-around']: {\n        alignItems: 'space-around',\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      between: {\n        justifyContent: 'space-between',\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: '$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  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap',\n  },\n});\n"],"mappings":";;AAEA,IAAa,OAAO,OAAO,OAAO;CAChC,WAAW;CACX,SAAS;CAET,UAAU;EACR,WAAW;GACT,KAAK,EACH,eAAe,OAChB;GACD,QAAQ,EACN,eAAe,UAChB;GACD,YAAY,EACV,eAAe,eAChB;GACD,eAAe,EACb,eAAe,kBAChB;GACF;EACD,OAAO;GACL,OAAO,EACL,YAAY,cACb;GACD,QAAQ,EACN,YAAY,UACb;GACD,KAAK,EACH,YAAY,YACb;GACD,SAAS,EACP,YAAY,WACb;GACD,UAAU,EACR,YAAY,YACb;IACA,iBAAiB,EAChB,YAAY,gBACb;IACA,kBAAkB,EACjB,YAAY,iBACb;IACA,iBAAiB,EAChB,YAAY,gBACb;GACF;EACD,SAAS;GACP,OAAO,EACL,gBAAgB,cACjB;GACD,QAAQ,EACN,gBAAgB,UACjB;GACD,KAAK,EACH,gBAAgB,YACjB;GACD,SAAS,EACP,gBAAgB,iBACjB;IACA,iBAAiB,EAChB,gBAAgB,gBACjB;IACA,kBAAkB,EACjB,gBAAgB,iBACjB;IACA,iBAAiB,EAChB,gBAAgB,gBACjB;GACF;EACD,MAAM;GACJ,QAAQ,EACN,UAAU,UACX;GACD,MAAM,EACJ,UAAU,QACX;GACD,aAAa,EACX,UAAU,gBACX;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;EACF;CACD,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC"}

package/dist/components/Flex/Flex.vanilla.cjs

@@ -1,35 +1,37 @@
-"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 Flex_vanilla_css = require("./Flex.vanilla.css.cjs");
-const FlexVanillaComponent = React.forwardRef(
-  ({ as, className, css, style, direction, align, justify, wrap, gap, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = Flex_vanilla_css.flexRecipe({ direction, align, justify, wrap, gap });
-    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_Flex_vanilla_css = require("./Flex.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/Flex/Flex.vanilla.tsx
+var FlexVanillaComponent = react.default.forwardRef(({ as, className, css, style, direction, align, justify, wrap, gap, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${require_Flex_vanilla_css.flexRecipe({
+			direction,
+			align,
+			justify,
+			wrap,
+			gap
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 FlexVanillaComponent.displayName = "FlexVanilla";
-const FlexVanilla = FlexVanillaComponent;
+var FlexVanilla = FlexVanillaComponent;
+//#endregion
 exports.FlexVanilla = FlexVanilla;
-exports.FlexVanillaComponent = FlexVanillaComponent;
-//# sourceMappingURL=Flex.vanilla.cjs.map
+
+//# sourceMappingURL=Flex.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.vanilla.cjs","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":["useVanillaExtractTheme","processCSSProp","assignInlineVars","flexRecipe","jsx"],"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,IAAWA,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,iBAAAA,WAAW,EAAE,WAAW,OAAO,SAAS,MAAM,KAAK;AAEvE,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":"Flex.vanilla.cjs","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,MAAA,QAAM,YAEtC,EAAE,IAAI,WAAW,KAAK,OAAO,WAAW,OAAO,SAAS,MAAM,KAAK,GAAG,SACtE,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,yBAAA,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/Flex/Flex.vanilla.css.cjs

@@ -1,9 +1,58 @@
-"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 flexRecipe = createRuntimeFn.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: [] });
+//#region components/Flex/Flex.vanilla.css.ts
+var flexRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").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
 exports.flexRecipe = flexRecipe;
-//# sourceMappingURL=Flex.vanilla.css.cjs.map
+
+//# sourceMappingURL=Flex.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Flex.vanilla.css.cjs","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":""}