@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/shared/chunk-3rp73gkd.js

@@ -1,175 +0,0 @@
-import {
-  focusFirst,
-  saveFocus,
-  trapFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-
-// src/sheet/sheet.tsx
-import { __element, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function SheetRoot(options = {}) {
-  const { side = "right", defaultOpen = false, onOpenChange } = options;
-  const ids = linkedIds("sheet");
-  const state = { open: signal(defaultOpen) };
-  let restoreFocus = null;
-  let removeTrap = null;
-  function show() {
-    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);
-  }
-  function hide() {
-    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);
-  }
-  const SWIPE_THRESHOLD = 50;
-  let startX = 0;
-  let startY = 0;
-  function handlePointerDown(e) {
-    startX = e.clientX;
-    startY = e.clientY;
-  }
-  function handlePointerUp(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 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 = defaultOpen ? "" : "display: 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 = defaultOpen ? "" : "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();
-        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;
-  })();
-  return { trigger, overlay, content, close, state, show, hide };
-}
-var Sheet = {
-  Root: SheetRoot
-};
-
-export { Sheet };

package/dist/shared/chunk-4rf1m34c.js

@@ -1,267 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition
-} from "./chunk-0mcr52hc.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/menu/menu.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function MenuRoot(options = {}) {
-  const { onSelect, onOpenChange, positioning, ...attrs } = options;
-  const ids = linkedIds("menu");
-  const state = {
-    open: signal(false),
-    activeIndex: signal(-1)
-  };
-  const items = [];
-  let floatingCleanup = null;
-  let dismissCleanup = null;
-  function handleClickOutside(event) {
-    const target = event.target;
-    if (!trigger.contains(target) && !content.contains(target)) {
-      close();
-    }
-  }
-  function open(activateFirst = false) {
-    state.open.value = true;
-    setExpanded(trigger, true);
-    setHidden(content, false);
-    setDataState(trigger, "open");
-    setDataState(content, "open");
-    onOpenChange?.(true);
-    if (positioning) {
-      const ref = positioning.referenceElement ?? trigger;
-      const result = createFloatingPosition(ref, content, positioning);
-      floatingCleanup = result.cleanup;
-      dismissCleanup = createDismiss({
-        onDismiss: close,
-        insideElements: [ref, trigger, content],
-        escapeKey: false
-      });
-    } else {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    if (activateFirst && items.length > 0) {
-      state.activeIndex.value = 0;
-      updateActiveItem(0);
-      items[0]?.focus();
-    } else {
-      state.activeIndex.value = -1;
-      updateActiveItem(-1);
-      content.focus();
-    }
-  }
-  function close() {
-    state.open.value = false;
-    setExpanded(trigger, false);
-    setDataState(trigger, "closed");
-    setDataState(content, "closed");
-    setHiddenAnimated(content, true);
-    onOpenChange?.(false);
-    if (positioning) {
-      floatingCleanup?.();
-      floatingCleanup = null;
-      dismissCleanup?.();
-      dismissCleanup = null;
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    trigger.focus();
-  }
-  function updateActiveItem(index) {
-    for (let i = 0;i < items.length; i++) {
-      items[i]?.setAttribute("tabindex", i === index ? "0" : "-1");
-    }
-  }
-  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);
-    }
-    __el0.setAttribute("aria-haspopup", "menu");
-    __el0.setAttribute("aria-expanded", "false");
-    __el0.setAttribute("data-state", "closed");
-    __on(__el0, "click", () => {
-      if (state.open.peek()) {
-        close();
-      } else {
-        open();
-      }
-    });
-    __on(__el0, "keydown", (event) => {
-      if (isKey(event, Keys.ArrowDown, Keys.Enter, Keys.Space)) {
-        event.preventDefault();
-        if (!state.open.peek())
-          open(true);
-      }
-    });
-    return __el0;
-  })();
-  const content = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "menu");
-    __el1.setAttribute("tabindex", "-1");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("aria-hidden", "true");
-    __el1.setAttribute("data-state", "closed");
-    __el1.setAttribute("style", "display: none");
-    __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;
-      }
-      if (state.activeIndex.peek() === -1) {
-        if (isKey(event, Keys.ArrowDown)) {
-          event.preventDefault();
-          state.activeIndex.value = 0;
-          updateActiveItem(0);
-          items[0]?.focus();
-          return;
-        }
-        if (isKey(event, Keys.ArrowUp)) {
-          event.preventDefault();
-          const last = items.length - 1;
-          state.activeIndex.value = last;
-          updateActiveItem(last);
-          items[last]?.focus();
-          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;
-  })();
-  function createItem(value, label, parent) {
-    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);
-    (parent ?? content).appendChild(item);
-    return item;
-  }
-  function Item(value, label) {
-    return createItem(value, label);
-  }
-  function Group(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;
-    })();
-    content.appendChild(el);
-    return {
-      el,
-      Item: (value, itemLabel) => createItem(value, itemLabel, el)
-    };
-  }
-  function Separator() {
-    const hr = (() => {
-      const __el4 = __element("hr");
-      __el4.setAttribute("role", "separator");
-      return __el4;
-    })();
-    content.appendChild(hr);
-    return hr;
-  }
-  function Label(text) {
-    const el = (() => {
-      const __el5 = __element("div");
-      __el5.setAttribute("role", "none");
-      __enterChildren(__el5);
-      __insert(__el5, text);
-      __exitChildren();
-      return __el5;
-    })();
-    content.appendChild(el);
-    return el;
-  }
-  applyAttrs(trigger, attrs);
-  return { trigger, content, state, Item, Group, Separator, Label };
-}
-var Menu = {
-  Root: MenuRoot
-};
-
-export { Menu };

package/dist/shared/chunk-56reyd5r.js

@@ -1,64 +0,0 @@
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toast/toast.tsx
-import { signal } from "@vertz/ui";
-function createRegionElement(politeness) {
-  const el = document.createElement("div");
-  el.setAttribute("role", "status");
-  el.setAttribute("aria-live", politeness);
-  el.setAttribute("aria-atomic", "false");
-  el.setAttribute("data-state", "empty");
-  return el;
-}
-function createMessageElement(id, content) {
-  const el = document.createElement("div");
-  el.setAttribute("role", "status");
-  el.setAttribute("data-toast-id", id);
-  el.setAttribute("data-state", "open");
-  el.textContent = content;
-  return el;
-}
-function ToastRoot(options = {}) {
-  const { duration = 5000, politeness = "polite", ...attrs } = options;
-  const state = { messages: signal([]) };
-  const region = createRegionElement(politeness);
-  applyAttrs(region, attrs);
-  function announce(content) {
-    const id = uniqueId("toast");
-    const el = createMessageElement(id, content);
-    const msg = { id, content, el };
-    state.messages.value = [...state.messages.peek(), msg];
-    region.appendChild(el);
-    setDataState(region, "active");
-    if (duration > 0) {
-      setTimeout(() => dismiss(id), duration);
-    }
-    return msg;
-  }
-  function dismiss(id) {
-    const messages = state.messages.peek().filter((m) => m.id !== id);
-    state.messages.value = messages;
-    const el = region.querySelector(`[data-toast-id="${id}"]`);
-    if (el) {
-      setDataState(el, "closed");
-      el.remove();
-    }
-    if (messages.length === 0) {
-      setDataState(region, "empty");
-    }
-  }
-  return { region, state, announce, dismiss };
-}
-var Toast = {
-  Root: ToastRoot
-};
-
-export { Toast };

package/dist/shared/chunk-7bxsf80c.js

@@ -1,60 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toggle/toggle.tsx
-import { computed, signal } from "@vertz/ui";
-import { __attr, __element, __on } from "@vertz/ui/internals";
-function ToggleRoot(options = {}) {
-  const { defaultPressed = false, disabled = false, onPressedChange, ...attrs } = options;
-  const pressed = signal(defaultPressed, "pressed");
-  function toggle() {
-    if (disabled)
-      return;
-    pressed.value = !pressed.value;
-    onPressedChange?.(pressed.value);
-  }
-  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);
-  return el.value;
-}
-var Toggle = {
-  Root: ToggleRoot
-};
-
-export { Toggle };