@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/shared/chunk-w318par6.js

@@ -1,204 +0,0 @@
-import {
-  saveFocus,
-  trapFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-
-// src/alert-dialog/alert-dialog.tsx
-import { __element, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function AlertDialogTriggerEl(triggerId, contentId, defaultOpen, onClick) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    {
-      const __v = triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = 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", onClick);
-    return __el0;
-  })();
-}
-function AlertDialogOverlayEl(defaultOpen) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("data-alertdialog-overlay", "");
-    {
-      const __v = defaultOpen ? "false" : "true";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "open" : "closed";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "" : "display: none";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    return __el0;
-  })();
-}
-function AlertDialogContentEl(contentId, titleId, descriptionId, defaultOpen) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "alertdialog");
-    {
-      const __v = contentId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("aria-modal", "true");
-    {
-      const __v = titleId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
-    }
-    {
-      const __v = descriptionId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "false" : "true";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "open" : "closed";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "" : "display: none";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    return __el0;
-  })();
-}
-function AlertDialogTitleEl(titleId) {
-  return (() => {
-    const __el0 = __element("h2");
-    {
-      const __v = titleId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    return __el0;
-  })();
-}
-function AlertDialogDescriptionEl(descriptionId) {
-  return (() => {
-    const __el0 = __element("p");
-    {
-      const __v = descriptionId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    return __el0;
-  })();
-}
-function AlertDialogCancelBtn(onClick) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __on(__el0, "click", onClick);
-    return __el0;
-  })();
-}
-function AlertDialogActionBtn(onClick) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __on(__el0, "click", onClick);
-    return __el0;
-  })();
-}
-function AlertDialogRoot(options = {}) {
-  const { defaultOpen = false, onOpenChange, onAction } = options;
-  const ids = linkedIds("alertdialog");
-  const titleId = `${ids.contentId}-title`;
-  const descriptionId = `${ids.contentId}-description`;
-  const state = { open: signal(defaultOpen) };
-  let restoreFocus = null;
-  let removeTrap = null;
-  function show() {
-    if (state.open.peek())
-      return;
-    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(() => cancel.focus());
-    onOpenChange?.(true);
-  }
-  function hide() {
-    if (!state.open.peek())
-      return;
-    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 trigger = AlertDialogTriggerEl(ids.triggerId, ids.contentId, defaultOpen, show);
-  const overlay = AlertDialogOverlayEl(defaultOpen);
-  const content = AlertDialogContentEl(ids.contentId, titleId, descriptionId, defaultOpen);
-  const title = AlertDialogTitleEl(titleId);
-  const description = AlertDialogDescriptionEl(descriptionId);
-  const cancel = AlertDialogCancelBtn(() => hide());
-  const action = AlertDialogActionBtn(() => {
-    onAction?.();
-    hide();
-  });
-  if (defaultOpen) {
-    restoreFocus = saveFocus();
-    removeTrap = trapFocus(content);
-    queueMicrotask(() => cancel.focus());
-  }
-  return { trigger, overlay, content, title, description, cancel, action, state, show, hide };
-}
-var AlertDialog = {
-  Root: AlertDialogRoot
-};
-
-export { AlertDialog };

package/dist/shared/chunk-wcdq7bew.js

@@ -1,133 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/carousel/carousel.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CarouselRoot(options = {}) {
-  const {
-    orientation = "horizontal",
-    loop = false,
-    defaultIndex = 0,
-    onSlideChange,
-    ...attrs
-  } = options;
-  const state = {
-    currentIndex: signal(defaultIndex),
-    slideCount: signal(0)
-  };
-  const slides = [];
-  function updateSlideVisibility() {
-    const current = state.currentIndex.peek();
-    for (let i = 0;i < slides.length; i++) {
-      const slide = slides[i];
-      if (!slide)
-        continue;
-      slide.setAttribute("aria-hidden", String(i !== current));
-      slide.setAttribute("aria-label", `Slide ${i + 1} of ${slides.length}`);
-      setDataState(slide, i === current ? "active" : "inactive");
-    }
-    if (!loop) {
-      prevButton.disabled = current <= 0;
-      nextButton.disabled = current >= slides.length - 1;
-    }
-    const translateProp = orientation === "horizontal" ? "translateX" : "translateY";
-    viewport.style.transform = `${translateProp}(-${current * 100}%)`;
-  }
-  function goTo(index) {
-    const total = slides.length;
-    if (total === 0)
-      return;
-    let next = index;
-    if (loop) {
-      next = (index % total + total) % total;
-    } else {
-      next = Math.max(0, Math.min(total - 1, index));
-    }
-    if (next === state.currentIndex.peek())
-      return;
-    state.currentIndex.value = next;
-    updateSlideVisibility();
-    onSlideChange?.(next);
-  }
-  function goNext() {
-    goTo(state.currentIndex.peek() + 1);
-  }
-  function goPrev() {
-    goTo(state.currentIndex.peek() - 1);
-  }
-  const viewport = (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("style", "overflow: hidden;");
-    return __el0;
-  })();
-  const prevButton = (() => {
-    const __el1 = __element("button");
-    __el1.setAttribute("type", "button");
-    __el1.setAttribute("aria-label", "Previous slide");
-    __on(__el1, "click", goPrev);
-    return __el1;
-  })();
-  const nextButton = (() => {
-    const __el2 = __element("button");
-    __el2.setAttribute("type", "button");
-    __el2.setAttribute("aria-label", "Next slide");
-    __on(__el2, "click", goNext);
-    return __el2;
-  })();
-  const root = (() => {
-    const __el3 = __element("div");
-    __el3.setAttribute("role", "region");
-    __el3.setAttribute("aria-roledescription", "carousel");
-    {
-      const __v = orientation;
-      if (__v != null && __v !== false)
-        __el3.setAttribute("data-orientation", __v === true ? "" : __v);
-    }
-    __on(__el3, "keydown", (event) => {
-      const prevKey = orientation === "horizontal" ? Keys.ArrowLeft : Keys.ArrowUp;
-      const nextKey = orientation === "horizontal" ? Keys.ArrowRight : Keys.ArrowDown;
-      if (isKey(event, prevKey)) {
-        event.preventDefault();
-        goPrev();
-      }
-      if (isKey(event, nextKey)) {
-        event.preventDefault();
-        goNext();
-      }
-    });
-    __enterChildren(__el3);
-    __insert(__el3, viewport);
-    __exitChildren();
-    return __el3;
-  })();
-  function Slide() {
-    const slide = (() => {
-      const __el4 = __element("div");
-      __el4.setAttribute("role", "group");
-      __el4.setAttribute("aria-roledescription", "slide");
-      return __el4;
-    })();
-    slides.push(slide);
-    state.slideCount.value = slides.length;
-    viewport.appendChild(slide);
-    updateSlideVisibility();
-    return slide;
-  }
-  updateSlideVisibility();
-  applyAttrs(root, attrs);
-  return { root, viewport, prevButton, nextButton, state, Slide, goTo, goNext, goPrev };
-}
-var Carousel = {
-  Root: CarouselRoot
-};
-
-export { Carousel };

package/dist/shared/chunk-z0gwkzgp.js

@@ -1,34 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/badge/badge.tsx
-import { __element } from "@vertz/ui/internals";
-function BadgeRoot(options = {}) {
-  const { variant = "default", ...attrs } = options;
-  const badge = (() => {
-    const __el0 = __element("span");
-    {
-      const __v = uniqueId("badge");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("data-slot", "badge");
-    {
-      const __v = variant;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-variant", __v === true ? "" : __v);
-    }
-    return __el0;
-  })();
-  applyAttrs(badge, attrs);
-  return { badge };
-}
-var Badge = {
-  Root: BadgeRoot
-};
-
-export { Badge };

package/dist/shared/chunk-z850et33.js

@@ -1,161 +0,0 @@
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/scroll-area/scroll-area.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ScrollAreaRoot(options = {}) {
-  const { orientation = "vertical", type: _type, ...attrs } = options;
-  const state = {
-    scrollTop: signal(0),
-    scrollLeft: signal(0)
-  };
-  let isDraggingY = false;
-  let startY = 0;
-  let startScrollTop = 0;
-  let isDraggingX = false;
-  let startX = 0;
-  let startScrollLeft = 0;
-  function syncThumbY() {
-    const { scrollTop, scrollHeight, clientHeight } = viewport;
-    if (scrollHeight <= clientHeight) {
-      thumbY.style.height = "0";
-      return;
-    }
-    const ratio = clientHeight / scrollHeight;
-    thumbY.style.height = `${ratio * 100}%`;
-    const scrollRatio = scrollTop / (scrollHeight - clientHeight);
-    thumbY.style.transform = `translateY(${scrollRatio * (1 / ratio - 1) * 100}%)`;
-    state.scrollTop.value = scrollTop;
-  }
-  function syncThumbX() {
-    const { scrollLeft, scrollWidth, clientWidth } = viewport;
-    if (scrollWidth <= clientWidth) {
-      thumbX.style.width = "0";
-      return;
-    }
-    const ratio = clientWidth / scrollWidth;
-    thumbX.style.width = `${ratio * 100}%`;
-    const scrollRatio = scrollLeft / (scrollWidth - clientWidth);
-    thumbX.style.transform = `translateX(${scrollRatio * (1 / ratio - 1) * 100}%)`;
-    state.scrollLeft.value = scrollLeft;
-  }
-  function update() {
-    syncThumbY();
-    syncThumbX();
-  }
-  function handleViewportScroll() {
-    if (orientation === "vertical" || orientation === "both")
-      syncThumbY();
-    if (orientation === "horizontal" || orientation === "both")
-      syncThumbX();
-  }
-  function handleThumbYDown(e) {
-    isDraggingY = true;
-    startY = e.clientY;
-    startScrollTop = viewport.scrollTop;
-    thumbY.setPointerCapture(e.pointerId);
-    e.preventDefault();
-  }
-  function handleThumbYMove(e) {
-    if (!isDraggingY)
-      return;
-    const delta = e.clientY - startY;
-    const scrollbarHeight = scrollbarY.clientHeight;
-    const scrollRange = viewport.scrollHeight - viewport.clientHeight;
-    if (scrollbarHeight > 0) {
-      viewport.scrollTop = startScrollTop + delta / scrollbarHeight * scrollRange;
-    }
-  }
-  function handleThumbYUp(e) {
-    isDraggingY = false;
-    thumbY.releasePointerCapture(e.pointerId);
-  }
-  function handleThumbXDown(e) {
-    isDraggingX = true;
-    startX = e.clientX;
-    startScrollLeft = viewport.scrollLeft;
-    thumbX.setPointerCapture(e.pointerId);
-    e.preventDefault();
-  }
-  function handleThumbXMove(e) {
-    if (!isDraggingX)
-      return;
-    const delta = e.clientX - startX;
-    const scrollbarWidth = scrollbarX.clientWidth;
-    const scrollRange = viewport.scrollWidth - viewport.clientWidth;
-    if (scrollbarWidth > 0) {
-      viewport.scrollLeft = startScrollLeft + delta / scrollbarWidth * scrollRange;
-    }
-  }
-  function handleThumbXUp(e) {
-    isDraggingX = false;
-    thumbX.releasePointerCapture(e.pointerId);
-  }
-  const thumbY = (() => {
-    const __el0 = __element("div");
-    __on(__el0, "pointerdown", handleThumbYDown);
-    __on(__el0, "pointermove", handleThumbYMove);
-    __on(__el0, "pointerup", handleThumbYUp);
-    return __el0;
-  })();
-  const scrollbarY = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("aria-hidden", "true");
-    __el1.setAttribute("data-orientation", "vertical");
-    __enterChildren(__el1);
-    __insert(__el1, thumbY);
-    __exitChildren();
-    return __el1;
-  })();
-  const thumbX = (() => {
-    const __el2 = __element("div");
-    __on(__el2, "pointerdown", handleThumbXDown);
-    __on(__el2, "pointermove", handleThumbXMove);
-    __on(__el2, "pointerup", handleThumbXUp);
-    return __el2;
-  })();
-  const scrollbarX = (() => {
-    const __el3 = __element("div");
-    __el3.setAttribute("aria-hidden", "true");
-    __el3.setAttribute("data-orientation", "horizontal");
-    __enterChildren(__el3);
-    __insert(__el3, thumbX);
-    __exitChildren();
-    return __el3;
-  })();
-  const content = (() => {
-    const __el4 = __element("div");
-    return __el4;
-  })();
-  const viewport = (() => {
-    const __el5 = __element("div");
-    __el5.setAttribute("style", "overflow: scroll;");
-    __on(__el5, "scroll", handleViewportScroll);
-    __enterChildren(__el5);
-    __insert(__el5, content);
-    __exitChildren();
-    return __el5;
-  })();
-  viewport.style.scrollbarWidth = "none";
-  const root = (() => {
-    const __el6 = __element("div");
-    __el6.setAttribute("style", "position: relative; overflow: hidden;");
-    __enterChildren(__el6);
-    __insert(__el6, viewport);
-    __exitChildren();
-    return __el6;
-  })();
-  if (orientation === "vertical" || orientation === "both")
-    root.appendChild(scrollbarY);
-  if (orientation === "horizontal" || orientation === "both")
-    root.appendChild(scrollbarX);
-  applyAttrs(root, attrs);
-  return { root, viewport, content, scrollbarY, thumbY, scrollbarX, thumbX, state, update };
-}
-var ScrollArea = {
-  Root: ScrollAreaRoot
-};
-
-export { ScrollArea };

package/dist/shared/chunk-zyfc6cx3.js

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