@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Panel/Panel.vanilla.cjs

@@ -1,29 +1,30 @@
-"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 Panel_vanilla_css = require("./Panel.vanilla.css.cjs");
-const PanelVanillaComponentImpl = React.forwardRef(
-  ({ as, className, css, style, ...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) };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${Panel_vanilla_css.panelStyle} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Panel_vanilla_css = require("./Panel.vanilla.css.cjs");
+let react = require("react");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Panel/Panel.vanilla.tsx
+var PanelVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, ...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_Panel_vanilla_css.panelStyle} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 PanelVanillaComponentImpl.displayName = "PanelVanilla";
-const PanelVanilla = PanelVanillaComponentImpl;
+var PanelVanilla = PanelVanillaComponentImpl;
+//#endregion
 exports.PanelVanilla = PanelVanilla;
-//# sourceMappingURL=Panel.vanilla.cjs.map
+
+//# sourceMappingURL=Panel.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vanilla.cjs","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: PanelVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","panelStyle"],"mappings":";;;;;;;;AAmBA,MAAM,4BAA4BA,MAAAA;AAAAA,EAChC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,MAAA,GAChC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAGC,QAAAA,iBAAiB,IAAI,EAAA;AAEvE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAGC,4BAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;;"}
+{"version":3,"file":"Panel.vanilla.cjs","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: PanelVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;;AAmBA,IAAM,6BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAAE;AAE1E,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,0BAAA,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

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

@@ -1,6 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                   */
+//#region components/Panel/Panel.vanilla.css.ts
 var panelStyle = "_15a4kqm0";
+//#endregion
 exports.panelStyle = panelStyle;
-//# sourceMappingURL=Panel.vanilla.css.cjs.map
+
+//# sourceMappingURL=Panel.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Panel.vanilla.css.cjs","names":[],"sources":["../../../components/Panel/Panel.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { tokens } from '../../styles/tokens.css';\n\nexport const panelStyle = style({\n  backgroundColor: tokens.colors.deepBlue['3'],\n  borderRadius: tokens.radii['3'],\n});\n"],"mappings":""}

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

@@ -1,6 +1,7 @@
 /* empty css                                 */
+//#region components/Panel/Panel.vanilla.css.ts
 var panelStyle = "_15a4kqm0";
-export {
-  panelStyle
-};
-//# sourceMappingURL=Panel.vanilla.css.js.map
+//#endregion
+export { panelStyle };
+
+//# sourceMappingURL=Panel.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"Panel.vanilla.css.js","names":[],"sources":["../../../components/Panel/Panel.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { tokens } from '../../styles/tokens.css';\n\nexport const panelStyle = style({\n  backgroundColor: tokens.colors.deepBlue['3'],\n  borderRadius: tokens.radii['3'],\n});\n"],"mappings":""}

package/dist/components/Panel/Panel.vanilla.js

@@ -1,29 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef } from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
 import { panelStyle } from "./Panel.vanilla.css.js";
-const PanelVanillaComponentImpl = forwardRef(
-  ({ as, className, css, style, ...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: `${panelStyle} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Panel/Panel.vanilla.tsx
+var PanelVanillaComponentImpl = forwardRef(({ as, className, css, style, ...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: `${panelStyle} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 PanelVanillaComponentImpl.displayName = "PanelVanilla";
-const PanelVanilla = PanelVanillaComponentImpl;
-export {
-  PanelVanilla
-};
-//# sourceMappingURL=Panel.vanilla.js.map
+var PanelVanilla = PanelVanillaComponentImpl;
+//#endregion
+export { PanelVanilla };
+
+//# sourceMappingURL=Panel.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vanilla.js","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: PanelVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,4BAA4B;AAAA,EAChC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,MAAA,GAChC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,UAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;"}
+{"version":3,"file":"Panel.vanilla.js","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, ...props }: PanelVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;AAmBA,IAAM,4BAA4B,YAE9B,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;AAE1E,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Paragraph/Paragraph.cjs

@@ -1,34 +1,43 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const merge = require("lodash.merge");
-const React = require("react");
-const Text = require("../Text/Text.cjs");
-const DEFAULT_TAG = "p";
-const Paragraph = React.forwardRef(
-  (props, forwardedRef) => {
-    const { size = "1", ...textProps } = props;
-    const textSize = {
-      1: { "@initial": "3", "@bp2": "4" },
-      2: { "@initial": "5", "@bp2": "6" }
-    };
-    const textCss = {
-      1: { lineHeight: "25px", "@bp2": { lineHeight: "27px" } },
-      2: { color: "$slate11", lineHeight: "27px", "@bp2": { lineHeight: "30px" } }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Text.Text,
-      {
-        as: DEFAULT_TAG,
-        ...textProps,
-        ref: forwardedRef,
-        size: textSize[size],
-        css: {
-          ...merge(textCss[size], props.css)
-        }
-      }
-    );
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_deepMerge = require("../../utils/deepMerge.cjs");
+const require_Text = require("../Text/Text.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Paragraph/Paragraph.tsx
+var DEFAULT_TAG = "p";
+var Paragraph = react.default.forwardRef((props, forwardedRef) => {
+	const { size = "1", ...textProps } = props;
+	const textSize = {
+		1: {
+			"@initial": "3",
+			"@bp2": "4"
+		},
+		2: {
+			"@initial": "5",
+			"@bp2": "6"
+		}
+	};
+	const textCss = {
+		1: {
+			lineHeight: "25px",
+			"@bp2": { lineHeight: "27px" }
+		},
+		2: {
+			color: "$slate11",
+			lineHeight: "27px",
+			"@bp2": { lineHeight: "30px" }
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		as: DEFAULT_TAG,
+		...textProps,
+		ref: forwardedRef,
+		size: textSize[size],
+		css: { ...require_deepMerge.deepMerge(textCss[size], props.css) }
+	});
+});
+//#endregion
 exports.Paragraph = Paragraph;
-//# sourceMappingURL=Paragraph.cjs.map
+
+//# sourceMappingURL=Paragraph.cjs.map

package/dist/components/Paragraph/Paragraph.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.cjs","sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import merge from 'lodash.merge';\nimport React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...merge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"names":["jsx","Text"],"mappings":";;;;;;AAMA,MAAM,cAAc;AASb,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AAEvB,UAAM,EAAE,OAAO,KAAK,GAAG,cAAc;AAGrC,UAAM,WAAoE;AAAA,MACxE,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,MAC9B,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,IAAI;AAIpC,UAAM,UAA8C;AAAA,MAClD,GAAG,EAAE,YAAY,QAAQ,QAAQ,EAAE,YAAY,SAAO;AAAA,MACtD,GAAG,EAAE,OAAO,YAAY,YAAY,QAAQ,QAAQ,EAAE,YAAY,OAAA,EAAO;AAAA,IAAE;AAE7E,WACEA,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACH,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,MAAM,SAAS,IAAI;AAAA,QACnB,KAAK;AAAA,UACH,GAAG,MAAM,QAAQ,IAAI,GAAG,MAAM,GAAG;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAGN;AACF;;"}
+{"version":3,"file":"Paragraph.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...deepMerge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAA,QAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;AACD,QACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,kBAAA,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}

package/dist/components/Paragraph/Paragraph.js

@@ -1,34 +1,41 @@
-import { jsx } from "react/jsx-runtime";
-import merge from "lodash.merge";
-import React from "react";
+import { deepMerge } from "../../utils/deepMerge.js";
 import { Text } from "../Text/Text.js";
-const DEFAULT_TAG = "p";
-const Paragraph = React.forwardRef(
-  (props, forwardedRef) => {
-    const { size = "1", ...textProps } = props;
-    const textSize = {
-      1: { "@initial": "3", "@bp2": "4" },
-      2: { "@initial": "5", "@bp2": "6" }
-    };
-    const textCss = {
-      1: { lineHeight: "25px", "@bp2": { lineHeight: "27px" } },
-      2: { color: "$slate11", lineHeight: "27px", "@bp2": { lineHeight: "30px" } }
-    };
-    return /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: DEFAULT_TAG,
-        ...textProps,
-        ref: forwardedRef,
-        size: textSize[size],
-        css: {
-          ...merge(textCss[size], props.css)
-        }
-      }
-    );
-  }
-);
-export {
-  Paragraph
-};
-//# sourceMappingURL=Paragraph.js.map
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region components/Paragraph/Paragraph.tsx
+var DEFAULT_TAG = "p";
+var Paragraph = React.forwardRef((props, forwardedRef) => {
+	const { size = "1", ...textProps } = props;
+	const textSize = {
+		1: {
+			"@initial": "3",
+			"@bp2": "4"
+		},
+		2: {
+			"@initial": "5",
+			"@bp2": "6"
+		}
+	};
+	const textCss = {
+		1: {
+			lineHeight: "25px",
+			"@bp2": { lineHeight: "27px" }
+		},
+		2: {
+			color: "$slate11",
+			lineHeight: "27px",
+			"@bp2": { lineHeight: "30px" }
+		}
+	};
+	return /* @__PURE__ */ jsx(Text, {
+		as: DEFAULT_TAG,
+		...textProps,
+		ref: forwardedRef,
+		size: textSize[size],
+		css: { ...deepMerge(textCss[size], props.css) }
+	});
+});
+//#endregion
+export { Paragraph };
+
+//# sourceMappingURL=Paragraph.js.map

package/dist/components/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import merge from 'lodash.merge';\nimport React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...merge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc;AASb,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AAEvB,UAAM,EAAE,OAAO,KAAK,GAAG,cAAc;AAGrC,UAAM,WAAoE;AAAA,MACxE,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,MAC9B,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,IAAI;AAIpC,UAAM,UAA8C;AAAA,MAClD,GAAG,EAAE,YAAY,QAAQ,QAAQ,EAAE,YAAY,SAAO;AAAA,MACtD,GAAG,EAAE,OAAO,YAAY,YAAY,QAAQ,QAAQ,EAAE,YAAY,OAAA,EAAO;AAAA,IAAE;AAE7E,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACH,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,MAAM,SAAS,IAAI;AAAA,QACnB,KAAK;AAAA,UACH,GAAG,MAAM,QAAQ,IAAI,GAAG,MAAM,GAAG;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"Paragraph.js","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...deepMerge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;AACD,QACE,oBAAC,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}

package/dist/components/Paragraph/Paragraph.vanilla.cjs

@@ -1,34 +1,30 @@
-"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 Paragraph_vanilla_css = require("./Paragraph.vanilla.css.cjs");
-const ParagraphVanillaComponentImpl = React.forwardRef(
-  ({ as, size, className, css, style, ...props }, ref) => {
-    const Component = as || "p";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = Paragraph_vanilla_css.paragraphRecipe({ size });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Paragraph_vanilla_css = require("./Paragraph.vanilla.css.cjs");
+let react = require("react");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Paragraph/Paragraph.vanilla.tsx
+var ParagraphVanillaComponentImpl = (0, react.forwardRef)(({ as, size, className, css, style, ...props }, ref) => {
+	const Component = as || "p";
+	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_Paragraph_vanilla_css.paragraphRecipe({ size })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ParagraphVanillaComponentImpl.displayName = "ParagraphVanilla";
-const ParagraphVanilla = ParagraphVanillaComponentImpl;
+var ParagraphVanilla = ParagraphVanillaComponentImpl;
+//#endregion
 exports.ParagraphVanilla = ParagraphVanilla;
-//# sourceMappingURL=Paragraph.vanilla.cjs.map
+
+//# sourceMappingURL=Paragraph.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.cjs","sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\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 = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","paragraphRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,gCAAgCA,MAAAA;AAAAA,EACpC,CACE,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,MAAA,GACtC,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAWC,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,sBAAAA,gBAAgB,EAAE,MAAM;AAE5C,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,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;;"}
+{"version":3,"file":"Paragraph.vanilla.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\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 = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,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,8BAAA,gBAAgB,EAAE,MAAM,CAAC,CAKf,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

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

@@ -1,7 +1,16 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                       */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraphRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "ssoibc1 ssoibc0", variantClassNames: { size: { "1": "ssoibc2", "2": "ssoibc3" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+//#region components/Paragraph/Paragraph.vanilla.css.ts
+var paragraphRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "ssoibc1 ssoibc0",
+	variantClassNames: { size: {
+		"1": "ssoibc2",
+		"2": "ssoibc3"
+	} },
+	defaultVariants: { size: "1" },
+	compoundVariants: []
+});
+//#endregion
 exports.paragraphRecipe = paragraphRecipe;
-//# sourceMappingURL=Paragraph.vanilla.css.cjs.map
+
+//# sourceMappingURL=Paragraph.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Paragraph.vanilla.css.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base text styles (from Text component)\nconst paragraphBase = style({\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: tokens.fonts.rubik,\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n});\n\nexport const paragraphRecipe = recipe({\n  base: paragraphBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: tokens.fontSizes['3'],\n        color: tokens.colors.textDefault,\n        lineHeight: '25px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['4'],\n            lineHeight: '27px',\n          },\n        },\n      },\n      '2': {\n        fontSize: tokens.fontSizes['5'],\n        color: tokens.colors.slate[11],\n        lineHeight: '27px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['6'],\n            lineHeight: '30px',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '1',\n  },\n});\n"],"mappings":""}

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

@@ -1,7 +1,16 @@
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var paragraphRecipe = createRuntimeFn({ defaultClassName: "ssoibc1 ssoibc0", variantClassNames: { size: { "1": "ssoibc2", "2": "ssoibc3" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
-export {
-  paragraphRecipe
-};
-//# sourceMappingURL=Paragraph.vanilla.css.js.map
+//#region components/Paragraph/Paragraph.vanilla.css.ts
+var paragraphRecipe = createRuntimeFn({
+	defaultClassName: "ssoibc1 ssoibc0",
+	variantClassNames: { size: {
+		"1": "ssoibc2",
+		"2": "ssoibc3"
+	} },
+	defaultVariants: { size: "1" },
+	compoundVariants: []
+});
+//#endregion
+export { paragraphRecipe };
+
+//# sourceMappingURL=Paragraph.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Paragraph.vanilla.css.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base text styles (from Text component)\nconst paragraphBase = style({\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: tokens.fonts.rubik,\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n});\n\nexport const paragraphRecipe = recipe({\n  base: paragraphBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: tokens.fontSizes['3'],\n        color: tokens.colors.textDefault,\n        lineHeight: '25px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['4'],\n            lineHeight: '27px',\n          },\n        },\n      },\n      '2': {\n        fontSize: tokens.fontSizes['5'],\n        color: tokens.colors.slate[11],\n        lineHeight: '27px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['6'],\n            lineHeight: '30px',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '1',\n  },\n});\n"],"mappings":""}

package/dist/components/Paragraph/Paragraph.vanilla.js

@@ -1,34 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef } from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
 import { paragraphRecipe } from "./Paragraph.vanilla.css.js";
-const ParagraphVanillaComponentImpl = forwardRef(
-  ({ as, size, className, css, style, ...props }, ref) => {
-    const Component = as || "p";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = paragraphRecipe({ size });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Paragraph/Paragraph.vanilla.tsx
+var ParagraphVanillaComponentImpl = forwardRef(({ as, size, className, css, style, ...props }, ref) => {
+	const Component = as || "p";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${paragraphRecipe({ size })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ParagraphVanillaComponentImpl.displayName = "ParagraphVanilla";
-const ParagraphVanilla = ParagraphVanillaComponentImpl;
-export {
-  ParagraphVanilla
-};
-//# sourceMappingURL=Paragraph.vanilla.js.map
+var ParagraphVanilla = ParagraphVanillaComponentImpl;
+//#endregion
+export { ParagraphVanilla };
+
+//# sourceMappingURL=Paragraph.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.js","sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\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 = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,gCAAgC;AAAA,EACpC,CACE,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,MAAA,GACtC,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,gBAAgB,EAAE,MAAM;AAE5C,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,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;"}
+{"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\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 = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,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,gBAAgB,EAAE,MAAM,CAAC,CAKf,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}