@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-e4qha9as.js

@@ -1,180 +0,0 @@
-import {
-  focusFirst,
-  saveFocus,
-  trapFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.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-eb2d9v6k.js

@@ -1,68 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toggle/toggle.tsx
-import { computed, signal } from "@vertz/ui";
-import { __attr, __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-function ToggleRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (disabled)
-        return;
-      pressed.value = !pressed.value;
-      onPressedChange?.(pressed.value);
-    };
-    const { defaultPressed = false, disabled = false, onPressedChange, ...attrs } = options;
-    const pressed = signal(defaultPressed, "pressed");
-    const el = computed(() => (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      {
-        const __v = uniqueId("toggle");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-pressed", () => pressed.value ? "true" : "false");
-      __attr(__el0, "data-state", () => pressed.value ? "on" : "off");
-      {
-        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", toggle);
-      __on(__el0, "keydown", (e) => {
-        if (isKey(e, Keys.Space)) {
-          e.preventDefault();
-          toggle();
-        }
-      });
-      return __el0;
-    })());
-    applyAttrs(el.value, attrs);
-    const __mfResult0 = el.value;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Toggle = {
-  Root: ToggleRoot
-};
-
-export { Toggle };

package/dist/shared/chunk-ect26sp5.js

@@ -1,353 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  createFloatingPosition,
-  resolveLayoutElement
-} from "./chunk-vef3sepw.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/menu/menu-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 MenuContext = createContext(undefined, "@vertz/ui-primitives::MenuContext");
-function useMenuContext(componentName) {
-  const ctx = useContext(MenuContext);
-  if (!ctx) {
-    throw new Error(`<Menu.${componentName}> must be used inside <Menu>. ` + "Ensure it is a direct or nested child of the Menu root component.");
-  }
-  return ctx;
-}
-function MenuTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useMenuContext("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-menu-trigger", "");
-      __el0.setAttribute("aria-haspopup", "menu");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-expanded", "false");
-      __el0.setAttribute("data-state", "closed");
-      __on(__el0, "click", () => ctx.toggle());
-      __on(__el0, "keydown", (event) => {
-        if (isKey(event, Keys.ArrowDown, Keys.Enter, Keys.Space)) {
-          event.preventDefault();
-          if (!ctx.isOpen())
-            ctx.open(true);
-        }
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MenuContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useMenuContext("Content");
-    const instanceIndex = ctx._contentCount.value++;
-    if (instanceIndex > 0) {
-      console.warn("Duplicate <Menu.Content> detected – only the first is used");
-    }
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "menu");
-      __el0.setAttribute("tabindex", "-1");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-menu-content", "");
-      __el0.setAttribute("aria-hidden", "true");
-      __el0.setAttribute("data-state", "closed");
-      {
-        const __v = { display: "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, "keydown", (event) => {
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          ctx.close();
-          return;
-        }
-        const el = event.currentTarget ?? event.target;
-        const items = [...el.querySelectorAll('[role="menuitem"]')];
-        const focusedIdx = items.indexOf(document.activeElement);
-        if (isKey(event, Keys.Enter, Keys.Space)) {
-          event.preventDefault();
-          const active = items[focusedIdx];
-          if (active) {
-            const val = active.getAttribute("data-value");
-            if (val !== null) {
-              ctx.onSelect?.(val);
-              ctx.close();
-            }
-          }
-          return;
-        }
-        handleListNavigation(event, items, { orientation: "vertical" });
-        if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
-          const char = event.key.toLowerCase();
-          const match = items.find((item) => item.textContent?.toLowerCase().startsWith(char));
-          if (match)
-            match.focus();
-        }
-      });
-      __on(__el0, "click", (event) => {
-        const target = event.target.closest('[role="menuitem"]');
-        if (target)
-          ctx.close();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MenuItem(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useMenuContext("Item");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "menuitem");
-      __attr(__el0, "data-value", () => __props.value);
-      __el0.setAttribute("tabindex", "-1");
-      __attr(__el0, "class", () => cn(ctx.classes?.item, __props.className ?? __props.class));
-      __on(__el0, "click", () => {
-        ctx.onSelect?.(__props.value);
-        ctx.close();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MenuGroup(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useMenuContext("Group");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "group");
-      __attr(__el0, "aria-label", () => __props.label);
-      __attr(__el0, "class", () => cn(ctx.classes?.group, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MenuLabel(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useMenuContext("Label");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "none");
-      __attr(__el0, "class", () => cn(classes?.label, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MenuSeparator(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useMenuContext("Separator");
-    const __mfResult0 = (() => {
-      const __el0 = __element("hr");
-      __el0.setAttribute("role", "separator");
-      __attr(__el0, "class", () => cn(classes?.separator, __props.className ?? __props.class));
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedMenuRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let getContentEl = function() {
-      return contentRef.current ?? null;
-    }, getItems = function() {
-      const content = getContentEl();
-      if (!content)
-        return [];
-      return [...content.querySelectorAll('[role="menuitem"]')];
-    }, getTriggerEl = function() {
-      const content = getContentEl();
-      const triggerSpan = content?.parentElement?.querySelector("[data-menu-trigger]");
-      if (!triggerSpan)
-        return null;
-      return resolveLayoutElement(triggerSpan);
-    }, updateActiveItem = function(items, index) {
-      items.forEach((item, i) => {
-        item.setAttribute("tabindex", i === index ? "0" : "-1");
-      });
-    }, syncContentAttrs = function() {
-      const contentEl = getContentEl();
-      if (!contentEl)
-        return;
-      const open2 = isOpen.value;
-      contentEl.style.display = open2 ? "" : "none";
-      contentEl.setAttribute("aria-hidden", open2 ? "false" : "true");
-      contentEl.setAttribute("data-state", open2 ? "open" : "closed");
-      const triggerEl = getTriggerEl();
-      if (triggerEl) {
-        triggerEl.setAttribute("aria-expanded", open2 ? "true" : "false");
-        triggerEl.setAttribute("data-state", open2 ? "open" : "closed");
-      }
-    }, open = function(activateFirst = false) {
-      isOpen.value = true;
-      state.activeIndex = -1;
-      syncContentAttrs();
-      __props.onOpenChange?.(true);
-      const contentEl = getContentEl();
-      const triggerEl = getTriggerEl();
-      if (!contentEl)
-        return;
-      {
-        const floatingOpts = __props.positioning ?? { placement: "bottom-start", offset: 4 };
-        const refEl = floatingOpts.referenceElement ?? triggerEl ?? contentEl;
-        contentEl.style.position = "fixed";
-        const result = createFloatingPosition(refEl, contentEl, floatingOpts);
-        state.floatingCleanup = result.cleanup;
-        state.dismissCleanup = createDismiss({
-          onDismiss: close,
-          insideElements: [refEl, contentEl, ...triggerEl ? [triggerEl] : []],
-          escapeKey: false
-        });
-      }
-      const items = getItems();
-      if (activateFirst && items.length > 0) {
-        state.activeIndex = 0;
-        updateActiveItem(items, 0);
-        items[0]?.focus();
-      } else {
-        updateActiveItem(items, -1);
-        contentEl.focus();
-      }
-    }, close = function() {
-      isOpen.value = false;
-      syncContentAttrs();
-      state.floatingCleanup?.();
-      state.floatingCleanup = null;
-      state.dismissCleanup?.();
-      state.dismissCleanup = null;
-      __props.onOpenChange?.(false);
-      getTriggerEl()?.focus();
-    }, toggle = function() {
-      if (isOpen.value)
-        close();
-      else
-        open();
-    };
-    const ids = linkedIds("menu");
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const state = { activeIndex: -1, floatingCleanup: null, dismissCleanup: null };
-    const ctx = {
-      isOpen: () => isOpen.value,
-      contentId: ids.contentId,
-      contentRef,
-      classes: __props.classes,
-      onSelect: __props.onSelect,
-      open,
-      close,
-      toggle,
-      _contentCount: { value: 0 }
-    };
-    const __mfResult0 = MenuContext.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-menu-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedMenu = Object.assign(ComposedMenuRoot, {
-  Trigger: MenuTrigger,
-  Content: MenuContent,
-  Item: MenuItem,
-  Group: MenuGroup,
-  Label: MenuLabel,
-  Separator: MenuSeparator
-});
-
-export { ComposedMenu };

package/dist/shared/chunk-ev367pq3.js

@@ -1,102 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/breadcrumb/breadcrumb-composed.tsx
-import { computed } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, Link, useContext } from "@vertz/ui";
-var BreadcrumbContext = createContext(undefined, "@vertz/ui-primitives::BreadcrumbContext");
-function BreadcrumbItem(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(BreadcrumbContext);
-    const separatorText = computed(() => ctx?.separator ?? "/");
-    if (__props.href && __props.current) {
-      console.warn('Breadcrumb.Item: both "href" and "current" are set. "current" takes precedence — the link will not render.');
-    }
-    const content = computed(() => __props.current ? (() => {
-      const __el0 = __element("span");
-      __el0.setAttribute("aria-current", "page");
-      __attr(__el0, "class", () => cn(ctx?.classes?.page, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() : __props.href ? Link({ get href() {
-      return __props.href;
-    }, get className() {
-      return cn(ctx?.classes?.link, __props.className ?? __props.class);
-    }, get children() {
-      return __props.children ?? "";
-    } }) : (() => {
-      const __el1 = __element("span");
-      __attr(__el1, "class", () => cn(ctx?.classes?.link, __props.className ?? __props.class));
-      __enterChildren(__el1);
-      __append(__el1, __child(() => __props.children));
-      __exitChildren();
-      return __el1;
-    })());
-    const __mfResult0 = (() => {
-      const __el2 = __element("li");
-      __attr(__el2, "class", () => cn(ctx?.classes?.item));
-      __enterChildren(__el2);
-      __append(__el2, (() => {
-        const __el3 = __element("span");
-        __el3.setAttribute("role", "presentation");
-        __el3.setAttribute("aria-hidden", "true");
-        __attr(__el3, "class", () => cn(ctx?.classes?.separator));
-        __enterChildren(__el3);
-        __append(__el3, __child(() => separatorText.value));
-        __exitChildren();
-        return __el3;
-      })());
-      __append(__el2, __child(() => content.value));
-      __exitChildren();
-      return __el2;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedBreadcrumbRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = BreadcrumbContext.Provider({ get value() {
-      return { classes: __props.classes, separator: __props.separator ?? "/" };
-    }, children: () => (() => {
-      const __el0 = __element("nav");
-      __el0.setAttribute("aria-label", "Breadcrumb");
-      __attr(__el0, "class", () => cn(__props.classes?.nav, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("ol");
-        __attr(__el1, "class", () => cn(__props.classes?.list));
-        {
-          const __v = { listStyle: "none", margin: "0", padding: "0" };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __enterChildren(__el1);
-        __append(__el1, __child(() => __props.children));
-        __exitChildren();
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedBreadcrumb = Object.assign(ComposedBreadcrumbRoot, {
-  Item: BreadcrumbItem
-});
-
-export { ComposedBreadcrumb };