@inc2734/unitone-css 0.80.1 → 0.82.0

package/dist/app.js

@@ -1 +1 @@
-"use strict";var t,e={};var n=function(){if(t)return e;function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function i(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?n(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return o(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}(t))||e){n&&(t=n);var i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function a(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}t=1;var u=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},l=function(t){var e,n,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];if(i){var r,o=i.getBoundingClientRect();t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").split(" ").filter((function(t){return!["divider:initialized","-stack"].includes(t)})).join(" "));var a=[].slice.call(t.children).filter((function(t){var e=window.getComputedStyle(t).getPropertyValue("position"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));a.forEach((function(t){var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)})),a.forEach((function(t,e){var n,i=null===(n=r)||void 0===n?void 0:n.getBoundingClientRect(),a=t.getBoundingClientRect(),u=t.getAttribute("data-unitone-layout")||"",l=u.split(" ");(0===e||(null==i?void 0:i.top)<a.top&&(null==i?void 0:i.left)>=a.left)&&(l.includes("-bol")||l.push("-bol")),0<e&&o.top<a.top&&(l.includes("-linewrap")||l.push("-linewrap")),l!==u&&t.setAttribute("data-unitone-layout",l.filter(Boolean).join(" ")||""),r=t})),[].slice.call(a).every((function(t){return t.getBoundingClientRect().left===o.left}))&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -stack")),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," divider:initialized"))}},d=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var r,o=[],a=0,u=a,l=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),c=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==c){o.push(t);var s="row-reverse"===l?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||s?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>u&&(u=a)}})),t.style.setProperty("--unitone--max-stairs-step",u);var d=t.getBoundingClientRect().bottom,c=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",c)}},c=function(t){t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:initialized","").trim())),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:safari","").trim())),t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}[].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e&&(t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:initialized")),t.getBoundingClientRect().left>e.getBoundingClientRect().left&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:safari")),requestAnimationFrame((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))})))};return e.debounce=a,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(a((function(t){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){var o,a=e.value,u=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==n&&(l(a.target),n=u)}}catch(t){i.e(t)}finally{i.f()}}),250)),u=new MutationObserver((function(n){requestAnimationFrame((function(){var o,a=r(n);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,a,u,d,c=[].concat(i(null!==(r=null==e||null===(a=e.ignore)||void 0===a?void 0:a.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")&&l(t)}else if("attributes"===n.type&&"class"===n.attributeName){var s,f,v,y,b=i(null!==(s=null==e||null===(f=e.ignore)||void 0===f?void 0:f.className)&&void 0!==s?s:[]);(null!==(v=n.target.getAttribute(n.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!b.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!b.includes(t)})).join(" ")&&l(t)}else"attributes"===n.type&&"style"===n.attributeName&&l(t)};for(a.s();!(o=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}));return o.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:u}},e.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver(a((function(t){var n,i=r(t);try{for(i.s();!(n=i.n()).done;){var o,a=n.value,l=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;l!==e&&(u(a.target),e=l)}}catch(t){i.e(t)}finally{i.f()}}),250)).observe(t)},e.setDividerLinewrap=l,e.setStairsStep=d,e.stairsResizeObserver=function(t){var e=new ResizeObserver(a((function(t){var e,n=r(t);try{for(n.s();!(e=n.n()).done;){var i=e.value;d(i.target)}}catch(t){n.e(t)}finally{n.f()}}),250));return e.observe(t),e},e.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(a((function(t){var n,i=r(t);try{for(i.s();!(n=i.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,a.target.parentNode.style.height="",c(a.target))}}catch(t){i.e(t)}finally{i.f()}}),250));n.observe(t);var i=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],a=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;c(t)}}))}));return i.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:i}},e}();function i(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}(t))||e){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="-fluid-typography"]');null==i||i.forEach((function(t){n.fluidFontSizeResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(t){n.dividersResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(t){n.stairsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(t){n.verticalsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
+"use strict";var t,e={};var n=function(){if(t)return e;function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function i(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?n(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return o(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}(t))||e){n&&(t=n);var i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function a(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}t=1;var u=function(t){var e,n,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];if(i){var r,o=i.getBoundingClientRect();t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").split(" ").filter((function(t){return!["divider:initialized","-stack"].includes(t)})).join(" "));var a=[].slice.call(t.children).filter((function(t){var e=window.getComputedStyle(t).getPropertyValue("position"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));a.forEach((function(t){var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)})),a.forEach((function(t,e){var n,i=null===(n=r)||void 0===n?void 0:n.getBoundingClientRect(),a=t.getBoundingClientRect(),u=t.getAttribute("data-unitone-layout")||"",l=u.split(" ");(0===e||(null==i?void 0:i.top)<a.top&&(null==i?void 0:i.left)>=a.left)&&(l.includes("-bol")||l.push("-bol")),0<e&&o.top<a.top&&(l.includes("-linewrap")||l.push("-linewrap")),l!==u&&t.setAttribute("data-unitone-layout",l.filter(Boolean).join(" ")||""),r=t})),[].slice.call(a).every((function(t){return t.getBoundingClientRect().left===o.left}))&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -stack")),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," divider:initialized"))}},l=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var r,o=[],a=0,u=a,l=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),c=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==c){o.push(t);var s="row-reverse"===l?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||s?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>u&&(u=a)}})),t.style.setProperty("--unitone--max-stairs-step",u);var d=t.getBoundingClientRect().bottom,c=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",c)}},d=function(t){t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:initialized","").trim())),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:safari","").trim())),t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}[].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e&&(t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:initialized")),t.getBoundingClientRect().left>e.getBoundingClientRect().left&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:safari")),requestAnimationFrame((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))})))};return e.debounce=a,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(a((function(t){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){var o,a=e.value,l=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;l!==n&&(u(a.target),n=l)}}catch(t){i.e(t)}finally{i.f()}}),250)),l=new MutationObserver((function(n){requestAnimationFrame((function(){var o,a=r(n);try{var l=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,a,l,d,c=[].concat(i(null!==(r=null==e||null===(a=e.ignore)||void 0===a?void 0:a.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(l=n.target.getAttribute(n.attributeName))&&void 0!==l?l:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")&&u(t)}else if("attributes"===n.type&&"class"===n.attributeName){var s,f,v,y,b=i(null!==(s=null==e||null===(f=e.ignore)||void 0===f?void 0:f.className)&&void 0!==s?s:[]);(null!==(v=n.target.getAttribute(n.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!b.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!b.includes(t)})).join(" ")&&u(t)}else"attributes"===n.type&&"style"===n.attributeName&&u(t)};for(a.s();!(o=a.n()).done;)l()}catch(t){a.e(t)}finally{a.f()}}))}));return o.observe(t),l.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:l}},e.setDividerLinewrap=u,e.setStairsStep=l,e.stairsResizeObserver=function(t){var e=new ResizeObserver(a((function(t){var e,n=r(t);try{for(n.s();!(e=n.n()).done;){var i=e.value;l(i.target)}}catch(t){n.e(t)}finally{n.f()}}),250));return e.observe(t),e},e.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(a((function(t){var n,i=r(t);try{for(i.s();!(n=i.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,a.target.parentNode.style.height="",d(a.target))}}catch(t){i.e(t)}finally{i.f()}}),250));n.observe(t);var i=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],a=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;d(t)}}))}));return i.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:i}},e}();function i(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}(t))||e){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(t){n.dividersResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(t){n.stairsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(t){n.verticalsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));

package/dist/index.js

@@ -1 +1 @@
-"use strict";var t=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},e.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e);if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var c=["gap","columnGap","rowGap","alignItems","style"];function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var l=["intrinsic","withText","gutters","maxWidth","style"];function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=["alignItems","divider","gap","columnGap","rowGap","justifyContent","tagName","style"],d=["align","gutters","maxWidth","text","style"];function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?v(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=["gap","minHeight","justifyContent","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","noPadding","style"],b=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function O(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function g(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?O(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=["backgroundColor","borderColor","borderRadius","borderWidth","maxHeight","minHeight","color","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","alignContent","justifyItems","shadow","position","top","right","bottom","left","zIndex","overflow","backdropFilter","progressiveBackdropFilter","progressiveBackdropFilterAngle","progressiveBackdropFilterStart","style"];function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var w=["gap","minWidth","minMeasure","position","style"];function P(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var x=["ratio","switchRatio","style"];function E(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var k=["padding","style"],B=["cover","fill","applyBlur","blur","portrait","gap","minHeight","columns","rows","style"];function W(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function G(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?W(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):W(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var C=["gap","columnWidth","style"];function I(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function R(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?I(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var F=["gap","height","itemWidth","noBar","style"];function H(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function z(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?H(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var M=["columnMinWidth","gap","autoRepeat","divider","stairs","stairsUp","style"];function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function L(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=["center","divider","gap","negative","revert","style"];function U(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var A=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","stairs","stairsUp","style"];function _(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function q(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?_(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var V=["center","column","applyGap","gap","gutters","maxWidth","columnWidth","style"];function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function K(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Q=["texture","textureColor","textureSize","style"];function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Z=["textOrientation","gap","maxHeight","switchWritingMode","threshold","style"];function $(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function tt(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?$(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var et=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","overflow","divider","style"];function rt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function nt(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?rt(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):rt(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(r){var n=r.gap,l=r.columnGap,u=r.rowGap,p=r.alignItems,s=r.style,d=i(r,c);return s=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},s),t.createElement("div",e({"data-unitone-layout":["both-sides",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=l?l:"")?"-column-gap:".concat(l):void 0,""!==(null!=u?u:"")?"-row-gap:".concat(u):void 0,""!==(null!=p?p:"")?"-align-items:".concat(p):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Center=function(r){r.intrinsic;var n=r.withText,o=r.gutters,c=r.maxWidth,a=r.style,u=i(r,l);return a=p(p({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["center",!0===n?"-with-text":void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},u),u.children)},exports.Cluster=function(r){var n=r.alignItems,o=r.divider,c=r.gap,a=r.columnGap,l=r.rowGap,u=r.justifyContent,p=r.tagName,d=void 0===p?"div":p,v=r.style,f=i(r,s),y=d;return t.createElement(y,e({"data-unitone-layout":["cluster",""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-row-gap:".concat(l):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=u?u:"")?"-justify-content:".concat(u):void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Container=function(r){var n=r.align,o=r.gutters,c=r.maxWidth;r.text;var a=r.style,l=i(r,d);return a=f(f({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["container",""!==(null!=n?n:"")?"-align:".concat(n):void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.Cover=function(e){var r=e.gap,n=e.minHeight;e.justifyContent;var o=e.padding,c=e.paddingTop,a=e.paddingRight,l=e.paddingBottom,u=e.paddingLeft,p=e.noPadding,s=e.style,d=i(e,y);return s=g(g({},s),{},{"--unitone--min-height":""!==n?n:void 0}),t.createElement("div",{"data-unitone-layout":["cover",p?"-no-padding":void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=o?o:"")?"-padding:".concat(o):void 0,""!==(null!=c?c:"")?"-padding-top:".concat(c):void 0,""!==(null!=a?a:"")?"-padding-right:".concat(a):void 0,""!==(null!=l?l:"")?"-padding-bottom:".concat(l):void 0,""!==(null!=u?u:"")?"-padding-left:".concat(u):void 0].filter(Boolean).join(" "),style:s},d.children)},exports.CoverContent=function(r){var n=r.valign,o=r.position,c=r.top,a=r.right,l=r.bottom,u=r.left,p=r.zIndex,s=r.tagName,d=void 0===s?"div":s,v=r.style,f=i(r,b),y=d;return v=g(g({},v),{},{"--unitone--top":""!==c?c:void 0,"--unitone--right":""!==a?a:void 0,"--unitone--bottom":""!==l?l:void 0,"--unitone--left":""!==u?u:void 0,"--unitone--z-index":""!==p?p:void 0}),t.createElement(y,e({"data-unitone-layout":["cover__content",""!==(null!=n?n:"")?"-valign:".concat(n):void 0,""!==(null!=o?o:"")?"-position:".concat(o):void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Decorator=function(r){var n=r.backgroundColor,o=r.borderColor,c=r.borderRadius,a=r.borderWidth,l=r.maxHeight,u=r.minHeight,p=r.color,s=r.padding,d=r.paddingTop,v=r.paddingRight,f=r.paddingBottom,y=r.paddingLeft,b=r.alignContent,O=r.justifyItems,g=r.shadow,h=r.position,w=r.top,P=r.right,D=r.bottom,x=r.left,E=r.zIndex,S=r.overflow,k=r.backdropFilter,B=r.progressiveBackdropFilter,W=r.progressiveBackdropFilterAngle,G=r.progressiveBackdropFilterStart,C=r.style,I=i(r,j);return C=m(m({},C),{},{"--unitone--background-color":""!==n?n:void 0,"--unitone--border-color":""!==o?o:void 0,"--unitone--border-radius":""!==c?c:void 0,"--unitone--border-width":""!==a?a:void 0,"--unitone--max-height":""!==l?l:void 0,"--unitone--min-height":""!==u?u:void 0,"--unitone--color":""!==p?p:void 0,"--unitone--top":""!==w?w:void 0,"--unitone--right":""!==P?P:void 0,"--unitone--bottom":""!==D?D:void 0,"--unitone--left":""!==x?x:void 0,"--unitone--z-index":""!==E?E:void 0,"--unitone--backdrop-filter":""!==k?k:void 0,"--unitone--progressive-backdrop-filter-angle":B&&""!==W?W:void 0,"--unitone--progressive-backdrop-filter-start":G&&""!==G?G:void 0}),t.createElement("div",e({"data-unitone-layout":["decorator",""!==(null!=b?b:"")?"-align-content:".concat(b):void 0,""!==(null!=O?O:"")?"-justify-items:".concat(O):void 0,""!==(null!=s?s:"")?"-padding:".concat(s):void 0,""!==(null!=d?d:"")?"-padding-top:".concat(d):void 0,""!==(null!=v?v:"")?"-padding-right:".concat(v):void 0,""!==(null!=f?f:"")?"-padding-bottom:".concat(f):void 0,""!==(null!=y?y:"")?"-padding-left:".concat(y):void 0,g?"-shadow":void 0,""!==(null!=h?h:"")?"-position:".concat(h):void 0,""!==(null!=S?S:"")?"-overflow:".concat(S):void 0,B?"-progressive-backdrop-filter":void 0].filter(Boolean).join(" "),style:C},I),I.children)},exports.Float=function(r){var n=r.gap,o=r.minWidth,c=r.minMeasure,a=r.position,l=r.style,u=i(r,w);return l=D(D({},l),{},{"--unitone--min-width":""!==o?o:void 0,"--unitone--min-measure":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["float",""!==(null!=a?a:"")?"-position:".concat(a):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Frame=function(r){var n=r.ratio,o=r.switchRatio,c=r.style,a=i(r,x);return c=S(S({},c),{},{"--unitone--ratio":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["frame",o?"-switch":void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Gutters=function(r){var n=r.padding,o=r.style,c=i(r,k);return t.createElement("div",e({"data-unitone-layout":["gutters",""!==(null!=n?n:"")?"-padding:".concat(n):void 0].filter(Boolean).join(" "),style:o},c),c.children)},exports.Layers=function(r){var n=r.cover,o=r.fill,c=r.applyBlur,a=r.blur,l=r.portrait,u=r.gap,p=r.minHeight,s=r.columns,d=r.rows,v=r.style,f=i(r,B);return v=G(G({},v),{},{"--unitone--min-height":""!==p?p:void 0,"--unitone--columns":""!==s?s:void 0,"--unitone--rows":""!==d?d:void 0,"--unitone--blur":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["layers",""!==(null!=u?u:"")?"-gap:".concat(u):void 0,n?"-cover":void 0,o?"-fill":void 0,c?"-blur":void 0,l?"-portrait":void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Masonry=function(r){var n=r.gap,o=r.columnWidth,c=r.style,a=i(r,C);return c=R(R({},c),{},{"--unitone--column-width":""!==o?o:void 0}),t.createElement("div",e({"data-unitone-layout":["masonry",""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Reel=function(r){var n=r.gap,o=r.height,c=r.itemWidth,a=r.noBar,l=r.style,u=i(r,F);return l=z(z({},l),{},{"--unitone--height":""!==o?o:void 0,"--unitone--item-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["reel",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,a?"-no-bar":void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.ResponsiveGrid=function(r){var n=r.columnMinWidth,o=r.gap,c=r.autoRepeat,a=r.divider,l=r.stairs,u=r.stairsUp,p=r.style,s=i(r,M);return p=L(L({},p),{},{"--unitone--column-min-width":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["responsive-grid",""!==(null!=o?o:"")?"-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-auto-repeat:".concat(c):void 0,""!==(null!=a?a:"")?"-divider:".concat(a):void 0,""!==(null!=l?l:"")?"-stairs:".concat(l):void 0,""!==(null!=u?u:"")?"-stairs-up:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Stack=function(r){r.center;var n=r.divider,c=r.gap,a=r.negative,l=r.revert,u=r.style,p=i(r,N);return u=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},u),t.createElement("div",e({"data-unitone-layout":["stack",l?"-revert":void 0,""!==(null!=n?n:"")?"-divider:".concat(n):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,a?"-negative":void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.Switcher=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap;r.limit;var a=r.revert,l=r.threshold,u=r.alignItems,p=r.stairs,s=r.stairsUp,d=r.style,v=i(r,A);return d=q(q({},d),{},{"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",e({"data-unitone-layout":["switcher",a?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-align-items:".concat(u):void 0,""!==(null!=p?p:"")?"-stairs:".concat(p):void 0,""!==(null!=s?s:"")?"-stairs-up:".concat(s):void 0].filter(Boolean).join(" "),style:d},v),v.children)},exports.Text=function(r){var n=r.center,o=r.column,c=r.applyGap,a=r.gap,l=r.gutters,u=r.maxWidth,p=r.columnWidth,s=r.style,d=i(r,V);return s=K(K({},s),{},{"--unitone--max-width":""!==u?u:void 0,"--unitone--column-width":""!==p?p:void 0}),t.createElement("div",e({"data-unitone-layout":["text",n?"-center":void 0,o?"-column":void 0,c?"-gap":void 0,""!==(null!=a?a:"")?"-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-gutters:".concat(l):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Texture=function(r){var n=r.texture,o=r.textureColor,c=r.textureSize,a=r.style,l=i(r,Q);return a=Y(Y({},a),{},{"--unitone--texture-color":""!==o?o:void 0,"--unitone--texture-size":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["texture",""!==(null!=n?n:"")?"-texture:".concat(n):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.VerticalWriting=function(r){var n=r.textOrientation,o=r.gap,c=r.maxHeight,a=r.switchWritingMode,l=r.threshold,u=r.style,p=i(r,Z);return u=tt(tt({},u),{},{"--unitone--max-height":""!==c?c:void 0,"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",null,t.createElement("div",e({"data-unitone-layout":["vertical-writing",""!==(null!=n?n:"")?"-text-orientation:".concat(n):void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,a?"-switch":void 0].filter(Boolean).join(" "),style:u},p),p.children))},exports.WithSidebar=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap,a=r.contentMinWidth,l=r.revert,u=r.sidebar,p=r.sidebarWidth,s=r.alignItems,d=r.overflow,v=r.divider,f=r.style,y=i(r,et);return f=nt(nt({},f),{},{"--unitone--sidebar-width":""!==p?p:void 0,"--unitone--content-min-width":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["with-sidebar",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=s?s:"")?"-align-items:".concat(s):void 0,""!==(null!=d?d:"")?"-overflow:".concat(d):void 0,""!==(null!=v?v:"")?"-divider:".concat(v):void 0].filter(Boolean).join(" "),style:f},y),y.children)};
+"use strict";var t=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},e.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e);if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var c=["gap","columnGap","rowGap","alignItems","style"];function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var l=["intrinsic","withText","gutters","maxWidth","style"];function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=["alignItems","divider","gap","columnGap","rowGap","justifyContent","tagName","style"],d=["align","gutters","maxWidth","text","style"];function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?v(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=["gap","minHeight","justifyContent","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","noPadding","style"],b=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function g(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function O(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?g(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=["backgroundColor","borderColor","borderRadius","borderWidth","maxHeight","minHeight","color","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","gap","alignContent","justifyItems","shadow","position","top","right","bottom","left","zIndex","overflow","backdropFilter","progressiveBackdropFilter","progressiveBackdropFilterAngle","progressiveBackdropFilterStart","style"];function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var w=["gap","minWidth","minMeasure","position","style"];function P(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var x=["ratio","switchRatio","style"];function E(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var k=["padding","style"],B=["cover","fill","applyBlur","blur","portrait","gap","minHeight","columns","rows","style"];function W(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function G(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?W(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):W(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var C=["gap","columnWidth","style"];function I(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function R(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?I(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var F=["gap","height","itemWidth","noBar","style"];function H(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function z(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?H(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var M=["columnMinWidth","gap","autoRepeat","divider","stairs","stairsUp","style"];function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function L(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=["center","divider","gap","negative","revert","style"];function U(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var A=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","stairs","stairsUp","style"];function _(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function q(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?_(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var V=["center","column","applyGap","gap","gutters","maxWidth","columnWidth","style"];function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function K(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Q=["texture","textureColor","textureSize","style"];function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Z=["textOrientation","gap","maxHeight","switchWritingMode","threshold","style"];function $(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function tt(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?$(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var et=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","overflow","divider","style"];function rt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function nt(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?rt(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):rt(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(r){var n=r.gap,l=r.columnGap,u=r.rowGap,p=r.alignItems,s=r.style,d=i(r,c);return s=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},s),t.createElement("div",e({"data-unitone-layout":["both-sides",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=l?l:"")?"-column-gap:".concat(l):void 0,""!==(null!=u?u:"")?"-row-gap:".concat(u):void 0,""!==(null!=p?p:"")?"-align-items:".concat(p):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Center=function(r){r.intrinsic;var n=r.withText,o=r.gutters,c=r.maxWidth,a=r.style,u=i(r,l);return a=p(p({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["center",!0===n?"-with-text":void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},u),u.children)},exports.Cluster=function(r){var n=r.alignItems,o=r.divider,c=r.gap,a=r.columnGap,l=r.rowGap,u=r.justifyContent,p=r.tagName,d=void 0===p?"div":p,v=r.style,f=i(r,s),y=d;return t.createElement(y,e({"data-unitone-layout":["cluster",""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-row-gap:".concat(l):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=u?u:"")?"-justify-content:".concat(u):void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Container=function(r){var n=r.align,o=r.gutters,c=r.maxWidth;r.text;var a=r.style,l=i(r,d);return a=f(f({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["container",""!==(null!=n?n:"")?"-align:".concat(n):void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.Cover=function(e){var r=e.gap,n=e.minHeight;e.justifyContent;var o=e.padding,c=e.paddingTop,a=e.paddingRight,l=e.paddingBottom,u=e.paddingLeft,p=e.noPadding,s=e.style,d=i(e,y);return s=O(O({},s),{},{"--unitone--min-height":""!==n?n:void 0}),t.createElement("div",{"data-unitone-layout":["cover",p?"-no-padding":void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=o?o:"")?"-padding:".concat(o):void 0,""!==(null!=c?c:"")?"-padding-top:".concat(c):void 0,""!==(null!=a?a:"")?"-padding-right:".concat(a):void 0,""!==(null!=l?l:"")?"-padding-bottom:".concat(l):void 0,""!==(null!=u?u:"")?"-padding-left:".concat(u):void 0].filter(Boolean).join(" "),style:s},d.children)},exports.CoverContent=function(r){var n=r.valign,o=r.position,c=r.top,a=r.right,l=r.bottom,u=r.left,p=r.zIndex,s=r.tagName,d=void 0===s?"div":s,v=r.style,f=i(r,b),y=d;return v=O(O({},v),{},{"--unitone--top":""!==c?c:void 0,"--unitone--right":""!==a?a:void 0,"--unitone--bottom":""!==l?l:void 0,"--unitone--left":""!==u?u:void 0,"--unitone--z-index":""!==p?p:void 0}),t.createElement(y,e({"data-unitone-layout":["cover__content",""!==(null!=n?n:"")?"-valign:".concat(n):void 0,""!==(null!=o?o:"")?"-position:".concat(o):void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Decorator=function(r){var n=r.backgroundColor,o=r.borderColor,c=r.borderRadius,a=r.borderWidth,l=r.maxHeight,u=r.minHeight,p=r.color,s=r.padding,d=r.paddingTop,v=r.paddingRight,f=r.paddingBottom,y=r.paddingLeft,b=r.gap,g=r.alignContent,O=r.justifyItems,h=r.shadow,w=r.position,P=r.top,D=r.right,x=r.bottom,E=r.left,S=r.zIndex,k=r.overflow,B=r.backdropFilter,W=r.progressiveBackdropFilter,G=r.progressiveBackdropFilterAngle,C=r.progressiveBackdropFilterStart,I=r.style,R=i(r,j);return I=m(m({},I),{},{"--unitone--background-color":""!==n?n:void 0,"--unitone--border-color":""!==o?o:void 0,"--unitone--border-radius":""!==c?c:void 0,"--unitone--border-width":""!==a?a:void 0,"--unitone--max-height":""!==l?l:void 0,"--unitone--min-height":""!==u?u:void 0,"--unitone--color":""!==p?p:void 0,"--unitone--top":""!==P?P:void 0,"--unitone--right":""!==D?D:void 0,"--unitone--bottom":""!==x?x:void 0,"--unitone--left":""!==E?E:void 0,"--unitone--z-index":""!==S?S:void 0,"--unitone--backdrop-filter":""!==B?B:void 0,"--unitone--progressive-backdrop-filter-angle":W&&""!==G?G:void 0,"--unitone--progressive-backdrop-filter-start":C&&""!==C?C:void 0}),t.createElement("div",e({"data-unitone-layout":["decorator",""!==(null!=b?b:"")?"-gap:".concat(b):void 0,""!==(null!=g?g:"")?"-align-content:".concat(g):void 0,""!==(null!=O?O:"")?"-justify-items:".concat(O):void 0,""!==(null!=s?s:"")?"-padding:".concat(s):void 0,""!==(null!=d?d:"")?"-padding-top:".concat(d):void 0,""!==(null!=v?v:"")?"-padding-right:".concat(v):void 0,""!==(null!=f?f:"")?"-padding-bottom:".concat(f):void 0,""!==(null!=y?y:"")?"-padding-left:".concat(y):void 0,h?"-shadow":void 0,""!==(null!=w?w:"")?"-position:".concat(w):void 0,""!==(null!=k?k:"")?"-overflow:".concat(k):void 0,W?"-progressive-backdrop-filter":void 0].filter(Boolean).join(" "),style:I},R),R.children)},exports.Float=function(r){var n=r.gap,o=r.minWidth,c=r.minMeasure,a=r.position,l=r.style,u=i(r,w);return l=D(D({},l),{},{"--unitone--min-width":""!==o?o:void 0,"--unitone--min-measure":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["float",""!==(null!=a?a:"")?"-position:".concat(a):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Frame=function(r){var n=r.ratio,o=r.switchRatio,c=r.style,a=i(r,x);return c=S(S({},c),{},{"--unitone--ratio":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["frame",o?"-switch":void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Gutters=function(r){var n=r.padding,o=r.style,c=i(r,k);return t.createElement("div",e({"data-unitone-layout":["gutters",""!==(null!=n?n:"")?"-padding:".concat(n):void 0].filter(Boolean).join(" "),style:o},c),c.children)},exports.Layers=function(r){var n=r.cover,o=r.fill,c=r.applyBlur,a=r.blur,l=r.portrait,u=r.gap,p=r.minHeight,s=r.columns,d=r.rows,v=r.style,f=i(r,B);return v=G(G({},v),{},{"--unitone--min-height":""!==p?p:void 0,"--unitone--columns":""!==s?s:void 0,"--unitone--rows":""!==d?d:void 0,"--unitone--blur":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["layers",""!==(null!=u?u:"")?"-gap:".concat(u):void 0,n?"-cover":void 0,o?"-fill":void 0,c?"-blur":void 0,l?"-portrait":void 0].filter(Boolean).join(" "),style:v},f),f.children)},exports.Masonry=function(r){var n=r.gap,o=r.columnWidth,c=r.style,a=i(r,C);return c=R(R({},c),{},{"--unitone--column-width":""!==o?o:void 0}),t.createElement("div",e({"data-unitone-layout":["masonry",""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Reel=function(r){var n=r.gap,o=r.height,c=r.itemWidth,a=r.noBar,l=r.style,u=i(r,F);return l=z(z({},l),{},{"--unitone--height":""!==o?o:void 0,"--unitone--item-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["reel",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,a?"-no-bar":void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.ResponsiveGrid=function(r){var n=r.columnMinWidth,o=r.gap,c=r.autoRepeat,a=r.divider,l=r.stairs,u=r.stairsUp,p=r.style,s=i(r,M);return p=L(L({},p),{},{"--unitone--column-min-width":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["responsive-grid",""!==(null!=o?o:"")?"-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-auto-repeat:".concat(c):void 0,""!==(null!=a?a:"")?"-divider:".concat(a):void 0,""!==(null!=l?l:"")?"-stairs:".concat(l):void 0,""!==(null!=u?u:"")?"-stairs-up:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Stack=function(r){r.center;var n=r.divider,c=r.gap,a=r.negative,l=r.revert,u=r.style,p=i(r,N);return u=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},u),t.createElement("div",e({"data-unitone-layout":["stack",l?"-revert":void 0,""!==(null!=n?n:"")?"-divider:".concat(n):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,a?"-negative":void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.Switcher=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap;r.limit;var a=r.revert,l=r.threshold,u=r.alignItems,p=r.stairs,s=r.stairsUp,d=r.style,v=i(r,A);return d=q(q({},d),{},{"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",e({"data-unitone-layout":["switcher",a?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-align-items:".concat(u):void 0,""!==(null!=p?p:"")?"-stairs:".concat(p):void 0,""!==(null!=s?s:"")?"-stairs-up:".concat(s):void 0].filter(Boolean).join(" "),style:d},v),v.children)},exports.Text=function(r){var n=r.center,o=r.column,c=r.applyGap,a=r.gap,l=r.gutters,u=r.maxWidth,p=r.columnWidth,s=r.style,d=i(r,V);return s=K(K({},s),{},{"--unitone--max-width":""!==u?u:void 0,"--unitone--column-width":""!==p?p:void 0}),t.createElement("div",e({"data-unitone-layout":["text",n?"-center":void 0,o?"-column":void 0,c?"-gap":void 0,""!==(null!=a?a:"")?"-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-gutters:".concat(l):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Texture=function(r){var n=r.texture,o=r.textureColor,c=r.textureSize,a=r.style,l=i(r,Q);return a=Y(Y({},a),{},{"--unitone--texture-color":""!==o?o:void 0,"--unitone--texture-size":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["texture",""!==(null!=n?n:"")?"-texture:".concat(n):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.VerticalWriting=function(r){var n=r.textOrientation,o=r.gap,c=r.maxHeight,a=r.switchWritingMode,l=r.threshold,u=r.style,p=i(r,Z);return u=tt(tt({},u),{},{"--unitone--max-height":""!==c?c:void 0,"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",null,t.createElement("div",e({"data-unitone-layout":["vertical-writing",""!==(null!=n?n:"")?"-text-orientation:".concat(n):void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,a?"-switch":void 0].filter(Boolean).join(" "),style:u},p),p.children))},exports.WithSidebar=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap,a=r.contentMinWidth,l=r.revert,u=r.sidebar,p=r.sidebarWidth,s=r.alignItems,d=r.overflow,v=r.divider,f=r.style,y=i(r,et);return f=nt(nt({},f),{},{"--unitone--sidebar-width":""!==p?p:void 0,"--unitone--content-min-width":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["with-sidebar",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=s?s:"")?"-align-items:".concat(s):void 0,""!==(null!=d?d:"")?"-overflow:".concat(d):void 0,""!==(null!=v?v:"")?"-divider:".concat(v):void 0].filter(Boolean).join(" "),style:f},y),y.children)};

package/dist/library.js

@@ -1 +1 @@
-"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function r(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}var o=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},a=function(t){var e,n,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];if(i){var r,o=i.getBoundingClientRect();t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").split(" ").filter((function(t){return!["divider:initialized","-stack"].includes(t)})).join(" "));var a=[].slice.call(t.children).filter((function(t){var e=window.getComputedStyle(t).getPropertyValue("position"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));a.forEach((function(t){var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)})),a.forEach((function(t,e){var n,i=null===(n=r)||void 0===n?void 0:n.getBoundingClientRect(),a=t.getBoundingClientRect(),l=t.getAttribute("data-unitone-layout")||"",u=l.split(" ");(0===e||(null==i?void 0:i.top)<a.top&&(null==i?void 0:i.left)>=a.left)&&(u.includes("-bol")||u.push("-bol")),0<e&&o.top<a.top&&(u.includes("-linewrap")||u.push("-linewrap")),u!==l&&t.setAttribute("data-unitone-layout",u.filter(Boolean).join(" ")||""),r=t})),[].slice.call(a).every((function(t){return t.getBoundingClientRect().left===o.left}))&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -stack")),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," divider:initialized"))}},l=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var r,o=[],a=0,l=a,u=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),s=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==s){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||c?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>l&&(l=a)}})),t.style.setProperty("--unitone--max-stairs-step",l);var d=t.getBoundingClientRect().bottom,s=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",s)}},u=function(t){t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:initialized","").trim())),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:safari","").trim())),t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e)&&(t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:initialized")),t.getBoundingClientRect().left>e.getBoundingClientRect().left&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:safari")),requestAnimationFrame((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))})))};exports.debounce=r,exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=0,l=new ResizeObserver(r((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var r,l=e.value,u=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==o&&(a(l.target),o=u)}}catch(t){i.e(t)}finally{i.f()}}),250)),u=new MutationObserver((function(r){requestAnimationFrame((function(){var o,l=n(r);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,l,u,d,s=[].concat(e(null!==(r=null==i||null===(l=i.ignore)||void 0===l?void 0:l.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&a(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,y,g=e(null!==(c=null==i||null===(v=i.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:[]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")&&a(t)}else"attributes"===n.type&&"style"===n.attributeName&&a(t)};for(l.s();!(o=l.n()).done;)u()}catch(t){l.e(t)}finally{l.f()}}))}));return l.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:l,mutationObserver:u}},exports.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var a,l=i.value,u=null===(a=l.borderBoxSize)||void 0===a?void 0:a[0].inlineSize;u!==e&&(o(l.target),e=u)}}catch(t){r.e(t)}finally{r.f()}}),250)).observe(t)},exports.setDividerLinewrap=a,exports.setStairsStep=l,exports.stairsResizeObserver=function(t){var e=new ResizeObserver(r((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var r=e.value;l(r.target)}}catch(t){i.e(t)}finally{i.f()}}),250));return e.observe(t),e},exports.verticalsResizeObserver=function(t){var e=0,i=new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,a=i.value,l=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(l)!==parseInt(e)&&(e=l,a.target.parentNode.style.height="",u(a.target))}}catch(t){r.e(t)}finally{r.f()}}),250));i.observe(t);var o=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],a=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;u(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:i,mutationObserver:o}};
+"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function r(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}var o=function(t){var e,n,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];if(i){var r,o=i.getBoundingClientRect();t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").split(" ").filter((function(t){return!["divider:initialized","-stack"].includes(t)})).join(" "));var a=[].slice.call(t.children).filter((function(t){var e=window.getComputedStyle(t).getPropertyValue("position"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));a.forEach((function(t){var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)})),a.forEach((function(t,e){var n,i=null===(n=r)||void 0===n?void 0:n.getBoundingClientRect(),a=t.getBoundingClientRect(),l=t.getAttribute("data-unitone-layout")||"",u=l.split(" ");(0===e||(null==i?void 0:i.top)<a.top&&(null==i?void 0:i.left)>=a.left)&&(u.includes("-bol")||u.push("-bol")),0<e&&o.top<a.top&&(u.includes("-linewrap")||u.push("-linewrap")),u!==l&&t.setAttribute("data-unitone-layout",u.filter(Boolean).join(" ")||""),r=t})),[].slice.call(a).every((function(t){return t.getBoundingClientRect().left===o.left}))&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -stack")),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," divider:initialized"))}},a=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var r,o=[],a=0,l=a,u=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),s=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==s){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||c?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>l&&(l=a)}})),t.style.setProperty("--unitone--max-stairs-step",l);var d=t.getBoundingClientRect().bottom,s=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",s)}},l=function(t){t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:initialized","").trim())),t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout").replaceAll("vertical-writing:safari","").trim())),t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e)&&(t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:initialized")),t.getBoundingClientRect().left>e.getBoundingClientRect().left&&t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," vertical-writing:safari")),requestAnimationFrame((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))})))};exports.debounce=r,exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=0,l=new ResizeObserver(r((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var r,l=e.value,u=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==a&&(o(l.target),a=u)}}catch(t){i.e(t)}finally{i.f()}}),250)),u=new MutationObserver((function(r){requestAnimationFrame((function(){var a,l=n(r);try{var u=function(){var n=a.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,l,u,d,s=[].concat(e(null!==(r=null==i||null===(l=i.ignore)||void 0===l?void 0:l.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&o(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,y,g=e(null!==(c=null==i||null===(v=i.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:[]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")&&o(t)}else"attributes"===n.type&&"style"===n.attributeName&&o(t)};for(l.s();!(a=l.n()).done;)u()}catch(t){l.e(t)}finally{l.f()}}))}));return l.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:l,mutationObserver:u}},exports.setDividerLinewrap=o,exports.setStairsStep=a,exports.stairsResizeObserver=function(t){var e=new ResizeObserver(r((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var r=e.value;a(r.target)}}catch(t){i.e(t)}finally{i.f()}}),250));return e.observe(t),e},exports.verticalsResizeObserver=function(t){var e=0,i=new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,a=i.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,a.target.parentNode.style.height="",l(a.target))}}catch(t){r.e(t)}finally{r.f()}}),250));i.observe(t);var o=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],a=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;l(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:i,mutationObserver:o}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inc2734/unitone-css",
-  "version": "0.80.1",
+  "version": "0.82.0",
   "description": "",
   "engines": {
     "node": ">=20.10.0",

package/src/app.js

@@ -1,32 +1,9 @@
 import {
-  fluidFontSizeResizeObserver,
   dividersResizeObserver,
   stairsResizeObserver,
   verticalsResizeObserver,
 } from '@inc2734/unitone-css/library';
 
-document.addEventListener('DOMContentLoaded', () => {
-  const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[data-unitone-layout~="-fluid-typography"]',
-          );
-          targets?.forEach((target) => {
-            fluidFontSizeResizeObserver(target);
-          });
-        });
-      }
-    });
-  });
-
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-  });
-});
-
 document.addEventListener('DOMContentLoaded', () => {
   const observer = new MutationObserver((entries) => {
     requestAnimationFrame(() => {

package/src/foundation/_foundation.scss

@@ -10,12 +10,6 @@
   box-sizing: border-box;
 }
 
-html {
-  -webkit-text-size-adjust: 100%;
-  line-break: normal;
-  hanging-punctuation: allow-end;
-}
-
 a {
   text-underline-offset: 0.1em;
   text-decoration-thickness: 1px;
@@ -109,3 +103,7 @@ figcaption {
   min-width: fit-content !important;
   text-align: start;
 }
+
+pre {
+  text-spacing-trim: space-all;
+}

package/src/helper/_helper.scss

@@ -5,7 +5,6 @@
 @use 'auto-repeat';
 @use 'auto-phrase';
 @use 'background-clip';
-@use 'fluid-typography';
 @use 'gap';
 @use 'gutters';
 @use 'justify-content';
@@ -26,7 +25,6 @@
 @include auto-repeat.auto-repeat();
 @include auto-phrase.auto-phrase();
 @include background-clip.background-clip();
-@include fluid-typography.fluid-typography();
 @include gap.gap();
 @include gutters.gutters();
 @include justify-content.justify-content();

package/src/helper/_typography.scss

@@ -13,4 +13,8 @@
   [data-unitone-layout~="-typography\:em"] {
     @include variables.typography-em();
   }
+
+  [data-unitone-layout~="-fluid-typography"] {
+    font-size: #{ variables.$fluid-font-size };
+  }
 }

package/src/layout-primitives/decorator/_decorator.scss

@@ -15,6 +15,10 @@
   --unitone--overflow: visible;
   --unitone--backdrop-filter: none;
 
+  --unitone--align-content: normal;
+  --unitone--justify-items: legacy;
+  --unitone--gap: 0px;
+
 	--unitone--progressive-backdrop-filter-angle: 180deg;
   --unitone--progressive-backdrop-filter-start: 0%;
 
@@ -57,11 +61,16 @@
     );
   }
 
+  &[data-unitone-layout*="-gap\:"],
   &[data-unitone-layout*="-align-content\:"],
   &[data-unitone-layout*="-justify-items\:"] {
     display: grid;
   }
 
+  &[data-unitone-layout*="-gap\:"] {
+    gap: var(--unitone--gap);
+  }
+
   &[data-unitone-layout*="-align-content\:"] {
     align-content: var(--unitone--align-content);
   }

package/src/layout-primitives/decorator/index.jsx

@@ -13,6 +13,7 @@ export const Decorator = ({
   paddingRight,
   paddingBottom,
   paddingLeft,
+  gap,
   alignContent,
   justifyItems,
   shadow,
@@ -59,6 +60,7 @@ export const Decorator = ({
     <div
       data-unitone-layout={[
         'decorator',
+        '' !== (gap ?? '') ? `-gap:${gap}` : undefined,
         '' !== (alignContent ?? '') ? `-align-content:${alignContent}` : undefined,
         '' !== (justifyItems ?? '') ? `-justify-items:${justifyItems}` : undefined,
         '' !== (padding ?? '') ? `-padding:${padding}` : undefined,

package/src/layout-primitives/text/_text.scss

@@ -79,6 +79,10 @@
     --unitone--font-size: 0;
   }
 
+  :where(h1, h2, h3, h4, h5, h6) {
+    text-wrap: pretty;
+  }
+
   &:lang(ja) {
     font-feature-settings: "palt" 0;
     font-kerning: none;
@@ -104,7 +108,12 @@
     margin-left: auto;
   }
 
-  > * + * {
+  // We want to put a larger space than usual before and after paragraphs with large font sizes.
+  > * + *:where(:not(:last-child)) {
+    margin-block: var(--unitone--margin-block);
+  }
+
+  > * + *:where(:last-child) {
     margin-block-start: var(--unitone--margin-block);
   }
 

package/src/library.js

@@ -9,32 +9,6 @@ export function debounce(fn, delay) {
   };
 }
 
-const setFluidFontSizeMagnification = (target) => {
-  const baseFontSize = parseFloat(
-    window.getComputedStyle(document.documentElement).getPropertyValue('font-size'),
-  );
-  const fontSize = parseFloat(window.getComputedStyle(target).getPropertyValue('font-size'));
-  target.style.setProperty('--unitone--fluid-font-size-magnification', fontSize / baseFontSize);
-};
-
-export const fluidFontSizeResizeObserver = (target) => {
-  let prevWidth = 0;
-
-  const observer = new ResizeObserver(
-    debounce((entries) => {
-      for (const entry of entries) {
-        const width = entry.borderBoxSize?.[0].inlineSize;
-        if (width !== prevWidth) {
-          setFluidFontSizeMagnification(entry.target);
-          prevWidth = width;
-        }
-      }
-    }, 250),
-  );
-
-  observer.observe(target);
-};
-
 export const setDividerLinewrap = (target) => {
   const firstChild = [].slice.call(target?.children ?? [])?.[0];
   if (!firstChild) {

package/src/settings/_body.scss

@@ -2,10 +2,13 @@
   background-color: var(--unitone--color--background);
   color: var(--unitone--color--text);
   font-family: var(--unitone--font-family);
-}
 
-body {
   -webkit-font-smoothing: antialiased;
   // -moz-osx-font-smooting: grayscale; // White out elements will activate this.
-  overflow-wrap: break-word;
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  hanging-punctuation: allow-end;
+  line-break: strict;
+  overflow-wrap: anywhere;
+  text-spacing-trim: trim-start;
 }