braid-design-system 34.3.0 → 34.5.0

package/dist/lib/css/globalTypographyStyles.d.mts

@@ -1,22 +1,15 @@
 import { vars } from "../themes/vars.css.mjs";
 import { StyleRule } from "@vanilla-extract/css";
-
 //#region src/lib/css/globalTypographyStyles.d.ts
 interface GlobalTextStyleProps {
   weight?: keyof typeof vars.textWeight;
   size?: keyof typeof vars.textSize;
 }
-declare const globalTextStyle: ({
-  weight,
-  size
-}?: GlobalTextStyleProps) => StyleRule;
+declare const globalTextStyle: ({ weight, size }?: GlobalTextStyleProps) => StyleRule;
 interface GlobalHeadingProps {
   weight?: keyof typeof vars.headingWeight;
   level: keyof typeof vars.headingLevel;
 }
-declare const globalHeadingStyle: ({
-  weight,
-  level
-}: GlobalHeadingProps) => StyleRule;
+declare const globalHeadingStyle: ({ weight, level }: GlobalHeadingProps) => StyleRule;
 //#endregion
 export { globalHeadingStyle, globalTextStyle };

package/dist/lib/css/globalTypographyStyles.mjs

@@ -1,6 +1,5 @@
 import { vars } from "../themes/vars.css.mjs";
 import { responsiveStyle } from "./responsiveStyle.mjs";
-
 //#region src/lib/css/globalTypographyStyles.ts
 const globalTextStyle = ({ weight = "regular", size = "standard" } = {}) => ({
 	fontFamily: vars.fontFamily,
@@ -32,6 +31,5 @@ const globalHeadingStyle = ({ weight = "regular", level }) => ({
 		}
 	})
 });
-
 //#endregion
-export { globalHeadingStyle, globalTextStyle };
+export { globalHeadingStyle, globalTextStyle };

package/dist/lib/css/lineHeightContainer.css.cjs

@@ -1,9 +1,7 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../themes/vars.css.cjs');
-const require_responsiveStyle = require('./responsiveStyle.cjs');
+const require_vars_css = require("../themes/vars.css.cjs");
+const require_responsiveStyle = require("./responsiveStyle.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
-
 //#region src/lib/css/lineHeightContainer.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/css/lineHeightContainer.css.ts", "braid-design-system");
 const lineHeightContainer = (0, _vanilla_extract_css.styleVariants)(require_vars_css.vars.textSize, ({ mobile, tablet }) => require_responsiveStyle.responsiveStyle({
@@ -11,6 +9,5 @@ const lineHeightContainer = (0, _vanilla_extract_css.styleVariants)(require_vars
 	tablet: { height: tablet.lineHeight }
 }), "lineHeightContainer");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
-exports.lineHeightContainer = lineHeightContainer;
+exports.lineHeightContainer = lineHeightContainer;

package/dist/lib/css/lineHeightContainer.css.mjs

@@ -2,7 +2,6 @@ import { vars } from "../themes/vars.css.mjs";
 import { responsiveStyle } from "./responsiveStyle.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { styleVariants } from "@vanilla-extract/css";
-
 //#region src/lib/css/lineHeightContainer.css.ts
 setFileScope("src/lib/css/lineHeightContainer.css.ts", "braid-design-system");
 const lineHeightContainer = styleVariants(vars.textSize, ({ mobile, tablet }) => responsiveStyle({
@@ -10,6 +9,5 @@ const lineHeightContainer = styleVariants(vars.textSize, ({ mobile, tablet }) =>
 	tablet: { height: tablet.lineHeight }
 }), "lineHeightContainer");
 endFileScope();
-
 //#endregion
-export { lineHeightContainer };
+export { lineHeightContainer };

package/dist/lib/css/negativeMargin/negativeMargin.cjs

@@ -1,9 +1,8 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_resolveResponsiveProp = require('../../utils/resolveResponsiveProp.cjs');
-const require_negativeMargin_css = require('./negativeMargin.css.cjs');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_resolveResponsiveProp = require("../../utils/resolveResponsiveProp.cjs");
+const require_negativeMargin_css = require("./negativeMargin.css.cjs");
 let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-
+clsx = require_runtime.__toESM(clsx, 1);
 //#region src/lib/css/negativeMargin/negativeMargin.ts
 const directionStyles = {
 	top: require_negativeMargin_css.top,
@@ -12,6 +11,5 @@ const directionStyles = {
 	left: require_negativeMargin_css.left
 };
 const negativeMargin = (direction, space) => space ? (0, clsx.default)([direction === "top" || direction === "bottom" ? require_negativeMargin_css.preventCollapsePseudo[direction] : void 0, require_resolveResponsiveProp.resolveResponsiveProp(space, directionStyles[direction].mobile, directionStyles[direction].tablet, directionStyles[direction].desktop, directionStyles[direction].wide)]) : null;
-
 //#endregion
-exports.negativeMargin = negativeMargin;
+exports.negativeMargin = negativeMargin;

package/dist/lib/css/negativeMargin/negativeMargin.css.cjs

@@ -1,10 +1,8 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_atomicProperties = require('../atoms/atomicProperties.cjs');
-const require_responsiveStyle = require('../responsiveStyle.cjs');
+const require_atomicProperties = require("../atoms/atomicProperties.cjs");
+const require_responsiveStyle = require("../responsiveStyle.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
 let _vanilla_extract_css_utils = require("@vanilla-extract/css-utils");
-
 //#region src/lib/css/negativeMargin/negativeMargin.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/css/negativeMargin/negativeMargin.css.ts", "braid-design-system");
 const stylesForBreakpoint = (bp, property, mapToStyle) => (0, _vanilla_extract_css.styleVariants)(require_atomicProperties.space, (value) => {
@@ -48,10 +46,9 @@ const right = {
 	wide: stylesForBreakpoint("wide", "marginRight")
 };
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.bottom = bottom;
 exports.left = left;
 exports.preventCollapsePseudo = preventCollapsePseudo;
 exports.right = right;
-exports.top = top;
+exports.top = top;

package/dist/lib/css/negativeMargin/negativeMargin.css.mjs

@@ -3,7 +3,6 @@ import { responsiveStyle } from "../responsiveStyle.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style, styleVariants } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-
 //#region src/lib/css/negativeMargin/negativeMargin.css.ts
 setFileScope("src/lib/css/negativeMargin/negativeMargin.css.ts", "braid-design-system");
 const stylesForBreakpoint = (bp, property, mapToStyle) => styleVariants(space, (value) => {
@@ -47,6 +46,5 @@ const right = {
 	wide: stylesForBreakpoint("wide", "marginRight")
 };
 endFileScope();
-
 //#endregion
-export { bottom, left, preventCollapsePseudo, right, top };
+export { bottom, left, preventCollapsePseudo, right, top };

package/dist/lib/css/negativeMargin/negativeMargin.mjs

@@ -1,7 +1,6 @@
 import { resolveResponsiveProp } from "../../utils/resolveResponsiveProp.mjs";
 import { bottom, left, preventCollapsePseudo, right, top } from "./negativeMargin.css.mjs";
 import clsx from "clsx";
-
 //#region src/lib/css/negativeMargin/negativeMargin.ts
 const directionStyles = {
 	top,
@@ -10,6 +9,5 @@ const directionStyles = {
 	left
 };
 const negativeMargin = (direction, space) => space ? clsx([direction === "top" || direction === "bottom" ? preventCollapsePseudo[direction] : void 0, resolveResponsiveProp(space, directionStyles[direction].mobile, directionStyles[direction].tablet, directionStyles[direction].desktop, directionStyles[direction].wide)]) : null;
-
 //#endregion
-export { negativeMargin };
+export { negativeMargin };

package/dist/lib/css/outlineStyle.cjs

@@ -1,5 +1,4 @@
-const require_vars_css = require('../themes/vars.css.cjs');
-
+const require_vars_css = require("../themes/vars.css.cjs");
 //#region src/lib/css/outlineStyle.ts
 const outlineTransition = "outline-color .125s ease";
 const resetOutline = `${require_vars_css.vars.focusRingSize} solid transparent`;
@@ -10,7 +9,6 @@ const outlineStyle = (selector) => ({
 	transition: outlineTransition,
 	selectors: { [selector]: { outlineColor: focusOutlineColor } }
 });
-
 //#endregion
 exports.atomicOutlineStyleRule = atomicOutlineStyleRule;
-exports.outlineStyle = outlineStyle;
+exports.outlineStyle = outlineStyle;

package/dist/lib/css/outlineStyle.mjs

@@ -1,5 +1,4 @@
 import { vars } from "../themes/vars.css.mjs";
-
 //#region src/lib/css/outlineStyle.ts
 const outlineTransition = "outline-color .125s ease";
 const resetOutline = `${vars.focusRingSize} solid transparent`;
@@ -10,6 +9,5 @@ const outlineStyle = (selector) => ({
 	transition: outlineTransition,
 	selectors: { [selector]: { outlineColor: focusOutlineColor } }
 });
-
 //#endregion
-export { atomicOutlineStyleRule, outlineStyle };
+export { atomicOutlineStyleRule, outlineStyle };

package/dist/lib/css/reset/reset.css.cjs

@@ -1,8 +1,6 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_outlineStyle = require('../outlineStyle.cjs');
+const require_outlineStyle = require("../outlineStyle.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
-
 //#region src/lib/css/reset/reset.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/css/reset/reset.css.ts", "braid-design-system");
 const base = (0, _vanilla_extract_css.style)({
@@ -50,10 +48,6 @@ const input = (0, _vanilla_extract_css.style)([field, (0, _vanilla_extract_css.s
 	"&::-webkit-search-cancel-button": { WebkitAppearance: "none" }
 } }, "input")], "input");
 const button = (0, _vanilla_extract_css.style)([transparent, focusVisible], "button");
-const a = (0, _vanilla_extract_css.style)([focusVisible, {
-	textDecoration: "none",
-	color: "inherit"
-}], "a");
 const element = {
 	article: block,
 	aside: block,
@@ -71,7 +65,10 @@ const element = {
 	blockquote: quote,
 	q: quote,
 	body,
-	a,
+	a: (0, _vanilla_extract_css.style)([focusVisible, {
+		textDecoration: "none",
+		color: "inherit"
+	}], "a"),
 	table,
 	mark,
 	select,
@@ -80,7 +77,6 @@ const element = {
 	input
 };
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.base = base;
-exports.element = element;
+exports.element = element;

package/dist/lib/css/reset/reset.css.mjs

@@ -1,7 +1,6 @@
 import { atomicOutlineStyleRule } from "../outlineStyle.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-
 //#region src/lib/css/reset/reset.css.ts
 setFileScope("src/lib/css/reset/reset.css.ts", "braid-design-system");
 const base = style({
@@ -49,10 +48,6 @@ const input = style([field, style({ selectors: {
 	"&::-webkit-search-cancel-button": { WebkitAppearance: "none" }
 } }, "input")], "input");
 const button = style([transparent, focusVisible], "button");
-const a = style([focusVisible, {
-	textDecoration: "none",
-	color: "inherit"
-}], "a");
 const element = {
 	article: block,
 	aside: block,
@@ -70,7 +65,10 @@ const element = {
 	blockquote: quote,
 	q: quote,
 	body,
-	a,
+	a: style([focusVisible, {
+		textDecoration: "none",
+		color: "inherit"
+	}], "a"),
 	table,
 	mark,
 	select,
@@ -79,6 +77,5 @@ const element = {
 	input
 };
 endFileScope();
-
 //#endregion
-export { base, element };
+export { base, element };

package/dist/lib/css/reset/resetTracker.cjs

@@ -1,7 +1,6 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 let dedent = require("dedent");
-dedent = require_runtime.__toESM(dedent);
-
+dedent = require_runtime.__toESM(dedent, 1);
 //#region src/lib/css/reset/resetTracker.ts
 let resetImported = false;
 const markResetImported = () => {
@@ -20,7 +19,6 @@ const ensureResetImported = () => {
       import { BraidProvider, Box } from 'braid-design-system';
     `);
 };
-
 //#endregion
 exports.ensureResetImported = ensureResetImported;
-exports.markResetImported = markResetImported;
+exports.markResetImported = markResetImported;

package/dist/lib/css/reset/resetTracker.mjs

@@ -1,5 +1,4 @@
 import dedent from "dedent";
-
 //#region src/lib/css/reset/resetTracker.ts
 let resetImported = false;
 const markResetImported = () => {
@@ -18,6 +17,5 @@ const ensureResetImported = () => {
       import { BraidProvider, Box } from 'braid-design-system';
     `);
 };
-
 //#endregion
-export { ensureResetImported, markResetImported };
+export { ensureResetImported, markResetImported };

package/dist/lib/css/responsiveStyle.cjs

@@ -1,6 +1,5 @@
-const require_breakpoints = require('./breakpoints.cjs');
-const require_mapValues = require('../utils/mapValues.cjs');
-
+const require_breakpoints = require("./breakpoints.cjs");
+const require_mapValues = require("../utils/mapValues.cjs");
 //#region src/lib/css/responsiveStyle.ts
 const { mobile: _, ...breakpointsAboveMobile } = require_breakpoints.breakpoints;
 const breakpointQuery = require_mapValues.mapValues(breakpointsAboveMobile, (bp) => `screen and (min-width: ${bp}px)`);
@@ -18,7 +17,6 @@ const responsiveStyle = ({ mobile, tablet, desktop, wide }) => ({
 		...mediaQuery.wide(wide ?? {})
 	} } : {}
 });
-
 //#endregion
 exports.breakpointQuery = breakpointQuery;
-exports.responsiveStyle = responsiveStyle;
+exports.responsiveStyle = responsiveStyle;

package/dist/lib/css/responsiveStyle.d.cts

@@ -1,5 +1,4 @@
 import { StyleRule } from "@vanilla-extract/css";
-
 //#region src/lib/css/responsiveStyle.d.ts
 type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
 interface ResponsiveStyle {
@@ -8,11 +7,6 @@ interface ResponsiveStyle {
   desktop?: CSSProps;
   wide?: CSSProps;
 }
-declare const responsiveStyle: ({
-  mobile,
-  tablet,
-  desktop,
-  wide
-}: ResponsiveStyle) => StyleRule;
+declare const responsiveStyle: ({ mobile, tablet, desktop, wide }: ResponsiveStyle) => StyleRule;
 //#endregion
 export { responsiveStyle };

package/dist/lib/css/responsiveStyle.d.mts

@@ -1,5 +1,4 @@
 import { StyleRule } from "@vanilla-extract/css";
-
 //#region src/lib/css/responsiveStyle.d.ts
 type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
 interface ResponsiveStyle {
@@ -8,11 +7,6 @@ interface ResponsiveStyle {
   desktop?: CSSProps;
   wide?: CSSProps;
 }
-declare const responsiveStyle: ({
-  mobile,
-  tablet,
-  desktop,
-  wide
-}: ResponsiveStyle) => StyleRule;
+declare const responsiveStyle: ({ mobile, tablet, desktop, wide }: ResponsiveStyle) => StyleRule;
 //#endregion
 export { responsiveStyle };

package/dist/lib/css/responsiveStyle.mjs

@@ -1,6 +1,5 @@
 import { breakpoints } from "./breakpoints.mjs";
 import { mapValues } from "../utils/mapValues.mjs";
-
 //#region src/lib/css/responsiveStyle.ts
 const { mobile: _, ...breakpointsAboveMobile } = breakpoints;
 const breakpointQuery = mapValues(breakpointsAboveMobile, (bp) => `screen and (min-width: ${bp}px)`);
@@ -18,6 +17,5 @@ const responsiveStyle = ({ mobile, tablet, desktop, wide }) => ({
 		...mediaQuery.wide(wide ?? {})
 	} } : {}
 });
-
 //#endregion
-export { breakpointQuery, responsiveStyle };
+export { breakpointQuery, responsiveStyle };

package/dist/lib/css/textAlignedToIcon.css.cjs

@@ -1,10 +1,8 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../themes/vars.css.cjs');
-const require_responsiveStyle = require('./responsiveStyle.cjs');
+const require_vars_css = require("../themes/vars.css.cjs");
+const require_responsiveStyle = require("./responsiveStyle.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
 let _vanilla_extract_css_utils = require("@vanilla-extract/css-utils");
-
 //#region src/lib/css/textAlignedToIcon.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/css/textAlignedToIcon.css.ts", "braid-design-system");
 const calculateForBreakpoint = (breakpoint) => {
@@ -20,6 +18,5 @@ const textAlignedToIcon = { standard: (0, _vanilla_extract_css.style)(require_re
 	tablet: calculateForBreakpoint("tablet")
 }), "textAlignedToIcon_standard") };
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
-exports.textAlignedToIcon = textAlignedToIcon;
+exports.textAlignedToIcon = textAlignedToIcon;

package/dist/lib/css/textAlignedToIcon.css.mjs

@@ -3,7 +3,6 @@ import { responsiveStyle } from "./responsiveStyle.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-
 //#region src/lib/css/textAlignedToIcon.css.ts
 setFileScope("src/lib/css/textAlignedToIcon.css.ts", "braid-design-system");
 const calculateForBreakpoint = (breakpoint) => {
@@ -19,6 +18,5 @@ const textAlignedToIcon = { standard: style(responsiveStyle({
 	tablet: calculateForBreakpoint("tablet")
 }), "textAlignedToIcon_standard") };
 endFileScope();
-
 //#endregion
-export { textAlignedToIcon };
+export { textAlignedToIcon };

package/dist/lib/css/typography.cjs

@@ -1,5 +1,4 @@
-const require_typography_css = require('./typography.css.cjs');
-
+const require_typography_css = require("./typography.css.cjs");
 //#region src/lib/css/typography.ts
 function textStyles({ weight = "regular", size = "standard", tone: tone$1 = "neutral", baseline }) {
 	return [
@@ -9,6 +8,5 @@ function textStyles({ weight = "regular", size = "standard", tone: tone$1 = "neu
 		(baseline ? require_typography_css.textSizeTrimmed : require_typography_css.textSizeUntrimmed)[size]
 	];
 }
-
 //#endregion
-exports.textStyles = textStyles;
+exports.textStyles = textStyles;

package/dist/lib/css/typography.css.cjs

@@ -1,13 +1,11 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../themes/vars.css.cjs');
-const require_colorModeStyle = require('./colorModeStyle.cjs');
-const require_responsiveStyle = require('./responsiveStyle.cjs');
-const require_mapToProperty = require('../utils/mapToProperty.cjs');
+const require_vars_css = require("../themes/vars.css.cjs");
+const require_colorModeStyle = require("./colorModeStyle.cjs");
+const require_responsiveStyle = require("./responsiveStyle.cjs");
+const require_mapToProperty = require("../utils/mapToProperty.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _capsizecss_vanilla_extract = require("@capsizecss/vanilla-extract");
 let _vanilla_extract_css = require("@vanilla-extract/css");
 let _vanilla_extract_css_utils = require("@vanilla-extract/css-utils");
-
 //#region src/lib/css/typography.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/css/typography.css.ts", "braid-design-system");
 const fontFamily = (0, _vanilla_extract_css.style)({ fontFamily: require_vars_css.vars.fontFamily }, "fontFamily");
@@ -111,7 +109,6 @@ const touchableText = (0, _vanilla_extract_css.styleVariants)(require_vars_css.v
 	tablet: makeTouchableSpacing(require_vars_css.vars.touchableSize, textDefinition.tablet.lineHeight)
 }), "touchableText");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.darkModeNeutralOverride = darkModeNeutralOverride;
 exports.darkModeTone = darkModeTone;
@@ -124,4 +121,4 @@ exports.lightModeTone = lightModeTone;
 exports.textSizeTrimmed = textSizeTrimmed;
 exports.textSizeUntrimmed = textSizeUntrimmed;
 exports.tone = tone;
-exports.touchableText = touchableText;
+exports.touchableText = touchableText;

package/dist/lib/css/typography.css.d.cts

@@ -1,3 +1,4 @@
+import "../components/Box/Box.cjs";
 //#region src/lib/css/typography.css.d.ts
 declare const fontWeight: Record<"medium" | "regular" | "strong", string>;
 declare const textSizeUntrimmed: Record<"xsmall" | "small" | "large" | "standard", string>;

package/dist/lib/css/typography.css.d.mts

@@ -1,3 +1,4 @@
+import "../components/Box/Box.mjs";
 //#region src/lib/css/typography.css.d.ts
 declare const fontWeight: Record<"medium" | "regular" | "strong", string>;
 declare const textSizeUntrimmed: Record<"xsmall" | "small" | "large" | "standard", string>;

package/dist/lib/css/typography.css.mjs

@@ -6,7 +6,6 @@ import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { createTextStyle } from "@capsizecss/vanilla-extract";
 import { assignVars, createThemeContract, style, styleVariants } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-
 //#region src/lib/css/typography.css.ts
 setFileScope("src/lib/css/typography.css.ts", "braid-design-system");
 const fontFamily = style({ fontFamily: vars.fontFamily }, "fontFamily");
@@ -110,6 +109,5 @@ const touchableText = styleVariants(vars.textSize, (textDefinition) => responsiv
 	tablet: makeTouchableSpacing(vars.touchableSize, textDefinition.tablet.lineHeight)
 }), "touchableText");
 endFileScope();
-
 //#endregion
-export { darkModeNeutralOverride, darkModeTone, fontFamily, fontWeight, heading, headingWeight, lightModeNeutralOverride, lightModeTone, textSizeTrimmed, textSizeUntrimmed, tone, touchableText };
+export { darkModeNeutralOverride, darkModeTone, fontFamily, fontWeight, heading, headingWeight, lightModeNeutralOverride, lightModeTone, textSizeTrimmed, textSizeUntrimmed, tone, touchableText };

package/dist/lib/css/typography.d.cts

@@ -1,5 +1,4 @@
 import { fontWeight, textSizeUntrimmed, tone as tone$1 } from "./typography.css.cjs";
-
 //#region src/lib/css/typography.d.ts
 interface TextStyleProps {
   weight?: keyof typeof fontWeight;

package/dist/lib/css/typography.d.mts

@@ -1,5 +1,4 @@
 import { fontWeight, textSizeUntrimmed, tone as tone$1 } from "./typography.css.mjs";
-
 //#region src/lib/css/typography.d.ts
 interface TextStyleProps {
   weight?: keyof typeof fontWeight;

package/dist/lib/css/typography.mjs

@@ -1,5 +1,4 @@
 import { fontFamily, fontWeight, textSizeTrimmed, textSizeUntrimmed, tone } from "./typography.css.mjs";
-
 //#region src/lib/css/typography.ts
 function textStyles({ weight = "regular", size = "standard", tone: tone$1 = "neutral", baseline }) {
 	return [
@@ -9,6 +8,5 @@ function textStyles({ weight = "regular", size = "standard", tone: tone$1 = "neu
 		(baseline ? textSizeTrimmed : textSizeUntrimmed)[size]
 	];
 }
-
 //#endregion
-export { textStyles };
+export { textStyles };

package/dist/lib/hooks/useFallbackId.cjs

@@ -1,11 +1,8 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
-
 //#region src/lib/hooks/useFallbackId.ts
 const useFallbackId = (id) => {
 	const fallbackId = (0, react.useId)();
-	return id || fallbackId;
+	return id || `id-${fallbackId}`;
 };
-
 //#endregion
-exports.useFallbackId = useFallbackId;
+exports.useFallbackId = useFallbackId;

package/dist/lib/hooks/useFallbackId.mjs

@@ -1,10 +1,8 @@
 import { useId } from "react";
-
 //#region src/lib/hooks/useFallbackId.ts
 const useFallbackId = (id) => {
 	const fallbackId = useId();
-	return id || fallbackId;
+	return id || `id-${fallbackId}`;
 };
-
 //#endregion
-export { useFallbackId };
+export { useFallbackId };

package/dist/lib/hooks/useIcon/icon.css.cjs

@@ -1,15 +1,13 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../../themes/vars.css.cjs');
-const require_responsiveStyle = require('../../css/responsiveStyle.cjs');
+const require_vars_css = require("../../themes/vars.css.cjs");
+const require_responsiveStyle = require("../../css/responsiveStyle.cjs");
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
-
 //#region src/lib/hooks/useIcon/icon.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/hooks/useIcon/icon.css.ts", "braid-design-system");
 const iconScaleIncrease = .2;
 const size = (0, _vanilla_extract_css.style)({
-	width: `${1 + iconScaleIncrease}em`,
-	height: `${1 + iconScaleIncrease}em`
+	width: `1.2em`,
+	height: `1.2em`
 }, "size");
 const cropToTextSize = (0, _vanilla_extract_css.style)({ margin: `${iconScaleIncrease / 2 * -1}em` }, "cropToTextSize");
 const inlineCrop = (0, _vanilla_extract_css.style)({
@@ -18,18 +16,18 @@ const inlineCrop = (0, _vanilla_extract_css.style)({
 }, "inlineCrop");
 const inline = (0, _vanilla_extract_css.style)({ verticalAlign: "middle" }, "inline");
 const uppercaseNudge = -.105;
-const lowercaseNudge = uppercaseNudge + .04;
+const lowercaseNudge = -.065;
 const verticalCorrection = .06;
 const alignY = {
 	uppercase: (0, _vanilla_extract_css.styleVariants)({
 		none: { top: `${uppercaseNudge}em` },
 		up: { top: `${uppercaseNudge - verticalCorrection}em` },
-		down: { top: `${uppercaseNudge + verticalCorrection}em` }
+		down: { top: `-0.045em` }
 	}, "alignY_uppercase"),
 	lowercase: (0, _vanilla_extract_css.styleVariants)({
 		none: { top: `${lowercaseNudge}em` },
 		up: { top: `${lowercaseNudge - verticalCorrection}em` },
-		down: { top: `${lowercaseNudge + verticalCorrection}em` }
+		down: { top: `-0.0050000000000000044em` }
 	}, "alignY_lowercase")
 };
 const blockWidths = (0, _vanilla_extract_css.styleVariants)(require_vars_css.vars.textSize, ({ mobile, tablet }) => require_responsiveStyle.responsiveStyle({
@@ -37,11 +35,11 @@ const blockWidths = (0, _vanilla_extract_css.styleVariants)(require_vars_css.var
 	tablet: { width: tablet.lineHeight }
 }), "blockWidths");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.alignY = alignY;
 exports.blockWidths = blockWidths;
 exports.cropToTextSize = cropToTextSize;
+exports.iconScaleIncrease = iconScaleIncrease;
 exports.inline = inline;
 exports.inlineCrop = inlineCrop;
-exports.size = size;
+exports.size = size;