@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-pqskzq8t.js

@@ -1,79 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/checkbox/checkbox.tsx
-import { computed, signal } from "@vertz/ui";
-import { __attr, __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-function dataStateFor(checked) {
-  if (checked === "mixed")
-    return "indeterminate";
-  return checked ? "checked" : "unchecked";
-}
-function ariaCheckedFor(checked) {
-  if (checked === "mixed")
-    return "mixed";
-  return String(checked);
-}
-function CheckboxRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (disabled)
-        return;
-      checked.value = checked.value === "mixed" ? true : !checked.value;
-      onCheckedChange?.(checked.value);
-    };
-    const { defaultChecked = false, disabled = false, onCheckedChange, ...attrs } = options;
-    const checked = signal(defaultChecked, "checked");
-    const el = computed(() => (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("role", "checkbox");
-      {
-        const __v = uniqueId("checkbox");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-checked", () => ariaCheckedFor(checked.value));
-      __attr(__el0, "data-state", () => dataStateFor(checked.value));
-      {
-        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 Checkbox = {
-  Root: CheckboxRoot
-};
-
-export { Checkbox };

package/dist/shared/chunk-pwr60kyd.js

@@ -1,321 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  createFloatingPosition,
-  virtualElement
-} from "./chunk-vef3sepw.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/context-menu/context-menu-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, onMount, ref, useContext } from "@vertz/ui";
-var ContextMenuContext = createContext(undefined, "@vertz/ui-primitives::ContextMenuContext");
-function useContextMenuContext(componentName) {
-  const ctx = useContext(ContextMenuContext);
-  if (!ctx) {
-    throw new Error(`<ContextMenu.${componentName}> must be used inside <ContextMenu>. ` + "Ensure it is a direct or nested child of the ContextMenu root component.");
-  }
-  return ctx;
-}
-function ContextMenuTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContextMenuContext("Trigger");
-    const el = computed(() => (() => {
-      const __el0 = __element("div");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-part", "trigger");
-      __el0.setAttribute("data-contextmenu-trigger", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })());
-    onMount(() => {
-      const triggerEl = el.value;
-      function handleContextMenu(e) {
-        e.preventDefault();
-        ctx.open(e.clientX, e.clientY);
-      }
-      triggerEl.addEventListener("contextmenu", handleContextMenu);
-      return () => triggerEl.removeEventListener("contextmenu", handleContextMenu);
-    });
-    const __mfResult0 = el.value;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ContextMenuContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContextMenuContext("Content");
-    const instanceIndex = ctx._contentCount.value++;
-    if (instanceIndex > 0) {
-      console.warn("Duplicate <ContextMenu.Content> detected – only the first is used");
-    }
-    const el = computed(() => (() => {
-      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-contextmenu-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, Keys.Tab)) {
-          event.preventDefault();
-          ctx.close();
-          return;
-        }
-        const el2 = event.currentTarget ?? event.target;
-        const items = [...el2.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" });
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })());
-    const __mfResult0 = el.value;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ContextMenuItem(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContextMenuContext("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 ContextMenuGroup(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContextMenuContext("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 ContextMenuLabel(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useContextMenuContext("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 ContextMenuSeparator(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const { classes } = useContextMenuContext("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 updateContentDOM(el, isOpen) {
-  el.setAttribute("data-state", isOpen ? "open" : "closed");
-  el.setAttribute("aria-hidden", isOpen ? "false" : "true");
-  el.style.display = isOpen ? "" : "none";
-}
-function ComposedContextMenuRoot(__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"]')];
-    }, updateActiveItem = function(items, index) {
-      items.forEach((item, i) => {
-        item.setAttribute("tabindex", i === index ? "0" : "-1");
-      });
-    }, open = function(x, y) {
-      isOpen.value = true;
-      state.activeIndex = -1;
-      __props.onOpenChange?.(true);
-      const contentEl = getContentEl();
-      if (contentEl) {
-        updateContentDOM(contentEl, true);
-      }
-      queueMicrotask(() => {
-        const el = contentEl ?? getContentEl();
-        if (!el)
-          return;
-        const effectivePositioning = {
-          ...__props.positioning ?? {},
-          placement: __props.positioning?.placement ?? "bottom-start"
-        };
-        const result = createFloatingPosition(virtualElement(x, y), el, effectivePositioning);
-        state.floatingCleanup = result.cleanup;
-        state.dismissCleanup = createDismiss({
-          onDismiss: close,
-          insideElements: [el],
-          escapeKey: false
-        });
-        const items = getItems();
-        updateActiveItem(items, -1);
-        el.focus();
-      });
-    }, close = function() {
-      isOpen.value = false;
-      state.floatingCleanup?.();
-      state.floatingCleanup = null;
-      state.dismissCleanup?.();
-      state.dismissCleanup = null;
-      __props.onOpenChange?.(false);
-      const contentEl = getContentEl();
-      if (contentEl) {
-        updateContentDOM(contentEl, false);
-      }
-    };
-    const ids = linkedIds("ctxmenu");
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const state = { activeIndex: -1, floatingCleanup: null, dismissCleanup: null };
-    const ctx = {
-      isOpen,
-      contentId: ids.contentId,
-      contentRef,
-      classes: __props.classes,
-      onSelect: __props.onSelect,
-      open,
-      close,
-      _contentCount: { value: 0 }
-    };
-    const __mfResult0 = ContextMenuContext.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));
-      }
-      {
-        const __v = ids.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-contextmenu-root", __v === true ? "" : __v);
-      }
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedContextMenu = Object.assign(ComposedContextMenuRoot, {
-  Trigger: ContextMenuTrigger,
-  Content: ContextMenuContent,
-  Item: ContextMenuItem,
-  Group: ContextMenuGroup,
-  Label: ContextMenuLabel,
-  Separator: ContextMenuSeparator
-});
-
-export { ComposedContextMenu };