@inc2734/unitone-css 0.94.3 → 0.95.0

package/src/register-layout-initializer.js

@@ -0,0 +1,132 @@
+const INITIALIZER_REGISTRY_KEY = Symbol.for('@inc2734/unitone-css/layout-initializers');
+
+const canUseDOM = () =>
+  'undefined' !== typeof window &&
+  'undefined' !== typeof document &&
+  'undefined' !== typeof MutationObserver &&
+  'undefined' !== typeof Node;
+
+const getRegistry = () => {
+  if (!canUseDOM()) {
+    return null;
+  }
+
+  globalThis[INITIALIZER_REGISTRY_KEY] ||= {
+    initializers: new Map(),
+    pendingNodes: new Set(),
+    observer: null,
+    rafId: 0,
+    hasDOMContentLoadedListener: false,
+  };
+
+  return globalThis[INITIALIZER_REGISTRY_KEY];
+};
+
+const initializeInitializer = (initializer, root) => {
+  if (!initializer.enabled() || root?.nodeType !== Node.ELEMENT_NODE) {
+    return;
+  }
+
+  const targets = new Set();
+
+  if (root.matches?.(initializer.selector)) {
+    targets.add(root);
+  }
+
+  root.querySelectorAll?.(initializer.selector).forEach((target) => {
+    targets.add(target);
+  });
+
+  targets.forEach((target) => {
+    if (initializer.initialized.has(target)) {
+      return;
+    }
+
+    initializer.initialize(target);
+    initializer.initialized.add(target);
+  });
+};
+
+const initializeNode = (root) => {
+  const registry = getRegistry();
+  if (!registry) {
+    return;
+  }
+
+  registry.initializers.forEach((initializer) => {
+    initializeInitializer(initializer, root);
+  });
+};
+
+const flushPendingNodes = () => {
+  const registry = getRegistry();
+  if (!registry) {
+    return;
+  }
+
+  registry.pendingNodes.forEach((node) => {
+    initializeNode(node);
+  });
+
+  registry.pendingNodes.clear();
+  registry.rafId = 0;
+};
+
+const observeDocument = () => {
+  const registry = getRegistry();
+  if (!registry || registry.observer || !document.body) {
+    return;
+  }
+
+  initializeNode(document.body);
+
+  registry.observer = new MutationObserver((entries) => {
+    entries.forEach((entry) => {
+      entry.addedNodes.forEach((addedNode) => {
+        if (addedNode?.nodeType === Node.ELEMENT_NODE) {
+          registry.pendingNodes.add(addedNode);
+        }
+      });
+    });
+
+    if (!registry.rafId && 0 < registry.pendingNodes.size) {
+      registry.rafId = requestAnimationFrame(flushPendingNodes);
+    }
+  });
+
+  registry.observer.observe(document.body, {
+    childList: true,
+    subtree: true,
+  });
+};
+
+export const registerLayoutInitializer = ({ key, selector, initialize, enabled = () => true }) => {
+  const registry = getRegistry();
+  if (!registry || registry.initializers.has(key)) {
+    return;
+  }
+
+  const initializer = {
+    selector,
+    initialize,
+    enabled,
+    initialized: new WeakSet(),
+  };
+
+  registry.initializers.set(key, initializer);
+
+  if (registry.observer) {
+    initializeInitializer(initializer, document.body);
+    return;
+  }
+
+  if ('loading' === document.readyState) {
+    if (!registry.hasDOMContentLoadedListener) {
+      document.addEventListener('DOMContentLoaded', observeDocument, { once: true });
+      registry.hasDOMContentLoadedListener = true;
+    }
+    return;
+  }
+
+  observeDocument();
+};

package/src/settings/_html.scss

@@ -1,4 +1,4 @@
-@use '../variables/variables' as variables;
+@use '../variables' as variables;
 
 html {
   font-size: #{ variables.$root-font-size };

package/src/settings/_index.scss

@@ -0,0 +1 @@
+@forward './settings-core';

package/src/settings/_root.scss

@@ -1,6 +1,6 @@
 @use 'sass:list';
 @use 'sass:math';
-@use '../variables/variables' as variables;
+@use '../variables' as variables;
 
 @property --unitone--property--1em {
   syntax: "<length>";

package/src/settings/_settings-core.scss

@@ -0,0 +1,3 @@
+@use 'root';
+@use 'html';
+@use 'body';

package/src/settings/_settings.scss

@@ -1,3 +1,3 @@
-@use 'root';
-@use 'html';
-@use 'body';
+@forward './settings-core';
+
+@warn "Deprecated Sass entry '@inc2734/unitone-css/src/settings/settings' will be removed in a future release. Use '@inc2734/unitone-css/src/settings' instead.";

package/src/variables/_index.scss

@@ -0,0 +1 @@
+@forward './variables-core';

package/src/variables/_variables-core.scss

@@ -0,0 +1,78 @@
+$fibonacci-sequence: 1, 2, 3, 5, 8, 13, 21, 34, 55;
+
+$min-breakpoint: 27; // = 432px
+$max-breakpoint: 80; // = 1280px
+
+$root-font-size: calc(var(--unitone--base-font-size) * 1px);
+
+$_max-font-size: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size)));
+$_min-font-size: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)) + 1 - (var(--unitone--harmonic-sequence-base) / var(--unitone--min-harmonic-sequence-base)));
+$_slope: calc((#{ $_max-font-size } - #{ $_min-font-size }) / (#{ $max-breakpoint - $min-breakpoint }));
+$_intercept: calc(#{-1 * $min-breakpoint } * #{ $_slope } + #{ $_min-font-size });
+$_preferred-font-size: calc((#{ $_intercept } * 1rem) + (#{ $_slope } * 100vw));
+$_font-size-fluid: clamp(var(--unitone--fluid-typography-min-length, calc(1rem * #{ $_min-font-size })), #{ $_preferred-font-size }, var(--unitone--fluid-typography-max-length, calc(1rem * $_max-font-size)));
+
+$_font-size-scale: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)));
+
+/**
+ * Line-height scaling (non-linear / hyperbolic reciprocal curve)
+ *
+ * This block computes a font-size–dependent line-height using a hyperbolic (reciprocal) curve:
+ *
+ * LH(fs) = Lmin' + K / (fs + C)
+ *
+ * ### Internal bias (-0.1) for the effective minimum (Lmin')
+ * We slightly lower the effective minimum to compensate for the
+ * asymptotic nature of the reciprocal curve. This makes the observed
+ * minimum in typical font-size ranges closer to the user’s expectation.
+ *
+ * ### C: Curvature / controls how quickly the curve approaches the minimum
+ * Larger C => slower decay (more generous line-height for larger text)
+ * Smaller C => faster decay (tighter line-height sooner)
+ *
+ * ### K: Amplitude / scale factor for the reciprocal term
+ * We compute K so that the curve respects the intended range between
+ * max-line-height and the biased minimum, and so that near the base
+ * font size the line-height stays close to max (and is clamped there).
+ */
+$_min-line-height: calc(var(--unitone--min-line-height) - 0.1);
+$_line-height-amplitude: calc((var(--unitone--max-line-height) - #{ $_min-line-height }) * (var(--unitone--base-font-size) + var(--unitone--line-height-curvature)));
+$_line-height: clamp(
+  var(--unitone--min-line-height),
+  (#{ $_min-line-height } + #{ $_line-height-amplitude } / (var(--unitone--result--1em-px) + var(--unitone--line-height-curvature))),
+  var(--unitone--max-line-height)
+);
+
+$_font-size: calc($_font-size-scale * 1rem);
+$_font-size-em: calc($_font-size-scale * 1em);
+
+@mixin typography {
+  --unitone--font-size-rem: #{ $_font-size };
+  --unitone--font-size-em: #{ $_font-size-em };
+  --unitone--font-size-fluid: #{ $_font-size-fluid };
+
+  --unitone--min-line-height: calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading)));
+  --unitone--max-line-height: calc(1 + 2 * var(--unitone--half-leading));
+  --unitone--line-height: #{ $_line-height };
+
+  font-size: var(--unitone--font-size-rem);
+  line-height: var(--unitone--line-height);
+
+  // @todo In Firefox, using tan(atan2()) for line-height is considered invalid.
+  // Therefore, a fallback line-height is applied.
+  @supports (-moz-appearance: none) {
+    --unitone--result--1em-px: calc(#{ $_font-size-scale } * var(--unitone--base-font-size));
+  }
+}
+
+@mixin typography-em {
+  font-size: var(--unitone--font-size-em);
+}
+
+@mixin fluid-typography {
+  font-size:var(--unitone--font-size-fluid);
+}
+
+$container-max-width: $max-breakpoint * 16px; // = 1280px
+$grid-columns: 12;
+$grid-rows: 7;

package/src/variables/_variables.scss

@@ -1,78 +1,3 @@
-$fibonacci-sequence: 1, 2, 3, 5, 8, 13, 21, 34, 55;
+@forward './variables-core';
 
-$min-breakpoint: 27; // = 432px
-$max-breakpoint: 80; // = 1280px
-
-$root-font-size: calc(var(--unitone--base-font-size) * 1px);
-
-$_max-font-size: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size)));
-$_min-font-size: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)) + 1 - (var(--unitone--harmonic-sequence-base) / var(--unitone--min-harmonic-sequence-base)));
-$_slope: calc((#{ $_max-font-size } - #{ $_min-font-size }) / (#{ $max-breakpoint - $min-breakpoint }));
-$_intercept: calc(#{-1 * $min-breakpoint } * #{ $_slope } + #{ $_min-font-size });
-$_preferred-font-size: calc((#{ $_intercept } * 1rem) + (#{ $_slope } * 100vw));
-$_font-size-fluid: clamp(var(--unitone--fluid-typography-min-length, calc(1rem * #{ $_min-font-size })), #{ $_preferred-font-size }, var(--unitone--fluid-typography-max-length, calc(1rem * $_max-font-size)));
-
-$_font-size-scale: calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)));
-
-/**
- * Line-height scaling (non-linear / hyperbolic reciprocal curve)
- *
- * This block computes a font-size–dependent line-height using a hyperbolic (reciprocal) curve:
- *
- * LH(fs) = Lmin' + K / (fs + C)
- *
- * ### Internal bias (-0.1) for the effective minimum (Lmin')
- * We slightly lower the effective minimum to compensate for the
- * asymptotic nature of the reciprocal curve. This makes the observed
- * minimum in typical font-size ranges closer to the user’s expectation.
- *
- * ### C: Curvature / controls how quickly the curve approaches the minimum
- * Larger C => slower decay (more generous line-height for larger text)
- * Smaller C => faster decay (tighter line-height sooner)
- *
- * ### K: Amplitude / scale factor for the reciprocal term
- * We compute K so that the curve respects the intended range between
- * max-line-height and the biased minimum, and so that near the base
- * font size the line-height stays close to max (and is clamped there).
- */
-$_min-line-height: calc(var(--unitone--min-line-height) - 0.1);
-$_line-height-amplitude: calc((var(--unitone--max-line-height) - #{ $_min-line-height }) * (var(--unitone--base-font-size) + var(--unitone--line-height-curvature)));
-$_line-height: clamp(
-  var(--unitone--min-line-height),
-  (#{ $_min-line-height } + #{ $_line-height-amplitude } / (var(--unitone--result--1em-px) + var(--unitone--line-height-curvature))),
-  var(--unitone--max-line-height)
-);
-
-$_font-size: calc($_font-size-scale * 1rem);
-$_font-size-em: calc($_font-size-scale * 1em);
-
-@mixin typography {
-  --unitone--font-size-rem: #{ $_font-size };
-  --unitone--font-size-em: #{ $_font-size-em };
-  --unitone--font-size-fluid: #{ $_font-size-fluid };
-
-  --unitone--min-line-height: calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading)));
-  --unitone--max-line-height: calc(1 + 2 * var(--unitone--half-leading));
-  --unitone--line-height: #{ $_line-height };
-
-  font-size: var(--unitone--font-size-rem);
-  line-height: var(--unitone--line-height);
-
-  // @todo In Firefox, using tan(atan2()) for line-height is considered invalid.
-  // Therefore, a fallback line-height is applied.
-  @supports (-moz-appearance: none) {
-    --unitone--result--1em-px: calc(#{ $_font-size-scale } * var(--unitone--base-font-size));
-  }
-}
-
-@mixin typography-em {
-  font-size: var(--unitone--font-size-em);
-}
-
-@mixin fluid-typography {
-  font-size:var(--unitone--font-size-fluid);
-}
-
-$container-max-width: $max-breakpoint * 16px; // = 1280px
-$grid-columns: 12;
-$grid-rows: 7;
+@warn "Deprecated Sass entry '@inc2734/unitone-css/src/variables/variables' will be removed in a future release. Use '@inc2734/unitone-css/src/variables' instead.";

package/dist/index.js

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

package/src/index.js

@@ -1 +0,0 @@
-export * from './layout-primitives/index';