@cerberus-design/react 0.23.0 → 0.24.0

package/dist/node_modules/.pnpm/@zag-js_aria-hidden@1.29.1/node_modules/@zag-js/aria-hidden/dist/index.cjs

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('../../../../../@zag-js_dom-query@1.29.1/node_modules/@zag-js/dom-query/dist/index.cjs');
+
+// src/walk-tree-outside.ts
+var counterMap = /* @__PURE__ */ new WeakMap();
+var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+var markerMap = {};
+var lockCount = 0;
+var unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
+var correctTargets = (parent, targets) => targets.map((target) => {
+  if (parent.contains(target)) return target;
+  const correctedTarget = unwrapHost(target);
+  if (correctedTarget && parent.contains(correctedTarget)) {
+    return correctedTarget;
+  }
+  console.error("[zag-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
+  return null;
+}).filter((x) => Boolean(x));
+var ignoreableNodes = /* @__PURE__ */ new Set(["script", "output", "status", "next-route-announcer"]);
+var isIgnoredNode = (node) => {
+  if (ignoreableNodes.has(node.localName)) return true;
+  if (node.role === "status") return true;
+  if (node.hasAttribute("aria-live")) return true;
+  return node.matches("[data-live-announcer]");
+};
+var walkTreeOutside = (originalTarget, props) => {
+  const { parentNode, markerName, controlAttribute, followControlledElements = true } = props;
+  const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  markerMap[markerName] || (markerMap[markerName] = /* @__PURE__ */ new WeakMap());
+  const markerCounter = markerMap[markerName];
+  const hiddenNodes = [];
+  const elementsToKeep = /* @__PURE__ */ new Set();
+  const elementsToStop = new Set(targets);
+  const keep = (el) => {
+    if (!el || elementsToKeep.has(el)) return;
+    elementsToKeep.add(el);
+    keep(el.parentNode);
+  };
+  targets.forEach((target) => {
+    keep(target);
+    if (followControlledElements && index.isHTMLElement(target)) {
+      index.findControlledElements(target, (controlledElement) => {
+        keep(controlledElement);
+      });
+    }
+  });
+  const deep = (parent) => {
+    if (!parent || elementsToStop.has(parent)) {
+      return;
+    }
+    Array.prototype.forEach.call(parent.children, (node) => {
+      if (elementsToKeep.has(node)) {
+        deep(node);
+      } else {
+        try {
+          if (isIgnoredNode(node)) return;
+          const attr = node.getAttribute(controlAttribute);
+          const alreadyHidden = attr === "true" ;
+          const counterValue = (counterMap.get(node) || 0) + 1;
+          const markerValue = (markerCounter.get(node) || 0) + 1;
+          counterMap.set(node, counterValue);
+          markerCounter.set(node, markerValue);
+          hiddenNodes.push(node);
+          if (counterValue === 1 && alreadyHidden) {
+            uncontrolledNodes.set(node, true);
+          }
+          if (markerValue === 1) {
+            node.setAttribute(markerName, "");
+          }
+          if (!alreadyHidden) {
+            node.setAttribute(controlAttribute, "true" );
+          }
+        } catch (e) {
+          console.error("[zag-js > ariaHidden] cannot operate on ", node, e);
+        }
+      }
+    });
+  };
+  deep(parentNode);
+  elementsToKeep.clear();
+  lockCount++;
+  return () => {
+    hiddenNodes.forEach((node) => {
+      const counterValue = counterMap.get(node) - 1;
+      const markerValue = markerCounter.get(node) - 1;
+      counterMap.set(node, counterValue);
+      markerCounter.set(node, markerValue);
+      if (!counterValue) {
+        if (!uncontrolledNodes.has(node)) {
+          node.removeAttribute(controlAttribute);
+        }
+        uncontrolledNodes.delete(node);
+      }
+      if (!markerValue) {
+        node.removeAttribute(markerName);
+      }
+    });
+    lockCount--;
+    if (!lockCount) {
+      counterMap = /* @__PURE__ */ new WeakMap();
+      counterMap = /* @__PURE__ */ new WeakMap();
+      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+      markerMap = {};
+    }
+  };
+};
+
+// src/aria-hidden.ts
+var getParentNode = (originalTarget) => {
+  const target = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
+  return target.ownerDocument.body;
+};
+var hideOthers = (originalTarget, parentNode = getParentNode(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
+  if (!parentNode) return;
+  return walkTreeOutside(originalTarget, {
+    parentNode,
+    markerName,
+    controlAttribute: "aria-hidden",
+    followControlledElements
+  });
+};
+
+// src/index.ts
+var raf = (fn) => {
+  const frameId = requestAnimationFrame(() => fn());
+  return () => cancelAnimationFrame(frameId);
+};
+function ariaHidden(targetsOrFn, options = {}) {
+  const { defer = true } = options;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const targets = typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn;
+      const elements = targets.filter(Boolean);
+      if (elements.length === 0) return;
+      cleanups.push(hideOthers(elements));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
+
+exports.ariaHidden = ariaHidden;

package/dist/node_modules/.pnpm/@zag-js_aria-hidden@1.29.1/node_modules/@zag-js/aria-hidden/dist/index.js

@@ -0,0 +1,144 @@
+import { isHTMLElement, findControlledElements } from '../../../../../@zag-js_dom-query@1.29.1/node_modules/@zag-js/dom-query/dist/index.js';
+
+// src/walk-tree-outside.ts
+var counterMap = /* @__PURE__ */ new WeakMap();
+var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+var markerMap = {};
+var lockCount = 0;
+var unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
+var correctTargets = (parent, targets) => targets.map((target) => {
+  if (parent.contains(target)) return target;
+  const correctedTarget = unwrapHost(target);
+  if (correctedTarget && parent.contains(correctedTarget)) {
+    return correctedTarget;
+  }
+  console.error("[zag-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
+  return null;
+}).filter((x) => Boolean(x));
+var ignoreableNodes = /* @__PURE__ */ new Set(["script", "output", "status", "next-route-announcer"]);
+var isIgnoredNode = (node) => {
+  if (ignoreableNodes.has(node.localName)) return true;
+  if (node.role === "status") return true;
+  if (node.hasAttribute("aria-live")) return true;
+  return node.matches("[data-live-announcer]");
+};
+var walkTreeOutside = (originalTarget, props) => {
+  const { parentNode, markerName, controlAttribute, followControlledElements = true } = props;
+  const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  markerMap[markerName] || (markerMap[markerName] = /* @__PURE__ */ new WeakMap());
+  const markerCounter = markerMap[markerName];
+  const hiddenNodes = [];
+  const elementsToKeep = /* @__PURE__ */ new Set();
+  const elementsToStop = new Set(targets);
+  const keep = (el) => {
+    if (!el || elementsToKeep.has(el)) return;
+    elementsToKeep.add(el);
+    keep(el.parentNode);
+  };
+  targets.forEach((target) => {
+    keep(target);
+    if (followControlledElements && isHTMLElement(target)) {
+      findControlledElements(target, (controlledElement) => {
+        keep(controlledElement);
+      });
+    }
+  });
+  const deep = (parent) => {
+    if (!parent || elementsToStop.has(parent)) {
+      return;
+    }
+    Array.prototype.forEach.call(parent.children, (node) => {
+      if (elementsToKeep.has(node)) {
+        deep(node);
+      } else {
+        try {
+          if (isIgnoredNode(node)) return;
+          const attr = node.getAttribute(controlAttribute);
+          const alreadyHidden = attr === "true" ;
+          const counterValue = (counterMap.get(node) || 0) + 1;
+          const markerValue = (markerCounter.get(node) || 0) + 1;
+          counterMap.set(node, counterValue);
+          markerCounter.set(node, markerValue);
+          hiddenNodes.push(node);
+          if (counterValue === 1 && alreadyHidden) {
+            uncontrolledNodes.set(node, true);
+          }
+          if (markerValue === 1) {
+            node.setAttribute(markerName, "");
+          }
+          if (!alreadyHidden) {
+            node.setAttribute(controlAttribute, "true" );
+          }
+        } catch (e) {
+          console.error("[zag-js > ariaHidden] cannot operate on ", node, e);
+        }
+      }
+    });
+  };
+  deep(parentNode);
+  elementsToKeep.clear();
+  lockCount++;
+  return () => {
+    hiddenNodes.forEach((node) => {
+      const counterValue = counterMap.get(node) - 1;
+      const markerValue = markerCounter.get(node) - 1;
+      counterMap.set(node, counterValue);
+      markerCounter.set(node, markerValue);
+      if (!counterValue) {
+        if (!uncontrolledNodes.has(node)) {
+          node.removeAttribute(controlAttribute);
+        }
+        uncontrolledNodes.delete(node);
+      }
+      if (!markerValue) {
+        node.removeAttribute(markerName);
+      }
+    });
+    lockCount--;
+    if (!lockCount) {
+      counterMap = /* @__PURE__ */ new WeakMap();
+      counterMap = /* @__PURE__ */ new WeakMap();
+      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+      markerMap = {};
+    }
+  };
+};
+
+// src/aria-hidden.ts
+var getParentNode = (originalTarget) => {
+  const target = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
+  return target.ownerDocument.body;
+};
+var hideOthers = (originalTarget, parentNode = getParentNode(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
+  if (!parentNode) return;
+  return walkTreeOutside(originalTarget, {
+    parentNode,
+    markerName,
+    controlAttribute: "aria-hidden",
+    followControlledElements
+  });
+};
+
+// src/index.ts
+var raf = (fn) => {
+  const frameId = requestAnimationFrame(() => fn());
+  return () => cancelAnimationFrame(frameId);
+};
+function ariaHidden(targetsOrFn, options = {}) {
+  const { defer = true } = options;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const targets = typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn;
+      const elements = targets.filter(Boolean);
+      if (elements.length === 0) return;
+      cleanups.push(hideOthers(elements));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
+
+export { ariaHidden };

package/dist/node_modules/.pnpm/@zag-js_auto-resize@1.29.1/node_modules/@zag-js/auto-resize/dist/index.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('../../../../../@zag-js_dom-query@1.29.1/node_modules/@zag-js/dom-query/dist/index.cjs');
+
+var autoresizeTextarea = (el) => {
+  if (!el) return;
+  const style = index.getComputedStyle(el);
+  const win = index.getWindow(el);
+  const doc = index.getDocument(el);
+  const resize = () => {
+    requestAnimationFrame(() => {
+      el.style.height = "auto";
+      let newHeight;
+      if (style.boxSizing === "content-box") {
+        newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+      } else {
+        newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+      }
+      if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+        if (style.overflowY === "hidden") {
+          el.style.overflowY = "scroll";
+        }
+        newHeight = parseFloat(style.maxHeight);
+      } else if (style.overflowY !== "hidden") {
+        el.style.overflowY = "hidden";
+      }
+      el.style.height = `${newHeight}px`;
+    });
+  };
+  el.addEventListener("input", resize);
+  el.form?.addEventListener("reset", resize);
+  const elementPrototype = Object.getPrototypeOf(el);
+  const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+  Object.defineProperty(el, "value", {
+    ...descriptor,
+    set() {
+      descriptor?.set?.apply(this, arguments);
+      resize();
+    }
+  });
+  const resizeObserver = new win.ResizeObserver(() => {
+    requestAnimationFrame(() => resize());
+  });
+  resizeObserver.observe(el);
+  const attrObserver = new win.MutationObserver(() => resize());
+  attrObserver.observe(el, { attributes: true, attributeFilter: ["rows", "placeholder"] });
+  doc.fonts?.addEventListener("loadingdone", resize);
+  return () => {
+    el.removeEventListener("input", resize);
+    el.form?.removeEventListener("reset", resize);
+    doc.fonts?.removeEventListener("loadingdone", resize);
+    resizeObserver.disconnect();
+    attrObserver.disconnect();
+  };
+};
+
+exports.autoresizeTextarea = autoresizeTextarea;

package/dist/node_modules/.pnpm/@zag-js_auto-resize@1.29.1/node_modules/@zag-js/auto-resize/dist/index.js

@@ -0,0 +1,55 @@
+import { getComputedStyle, getWindow, getDocument } from '../../../../../@zag-js_dom-query@1.29.1/node_modules/@zag-js/dom-query/dist/index.js';
+
+var autoresizeTextarea = (el) => {
+  if (!el) return;
+  const style = getComputedStyle(el);
+  const win = getWindow(el);
+  const doc = getDocument(el);
+  const resize = () => {
+    requestAnimationFrame(() => {
+      el.style.height = "auto";
+      let newHeight;
+      if (style.boxSizing === "content-box") {
+        newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+      } else {
+        newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+      }
+      if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+        if (style.overflowY === "hidden") {
+          el.style.overflowY = "scroll";
+        }
+        newHeight = parseFloat(style.maxHeight);
+      } else if (style.overflowY !== "hidden") {
+        el.style.overflowY = "hidden";
+      }
+      el.style.height = `${newHeight}px`;
+    });
+  };
+  el.addEventListener("input", resize);
+  el.form?.addEventListener("reset", resize);
+  const elementPrototype = Object.getPrototypeOf(el);
+  const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+  Object.defineProperty(el, "value", {
+    ...descriptor,
+    set() {
+      descriptor?.set?.apply(this, arguments);
+      resize();
+    }
+  });
+  const resizeObserver = new win.ResizeObserver(() => {
+    requestAnimationFrame(() => resize());
+  });
+  resizeObserver.observe(el);
+  const attrObserver = new win.MutationObserver(() => resize());
+  attrObserver.observe(el, { attributes: true, attributeFilter: ["rows", "placeholder"] });
+  doc.fonts?.addEventListener("loadingdone", resize);
+  return () => {
+    el.removeEventListener("input", resize);
+    el.form?.removeEventListener("reset", resize);
+    doc.fonts?.removeEventListener("loadingdone", resize);
+    resizeObserver.disconnect();
+    attrObserver.disconnect();
+  };
+};
+
+export { autoresizeTextarea };

package/dist/node_modules/.pnpm/@zag-js_avatar@1.29.1/node_modules/@zag-js/avatar/dist/index.cjs

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index$2 = require('../../../../../@zag-js_anatomy@1.29.1/node_modules/@zag-js/anatomy/dist/index.cjs');
+const index$1 = require('../../../../../@zag-js_dom-query@1.29.1/node_modules/@zag-js/dom-query/dist/index.cjs');
+const index = require('../../../../../@zag-js_core@1.29.1/node_modules/@zag-js/core/dist/index.cjs');
+const index$3 = require('../../../../../@zag-js_types@1.29.1/node_modules/@zag-js/types/dist/index.cjs');
+
+// src/avatar.anatomy.ts
+var anatomy = index$2.createAnatomy("avatar").parts("root", "image", "fallback");
+var parts = anatomy.build();
+
+// src/avatar.dom.ts
+var getRootId = (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`;
+var getImageId = (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`;
+var getFallbackId = (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`;
+var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getImageEl = (ctx) => ctx.getById(getImageId(ctx));
+
+// src/avatar.connect.ts
+function connect(service, normalize) {
+  const { state, send, prop, scope } = service;
+  const loaded = state.matches("loaded");
+  return {
+    loaded,
+    setSrc(src) {
+      const img = getImageEl(scope);
+      img?.setAttribute("src", src);
+    },
+    setLoaded() {
+      send({ type: "img.loaded", src: "api" });
+    },
+    setError() {
+      send({ type: "img.error", src: "api" });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        id: getRootId(scope)
+      });
+    },
+    getImageProps() {
+      return normalize.img({
+        ...parts.image.attrs,
+        hidden: !loaded,
+        dir: prop("dir"),
+        id: getImageId(scope),
+        "data-state": loaded ? "visible" : "hidden",
+        onLoad() {
+          send({ type: "img.loaded", src: "element" });
+        },
+        onError() {
+          send({ type: "img.error", src: "element" });
+        }
+      });
+    },
+    getFallbackProps() {
+      return normalize.element({
+        ...parts.fallback.attrs,
+        dir: prop("dir"),
+        id: getFallbackId(scope),
+        hidden: loaded,
+        "data-state": loaded ? "hidden" : "visible"
+      });
+    }
+  };
+}
+var machine = index.createMachine({
+  initialState() {
+    return "loading";
+  },
+  effects: ["trackImageRemoval", "trackSrcChange"],
+  on: {
+    "src.change": {
+      target: "loading"
+    },
+    "img.unmount": {
+      target: "error"
+    }
+  },
+  states: {
+    loading: {
+      entry: ["checkImageStatus"],
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        },
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    },
+    error: {
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        }
+      }
+    },
+    loaded: {
+      on: {
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      invokeOnLoad({ prop }) {
+        prop("onStatusChange")?.({ status: "loaded" });
+      },
+      invokeOnError({ prop }) {
+        prop("onStatusChange")?.({ status: "error" });
+      },
+      checkImageStatus({ send, scope }) {
+        const imageEl = getImageEl(scope);
+        if (!imageEl?.complete) return;
+        const type = hasLoaded(imageEl) ? "img.loaded" : "img.error";
+        send({ type, src: "ssr" });
+      }
+    },
+    effects: {
+      trackImageRemoval({ send, scope }) {
+        const rootEl = getRootEl(scope);
+        return index$1.observeChildren(rootEl, {
+          callback(records) {
+            const removedNodes = Array.from(records[0].removedNodes);
+            const removed = removedNodes.find(
+              (node) => node.nodeType === Node.ELEMENT_NODE && node.matches("[data-scope=avatar][data-part=image]")
+            );
+            if (removed) {
+              send({ type: "img.unmount" });
+            }
+          }
+        });
+      },
+      trackSrcChange({ send, scope }) {
+        const imageEl = getImageEl(scope);
+        return index$1.observeAttributes(imageEl, {
+          attributes: ["src", "srcset"],
+          callback() {
+            send({ type: "src.change" });
+          }
+        });
+      }
+    }
+  }
+});
+function hasLoaded(image) {
+  return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;
+}
+index$3.createProps()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+
+exports.anatomy = anatomy;
+exports.connect = connect;
+exports.machine = machine;