@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/shared/chunk-279bzynx.js

@@ -1,132 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  handleListNavigation
-} from "./chunk-7867pr13.js";
-import {
-  setChecked,
-  setDataState,
-  setDisabled
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/radio/radio.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function RadioGroup(items, itemValues, selectItem) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "radiogroup");
-    {
-      const __v = uniqueId("radiogroup");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    __on(__el0, "keydown", (event) => {
-      const result = handleListNavigation(event, items, { orientation: "vertical" });
-      if (result) {
-        const idx = items.indexOf(result);
-        if (idx >= 0) {
-          const val = itemValues[idx];
-          if (val !== undefined)
-            selectItem(val);
-        }
-      }
-    });
-    return __el0;
-  })();
-}
-function RadioItem(value, label, isActive, disabled, selectItem) {
-  const el = (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "radio");
-    {
-      const __v = uniqueId("radio");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = value;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-value", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "true" : "false";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-checked", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "checked" : "unchecked";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    __on(__el0, "click", () => {
-      if (!disabled)
-        selectItem(value);
-    });
-    __enterChildren(__el0);
-    __insert(__el0, label ?? value);
-    __exitChildren();
-    return __el0;
-  })();
-  if (disabled) {
-    setDisabled(el, true);
-    el.setAttribute("data-disabled", "");
-  }
-  return el;
-}
-function RadioRoot(options = {}) {
-  const { defaultValue = "", onValueChange, ...attrs } = options;
-  const state = { value: signal(defaultValue) };
-  const items = [];
-  const itemValues = [];
-  function selectItem(value) {
-    state.value.value = value;
-    for (let i = 0;i < items.length; i++) {
-      const item = items[i];
-      if (!item)
-        continue;
-      const isActive = itemValues[i] === value;
-      setChecked(item, isActive);
-      setDataState(item, isActive ? "checked" : "unchecked");
-    }
-    setRovingTabindex(items, itemValues.indexOf(value));
-    onValueChange?.(value);
-  }
-  const root = RadioGroup(items, itemValues, selectItem);
-  const cleanups = [];
-  function Item(value, label, itemOptions) {
-    const isActive = value === state.value.peek();
-    const disabled = itemOptions?.disabled ?? false;
-    const item = RadioItem(value, label, isActive, disabled, selectItem);
-    const handleClick = () => {
-      if (!disabled)
-        item.focus();
-    };
-    item.addEventListener("click", handleClick);
-    cleanups.push(() => item.removeEventListener("click", handleClick));
-    items.push(item);
-    itemValues.push(value);
-    root.appendChild(item);
-    setRovingTabindex(items, itemValues.indexOf(state.value.peek()));
-    return item;
-  }
-  function destroy() {
-    for (const cleanup of cleanups)
-      cleanup();
-    cleanups.length = 0;
-  }
-  applyAttrs(root, attrs);
-  return { root, state, Item, destroy };
-}
-var Radio = {
-  Root: RadioRoot
-};
-
-export { Radio };

package/dist/shared/chunk-27xs9apd.js

@@ -1,288 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.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/menubar/menubar.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function MenubarRoot(options = {}) {
-  const { onSelect, positioning, ...attrs } = options;
-  const state = { activeMenu: signal(null) };
-  const triggers = [];
-  const menus = new Map;
-  let floatingCleanup = null;
-  let dismissCleanup = null;
-  function handleClickOutside(event) {
-    const target = event.target;
-    if (!root.contains(target)) {
-      closeAll();
-    }
-  }
-  function closeAll() {
-    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);
-    }
-  }
-  function openMenu(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();
-    }
-  }
-  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;
-  })();
-  function Menu(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");
-      __el2.setAttribute("style", "display: none");
-      __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, parent) {
-      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);
-      (parent ?? content).appendChild(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;
-      })();
-      content.appendChild(el);
-      return {
-        el,
-        Item: (val, l) => createItem(val, l, el)
-      };
-    }
-    function Separator() {
-      const hr = (() => {
-        const __el5 = __element("hr");
-        __el5.setAttribute("role", "separator");
-        return __el5;
-      })();
-      content.appendChild(hr);
-      return hr;
-    }
-    triggers.push(trigger);
-    setRovingTabindex(triggers, 0);
-    menus.set(value, { trigger, content, items: menuItems });
-    root.appendChild(trigger);
-    return { trigger, content, Item, Group, Separator };
-  }
-  applyAttrs(root, attrs);
-  return { root, state, Menu };
-}
-var Menubar = {
-  Root: MenubarRoot
-};
-
-export { Menubar };

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

@@ -1,151 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setValueRange
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/slider/slider.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function SliderRoot(options = {}) {
-  const {
-    defaultValue = 0,
-    min = 0,
-    max = 100,
-    step = 1,
-    disabled = false,
-    onValueChange,
-    ...attrs
-  } = options;
-  const state = {
-    value: signal(defaultValue),
-    disabled: signal(disabled)
-  };
-  function clamp(val) {
-    return Math.min(max, Math.max(min, val));
-  }
-  function updatePosition(pct2) {
-    thumb.style.left = `${pct2}%`;
-    fill.style.width = `${pct2}%`;
-  }
-  function setValue(val) {
-    if (state.disabled.peek())
-      return;
-    const clamped = clamp(val);
-    state.value.value = clamped;
-    setValueRange(thumb, clamped, min, max);
-    const pct2 = (clamped - min) / (max - min) * 100;
-    updatePosition(pct2);
-    setDataState(root, "active");
-    onValueChange?.(clamped);
-  }
-  function valueFromPointer(event) {
-    const rect = track.getBoundingClientRect();
-    const pct2 = Math.max(0, Math.min(1, (event.clientX - rect.left) / rect.width));
-    const raw = min + pct2 * (max - min);
-    return Math.round(raw / step) * step;
-  }
-  const fill = (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("data-part", "fill");
-    __el0.setAttribute("style", "position: absolute; height: 100%; border-radius: inherit;");
-    return __el0;
-  })();
-  const thumb = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "slider");
-    {
-      const __v = disabled ? "-1" : "0";
-      if (__v != null && __v !== false)
-        __el1.setAttribute("tabindex", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("data-part", "thumb");
-    {
-      const __v = disabled ? "true" : undefined;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("aria-disabled", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("style", "position: absolute; transform: translate(-50%, -50%);");
-    __on(__el1, "keydown", (event) => {
-      if (state.disabled.peek())
-        return;
-      const current = state.value.peek();
-      if (isKey(event, Keys.ArrowRight, Keys.ArrowUp)) {
-        event.preventDefault();
-        setValue(current + step);
-      } else if (isKey(event, Keys.ArrowLeft, Keys.ArrowDown)) {
-        event.preventDefault();
-        setValue(current - step);
-      } else if (isKey(event, Keys.Home)) {
-        event.preventDefault();
-        setValue(min);
-      } else if (isKey(event, Keys.End)) {
-        event.preventDefault();
-        setValue(max);
-      }
-    });
-    return __el1;
-  })();
-  setValueRange(thumb, defaultValue, min, max);
-  const track = (() => {
-    const __el2 = __element("div");
-    __el2.setAttribute("data-part", "track");
-    __el2.setAttribute("style", "position: relative;");
-    __enterChildren(__el2);
-    __insert(__el2, fill);
-    __insert(__el2, thumb);
-    __exitChildren();
-    return __el2;
-  })();
-  const root = (() => {
-    const __el3 = __element("div");
-    {
-      const __v = uniqueId("slider");
-      if (__v != null && __v !== false)
-        __el3.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = disabled ? "disabled" : "active";
-      if (__v != null && __v !== false)
-        __el3.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    __on(__el3, "pointerdown", (event) => {
-      if (state.disabled.peek())
-        return;
-      event.preventDefault();
-      setValue(valueFromPointer(event));
-      thumb.focus();
-      function onMove(e) {
-        setValue(valueFromPointer(e));
-      }
-      function onUp() {
-        document.removeEventListener("pointermove", onMove);
-        document.removeEventListener("pointerup", onUp);
-      }
-      document.addEventListener("pointermove", onMove);
-      document.addEventListener("pointerup", onUp);
-    });
-    __enterChildren(__el3);
-    __insert(__el3, track);
-    __exitChildren();
-    return __el3;
-  })();
-  const pct = (defaultValue - min) / (max - min) * 100;
-  updatePosition(pct);
-  applyAttrs(root, attrs);
-  return { root, thumb, track, state };
-}
-var Slider = {
-  Root: SliderRoot
-};
-
-export { Slider };