braid-design-system 34.4.0 → 34.5.0

package/dist/lib/components/private/touchable/virtualTouchable.css.mjs

@@ -2,7 +2,6 @@ import { debugTouchable } from "./debugTouchable.mjs";
 import { virtualTouchableRules } from "./virtualTouchableRules.mjs";
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-
 //#region src/lib/components/private/touchable/virtualTouchable.css.ts
 setFileScope("src/lib/components/private/touchable/virtualTouchable.css.ts", "braid-design-system");
 const virtualTouchable = style([{
@@ -14,6 +13,5 @@ const virtualTouchable = style([{
 	}
 }, debugTouchable({ after: true })], "virtualTouchable");
 endFileScope();
-
 //#endregion
-export { virtualTouchable };
+export { virtualTouchable };

package/dist/lib/components/private/touchable/virtualTouchableRules.cjs

@@ -1,5 +1,4 @@
-const require_hitArea = require('./hitArea.cjs');
-
+const require_hitArea = require("./hitArea.cjs");
 //#region src/lib/components/private/touchable/virtualTouchableRules.ts
 const virtualTouchableRules = {
 	minHeight: require_hitArea.hitArea,
@@ -10,6 +9,5 @@ const virtualTouchableRules = {
 	top: "50%",
 	left: "50%"
 };
-
 //#endregion
-exports.virtualTouchableRules = virtualTouchableRules;
+exports.virtualTouchableRules = virtualTouchableRules;

package/dist/lib/components/private/touchable/virtualTouchableRules.mjs

@@ -1,5 +1,4 @@
 import { hitArea } from "./hitArea.mjs";
-
 //#region src/lib/components/private/touchable/virtualTouchableRules.ts
 const virtualTouchableRules = {
 	minHeight: hitArea,
@@ -10,6 +9,5 @@ const virtualTouchableRules = {
 	top: "50%",
 	left: "50%"
 };
-
 //#endregion
-export { virtualTouchableRules };
+export { virtualTouchableRules };

package/dist/lib/components/private/validateTabIndex.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/components/private/validateTabIndex.ts
 const validTabIndexes = [0, -1];
 const validateTabIndex = (tabIndex) => {
@@ -14,7 +13,6 @@ const validateTabIndex = (tabIndex) => {
       Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex#:~:text=only%20use%200%20and%20%2D1%20as%20tabindex%20values
     `);
 };
-
 //#endregion
 exports.validTabIndexes = validTabIndexes;
-exports.validateTabIndex = validateTabIndex;
+exports.validateTabIndex = validateTabIndex;

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

@@ -1,5 +1,4 @@
 import dedent from "dedent";
-
 //#region src/lib/components/private/validateTabIndex.ts
 const validTabIndexes = [0, -1];
 const validateTabIndex = (tabIndex) => {
@@ -12,6 +11,5 @@ const validateTabIndex = (tabIndex) => {
       Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex#:~:text=only%20use%200%20and%20%2D1%20as%20tabindex%20values
     `);
 };
-
 //#endregion
-export { validTabIndexes, validateTabIndex };
+export { validTabIndexes, validateTabIndex };

package/dist/lib/components/useColor/useColor.cjs

@@ -1,5 +1,4 @@
-const require_BraidThemeContext = require('../BraidProvider/BraidThemeContext.cjs');
-
+const require_BraidThemeContext = require("../BraidProvider/BraidThemeContext.cjs");
 //#region src/lib/components/useColor/useColor.ts
 const useColor = () => {
 	const { foreground, background: { surfaceDark: _, bodyDark: __, ...background } } = require_BraidThemeContext.useBraidTheme().color;
@@ -8,6 +7,5 @@ const useColor = () => {
 		background
 	};
 };
-
 //#endregion
-exports.useColor = useColor;
+exports.useColor = useColor;

package/dist/lib/components/useColor/useColor.mjs

@@ -1,5 +1,4 @@
 import { useBraidTheme } from "../BraidProvider/BraidThemeContext.mjs";
-
 //#region src/lib/components/useColor/useColor.ts
 const useColor = () => {
 	const { foreground, background: { surfaceDark: _, bodyDark: __, ...background } } = useBraidTheme().color;
@@ -8,6 +7,5 @@ const useColor = () => {
 		background
 	};
 };
-
 //#endregion
-export { useColor };
+export { useColor };

package/dist/lib/components/useResponsiveValue/resolveResponsiveObject.cjs

@@ -1,5 +1,4 @@
-const require_breakpoints = require('../../css/breakpoints.cjs');
-
+const require_breakpoints = require("../../css/breakpoints.cjs");
 //#region src/lib/components/useResponsiveValue/resolveResponsiveObject.ts
 function resolveResponsiveObject(breakpointName, value) {
 	let resolvedValue = null;
@@ -10,6 +9,5 @@ function resolveResponsiveObject(breakpointName, value) {
 	}
 	return resolvedValue;
 }
-
 //#endregion
-exports.resolveResponsiveObject = resolveResponsiveObject;
+exports.resolveResponsiveObject = resolveResponsiveObject;

package/dist/lib/components/useResponsiveValue/resolveResponsiveObject.mjs

@@ -1,5 +1,4 @@
 import { breakpointNames } from "../../css/breakpoints.mjs";
-
 //#region src/lib/components/useResponsiveValue/resolveResponsiveObject.ts
 function resolveResponsiveObject(breakpointName, value) {
 	let resolvedValue = null;
@@ -10,6 +9,5 @@ function resolveResponsiveObject(breakpointName, value) {
 	}
 	return resolvedValue;
 }
-
 //#endregion
-export { resolveResponsiveObject };
+export { resolveResponsiveObject };

package/dist/lib/components/useResponsiveValue/useResponsiveValue.cjs

@@ -1,8 +1,6 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_BreakpointContext = require('../BraidProvider/BreakpointContext.cjs');
-const require_resolveResponsiveObject = require('./resolveResponsiveObject.cjs');
+const require_BreakpointContext = require("../BraidProvider/BreakpointContext.cjs");
+const require_resolveResponsiveObject = require("./resolveResponsiveObject.cjs");
 let react = require("react");
-
 //#region src/lib/components/useResponsiveValue/useResponsiveValue.ts
 const useResponsiveValue = () => {
 	const breakpointName = (0, react.useContext)(require_BreakpointContext.breakpointContext);
@@ -10,6 +8,5 @@ const useResponsiveValue = () => {
 		return breakpointName ? require_resolveResponsiveObject.resolveResponsiveObject(breakpointName, value) : null;
 	};
 };
-
 //#endregion
-exports.useResponsiveValue = useResponsiveValue;
+exports.useResponsiveValue = useResponsiveValue;

package/dist/lib/components/useResponsiveValue/useResponsiveValue.d.cts

@@ -1,5 +1,4 @@
 import { RequiredResponsiveObject } from "../../css/atoms/sprinkles.css.cjs";
-
 //#region src/lib/components/useResponsiveValue/useResponsiveValue.d.ts
 declare const useResponsiveValue: () => <Value>(value: RequiredResponsiveObject<Value>) => Value | null;
 //#endregion

package/dist/lib/components/useResponsiveValue/useResponsiveValue.d.mts

@@ -1,5 +1,4 @@
 import { RequiredResponsiveObject } from "../../css/atoms/sprinkles.css.mjs";
-
 //#region src/lib/components/useResponsiveValue/useResponsiveValue.d.ts
 declare const useResponsiveValue: () => <Value>(value: RequiredResponsiveObject<Value>) => Value | null;
 //#endregion

package/dist/lib/components/useResponsiveValue/useResponsiveValue.mjs

@@ -1,7 +1,6 @@
 import { breakpointContext } from "../BraidProvider/BreakpointContext.mjs";
 import { resolveResponsiveObject } from "./resolveResponsiveObject.mjs";
 import { useContext } from "react";
-
 //#region src/lib/components/useResponsiveValue/useResponsiveValue.ts
 const useResponsiveValue = () => {
 	const breakpointName = useContext(breakpointContext);
@@ -9,6 +8,5 @@ const useResponsiveValue = () => {
 		return breakpointName ? resolveResponsiveObject(breakpointName, value) : null;
 	};
 };
-
 //#endregion
-export { useResponsiveValue };
+export { useResponsiveValue };

package/dist/lib/components/useSpace/useSpace.cjs

@@ -1,7 +1,5 @@
-const require_BraidThemeContext = require('../BraidProvider/BraidThemeContext.cjs');
-
+const require_BraidThemeContext = require("../BraidProvider/BraidThemeContext.cjs");
 //#region src/lib/components/useSpace/useSpace.ts
 const useSpace = () => require_BraidThemeContext.useBraidTheme().space;
-
 //#endregion
-exports.useSpace = useSpace;
+exports.useSpace = useSpace;

package/dist/lib/components/useSpace/useSpace.mjs

@@ -1,7 +1,5 @@
 import { useBraidTheme } from "../BraidProvider/BraidThemeContext.mjs";
-
 //#region src/lib/components/useSpace/useSpace.ts
 const useSpace = () => useBraidTheme().space;
-
 //#endregion
-export { useSpace };
+export { useSpace };

package/dist/lib/components/useThemeName/useThemeName.cjs

@@ -1,7 +1,5 @@
-const require_BraidThemeContext = require('../BraidProvider/BraidThemeContext.cjs');
-
+const require_BraidThemeContext = require("../BraidProvider/BraidThemeContext.cjs");
 //#region src/lib/components/useThemeName/useThemeName.tsx
 const useThemeName = () => require_BraidThemeContext.useBraidTheme().name;
-
 //#endregion
-exports.useThemeName = useThemeName;
+exports.useThemeName = useThemeName;

package/dist/lib/components/useThemeName/useThemeName.mjs

@@ -1,7 +1,5 @@
 import { useBraidTheme } from "../BraidProvider/BraidThemeContext.mjs";
-
 //#region src/lib/components/useThemeName/useThemeName.tsx
 const useThemeName = () => useBraidTheme().name;
-
 //#endregion
-export { useThemeName };
+export { useThemeName };

package/dist/lib/components/useToast/Toast.cjs

@@ -1,26 +1,25 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_buildDataAttributes = require('../private/buildDataAttributes.cjs');
-const require_Box = require('../Box/Box.cjs');
-const require_Stack = require('../Stack/Stack.cjs');
-const require_Text = require('../Text/Text.cjs');
-const require_lineHeightContainer_css = require('../../css/lineHeightContainer.css.cjs');
-const require_IconClear = require('../icons/IconClear/IconClear.cjs');
-const require_IconCritical = require('../icons/IconCritical/IconCritical.cjs');
-const require_IconPositive = require('../icons/IconPositive/IconPositive.cjs');
-const require_Column = require('../Column/Column.cjs');
-const require_Columns = require('../Columns/Columns.cjs');
-const require_Overlay = require('../private/Overlay/Overlay.cjs');
-const require_ButtonIcon = require('../ButtonIcon/ButtonIcon.cjs');
-const require_TextLinkButton = require('../TextLinkButton/TextLinkButton.cjs');
-const require_Inline = require('../Inline/Inline.cjs');
-const require_consts = require('./consts.cjs');
-const require_useTimeout = require('./useTimeout.cjs');
-const require_Toast_css = require('./Toast.css.cjs');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_buildDataAttributes = require("../private/buildDataAttributes.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Stack = require("../Stack/Stack.cjs");
+const require_Text = require("../Text/Text.cjs");
+const require_lineHeightContainer_css = require("../../css/lineHeightContainer.css.cjs");
+const require_IconClear = require("../icons/IconClear/IconClear.cjs");
+const require_IconCritical = require("../icons/IconCritical/IconCritical.cjs");
+const require_IconPositive = require("../icons/IconPositive/IconPositive.cjs");
+const require_Column = require("../Column/Column.cjs");
+const require_Columns = require("../Columns/Columns.cjs");
+const require_Overlay = require("../private/Overlay/Overlay.cjs");
+const require_ButtonIcon = require("../ButtonIcon/ButtonIcon.cjs");
+const require_TextLinkButton = require("../TextLinkButton/TextLinkButton.cjs");
+const require_Inline = require("../Inline/Inline.cjs");
+const require_consts = require("./consts.cjs");
+const require_useTimeout = require("./useTimeout.cjs");
+const require_Toast_css = require("./Toast.css.cjs");
 let assert = require("assert");
-assert = require_runtime.__toESM(assert);
+assert = require_runtime.__toESM(assert, 1);
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/useToast/Toast.tsx
 const toneToIcon = {
 	critical: require_IconCritical.IconCritical,
@@ -29,18 +28,17 @@ const toneToIcon = {
 const toastDuration = 10 * 1e3;
 const borderRadius = "large";
 const Action = ({ label, onClick, removeToast }) => {
-	const handleClick = (0, react.useCallback)((event) => {
-		event.stopPropagation();
-		removeToast();
-		onClick();
-	}, [removeToast, onClick]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
 		baseline: false,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 			component: "span",
 			"aria-hidden": true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextLinkButton.TextLinkButton, {
-				onClick: handleClick,
+				onClick: (0, react.useCallback)((event) => {
+					event.stopPropagation();
+					removeToast();
+					onClick();
+				}, [removeToast, onClick]),
 				hitArea: "large",
 				children: label
 			})
@@ -196,6 +194,6 @@ const Toast = (0, react.forwardRef)(({ toastKey, dedupeKey, message, description
 		})
 	});
 });
-
 //#endregion
-exports.default = Toast;
+exports.default = Toast;
+exports.toastDuration = toastDuration;

package/dist/lib/components/useToast/Toast.css.cjs

@@ -1,15 +1,12 @@
-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/useToast/Toast.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/useToast/Toast.css.ts", "braid-design-system");
 const toast = (0, _vanilla_extract_css.style)({ pointerEvents: "all" }, "toast");
 const collapsed = (0, _vanilla_extract_css.style)({}, "collapsed");
 const collapsedToastContent = (0, _vanilla_extract_css.style)({ selectors: { [`${collapsed} &`]: { opacity: 0 } } }, "collapsedToastContent");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
 exports.collapsed = collapsed;
 exports.collapsedToastContent = collapsedToastContent;
-exports.toast = toast;
+exports.toast = toast;

package/dist/lib/components/useToast/Toast.css.mjs

@@ -1,12 +1,10 @@
 import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-
 //#region src/lib/components/useToast/Toast.css.ts
 setFileScope("src/lib/components/useToast/Toast.css.ts", "braid-design-system");
 const toast = style({ pointerEvents: "all" }, "toast");
 const collapsed = style({}, "collapsed");
 const collapsedToastContent = style({ selectors: { [`${collapsed} &`]: { opacity: 0 } } }, "collapsedToastContent");
 endFileScope();
-
 //#endregion
-export { collapsed, collapsedToastContent, toast };
+export { collapsed, collapsedToastContent, toast };

package/dist/lib/components/useToast/Toast.mjs

@@ -18,7 +18,6 @@ import { collapsedToastContent, toast } from "./Toast.css.mjs";
 import assert from "assert";
 import { cloneElement, forwardRef, useCallback, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/lib/components/useToast/Toast.tsx
 const toneToIcon = {
 	critical: IconCritical,
@@ -27,18 +26,17 @@ const toneToIcon = {
 const toastDuration = 10 * 1e3;
 const borderRadius = "large";
 const Action = ({ label, onClick, removeToast }) => {
-	const handleClick = useCallback((event) => {
-		event.stopPropagation();
-		removeToast();
-		onClick();
-	}, [removeToast, onClick]);
 	return /* @__PURE__ */ jsx(Text, {
 		baseline: false,
 		children: /* @__PURE__ */ jsx(Box, {
 			component: "span",
 			"aria-hidden": true,
 			children: /* @__PURE__ */ jsx(TextLinkButton, {
-				onClick: handleClick,
+				onClick: useCallback((event) => {
+					event.stopPropagation();
+					removeToast();
+					onClick();
+				}, [removeToast, onClick]),
 				hitArea: "large",
 				children: label
 			})
@@ -194,6 +192,5 @@ const Toast = forwardRef(({ toastKey, dedupeKey, message, description, tone, ico
 		})
 	});
 });
-
 //#endregion
-export { Toast as default };
+export { Toast as default, toastDuration };

package/dist/lib/components/useToast/ToastContext.cjs

@@ -1,9 +1,7 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_BraidPortal = require('../BraidPortal/BraidPortal.cjs');
-const require_Toaster = require('./Toaster.cjs');
+const require_BraidPortal = require("../BraidPortal/BraidPortal.cjs");
+const require_Toaster = require("./Toaster.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/lib/components/useToast/ToastContext.tsx
 let toastCounter = 0;
 const ToastControllerContext = (0, react.createContext)(null);
@@ -107,7 +105,6 @@ const useToast = () => {
 		});
 	}, [addToast]);
 };
-
 //#endregion
 exports.ToastProvider = ToastProvider;
-exports.useToast = useToast;
+exports.useToast = useToast;

package/dist/lib/components/useToast/ToastContext.d.cts

@@ -1,6 +1,5 @@
 import { Toast } from "./ToastTypes.cjs";
 import { FC, ReactNode } from "react";
-
 //#region src/lib/components/useToast/ToastContext.d.ts
 interface ToastProviderProps {
   children: ReactNode;

package/dist/lib/components/useToast/ToastContext.d.mts

@@ -1,6 +1,5 @@
 import { Toast } from "./ToastTypes.mjs";
 import { FC, ReactNode } from "react";
-
 //#region src/lib/components/useToast/ToastContext.d.ts
 interface ToastProviderProps {
   children: ReactNode;

package/dist/lib/components/useToast/ToastContext.mjs

@@ -2,7 +2,6 @@ import { BraidPortal } from "../BraidPortal/BraidPortal.mjs";
 import { Toaster } from "./Toaster.mjs";
 import { Fragment, createContext, useCallback, useContext, useEffect, useReducer, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/lib/components/useToast/ToastContext.tsx
 let toastCounter = 0;
 const ToastControllerContext = createContext(null);
@@ -106,6 +105,5 @@ const useToast = () => {
 		});
 	}, [addToast]);
 };
-
 //#endregion
-export { ToastProvider, useToast };
+export { ToastProvider, useToast };

package/dist/lib/components/useToast/ToastTypes.d.cts

@@ -1,7 +1,6 @@
 import { DataAttributeMap } from "../private/buildDataAttributes.cjs";
 import { UseIconProps } from "../../hooks/useIcon/index.cjs";
 import { ReactElement } from "react";
-
 //#region src/lib/components/useToast/ToastTypes.d.ts
 interface ToastAction {
   label: string;
@@ -21,4 +20,4 @@ type Toast = {
   icon?: ReactElement<UseIconProps>;
 });
 //#endregion
-export { Toast };
+export { Toast, ToastAction };

package/dist/lib/components/useToast/ToastTypes.d.mts

@@ -1,7 +1,6 @@
 import { DataAttributeMap } from "../private/buildDataAttributes.mjs";
 import { UseIconProps } from "../../hooks/useIcon/index.mjs";
 import { ReactElement } from "react";
-
 //#region src/lib/components/useToast/ToastTypes.d.ts
 interface ToastAction {
   label: string;
@@ -21,4 +20,4 @@ type Toast = {
   icon?: ReactElement<UseIconProps>;
 });
 //#endregion
-export { Toast };
+export { Toast, ToastAction };

package/dist/lib/components/useToast/Toaster.cjs

@@ -1,13 +1,12 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_Box = require('../Box/Box.cjs');
-const require_Toast = require('./Toast.cjs');
-const require_useFlipList = require('./useFlipList.cjs');
-const require_Toaster_css = require('./Toaster.css.cjs');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Toast = require("./Toast.cjs");
+const require_useFlipList = require("./useFlipList.cjs");
+const require_Toaster_css = require("./Toaster.css.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let is_mobile = require("is-mobile");
-is_mobile = require_runtime.__toESM(is_mobile);
-
+is_mobile = require_runtime.__toESM(is_mobile, 1);
 //#region src/lib/components/useToast/Toaster.tsx
 const StaticToaster = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 	width: "full",
@@ -51,6 +50,6 @@ const Toaster = ({ toasts, removeToast }) => {
 		}, toastKey))
 	})] });
 };
-
 //#endregion
-exports.Toaster = Toaster;
+exports.StaticToaster = StaticToaster;
+exports.Toaster = Toaster;

package/dist/lib/components/useToast/Toaster.css.cjs

@@ -1,11 +1,9 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_vars_css = require('../../themes/vars.css.cjs');
-const require_pageBlockGutters = require('../PageBlock/pageBlockGutters.cjs');
-const require_consts = require('./consts.cjs');
+const require_vars_css = require("../../themes/vars.css.cjs");
+const require_pageBlockGutters = require("../PageBlock/pageBlockGutters.cjs");
+const require_consts = require("./consts.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/useToast/Toaster.css.ts
 (0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/useToast/Toaster.css.ts", "braid-design-system");
 const screenWidth = (0, _vanilla_extract_css_utils.calc)("100vw").subtract((0, _vanilla_extract_css_utils.calc)(2).multiply(require_vars_css.vars.space[require_pageBlockGutters.pageBlockGutters.mobile]));
@@ -17,6 +15,5 @@ const toaster = (0, _vanilla_extract_css.style)({
 	maxWidth: `min(${require_vars_css.vars.contentWidth[require_consts.toastWidth]}, ${screenWidth})`
 }, "toaster");
 (0, _vanilla_extract_css_fileScope.endFileScope)();
-
 //#endregion
-exports.toaster = toaster;
+exports.toaster = toaster;

package/dist/lib/components/useToast/Toaster.css.mjs

@@ -4,7 +4,6 @@ import { toastWidth } from "./consts.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/useToast/Toaster.css.ts
 setFileScope("src/lib/components/useToast/Toaster.css.ts", "braid-design-system");
 const screenWidth = calc("100vw").subtract(calc(2).multiply(vars.space[pageBlockGutters.mobile]));
@@ -16,6 +15,5 @@ const toaster = style({
 	maxWidth: `min(${vars.contentWidth[toastWidth]}, ${screenWidth})`
 }, "toaster");
 endFileScope();
-
 //#endregion
-export { toaster };
+export { toaster };

package/dist/lib/components/useToast/Toaster.mjs

@@ -4,8 +4,7 @@ import { useFlipList } from "./useFlipList.mjs";
 import { toaster } from "./Toaster.css.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import isMobile$1 from "is-mobile";
-
+import isMobile from "is-mobile";
 //#region src/lib/components/useToast/Toaster.tsx
 const StaticToaster = (props) => /* @__PURE__ */ jsx(Box, {
 	width: "full",
@@ -15,7 +14,7 @@ const StaticToaster = (props) => /* @__PURE__ */ jsx(Box, {
 const Toaster = ({ toasts, removeToast }) => {
 	const [expanded, setExpanded] = useState(false);
 	const { itemRef, remove } = useFlipList(expanded);
-	const isMobileDevice = useRef(isMobile$1()).current;
+	const isMobileDevice = useRef(isMobile()).current;
 	const expandHandler = () => setExpanded(true);
 	const collapseHandler = () => setExpanded(false);
 	const onClose = useCallback((dedupeKey, toastKey) => {
@@ -49,6 +48,5 @@ const Toaster = ({ toasts, removeToast }) => {
 		}, toastKey))
 	})] });
 };
-
 //#endregion
-export { Toaster };
+export { StaticToaster, Toaster };

package/dist/lib/components/useToast/consts.cjs

@@ -1,8 +1,6 @@
-
 //#region src/lib/components/useToast/consts.ts
 const toastGap = "xxsmall";
 const toastWidth = "xsmall";
-
 //#endregion
 exports.toastGap = toastGap;
-exports.toastWidth = toastWidth;
+exports.toastWidth = toastWidth;

package/dist/lib/components/useToast/consts.mjs

@@ -1,6 +1,5 @@
 //#region src/lib/components/useToast/consts.ts
 const toastGap = "xxsmall";
 const toastWidth = "xsmall";
-
 //#endregion
-export { toastGap, toastWidth };
+export { toastGap, toastWidth };

package/dist/lib/components/useToast/useFlipList.cjs

@@ -1,10 +1,8 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_px = require('../../utils/px.cjs');
-const require_css = require('../../../css.cjs');
-const require_useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.cjs');
-const require_Toast_css = require('./Toast.css.cjs');
+const require_px = require("../../utils/px.cjs");
+const require_css = require("../../../css.cjs");
+const require_useIsomorphicLayoutEffect = require("../../hooks/useIsomorphicLayoutEffect.cjs");
+const require_Toast_css = require("./Toast.css.cjs");
 let react = require("react");
-
 //#region src/lib/components/useToast/useFlipList.ts
 const animationTimeout = 200;
 const baseTransition = "opacity 0.2s ease, transform 0.2s ease, height 0.2s ease";
@@ -191,6 +189,5 @@ const useFlipList = (expanded) => {
 		remove
 	};
 };
-
 //#endregion
-exports.useFlipList = useFlipList;
+exports.useFlipList = useFlipList;

package/dist/lib/components/useToast/useFlipList.mjs

@@ -3,7 +3,6 @@ import { vars } from "../../../css.mjs";
 import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.mjs";
 import { collapsed } from "./Toast.css.mjs";
 import { useCallback, useMemo } from "react";
-
 //#region src/lib/components/useToast/useFlipList.ts
 const animationTimeout = 200;
 const baseTransition = "opacity 0.2s ease, transform 0.2s ease, height 0.2s ease";
@@ -190,6 +189,5 @@ const useFlipList = (expanded) => {
 		remove
 	};
 };
-
 //#endregion
-export { useFlipList };
+export { useFlipList };