@vertz/ui-primitives 0.2.21 → 0.2.23

package/dist/shared/chunk-vm37m55w.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-vvjyx7fe.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-y5vdb6br.js

@@ -1,151 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setValueRange
-} from "./chunk-vvjyx7fe.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-q8dm19a5.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 };

package/dist/shared/chunk-ztvj60xp.js

@@ -1,185 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  handleListNavigation
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setHidden,
-  setSelected
-} from "./chunk-vvjyx7fe.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-q8dm19a5.js";
-
-// src/tabs/tabs.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function TabList(orientation, triggers, tabValues, selectTab) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "tablist");
-    {
-      const __v = orientation === "vertical" ? "vertical" : undefined;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-orientation", __v === true ? "" : __v);
-    }
-    __on(__el0, "keydown", (event) => {
-      const result = handleListNavigation(event, triggers, {
-        orientation
-      });
-      if (result) {
-        const idx = triggers.indexOf(result);
-        if (idx >= 0) {
-          const val = tabValues[idx];
-          if (val !== undefined)
-            selectTab(val);
-        }
-      }
-    });
-    return __el0;
-  })();
-}
-function TabTrigger(triggerId, panelId, value, label, isActive, selectTab) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __el0.setAttribute("role", "tab");
-    {
-      const __v = triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = panelId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-controls", __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-selected", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "active" : "inactive";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    __on(__el0, "click", () => {
-      selectTab(value);
-    });
-    __enterChildren(__el0);
-    __insert(__el0, label ?? value);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function TabsContainer(list) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, list);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function TabPanel(panelId, triggerId, isActive) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "tabpanel");
-    {
-      const __v = panelId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("tabindex", "0");
-    {
-      const __v = isActive ? "false" : "true";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "active" : "inactive";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "" : "display: none";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    return __el0;
-  })();
-}
-function TabsRoot(options = {}) {
-  const { defaultValue = "", orientation = "horizontal", onValueChange, ...attrs } = options;
-  const state = { value: signal(defaultValue) };
-  const triggers = [];
-  const panels = [];
-  const tabValues = [];
-  function selectTab(value) {
-    state.value.value = value;
-    for (let i = 0;i < tabValues.length; i++) {
-      const isActive = tabValues[i] === value;
-      const trig = triggers[i];
-      const panel = panels[i];
-      if (!trig || !panel)
-        continue;
-      setSelected(trig, isActive);
-      setDataState(trig, isActive ? "active" : "inactive");
-      trig.setAttribute("tabindex", isActive ? "0" : "-1");
-      setHidden(panel, !isActive);
-      setDataState(panel, isActive ? "active" : "inactive");
-    }
-    onValueChange?.(value);
-  }
-  const list = TabList(orientation, triggers, tabValues, selectTab);
-  const root = TabsContainer(list);
-  const cleanups = [];
-  function Tab(value, label) {
-    const baseId = uniqueId("tab");
-    const triggerId = `${baseId}-trigger`;
-    const panelId = `${baseId}-panel`;
-    const isActive = value === state.value.peek();
-    const trig = TabTrigger(triggerId, panelId, value, label, isActive, selectTab);
-    const handleClick = () => {
-      trig.focus();
-    };
-    trig.addEventListener("click", handleClick);
-    cleanups.push(() => trig.removeEventListener("click", handleClick));
-    const panel = TabPanel(panelId, triggerId, isActive);
-    triggers.push(trig);
-    panels.push(panel);
-    tabValues.push(value);
-    list.appendChild(trig);
-    root.appendChild(panel);
-    setRovingTabindex(triggers, triggers.findIndex((t) => tabValues[triggers.indexOf(t)] === state.value.peek()));
-    return { trigger: trig, panel };
-  }
-  function destroy() {
-    for (const cleanup of cleanups)
-      cleanup();
-    cleanups.length = 0;
-  }
-  applyAttrs(root, attrs);
-  return { root, list, state, Tab, destroy };
-}
-var Tabs = {
-  Root: TabsRoot
-};
-
-export { Tabs };