@vertz/ui-primitives 0.2.41 → 0.2.43

package/dist/shared/chunk-2ssqz188.js

@@ -1,162 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/radio/radio-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __child, __conditional, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var RadioGroupContext = createContext(undefined, "@vertz/ui-primitives::RadioGroupContext");
-function RadioGroupItem(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(RadioGroupContext);
-    if (!ctx) {
-      throw new Error("<RadioGroup.Item> must be used inside <RadioGroup>. " + "Ensure it is a direct or nested child of the RadioGroup root component.");
-    }
-    const isDisabled = computed(() => __props.disabled ?? false);
-    const isChecked = computed(() => ctx.isSelected(__props.value));
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      {
-        const __v = { display: "flex", alignItems: "center", gap: "0.5rem", cursor: "pointer" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-radiogroup-item", "");
-      __on(__el0, "click", () => {
-        if (!isDisabled.value)
-          ctx.select(__props.value);
-      });
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("div");
-        __el1.setAttribute("role", "radio");
-        __attr(__el1, "data-value", () => __props.value);
-        __attr(__el1, "aria-checked", () => isChecked.value ? "true" : "false");
-        __attr(__el1, "data-state", () => isChecked.value ? "checked" : "unchecked");
-        __attr(__el1, "tabindex", () => isChecked.value ? "0" : "-1");
-        __attr(__el1, "aria-disabled", () => isDisabled.value ? "true" : undefined);
-        __attr(__el1, "class", () => cn(ctx.classes?.item));
-        __attr(__el1, "style", () => ({ pointerEvents: isDisabled.value ? "none" : undefined, position: "relative" }));
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("span");
-          __el2.setAttribute("data-part", "indicator");
-          __attr(__el2, "data-state", () => isChecked.value ? "checked" : "unchecked");
-          __attr(__el2, "class", () => cn(ctx.classes?.indicator));
-          __enterChildren(__el2);
-          __append(__el2, (() => {
-            const __el3 = __element("span");
-            __el3.setAttribute("data-part", "indicator-icon");
-            __attr(__el3, "class", () => cn(ctx.classes?.indicatorIcon));
-            return __el3;
-          })());
-          __exitChildren();
-          return __el2;
-        })());
-        __exitChildren();
-        return __el1;
-      })());
-      __append(__el0, __conditional(() => __props.children, () => (() => {
-        const __el4 = __element("span");
-        __enterChildren(__el4);
-        __append(__el4, __child(() => __props.children));
-        __exitChildren();
-        return __el4;
-      })(), () => null));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedRadioGroupRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let select = function(value) {
-      selectedValue.value = value;
-      __props.onValueChange?.(value);
-    };
-    const selectedValue = signal(__props.defaultValue ?? "", "selectedValue");
-    const ctx = {
-      isSelected: (value) => selectedValue.value === value,
-      classes: __props.classes,
-      select
-    };
-    const __mfResult0 = RadioGroupContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "radiogroup");
-      {
-        const __v = uniqueId("radiogroup");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __el0.setAttribute("data-radiogroup-root", "");
-      __on(__el0, "keydown", (event) => {
-        const root = event.currentTarget;
-        const items = [...root.querySelectorAll('[role="radio"]')];
-        const currentIdx = items.indexOf(document.activeElement);
-        if (currentIdx < 0)
-          return;
-        const len = items.length;
-        let nextIdx = -1;
-        if (isKey(event, Keys.ArrowDown, Keys.ArrowRight)) {
-          event.preventDefault();
-          nextIdx = (currentIdx + 1) % len;
-        } else if (isKey(event, Keys.ArrowUp, Keys.ArrowLeft)) {
-          event.preventDefault();
-          nextIdx = (currentIdx - 1 + len) % len;
-        } else if (isKey(event, Keys.Home)) {
-          event.preventDefault();
-          nextIdx = 0;
-        } else if (isKey(event, Keys.End)) {
-          event.preventDefault();
-          nextIdx = len - 1;
-        }
-        if (nextIdx < 0)
-          return;
-        const direction = isKey(event, Keys.End, Keys.ArrowUp, Keys.ArrowLeft) ? -1 : 1;
-        const startIdx = nextIdx;
-        while (items[nextIdx]?.getAttribute("aria-disabled") === "true") {
-          nextIdx = (nextIdx + direction + len) % len;
-          if (nextIdx === startIdx)
-            return;
-        }
-        const nextValue = items[nextIdx]?.getAttribute("data-value");
-        if (nextValue != null) {
-          select(nextValue);
-          items[nextIdx]?.focus();
-        }
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedRadioGroup = Object.assign(ComposedRadioGroupRoot, {
-  Item: RadioGroupItem
-});
-
-export { ComposedRadioGroup };

package/dist/shared/chunk-33he7ay9.js

@@ -1,218 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition,
-  virtualElement
-} from "./chunk-vef3sepw.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/context-menu/context-menu.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ContextMenuRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let handleClickOutside = function(event) {
-      const target = event.target;
-      if (!trigger.contains(target) && !content.contains(target)) {
-        close();
-      }
-    }, updateActiveItem = function(index) {
-      for (let i = 0;i < items.length; i++) {
-        items[i]?.setAttribute("tabindex", i === index ? "0" : "-1");
-      }
-    }, openMenu = function(x, y) {
-      state.open.value = true;
-      setHidden(content, false);
-      setDataState(content, "open");
-      if (positioning) {
-        const result = createFloatingPosition(virtualElement(x, y), content, {
-          strategy: "fixed",
-          ...positioning
-        });
-        floatingCleanup = result.cleanup;
-        dismissCleanup = createDismiss({
-          onDismiss: close,
-          insideElements: [trigger, content],
-          escapeKey: false
-        });
-      } else {
-        content.style.left = `${x}px`;
-        content.style.top = `${y}px`;
-        document.addEventListener("mousedown", handleClickOutside);
-      }
-      state.activeIndex.value = 0;
-      updateActiveItem(0);
-      items[0]?.focus();
-    }, close = function() {
-      state.open.value = false;
-      setDataState(content, "closed");
-      setHiddenAnimated(content, true);
-      if (positioning) {
-        floatingCleanup?.();
-        floatingCleanup = null;
-        dismissCleanup?.();
-        dismissCleanup = null;
-      } else {
-        document.removeEventListener("mousedown", handleClickOutside);
-      }
-    }, createItem = function(value, label) {
-      const item = (() => {
-        const __el2 = __element("div");
-        __el2.setAttribute("role", "menuitem");
-        {
-          const __v = value;
-          if (__v != null && __v !== false)
-            __el2.setAttribute("data-value", __v === true ? "" : __v);
-        }
-        __el2.setAttribute("tabindex", "-1");
-        __on(__el2, "click", () => {
-          onSelect?.(value);
-          close();
-        });
-        __enterChildren(__el2);
-        __insert(__el2, label ?? value);
-        __exitChildren();
-        return __el2;
-      })();
-      items.push(item);
-      return item;
-    }, Item = function(value, label) {
-      return createItem(value, label);
-    }, Group = function(label) {
-      const el = (() => {
-        const __el3 = __element("div");
-        __el3.setAttribute("role", "group");
-        {
-          const __v = label;
-          if (__v != null && __v !== false)
-            __el3.setAttribute("aria-label", __v === true ? "" : __v);
-        }
-        return __el3;
-      })();
-      return {
-        el,
-        Item: (value, itemLabel) => createItem(value, itemLabel)
-      };
-    }, Separator = function() {
-      return (() => {
-        const __el4 = __element("hr");
-        __el4.setAttribute("data-v-id", "ContextMenuRoot");
-        __el4.setAttribute("role", "separator");
-        return __el4;
-      })();
-    }, Label = function(text) {
-      return (() => {
-        const __el5 = __element("div");
-        __el5.setAttribute("role", "none");
-        __enterChildren(__el5);
-        __insert(__el5, text);
-        __exitChildren();
-        return __el5;
-      })();
-    };
-    const { onSelect, positioning, ...attrs } = options;
-    const state = {
-      open: signal(false),
-      activeIndex: signal(-1)
-    };
-    const items = [];
-    let floatingCleanup = null;
-    let dismissCleanup = null;
-    const trigger = (() => {
-      const __el0 = __element("div");
-      __on(__el0, "contextmenu", (event) => {
-        event.preventDefault();
-        if (state.open.peek()) {
-          close();
-        }
-        openMenu(event.clientX, event.clientY);
-      });
-      return __el0;
-    })();
-    const contentId = uniqueId("ctx-menu");
-    const content = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("role", "menu");
-      {
-        const __v = contentId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = { position: "fixed", display: "none" };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el1.setAttribute("aria-hidden", "true");
-      __el1.setAttribute("data-state", "closed");
-      __on(__el1, "keydown", (event) => {
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          close();
-          return;
-        }
-        if (isKey(event, Keys.Enter, Keys.Space)) {
-          event.preventDefault();
-          const active = items[state.activeIndex.peek()];
-          if (active) {
-            const val = active.getAttribute("data-value");
-            if (val !== null) {
-              onSelect?.(val);
-              close();
-            }
-          }
-          return;
-        }
-        const result = handleListNavigation(event, items, { orientation: "vertical" });
-        if (result) {
-          const idx = items.indexOf(result);
-          if (idx >= 0) {
-            state.activeIndex.value = idx;
-            updateActiveItem(idx);
-          }
-          return;
-        }
-        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) {
-            const idx = items.indexOf(match);
-            state.activeIndex.value = idx;
-            updateActiveItem(idx);
-            match.focus();
-          }
-        }
-      });
-      return __el1;
-    })();
-    applyAttrs(trigger, attrs);
-    const __mfResult0 = { trigger, content, state, Item, Group, Separator, Label };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ContextMenu = {
-  Root: ContextMenuRoot
-};
-
-export { ContextMenu };