@portnet/ui 6.0.2 → 6.0.3

package/dist/v2/components/Layout.js

@@ -7,25 +7,8 @@ exports.Stack = exports.Box = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _tokens = require("../tokens");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "sx", "style", "className", "children"],
-  _excluded2 = ["direction", "gap", "align", "justify", "wrap", "sx", "children"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } /**
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * v2.Box / v2.Stack — token-driven layout primitives.
  *
  * These render through the inline `style` attribute and stay theme-free
@@ -68,23 +51,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  * Precedence: `style` (explicit escape hatch) still overrides `sx`.
  *
  *   <Box as="section" sx={{ display: "flex" }} style={{ background: "var(--surface)" }} className="x" />
- */ /** A single CSS value, or a per-breakpoint map of CSS values (responsive). */ /** Token-driven inline style; each property is a value or a responsive map. */ /** Result of splitting an sx into inline style + generated responsive CSS. */
+ */
+
+/** A single CSS value, or a per-breakpoint map of CSS values (responsive). */
+
+/** Token-driven inline style; each property is a value or a responsive map. */
+
+/** Result of splitting an sx into inline style + generated responsive CSS. */
+
 /* Token breakpoint keys, ascending. xs is the mobile-first base and
  * never emits a media query. Sourced from the canonical breakpoints
  * token (tokens/breakpoints.js) so the order can't drift from the scale
  * wired into the MUI theme. */
-var BP_ORDER = _tokens.BREAKPOINT_KEYS;
+const BP_ORDER = _tokens.BREAKPOINT_KEYS;
 function isPlainObject(v) {
-  return v != null && _typeof(v) === "object" && !Array.isArray(v);
+  return v != null && typeof v === "object" && !Array.isArray(v);
 }
 function isBreakpointObject(v) {
   if (!isPlainObject(v)) return false;
   // Treat as responsive only if EVERY key is a known breakpoint name.
   // Avoids misreading a nested style object as a breakpoint map.
-  var keys = Object.keys(v);
-  return keys.length > 0 && keys.every(function (k) {
-    return BP_ORDER.includes(k);
-  });
+  const keys = Object.keys(v);
+  return keys.length > 0 && keys.every(k => BP_ORDER.includes(k));
 }
 
 /**
@@ -113,49 +101,37 @@ function resolveSx(sx) {
 
   // Content-addressed signature. Derived ONCE from the sx so the class
   // and every generated var name are stable across renders/instances.
-  var sig = Math.abs(hashString(JSON.stringify(sx))).toString(36);
+  const sig = Math.abs(hashString(JSON.stringify(sx))).toString(36);
 
   // inlineStyle is the returned CSSProperties; styleWrite is the same
   // object viewed as a keyed record so dynamic string keys can be written
   // (CSSProperties has no string index signature, so the view needs a
   // cast — the two are the SAME object at runtime).
-  var inlineStyle = {};
-  var styleWrite = inlineStyle;
+  const inlineStyle = {};
+  const styleWrite = inlineStyle;
   /* Per-breakpoint declaration buckets, e.g. byBp.md === "--pui-rsp-<sig>-0:row;" */
-  var byBp = {
+  const byBp = {
     xs: "",
     sm: "",
     md: "",
     lg: "",
     xl: ""
   };
-  var hasResponsive = false;
-  var varSeq = 0;
-  for (var _i = 0, _Object$entries = Object.entries(sx); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-      prop = _Object$entries$_i[0],
-      value = _Object$entries$_i[1];
+  let hasResponsive = false;
+  let varSeq = 0;
+  for (const [prop, value] of Object.entries(sx)) {
     if (isBreakpointObject(value)) {
       hasResponsive = true;
       // Stable, signature-scoped var name (local index, not a global
       // counter). Only ever declared inside `.${className}`, so the name
       // is effectively scoped to elements carrying that class.
-      var varName = "--pui-rsp-".concat(sig, "-").concat(varSeq++);
-      styleWrite[prop] = "var(".concat(varName, ")");
-      var _iterator = _createForOfIteratorHelper(BP_ORDER),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var bp = _step.value;
-          var bpVal = value[bp];
-          if (bpVal != null) {
-            byBp[bp] += "".concat(varName, ":").concat(bpVal, ";");
-          }
+      const varName = `--pui-rsp-${sig}-${varSeq++}`;
+      styleWrite[prop] = `var(${varName})`;
+      for (const bp of BP_ORDER) {
+        const bpVal = value[bp];
+        if (bpVal != null) {
+          byBp[bp] += `${varName}:${bpVal};`;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
     } else {
       styleWrite[prop] = value;
@@ -163,34 +139,25 @@ function resolveSx(sx) {
   }
   if (!hasResponsive) {
     return {
-      inlineStyle: inlineStyle,
+      inlineStyle,
       css: "",
       className: undefined
     };
   }
-  var className = "pui-rsp-".concat(sig);
-  var css = "";
+  const className = `pui-rsp-${sig}`;
+  let css = "";
   // xs = base (no media query), then ascending min-width queries built
   // by the shared mq.up() helper (single breakpoint→media-query engine).
-  if (byBp.xs) css += ".".concat(className, "{").concat(byBp.xs, "}");
-  var _iterator2 = _createForOfIteratorHelper(["sm", "md", "lg", "xl"]),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _bp = _step2.value;
-      if (byBp[_bp]) {
-        css += "".concat(_tokens.mq.up(_bp), "{.").concat(className, "{").concat(byBp[_bp], "}}");
-      }
+  if (byBp.xs) css += `.${className}{${byBp.xs}}`;
+  for (const bp of ["sm", "md", "lg", "xl"]) {
+    if (byBp[bp]) {
+      css += `${_tokens.mq.up(bp)}{.${className}{${byBp[bp]}}}`;
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
   }
   return {
-    inlineStyle: inlineStyle,
-    css: css,
-    className: className
+    inlineStyle,
+    css,
+    className
   };
 }
 
@@ -198,8 +165,8 @@ function resolveSx(sx) {
  * Used to content-address identical sx signatures so their generated
  * class + <style> rule de-duplicate in the DOM. */
 function hashString(str) {
-  var h = 5381;
-  for (var i = 0; i < str.length; i++) {
+  let h = 5381;
+  for (let i = 0; i < str.length; i++) {
     h = h * 33 ^ str.charCodeAt(i);
   }
   return h | 0;
@@ -209,11 +176,11 @@ function hashString(str) {
  * unique className. Idempotent: a second Box with the same sx signature
  * reuses the existing <style>. */
 function useResponsiveStyleInjection(css, className) {
-  React.useInsertionEffect(function () {
+  React.useInsertionEffect(() => {
     if (!css || !className || typeof document === "undefined") return undefined;
-    var id = "pui-rsp-style-".concat(className);
+    const id = `pui-rsp-style-${className}`;
     if (document.getElementById(id)) return undefined;
-    var el = document.createElement("style");
+    const el = document.createElement("style");
     el.id = id;
     el.textContent = css;
     document.head.appendChild(el);
@@ -224,61 +191,65 @@ function useResponsiveStyleInjection(css, className) {
     return undefined;
   }, [css, className]);
 }
-var Box = exports.Box = /*#__PURE__*/React.forwardRef(function Box(_ref, ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? "div" : _ref$as,
-    sx = _ref.sx,
-    style = _ref.style,
-    className = _ref.className,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _React$useMemo = React.useMemo(function () {
-      return resolveSx(sx);
-    }, [sx]),
-    inlineStyle = _React$useMemo.inlineStyle,
-    css = _React$useMemo.css,
-    rspClass = _React$useMemo.className;
+const Box = exports.Box = /*#__PURE__*/React.forwardRef(function Box({
+  as: Component = "div",
+  sx,
+  style,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const {
+    inlineStyle,
+    css,
+    className: rspClass
+  } = React.useMemo(() => resolveSx(sx), [sx]);
   useResponsiveStyleInjection(css, rspClass);
 
   /* Merge sx-derived inline style + explicit style — style wins. */
-  var merged = inlineStyle && style ? _objectSpread(_objectSpread({}, inlineStyle), style) : inlineStyle ? inlineStyle : style ? style : undefined;
-  var mergedClass = [className, rspClass].filter(Boolean).join(" ") || undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
+  const merged = inlineStyle && style ? {
+    ...inlineStyle,
+    ...style
+  } : inlineStyle ? inlineStyle : style ? style : undefined;
+  const mergedClass = [className, rspClass].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
     ref: ref,
     style: merged,
-    className: mergedClass
-  }, rest), {}, {
+    className: mergedClass,
+    ...rest,
     children: children
-  }));
+  });
 });
-var Stack = exports.Stack = /*#__PURE__*/React.forwardRef(function Stack(_ref2, ref) {
-  var _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? "column" : _ref2$direction,
-    _ref2$gap = _ref2.gap,
-    gap = _ref2$gap === void 0 ? "var(--s-3)" : _ref2$gap,
-    align = _ref2.align,
-    justify = _ref2.justify,
-    _ref2$wrap = _ref2.wrap,
-    wrap = _ref2$wrap === void 0 ? false : _ref2$wrap,
-    sx = _ref2.sx,
-    children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var layoutSx = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+const Stack = exports.Stack = /*#__PURE__*/React.forwardRef(function Stack({
+  direction = "column",
+  gap = "var(--s-3)",
+  align,
+  justify,
+  wrap = false,
+  sx,
+  children,
+  ...rest
+}, ref) {
+  const layoutSx = {
     display: "flex",
     flexDirection: direction,
-    gap: gap
-  }, align ? {
-    alignItems: align
-  } : null), justify ? {
-    justifyContent: justify
-  } : null), wrap ? {
-    flexWrap: "wrap"
-  } : null), sx);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, _objectSpread(_objectSpread({
+    gap,
+    ...(align ? {
+      alignItems: align
+    } : null),
+    ...(justify ? {
+      justifyContent: justify
+    } : null),
+    ...(wrap ? {
+      flexWrap: "wrap"
+    } : null),
+    ...sx
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
     ref: ref,
-    sx: layoutSx
-  }, rest), {}, {
+    sx: layoutSx,
+    ...rest,
     children: children
-  }));
+  });
 });
 //# sourceMappingURL=Layout.js.map

package/dist/v2/components/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","_interopRequireWildcard","require","_tokens","_jsxRuntime","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","_createForOfIteratorHelper","o","allowArrayLike","it","iterator","Array","isArray","_unsupportedIterableToArray","F","s","n","done","e","_e2","f","normalCompletion","didErr","err","step","next","_e3","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","from","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","BP_ORDER","BREAKPOINT_KEYS","isPlainObject","v","isBreakpointObject","every","k","includes","resolveSx","sx","inlineStyle","css","className","sig","Math","abs","hashString","JSON","stringify","styleWrite","byBp","xs","sm","md","lg","xl","hasResponsive","varSeq","_Object$entries","entries","_Object$entries$_i","prop","varName","concat","_iterator","_step","bp","bpVal","_iterator2","_step2","mq","up","str","h","charCodeAt","useResponsiveStyleInjection","useInsertionEffect","document","id","getElementById","el","createElement","textContent","head","appendChild","Box","exports","forwardRef","_ref","ref","_ref$as","as","Component","style","children","rest","_React$useMemo","useMemo","rspClass","merged","mergedClass","Boolean","join","jsx","Stack","_ref2","_ref2$direction","direction","_ref2$gap","gap","align","justify","_ref2$wrap","wrap","layoutSx","display","flexDirection","alignItems","justifyContent","flexWrap"],"sources":["../../../src/lib/v2/components/Layout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { mq, BREAKPOINT_KEYS } from \"../tokens\";\r\nimport type { Breakpoint } from \"../types/common\";\r\n\r\n/**\r\n * v2.Box / v2.Stack — token-driven layout primitives.\r\n *\r\n * These render through the inline `style` attribute and stay theme-free\r\n * (no MUI theme runtime, no emotion). Tokens flow through CSS variables\r\n * on :root, exactly as before.\r\n *\r\n * Responsive escape hatch (R-RS.4)\r\n * --------------------------------\r\n * Historically `sx` accepted ONLY plain CSS-property values; a\r\n * breakpoint object (`{ xs, sm, md, lg, xl }`) was silently dropped to\r\n * \"[object Object]\" because inline styles can't carry media queries.\r\n * Modules that needed responsive variation were pushed into bespoke,\r\n * per-module CSS files — which fragments the breakpoint contract and\r\n * violates centralisation.\r\n *\r\n * `sx` now ALSO accepts breakpoint objects on any property, resolved\r\n * against the DESIGN-SYSTEM breakpoint TOKENS (tokens/breakpoints.js),\r\n * the same scale wired into the MUI theme. The mechanism is the standard\r\n * \"CSS variable swapped by media query\" technique, kept entirely inside\r\n * the lib so consumers never hand-write a media query:\r\n *\r\n *   <Box sx={{ flexDirection: { xs: \"column\", md: \"row\" }, gap: \"var(--s-3)\" }} />\r\n *\r\n *   →  a generated scoped class sets, for that element only:\r\n *        --pui-rsp-<sig>-0: column;                    (base, mobile-first)\r\n *        ${mq.up(\"md\")} { --pui-rsp-<sig>-0: row }      (md token)\r\n *      and the inline style references flexDirection: var(--pui-rsp-<sig>-0).\r\n *\r\n * `xs` is treated as the base (min-width 0). sm/md/lg/xl emit\r\n * min-width media queries at the token values via mq.up(), so the\r\n * generated queries are byte-identical to theme.breakpoints.up().\r\n *\r\n * The generated class + variable names are CONTENT-ADDRESSED (derived\r\n * from a hash of the sx), so an identical sx signature always produces\r\n * the identical class and the identical <style> rule — injected once and\r\n * shared by every instance and every re-render. (A volatile counter here\r\n * would mint a fresh class + <style> on each render of an inline-sx Box,\r\n * leaking <style> tags into <head> without bound.)\r\n *\r\n * Precedence: `style` (explicit escape hatch) still overrides `sx`.\r\n *\r\n *   <Box as=\"section\" sx={{ display: \"flex\" }} style={{ background: \"var(--surface)\" }} className=\"x\" />\r\n */\r\n\r\n/** A single CSS value, or a per-breakpoint map of CSS values (responsive). */\r\ntype SxValue =\r\n  | string\r\n  | number\r\n  | Partial<Record<Breakpoint, string | number | undefined>>;\r\n\r\n/** Token-driven inline style; each property is a value or a responsive map. */\r\ntype Sx = { [property: string]: SxValue };\r\n\r\n/** Result of splitting an sx into inline style + generated responsive CSS. */\r\ntype ResolvedSx = {\r\n  inlineStyle: React.CSSProperties | undefined;\r\n  css: string;\r\n  className: string | undefined;\r\n};\r\n\r\n/* Token breakpoint keys, ascending. xs is the mobile-first base and\r\n * never emits a media query. Sourced from the canonical breakpoints\r\n * token (tokens/breakpoints.js) so the order can't drift from the scale\r\n * wired into the MUI theme. */\r\nconst BP_ORDER = BREAKPOINT_KEYS;\r\n\r\nfunction isPlainObject(v: unknown): boolean {\r\n  return v != null && typeof v === \"object\" && !Array.isArray(v);\r\n}\r\n\r\nfunction isBreakpointObject(\r\n  v: unknown,\r\n): v is Partial<Record<Breakpoint, string | number | undefined>> {\r\n  if (!isPlainObject(v)) return false;\r\n  // Treat as responsive only if EVERY key is a known breakpoint name.\r\n  // Avoids misreading a nested style object as a breakpoint map.\r\n  const keys = Object.keys(v as Record<string, unknown>);\r\n  return keys.length > 0 && keys.every((k) => (BP_ORDER as readonly string[]).includes(k));\r\n}\r\n\r\n/**\r\n * Split an sx object into:\r\n *   - inlineStyle : plain props written directly (responsive props point\r\n *                   at a generated CSS variable)\r\n *   - css         : a scoped stylesheet string (or \"\" when nothing is\r\n *                   responsive)\r\n *   - className   : the generated scope class (or undefined)\r\n *\r\n * The className and the generated variable names are both derived from a\r\n * single content hash of the sx, so the result is STABLE across renders\r\n * and identical across instances that share the same sx — which is what\r\n * makes the <style> injection idempotent (see useResponsiveStyleInjection).\r\n *\r\n * Returns a stable result for a given sx via useMemo at the call site.\r\n */\r\nfunction resolveSx(sx: Sx | undefined): ResolvedSx {\r\n  if (sx == null || !isPlainObject(sx)) {\r\n    return { inlineStyle: undefined, css: \"\", className: undefined };\r\n  }\r\n\r\n  // Content-addressed signature. Derived ONCE from the sx so the class\r\n  // and every generated var name are stable across renders/instances.\r\n  const sig = Math.abs(hashString(JSON.stringify(sx))).toString(36);\r\n\r\n  // inlineStyle is the returned CSSProperties; styleWrite is the same\r\n  // object viewed as a keyed record so dynamic string keys can be written\r\n  // (CSSProperties has no string index signature, so the view needs a\r\n  // cast — the two are the SAME object at runtime).\r\n  const inlineStyle: React.CSSProperties = {};\r\n  const styleWrite = inlineStyle as unknown as Record<string, string | number | undefined>;\r\n  /* Per-breakpoint declaration buckets, e.g. byBp.md === \"--pui-rsp-<sig>-0:row;\" */\r\n  const byBp: Record<Breakpoint, string> = { xs: \"\", sm: \"\", md: \"\", lg: \"\", xl: \"\" };\r\n  let hasResponsive = false;\r\n  let varSeq = 0;\r\n\r\n  for (const [prop, value] of Object.entries(sx)) {\r\n    if (isBreakpointObject(value)) {\r\n      hasResponsive = true;\r\n      // Stable, signature-scoped var name (local index, not a global\r\n      // counter). Only ever declared inside `.${className}`, so the name\r\n      // is effectively scoped to elements carrying that class.\r\n      const varName = `--pui-rsp-${sig}-${varSeq++}`;\r\n      styleWrite[prop] = `var(${varName})`;\r\n      for (const bp of BP_ORDER) {\r\n        const bpVal = value[bp];\r\n        if (bpVal != null) {\r\n          byBp[bp] += `${varName}:${bpVal};`;\r\n        }\r\n      }\r\n    } else {\r\n      styleWrite[prop] = value;\r\n    }\r\n  }\r\n\r\n  if (!hasResponsive) {\r\n    return { inlineStyle, css: \"\", className: undefined };\r\n  }\r\n\r\n  const className = `pui-rsp-${sig}`;\r\n\r\n  let css = \"\";\r\n  // xs = base (no media query), then ascending min-width queries built\r\n  // by the shared mq.up() helper (single breakpoint→media-query engine).\r\n  if (byBp.xs) css += `.${className}{${byBp.xs}}`;\r\n  for (const bp of [\"sm\", \"md\", \"lg\", \"xl\"] as const) {\r\n    if (byBp[bp]) {\r\n      css += `${mq.up(bp)}{.${className}{${byBp[bp]}}}`;\r\n    }\r\n  }\r\n\r\n  return { inlineStyle, css, className };\r\n}\r\n\r\n/* Small, stable, dependency-free string hash (djb2) for class naming.\r\n * Used to content-address identical sx signatures so their generated\r\n * class + <style> rule de-duplicate in the DOM. */\r\nfunction hashString(str: string): number {\r\n  let h = 5381;\r\n  for (let i = 0; i < str.length; i++) {\r\n    h = (h * 33) ^ str.charCodeAt(i);\r\n  }\r\n  return h | 0;\r\n}\r\n\r\n/* Injects the generated stylesheet for a responsive sx exactly once per\r\n * unique className. Idempotent: a second Box with the same sx signature\r\n * reuses the existing <style>. */\r\nfunction useResponsiveStyleInjection(css: string, className: string | undefined): void {\r\n  React.useInsertionEffect(() => {\r\n    if (!css || !className || typeof document === \"undefined\") return undefined;\r\n    const id = `pui-rsp-style-${className}`;\r\n    if (document.getElementById(id)) return undefined;\r\n    const el = document.createElement(\"style\");\r\n    el.id = id;\r\n    el.textContent = css;\r\n    document.head.appendChild(el);\r\n    // Not removed on unmount: the rule is keyed by content hash and may\r\n    // be shared by sibling instances; leaving it is cheap and avoids a\r\n    // flash if the same sx remounts. The set is bounded by the number of\r\n    // DISTINCT responsive sx signatures in the app, not instances.\r\n    return undefined;\r\n  }, [css, className]);\r\n}\r\n\r\nexport interface BoxProps extends React.HTMLAttributes<HTMLElement> {\r\n  /** Element or component to render. @default \"div\" */\r\n  as?: React.ElementType | undefined;\r\n  /**\r\n   * Token-driven inline style. Each property may be a plain CSS value or a\r\n   * responsive breakpoint map (`{ xs, sm, md, lg, xl }`) resolved against the\r\n   * design-system breakpoint tokens. `style` still overrides `sx`.\r\n   */\r\n  sx?: Sx | undefined;\r\n}\r\n\r\nexport const Box = React.forwardRef<HTMLElement, BoxProps>(function Box(\r\n  { as: Component = \"div\", sx, style, className, children, ...rest },\r\n  ref,\r\n) {\r\n  const { inlineStyle, css, className: rspClass } = React.useMemo(\r\n    () => resolveSx(sx),\r\n    [sx],\r\n  );\r\n  useResponsiveStyleInjection(css, rspClass);\r\n\r\n  /* Merge sx-derived inline style + explicit style — style wins. */\r\n  const merged =\r\n    inlineStyle && style ? { ...inlineStyle, ...style } :\r\n    inlineStyle ? inlineStyle :\r\n    style ? style :\r\n    undefined;\r\n\r\n  const mergedClass = [className, rspClass].filter(Boolean).join(\" \") || undefined;\r\n\r\n  return (\r\n    <Component ref={ref} style={merged} className={mergedClass} {...rest}>\r\n      {children}\r\n    </Component>\r\n  );\r\n});\r\n\r\nexport interface StackProps extends BoxProps {\r\n  /** Flex direction. @default \"column\" */\r\n  direction?: React.CSSProperties[\"flexDirection\"] | undefined;\r\n  /** Gap between children (any CSS length or spacing var). @default \"var(--s-3)\" */\r\n  gap?: string | number | undefined;\r\n  /** align-items. */\r\n  align?: React.CSSProperties[\"alignItems\"] | undefined;\r\n  /** justify-content. */\r\n  justify?: React.CSSProperties[\"justifyContent\"] | undefined;\r\n  /** Set flex-wrap: wrap. @default false */\r\n  wrap?: boolean | undefined;\r\n}\r\n\r\nexport const Stack = React.forwardRef<HTMLElement, StackProps>(function Stack(\r\n  {\r\n    direction = \"column\",\r\n    gap = \"var(--s-3)\",\r\n    align,\r\n    justify,\r\n    wrap = false,\r\n    sx,\r\n    children,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const layoutSx: Sx = {\r\n    display: \"flex\",\r\n    flexDirection: direction,\r\n    gap,\r\n    ...(align    ? { alignItems:     align   } : null),\r\n    ...(justify  ? { justifyContent: justify } : null),\r\n    ...(wrap     ? { flexWrap: \"wrap\" }        : null),\r\n    ...sx,\r\n  };\r\n\r\n  return (\r\n    <Box ref={ref} sx={layoutSx} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Layout.js","names":["React","_interopRequireWildcard","require","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BP_ORDER","BREAKPOINT_KEYS","isPlainObject","v","Array","isArray","isBreakpointObject","keys","length","every","k","includes","resolveSx","sx","inlineStyle","undefined","css","className","sig","Math","abs","hashString","JSON","stringify","toString","styleWrite","byBp","xs","sm","md","lg","xl","hasResponsive","varSeq","prop","value","entries","varName","bp","bpVal","mq","up","str","h","charCodeAt","useResponsiveStyleInjection","useInsertionEffect","document","id","getElementById","el","createElement","textContent","head","appendChild","Box","exports","forwardRef","as","Component","style","children","rest","ref","rspClass","useMemo","merged","mergedClass","filter","Boolean","join","jsx","Stack","direction","gap","align","justify","wrap","layoutSx","display","flexDirection","alignItems","justifyContent","flexWrap"],"sources":["../../../src/lib/v2/components/Layout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { mq, BREAKPOINT_KEYS } from \"../tokens\";\r\nimport type { Breakpoint } from \"../types/common\";\r\n\r\n/**\r\n * v2.Box / v2.Stack — token-driven layout primitives.\r\n *\r\n * These render through the inline `style` attribute and stay theme-free\r\n * (no MUI theme runtime, no emotion). Tokens flow through CSS variables\r\n * on :root, exactly as before.\r\n *\r\n * Responsive escape hatch (R-RS.4)\r\n * --------------------------------\r\n * Historically `sx` accepted ONLY plain CSS-property values; a\r\n * breakpoint object (`{ xs, sm, md, lg, xl }`) was silently dropped to\r\n * \"[object Object]\" because inline styles can't carry media queries.\r\n * Modules that needed responsive variation were pushed into bespoke,\r\n * per-module CSS files — which fragments the breakpoint contract and\r\n * violates centralisation.\r\n *\r\n * `sx` now ALSO accepts breakpoint objects on any property, resolved\r\n * against the DESIGN-SYSTEM breakpoint TOKENS (tokens/breakpoints.js),\r\n * the same scale wired into the MUI theme. The mechanism is the standard\r\n * \"CSS variable swapped by media query\" technique, kept entirely inside\r\n * the lib so consumers never hand-write a media query:\r\n *\r\n *   <Box sx={{ flexDirection: { xs: \"column\", md: \"row\" }, gap: \"var(--s-3)\" }} />\r\n *\r\n *   →  a generated scoped class sets, for that element only:\r\n *        --pui-rsp-<sig>-0: column;                    (base, mobile-first)\r\n *        ${mq.up(\"md\")} { --pui-rsp-<sig>-0: row }      (md token)\r\n *      and the inline style references flexDirection: var(--pui-rsp-<sig>-0).\r\n *\r\n * `xs` is treated as the base (min-width 0). sm/md/lg/xl emit\r\n * min-width media queries at the token values via mq.up(), so the\r\n * generated queries are byte-identical to theme.breakpoints.up().\r\n *\r\n * The generated class + variable names are CONTENT-ADDRESSED (derived\r\n * from a hash of the sx), so an identical sx signature always produces\r\n * the identical class and the identical <style> rule — injected once and\r\n * shared by every instance and every re-render. (A volatile counter here\r\n * would mint a fresh class + <style> on each render of an inline-sx Box,\r\n * leaking <style> tags into <head> without bound.)\r\n *\r\n * Precedence: `style` (explicit escape hatch) still overrides `sx`.\r\n *\r\n *   <Box as=\"section\" sx={{ display: \"flex\" }} style={{ background: \"var(--surface)\" }} className=\"x\" />\r\n */\r\n\r\n/** A single CSS value, or a per-breakpoint map of CSS values (responsive). */\r\ntype SxValue =\r\n  | string\r\n  | number\r\n  | Partial<Record<Breakpoint, string | number | undefined>>;\r\n\r\n/** Token-driven inline style; each property is a value or a responsive map. */\r\ntype Sx = { [property: string]: SxValue };\r\n\r\n/** Result of splitting an sx into inline style + generated responsive CSS. */\r\ntype ResolvedSx = {\r\n  inlineStyle: React.CSSProperties | undefined;\r\n  css: string;\r\n  className: string | undefined;\r\n};\r\n\r\n/* Token breakpoint keys, ascending. xs is the mobile-first base and\r\n * never emits a media query. Sourced from the canonical breakpoints\r\n * token (tokens/breakpoints.js) so the order can't drift from the scale\r\n * wired into the MUI theme. */\r\nconst BP_ORDER = BREAKPOINT_KEYS;\r\n\r\nfunction isPlainObject(v: unknown): boolean {\r\n  return v != null && typeof v === \"object\" && !Array.isArray(v);\r\n}\r\n\r\nfunction isBreakpointObject(\r\n  v: unknown,\r\n): v is Partial<Record<Breakpoint, string | number | undefined>> {\r\n  if (!isPlainObject(v)) return false;\r\n  // Treat as responsive only if EVERY key is a known breakpoint name.\r\n  // Avoids misreading a nested style object as a breakpoint map.\r\n  const keys = Object.keys(v as Record<string, unknown>);\r\n  return keys.length > 0 && keys.every((k) => (BP_ORDER as readonly string[]).includes(k));\r\n}\r\n\r\n/**\r\n * Split an sx object into:\r\n *   - inlineStyle : plain props written directly (responsive props point\r\n *                   at a generated CSS variable)\r\n *   - css         : a scoped stylesheet string (or \"\" when nothing is\r\n *                   responsive)\r\n *   - className   : the generated scope class (or undefined)\r\n *\r\n * The className and the generated variable names are both derived from a\r\n * single content hash of the sx, so the result is STABLE across renders\r\n * and identical across instances that share the same sx — which is what\r\n * makes the <style> injection idempotent (see useResponsiveStyleInjection).\r\n *\r\n * Returns a stable result for a given sx via useMemo at the call site.\r\n */\r\nfunction resolveSx(sx: Sx | undefined): ResolvedSx {\r\n  if (sx == null || !isPlainObject(sx)) {\r\n    return { inlineStyle: undefined, css: \"\", className: undefined };\r\n  }\r\n\r\n  // Content-addressed signature. Derived ONCE from the sx so the class\r\n  // and every generated var name are stable across renders/instances.\r\n  const sig = Math.abs(hashString(JSON.stringify(sx))).toString(36);\r\n\r\n  // inlineStyle is the returned CSSProperties; styleWrite is the same\r\n  // object viewed as a keyed record so dynamic string keys can be written\r\n  // (CSSProperties has no string index signature, so the view needs a\r\n  // cast — the two are the SAME object at runtime).\r\n  const inlineStyle: React.CSSProperties = {};\r\n  const styleWrite = inlineStyle as unknown as Record<string, string | number | undefined>;\r\n  /* Per-breakpoint declaration buckets, e.g. byBp.md === \"--pui-rsp-<sig>-0:row;\" */\r\n  const byBp: Record<Breakpoint, string> = { xs: \"\", sm: \"\", md: \"\", lg: \"\", xl: \"\" };\r\n  let hasResponsive = false;\r\n  let varSeq = 0;\r\n\r\n  for (const [prop, value] of Object.entries(sx)) {\r\n    if (isBreakpointObject(value)) {\r\n      hasResponsive = true;\r\n      // Stable, signature-scoped var name (local index, not a global\r\n      // counter). Only ever declared inside `.${className}`, so the name\r\n      // is effectively scoped to elements carrying that class.\r\n      const varName = `--pui-rsp-${sig}-${varSeq++}`;\r\n      styleWrite[prop] = `var(${varName})`;\r\n      for (const bp of BP_ORDER) {\r\n        const bpVal = value[bp];\r\n        if (bpVal != null) {\r\n          byBp[bp] += `${varName}:${bpVal};`;\r\n        }\r\n      }\r\n    } else {\r\n      styleWrite[prop] = value;\r\n    }\r\n  }\r\n\r\n  if (!hasResponsive) {\r\n    return { inlineStyle, css: \"\", className: undefined };\r\n  }\r\n\r\n  const className = `pui-rsp-${sig}`;\r\n\r\n  let css = \"\";\r\n  // xs = base (no media query), then ascending min-width queries built\r\n  // by the shared mq.up() helper (single breakpoint→media-query engine).\r\n  if (byBp.xs) css += `.${className}{${byBp.xs}}`;\r\n  for (const bp of [\"sm\", \"md\", \"lg\", \"xl\"] as const) {\r\n    if (byBp[bp]) {\r\n      css += `${mq.up(bp)}{.${className}{${byBp[bp]}}}`;\r\n    }\r\n  }\r\n\r\n  return { inlineStyle, css, className };\r\n}\r\n\r\n/* Small, stable, dependency-free string hash (djb2) for class naming.\r\n * Used to content-address identical sx signatures so their generated\r\n * class + <style> rule de-duplicate in the DOM. */\r\nfunction hashString(str: string): number {\r\n  let h = 5381;\r\n  for (let i = 0; i < str.length; i++) {\r\n    h = (h * 33) ^ str.charCodeAt(i);\r\n  }\r\n  return h | 0;\r\n}\r\n\r\n/* Injects the generated stylesheet for a responsive sx exactly once per\r\n * unique className. Idempotent: a second Box with the same sx signature\r\n * reuses the existing <style>. */\r\nfunction useResponsiveStyleInjection(css: string, className: string | undefined): void {\r\n  React.useInsertionEffect(() => {\r\n    if (!css || !className || typeof document === \"undefined\") return undefined;\r\n    const id = `pui-rsp-style-${className}`;\r\n    if (document.getElementById(id)) return undefined;\r\n    const el = document.createElement(\"style\");\r\n    el.id = id;\r\n    el.textContent = css;\r\n    document.head.appendChild(el);\r\n    // Not removed on unmount: the rule is keyed by content hash and may\r\n    // be shared by sibling instances; leaving it is cheap and avoids a\r\n    // flash if the same sx remounts. The set is bounded by the number of\r\n    // DISTINCT responsive sx signatures in the app, not instances.\r\n    return undefined;\r\n  }, [css, className]);\r\n}\r\n\r\nexport interface BoxProps extends React.HTMLAttributes<HTMLElement> {\r\n  /** Element or component to render. @default \"div\" */\r\n  as?: React.ElementType | undefined;\r\n  /**\r\n   * Token-driven inline style. Each property may be a plain CSS value or a\r\n   * responsive breakpoint map (`{ xs, sm, md, lg, xl }`) resolved against the\r\n   * design-system breakpoint tokens. `style` still overrides `sx`.\r\n   */\r\n  sx?: Sx | undefined;\r\n}\r\n\r\nexport const Box = React.forwardRef<HTMLElement, BoxProps>(function Box(\r\n  { as: Component = \"div\", sx, style, className, children, ...rest },\r\n  ref,\r\n) {\r\n  const { inlineStyle, css, className: rspClass } = React.useMemo(\r\n    () => resolveSx(sx),\r\n    [sx],\r\n  );\r\n  useResponsiveStyleInjection(css, rspClass);\r\n\r\n  /* Merge sx-derived inline style + explicit style — style wins. */\r\n  const merged =\r\n    inlineStyle && style ? { ...inlineStyle, ...style } :\r\n    inlineStyle ? inlineStyle :\r\n    style ? style :\r\n    undefined;\r\n\r\n  const mergedClass = [className, rspClass].filter(Boolean).join(\" \") || undefined;\r\n\r\n  return (\r\n    <Component ref={ref} style={merged} className={mergedClass} {...rest}>\r\n      {children}\r\n    </Component>\r\n  );\r\n});\r\n\r\nexport interface StackProps extends BoxProps {\r\n  /** Flex direction. @default \"column\" */\r\n  direction?: React.CSSProperties[\"flexDirection\"] | undefined;\r\n  /** Gap between children (any CSS length or spacing var). @default \"var(--s-3)\" */\r\n  gap?: string | number | undefined;\r\n  /** align-items. */\r\n  align?: React.CSSProperties[\"alignItems\"] | undefined;\r\n  /** justify-content. */\r\n  justify?: React.CSSProperties[\"justifyContent\"] | undefined;\r\n  /** Set flex-wrap: wrap. @default false */\r\n  wrap?: boolean | undefined;\r\n}\r\n\r\nexport const Stack = React.forwardRef<HTMLElement, StackProps>(function Stack(\r\n  {\r\n    direction = \"column\",\r\n    gap = \"var(--s-3)\",\r\n    align,\r\n    justify,\r\n    wrap = false,\r\n    sx,\r\n    children,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const layoutSx: Sx = {\r\n    display: \"flex\",\r\n    flexDirection: direction,\r\n    gap,\r\n    ...(align    ? { alignItems:     align   } : null),\r\n    ...(justify  ? { justifyContent: justify } : null),\r\n    ...(wrap     ? { flexWrap: \"wrap\" }        : null),\r\n    ...sx,\r\n  };\r\n\r\n  return (\r\n    <Box ref={ref} sx={layoutSx} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}