@a-type/ui 0.7.8 → 0.7.9

package/dist/cjs/components/layouts/PageRoot.js

@@ -21,7 +21,7 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 exports.PageRoot = (0, react_1.forwardRef)(function PageRoot(_a, ref) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-0 layer-components:h-full layer-components:bg-gray-2', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr] layer-components:items-start layer-components:justify-center', 'layer-components:sm:grid-areas-[gutter1_nav_content_gutter2] layer-components:sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] layer-components:sm:min-h-auto !layer-components:sm:bg-wash', {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-0 layer-components:h-full layer-components:bg-gray-2', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr] layer-components:items-start layer-components:justify-center', 'layer-components:sm:grid-areas-[gutter1_nav_content_gutter2] layer-components:sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] layer-components:sm:min-h-auto layer-components:sm:bg-wash', {
             'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
         }, className) }, props, { children: children })));
 });

package/dist/cjs/components/layouts/PageRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,oFAAoF,EACpF,+GAA+G,EAC/G,6HAA6H,EAC7H;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,oFAAoF,EACpF,+GAA+G,EAC/G,4HAA4H,EAC5H;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/css/main.css

@@ -420,7 +420,7 @@
 						overscroll-behavior: none;
 					}
 				}
-			.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.center{left:50%;top:50%;}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.col-end{display:flex;flex-direction:column;align-items:flex-end;gap:0.50rem;}.col-start{display:flex;flex-direction:column;align-items:flex-start;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash);}}@media (min-width: 640px){@layer components{.\!layer-components\:sm\:bg-wash{background-color:var(--color-wash) !important;}}}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[font-family\:inherit\],.font-inherit{font-family:inherit;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--0\.5px{bottom:-0.5px;}.bottom--6{bottom:-1.5rem;}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.right--20px{right:-20px;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.right-5px{right:5px;}.top--20px{top:-20px;}.top-0{top:0.00rem;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-5px{top:5px;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.after\:bottom-0::after{bottom:0.00rem;}.after\:left--9px::after{left:-9px;}.after\:right-0::after{right:0.00rem;}.after\:top--7px::after{top:-7px;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.important\:m-2{margin:0.50rem !important;}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.important\:mx-1{margin-left:0.25rem !important;margin-right:0.25rem !important;}.my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.mt-0{margin-top:0.00rem;}.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2{margin-bottom:0.50rem;}.\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2{margin-top:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mt-3{margin-top:0.75rem;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[4px\]{height:4px;}.h-\[calc\(100\%-18px\)\]{height:calc(100% - 18px);}.h-\[max-content\]{height:max-content;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-32px{height:32px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.important\:h-30px{height:30px !important;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-w-0{min-width:0;}.min-w-100px{min-width:100px;}.min-w-220px{min-width:220px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-20\%{width:20%;}.w-20px{width:20px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-32px{width:32px;}.w-4{width:1rem;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.important\:flex{display:flex !important;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.important\:flex-row{flex-direction:row !important;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-6{--un-translate-y:1.50rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
+			.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.center{left:50%;top:50%;}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.col-end{display:flex;flex-direction:column;align-items:flex-end;gap:0.50rem;}.col-start{display:flex;flex-direction:column;align-items:flex-start;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash);}}@media (min-width: 640px){@layer components{.layer-components\:sm\:bg-wash{background-color:var(--color-wash);}}}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[font-family\:inherit\],.font-inherit{font-family:inherit;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--0\.5px{bottom:-0.5px;}.bottom--6{bottom:-1.5rem;}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.right--20px{right:-20px;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.right-5px{right:5px;}.top--20px{top:-20px;}.top-0{top:0.00rem;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-5px{top:5px;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.after\:bottom-0::after{bottom:0.00rem;}.after\:left--9px::after{left:-9px;}.after\:right-0::after{right:0.00rem;}.after\:top--7px::after{top:-7px;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.important\:m-2{margin:0.50rem !important;}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.important\:mx-1{margin-left:0.25rem !important;margin-right:0.25rem !important;}.my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.mt-0{margin-top:0.00rem;}.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2{margin-bottom:0.50rem;}.\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2{margin-top:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mt-3{margin-top:0.75rem;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[4px\]{height:4px;}.h-\[calc\(100\%-18px\)\]{height:calc(100% - 18px);}.h-\[max-content\]{height:max-content;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-32px{height:32px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.important\:h-30px{height:30px !important;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-w-0{min-width:0;}.min-w-100px{min-width:100px;}.min-w-220px{min-width:220px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-20\%{width:20%;}.w-20px{width:20px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-32px{width:32px;}.w-4{width:1rem;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.important\:flex{display:flex !important;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.important\:flex-row{flex-direction:row !important;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-6{--un-translate-y:1.50rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
 						from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
 						to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
 					}@keyframes peek-open{

package/dist/esm/components/layouts/PageRoot.js

@@ -15,7 +15,7 @@ import classNames from 'clsx';
 import { forwardRef } from 'react';
 export const PageRoot = forwardRef(function PageRoot(_a, ref) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (_jsx("div", Object.assign({ ref: ref, className: classNames('layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-0 layer-components:h-full layer-components:bg-gray-2', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr] layer-components:items-start layer-components:justify-center', 'layer-components:sm:grid-areas-[gutter1_nav_content_gutter2] layer-components:sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] layer-components:sm:min-h-auto !layer-components:sm:bg-wash', {
+    return (_jsx("div", Object.assign({ ref: ref, className: classNames('layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-0 layer-components:h-full layer-components:bg-gray-2', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr] layer-components:items-start layer-components:justify-center', 'layer-components:sm:grid-areas-[gutter1_nav_content_gutter2] layer-components:sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] layer-components:sm:min-h-auto layer-components:sm:bg-wash', {
             'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
         }, className) }, props, { children: children })));
 });

package/dist/esm/components/layouts/PageRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,oFAAoF,EACpF,+GAA+G,EAC/G,6HAA6H,EAC7H;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,oFAAoF,EACpF,+GAA+G,EAC/G,4HAA4H,EAC5H;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "type": "module",
   "files": [
     "/dist",

package/src/components/layouts/PageRoot.tsx

@@ -15,7 +15,7 @@ export const PageRoot = forwardRef<
 			className={classNames(
 				'layer-components:(flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full bg-gray-2)',
 				'layer-components:(grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center)',
-				'layer-components:sm:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto !bg-wash)',
+				'layer-components:sm:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto bg-wash)',
 				{
 					'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
 				},