@vertz/ui-primitives 0.2.41 → 0.2.42

package/dist/shared/chunk-dxvnerw2.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/dropdown-menu/dropdown-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 DropdownMenuContext = createContext(undefined, "@vertz/ui-primitives::DropdownMenuContext");
-function useDropdownMenuContext(componentName) {
-  const ctx = useContext(DropdownMenuContext);
-  if (!ctx) {
-    throw new Error(`<DropdownMenu.${componentName}> must be used inside <DropdownMenu>. ` + "Ensure it is a direct or nested child of the DropdownMenu root component.");
-  }
-  return ctx;
-}
-function MenuTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useDropdownMenuContext("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-dropdownmenu-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 = useDropdownMenuContext("Content");
-    const instanceIndex = ctx._contentCount.value++;
-    if (instanceIndex > 0) {
-      console.warn("Duplicate <DropdownMenu.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-dropdownmenu-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 = useDropdownMenuContext("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 = useDropdownMenuContext("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 } = useDropdownMenuContext("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 } = useDropdownMenuContext("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 ComposedDropdownMenuRoot(__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-dropdownmenu-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 = DropdownMenuContext.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-dropdownmenu-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedDropdownMenu = Object.assign(ComposedDropdownMenuRoot, {
-  Trigger: MenuTrigger,
-  Content: MenuContent,
-  Item: MenuItem,
-  Group: MenuGroup,
-  Label: MenuLabel,
-  Separator: MenuSeparator
-});
-
-export { ComposedDropdownMenu };

package/dist/shared/chunk-e399pzdq.js

@@ -1,241 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setHidden
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/command/command.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CommandRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let getVisibleItems = function() {
-      return allItems.filter((item) => item.getAttribute("aria-hidden") !== "true");
-    }, updateActiveItem = function() {
-      const visible = getVisibleItems();
-      const activeIdx = state.activeIndex.peek();
-      for (const item of allItems) {
-        item.setAttribute("aria-selected", "false");
-      }
-      if (visible.length > 0 && activeIdx >= 0 && activeIdx < visible.length) {
-        visible[activeIdx]?.setAttribute("aria-selected", "true");
-      }
-    }, runFilter = function() {
-      const search = state.inputValue.peek();
-      let visibleCount = 0;
-      for (const item of allItems) {
-        const value = item.getAttribute("data-value") ?? "";
-        const text = item.textContent ?? "";
-        const keywords = item.getAttribute("data-keywords") ?? "";
-        const searchable = `${value} ${text} ${keywords}`;
-        const matches = search === "" || filterFn(searchable, search);
-        setHidden(item, !matches);
-        if (matches)
-          visibleCount++;
-      }
-      for (const [groupEl, group] of groups) {
-        const hasVisible = group.items.some((item) => item.getAttribute("aria-hidden") !== "true");
-        setHidden(group.heading, !hasVisible);
-        if (!hasVisible) {
-          groupEl.style.display = "none";
-        } else {
-          groupEl.style.display = "";
-        }
-      }
-      setHidden(empty, visibleCount > 0);
-      state.activeIndex.value = 0;
-      updateActiveItem();
-    }, createItem = function(value, label, keywords) {
-      const item = (() => {
-        const __el4 = __element("div");
-        __el4.setAttribute("role", "option");
-        {
-          const __v = value;
-          if (__v != null && __v !== false)
-            __el4.setAttribute("data-value", __v === true ? "" : __v);
-        }
-        __el4.setAttribute("aria-selected", "false");
-        {
-          const __v = keywords && keywords.length > 0 ? keywords.join(" ") : undefined;
-          if (__v != null && __v !== false)
-            __el4.setAttribute("data-keywords", __v === true ? "" : __v);
-        }
-        __on(__el4, "click", () => {
-          onSelect?.(value);
-        });
-        __enterChildren(__el4);
-        __insert(__el4, label ?? value);
-        __exitChildren();
-        return __el4;
-      })();
-      allItems.push(item);
-      updateActiveItem();
-      return item;
-    }, Item = function(value, label, keywords) {
-      return createItem(value, label, keywords);
-    }, Group = function(label) {
-      const headingId = uniqueId("command-group");
-      const heading = (() => {
-        const __el5 = __element("div");
-        {
-          const __v = headingId;
-          if (__v != null && __v !== false)
-            __el5.setAttribute("id", __v === true ? "" : __v);
-        }
-        __enterChildren(__el5);
-        __insert(__el5, label);
-        __exitChildren();
-        return __el5;
-      })();
-      const el = (() => {
-        const __el6 = __element("div");
-        __el6.setAttribute("role", "group");
-        {
-          const __v = headingId;
-          if (__v != null && __v !== false)
-            __el6.setAttribute("aria-labelledby", __v === true ? "" : __v);
-        }
-        __enterChildren(__el6);
-        __insert(__el6, heading);
-        __exitChildren();
-        return __el6;
-      })();
-      const groupItems = [];
-      groups.set(el, { heading, items: groupItems });
-      return {
-        el,
-        Item: (value, itemLabel, keywords) => {
-          const item = createItem(value, itemLabel, keywords);
-          groupItems.push(item);
-          return item;
-        }
-      };
-    }, Separator = function() {
-      return (() => {
-        const __el7 = __element("hr");
-        __el7.setAttribute("role", "separator");
-        return __el7;
-      })();
-    };
-    const { filter: customFilter, onSelect, onInputChange, placeholder, ...attrs } = options;
-    const listId = uniqueId("command-list");
-    const state = {
-      inputValue: signal(""),
-      activeIndex: signal(0)
-    };
-    const allItems = [];
-    const groups = new Map;
-    const defaultFilter = (value, search) => {
-      return value.toLowerCase().includes(search.toLowerCase());
-    };
-    const filterFn = customFilter ?? defaultFilter;
-    const input = (() => {
-      const __el0 = __element("input");
-      __el0.setAttribute("type", "text");
-      __el0.setAttribute("role", "combobox");
-      __el0.setAttribute("aria-autocomplete", "list");
-      __el0.setAttribute("aria-expanded", "true");
-      {
-        const __v = listId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      {
-        const __v = placeholder;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("placeholder", __v === true ? "" : __v);
-      }
-      __on(__el0, "input", () => {
-        state.inputValue.value = input.value;
-        onInputChange?.(input.value);
-        runFilter();
-      });
-      __on(__el0, "keydown", (event) => {
-        const visible = getVisibleItems();
-        if (isKey(event, Keys.ArrowDown)) {
-          event.preventDefault();
-          const next = Math.min(state.activeIndex.peek() + 1, visible.length - 1);
-          state.activeIndex.value = next;
-          updateActiveItem();
-          return;
-        }
-        if (isKey(event, Keys.ArrowUp)) {
-          event.preventDefault();
-          const prev = Math.max(state.activeIndex.peek() - 1, 0);
-          state.activeIndex.value = prev;
-          updateActiveItem();
-          return;
-        }
-        if (isKey(event, Keys.Enter)) {
-          event.preventDefault();
-          const active = visible[state.activeIndex.peek()];
-          if (active) {
-            const val = active.getAttribute("data-value");
-            if (val !== null) {
-              onSelect?.(val);
-            }
-          }
-          return;
-        }
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          input.value = "";
-          state.inputValue.value = "";
-          onInputChange?.("");
-          runFilter();
-        }
-      });
-      return __el0;
-    })();
-    const list = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("role", "listbox");
-      {
-        const __v = listId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      return __el1;
-    })();
-    const empty = (() => {
-      const __el2 = __element("div");
-      __el2.setAttribute("aria-hidden", "true");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el2.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      return __el2;
-    })();
-    const root = (() => {
-      const __el3 = __element("div");
-      __enterChildren(__el3);
-      __insert(__el3, input);
-      __insert(__el3, list);
-      __insert(__el3, empty);
-      __exitChildren();
-      return __el3;
-    })();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, input, list, empty, state, Item, Group, Separator };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Command = {
-  Root: CommandRoot
-};
-
-export { Command };