@vertz/ui-primitives 0.2.41 → 0.2.42

package/dist/shared/chunk-n436p5cb.js

@@ -1,260 +0,0 @@
-import {
-  saveFocus,
-  trapFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.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-nj420k31.js

@@ -1,54 +0,0 @@
-import {
-  handleActivation
-} from "./chunk-7867pr13.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/button/button.tsx
-import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-function ButtonRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { disabled = false, onClick, ...attrs } = options;
-    const el = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      {
-        const __v = disabled;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("disabled", __v === true ? "" : __v);
-      }
-      {
-        const __v = disabled ? "true" : undefined;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
-      }
-      __on(__el0, "click", () => {
-        if (disabled)
-          return;
-        onClick?.();
-      });
-      __on(__el0, "keydown", (event) => {
-        if (disabled)
-          return;
-        handleActivation(event, () => {
-          event.target.click();
-        });
-      });
-      return __el0;
-    })();
-    applyAttrs(el, attrs);
-    const __mfResult0 = el;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Button = {
-  Root: ButtonRoot
-};
-
-export { Button };

package/dist/shared/chunk-nsmvdxgp.js

@@ -1,213 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  createFloatingPosition,
-  resolveLayoutElement
-} from "./chunk-vef3sepw.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-
-// src/hover-card/hover-card-composed.tsx
-import { computed, 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 HoverCardContext = createContext(undefined, "@vertz/ui-primitives::HoverCardContext");
-function useHoverCardContext(componentName) {
-  const ctx = useContext(HoverCardContext);
-  if (!ctx) {
-    throw new Error(`<HoverCard.${componentName}> must be used inside <HoverCard>. ` + "Ensure it is a direct or nested child of the HoverCard root component.");
-  }
-  return ctx;
-}
-function HoverCardTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useHoverCardContext("Trigger");
-    const childNodes = computed(() => Array.isArray(__props.children) ? __props.children : [__props.children]);
-    const childEl = computed(() => childNodes.value.find((c) => c instanceof HTMLElement));
-    if (childEl.value) {
-      childEl.value.setAttribute("aria-haspopup", "dialog");
-      childEl.value.setAttribute("aria-expanded", ctx.isOpen() ? "true" : "false");
-      childEl.value.addEventListener("focus", () => ctx.showImmediate());
-      childEl.value.addEventListener("blur", () => ctx.hide());
-    }
-    const __mfResult0 = (() => {
-      const __el0 = __element("span");
-      ctx.triggerRef.current = __el0;
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-hovercard-trigger", "");
-      __on(__el0, "mouseenter", () => ctx.show());
-      __on(__el0, "mouseleave", () => ctx.hide());
-      __on(__el0, "focusin", () => ctx.showImmediate());
-      __on(__el0, "focusout", () => ctx.hide());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function HoverCardContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useHoverCardContext("Content");
-    const isOpen = ctx.isOpen();
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "dialog");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-hovercard-content", "");
-      {
-        const __v = isOpen ? "false" : "true";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "open" : "closed";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      {
-        const __v = { display: isOpen ? "" : "none" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
-      __on(__el0, "mouseenter", () => ctx.cancelCloseTimer());
-      __on(__el0, "mouseleave", () => ctx.hide());
-      __on(__el0, "focusin", () => ctx.cancelCloseTimer());
-      __on(__el0, "focusout", () => ctx.hide());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedHoverCardRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let cancelTimers = function() {
-      if (timers.open) {
-        clearTimeout(timers.open);
-        timers.open = null;
-      }
-      if (timers.close) {
-        clearTimeout(timers.close);
-        timers.close = null;
-      }
-    }, cancelCloseTimer = function() {
-      if (timers.close) {
-        clearTimeout(timers.close);
-        timers.close = null;
-      }
-    }, applyFloating = function() {
-      const triggerSpan = triggerRef.current;
-      const contentEl = contentRef.current;
-      if (!triggerSpan || !contentEl)
-        return;
-      const triggerEl = resolveLayoutElement(triggerSpan);
-      contentEl.style.position = "fixed";
-      const floatingOpts = __props.positioning ?? { placement: "bottom", offset: 4 };
-      const result = createFloatingPosition(triggerEl, contentEl, floatingOpts);
-      timers.floatingCleanup = result.cleanup;
-    }, cleanupFloating = function() {
-      timers.floatingCleanup?.();
-      timers.floatingCleanup = null;
-    }, show = function() {
-      cancelTimers();
-      if (isOpen.value)
-        return;
-      timers.open = setTimeout(() => {
-        timers.open = null;
-        isOpen.value = true;
-        applyFloating();
-        __props.onOpenChange?.(true);
-      }, __props.openDelay ?? 700);
-    }, showImmediate = function() {
-      cancelTimers();
-      isOpen.value = true;
-      applyFloating();
-      __props.onOpenChange?.(true);
-    }, hide = function() {
-      cancelTimers();
-      if (!isOpen.value)
-        return;
-      timers.close = setTimeout(() => {
-        timers.close = null;
-        isOpen.value = false;
-        cleanupFloating();
-        __props.onOpenChange?.(false);
-      }, __props.closeDelay ?? 300);
-    }, hideImmediate = function() {
-      cancelTimers();
-      isOpen.value = false;
-      cleanupFloating();
-      __props.onOpenChange?.(false);
-    };
-    const contentId = uniqueId("hovercard");
-    const triggerRef = ref();
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const timers = { open: null, close: null, floatingCleanup: null };
-    const ctx = {
-      isOpen: () => isOpen.value,
-      contentId,
-      triggerRef,
-      contentRef,
-      classes: __props.classes,
-      show,
-      hide,
-      showImmediate,
-      hideImmediate,
-      cancelCloseTimer
-    };
-    const __mfResult0 = HoverCardContext.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-hovercard-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedHoverCard = Object.assign(ComposedHoverCardRoot, {
-  Trigger: HoverCardTrigger,
-  Content: HoverCardContent
-});
-
-export { ComposedHoverCard };

package/dist/shared/chunk-pcms04vq.js

@@ -1,162 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  handleListNavigation
-} from "./chunk-7867pr13.js";
-
-// src/tabs/tabs-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var TabsContext = createContext(undefined, "@vertz/ui-primitives::TabsContext");
-function useTabsContext(componentName) {
-  const ctx = useContext(TabsContext);
-  if (!ctx) {
-    throw new Error(`<Tabs.${componentName}> must be used inside <Tabs>. ` + "Ensure it is a direct or nested child of the Tabs root component.");
-  }
-  return ctx;
-}
-function TabsList(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useTabsContext("List");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "tablist");
-      __el0.setAttribute("data-tabs-list", "");
-      {
-        const __v = ctx.orientation === "vertical" ? "vertical" : undefined;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-orientation", __v === true ? "" : __v);
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.list, __props.className ?? __props.class));
-      __on(__el0, "keydown", (event) => {
-        const list = event.currentTarget;
-        const triggers = [...list.querySelectorAll('[role="tab"]')];
-        const result = handleListNavigation(event, triggers, { orientation: ctx.orientation });
-        if (result) {
-          const value = result.getAttribute("data-value");
-          if (value)
-            ctx.select(value);
-        }
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TabsTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useTabsContext("Trigger");
-    const isActive = computed(() => ctx.activeValue === __props.value);
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("role", "tab");
-      __attr(__el0, "id", () => ctx.getTriggerIdFor(__props.value));
-      __el0.setAttribute("data-tabs-trigger", "");
-      __attr(__el0, "data-value", () => __props.value);
-      __attr(__el0, "aria-controls", () => ctx.getPanelIdFor(__props.value));
-      __attr(__el0, "aria-selected", () => isActive.value ? "true" : "false");
-      __attr(__el0, "data-state", () => isActive.value ? "active" : "inactive");
-      __attr(__el0, "tabindex", () => isActive.value ? "0" : "-1");
-      __attr(__el0, "class", () => cn(ctx.classes?.trigger, __props.className ?? __props.class));
-      __on(__el0, "click", () => ctx.select(__props.value));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TabsContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useTabsContext("Content");
-    const isActive = computed(() => ctx.activeValue === __props.value);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "tabpanel");
-      __attr(__el0, "id", () => ctx.getPanelIdFor(__props.value));
-      __el0.setAttribute("data-tabs-panel", "");
-      __attr(__el0, "data-value", () => __props.value);
-      __attr(__el0, "aria-labelledby", () => ctx.getTriggerIdFor(__props.value));
-      __el0.setAttribute("tabindex", "0");
-      __attr(__el0, "aria-hidden", () => isActive.value ? "false" : "true");
-      __attr(__el0, "data-state", () => isActive.value ? "active" : "inactive");
-      __attr(__el0, "style", () => ({ display: isActive.value ? "" : "none" }));
-      __attr(__el0, "class", () => cn(ctx.classes?.panel, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedTabsRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let select = function(value) {
-      activeValue.value = value;
-      __props.onValueChange?.(value);
-    }, getTriggerIdFor = function(value) {
-      return `${baseId}-trigger-${value}`;
-    }, getPanelIdFor = function(value) {
-      return `${baseId}-panel-${value}`;
-    };
-    const baseId = uniqueId("tabs");
-    const activeValue = signal(__props.defaultValue ?? "", "activeValue");
-    const ctx = {
-      activeValue,
-      classes: __props.classes,
-      orientation: __props.orientation ?? "horizontal",
-      select,
-      getTriggerIdFor,
-      getPanelIdFor
-    };
-    const __mfResult0 = TabsContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-tabs-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedTabs = Object.assign(ComposedTabsRoot, {
-  List: TabsList,
-  Trigger: TabsTrigger,
-  Content: TabsContent
-});
-
-export { ComposedTabs };