braid-design-system 34.3.0 → 34.5.0

package/dist/lib/components/private/Announcement/Announcement.cjs

@@ -1,9 +1,7 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_atoms = require('../../../css/atoms/atoms.cjs');
-const require_HiddenVisually_css = require('../../HiddenVisually/HiddenVisually.css.cjs');
+const require_atoms = require("../../../css/atoms/atoms.cjs");
+const require_HiddenVisually_css = require("../../HiddenVisually/HiddenVisually.css.cjs");
 let react = require("react");
 let react_dom = require("react-dom");
-
 //#region src/lib/components/private/Announcement/Announcement.tsx
 let announcementCounter = 0;
 const containerPrefix = "braid-announcement-container";
@@ -31,6 +29,6 @@ const Announcement = ({ children }) => {
 	if (!announcementElement) return null;
 	return (0, react_dom.createPortal)(children, announcementElement);
 };
-
 //#endregion
-exports.Announcement = Announcement;
+exports.Announcement = Announcement;
+exports.containerPrefix = containerPrefix;

package/dist/lib/components/private/Announcement/Announcement.mjs

@@ -2,7 +2,6 @@ import { atoms } from "../../../css/atoms/atoms.mjs";
 import { root } from "../../HiddenVisually/HiddenVisually.css.mjs";
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
-
 //#region src/lib/components/private/Announcement/Announcement.tsx
 let announcementCounter = 0;
 const containerPrefix = "braid-announcement-container";
@@ -30,6 +29,5 @@ const Announcement = ({ children }) => {
 	if (!announcementElement) return null;
 	return createPortal(children, announcementElement);
 };
-
 //#endregion
-export { Announcement };
+export { Announcement, containerPrefix };

package/dist/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.cjs

@@ -1,9 +1,7 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_Box = require('../../Box/Box.cjs');
-const require_iconSlotSpace = require('../iconSlotSpace.cjs');
-const require_AvoidWidowIcon_css = require('./AvoidWidowIcon.css.cjs');
+const require_Box = require("../../Box/Box.cjs");
+const require_iconSlotSpace = require("../iconSlotSpace.cjs");
+const require_AvoidWidowIcon_css = require("./AvoidWidowIcon.css.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.tsx
 const AvoidWidowIcon = ({ children, iconPosition, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
 	component: "span",
@@ -17,6 +15,5 @@ const AvoidWidowIcon = ({ children, iconPosition, className }) => /* @__PURE__ *
 		iconPosition === "trailing" ? children : void 0
 	]
 });
-
 //#endregion
-exports.AvoidWidowIcon = AvoidWidowIcon;
+exports.AvoidWidowIcon = AvoidWidowIcon;

package/dist/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.cjs

@@ -1,11 +1,8 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
 let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
 let _vanilla_extract_css = require("@vanilla-extract/css");
-
 //#region src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.ts", "braid-design-system");
 const nowrap = (0, _vanilla_extract_css.style)({ whiteSpace: "nowrap" }, "nowrap");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
-exports.nowrap = nowrap;
+exports.nowrap = nowrap;

package/dist/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.mjs

@@ -1,10 +1,8 @@
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-
 //#region src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.ts
 setFileScope("src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.ts", "braid-design-system");
 const nowrap = style({ whiteSpace: "nowrap" }, "nowrap");
 endFileScope();
-
 //#endregion
-export { nowrap };
+export { nowrap };

package/dist/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.mjs

@@ -2,7 +2,6 @@ import { Box } from "../../Box/Box.mjs";
 import { iconSlotSpace } from "../iconSlotSpace.mjs";
 import { nowrap } from "./AvoidWidowIcon.css.mjs";
 import { jsxs } from "react/jsx-runtime";
-
 //#region src/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.tsx
 const AvoidWidowIcon = ({ children, iconPosition, className }) => /* @__PURE__ */ jsxs(Box, {
 	component: "span",
@@ -16,6 +15,5 @@ const AvoidWidowIcon = ({ children, iconPosition, className }) => /* @__PURE__ *
 		iconPosition === "trailing" ? children : void 0
 	]
 });
-
 //#endregion
-export { AvoidWidowIcon };
+export { AvoidWidowIcon };

package/dist/lib/components/private/Field/ClearField.cjs

@@ -1,10 +1,8 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_Box = require('../../Box/Box.cjs');
-const require_IconClear = require('../../icons/IconClear/IconClear.cjs');
-const require_FieldButtonIcon = require('../FieldButtonIcon/FieldButtonIcon.cjs');
+const require_Box = require("../../Box/Box.cjs");
+const require_IconClear = require("../../icons/IconClear/IconClear.cjs");
+const require_FieldButtonIcon = require("../FieldButtonIcon/FieldButtonIcon.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/Field/ClearField.tsx
 const ClearField = ({ hide = false, onClear, label = "Clear", inputRef }) => {
 	const clearHandler = (0, react.useCallback)((event) => {
@@ -29,6 +27,5 @@ const ClearField = ({ hide = false, onClear, label = "Clear", inputRef }) => {
 		})
 	});
 };
-
 //#endregion
-exports.ClearField = ClearField;
+exports.ClearField = ClearField;

package/dist/lib/components/private/Field/ClearField.mjs

@@ -3,7 +3,6 @@ import { IconClear } from "../../icons/IconClear/IconClear.mjs";
 import { FieldButtonIcon } from "../FieldButtonIcon/FieldButtonIcon.mjs";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/lib/components/private/Field/ClearField.tsx
 const ClearField = ({ hide = false, onClear, label = "Clear", inputRef }) => {
 	const clearHandler = useCallback((event) => {
@@ -28,6 +27,5 @@ const ClearField = ({ hide = false, onClear, label = "Clear", inputRef }) => {
 		})
 	});
 };
-
 //#endregion
-export { ClearField };
+export { ClearField };

package/dist/lib/components/private/Field/Field.cjs

@@ -1,28 +1,27 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_typography_css = require('../../../css/typography.css.cjs');
-const require_BackgroundContext = require('../../Box/BackgroundContext.cjs');
-const require_buildDataAttributes = require('../buildDataAttributes.cjs');
-const require_Box = require('../../Box/Box.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-const require_useFallbackId = require('../../../hooks/useFallbackId.cjs');
-const require_typography = require('../../../css/typography.cjs');
-const require_Text = require('../../Text/Text.cjs');
-const require_FieldOverlay = require('../FieldOverlay/FieldOverlay.cjs');
-const require_FieldLabel = require('../../FieldLabel/FieldLabel.cjs');
-const require_FieldMessage = require('../../FieldMessage/FieldMessage.cjs');
-const require_mergeIds = require('../mergeIds.cjs');
-const require_validateTabIndex = require('../validateTabIndex.cjs');
-const require_fieldPaddingX = require('./fieldPaddingX.cjs');
-const require_Field_css = require('./Field.css.cjs');
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_typography_css = require("../../../css/typography.css.cjs");
+const require_BackgroundContext = require("../../Box/BackgroundContext.cjs");
+const require_buildDataAttributes = require("../buildDataAttributes.cjs");
+const require_Box = require("../../Box/Box.cjs");
+const require_Stack = require("../../Stack/Stack.cjs");
+const require_useFallbackId = require("../../../hooks/useFallbackId.cjs");
+const require_typography = require("../../../css/typography.cjs");
+const require_Text = require("../../Text/Text.cjs");
+const require_FieldOverlay = require("../FieldOverlay/FieldOverlay.cjs");
+const require_FieldLabel = require("../../FieldLabel/FieldLabel.cjs");
+const require_FieldMessage = require("../../FieldMessage/FieldMessage.cjs");
+const require_mergeIds = require("../mergeIds.cjs");
+const require_validateTabIndex = require("../validateTabIndex.cjs");
+const require_fieldPaddingX = require("./fieldPaddingX.cjs");
+const require_Field_css = require("./Field.css.cjs");
 let assert = require("assert");
-assert = require_runtime.__toESM(assert);
+assert = require_runtime.__toESM(assert, 1);
 let dedent = require("dedent");
-dedent = require_runtime.__toESM(dedent);
+dedent = require_runtime.__toESM(dedent, 1);
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-
+clsx = require_runtime.__toESM(clsx, 1);
 //#region src/lib/components/private/Field/Field.tsx
 const Field = ({ id, value, name, disabled, autoComplete, children, description, message, secondaryMessage, reserveMessageSpace = false, tone, "aria-describedby": ariaDescribedBy, data, secondaryIcon, alwaysShowSecondaryIcon = false, autoFocus, icon, prefix, required, tabIndex, componentName, ...restProps }) => {
 	(0, assert.default)(prefix === void 0 || typeof prefix === "string", "Prefix must be a string");
@@ -163,6 +162,5 @@ const Field = ({ id, value, name, disabled, autoComplete, children, description,
 		})]
 	});
 };
-
 //#endregion
-exports.Field = Field;
+exports.Field = Field;

package/dist/lib/components/private/Field/Field.css.cjs

@@ -1,17 +1,14 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../../../themes/vars.css.cjs');
-const require_colorModeStyle = require('../../../css/colorModeStyle.cjs');
+const require_vars_css = require("../../../themes/vars.css.cjs");
+const require_colorModeStyle = require("../../../css/colorModeStyle.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/components/private/Field/Field.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/private/Field/Field.css.ts", "braid-design-system");
 const field = (0, _vanilla_extract_css.style)({}, "field");
 const placeholderColor = (0, _vanilla_extract_css.style)({ "::placeholder": { color: require_vars_css.vars.foregroundColor.secondary } }, "placeholderColor");
 const secondaryIconSpace = (0, _vanilla_extract_css.style)({ paddingRight: require_vars_css.vars.touchableSize }, "secondaryIconSpace");
-const textLeftOffset = "2px";
-const iconSpace = (0, _vanilla_extract_css.style)({ paddingLeft: _vanilla_extract_css_utils.calc.subtract(require_vars_css.vars.touchableSize, textLeftOffset) }, "iconSpace");
+const iconSpace = (0, _vanilla_extract_css.style)({ paddingLeft: _vanilla_extract_css_utils.calc.subtract(require_vars_css.vars.touchableSize, "2px") }, "iconSpace");
 const hideBorderOnDarkBackgroundInLightMode = (0, _vanilla_extract_css.style)(require_colorModeStyle.colorModeStyle({ lightMode: { opacity: 0 } }), "hideBorderOnDarkBackgroundInLightMode");
 const hoverOverlay = (0, _vanilla_extract_css.style)({ selectors: { [`${field}:hover:not(:disabled) ~ &, ${field}:focus ~ &`]: { opacity: 1 } } }, "hoverOverlay");
 const verticalDivider = (0, _vanilla_extract_css.style)({
@@ -20,7 +17,6 @@ const verticalDivider = (0, _vanilla_extract_css.style)({
 	opacity: .4
 }, "verticalDivider");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.field = field;
 exports.hideBorderOnDarkBackgroundInLightMode = hideBorderOnDarkBackgroundInLightMode;
@@ -28,4 +24,4 @@ exports.hoverOverlay = hoverOverlay;
 exports.iconSpace = iconSpace;
 exports.placeholderColor = placeholderColor;
 exports.secondaryIconSpace = secondaryIconSpace;
-exports.verticalDivider = verticalDivider;
+exports.verticalDivider = verticalDivider;

package/dist/lib/components/private/Field/Field.css.mjs

@@ -3,14 +3,12 @@ import { colorModeStyle } from "../../../css/colorModeStyle.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/components/private/Field/Field.css.ts
 setFileScope("src/lib/components/private/Field/Field.css.ts", "braid-design-system");
 const field = style({}, "field");
 const placeholderColor = style({ "::placeholder": { color: vars.foregroundColor.secondary } }, "placeholderColor");
 const secondaryIconSpace = style({ paddingRight: vars.touchableSize }, "secondaryIconSpace");
-const textLeftOffset = "2px";
-const iconSpace = style({ paddingLeft: calc.subtract(vars.touchableSize, textLeftOffset) }, "iconSpace");
+const iconSpace = style({ paddingLeft: calc.subtract(vars.touchableSize, "2px") }, "iconSpace");
 const hideBorderOnDarkBackgroundInLightMode = style(colorModeStyle({ lightMode: { opacity: 0 } }), "hideBorderOnDarkBackgroundInLightMode");
 const hoverOverlay = style({ selectors: { [`${field}:hover:not(:disabled) ~ &, ${field}:focus ~ &`]: { opacity: 1 } } }, "hoverOverlay");
 const verticalDivider = style({
@@ -19,6 +17,5 @@ const verticalDivider = style({
 	opacity: .4
 }, "verticalDivider");
 endFileScope();
-
 //#endregion
-export { field, hideBorderOnDarkBackgroundInLightMode, hoverOverlay, iconSpace, placeholderColor, secondaryIconSpace, verticalDivider };
+export { field, hideBorderOnDarkBackgroundInLightMode, hoverOverlay, iconSpace, placeholderColor, secondaryIconSpace, verticalDivider };

package/dist/lib/components/private/Field/Field.d.cts

@@ -1,8 +1,8 @@
 import { DataAttributeMap } from "../buildDataAttributes.cjs";
+import "../../Box/Box.cjs";
 import { FieldLabelProps } from "../../FieldLabel/FieldLabel.cjs";
 import { FieldMessageProps } from "../../FieldMessage/FieldMessage.cjs";
 import { AllHTMLAttributes, ReactNode } from "react";
-
 //#region src/lib/components/private/Field/Field.d.ts
 type FormElementProps = AllHTMLAttributes<HTMLFormElement>;
 type FieldLabelVariant = {

package/dist/lib/components/private/Field/Field.d.mts

@@ -1,8 +1,8 @@
 import { DataAttributeMap } from "../buildDataAttributes.mjs";
+import "../../Box/Box.mjs";
 import { FieldLabelProps } from "../../FieldLabel/FieldLabel.mjs";
 import { FieldMessageProps } from "../../FieldMessage/FieldMessage.mjs";
 import { AllHTMLAttributes, ReactNode } from "react";
-
 //#region src/lib/components/private/Field/Field.d.ts
 type FormElementProps = AllHTMLAttributes<HTMLFormElement>;
 type FieldLabelVariant = {

package/dist/lib/components/private/Field/Field.mjs

@@ -18,7 +18,6 @@ import dedent from "dedent";
 import { Fragment, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-
 //#region src/lib/components/private/Field/Field.tsx
 const Field = ({ id, value, name, disabled, autoComplete, children, description, message, secondaryMessage, reserveMessageSpace = false, tone, "aria-describedby": ariaDescribedBy, data, secondaryIcon, alwaysShowSecondaryIcon = false, autoFocus, icon, prefix, required, tabIndex, componentName, ...restProps }) => {
 	assert(prefix === void 0 || typeof prefix === "string", "Prefix must be a string");
@@ -159,6 +158,5 @@ const Field = ({ id, value, name, disabled, autoComplete, children, description,
 		})]
 	});
 };
-
 //#endregion
-export { Field };
+export { Field };

package/dist/lib/components/private/Field/fieldPaddingX.cjs

@@ -1,6 +1,4 @@
-
 //#region src/lib/components/private/Field/fieldPaddingX.ts
 const fieldPaddingX = "small";
-
 //#endregion
-exports.fieldPaddingX = fieldPaddingX;
+exports.fieldPaddingX = fieldPaddingX;

package/dist/lib/components/private/Field/fieldPaddingX.mjs

@@ -1,5 +1,4 @@
 //#region src/lib/components/private/Field/fieldPaddingX.ts
 const fieldPaddingX = "small";
-
 //#endregion
-export { fieldPaddingX };
+export { fieldPaddingX };

package/dist/lib/components/private/Field/getCharacterLimitStatus.cjs

@@ -1,7 +1,5 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_Text = require('../../Text/Text.cjs');
+const require_Text = require("../../Text/Text.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/Field/getCharacterLimitStatus.tsx
 const getCharacterLimitStatus = ({ characterLimit, value }) => {
 	const inputLength = String(value).length;
@@ -13,6 +11,5 @@ const getCharacterLimitStatus = ({ characterLimit, value }) => {
 		children: diff
 	});
 };
-
 //#endregion
-exports.getCharacterLimitStatus = getCharacterLimitStatus;
+exports.getCharacterLimitStatus = getCharacterLimitStatus;

package/dist/lib/components/private/Field/getCharacterLimitStatus.mjs

@@ -1,6 +1,5 @@
 import { Text } from "../../Text/Text.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/lib/components/private/Field/getCharacterLimitStatus.tsx
 const getCharacterLimitStatus = ({ characterLimit, value }) => {
 	const inputLength = String(value).length;
@@ -12,6 +11,5 @@ const getCharacterLimitStatus = ({ characterLimit, value }) => {
 		children: diff
 	});
 };
-
 //#endregion
-export { getCharacterLimitStatus };
+export { getCharacterLimitStatus };

package/dist/lib/components/private/FieldButtonIcon/FieldButtonIcon.cjs

@@ -1,8 +1,6 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_ButtonIcon = require('../../ButtonIcon/ButtonIcon.cjs');
+const require_ButtonIcon = require("../../ButtonIcon/ButtonIcon.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/FieldButtonIcon/FieldButtonIcon.tsx
 const FieldButtonIcon = (0, react.forwardRef)(({ label, onClick, onMouseDown, icon, ...restProps }, forwardedRef) => {
 	const handleMouseDown = (0, react.useCallback)((event) => {
@@ -22,6 +20,5 @@ const FieldButtonIcon = (0, react.forwardRef)(({ label, onClick, onMouseDown, ic
 		...restProps
 	});
 });
-
 //#endregion
-exports.FieldButtonIcon = FieldButtonIcon;
+exports.FieldButtonIcon = FieldButtonIcon;

package/dist/lib/components/private/FieldButtonIcon/FieldButtonIcon.mjs

@@ -1,7 +1,6 @@
 import { ButtonIcon } from "../../ButtonIcon/ButtonIcon.mjs";
 import { cloneElement, forwardRef, useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/lib/components/private/FieldButtonIcon/FieldButtonIcon.tsx
 const FieldButtonIcon = forwardRef(({ label, onClick, onMouseDown, icon, ...restProps }, forwardedRef) => {
 	const handleMouseDown = useCallback((event) => {
@@ -21,6 +20,5 @@ const FieldButtonIcon = forwardRef(({ label, onClick, onMouseDown, icon, ...rest
 		...restProps
 	});
 });
-
 //#endregion
-export { FieldButtonIcon };
+export { FieldButtonIcon };

package/dist/lib/components/private/FieldGroup/FieldGroup.cjs

@@ -1,17 +1,16 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_buildDataAttributes = require('../buildDataAttributes.cjs');
-const require_Box = require('../../Box/Box.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-const require_useFallbackId = require('../../../hooks/useFallbackId.cjs');
-const require_FieldLabel = require('../../FieldLabel/FieldLabel.cjs');
-const require_FieldMessage = require('../../FieldMessage/FieldMessage.cjs');
-const require_mergeIds = require('../mergeIds.cjs');
-const require_validateTabIndex = require('../validateTabIndex.cjs');
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_buildDataAttributes = require("../buildDataAttributes.cjs");
+const require_Box = require("../../Box/Box.cjs");
+const require_Stack = require("../../Stack/Stack.cjs");
+const require_useFallbackId = require("../../../hooks/useFallbackId.cjs");
+const require_FieldLabel = require("../../FieldLabel/FieldLabel.cjs");
+const require_FieldMessage = require("../../FieldMessage/FieldMessage.cjs");
+const require_mergeIds = require("../mergeIds.cjs");
+const require_validateTabIndex = require("../validateTabIndex.cjs");
 let dedent = require("dedent");
-dedent = require_runtime.__toESM(dedent);
+dedent = require_runtime.__toESM(dedent, 1);
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/FieldGroup/FieldGroup.tsx
 const FieldGroup = ({ id, disabled, children, secondaryLabel, tertiaryLabel, description, message, reserveMessageSpace = false, messageSpace = "xsmall", tone, required, role, tabIndex, data, componentName, ...restProps }) => {
 	const resolvedId = require_useFallbackId.useFallbackId(id);
@@ -75,6 +74,5 @@ const FieldGroup = ({ id, disabled, children, secondaryLabel, tertiaryLabel, des
 		})
 	});
 };
-
 //#endregion
-exports.FieldGroup = FieldGroup;
+exports.FieldGroup = FieldGroup;

package/dist/lib/components/private/FieldGroup/FieldGroup.d.cts

@@ -1,8 +1,9 @@
+import "../ReactNodeNoStrings.cjs";
 import { DataAttributeMap } from "../buildDataAttributes.cjs";
 import { FieldLabelProps } from "../../FieldLabel/FieldLabel.cjs";
 import { FieldMessageProps } from "../../FieldMessage/FieldMessage.cjs";
+import "../../Stack/Stack.cjs";
 import { AllHTMLAttributes } from "react";
-
 //#region src/lib/components/private/FieldGroup/FieldGroup.d.ts
 type FormElementProps = AllHTMLAttributes<HTMLFormElement>;
 type FieldLabelVariant = {

package/dist/lib/components/private/FieldGroup/FieldGroup.d.mts

@@ -1,8 +1,9 @@
+import "../ReactNodeNoStrings.mjs";
 import { DataAttributeMap } from "../buildDataAttributes.mjs";
 import { FieldLabelProps } from "../../FieldLabel/FieldLabel.mjs";
 import { FieldMessageProps } from "../../FieldMessage/FieldMessage.mjs";
+import "../../Stack/Stack.mjs";
 import { AllHTMLAttributes } from "react";
-
 //#region src/lib/components/private/FieldGroup/FieldGroup.d.ts
 type FormElementProps = AllHTMLAttributes<HTMLFormElement>;
 type FieldLabelVariant = {

package/dist/lib/components/private/FieldGroup/FieldGroup.mjs

@@ -9,7 +9,6 @@ import { validateTabIndex } from "../validateTabIndex.mjs";
 import dedent from "dedent";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/lib/components/private/FieldGroup/FieldGroup.tsx
 const FieldGroup = ({ id, disabled, children, secondaryLabel, tertiaryLabel, description, message, reserveMessageSpace = false, messageSpace = "xsmall", tone, required, role, tabIndex, data, componentName, ...restProps }) => {
 	const resolvedId = useFallbackId(id);
@@ -73,6 +72,5 @@ const FieldGroup = ({ id, disabled, children, secondaryLabel, tertiaryLabel, des
 		})
 	});
 };
-
 //#endregion
-export { FieldGroup };
+export { FieldGroup };

package/dist/lib/components/private/FieldOverlay/FieldOverlay.cjs

@@ -1,7 +1,5 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_Overlay = require('../Overlay/Overlay.cjs');
+const require_Overlay = require("../Overlay/Overlay.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/FieldOverlay/FieldOverlay.tsx
 const boxShadowForVariant = {
 	default: "borderField",
@@ -16,6 +14,5 @@ const FieldOverlay = ({ variant, ...restProps }) => /* @__PURE__ */ (0, react_js
 	transition: "fast",
 	...restProps
 });
-
 //#endregion
-exports.FieldOverlay = FieldOverlay;
+exports.FieldOverlay = FieldOverlay;

package/dist/lib/components/private/FieldOverlay/FieldOverlay.mjs

@@ -1,6 +1,5 @@
 import { Overlay } from "../Overlay/Overlay.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/lib/components/private/FieldOverlay/FieldOverlay.tsx
 const boxShadowForVariant = {
 	default: "borderField",
@@ -15,6 +14,5 @@ const FieldOverlay = ({ variant, ...restProps }) => /* @__PURE__ */ jsx(Overlay,
 	transition: "fast",
 	...restProps
 });
-
 //#endregion
-export { FieldOverlay };
+export { FieldOverlay };

package/dist/lib/components/private/InlineField/InlineField.cjs

@@ -1,16 +1,14 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_Box = require('../../Box/Box.cjs');
-const require_useFallbackId = require('../../../hooks/useFallbackId.cjs');
-const require_Text = require('../../Text/Text.cjs');
-const require_badgeSlotSpace = require('../badgeSlotSpace.cjs');
-const require_virtualTouchable_css = require('../touchable/virtualTouchable.css.cjs');
-const require_FieldMessage = require('../../FieldMessage/FieldMessage.cjs');
-const require_mergeIds = require('../mergeIds.cjs');
-const require_InlineField_css = require('./InlineField.css.cjs');
-const require_StyledInput = require('./StyledInput.cjs');
+const require_Box = require("../../Box/Box.cjs");
+const require_useFallbackId = require("../../../hooks/useFallbackId.cjs");
+const require_Text = require("../../Text/Text.cjs");
+const require_badgeSlotSpace = require("../badgeSlotSpace.cjs");
+const require_virtualTouchable_css = require("../touchable/virtualTouchable.css.cjs");
+const require_FieldMessage = require("../../FieldMessage/FieldMessage.cjs");
+const require_mergeIds = require("../mergeIds.cjs");
+const require_InlineField_css = require("./InlineField.css.cjs");
+const require_StyledInput = require("./StyledInput.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/private/InlineField/InlineField.tsx
 const InlineField = (0, react.forwardRef)(({ id, name, value, checked, data, onChange, label, type, children: children$1, description, badge, message, reserveMessageSpace = false, tone = "neutral", disabled = false, required, inList = false, tabIndex, size = "standard", "aria-describedby": ariaDescribedBy, ...restProps }, forwardedRef) => {
 	const resolvedId = require_useFallbackId.useFallbackId(id);
@@ -97,6 +95,5 @@ const InlineField = (0, react.forwardRef)(({ id, name, value, checked, data, onC
 		}) : null]
 	});
 });
-
 //#endregion
-exports.InlineField = InlineField;
+exports.InlineField = InlineField;

package/dist/lib/components/private/InlineField/InlineField.css.cjs

@@ -1,14 +1,12 @@
-const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../../../themes/vars.css.cjs');
-const require_outlineStyle = require('../../../css/outlineStyle.cjs');
-const require_colorModeStyle = require('../../../css/colorModeStyle.cjs');
-const require_responsiveStyle = require('../../../css/responsiveStyle.cjs');
-const require_debugTouchable = require('../touchable/debugTouchable.cjs');
-const require_hitArea = require('../touchable/hitArea.cjs');
+const require_vars_css = require("../../../themes/vars.css.cjs");
+const require_outlineStyle = require("../../../css/outlineStyle.cjs");
+const require_colorModeStyle = require("../../../css/colorModeStyle.cjs");
+const require_responsiveStyle = require("../../../css/responsiveStyle.cjs");
+const require_debugTouchable = require("../touchable/debugTouchable.cjs");
+const require_hitArea = require("../touchable/hitArea.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/components/private/InlineField/InlineField.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/private/InlineField/InlineField.css.ts", "braid-design-system");
 const sizes = {
@@ -53,18 +51,15 @@ const disabledRadioIndicator = (0, _vanilla_extract_css.style)([{ opacity: .3 },
 	lightMode: { backgroundColor: require_vars_css.vars.foregroundColor.secondary },
 	darkMode: { backgroundColor: require_vars_css.vars.foregroundColor.secondaryInverted }
 })], "disabledRadioIndicator");
-const checkboxScale = (0, _vanilla_extract_css.style)({
+const checkboxIndicator = [indicator, (0, _vanilla_extract_css.style)({
 	transform: "scale(0.85)",
 	selectors: { [`${realField}:active + ${fakeField} > * > &`]: { transform: "scale(0.75)" } }
-}, "checkboxScale");
-const checkboxIndicator = [indicator, checkboxScale];
-const radioScale = (0, _vanilla_extract_css.style)({
+}, "checkboxScale")];
+const radioIndicator = [indicator, (0, _vanilla_extract_css.style)({
 	transform: "scale(0.6)",
 	selectors: { [`${realField}:active + ${fakeField} > * > &`]: { transform: "scale(0.5)" } }
-}, "radioScale");
-const radioIndicator = [indicator, radioScale];
+}, "radioScale")];
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.checkboxIndicator = checkboxIndicator;
 exports.children = children;
@@ -72,9 +67,10 @@ exports.disabledRadioIndicator = disabledRadioIndicator;
 exports.fakeField = fakeField;
 exports.hideBorderOnDarkBackgroundInLightMode = hideBorderOnDarkBackgroundInLightMode;
 exports.hoverOverlay = hoverOverlay;
+exports.indicator = indicator;
 exports.isMixed = isMixed;
 exports.labelOffset = labelOffset;
 exports.radioIndicator = radioIndicator;
 exports.realField = realField;
 exports.selected = selected;
-exports.sizeVars = sizeVars;
+exports.sizeVars = sizeVars;

package/dist/lib/components/private/InlineField/InlineField.css.mjs

@@ -7,7 +7,6 @@ import { hitArea } from "../touchable/hitArea.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { createVar, style, styleVariants } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-
 //#region src/lib/components/private/InlineField/InlineField.css.ts
 setFileScope("src/lib/components/private/InlineField/InlineField.css.ts", "braid-design-system");
 const sizes = {
@@ -52,17 +51,14 @@ const disabledRadioIndicator = style([{ opacity: .3 }, colorModeStyle({
 	lightMode: { backgroundColor: vars.foregroundColor.secondary },
 	darkMode: { backgroundColor: vars.foregroundColor.secondaryInverted }
 })], "disabledRadioIndicator");
-const checkboxScale = style({
+const checkboxIndicator = [indicator, style({
 	transform: "scale(0.85)",
 	selectors: { [`${realField}:active + ${fakeField} > * > &`]: { transform: "scale(0.75)" } }
-}, "checkboxScale");
-const checkboxIndicator = [indicator, checkboxScale];
-const radioScale = style({
+}, "checkboxScale")];
+const radioIndicator = [indicator, style({
 	transform: "scale(0.6)",
 	selectors: { [`${realField}:active + ${fakeField} > * > &`]: { transform: "scale(0.5)" } }
-}, "radioScale");
-const radioIndicator = [indicator, radioScale];
+}, "radioScale")];
 endFileScope();
-
 //#endregion
-export { checkboxIndicator, children, disabledRadioIndicator, fakeField, hideBorderOnDarkBackgroundInLightMode, hoverOverlay, isMixed, labelOffset, radioIndicator, realField, selected, sizeVars };
+export { checkboxIndicator, children, disabledRadioIndicator, fakeField, hideBorderOnDarkBackgroundInLightMode, hoverOverlay, indicator, isMixed, labelOffset, radioIndicator, realField, selected, sizeVars };