@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-vv187snj.js

@@ -1,112 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/empty-state/empty-state-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var EmptyStateContext = createContext(undefined, "@vertz/ui-primitives::EmptyStateContext");
-function EmptyStateIcon(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(EmptyStateContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(ctx?.classes?.icon, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function EmptyStateTitle(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(EmptyStateContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("h3");
-      __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 EmptyStateDescription(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(EmptyStateContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("p");
-      __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 EmptyStateAction(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(EmptyStateContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(ctx?.classes?.action, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedEmptyStateRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = EmptyStateContext.Provider({ get value() {
-      return { classes: __props.classes };
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(__props.classes?.root, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedEmptyState = Object.assign(ComposedEmptyStateRoot, {
-  Icon: EmptyStateIcon,
-  Title: EmptyStateTitle,
-  Description: EmptyStateDescription,
-  Action: EmptyStateAction
-});
-
-export { ComposedEmptyState };

package/dist/shared/chunk-xv4wd0kf.js

@@ -1,293 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition
-} from "./chunk-vef3sepw.js";
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/menubar/menubar.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function MenubarRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let handleClickOutside = function(event) {
-      const target = event.target;
-      if (!root.contains(target)) {
-        closeAll();
-      }
-    }, closeAll = function() {
-      for (const [, menu] of menus) {
-        setExpanded(menu.trigger, false);
-        setDataState(menu.trigger, "closed");
-        setDataState(menu.content, "closed");
-        setHiddenAnimated(menu.content, true);
-      }
-      state.activeMenu.value = null;
-      if (positioning) {
-        floatingCleanup?.();
-        floatingCleanup = null;
-        dismissCleanup?.();
-        dismissCleanup = null;
-      } else {
-        document.removeEventListener("mousedown", handleClickOutside);
-      }
-    }, openMenu = function(value) {
-      const current = state.activeMenu.peek();
-      if (current && current !== value) {
-        const prev = menus.get(current);
-        if (prev) {
-          setExpanded(prev.trigger, false);
-          setDataState(prev.trigger, "closed");
-          setDataState(prev.content, "closed");
-          setHiddenAnimated(prev.content, true);
-        }
-        if (positioning) {
-          floatingCleanup?.();
-          floatingCleanup = null;
-        }
-      }
-      const menu = menus.get(value);
-      if (!menu)
-        return;
-      state.activeMenu.value = value;
-      setExpanded(menu.trigger, true);
-      setHidden(menu.content, false);
-      setDataState(menu.trigger, "open");
-      setDataState(menu.content, "open");
-      if (positioning) {
-        const result = createFloatingPosition(menu.trigger, menu.content, positioning);
-        floatingCleanup = result.cleanup;
-        if (!dismissCleanup) {
-          dismissCleanup = createDismiss({
-            onDismiss: closeAll,
-            insideElements: [root],
-            escapeKey: false
-          });
-        }
-      } else {
-        document.addEventListener("mousedown", handleClickOutside);
-      }
-      const firstItem = menu.items[0];
-      if (firstItem) {
-        firstItem.setAttribute("tabindex", "0");
-        firstItem.focus();
-      }
-    }, Menu = function(value, label) {
-      const ids = linkedIds("menubar-menu");
-      const menuItems = [];
-      const trigger = (() => {
-        const __el1 = __element("button");
-        __el1.setAttribute("type", "button");
-        __el1.setAttribute("role", "menuitem");
-        {
-          const __v = ids.triggerId;
-          if (__v != null && __v !== false)
-            __el1.setAttribute("id", __v === true ? "" : __v);
-        }
-        {
-          const __v = ids.contentId;
-          if (__v != null && __v !== false)
-            __el1.setAttribute("aria-controls", __v === true ? "" : __v);
-        }
-        __el1.setAttribute("aria-haspopup", "menu");
-        {
-          const __v = value;
-          if (__v != null && __v !== false)
-            __el1.setAttribute("data-value", __v === true ? "" : __v);
-        }
-        __el1.setAttribute("aria-expanded", "false");
-        __el1.setAttribute("data-state", "closed");
-        __on(__el1, "click", () => {
-          if (state.activeMenu.peek() === value) {
-            closeAll();
-          } else {
-            openMenu(value);
-          }
-        });
-        __on(__el1, "keydown", (event) => {
-          if (isKey(event, Keys.ArrowDown, Keys.Enter, Keys.Space)) {
-            event.preventDefault();
-            openMenu(value);
-          }
-        });
-        __enterChildren(__el1);
-        __insert(__el1, label ?? value);
-        __exitChildren();
-        return __el1;
-      })();
-      setRovingTabindex(triggers.concat(trigger), triggers.length);
-      const content = (() => {
-        const __el2 = __element("div");
-        __el2.setAttribute("role", "menu");
-        {
-          const __v = ids.contentId;
-          if (__v != null && __v !== false)
-            __el2.setAttribute("id", __v === true ? "" : __v);
-        }
-        __el2.setAttribute("aria-hidden", "true");
-        __el2.setAttribute("data-state", "closed");
-        {
-          const __v = { display: "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();
-            closeAll();
-            trigger.focus();
-            return;
-          }
-          if (isKey(event, Keys.Enter, Keys.Space)) {
-            event.preventDefault();
-            const active = document.activeElement;
-            const activeItem = menuItems.find((item) => item === active);
-            if (activeItem) {
-              const val = activeItem.getAttribute("data-value");
-              if (val !== null) {
-                onSelect?.(val);
-                closeAll();
-                trigger.focus();
-              }
-            }
-            return;
-          }
-          if (isKey(event, Keys.ArrowLeft, Keys.ArrowRight)) {
-            event.preventDefault();
-            const triggerIdx = triggers.indexOf(trigger);
-            let nextIdx;
-            if (isKey(event, Keys.ArrowRight)) {
-              nextIdx = (triggerIdx + 1) % triggers.length;
-            } else {
-              nextIdx = (triggerIdx - 1 + triggers.length) % triggers.length;
-            }
-            const nextTrigger = triggers[nextIdx];
-            if (nextTrigger) {
-              nextTrigger.focus();
-              const nextValue = nextTrigger.getAttribute("data-value");
-              if (nextValue)
-                openMenu(nextValue);
-            }
-            return;
-          }
-          handleListNavigation(event, menuItems, { orientation: "vertical" });
-        });
-        return __el2;
-      })();
-      function createItem(val, itemLabel) {
-        const item = (() => {
-          const __el3 = __element("div");
-          __el3.setAttribute("role", "menuitem");
-          {
-            const __v = val;
-            if (__v != null && __v !== false)
-              __el3.setAttribute("data-value", __v === true ? "" : __v);
-          }
-          __el3.setAttribute("tabindex", "-1");
-          __on(__el3, "click", () => {
-            onSelect?.(val);
-            closeAll();
-            trigger.focus();
-          });
-          __enterChildren(__el3);
-          __insert(__el3, itemLabel ?? val);
-          __exitChildren();
-          return __el3;
-        })();
-        menuItems.push(item);
-        return item;
-      }
-      function Item(val, itemLabel) {
-        return createItem(val, itemLabel);
-      }
-      function Group(groupLabel) {
-        const el = (() => {
-          const __el4 = __element("div");
-          __el4.setAttribute("role", "group");
-          {
-            const __v = groupLabel;
-            if (__v != null && __v !== false)
-              __el4.setAttribute("aria-label", __v === true ? "" : __v);
-          }
-          return __el4;
-        })();
-        return {
-          el,
-          Item: (val, l) => createItem(val, l)
-        };
-      }
-      function Separator() {
-        return (() => {
-          const __el5 = __element("hr");
-          __el5.setAttribute("data-v-id", "MenubarRoot");
-          __el5.setAttribute("role", "separator");
-          return __el5;
-        })();
-      }
-      triggers.push(trigger);
-      setRovingTabindex(triggers, 0);
-      menus.set(value, { trigger, content, items: menuItems });
-      return { trigger, content, Item, Group, Separator };
-    };
-    const { onSelect, positioning, ...attrs } = options;
-    const state = { activeMenu: signal(null) };
-    const triggers = [];
-    const menus = new Map;
-    let floatingCleanup = null;
-    let dismissCleanup = null;
-    const root = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "menubar");
-      __on(__el0, "keydown", (event) => {
-        if (isKey(event, Keys.ArrowLeft, Keys.ArrowRight, Keys.Home, Keys.End)) {
-          const focused = document.activeElement;
-          const triggerIndex = triggers.indexOf(focused);
-          if (triggerIndex >= 0) {
-            const result = handleListNavigation(event, triggers, { orientation: "horizontal" });
-            if (result && state.activeMenu.peek()) {
-              const newTrigger = result;
-              const menuValue = newTrigger.getAttribute("data-value");
-              if (menuValue)
-                openMenu(menuValue);
-            }
-          }
-        }
-      });
-      return __el0;
-    })();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, state, Menu };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Menubar = {
-  Root: MenubarRoot
-};
-
-export { Menubar };

package/dist/shared/chunk-y1hpsqzy.js

@@ -1,185 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  createFloatingPosition,
-  resolveLayoutElement
-} from "./chunk-vef3sepw.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-
-// src/tooltip/tooltip-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 TooltipContext = createContext(undefined, "@vertz/ui-primitives::TooltipContext");
-function useTooltipContext(componentName) {
-  const ctx = useContext(TooltipContext);
-  if (!ctx) {
-    throw new Error(`<Tooltip.${componentName}> must be used inside <Tooltip>. ` + "Ensure it is a direct or nested child of the Tooltip root component.");
-  }
-  return ctx;
-}
-function TooltipTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useTooltipContext("Trigger");
-    const idx = ctx._triggerCount.value++;
-    if (idx > 0)
-      console.warn("Duplicate <Tooltip.Trigger> detected – only the first is used");
-    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-describedby", ctx.contentId);
-    }
-    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-tooltip-trigger", "");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
-      }
-      __on(__el0, "mouseenter", () => ctx.show());
-      __on(__el0, "mouseleave", () => ctx.hide());
-      __on(__el0, "focus", () => ctx.show());
-      __on(__el0, "blur", () => ctx.hide());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TooltipContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useTooltipContext("Content");
-    const idx = ctx._contentCount.value++;
-    if (idx > 0)
-      console.warn("Duplicate <Tooltip.Content> detected – only the first is used");
-    const isOpen = ctx.isOpen();
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "tooltip");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-tooltip-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));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedTooltipRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let applyPositioning = function() {
-      const content = contentRef.current;
-      const triggerSpan = content?.parentElement?.querySelector("[data-tooltip-trigger]");
-      if (!triggerSpan || !content)
-        return;
-      const trigger = resolveLayoutElement(triggerSpan);
-      content.style.position = "fixed";
-      const floatingOpts = __props.positioning ?? { placement: "top", offset: 4 };
-      const result = createFloatingPosition(trigger, content, floatingOpts);
-      state.floatingCleanup = result.cleanup;
-    }, show = function() {
-      if (state.showTimeout !== null)
-        return;
-      state.showTimeout = setTimeout(() => {
-        state.showTimeout = null;
-        isOpen.value = true;
-        applyPositioning();
-      }, __props.delay ?? 300);
-    }, hide = function() {
-      if (state.showTimeout !== null) {
-        clearTimeout(state.showTimeout);
-        state.showTimeout = null;
-      }
-      isOpen.value = false;
-      state.floatingCleanup?.();
-      state.floatingCleanup = null;
-    };
-    const contentId = uniqueId("tooltip");
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const state = {
-      showTimeout: null,
-      floatingCleanup: null
-    };
-    const ctx = {
-      isOpen: () => isOpen.value,
-      contentId,
-      contentRef,
-      classes: __props.classes,
-      show,
-      hide,
-      _triggerCount: { value: 0 },
-      _contentCount: { value: 0 }
-    };
-    const __mfResult0 = TooltipContext.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-tooltip-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedTooltip = Object.assign(ComposedTooltipRoot, {
-  Trigger: TooltipTrigger,
-  Content: TooltipContent
-});
-
-export { ComposedTooltip };

package/dist/shared/chunk-yfzddvxc.js

@@ -1,71 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/avatar/avatar-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var AvatarContext = createContext(undefined, "@vertz/ui-primitives::AvatarContext");
-function AvatarImage(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(AvatarContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("img");
-      __attr(__el0, "src", () => __props.src);
-      __attr(__el0, "alt", () => __props.alt);
-      __attr(__el0, "class", () => cn(ctx?.classes?.image, __props.className ?? __props.class));
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function AvatarFallback(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(AvatarContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(ctx?.classes?.fallback, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedAvatarRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = AvatarContext.Provider({ get value() {
-      return { classes: __props.classes };
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(__props.classes?.root, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedAvatar = Object.assign(ComposedAvatarRoot, {
-  Image: AvatarImage,
-  Fallback: AvatarFallback
-});
-
-export { ComposedAvatar };