@portnet/ui 5.0.27 → 6.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"KV.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","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","toPrimitive","undefined","res","TypeError","Number","KV","_ref","label","_ref$mono","mono","_ref$fallback","fallback","display","isMissing","labelId","useId","jsxs","sx","minWidth","children","jsx","id","fontSize","color","fontWeight","marginBottom","textTransform","letterSpacing","fontFamily","fontVariantNumeric","wordBreak","_default","exports"],"sources":["../../../src/lib/v2/components/KV.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * KV — Label / value pair for detail panes.\r\n *\r\n * The label and value are explicitly paired via `aria-labelledby` so\r\n * screen readers announce them as one semantic unit (e.g. \"IMPORTATEUR\r\n * SOFRANE SA\") instead of two adjacent-but-unrelated text nodes.\r\n *\r\n * Density-aware: the value renders at var(--text-fs), tracking the\r\n * surrounding density tier (comfortable=14 / compact=13 / spacious=15\r\n * / ultraCompact=12). The label stays at 11 px — its size is a\r\n * semantic property of the eyebrow-text role, not body density.\r\n *\r\n *   <KV label=\"Importateur\" value=\"SOFRANE SA\" />\r\n *   <KV label=\"Référence\" value=\"2025-IM-0042\" mono />\r\n */\r\n\r\nexport interface KVProps {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode;\r\n  mono?: boolean;\r\n  fallback?: React.ReactNode;\r\n}\r\n\r\nfunction KV({ label, value, mono = false, fallback = \"—\" }: KVProps) {\r\n  const display = (value === null || value === undefined || value === \"\") ? fallback : value;\r\n  const isMissing = display === fallback;\r\n  const labelId = React.useId();\r\n  return (\r\n    <Box sx={{ minWidth: 0 }}>\r\n      <Box\r\n        id={labelId}\r\n        sx={{\r\n          fontSize: 11,\r\n          color: \"var(--fg-subtle)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          marginBottom: 0.5,\r\n          textTransform: \"uppercase\",\r\n          /* A7-02 — was a raw \"0.04em\". This component is one of the two places\r\n           * the value was hardcoded INSIDE the library, which is what\r\n           * established it as platform vocabulary and justified promoting the\r\n           * letter-spacing scale rather than stripping the tracking. */\r\n          letterSpacing: \"var(--ls-wide)\",\r\n        }}\r\n      >\r\n        {label}\r\n      </Box>\r\n      <Box\r\n        aria-labelledby={labelId}\r\n        sx={{\r\n          // B1 — density-aware body font size, tracking the host's\r\n          // data-density attribute. Aligns KV cells with DataGrid\r\n          // body cells (which already use --text-fs).\r\n          fontSize: \"var(--text-fs)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          color: isMissing ? \"var(--fg-subtle)\" : \"var(--fg)\",\r\n          ...(mono\r\n            ? { fontFamily: \"var(--font-mono)\", fontVariantNumeric: \"tabular-nums\" }\r\n            : {}),\r\n          wordBreak: \"break-word\",\r\n        }}\r\n      >\r\n        {display}\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KV;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/KVGrid.d.ts

@@ -0,0 +1,44 @@
+import type { BoxProps } from "@mui/material/Box";
+/**
+ * KVGrid — Portnet UI v2
+ *
+ * Charter §03 · auto-fill grid for KV (key/value) blocks. Replaces
+ * the local KVGrid wrapper that host modules previously maintained
+ * (audit Batch 2 violation C10 in ms-ti-fe — direct MUI Box parallel
+ * auto-fill grid).
+ *
+ * Usage:
+ *
+ *   <KVGrid minColumnWidth={180}>
+ *     <KV label="Description" value={imp.description} />
+ *     <KV label="Code PIN"    value={imp.codePIN} mono />
+ *     <KV label="IFU"         value={imp.ifu}     mono />
+ *     <KV label="N° RC"       value={imp.numeroRc} mono />
+ *   </KVGrid>
+ *
+ * Reflow strategy: `auto-fill, minmax(min(minColumnWidth, 100%), 1fr)`
+ * — the browser packs as many cells per row as fit the container, each
+ * cell ≥ minColumnWidth and stretching to share remaining space. The
+ * `min(…, 100%)` clamp is load-bearing: it caps each track's minimum at
+ * the container width so a container narrower than minColumnWidth (small
+ * phones, deeply-nested padded cards, or a tuned-up minColumnWidth)
+ * collapses to a single full-width column instead of overflowing the
+ * viewport (WCAG 1.4.10 Reflow). No media queries, no breakpoint juggling.
+ *
+ * Designed to wrap v2.KV cells but accepts any children (renderer
+ * is agnostic to KV internals).
+ *
+ * Props:
+ *   minColumnWidth — track minimum in px (default 180). Tune
+ *                    upward for long mono values, downward for
+ *                    dense compact KV strips.
+ *   gap            — grid gap; defaults to `var(--s-3)` (12px).
+ *   sx             — escape hatch.
+ */
+export interface KVGridProps extends Omit<BoxProps, "gap"> {
+    minColumnWidth?: number;
+    gap?: string | number;
+}
+declare function KVGrid({ children, minColumnWidth, gap, sx, ...rest }: KVGridProps): import("react").JSX.Element;
+export default KVGrid;
+//# sourceMappingURL=KVGrid.d.ts.map

package/dist/v2/components/KVGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KVGrid.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/KVGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,cAAoB,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAchF;AAED,eAAe,MAAM,CAAC"}

package/dist/v2/components/KVGrid.js

@@ -0,0 +1,73 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "minColumnWidth", "gap", "sx"];
+/**
+ * KVGrid — Portnet UI v2
+ *
+ * Charter §03 · auto-fill grid for KV (key/value) blocks. Replaces
+ * the local KVGrid wrapper that host modules previously maintained
+ * (audit Batch 2 violation C10 in ms-ti-fe — direct MUI Box parallel
+ * auto-fill grid).
+ *
+ * Usage:
+ *
+ *   <KVGrid minColumnWidth={180}>
+ *     <KV label="Description" value={imp.description} />
+ *     <KV label="Code PIN"    value={imp.codePIN} mono />
+ *     <KV label="IFU"         value={imp.ifu}     mono />
+ *     <KV label="N° RC"       value={imp.numeroRc} mono />
+ *   </KVGrid>
+ *
+ * Reflow strategy: `auto-fill, minmax(min(minColumnWidth, 100%), 1fr)`
+ * — the browser packs as many cells per row as fit the container, each
+ * cell ≥ minColumnWidth and stretching to share remaining space. The
+ * `min(…, 100%)` clamp is load-bearing: it caps each track's minimum at
+ * the container width so a container narrower than minColumnWidth (small
+ * phones, deeply-nested padded cards, or a tuned-up minColumnWidth)
+ * collapses to a single full-width column instead of overflowing the
+ * viewport (WCAG 1.4.10 Reflow). No media queries, no breakpoint juggling.
+ *
+ * Designed to wrap v2.KV cells but accepts any children (renderer
+ * is agnostic to KV internals).
+ *
+ * Props:
+ *   minColumnWidth — track minimum in px (default 180). Tune
+ *                    upward for long mono values, downward for
+ *                    dense compact KV strips.
+ *   gap            — grid gap; defaults to `var(--s-3)` (12px).
+ *   sx             — escape hatch.
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 KVGrid(_ref) {
+  var children = _ref.children,
+    _ref$minColumnWidth = _ref.minColumnWidth,
+    minColumnWidth = _ref$minColumnWidth === void 0 ? 180 : _ref$minColumnWidth,
+    gap = _ref.gap,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], _objectSpread(_objectSpread({
+    sx: _objectSpread({
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(min(".concat(minColumnWidth, "px, 100%), 1fr))"),
+      gap: gap || "var(--s-3)"
+    }, sx)
+  }, rest), {}, {
+    children: children
+  }));
+}
+var _default = exports["default"] = KVGrid;
+//# sourceMappingURL=KVGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KVGrid.js","names":["_Box","_interopRequireDefault","require","_jsxRuntime","_excluded","obj","__esModule","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","KVGrid","_ref","children","_ref$minColumnWidth","minColumnWidth","gap","sx","rest","jsx","display","gridTemplateColumns","concat","_default","exports"],"sources":["../../../src/lib/v2/components/KVGrid.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * KVGrid — Portnet UI v2\r\n *\r\n * Charter §03 · auto-fill grid for KV (key/value) blocks. Replaces\r\n * the local KVGrid wrapper that host modules previously maintained\r\n * (audit Batch 2 violation C10 in ms-ti-fe — direct MUI Box parallel\r\n * auto-fill grid).\r\n *\r\n * Usage:\r\n *\r\n *   <KVGrid minColumnWidth={180}>\r\n *     <KV label=\"Description\" value={imp.description} />\r\n *     <KV label=\"Code PIN\"    value={imp.codePIN} mono />\r\n *     <KV label=\"IFU\"         value={imp.ifu}     mono />\r\n *     <KV label=\"N° RC\"       value={imp.numeroRc} mono />\r\n *   </KVGrid>\r\n *\r\n * Reflow strategy: `auto-fill, minmax(min(minColumnWidth, 100%), 1fr)`\r\n * — the browser packs as many cells per row as fit the container, each\r\n * cell ≥ minColumnWidth and stretching to share remaining space. The\r\n * `min(…, 100%)` clamp is load-bearing: it caps each track's minimum at\r\n * the container width so a container narrower than minColumnWidth (small\r\n * phones, deeply-nested padded cards, or a tuned-up minColumnWidth)\r\n * collapses to a single full-width column instead of overflowing the\r\n * viewport (WCAG 1.4.10 Reflow). No media queries, no breakpoint juggling.\r\n *\r\n * Designed to wrap v2.KV cells but accepts any children (renderer\r\n * is agnostic to KV internals).\r\n *\r\n * Props:\r\n *   minColumnWidth — track minimum in px (default 180). Tune\r\n *                    upward for long mono values, downward for\r\n *                    dense compact KV strips.\r\n *   gap            — grid gap; defaults to `var(--s-3)` (12px).\r\n *   sx             — escape hatch.\r\n */\r\n\r\nexport interface KVGridProps extends Omit<BoxProps, \"gap\"> {\r\n  minColumnWidth?: number;\r\n  gap?: string | number;\r\n}\r\n\r\nfunction KVGrid({ children, minColumnWidth = 180, gap, sx, ...rest }: KVGridProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n        gap: gap || \"var(--s-3)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KVGrid;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/Layout.d.ts

@@ -0,0 +1,78 @@
+import * as React from "react";
+import type { Breakpoint } from "../types/common";
+/**
+ * v2.Box / v2.Stack — token-driven layout primitives.
+ *
+ * These render through the inline `style` attribute and stay theme-free
+ * (no MUI theme runtime, no emotion). Tokens flow through CSS variables
+ * on :root, exactly as before.
+ *
+ * Responsive escape hatch (R-RS.4)
+ * --------------------------------
+ * Historically `sx` accepted ONLY plain CSS-property values; a
+ * breakpoint object (`{ xs, sm, md, lg, xl }`) was silently dropped to
+ * "[object Object]" because inline styles can't carry media queries.
+ * Modules that needed responsive variation were pushed into bespoke,
+ * per-module CSS files — which fragments the breakpoint contract and
+ * violates centralisation.
+ *
+ * `sx` now ALSO accepts breakpoint objects on any property, resolved
+ * against the DESIGN-SYSTEM breakpoint TOKENS (tokens/breakpoints.js),
+ * the same scale wired into the MUI theme. The mechanism is the standard
+ * "CSS variable swapped by media query" technique, kept entirely inside
+ * the lib so consumers never hand-write a media query:
+ *
+ *   <Box sx={{ flexDirection: { xs: "column", md: "row" }, gap: "var(--s-3)" }} />
+ *
+ *   →  a generated scoped class sets, for that element only:
+ *        --pui-rsp-<sig>-0: column;                    (base, mobile-first)
+ *        ${mq.up("md")} { --pui-rsp-<sig>-0: row }      (md token)
+ *      and the inline style references flexDirection: var(--pui-rsp-<sig>-0).
+ *
+ * `xs` is treated as the base (min-width 0). sm/md/lg/xl emit
+ * min-width media queries at the token values via mq.up(), so the
+ * generated queries are byte-identical to theme.breakpoints.up().
+ *
+ * The generated class + variable names are CONTENT-ADDRESSED (derived
+ * from a hash of the sx), so an identical sx signature always produces
+ * the identical class and the identical <style> rule — injected once and
+ * shared by every instance and every re-render. (A volatile counter here
+ * would mint a fresh class + <style> on each render of an inline-sx Box,
+ * leaking <style> tags into <head> without bound.)
+ *
+ * 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). */
+type SxValue = string | number | Partial<Record<Breakpoint, string | number | undefined>>;
+/** Token-driven inline style; each property is a value or a responsive map. */
+type Sx = {
+    [property: string]: SxValue;
+};
+export interface BoxProps extends React.HTMLAttributes<HTMLElement> {
+    /** Element or component to render. @default "div" */
+    as?: React.ElementType;
+    /**
+     * Token-driven inline style. Each property may be a plain CSS value or a
+     * responsive breakpoint map (`{ xs, sm, md, lg, xl }`) resolved against the
+     * design-system breakpoint tokens. `style` still overrides `sx`.
+     */
+    sx?: Sx;
+}
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+export interface StackProps extends BoxProps {
+    /** Flex direction. @default "column" */
+    direction?: React.CSSProperties["flexDirection"];
+    /** Gap between children (any CSS length or spacing var). @default "var(--s-3)" */
+    gap?: string | number;
+    /** align-items. */
+    align?: React.CSSProperties["alignItems"];
+    /** justify-content. */
+    justify?: React.CSSProperties["justifyContent"];
+    /** Set flex-wrap: wrap. @default false */
+    wrap?: boolean;
+}
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/v2/components/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,8EAA8E;AAC9E,KAAK,OAAO,GACR,MAAM,GACN,MAAM,GACN,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAE7D,+EAA+E;AAC/E,KAAK,EAAE,GAAG;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAqI1C,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,qDAAqD;IACrD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB;;;;OAIG;IACH,EAAE,CAAC,EAAE,EAAE,CAAC;CACT;AAED,eAAO,MAAM,GAAG,8EAwBd,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,wCAAwC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACjD,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC1C,uBAAuB;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,gFA4BhB,CAAC"}

package/dist/v2/components/Layout.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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); } /**
+ * v2.Box / v2.Stack — token-driven layout primitives.
+ *
+ * These render through the inline `style` attribute and stay theme-free
+ * (no MUI theme runtime, no emotion). Tokens flow through CSS variables
+ * on :root, exactly as before.
+ *
+ * Responsive escape hatch (R-RS.4)
+ * --------------------------------
+ * Historically `sx` accepted ONLY plain CSS-property values; a
+ * breakpoint object (`{ xs, sm, md, lg, xl }`) was silently dropped to
+ * "[object Object]" because inline styles can't carry media queries.
+ * Modules that needed responsive variation were pushed into bespoke,
+ * per-module CSS files — which fragments the breakpoint contract and
+ * violates centralisation.
+ *
+ * `sx` now ALSO accepts breakpoint objects on any property, resolved
+ * against the DESIGN-SYSTEM breakpoint TOKENS (tokens/breakpoints.js),
+ * the same scale wired into the MUI theme. The mechanism is the standard
+ * "CSS variable swapped by media query" technique, kept entirely inside
+ * the lib so consumers never hand-write a media query:
+ *
+ *   <Box sx={{ flexDirection: { xs: "column", md: "row" }, gap: "var(--s-3)" }} />
+ *
+ *   →  a generated scoped class sets, for that element only:
+ *        --pui-rsp-<sig>-0: column;                    (base, mobile-first)
+ *        ${mq.up("md")} { --pui-rsp-<sig>-0: row }      (md token)
+ *      and the inline style references flexDirection: var(--pui-rsp-<sig>-0).
+ *
+ * `xs` is treated as the base (min-width 0). sm/md/lg/xl emit
+ * min-width media queries at the token values via mq.up(), so the
+ * generated queries are byte-identical to theme.breakpoints.up().
+ *
+ * The generated class + variable names are CONTENT-ADDRESSED (derived
+ * from a hash of the sx), so an identical sx signature always produces
+ * the identical class and the identical <style> rule — injected once and
+ * shared by every instance and every re-render. (A volatile counter here
+ * would mint a fresh class + <style> on each render of an inline-sx Box,
+ * leaking <style> tags into <head> without bound.)
+ *
+ * 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. */
+/* 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;
+function isPlainObject(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);
+  });
+}
+
+/**
+ * Split an sx object into:
+ *   - inlineStyle : plain props written directly (responsive props point
+ *                   at a generated CSS variable)
+ *   - css         : a scoped stylesheet string (or "" when nothing is
+ *                   responsive)
+ *   - className   : the generated scope class (or undefined)
+ *
+ * The className and the generated variable names are both derived from a
+ * single content hash of the sx, so the result is STABLE across renders
+ * and identical across instances that share the same sx — which is what
+ * makes the <style> injection idempotent (see useResponsiveStyleInjection).
+ *
+ * Returns a stable result for a given sx via useMemo at the call site.
+ */
+function resolveSx(sx) {
+  if (sx == null || !isPlainObject(sx)) {
+    return {
+      inlineStyle: undefined,
+      css: "",
+      className: undefined
+    };
+  }
+
+  // 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);
+
+  // 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;
+  /* Per-breakpoint declaration buckets, e.g. byBp.md === "--pui-rsp-<sig>-0:row;" */
+  var 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];
+    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, ";");
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    } else {
+      styleWrite[prop] = value;
+    }
+  }
+  if (!hasResponsive) {
+    return {
+      inlineStyle: inlineStyle,
+      css: "",
+      className: undefined
+    };
+  }
+  var className = "pui-rsp-".concat(sig);
+  var 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], "}}");
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return {
+    inlineStyle: inlineStyle,
+    css: css,
+    className: className
+  };
+}
+
+/* Small, stable, dependency-free string hash (djb2) for class naming.
+ * 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++) {
+    h = h * 33 ^ str.charCodeAt(i);
+  }
+  return h | 0;
+}
+
+/* Injects the generated stylesheet for a responsive sx exactly once per
+ * unique className. Idempotent: a second Box with the same sx signature
+ * reuses the existing <style>. */
+function useResponsiveStyleInjection(css, className) {
+  React.useInsertionEffect(function () {
+    if (!css || !className || typeof document === "undefined") return undefined;
+    var id = "pui-rsp-style-".concat(className);
+    if (document.getElementById(id)) return undefined;
+    var el = document.createElement("style");
+    el.id = id;
+    el.textContent = css;
+    document.head.appendChild(el);
+    // Not removed on unmount: the rule is keyed by content hash and may
+    // be shared by sibling instances; leaving it is cheap and avoids a
+    // flash if the same sx remounts. The set is bounded by the number of
+    // DISTINCT responsive sx signatures in the app, not instances.
+    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;
+  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({
+    ref: ref,
+    style: merged,
+    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({
+    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({
+    ref: ref,
+    sx: layoutSx
+  }, rest), {}, {
+    children: children
+  }));
+});
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +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;\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;\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\"];\r\n  /** Gap between children (any CSS length or spacing var). @default \"var(--s-3)\" */\r\n  gap?: string | number;\r\n  /** align-items. */\r\n  align?: React.CSSProperties[\"alignItems\"];\r\n  /** justify-content. */\r\n  justify?: React.CSSProperties[\"justifyContent\"];\r\n  /** Set flex-wrap: wrap. @default false */\r\n  wrap?: boolean;\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":[]}