prime-ui-kit 0.20.0 → 0.20.1

package/dist/chunks/{chunk-W6EGTNG6.js → chunk-4374EBWV.js}

@@ -16407,22 +16407,51 @@ function translate(point, grab) {
 function isTransparent(color) {
   return color === "" || color === "transparent" || /rgba?\([^)]*,\s*0\s*\)$/.test(color);
 }
+var CONTAINER_SHELL = {
+  display: "block",
+  "box-sizing": "content-box",
+  "min-width": "0",
+  "max-width": "none",
+  "min-height": "0",
+  "max-height": "none",
+  margin: "0",
+  padding: "0",
+  border: "none",
+  background: "none",
+  "box-shadow": "none",
+  outline: "none",
+  overflow: "visible",
+  position: "static",
+  transform: "none",
+  translate: "none",
+  scale: "none",
+  rotate: "none",
+  opacity: "1",
+  filter: "none",
+  "clip-path": "none"
+};
 function inHostCopy(parent, inner2) {
   let outer = inner2;
-  const wrap = (node2) => {
-    const shell = node2.cloneNode(false);
-    shell.style.display = "contents";
-    shell.append(outer);
-    outer = shell;
-  };
   let node = parent;
-  while (node && node !== document.body) {
-    wrap(node);
-    if (node.hasAttribute("data-depth")) {
-      const theme = node.parentElement?.closest("[data-theme]");
-      if (theme && theme !== document.documentElement && theme !== document.body) wrap(theme);
-      break;
+  while (node && node !== document.body && node !== document.documentElement) {
+    const shell = node.cloneNode(false);
+    const source = getComputedStyle(node);
+    const container = source.getPropertyValue("container-type").trim();
+    if (container === "inline-size" || container === "size") {
+      for (const [property, value] of Object.entries(CONTAINER_SHELL))
+        shell.style.setProperty(property, value ?? null);
+      const px3 = (value) => Number.parseFloat(value) || 0;
+      const width = node.clientWidth - px3(source.paddingLeft) - px3(source.paddingRight);
+      shell.style.setProperty("width", `${Math.max(0, width)}px`);
+      if (container === "size") {
+        const height = node.clientHeight - px3(source.paddingTop) - px3(source.paddingBottom);
+        shell.style.setProperty("height", `${Math.max(0, height)}px`);
+      } else shell.style.setProperty("height", "auto");
+    } else {
+      shell.style.display = "contents";
     }
+    shell.append(outer);
+    outer = shell;
     node = node.parentElement;
   }
   return outer;
@@ -16474,11 +16503,6 @@ function cloneFor(preview) {
   clone.style.width = `${preview.origin.width}px`;
   clone.style.height = `${preview.origin.height}px`;
   clone.style.margin = "0";
-  const source = getComputedStyle(preview.element);
-  if (isTransparent(source.backgroundColor)) {
-    const layer = source.getPropertyValue("--prime-color-layer-current").trim();
-    if (layer) clone.style.backgroundColor = layer;
-  }
   const row = preview.element instanceof HTMLTableRowElement ? preview.element : null;
   const cell = preview.element instanceof HTMLTableCellElement ? preview.element : null;
   const lifted = row ? inTableCopy(row, clone, preview.origin) : cell ? inHeadCopy(cell, clone, preview.origin) : clone;
@@ -16503,6 +16527,12 @@ function cloneFor(preview) {
   lifted.classList.add(Dnd_default.lift);
   return outer;
 }
+function fillBareCopy(host, source) {
+  const copy = host.querySelector("[data-dnd-copy]");
+  if (!copy || !isTransparent(getComputedStyle(copy).backgroundColor)) return;
+  const layer = getComputedStyle(source).getPropertyValue("--prime-color-layer-current").trim();
+  if (layer) copy.style.backgroundColor = layer;
+}
 function liftedIn(host) {
   return host.querySelector(`.${Dnd_default.lift}`);
 }
@@ -16687,6 +16717,7 @@ function DragOverlay({ controller }) {
         mirrorRef.current = null;
         const copy = cloneFor(event.preview);
         host.replaceChildren(copy);
+        fillBareCopy(host, event.preview.element);
         host.style.transform = translate(event.preview.point, event.preview.grab);
         const source = event.preview.element;
         if (typeof MutationObserver === "function" && source.querySelector("[data-dnd-mirror]")) {
@@ -26383,6 +26414,8 @@ function FieldList({
         fieldTierClass,
         FieldList_default.row,
         FieldList_default.record,
+        // A list on its own fill draws lines between its rows; a plain one only once they stack
+        // (its one-line rows are parted by air: FieldList.module.css).
         hairline_default.between,
         presence.entering.has(id) && enterMotion_default.enter
       ),