@vertz/ui-primitives 0.2.22 → 0.2.23

package/dist/shared/{chunk-dhyr0s9n.js → chunk-j902w020.js}

@@ -1,6 +1,6 @@
 import {
   Menu
-} from "./chunk-4rf1m34c.js";
+} from "./chunk-h3v10x04.js";
 
 // src/dropdown-menu/dropdown-menu.ts
 var DropdownMenu = {

package/dist/shared/chunk-jdygp28a.js

@@ -0,0 +1,260 @@
+import {
+  saveFocus,
+  trapFocus
+} from "./chunk-e2v1c9ex.js";
+import {
+  setDataState,
+  setExpanded,
+  setHidden,
+  setHiddenAnimated
+} from "./chunk-vevfhpc9.js";
+import {
+  linkedIds
+} from "./chunk-8y1jf6xr.js";
+
+// src/alert-dialog/alert-dialog.tsx
+import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
+import { signal } from "@vertz/ui";
+function AlertDialogTriggerEl(triggerId, contentId, defaultOpen, onClick) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("button");
+      __el0.setAttribute("type", "button");
+      {
+        const __v = triggerId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("id", __v === true ? "" : __v);
+      }
+      {
+        const __v = contentId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "true" : "false";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-expanded", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      __on(__el0, "click", onClick);
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogOverlayEl(defaultOpen) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      __el0.setAttribute("data-alertdialog-overlay", "");
+      {
+        const __v = defaultOpen ? "false" : "true";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      {
+        const __v = { display: defaultOpen ? "" : "none" };
+        if (__v != null && __v !== false)
+          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
+      }
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogContentEl(contentId, titleId, descriptionId, defaultOpen) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      __el0.setAttribute("role", "alertdialog");
+      {
+        const __v = contentId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("id", __v === true ? "" : __v);
+      }
+      __el0.setAttribute("aria-modal", "true");
+      {
+        const __v = titleId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
+      }
+      {
+        const __v = descriptionId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "false" : "true";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      {
+        const __v = { display: defaultOpen ? "" : "none" };
+        if (__v != null && __v !== false)
+          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
+      }
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogTitleEl(titleId) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("h2");
+      {
+        const __v = titleId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("id", __v === true ? "" : __v);
+      }
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogDescriptionEl(descriptionId) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("p");
+      {
+        const __v = descriptionId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("id", __v === true ? "" : __v);
+      }
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogCancelBtn(onClick) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("button");
+      __el0.setAttribute("type", "button");
+      __on(__el0, "click", onClick);
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogActionBtn(onClick) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("button");
+      __el0.setAttribute("type", "button");
+      __on(__el0, "click", onClick);
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AlertDialogRoot(options = {}) {
+  const { defaultOpen = false, onOpenChange, onAction } = options;
+  const ids = linkedIds("alertdialog");
+  const titleId = `${ids.contentId}-title`;
+  const descriptionId = `${ids.contentId}-description`;
+  const state = { open: signal(defaultOpen) };
+  let restoreFocus = null;
+  let removeTrap = null;
+  function show() {
+    if (state.open.peek())
+      return;
+    state.open.value = true;
+    setExpanded(trigger, true);
+    setHidden(overlay, false);
+    setHidden(content, false);
+    setDataState(trigger, "open");
+    setDataState(overlay, "open");
+    setDataState(content, "open");
+    restoreFocus = saveFocus();
+    removeTrap = trapFocus(content);
+    queueMicrotask(() => cancel.focus());
+    onOpenChange?.(true);
+  }
+  function hide() {
+    if (!state.open.peek())
+      return;
+    state.open.value = false;
+    setExpanded(trigger, false);
+    setDataState(trigger, "closed");
+    setDataState(overlay, "closed");
+    setDataState(content, "closed");
+    setHiddenAnimated(overlay, true);
+    setHiddenAnimated(content, true);
+    removeTrap?.();
+    removeTrap = null;
+    restoreFocus?.();
+    restoreFocus = null;
+    onOpenChange?.(false);
+  }
+  const trigger = AlertDialogTriggerEl(ids.triggerId, ids.contentId, defaultOpen, show);
+  const overlay = AlertDialogOverlayEl(defaultOpen);
+  const content = AlertDialogContentEl(ids.contentId, titleId, descriptionId, defaultOpen);
+  const title = AlertDialogTitleEl(titleId);
+  const description = AlertDialogDescriptionEl(descriptionId);
+  const cancel = AlertDialogCancelBtn(() => hide());
+  const action = AlertDialogActionBtn(() => {
+    onAction?.();
+    hide();
+  });
+  if (defaultOpen) {
+    restoreFocus = saveFocus();
+    removeTrap = trapFocus(content);
+    queueMicrotask(() => cancel.focus());
+  }
+  return { trigger, overlay, content, title, description, cancel, action, state, show, hide };
+}
+var AlertDialog = {
+  Root: AlertDialogRoot
+};
+
+export { AlertDialog };

package/dist/shared/chunk-jqre4qtw.js

@@ -0,0 +1,180 @@
+import {
+  focusFirst,
+  saveFocus,
+  trapFocus
+} from "./chunk-e2v1c9ex.js";
+import {
+  Keys,
+  isKey
+} from "./chunk-7867pr13.js";
+import {
+  setDataState,
+  setExpanded,
+  setHidden,
+  setHiddenAnimated
+} from "./chunk-vevfhpc9.js";
+import {
+  linkedIds
+} from "./chunk-8y1jf6xr.js";
+
+// src/sheet/sheet.tsx
+import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
+import { signal } from "@vertz/ui";
+function SheetRoot(options = {}) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    let show = function() {
+      state.open.value = true;
+      setExpanded(trigger, true);
+      setHidden(overlay, false);
+      setHidden(content, false);
+      setDataState(trigger, "open");
+      setDataState(overlay, "open");
+      setDataState(content, "open");
+      restoreFocus = saveFocus();
+      removeTrap = trapFocus(content);
+      queueMicrotask(() => focusFirst(content));
+      onOpenChange?.(true);
+    }, hide = function() {
+      state.open.value = false;
+      setExpanded(trigger, false);
+      setDataState(trigger, "closed");
+      setDataState(overlay, "closed");
+      setDataState(content, "closed");
+      setHiddenAnimated(overlay, true);
+      setHiddenAnimated(content, true);
+      removeTrap?.();
+      removeTrap = null;
+      restoreFocus?.();
+      restoreFocus = null;
+      onOpenChange?.(false);
+    }, handlePointerDown = function(e) {
+      startX = e.clientX;
+      startY = e.clientY;
+    }, handlePointerUp = function(e) {
+      if (!state.open.peek())
+        return;
+      const deltaX = e.clientX - startX;
+      const deltaY = e.clientY - startY;
+      const shouldDismiss = side === "right" && deltaX >= SWIPE_THRESHOLD || side === "left" && deltaX <= -SWIPE_THRESHOLD || side === "bottom" && deltaY >= SWIPE_THRESHOLD || side === "top" && deltaY <= -SWIPE_THRESHOLD;
+      if (shouldDismiss) {
+        hide();
+      }
+    };
+    const { side = "right", defaultOpen = false, onOpenChange } = options;
+    const ids = linkedIds("sheet");
+    const state = { open: signal(defaultOpen) };
+    let restoreFocus = null;
+    let removeTrap = null;
+    const SWIPE_THRESHOLD = 50;
+    let startX = 0;
+    let startY = 0;
+    const trigger = (() => {
+      const __el0 = __element("button");
+      __el0.setAttribute("type", "button");
+      {
+        const __v = ids.triggerId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("id", __v === true ? "" : __v);
+      }
+      {
+        const __v = ids.contentId;
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "true" : "false";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("aria-expanded", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el0.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      __on(__el0, "click", () => {
+        state.open.peek() ? hide() : show();
+      });
+      return __el0;
+    })();
+    const overlay = (() => {
+      const __el1 = __element("div");
+      __el1.setAttribute("data-sheet-overlay", "");
+      {
+        const __v = defaultOpen ? "false" : "true";
+        if (__v != null && __v !== false)
+          __el1.setAttribute("aria-hidden", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el1.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      {
+        const __v = { display: defaultOpen ? "" : "none" };
+        if (__v != null && __v !== false)
+          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
+      }
+      __on(__el1, "click", () => hide());
+      return __el1;
+    })();
+    const content = (() => {
+      const __el2 = __element("div");
+      __el2.setAttribute("role", "dialog");
+      __el2.setAttribute("aria-modal", "true");
+      {
+        const __v = ids.contentId;
+        if (__v != null && __v !== false)
+          __el2.setAttribute("id", __v === true ? "" : __v);
+      }
+      {
+        const __v = side;
+        if (__v != null && __v !== false)
+          __el2.setAttribute("data-side", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "false" : "true";
+        if (__v != null && __v !== false)
+          __el2.setAttribute("aria-hidden", __v === true ? "" : __v);
+      }
+      {
+        const __v = defaultOpen ? "open" : "closed";
+        if (__v != null && __v !== false)
+          __el2.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      {
+        const __v = { display: defaultOpen ? "" : "none" };
+        if (__v != null && __v !== false)
+          __el2.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
+      }
+      __on(__el2, "keydown", (event) => {
+        if (isKey(event, Keys.Escape)) {
+          event.preventDefault();
+          event.stopPropagation();
+          hide();
+        }
+      });
+      __on(__el2, "pointerdown", handlePointerDown);
+      __on(__el2, "pointerup", handlePointerUp);
+      return __el2;
+    })();
+    const close = (() => {
+      const __el3 = __element("button");
+      __el3.setAttribute("type", "button");
+      __el3.setAttribute("aria-label", "Close");
+      __on(__el3, "click", () => hide());
+      return __el3;
+    })();
+    const __mfResult0 = { trigger, overlay, content, close, state, show, hide };
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+var Sheet = {
+  Root: SheetRoot
+};
+
+export { Sheet };

package/dist/shared/{chunk-k8nabsxm.js → chunk-mgr904ap.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2db2dnp3.js";
 
 // src/calendar/calendar.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
+import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame } from "@vertz/ui/internals";
 import { signal } from "@vertz/ui";
 var MONTH_NAMES = [
   "January",
@@ -37,47 +37,87 @@ function addMonths(date, months) {
   return result;
 }
 function CalendarTitleEl() {
-  return (() => {
-    const __el0 = __element("div");
-    return __el0;
-  })();
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
 }
 function CalendarNavButton(onClick) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __on(__el0, "click", onClick);
-    return __el0;
-  })();
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("button");
+      __el0.setAttribute("type", "button");
+      __on(__el0, "click", onClick);
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
 }
 function CalendarHeaderEl(prevButton, title, nextButton) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, prevButton);
-    __insert(__el0, title);
-    __insert(__el0, nextButton);
-    __exitChildren();
-    return __el0;
-  })();
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      __enterChildren(__el0);
+      __insert(__el0, prevButton);
+      __insert(__el0, title);
+      __insert(__el0, nextButton);
+      __exitChildren();
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
 }
 function CalendarGridEl(onKeydown) {
-  return (() => {
-    const __el0 = __element("table");
-    __el0.setAttribute("role", "grid");
-    __on(__el0, "keydown", onKeydown);
-    return __el0;
-  })();
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("table");
+      __el0.setAttribute("role", "grid");
+      __on(__el0, "keydown", onKeydown);
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
 }
 function CalendarRootEl(header, grid) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, header);
-    __insert(__el0, grid);
-    __exitChildren();
-    return __el0;
-  })();
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      __enterChildren(__el0);
+      __insert(__el0, header);
+      __insert(__el0, grid);
+      __exitChildren();
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
 }
 function CalendarRoot(options = {}) {
   const {