@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-fjykbv0v.js

@@ -1,214 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/scroll-area/scroll-area-composed.tsx
-import { computed } from "@vertz/ui";
-import { __append, __attr, __child, __conditional, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { ref } from "@vertz/ui";
-function ComposedScrollAreaRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let syncThumbY = function() {
-      const vp = viewportRef.current;
-      const thumb = thumbYRef.current;
-      if (!vp || !thumb)
-        return;
-      const { scrollTop, scrollHeight, clientHeight } = vp;
-      if (scrollHeight <= clientHeight) {
-        thumb.style.height = "0";
-        return;
-      }
-      const ratio = clientHeight / scrollHeight;
-      thumb.style.height = `${ratio * 100}%`;
-      const scrollRatio = scrollTop / (scrollHeight - clientHeight);
-      thumb.style.transform = `translateY(${scrollRatio * (1 / ratio - 1) * 100}%)`;
-    }, syncThumbX = function() {
-      const vp = viewportRef.current;
-      const thumb = thumbXRef.current;
-      if (!vp || !thumb)
-        return;
-      const { scrollLeft, scrollWidth, clientWidth } = vp;
-      if (scrollWidth <= clientWidth) {
-        thumb.style.width = "0";
-        return;
-      }
-      const ratio = clientWidth / scrollWidth;
-      thumb.style.width = `${ratio * 100}%`;
-      const scrollRatio = scrollLeft / (scrollWidth - clientWidth);
-      thumb.style.transform = `translateX(${scrollRatio * (1 / ratio - 1) * 100}%)`;
-    }, handleViewportScroll = function() {
-      if ((__props.orientation ?? "vertical") === "vertical" || (__props.orientation ?? "vertical") === "both")
-        syncThumbY();
-      if ((__props.orientation ?? "vertical") === "horizontal" || (__props.orientation ?? "vertical") === "both")
-        syncThumbX();
-    }, handleThumbYDown = function(e) {
-      const vp = viewportRef.current;
-      const thumb = thumbYRef.current;
-      if (!vp || !thumb)
-        return;
-      isDraggingY = true;
-      startY = e.clientY;
-      startScrollTop = vp.scrollTop;
-      thumb.setPointerCapture(e.pointerId);
-      e.preventDefault();
-    }, handleThumbYMove = function(e) {
-      if (!isDraggingY)
-        return;
-      const vp = viewportRef.current;
-      const scrollbar = scrollbarYRef.current;
-      if (!vp || !scrollbar)
-        return;
-      const delta = e.clientY - startY;
-      const scrollbarHeight = scrollbar.clientHeight;
-      const scrollRange = vp.scrollHeight - vp.clientHeight;
-      if (scrollbarHeight > 0) {
-        vp.scrollTop = startScrollTop + delta / scrollbarHeight * scrollRange;
-      }
-    }, handleThumbYUp = function(e) {
-      isDraggingY = false;
-      const thumb = thumbYRef.current;
-      if (thumb)
-        thumb.releasePointerCapture(e.pointerId);
-    }, handleThumbXDown = function(e) {
-      const vp = viewportRef.current;
-      const thumb = thumbXRef.current;
-      if (!vp || !thumb)
-        return;
-      isDraggingX = true;
-      startX = e.clientX;
-      startScrollLeft = vp.scrollLeft;
-      thumb.setPointerCapture(e.pointerId);
-      e.preventDefault();
-    }, handleThumbXMove = function(e) {
-      if (!isDraggingX)
-        return;
-      const vp = viewportRef.current;
-      const scrollbar = scrollbarXRef.current;
-      if (!vp || !scrollbar)
-        return;
-      const delta = e.clientX - startX;
-      const scrollbarWidth = scrollbar.clientWidth;
-      const scrollRange = vp.scrollWidth - vp.clientWidth;
-      if (scrollbarWidth > 0) {
-        vp.scrollLeft = startScrollLeft + delta / scrollbarWidth * scrollRange;
-      }
-    }, handleThumbXUp = function(e) {
-      isDraggingX = false;
-      const thumb = thumbXRef.current;
-      if (thumb)
-        thumb.releasePointerCapture(e.pointerId);
-    };
-    const viewportRef = ref();
-    const scrollbarYRef = ref();
-    const scrollbarXRef = ref();
-    const thumbYRef = ref();
-    const thumbXRef = ref();
-    let isDraggingY = false;
-    let startY = 0;
-    let startScrollTop = 0;
-    let isDraggingX = false;
-    let startX = 0;
-    let startScrollLeft = 0;
-    const showY = computed(() => (__props.orientation ?? "vertical") === "vertical" || (__props.orientation ?? "vertical") === "both");
-    const showX = computed(() => (__props.orientation ?? "vertical") === "horizontal" || (__props.orientation ?? "vertical") === "both");
-    queueMicrotask(() => handleViewportScroll());
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-v-id", "ComposedScrollAreaRoot");
-      __el0.setAttribute("data-part", "scroll-area");
-      {
-        const __v = { position: "relative", overflow: "hidden" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("div");
-        viewportRef.current = __el1;
-        __el1.setAttribute("data-part", "scroll-area-viewport");
-        {
-          const __v = { overflow: "scroll", scrollbarWidth: "none" };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __attr(__el1, "class", () => cn(__props.classes?.viewport));
-        __on(__el1, "scroll", handleViewportScroll);
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("div");
-          __el2.setAttribute("data-part", "scroll-area-content");
-          __enterChildren(__el2);
-          __append(__el2, __child(() => __props.children));
-          __exitChildren();
-          return __el2;
-        })());
-        __exitChildren();
-        return __el1;
-      })());
-      __append(__el0, __conditional(() => showY.value, () => (() => {
-        const __el3 = __element("div");
-        scrollbarYRef.current = __el3;
-        __el3.setAttribute("data-part", "scroll-area-scrollbar");
-        __el3.setAttribute("aria-hidden", "true");
-        __el3.setAttribute("data-orientation", "vertical");
-        {
-          const __v = { position: "absolute", top: "0", right: "0", bottom: "0" };
-          if (__v != null && __v !== false)
-            __el3.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __attr(__el3, "class", () => cn(__props.classes?.scrollbar));
-        __enterChildren(__el3);
-        __append(__el3, (() => {
-          const __el4 = __element("div");
-          thumbYRef.current = __el4;
-          __el4.setAttribute("data-part", "scroll-area-thumb");
-          __attr(__el4, "class", () => cn(__props.classes?.thumb));
-          __on(__el4, "pointerdown", handleThumbYDown);
-          __on(__el4, "pointermove", handleThumbYMove);
-          __on(__el4, "pointerup", handleThumbYUp);
-          return __el4;
-        })());
-        __exitChildren();
-        return __el3;
-      })(), () => null));
-      __append(__el0, __conditional(() => showX.value, () => (() => {
-        const __el5 = __element("div");
-        scrollbarXRef.current = __el5;
-        __el5.setAttribute("data-part", "scroll-area-scrollbar");
-        __el5.setAttribute("aria-hidden", "true");
-        __el5.setAttribute("data-orientation", "horizontal");
-        {
-          const __v = { position: "absolute", bottom: "0", left: "0", right: "0" };
-          if (__v != null && __v !== false)
-            __el5.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __attr(__el5, "class", () => cn(__props.classes?.scrollbar));
-        __enterChildren(__el5);
-        __append(__el5, (() => {
-          const __el6 = __element("div");
-          thumbXRef.current = __el6;
-          __el6.setAttribute("data-part", "scroll-area-thumb");
-          __attr(__el6, "class", () => cn(__props.classes?.thumb));
-          __on(__el6, "pointerdown", handleThumbXDown);
-          __on(__el6, "pointermove", handleThumbXMove);
-          __on(__el6, "pointerup", handleThumbXUp);
-          return __el6;
-        })());
-        __exitChildren();
-        return __el5;
-      })(), () => null));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedScrollArea = ComposedScrollAreaRoot;
-
-export { ComposedScrollArea };

package/dist/shared/chunk-gdddk6nh.js

@@ -1,96 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/progress/progress.tsx
-import { __append, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { ref, signal } from "@vertz/ui";
-function dataStateFor(pct) {
-  if (pct >= 100)
-    return "complete";
-  if (pct > 0)
-    return "loading";
-  return "idle";
-}
-function ProgressBar(defaultValue, min, max, initialPct, indicatorRef) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "progressbar");
-      {
-        const __v = uniqueId("progress");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = String(defaultValue);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-valuenow", __v === true ? "" : __v);
-      }
-      {
-        const __v = String(min);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-valuemin", __v === true ? "" : __v);
-      }
-      {
-        const __v = String(max);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-valuemax", __v === true ? "" : __v);
-      }
-      {
-        const __v = dataStateFor(initialPct);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("div");
-        indicatorRef.current = __el1;
-        __el1.setAttribute("data-part", "indicator");
-        {
-          const __v = { width: `${initialPct}%` };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ProgressRoot(options = {}) {
-  const { defaultValue = 0, min = 0, max = 100, ...attrs } = options;
-  const state = { value: signal(defaultValue) };
-  const indicatorRef = ref();
-  const initialPct = (defaultValue - min) / (max - min) * 100;
-  const root = ProgressBar(defaultValue, min, max, initialPct, indicatorRef);
-  const indicator = indicatorRef.current;
-  applyAttrs(root, attrs);
-  function setValue(val) {
-    const clamped = Math.min(max, Math.max(min, val));
-    state.value.value = clamped;
-    root.setAttribute("aria-valuenow", String(clamped));
-    const pct = (clamped - min) / (max - min) * 100;
-    indicator.style.width = `${pct}%`;
-    setDataState(root, dataStateFor(pct));
-  }
-  return { root, indicator, state, setValue };
-}
-var Progress = {
-  Root: ProgressRoot
-};
-
-export { Progress };

package/dist/shared/chunk-ghkw5bjq.js

@@ -1,55 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-
-// src/progress/progress-composed.tsx
-import { computed } from "@vertz/ui";
-import { __append, __attr, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
-function dataStateFor(pct) {
-  if (pct >= 100)
-    return "complete";
-  if (pct > 0)
-    return "loading";
-  return "idle";
-}
-function ComposedProgressRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const pct = computed(() => ((__props.defaultValue ?? 0) - (__props.min ?? 0)) / ((__props.max ?? 100) - (__props.min ?? 0)) * 100);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "progressbar");
-      {
-        const __v = uniqueId("progress");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-valuenow", () => String(__props.defaultValue ?? 0));
-      __attr(__el0, "aria-valuemin", () => String(__props.min ?? 0));
-      __attr(__el0, "aria-valuemax", () => String(__props.max ?? 100));
-      __attr(__el0, "data-state", () => dataStateFor(pct.value));
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("div");
-        __el1.setAttribute("data-part", "indicator");
-        __attr(__el1, "style", () => ({ width: `${pct.value}%` }));
-        __attr(__el1, "class", () => cn(__props.classes?.indicator));
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedProgress = ComposedProgressRoot;
-
-export { ComposedProgress };

package/dist/shared/chunk-hfjtkytb.js

@@ -1,310 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-
-// src/alert-dialog/alert-dialog-composed.tsx
-import { signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, ref, useContext } from "@vertz/ui";
-var AlertDialogContext = createContext(undefined, "@vertz/ui-primitives::AlertDialogContext");
-function useAlertDialogContext(componentName) {
-  const ctx = useContext(AlertDialogContext);
-  if (!ctx) {
-    throw new Error(`<AlertDialog.${componentName}> must be used inside <AlertDialog>. ` + "Ensure it is a direct or nested child of the AlertDialog root component.");
-  }
-  return ctx;
-}
-function AlertDialogTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Trigger");
-    const __mfResult0 = (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-alertdialog-trigger", "");
-      __el0.setAttribute("data-state", "closed");
-      __on(__el0, "click", () => {
-        if (!ctx.isOpen)
-          ctx.open();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Content");
-    const __mfResult0 = (() => {
-      const __el0 = __element("dialog");
-      ctx.dialogRef.current = __el0;
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("role", "alertdialog");
-      {
-        const __v = ctx.titleId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.descriptionId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-state", "closed");
-      __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
-      __on(__el0, "cancel", (e) => {
-        e.preventDefault();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogTitle(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Title");
-    const __mfResult0 = (() => {
-      const __el0 = __element("h2");
-      {
-        const __v = ctx.titleId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-slot", "alertdialog-title");
-      __attr(__el0, "class", () => cn(ctx.classes?.title, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogDescription(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Description");
-    const __mfResult0 = (() => {
-      const __el0 = __element("p");
-      {
-        const __v = ctx.descriptionId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-slot", "alertdialog-description");
-      __attr(__el0, "class", () => cn(ctx.classes?.description, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogHeader(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useAlertDialogContext("Header");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(classes?.header, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogFooter(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useAlertDialogContext("Footer");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(classes?.footer, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogCancel(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Cancel");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-slot", "alertdialog-cancel");
-      __attr(__el0, "class", () => cn(ctx.classes?.cancel, __props.className ?? __props.class));
-      __on(__el0, "click", () => {
-        __props.onClick?.();
-        ctx.close();
-      });
-      __attr(__el0, "disabled", () => __props.disabled);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AlertDialogAction(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useAlertDialogContext("Action");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-slot", "alertdialog-action");
-      __attr(__el0, "class", () => cn(ctx.classes?.action, __props.className ?? __props.class));
-      __on(__el0, "click", () => {
-        __props.onClick?.();
-        ctx.onAction?.();
-        ctx.close();
-      });
-      __attr(__el0, "disabled", () => __props.disabled);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedAlertDialogRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let showDialog = function() {
-      const el = dialogRef.current;
-      if (!el || el.open)
-        return;
-      el.setAttribute("data-state", "open");
-      el.showModal();
-    }, hideDialog = function() {
-      const el = dialogRef.current;
-      if (!el || !el.open)
-        return;
-      el.setAttribute("data-state", "closed");
-      el.offsetHeight;
-      const onEnd = () => {
-        el.removeEventListener("animationend", onEnd);
-        if (el.open)
-          el.close();
-      };
-      el.addEventListener("animationend", onEnd);
-      setTimeout(onEnd, 200);
-    }, open = function() {
-      isOpen.value = true;
-      showDialog();
-      __props.onOpenChange?.(true);
-    }, close = function() {
-      hideDialog();
-      isOpen.value = false;
-      __props.onOpenChange?.(false);
-    };
-    const ids = linkedIds("alertdialog");
-    const titleId = `${ids.contentId}-title`;
-    const descriptionId = `${ids.contentId}-description`;
-    const dialogRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const ctx = {
-      isOpen,
-      titleId,
-      descriptionId,
-      contentId: ids.contentId,
-      dialogRef,
-      classes: __props.classes,
-      onAction: __props.onAction,
-      open,
-      close
-    };
-    const __mfResult0 = AlertDialogContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-alertdialog-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedAlertDialog = Object.assign(ComposedAlertDialogRoot, {
-  Trigger: AlertDialogTrigger,
-  Content: AlertDialogContent,
-  Title: AlertDialogTitle,
-  Description: AlertDialogDescription,
-  Header: AlertDialogHeader,
-  Footer: AlertDialogFooter,
-  Cancel: AlertDialogCancel,
-  Action: AlertDialogAction
-});
-
-export { ComposedAlertDialog };