@inc2734/unitone-css 0.97.1 → 0.97.3

package/dist/layout-primitives/cluster/react.js

@@ -1 +1 @@
-"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){d=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return a}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var a="data-unitone-layout",u="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(a))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(a))&&void 0!==n?n:"")!==r&&e.setAttribute(a,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,a=!0,u=new ResizeObserver(g((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var u=r.value,d=null==i?void 0:i(u);a?(n=d,a=!1):void 0!==d&&d===n||(t(u.target,u),n=d)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return u.observe(e),u},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,a=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,b=n.observeDirectChildrenResize,p=void 0!==b&&b,m=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,A=!O||h(e),C=O&&!A,z=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||A?(C=!1,t(n)):C=!0)},E=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,z),S=function(){null!=e&&e.isConnected&&(!O||A?(C=!0,E()):C=!0)},N=function(){},I=c?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,a=n.onChildList,u=new WeakMap,d=new Set,c=new ResizeObserver(g((function(n){var i,l=!1,a=o(n);try{for(a.s();!(i=a.n()).done;){var d=i.value,c=null==r?void 0:r(d);u.has(d.target)?(void 0!==c&&c===u.get(d.target)||(l=!0),u.set(d.target,c)):u.set(d.target,c)}}catch(e){a.e(e)}finally{a.f()}l&&t(e)}),l)),s=function(){var t;Array.from(d).forEach((function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),u.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){d.has(e)||(c.observe(e),d.add(e))}))};c.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==a||a(n),t(e))}));return{resizeObserver:c,mutationObserver:f}}(e,S,{getValue:r,delay:a,onChildList:function(){N()}}):{resizeObserver:f(e,S,{getValue:r,delay:a})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:u});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&C&&S()})),null!=m&&m.options&&v(e,m.options,(function(e){var t,n;(null!==(t=null===(n=m.shouldApply)||void 0===n?void 0:n.call(m,e))&&void 0!==t?t:0<e.length)&&S()}));var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,a=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),u=function(){var t;a.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){a.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return u(),{observer:a,syncObservedChildren:u}}(e,S,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(N=M.syncObservedChildren),!I.mutationObserver&&M&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(N(),S())})),O&&!A||z(e)},b=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function g(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var m=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=c(d(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=c(d(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var a,u=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,d=e.rect,c=r(l);return(0===t||(null===(n=a)||void 0===n?void 0:n.top)<d.top&&(null===(i=a)||void 0===i?void 0:i.left)>=d.left)&&c.push("-bol"),0<t&&u.top<d.top&&c.push("-linewrap"),a=d,{child:o,layoutTokens:c}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===u.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),s(e,y)}}},w=Symbol.for("@inc2734/unitone-css/layout-initializers"),O=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[w]||(globalThis[w]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[w])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},C=function(e){var t=O();t&&t.initializers.forEach((function(t){A(t,e)}))},z=function(){var e=O();e&&(e.pendingNodes.forEach((function(e){C(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=O();e&&!e.observer&&document.body&&(C(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(z))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(null,arguments)}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=O();if(l&&!l.initializers.has(t)){var a={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,a),l.observer?A(a,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,a=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!a.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!a.includes(e)})).join(" ")}if("class"===e.attributeName){var u,d,c,s,f=r(null!==(u=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==u?u:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,m,{getResizeValue:b,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var N=["alignItems","divider","gap","columnGap","rowGap","justifyContent","nowrap","tagName","style"];exports.Cluster=function(t){var n=t.alignItems,r=t.divider,i=t.gap,o=t.columnGap,l=t.rowGap,a=t.justifyContent,u=t.nowrap,d=t.tagName,c=void 0===d?"div":d,s=t.style,f=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,N),v=c;return e.createElement(v,S({"data-unitone-layout":["cluster",""!==(null!=r?r:"")?"-divider:".concat(r):void 0,""!==(null!=i?i:"")?"-gap:".concat(i):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=l?l:"")?"-row-gap:".concat(l):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=a?a:"")?"-justify-content:".concat(a):void 0,u?"-nowrap":void 0].filter(Boolean).join(" "),style:s},f),f.children)};
+"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,b=n.observeDirectChildrenResize,p=void 0!==b&&b,g=n.targetMutation,O=n.directChildMutation,w=y&&"undefined"!=typeof IntersectionObserver,A=!w||h(e),S=w&&!A,j=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!w||A?(S=!1,t(n)):S=!0)},C=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,j),E=function(){null!=e&&e.isConnected&&(!w||A?(S=!0,C()):S=!0)},z=function(){},N=c?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(d).forEach((function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){d.has(e)||(c.observe(e),d.add(e))}))};c.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:c,mutationObserver:f}}(e,E,{getValue:r,delay:u,onChildList:function(){z()}}):{resizeObserver:f(e,E,{getValue:r,delay:u})}:{mutationObserver:null};w&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&E()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&E()}));var I=null!=O&&O.attributeFilter&&O.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,E,{attributeFilter:O.attributeFilter,shouldApply:O.shouldApply,attributeOldValue:O.attributeOldValue}):null;I&&(z=I.syncObservedChildren),!N.mutationObserver&&I&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(z(),E())})),w&&!A||j(e)},b=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=c(d(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=c(d(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,d=e.rect,c=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<d.top&&(null===(i=u)||void 0===i?void 0:i.left)>=d.left)&&c.push("-bol"),0<t&&a.top<d.top&&c.push("-linewrap"),u=d,{child:o,layoutTokens:c}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),s(e,y)}}},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),w=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},S=function(e){var t=w();t&&t.initializers.forEach((function(t){A(t,e)}))},j=function(){var e=w();e&&(e.pendingNodes.forEach((function(e){S(e)})),e.pendingNodes.clear(),e.rafId=0)},C=function(){var e=w();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(null,arguments)}function z(e){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z(e)}function N(e){var t=function(e,t){if("object"!=z(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=z(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==z(t)?t:t+""}function I(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=w();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?C():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",C,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,g,{getResizeValue:b,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var M=["alignItems","divider","dividerWidth","dividerStyle","dividerColor","gap","columnGap","rowGap","justifyContent","nowrap","tagName","style"];function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.Cluster=function(t){var n=t.alignItems,r=t.divider,i=t.dividerWidth,o=t.dividerStyle,l=t.dividerColor,u=t.gap,a=t.columnGap,d=t.rowGap,c=t.justifyContent,s=t.nowrap,f=t.tagName,v=void 0===f?"div":f,y=t.style,b=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,M),p=v;return y=L(L({},y),{},{"--unitone--divider-width":""!==i?i:void 0,"--unitone--divider-style":""!==o?o:void 0,"--unitone--divider-color":""!==l?l:void 0}),e.createElement(p,E({"data-unitone-layout":["cluster",""!==(null!=r?r:"")?"-divider:".concat(r):void 0,""!==(null!=u?u:"")?"-gap:".concat(u):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=d?d:"")?"-row-gap:".concat(d):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=c?c:"")?"-justify-content:".concat(c):void 0,s?"-nowrap":void 0].filter(Boolean).join(" "),style:y},b),b.children)};

package/dist/layout-primitives/responsive-grid/react.js

@@ -1 +1 @@
-"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),c=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},s=function(e,t){return e.filter((function(e){return!t.includes(e)}))},d=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,c=null==i?void 0:i(a);u?(n=c,u=!1):void 0!==c&&c===n||(t(a.target,a),n=c)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,c=n.observeResize,s=void 0===c||c,d=n.observeIntersection,y=void 0!==d&&d,p=n.observeDirectChildrenResize,b=void 0!==p&&p,g=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,A=!O||h(e),S=O&&!A,C=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||A?(S=!1,t(n)):S=!0)},z=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,C),E=function(){null!=e&&e.isConnected&&(!O||A?(S=!0,z()):S=!0)},j=function(){},P=s?b?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,c=new Set,s=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var c=i.value,s=null==r?void 0:r(c);a.has(c.target)?(void 0!==s&&s===a.get(c.target)||(l=!0),a.set(c.target,s)):a.set(c.target,s)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),d=function(){var t;Array.from(c).forEach((function(t){t.parentElement!==e&&(s.unobserve(t),c.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){c.has(e)||(s.observe(e),c.add(e))}))};s.observe(e),d();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(d(),null==u||u(n),t(e))}));return{resizeObserver:s,mutationObserver:f}}(e,E,{getValue:r,delay:u,onChildList:function(){j()}}):{resizeObserver:f(e,E,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&E()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&E()}));var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,E,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(j=M.syncObservedChildren),!P.mutationObserver&&M&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(j(),E())})),O&&!A||C(e)},p=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},b=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!b(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=s(c(e),["divider:initialized","-stack"]);d(e,o);var l=new Map;if(n.forEach((function(e){var t=s(c(e),["-bol","-linewrap"]);l.set(e,t),d(e,t)})),b(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,c=e.rect,s=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<c.top&&(null===(i=u)||void 0===i?void 0:i.left)>=c.left)&&s.push("-bol"),0<t&&a.top<c.top&&s.push("-linewrap"),u=c,{child:o,layoutTokens:s}})).forEach((function(e){var t=e.child,n=e.layoutTokens;d(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),d(e,y)}}},w=function(e){var t,n,i=Array.from(e.children),o=s(c(e),["stairs:initialized"]);d(e,o);var l=i[0];if(l){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),i.forEach((function(e){e.style.removeProperty("--unitone--stairs-step")})),b(e)){var u,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find((function(e){return e.startsWith("-stairs-up:")})))||void 0===t?void 0:t.replace("-stairs-up:",""),f=["up-down","down-up"].includes(a),v=window.getComputedStyle(e).getPropertyValue("flex-direction"),y=e.getBoundingClientRect().bottom,p=i.reduce((function(e,t){var n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===r||e.push({child:t,rect:t.getBoundingClientRect()}),e}),[]),h=0,m=h;p.map((function(e,t){var n,r,i=e.child,o=e.rect,a="row-reverse"===v?(null===(n=u)||void 0===n?void 0:n.left)<=o.left:(null===(r=u)||void 0===r?void 0:r.left)>=o.left;return 0===t||l===i&&!u||a?h=0:f?h=0===h?1:0:h++,u=o,h>m&&(m=h),{child:i,stairsStep:h}})).forEach((function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)})),e.style.setProperty("--unitone--max-stairs-step",m);var g=p.reduce((function(e,t){var n=t.child.getBoundingClientRect().bottom-y;return e>n?e:n}),0);e.style.setProperty("--unitone--stairs-step-overflow-volume",g),d(e,[].concat(r(o),["stairs:initialized"]))}}else d(e,[].concat(r(o),["stairs:initialized"]))},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),A=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},S=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},C=function(e){var t=A();t&&t.initializers.forEach((function(t){S(t,e)}))},z=function(){var e=A();e&&(e.pendingNodes.forEach((function(e){C(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=A();e&&!e.observer&&document.body&&(C(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(z))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))},j=function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=A();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?S(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}};function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(null,arguments)}function M(e){return M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},M(e)}function V(e){var t=function(e,t){if("object"!=M(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==M(t)?t:t+""}function N(e,t,n){return(t=V(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}j({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,c,s,d,f=r(null!==(a=null==t||null===(c=t.ignore)||void 0===c?void 0:c.className)&&void 0!==a?a:[]);return(null!==(s=e.target.getAttribute(e.attributeName))&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(d=e.oldValue)&&void 0!==d?d:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,g,{getResizeValue:p,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}}),j({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]',initialize:function(e){y(e,w,{observeIntersection:!0,observeDirectChildrenResize:!0})}});var I=["columnMinWidth","gap","autoRepeat","divider","stairs","stairsUp","style"];function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.ResponsiveGrid=function(t){var n=t.columnMinWidth,r=t.gap,i=t.autoRepeat,o=t.divider,l=t.stairs,u=t.stairsUp,a=t.style,c=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,I);return a=L(L({},a),{},{"--unitone--column-min-width":""!==n?n:void 0}),e.createElement("div",P({"data-unitone-layout":["responsive-grid",""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-auto-repeat:".concat(i):void 0,""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=l?l:"")?"-stairs:".concat(l):void 0,""!==(null!=u?u:"")?"-stairs-up:".concat(u):void 0].filter(Boolean).join(" "),style:a},c),c.children)};
+"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,p=n.observeDirectChildrenResize,b=void 0!==p&&p,g=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,S=!O||h(e),A=O&&!S,C=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||S?(A=!1,t(n)):A=!0)},z=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,C),E=function(){null!=e&&e.isConnected&&(!O||S?(A=!0,z()):A=!0)},j=function(){},P=c?b?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(d).forEach((function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){d.has(e)||(c.observe(e),d.add(e))}))};c.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:c,mutationObserver:f}}(e,E,{getValue:r,delay:u,onChildList:function(){j()}}):{resizeObserver:f(e,E,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(S=e.isIntersecting)&&A&&E()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&E()}));var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,E,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(j=M.syncObservedChildren),!P.mutationObserver&&M&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(j(),E())})),O&&!S||C(e)},p=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},b=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!b(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=c(d(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=c(d(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),b(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,d=e.rect,c=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<d.top&&(null===(i=u)||void 0===i?void 0:i.left)>=d.left)&&c.push("-bol"),0<t&&a.top<d.top&&c.push("-linewrap"),u=d,{child:o,layoutTokens:c}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),s(e,y)}}},w=function(e){var t,n,i=Array.from(e.children),o=c(d(e),["stairs:initialized"]);s(e,o);var l=i[0];if(l){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),i.forEach((function(e){e.style.removeProperty("--unitone--stairs-step")})),b(e)){var u,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find((function(e){return e.startsWith("-stairs-up:")})))||void 0===t?void 0:t.replace("-stairs-up:",""),f=["up-down","down-up"].includes(a),v=window.getComputedStyle(e).getPropertyValue("flex-direction"),y=e.getBoundingClientRect().bottom,p=i.reduce((function(e,t){var n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===r||e.push({child:t,rect:t.getBoundingClientRect()}),e}),[]),h=0,m=h;p.map((function(e,t){var n,r,i=e.child,o=e.rect,a="row-reverse"===v?(null===(n=u)||void 0===n?void 0:n.left)<=o.left:(null===(r=u)||void 0===r?void 0:r.left)>=o.left;return 0===t||l===i&&!u||a?h=0:f?h=0===h?1:0:h++,u=o,h>m&&(m=h),{child:i,stairsStep:h}})).forEach((function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)})),e.style.setProperty("--unitone--max-stairs-step",m);var g=p.reduce((function(e,t){var n=t.child.getBoundingClientRect().bottom-y;return e>n?e:n}),0);e.style.setProperty("--unitone--stairs-step-overflow-volume",g),s(e,[].concat(r(o),["stairs:initialized"]))}}else s(e,[].concat(r(o),["stairs:initialized"]))},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),S=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},C=function(e){var t=S();t&&t.initializers.forEach((function(t){A(t,e)}))},z=function(){var e=S();e&&(e.pendingNodes.forEach((function(e){C(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=S();e&&!e.observer&&document.body&&(C(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(z))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))},j=function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=S();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}};function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(null,arguments)}function M(e){return M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},M(e)}function V(e){var t=function(e,t){if("object"!=M(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==M(t)?t:t+""}function N(e,t,n){return(t=V(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}j({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,g,{getResizeValue:p,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}}),j({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]',initialize:function(e){y(e,w,{observeIntersection:!0,observeDirectChildrenResize:!0})}});var I=["columnMinWidth","gap","autoRepeat","divider","dividerWidth","dividerStyle","dividerColor","stairs","stairsUp","style"];function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.ResponsiveGrid=function(t){var n=t.columnMinWidth,r=t.gap,i=t.autoRepeat,o=t.divider,l=t.dividerWidth,u=t.dividerStyle,a=t.dividerColor,d=t.stairs,c=t.stairsUp,s=t.style,f=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,I);return s=L(L({},s),{},{"--unitone--column-min-width":""!==n?n:void 0,"--unitone--divider-width":""!==l?l:void 0,"--unitone--divider-style":""!==u?u:void 0,"--unitone--divider-color":""!==a?a:void 0}),e.createElement("div",P({"data-unitone-layout":["responsive-grid",""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-auto-repeat:".concat(i):void 0,""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=d?d:"")?"-stairs:".concat(d):void 0,""!==(null!=c?c:"")?"-stairs-up:".concat(c):void 0].filter(Boolean).join(" "),style:s},f),f.children)};

package/dist/layout-primitives/stack/react.js

@@ -1 +1 @@
-"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),c=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},d=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,c=null==i?void 0:i(a);u?(n=c,u=!1):void 0!==c&&c===n||(t(a.target,a),n=c)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,c=n.observeResize,d=void 0===c||c,s=n.observeIntersection,y=void 0!==s&&s,b=n.observeDirectChildrenResize,p=void 0!==b&&b,g=n.targetMutation,O=n.directChildMutation,w=y&&"undefined"!=typeof IntersectionObserver,A=!w||h(e),S=w&&!A,j=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!w||A?(S=!1,t(n)):S=!0)},E=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,j),z=function(){null!=e&&e.isConnected&&(!w||A?(S=!0,E()):S=!0)},C=function(){},M=d?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,c=new Set,d=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var c=i.value,d=null==r?void 0:r(c);a.has(c.target)?(void 0!==d&&d===a.get(c.target)||(l=!0),a.set(c.target,d)):a.set(c.target,d)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(c).forEach((function(t){t.parentElement!==e&&(d.unobserve(t),c.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){c.has(e)||(d.observe(e),c.add(e))}))};d.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:d,mutationObserver:f}}(e,z,{getValue:r,delay:u,onChildList:function(){C()}}):{resizeObserver:f(e,z,{getValue:r,delay:u})}:{mutationObserver:null};w&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&z()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&z()}));var N=null!=O&&O.attributeFilter&&O.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,z,{attributeFilter:O.attributeFilter,shouldApply:O.shouldApply,attributeOldValue:O.attributeOldValue}):null;N&&(C=N.syncObservedChildren),!M.mutationObserver&&N&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(C(),z())})),w&&!A||j(e)},b=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=d(c(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=d(c(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,c=e.rect,d=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<c.top&&(null===(i=u)||void 0===i?void 0:i.left)>=c.left)&&d.push("-bol"),0<t&&a.top<c.top&&d.push("-linewrap"),u=c,{child:o,layoutTokens:d}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),s(e,y)}}},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),w=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},S=function(e){var t=w();t&&t.initializers.forEach((function(t){A(t,e)}))},j=function(){var e=w();e&&(e.pendingNodes.forEach((function(e){S(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=w();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},z.apply(null,arguments)}function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function M(e){var t=function(e,t){if("object"!=C(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==C(t)?t:t+""}function N(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=w();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,c,d,s,f=r(null!==(a=null==t||null===(c=t.ignore)||void 0===c?void 0:c.className)&&void 0!==a?a:[]);return(null!==(d=e.target.getAttribute(e.attributeName))&&void 0!==d?d:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,g,{getResizeValue:b,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var I=["divider","gap","negative","revert","style"];function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}exports.Stack=function(t){var n=t.divider,r=t.gap,i=t.negative,o=t.revert,l=t.style,u=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,I);return l=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},l),e.createElement("div",z({"data-unitone-layout":["stack",o?"-revert":void 0,""!==(null!=n?n:"")?"-divider:".concat(n):void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,i?"-negative":void 0].filter(Boolean).join(" "),style:l},u),u.children)};
+"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,b=n.observeDirectChildrenResize,p=void 0!==b&&b,g=n.targetMutation,O=n.directChildMutation,w=y&&"undefined"!=typeof IntersectionObserver,A=!w||h(e),S=w&&!A,j=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!w||A?(S=!1,t(n)):S=!0)},E=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,j),C=function(){null!=e&&e.isConnected&&(!w||A?(S=!0,E()):S=!0)},z=function(){},N=c?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(d).forEach((function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){d.has(e)||(c.observe(e),d.add(e))}))};c.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:c,mutationObserver:f}}(e,C,{getValue:r,delay:u,onChildList:function(){z()}}):{resizeObserver:f(e,C,{getValue:r,delay:u})}:{mutationObserver:null};w&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&C()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&C()}));var M=null!=O&&O.attributeFilter&&O.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,C,{attributeFilter:O.attributeFilter,shouldApply:O.shouldApply,attributeOldValue:O.attributeOldValue}):null;M&&(z=M.syncObservedChildren),!N.mutationObserver&&M&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(z(),C())})),w&&!A||j(e)},b=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=c(d(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=c(d(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,d=e.rect,c=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<d.top&&(null===(i=u)||void 0===i?void 0:i.left)>=d.left)&&c.push("-bol"),0<t&&a.top<d.top&&c.push("-linewrap"),u=d,{child:o,layoutTokens:c}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),y=r(o);v&&y.push("-stack"),y.push("divider:initialized"),s(e,y)}}},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),w=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},S=function(e){var t=w();t&&t.initializers.forEach((function(t){A(t,e)}))},j=function(){var e=w();e&&(e.pendingNodes.forEach((function(e){S(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=w();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(null,arguments)}function z(e){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z(e)}function N(e){var t=function(e,t){if("object"!=z(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=z(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==z(t)?t:t+""}function M(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=w();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};y(e,g,{getResizeValue:b,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var I=["gap","negative","revert","divider","dividerWidth","dividerStyle","dividerColor","tagName","style"];function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.Stack=function(t){var n=t.gap,r=t.negative,i=t.revert,o=t.divider,l=t.dividerWidth,u=t.dividerStyle,a=t.dividerColor,d=t.tagName,c=void 0===d?"div":d,s=t.style,f=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,I),v=c;return s=L(L({},s),{},{"--unitone--divider-width":""!==l?l:void 0,"--unitone--divider-style":""!==u?u:void 0,"--unitone--divider-color":""!==a?a:void 0}),e.createElement(v,C({"data-unitone-layout":["stack",i?"-revert":void 0,""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,r?"-negative":void 0].filter(Boolean).join(" "),style:s},f),f.children)};

package/dist/layout-primitives/with-sidebar/react.js

@@ -1 +1 @@
-"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),c=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},d=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,c=null==i?void 0:i(a);u?(n=c,u=!1):void 0!==c&&c===n||(t(a.target,a),n=c)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,c=n.observeResize,d=void 0===c||c,s=n.observeIntersection,b=void 0!==s&&s,y=n.observeDirectChildrenResize,p=void 0!==y&&y,g=n.targetMutation,w=n.directChildMutation,O=b&&"undefined"!=typeof IntersectionObserver,A=!O||h(e),S=O&&!A,j=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||A?(S=!1,t(n)):S=!0)},E=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,j),z=function(){null!=e&&e.isConnected&&(!O||A?(S=!0,E()):S=!0)},C=function(){},M=d?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,c=new Set,d=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var c=i.value,d=null==r?void 0:r(c);a.has(c.target)?(void 0!==d&&d===a.get(c.target)||(l=!0),a.set(c.target,d)):a.set(c.target,d)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(c).forEach((function(t){t.parentElement!==e&&(d.unobserve(t),c.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){c.has(e)||(d.observe(e),c.add(e))}))};d.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:d,mutationObserver:f}}(e,z,{getValue:r,delay:u,onChildList:function(){C()}}):{resizeObserver:f(e,z,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&z()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&z()}));var I=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,z,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;I&&(C=I.syncObservedChildren),!M.mutationObserver&&I&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(C(),z())})),O&&!A||j(e)},y=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=d(c(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=d(c(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,c=e.rect,d=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<c.top&&(null===(i=u)||void 0===i?void 0:i.left)>=c.left)&&d.push("-bol"),0<t&&a.top<c.top&&d.push("-linewrap"),u=c,{child:o,layoutTokens:d}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),b=r(o);v&&b.push("-stack"),b.push("divider:initialized"),s(e,b)}}},w=Symbol.for("@inc2734/unitone-css/layout-initializers"),O=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[w]||(globalThis[w]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[w])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},S=function(e){var t=O();t&&t.initializers.forEach((function(t){A(t,e)}))},j=function(){var e=O();e&&(e.pendingNodes.forEach((function(e){S(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=O();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},z.apply(null,arguments)}function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function M(e){var t=function(e,t){if("object"!=C(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==C(t)?t:t+""}function I(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=O();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,c,d,s,f=r(null!==(a=null==t||null===(c=t.ignore)||void 0===c?void 0:c.className)&&void 0!==a?a:[]);return(null!==(d=e.target.getAttribute(e.attributeName))&&void 0!==d?d:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};b(e,g,{getResizeValue:y,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var N=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","overflow","divider","style"];function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.WithSidebar=function(t){var n=t.gap,r=t.columnGap,i=t.rowGap,o=t.contentMinWidth,l=t.revert,u=t.sidebar,a=t.sidebarWidth,c=t.alignItems,d=t.overflow,s=t.divider,f=t.style,v=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,N);return f=L(L({},f),{},{"--unitone--sidebar-width":""!==a?a:void 0,"--unitone--content-min-width":""!==o?o:void 0}),e.createElement("div",z({"data-unitone-layout":["with-sidebar",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=r?r:"")?"-column-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-row-gap:".concat(i):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=c?c:"")?"-align-items:".concat(c):void 0,""!==(null!=d?d:"")?"-overflow:".concat(d):void 0,""!==(null!=s?s:"")?"-divider:".concat(s):void 0].filter(Boolean).join(" "),style:f},v),v.children)};
+"use strict";var e=require("react");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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 o,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter((function(e){return!t.includes(e)}))},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m((function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}}),void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver((function(t){requestAnimationFrame((function(){null!=e&&e.isConnected&&n(t)}))}));return r.observe(e,t),r},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,b=void 0!==s&&s,y=n.observeDirectChildrenResize,p=void 0!==y&&y,g=n.targetMutation,w=n.directChildMutation,O=b&&"undefined"!=typeof IntersectionObserver,A=!O||h(e),S=O&&!A,j=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||A?(S=!1,t(n)):S=!0)},E=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame((function(){r=0,n=null,null!=e&&e.isConnected&&t(e)}))):t(e)}}(e,j),C=function(){null!=e&&e.isConnected&&(!O||A?(S=!0,E()):S=!0)},z=function(){},M=c?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(m((function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)}),l)),s=function(){var t;Array.from(d).forEach((function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))})),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){d.has(e)||(c.observe(e),d.add(e))}))};c.observe(e),s();var f=v(e,{childList:!0},(function(n){n.some((function(e){return"childList"===e.type}))&&(s(),null==u||u(n),t(e))}));return{resizeObserver:c,mutationObserver:f}}(e,C,{getValue:r,delay:u,onChildList:function(){z()}}):{resizeObserver:f(e,C,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver((function(e){var n=i(e,1)[0];n&&t(n)}),{rootMargin:a});n.observe(e)}(e,(function(e){(A=e.isIntersecting)&&S&&C()})),null!=g&&g.options&&v(e,g.options,(function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&C()}));var I=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver((function(n){requestAnimationFrame((function(){null!=e&&e.isConnected&&n.some((function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)}))&&t(e)}))})),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})}))};return a(),{observer:u,syncObservedChildren:a}}(e,C,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;I&&(z=I.syncObservedChildren),!M.mutationObserver&&I&&v(e,{childList:!0},(function(e){e.some((function(e){return"childList"===e.type}))&&(z(),C())})),O&&!A||j(e)},y=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function m(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var l=this;clearTimeout(n),n=setTimeout((function(){e.apply(l,i)}),t)}}var g=function(e){var t,n=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),i=n[0];if(i){var o=c(d(e),["divider:initialized","-stack"]);s(e,o);var l=new Map;if(n.forEach((function(e){var t=c(d(e),["-bol","-linewrap"]);l.set(e,t),s(e,t)})),p(e)){var u,a=i.getBoundingClientRect(),f=n.reduce((function(e,t){var n,r=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==r&&"fixed"!==r&&"none"!==i&&e.push({child:t,layoutTokens:null!==(n=l.get(t))&&void 0!==n?n:[],rect:t.getBoundingClientRect()});return e}),[]);f.map((function(e,t){var n,i,o=e.child,l=e.layoutTokens,d=e.rect,c=r(l);return(0===t||(null===(n=u)||void 0===n?void 0:n.top)<d.top&&(null===(i=u)||void 0===i?void 0:i.left)>=d.left)&&c.push("-bol"),0<t&&a.top<d.top&&c.push("-linewrap"),u=d,{child:o,layoutTokens:c}})).forEach((function(e){var t=e.child,n=e.layoutTokens;s(t,n)}));var v=f.every((function(e){return e.rect.left===a.left})),b=r(o);v&&b.push("-stack"),b.push("divider:initialized"),s(e,b)}}},w=Symbol.for("@inc2734/unitone-css/layout-initializers"),O=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[w]||(globalThis[w]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[w])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach((function(e){i.add(e)})),i.forEach((function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))}))}},S=function(e){var t=O();t&&t.initializers.forEach((function(t){A(t,e)}))},j=function(){var e=O();e&&(e.pendingNodes.forEach((function(e){S(e)})),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=O();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)}))})),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))})),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(null,arguments)}function z(e){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z(e)}function M(e){var t=function(e,t){if("object"!=z(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=z(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==z(t)?t:t+""}function I(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=O();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?E():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter((function(e){return!u.includes(e)})).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter((function(e){return!f.includes(e)})).join(" ")}return"style"===e.attributeName};b(e,g,{getResizeValue:y,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some((function(e){return"attributes"===e.type&&t(e)}))}(t,(function(t){return t.target===e&&n(t)}))}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var N=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","overflow","divider","dividerWidth","dividerStyle","dividerColor","style"];function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}exports.WithSidebar=function(t){var n=t.gap,r=t.columnGap,i=t.rowGap,o=t.contentMinWidth,l=t.revert,u=t.sidebar,a=t.sidebarWidth,d=t.alignItems,c=t.overflow,s=t.divider,f=t.dividerWidth,v=t.dividerStyle,b=t.dividerColor,y=t.style,p=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,N);return y=L(L({},y),{},{"--unitone--sidebar-width":""!==a?a:void 0,"--unitone--content-min-width":""!==o?o:void 0,"--unitone--divider-width":""!==f?f:void 0,"--unitone--divider-style":""!==v?v:void 0,"--unitone--divider-color":""!==b?b:void 0}),e.createElement("div",C({"data-unitone-layout":["with-sidebar",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=r?r:"")?"-column-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-row-gap:".concat(i):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=d?d:"")?"-align-items:".concat(d):void 0,""!==(null!=c?c:"")?"-overflow:".concat(c):void 0,""!==(null!=s?s:"")?"-divider:".concat(s):void 0].filter(Boolean).join(" "),style:y},p),p.children)};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inc2734/unitone-css",
-  "version": "0.97.1",
+  "version": "0.97.3",
   "description": "",
   "engines": {
     "node": ">=20.10.0",
@@ -40,7 +40,8 @@
     "css:app": "sass --no-source-map src/app.scss:dist/app.css && postcss dist/app.css -r",
     "css": "run-p css:*",
     "js": "rollup -c --bundleConfigAsCjs",
-    "build": "run-s clean format css js",
+    "llms:build": "node bin/generate-llms-txt.mjs",
+    "build": "run-s clean format css js docs:build llms:build",
     "docs:start": "npm run dev -w website",
     "docs:build": "npm run build -w website",
     "mcp:check": "npm run check -w @inc2734/unitone-css-mcp",

package/src/app.scss

@@ -4,3 +4,4 @@
 @include meta.load-css("foundation");
 @include meta.load-css("layout-primitives");
 @include meta.load-css("behaviors");
+@include meta.load-css("utilities");

package/src/behaviors/_gap.scss

@@ -1,5 +1,5 @@
 @mixin gap() {
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     [data-unitone-layout~="-gap\:#{ $i }"] {
       --unitone--gap: var(--unitone--s#{ $i }) !important;
     }

package/src/behaviors/_gutters.scss

@@ -1,5 +1,5 @@
 @mixin gutters() {
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     [data-unitone-layout~="-gutters\:#{ $i }"] {
       --unitone--gutters: var(--unitone--s#{ $i }) !important;
     }

package/src/behaviors/_negative-gap.scss

@@ -1,5 +1,5 @@
 @mixin negative-gap() {
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     [data-unitone-layout~="-negative"][data-unitone-layout~="-gap\:#{ $i }"] {
       --unitone--negative-gap: var(--unitone--s#{ $i }) !important;
     }

package/src/behaviors/_padding.scss

@@ -1,5 +1,5 @@
 @mixin padding() {
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     [data-unitone-layout~="-padding\:#{ $i }"] {
       --unitone--padding: var(--unitone--p#{ $i }) !important;
     }

package/src/behaviors/_stairs.scss

@@ -1,5 +1,5 @@
 @mixin stairs() {
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     [data-unitone-layout~="-stairs\:#{ $i }"] {
       --unitone--stairs-margin: var(--unitone--s#{ $i }) !important;
     }

package/src/foundation/_foundation-core.scss

@@ -105,3 +105,31 @@ figcaption {
 pre {
   text-spacing-trim: space-all;
 }
+
+:where(
+  button,
+  input[type="button"],
+  input[type="submit"],
+  input[type="reset"],
+  [role="button"],
+  [role="tab"],
+  [role="switch"],
+  label,
+  select,
+  input[type="checkbox"],
+  input[type="radio"],
+  input[type="range"], /* スライダー */
+  input[type="color"], /* カラーピッカー */
+  summary
+ ) {
+  cursor: pointer;
+}
+
+:where(
+  button:disabled,
+  input:disabled,
+  select:disabled,
+  [aria-disabled="true"]
+) {
+  cursor: not-allowed;
+}

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

@@ -3,6 +3,9 @@ import React from 'react';
 export const Cluster = ({
   alignItems,
   divider,
+  dividerWidth,
+  dividerStyle,
+  dividerColor,
   gap,
   columnGap,
   rowGap,
@@ -14,6 +17,13 @@ export const Cluster = ({
 }) => {
   const Tag = tagName;
 
+  style = {
+    ...style,
+    '--unitone--divider-width': '' !== dividerWidth ? dividerWidth : undefined,
+    '--unitone--divider-style': '' !== dividerStyle ? dividerStyle : undefined,
+    '--unitone--divider-color': '' !== dividerColor ? dividerColor : undefined,
+  };
+
   return (
     <Tag
       data-unitone-layout={[

package/src/layout-primitives/layers/_layers-core.scss

@@ -18,11 +18,6 @@
     }
   }
 
-  // @todo Firefox corrupts layout if % is used for gap
-  @-moz-document url-prefix() {
-    gap: min(3.33333vw, var(--unitone--gap));
-  }
-
   > * {
     --unitone--align-self: stretch;
     --unitone--justify-self: stretch;

package/src/layout-primitives/responsive-grid/index.jsx

@@ -5,6 +5,9 @@ export const ResponsiveGrid = ({
   gap,
   autoRepeat,
   divider,
+  dividerWidth,
+  dividerStyle,
+  dividerColor,
   stairs,
   stairsUp,
   style,
@@ -13,6 +16,9 @@ export const ResponsiveGrid = ({
   style = {
     ...style,
     '--unitone--column-min-width': '' !== columnMinWidth ? columnMinWidth : undefined,
+    '--unitone--divider-width': '' !== dividerWidth ? dividerWidth : undefined,
+    '--unitone--divider-style': '' !== dividerStyle ? dividerStyle : undefined,
+    '--unitone--divider-color': '' !== dividerColor ? dividerColor : undefined,
   };
 
   return (

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

@@ -1,12 +1,28 @@
 import React from 'react';
 
-export const Stack = ({ divider, gap, negative, revert, style, ...props }) => {
+export const Stack = ({
+  gap,
+  negative,
+  revert,
+  divider,
+  dividerWidth,
+  dividerStyle,
+  dividerColor,
+  tagName = 'div',
+  style,
+  ...props
+}) => {
+  const Tag = tagName;
+
   style = {
     ...style,
+    '--unitone--divider-width': '' !== dividerWidth ? dividerWidth : undefined,
+    '--unitone--divider-style': '' !== dividerStyle ? dividerStyle : undefined,
+    '--unitone--divider-color': '' !== dividerColor ? dividerColor : undefined,
   };
 
   return (
-    <div
+    <Tag
       data-unitone-layout={[
         'stack',
         revert ? '-revert' : undefined,
@@ -20,6 +36,6 @@ export const Stack = ({ divider, gap, negative, revert, style, ...props }) => {
       {...props}
     >
       {props.children}
-    </div>
+    </Tag>
   );
 };

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

@@ -11,7 +11,7 @@
     --unitone--gap: inherit !important;
   }
 
-  @for $i from -2 through 7 {
+  @for $i from -3 through 7 {
     &[data-unitone-layout~="-gap\:#{ $i }"] {
       --unitone--column-gap: var(--unitone--s#{ $i }) !important;
     }

package/src/layout-primitives/with-sidebar/index.jsx

@@ -11,6 +11,9 @@ export const WithSidebar = ({
   alignItems,
   overflow,
   divider,
+  dividerWidth,
+  dividerStyle,
+  dividerColor,
   style,
   ...props
 }) => {
@@ -18,6 +21,9 @@ export const WithSidebar = ({
     ...style,
     '--unitone--sidebar-width': '' !== sidebarWidth ? sidebarWidth : undefined,
     '--unitone--content-min-width': '' !== contentMinWidth ? contentMinWidth : undefined,
+    '--unitone--divider-width': '' !== dividerWidth ? dividerWidth : undefined,
+    '--unitone--divider-style': '' !== dividerStyle ? dividerStyle : undefined,
+    '--unitone--divider-color': '' !== dividerColor ? dividerColor : undefined,
   };
 
   return (

package/src/settings/_body.scss

@@ -1,4 +1,5 @@
 :where(body) {
+  margin: 0;
   background-color: var(--unitone--color--background);
   color: var(--unitone--color--text);
   font-family: var(--unitone--font-family);

package/src/settings/_root.scss

@@ -132,6 +132,7 @@
  * Modular scales for spaces (em based).
  */
 :root {
+  --unitone--em-3: calc((1lh - 1em) / 2);
   --unitone--em-2: calc(max(1lh, var(--unitone--min-line-height) * 1em) / 3 * #{ list.nth(variables.$fibonacci-sequence, 1) });
   --unitone--em-1: calc(max(1lh, var(--unitone--min-line-height) * 1em) / 3 * #{ list.nth(variables.$fibonacci-sequence, 2) });
   --unitone--em0: 0em;
@@ -144,6 +145,7 @@
   --unitone--em7: calc(max(1lh, var(--unitone--min-line-height) * 1em) / 3 * #{ list.nth(variables.$fibonacci-sequence, 9) });
 
   @supports not (top: 1lh) {
+    --unitone--em-3: calc((var(--unitone--line-height) * 1em - 1em) / 2);
     --unitone--em-2: calc(var(--unitone--line-height) * 1em / 3 * #{ list.nth(variables.$fibonacci-sequence, 1) });
     --unitone--em-1: calc(var(--unitone--line-height) * 1em / 3 * #{ list.nth(variables.$fibonacci-sequence, 2) });
     --unitone--em1: calc(var(--unitone--line-height) * 1em / 3 * #{ list.nth(variables.$fibonacci-sequence, 3) });
@@ -160,6 +162,7 @@
  * Modular scales for spaces (rem based).
  */
 :root {
+  --unitone--rem-3: calc((1rlh - 1rem) / 2);
   --unitone--rem-2: calc(1rlh / 3 * #{ list.nth(variables.$fibonacci-sequence, 1) });
   --unitone--rem-1: calc(1rlh / 3 * #{ list.nth(variables.$fibonacci-sequence, 2) });
   --unitone--rem0: 0em;
@@ -172,6 +175,7 @@
   --unitone--rem7: calc(1rlh / 3 * #{ list.nth(variables.$fibonacci-sequence, 9) });
 
   @supports not (top: 1rlh) {
+    --unitone--rem-3: calc((var(--unitone--line-height) * 1rem - 1rem) / 2);
     --unitone--rem-2: calc(var(--unitone--line-height) * 1rem / 3 * #{ list.nth(variables.$fibonacci-sequence, 1) });
     --unitone--rem-1: calc(var(--unitone--line-height) * 1rem / 3 * #{ list.nth(variables.$fibonacci-sequence, 2) });
     --unitone--rem1: calc(var(--unitone--line-height) * 1rem / 3 * #{ list.nth(variables.$fibonacci-sequence, 3) });
@@ -188,6 +192,7 @@
  * Modular scales for spaces.
  */
 :root {
+  --unitone--s-3: var(--unitone--em-3);
   --unitone--s-2: var(--unitone--em-2);
   --unitone--s-1: var(--unitone--em-1);
   --unitone--s0: var(--unitone--em0);
@@ -222,6 +227,7 @@
  * For this reason, we prepare special scales.
  */
 :root {
+  --unitone--p-3: var(--unitone--em-3);
   --unitone--p-2: var(--unitone--em-2);
   --unitone--p-1: var(--unitone--em-1);
   --unitone--p0: var(--unitone--em0);
@@ -299,6 +305,8 @@
   --unitone--color--text-alt: #fff; // Inversion color
   --unitone--color--text-immutable: #222; // Colors not inverted in dark mode
 
+  --unitone--color--white: #fff;
+
   --unitone--color--pale-gray: #f9fafb;
   --unitone--color--bright-gray: #f3f4f6;
   --unitone--color--light-gray: #e5e7eb;

package/src/utilities/_align-content.scss

@@ -0,0 +1,13 @@
+@each $value in (
+  start,
+  center,
+  end,
+  space-between,
+  space-around,
+  space-evenly,
+  stretch
+) {
+  .-align-content\:#{ $value } {
+    align-content: #{ $value };
+  }
+}

package/src/utilities/_align-items.scss

@@ -0,0 +1,11 @@
+@each $value in (
+  start,
+  center,
+  end,
+  baseline,
+  stretch
+) {
+  .-align-items\:#{ $value } {
+    align-items: #{ $value };
+  }
+}