@a-type/ui 6.1.25 → 6.1.27

package/dist/components/box/Box.module.css

@@ -235,10 +235,9 @@
 		}
 
 		@apply --mx-shadow;
-		--mx-shadow-value: var(--shadow-inset) var(--shadow-x, 0)
+		--mx-shadow-value: var(--shadow-x, 0)
 			calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
 			var(--shadow-spread, 0) var(--shadow-color, transparent);
-		--shadow-inset: ;
 		&[data-elevated='sm'] {
 			--shadow-x: var(--m-shadow-sm-x);
 			--shadow-y: var(--m-shadow-sm-y);
@@ -272,7 +271,9 @@
 			--shadow-invert: -1;
 		}
 		&[data-shadow-inset='true'] {
-			--shadow-inset: inset;
+			--mx-shadow-value: inset var(--shadow-x, 0)
+				calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
+				var(--shadow-spread, 0) var(--shadow-color, transparent);
 		}
 
 		&[data-container='true'] {

package/dist/components/button/Button.js

@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button as BaseButton, } from '@base-ui/react/button';
 import { clsx } from 'clsx';
-import { AnimatePresence, motion } from 'motion/react';
 import { memo } from 'react';
 import { IconWrapper, useIconOnlyDataAttributes, } from '../../behaviors/iconOnly.js';
 import { withClassName } from '../../hooks.js';
@@ -39,7 +38,7 @@ export function ButtonRoot(_a) {
     if (toggled !== undefined) {
         buttonProps['aria-pressed'] = !!toggled;
     }
-    return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(AnimatePresence, { children: isLoading && !disableDefaultLoadingIndicator && (_jsx(motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: cls.defaultSpinner, "data-default-loader": true, children: _jsx(Spinner, { size: 15, className: "inline-block h-1em w-1em" }) }, "spinner")) }), toggled !== undefined &&
+    return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(Spinner, { size: null, className: cls.defaultSpinner, "data-default-loader": true, "data-active": (isLoading && !disableDefaultLoadingIndicator) || undefined, "aria-hidden": !(isLoading && !disableDefaultLoadingIndicator) }), toggled !== undefined &&
                     (toggleMode === 'indicator' ||
                         toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(IconLoadingProvider, { value: false, children: _jsx(DropdownMenuTriggerIcon, { render: _jsx(Icon, { name: "chevron" }) }) }))] })) }));
 }

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/button/Button.module.css

@@ -147,9 +147,20 @@
 	display: flex;
 	flex-shrink: 0;
 	overflow: clip;
+	transition:
+		width var(--m-dur) var(--m-ease),
+		margin-left var(--m-dur) var(--m-ease);
 
 	[data-has-icon='true'] & {
 		display: none;
 	}
+
+	min-width: 0;
+	width: 0px;
+	margin-left: calc(-1 * var(--m-sp-sm));
+	&[data-active] {
+		width: --fn-literal(1em);
+		margin-left: --fn-literal(-0.5em);
+	}
 }
 }

package/dist/components/infiniteLoadTrigger/InfiniteLoadTrigger.js

@@ -11,24 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'clsx';
-import { useEffect, useRef } from 'react';
-import { useStableCallback } from '../../hooks.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
+import { useOnVisible } from '../../hooks/useOnVisible.js';
 export const InfiniteLoadTrigger = function InfiniteLoadTrigger(_a) {
     var { ref, className, onVisible } = _a, rest = __rest(_a, ["ref", "className", "onVisible"]);
-    const innerRef = useRef(null);
-    const stableOnVisible = useStableCallback(onVisible);
-    useEffect(() => {
-        const observer = new IntersectionObserver((entries) => {
-            if (entries[0].isIntersecting) {
-                stableOnVisible();
-            }
-        });
-        observer.observe(innerRef.current);
-        return () => {
-            observer.disconnect();
-        };
-    }, [stableOnVisible]);
+    const innerRef = useOnVisible(onVisible);
     return (_jsx("div", Object.assign({ ref: useMergedRef(ref, innerRef), className: classNames('flex flex-col items-center', className) }, rest)));
 };
 //# sourceMappingURL=InfiniteLoadTrigger.js.map

package/dist/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAQvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAO/D;QAP+D,EAC/D,GAAG,EACH,SAAS,EACT,SAAS,OAIT,EAHG,IAAI,cAJwD,iCAK/D,CADO;IAIP,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC/B,eAAe,EAAE,CAAC;YACnB,CAAC;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,4BACC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAO/D;QAP+D,EAC/D,GAAG,EACH,SAAS,EACT,SAAS,OAIT,EAHG,IAAI,cAJwD,iCAK/D,CADO;IAIP,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAEzC,OAAO,CACN,4BACC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/PageContent.js

@@ -11,21 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'clsx';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { useBoundsCssVars } from '../../hooks/useSize.js';
 import { Box } from '../box/Box.js';
 import cls from './PageContent.module.css';
-const bodyRef = typeof document !== 'undefined' ? { current: document.body } : undefined;
 export function PageContent(_a) {
     var { children, className, ref } = _a, rest = __rest(_a, ["children", "className", "ref"]);
-    const innerRef = useBoundsCssVars(200, bodyRef, {
-        left: '--content-left',
-        top: '--content-top',
-        width: '--content-width',
-        height: '--content-height',
-        ready: '--content-ready',
-    });
-    const finalRef = useMergedRef(ref, innerRef);
-    return (_jsx(Box, Object.assign({}, rest, { render: _jsx("main", {}), className: classNames(cls.root, className), ref: finalRef }, rest, { children: children })));
+    return (_jsx(Box, Object.assign({}, rest, { render: _jsx("main", {}), className: classNames(cls.root, className), ref: ref }, rest, { children: children })));
 }
 //# sourceMappingURL=PageContent.js.map

package/dist/components/layouts/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAY,MAAM,eAAe,CAAC;AAC9C,OAAO,GAAG,MAAM,0BAA0B,CAAC;AAE3C,MAAM,OAAO,GACZ,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAE1E,MAAM,UAAU,WAAW,CAAC,EAA+C;QAA/C,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAqB,EAAhB,IAAI,cAAnC,gCAAqC,CAAF;IAC9D,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,OAAO,EAAE;QAC/D,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACN,KAAC,GAAG,oBACC,IAAI,IACR,MAAM,EAAE,gBAAQ,EAChB,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,QAAQ,IACT,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAY,MAAM,eAAe,CAAC;AAC9C,OAAO,GAAG,MAAM,0BAA0B,CAAC;AAE3C,MAAM,UAAU,WAAW,CAAC,EAA+C;QAA/C,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAqB,EAAhB,IAAI,cAAnC,gCAAqC,CAAF;IAC9D,OAAO,CACN,KAAC,GAAG,oBACC,IAAI,IACR,MAAM,EAAE,gBAAQ,EAChB,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,IACJ,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

package/dist/components/layouts/PageContent.module.css

@@ -4,15 +4,14 @@
 	align-items: stretch;
 	justify-content: start;
 	width: 100%;
-	anchor-name: --page-content;
 	flex: 1;
+	min-height: 0;
 
-	gap: var(--m-sp-lg);
+	overflow-x: clip;
+	overflow-y: auto;
 
+	gap: var(--m-sp-lg);
 	padding: var(--m-sp-lg);
-	@media (min-width: 768px) {
-		padding: var(--m-sp-lg);
-	}
 
 	margin-inline: auto;
 	max-width: 100%;
@@ -20,7 +19,12 @@
 
 	container-type: inline-size;
 	container-name: --page-content;
-
 	grid-area: content;
+	anchor-name: --page-content;
+
+	@media (min-width: 768px) {
+		padding: var(--m-sp-lg);
+		overflow: clip;
+	}
 }
 }

package/dist/components/layouts/PageNav.js

@@ -11,20 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'clsx';
-import { useRef } from 'react';
-import { useBoundsCssVars } from '../../hooks.js';
 import { HideWhileKeyboardOpen } from '../utility/HideWhileKeyboardOpen.js';
 import cls from './PageNav.module.css';
 export function PageNav(_a) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const bodyRef = useRef(typeof document === 'undefined' ? null : document.documentElement);
-    const ref = useBoundsCssVars(undefined, bodyRef, {
-        left: '--nav-left',
-        top: '--nav-top',
-        width: '--nav-width',
-        height: '--nav-height',
-        ready: '--nav-ready',
-    });
-    return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames(cls.root, className), ref: ref, children: children })));
+    return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames(cls.root, className), children: children })));
 }
 //# sourceMappingURL=PageNav.js.map

package/dist/components/layouts/PageNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAEvC,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,MAAM,CACrB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CACjE,CAAC;IACF,MAAM,GAAG,GAAG,gBAAgB,CAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,IACc,CACxB,CAAC;AACH,CAAC"}
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAEvC,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,YAEzC,QAAQ,IACc,CACxB,CAAC;AACH,CAAC"}

package/dist/components/layouts/PageNav.module.css

@@ -3,6 +3,7 @@
 	position: sticky;
 	bottom: 0;
 	z-index: var(--z-nav);
+	anchor-name: --page-nav;
 
 	padding-block-end: calc(0.25rem + env(safe-area-inset-bottom, 0px));
 

package/dist/components/layouts/PageNowPlaying.module.css

@@ -11,7 +11,10 @@
 	left: anchor(left);
 	right: anchor(right);
 	top: auto;
-	bottom: --fn-literal(var(--nav-height, env(safe-area-inset-bottom, 0px)));
+	--bottom: --fn-literal(
+		calc(anchor(bottom) + env(safe-area-inset-bottom, 0px))
+	);
+	bottom: var(--bottom);
 
 	@media (min-width: 768px) {
 		bottom: var(--m-sp-md);
@@ -29,7 +32,7 @@
 			&[data-virtual-keyboard-behavior='overlay'] {
 				bottom: max(
 					var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)),
-					var(--nav-height, env(safe-area-inset-bottom, 0px))
+					var(--bottom)
 				);
 			}
 			&[data-virtual-keyboard-behavior='displace'] {
@@ -38,7 +41,7 @@
 						--mock-virtual-keyboard-height,
 						var(--viewport-bottom-offset, 0px)
 					),
-					var(--nav-height, env(safe-area-inset-bottom, 0px))
+					var(--bottom)
 				);
 			}
 		}

package/dist/components/layouts/PageRoot.module.css

@@ -3,12 +3,13 @@
 	min-height: 100dvh;
 	flex-shrink: 1;
 	flex-grow: 1;
-	flex-basis: auto;
-	height: max-content;
+	flex-basis: 100dvh;
 	justify-content: end;
 
-	display: flex;
-	flex-direction: column;
+	display: grid;
+	grid-template-areas: 'content' 'nav';
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr auto;
 
 	@apply --mx-bg(var(--m-tint-paper));
 

package/dist/components/layouts/layouts.stories.js

@@ -24,7 +24,7 @@ export const Default = {
     render: () => {
         const [content, setContent] = useState(true);
         const toggleContent = () => setContent((prev) => !prev);
-        return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { children: [_jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("h1", { className: "text-primary", style: { fontWeight: 'bold' }, children: "Hello, World!" }), _jsx("p", { className: "text-primary", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(PageNowPlaying, { children: _jsx(Box, { surface: "ambient", elevated: "lg", full: true, p: true, children: "Now playing" }) })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: (_, { size }) => (_jsx(Avatar, { name: "Grant Forrest", size: size })) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
+        return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { children: [_jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("h1", { className: "text-primary", style: { fontWeight: 'bold' }, children: "Hello, World!" }), _jsx("p", { className: "text-primary", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(Box, { render: _jsx(PageNowPlaying, {}), surface: "ambient", elevated: "lg", p: true, border: true, children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: (_, { size }) => (_jsx(Avatar, { name: "Grant Forrest", size: size })) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
     },
 };
 export const ManualWidth = {

package/dist/components/layouts/layouts.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/masonry/masonry.js

@@ -202,6 +202,7 @@ const initialStyle = {
     position: 'relative',
     overflow: 'hidden',
     visibility: 'hidden',
+    flexShrink: 0,
 };
 export function Masonry({ className, children, columns = 3, gap = 16, style, }) {
     const [layout] = useState(() => {

package/dist/components/masonry/masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/index.d.ts

@@ -2,6 +2,7 @@ export * from './useAnimationFrame.js';
 export * from './useLongPress.js';
 export * from './useMergedRef.js';
 export * from './useOnUnmount.js';
+export * from './useOnVisible.js';
 export * from './useOverrideTheme.js';
 export * from './useSize.js';
 export * from './useStableCallback.js';

package/dist/hooks/index.js

@@ -2,6 +2,7 @@ export * from './useAnimationFrame.js';
 export * from './useLongPress.js';
 export * from './useMergedRef.js';
 export * from './useOnUnmount.js';
+export * from './useOnVisible.js';
 export * from './useOverrideTheme.js';
 export * from './useSize.js';
 export * from './useStableCallback.js';

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/dist/hooks/useOnVisible.d.ts

@@ -0,0 +1 @@
+export declare function useOnVisible(onVisible?: () => void): import("react").RefObject<HTMLDivElement | null>;

package/dist/hooks/useOnVisible.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+import { useStableCallback } from './useStableCallback.js';
+export function useOnVisible(onVisible) {
+    const innerRef = useRef(null);
+    const stableOnVisible = useStableCallback(onVisible);
+    useEffect(() => {
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                stableOnVisible();
+            }
+        });
+        observer.observe(innerRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [stableOnVisible]);
+    return innerRef;
+}
+//# sourceMappingURL=useOnVisible.js.map

package/dist/hooks/useOnVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnVisible.js","sourceRoot":"","sources":["../../src/hooks/useOnVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,YAAY,CAAC,SAAsB;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC/B,eAAe,EAAE,CAAC;YACnB,CAAC;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "6.1.25",
+  "version": "6.1.27",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/box/Box.module.css

@@ -235,10 +235,9 @@
 		}
 
 		@apply --mx-shadow;
-		--mx-shadow-value: var(--shadow-inset) var(--shadow-x, 0)
+		--mx-shadow-value: var(--shadow-x, 0)
 			calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
 			var(--shadow-spread, 0) var(--shadow-color, transparent);
-		--shadow-inset: ;
 		&[data-elevated='sm'] {
 			--shadow-x: var(--m-shadow-sm-x);
 			--shadow-y: var(--m-shadow-sm-y);
@@ -272,7 +271,9 @@
 			--shadow-invert: -1;
 		}
 		&[data-shadow-inset='true'] {
-			--shadow-inset: inset;
+			--mx-shadow-value: inset var(--shadow-x, 0)
+				calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
+				var(--shadow-spread, 0) var(--shadow-color, transparent);
 		}
 
 		&[data-container='true'] {

package/src/components/button/Button.module.css

@@ -147,8 +147,19 @@
 	display: flex;
 	flex-shrink: 0;
 	overflow: clip;
+	transition:
+		width var(--m-dur) var(--m-ease),
+		margin-left var(--m-dur) var(--m-ease);
 
 	[data-has-icon='true'] & {
 		display: none;
 	}
+
+	min-width: 0;
+	width: 0px;
+	margin-left: calc(-1 * var(--m-sp-sm));
+	&[data-active] {
+		width: --fn-literal(1em);
+		margin-left: --fn-literal(-0.5em);
+	}
 }

package/src/components/button/Button.tsx

@@ -3,7 +3,6 @@ import {
 	ButtonProps as BaseButtonProps,
 } from '@base-ui/react/button';
 import { clsx } from 'clsx';
-import { AnimatePresence, motion } from 'motion/react';
 import { ButtonHTMLAttributes, memo, Ref } from 'react';
 import {
 	IconWrapper,
@@ -110,20 +109,15 @@ export function ButtonRoot({
 	return (
 		<IconLoadingProvider value={isLoading}>
 			<BaseButton {...buttonProps}>
-				<AnimatePresence>
-					{isLoading && !disableDefaultLoadingIndicator && (
-						<motion.div
-							key="spinner"
-							initial={{ width: 0, marginLeft: '-0.5rem' }}
-							animate={{ width: 'auto', marginLeft: 0 }}
-							exit={{ width: 0, marginLeft: '-0.5rem' }}
-							className={cls.defaultSpinner}
-							data-default-loader
-						>
-							<Spinner size={15} className="inline-block h-1em w-1em" />
-						</motion.div>
-					)}
-				</AnimatePresence>
+				<Spinner
+					size={null}
+					className={cls.defaultSpinner}
+					data-default-loader
+					data-active={
+						(isLoading && !disableDefaultLoadingIndicator) || undefined
+					}
+					aria-hidden={!(isLoading && !disableDefaultLoadingIndicator)}
+				/>
 				{toggled !== undefined &&
 					(toggleMode === 'indicator' ||
 						toggleMode === 'color-and-indicator') && (

package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx

@@ -1,42 +1,29 @@
-import classNames from 'clsx';
-import { ReactNode, useEffect, useRef } from 'react';
-import { useStableCallback } from '../../hooks.js';
-import useMergedRef from '../../hooks/useMergedRef.js';
-
-export interface InfiniteLoadTriggerProps {
-	className?: string;
-	children?: ReactNode;
-	onVisible?: () => void;
-}
-
-export const InfiniteLoadTrigger = function InfiniteLoadTrigger({
-	ref,
-	className,
-	onVisible,
-	...rest
-}: InfiniteLoadTriggerProps & {
-	ref?: React.Ref<HTMLDivElement>;
-}) {
-	const innerRef = useRef<HTMLDivElement>(null);
-
-	const stableOnVisible = useStableCallback(onVisible);
-	useEffect(() => {
-		const observer = new IntersectionObserver((entries) => {
-			if (entries[0].isIntersecting) {
-				stableOnVisible();
-			}
-		});
-		observer.observe(innerRef.current!);
-		return () => {
-			observer.disconnect();
-		};
-	}, [stableOnVisible]);
-
-	return (
-		<div
-			ref={useMergedRef(ref, innerRef)}
-			className={classNames('flex flex-col items-center', className)}
-			{...rest}
-		/>
-	);
-};
+import classNames from 'clsx';
+import { ReactNode } from 'react';
+import useMergedRef from '../../hooks/useMergedRef.js';
+import { useOnVisible } from '../../hooks/useOnVisible.js';
+
+export interface InfiniteLoadTriggerProps {
+	className?: string;
+	children?: ReactNode;
+	onVisible?: () => void;
+}
+
+export const InfiniteLoadTrigger = function InfiniteLoadTrigger({
+	ref,
+	className,
+	onVisible,
+	...rest
+}: InfiniteLoadTriggerProps & {
+	ref?: React.Ref<HTMLDivElement>;
+}) {
+	const innerRef = useOnVisible(onVisible);
+
+	return (
+		<div
+			ref={useMergedRef(ref, innerRef)}
+			className={classNames('flex flex-col items-center', className)}
+			{...rest}
+		/>
+	);
+};

package/src/components/layouts/PageContent.module.css

@@ -4,15 +4,14 @@
 	align-items: stretch;
 	justify-content: start;
 	width: 100%;
-	anchor-name: --page-content;
 	flex: 1;
+	min-height: 0;
 
-	gap: var(--m-sp-lg);
+	overflow-x: clip;
+	overflow-y: auto;
 
+	gap: var(--m-sp-lg);
 	padding: var(--m-sp-lg);
-	@media (min-width: 768px) {
-		padding: var(--m-sp-lg);
-	}
 
 	margin-inline: auto;
 	max-width: 100%;
@@ -20,6 +19,11 @@
 
 	container-type: inline-size;
 	container-name: --page-content;
-
 	grid-area: content;
+	anchor-name: --page-content;
+
+	@media (min-width: 768px) {
+		padding: var(--m-sp-lg);
+		overflow: clip;
+	}
 }

package/src/components/layouts/PageContent.tsx

@@ -1,29 +1,14 @@
 import classNames from 'clsx';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { useBoundsCssVars } from '../../hooks/useSize.js';
 import { Box, BoxProps } from '../box/Box.js';
 import cls from './PageContent.module.css';
 
-const bodyRef =
-	typeof document !== 'undefined' ? { current: document.body } : undefined;
-
 export function PageContent({ children, className, ref, ...rest }: BoxProps) {
-	const innerRef = useBoundsCssVars<HTMLDivElement>(200, bodyRef, {
-		left: '--content-left',
-		top: '--content-top',
-		width: '--content-width',
-		height: '--content-height',
-		ready: '--content-ready',
-	});
-
-	const finalRef = useMergedRef(ref, innerRef);
-
 	return (
 		<Box
 			{...rest}
 			render={<main />}
 			className={classNames(cls.root, className)}
-			ref={finalRef}
+			ref={ref}
 			{...rest}
 		>
 			{children}

package/src/components/layouts/PageNav.module.css

@@ -3,6 +3,7 @@
 	position: sticky;
 	bottom: 0;
 	z-index: var(--z-nav);
+	anchor-name: --page-nav;
 
 	padding-block-end: calc(0.25rem + env(safe-area-inset-bottom, 0px));
 

package/src/components/layouts/PageNav.tsx

@@ -1,6 +1,5 @@
 import classNames from 'clsx';
-import { HTMLAttributes, useRef } from 'react';
-import { useBoundsCssVars } from '../../hooks.js';
+import { HTMLAttributes } from 'react';
 import { HideWhileKeyboardOpen } from '../utility/HideWhileKeyboardOpen.js';
 import cls from './PageNav.module.css';
 
@@ -9,22 +8,10 @@ export function PageNav({
 	children,
 	...props
 }: HTMLAttributes<HTMLDivElement>) {
-	const bodyRef = useRef(
-		typeof document === 'undefined' ? null : document.documentElement,
-	);
-	const ref = useBoundsCssVars<HTMLDivElement>(undefined, bodyRef, {
-		left: '--nav-left',
-		top: '--nav-top',
-		width: '--nav-width',
-		height: '--nav-height',
-		ready: '--nav-ready',
-	});
-
 	return (
 		<HideWhileKeyboardOpen
 			{...props}
 			className={classNames(cls.root, className)}
-			ref={ref}
 		>
 			{children}
 		</HideWhileKeyboardOpen>

package/src/components/layouts/PageNowPlaying.module.css

@@ -11,7 +11,10 @@
 	left: anchor(left);
 	right: anchor(right);
 	top: auto;
-	bottom: --fn-literal(var(--nav-height, env(safe-area-inset-bottom, 0px)));
+	--bottom: --fn-literal(
+		calc(anchor(bottom) + env(safe-area-inset-bottom, 0px))
+	);
+	bottom: var(--bottom);
 
 	@media (min-width: 768px) {
 		bottom: var(--m-sp-md);
@@ -29,7 +32,7 @@
 			&[data-virtual-keyboard-behavior='overlay'] {
 				bottom: max(
 					var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)),
-					var(--nav-height, env(safe-area-inset-bottom, 0px))
+					var(--bottom)
 				);
 			}
 			&[data-virtual-keyboard-behavior='displace'] {
@@ -38,7 +41,7 @@
 						--mock-virtual-keyboard-height,
 						var(--viewport-bottom-offset, 0px)
 					),
-					var(--nav-height, env(safe-area-inset-bottom, 0px))
+					var(--bottom)
 				);
 			}
 		}

package/src/components/layouts/PageRoot.module.css

@@ -3,12 +3,13 @@
 	min-height: 100dvh;
 	flex-shrink: 1;
 	flex-grow: 1;
-	flex-basis: auto;
-	height: max-content;
+	flex-basis: 100dvh;
 	justify-content: end;
 
-	display: flex;
-	flex-direction: column;
+	display: grid;
+	grid-template-areas: 'content' 'nav';
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr auto;
 
 	@apply --mx-bg(var(--m-tint-paper));
 

package/src/components/layouts/layouts.stories.tsx

@@ -55,11 +55,15 @@ export const Default: Story = {
 							))}
 						</Card.Grid>
 					)}
-					<PageNowPlaying>
-						<Box surface="ambient" elevated="lg" full p>
-							Now playing
-						</Box>
-					</PageNowPlaying>
+					<Box
+						render={<PageNowPlaying />}
+						surface="ambient"
+						elevated="lg"
+						p
+						border
+					>
+						Now playing
+					</Box>
 				</PageContent>
 				<PageNav>
 					<NavBarRoot>

package/src/components/masonry/masonry.tsx

@@ -259,6 +259,7 @@ const initialStyle: CSSProperties = {
 	position: 'relative',
 	overflow: 'hidden',
 	visibility: 'hidden',
+	flexShrink: 0,
 };
 
 export function Masonry({

package/src/hooks/index.ts

@@ -2,6 +2,7 @@ export * from './useAnimationFrame.js';
 export * from './useLongPress.js';
 export * from './useMergedRef.js';
 export * from './useOnUnmount.js';
+export * from './useOnVisible.js';
 export * from './useOverrideTheme.js';
 export * from './useSize.js';
 export * from './useStableCallback.js';

package/src/hooks/useOnVisible.ts

@@ -0,0 +1,21 @@
+import { useEffect, useRef } from 'react';
+import { useStableCallback } from './useStableCallback.js';
+
+export function useOnVisible(onVisible?: () => void) {
+	const innerRef = useRef<HTMLDivElement>(null);
+
+	const stableOnVisible = useStableCallback(onVisible);
+	useEffect(() => {
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0].isIntersecting) {
+				stableOnVisible();
+			}
+		});
+		observer.observe(innerRef.current!);
+		return () => {
+			observer.disconnect();
+		};
+	}, [stableOnVisible]);
+
+	return innerRef;
+}