@vertz/ui-primitives 0.2.41 → 0.2.42

package/dist/shared/chunk-bc2qqkhr.js

@@ -1,194 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/pagination/pagination-composed.tsx
-import { computed } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-function generatePaginationRange(current, total, siblings) {
-  const range = [];
-  const left = Math.max(2, current - siblings);
-  const right = Math.min(total - 1, current + siblings);
-  range.push(1);
-  if (left > 2) {
-    range.push("...");
-  }
-  for (let idx = left;idx <= right; idx++) {
-    if (idx !== 1 && idx !== total) {
-      range.push(idx);
-    }
-  }
-  if (right < total - 1) {
-    range.push("...");
-  }
-  if (total > 1) {
-    range.push(total);
-  }
-  return range;
-}
-function PageButton(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    if (__props.page === __props.currentPage) {
-      const __mfResult0 = (() => {
-        const __el0 = __element("button");
-        __el0.setAttribute("type", "button");
-        __attr(__el0, "class", () => cn(__props.classes?.linkActive));
-        __el0.setAttribute("aria-current", "page");
-        __enterChildren(__el0);
-        __append(__el0, __child(() => String(__props.page)));
-        __exitChildren();
-        return __el0;
-      })();
-      __flushMountFrame();
-      return __mfResult0;
-    }
-    const __mfResult1 = (() => {
-      const __el1 = __element("button");
-      __el1.setAttribute("type", "button");
-      __attr(__el1, "class", () => cn(__props.classes?.link));
-      __on(__el1, "click", () => __props.onPageChange(__props.page));
-      __enterChildren(__el1);
-      __append(__el1, __child(() => String(__props.page)));
-      __exitChildren();
-      return __el1;
-    })();
-    __flushMountFrame();
-    return __mfResult1;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function buildPageItems(range, classes, currentPage, onPageChange, ellipsisContent) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = range.map((page) => page === "..." ? (() => {
-      const __el0 = __element("li");
-      {
-        const __v = cn(classes?.item);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("class", __v === true ? "" : __v);
-      }
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("span");
-        __el1.setAttribute("aria-hidden", "true");
-        {
-          const __v = cn(classes?.ellipsis);
-          if (__v != null && __v !== false)
-            __el1.setAttribute("class", __v === true ? "" : __v);
-        }
-        __enterChildren(__el1);
-        __insert(__el1, ellipsisContent);
-        __exitChildren();
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })() : (() => {
-      const __el2 = __element("li");
-      {
-        const __v = cn(classes?.item);
-        if (__v != null && __v !== false)
-          __el2.setAttribute("class", __v === true ? "" : __v);
-      }
-      __enterChildren(__el2);
-      __append(__el2, PageButton({ get page() {
-        return page;
-      }, get currentPage() {
-        return currentPage;
-      }, get onPageChange() {
-        return onPageChange;
-      }, get classes() {
-        return classes;
-      } }));
-      __exitChildren();
-      return __el2;
-    })());
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedPaginationRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const range = computed(() => generatePaginationRange(__props.currentPage, __props.totalPages, __props.siblingCount ?? 1));
-    const pageItems = () => buildPageItems(range.value, __props.classes, __props.currentPage, __props.onPageChange, __props.ellipsisContent ?? "...");
-    const __mfResult0 = (() => {
-      const __el0 = __element("nav");
-      __el0.setAttribute("aria-label", "Pagination");
-      __attr(__el0, "class", () => cn(__props.classes?.nav, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("ul");
-        __attr(__el1, "class", () => cn(__props.classes?.list));
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("li");
-          __attr(__el2, "class", () => cn(__props.classes?.item));
-          __enterChildren(__el2);
-          __append(__el2, (() => {
-            const __el3 = __element("button");
-            __el3.setAttribute("type", "button");
-            __attr(__el3, "class", () => cn(__props.classes?.navButton));
-            {
-              const __v = { paddingLeft: "0.375rem", paddingRight: "0.625rem" };
-              if (__v != null && __v !== false)
-                __el3.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-            }
-            __el3.setAttribute("aria-label", "Previous page");
-            __attr(__el3, "disabled", () => __props.currentPage <= 1);
-            __on(__el3, "click", () => __props.onPageChange(__props.currentPage - 1));
-            __enterChildren(__el3);
-            __append(__el3, __child(() => __props.prevContent ?? "Previous"));
-            __exitChildren();
-            return __el3;
-          })());
-          __exitChildren();
-          return __el2;
-        })());
-        __insert(__el1, pageItems);
-        __append(__el1, (() => {
-          const __el4 = __element("li");
-          __attr(__el4, "class", () => cn(__props.classes?.item));
-          __enterChildren(__el4);
-          __append(__el4, (() => {
-            const __el5 = __element("button");
-            __el5.setAttribute("type", "button");
-            __attr(__el5, "class", () => cn(__props.classes?.navButton));
-            {
-              const __v = { paddingLeft: "0.625rem", paddingRight: "0.375rem" };
-              if (__v != null && __v !== false)
-                __el5.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-            }
-            __el5.setAttribute("aria-label", "Next page");
-            __attr(__el5, "disabled", () => __props.currentPage >= __props.totalPages);
-            __on(__el5, "click", () => __props.onPageChange(__props.currentPage + 1));
-            __enterChildren(__el5);
-            __append(__el5, __child(() => __props.nextContent ?? "Next"));
-            __exitChildren();
-            return __el5;
-          })());
-          __exitChildren();
-          return __el4;
-        })());
-        __exitChildren();
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedPagination = ComposedPaginationRoot;
-
-export { ComposedPagination };

package/dist/shared/chunk-bv12nkdm.js

@@ -1,149 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition
-} from "./chunk-vef3sepw.js";
-import {
-  focusFirst,
-  saveFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/popover/popover.tsx
-import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function PopoverRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let open = function() {
-      state.open.value = true;
-      setExpanded(trigger, true);
-      setHidden(content, false);
-      setDataState(trigger, "open");
-      setDataState(content, "open");
-      restoreFocus = saveFocus();
-      queueMicrotask(() => focusFirst(content));
-      if (positioning) {
-        const result = createFloatingPosition(trigger, content, positioning);
-        floatingCleanup = result.cleanup;
-        dismissCleanup = createDismiss({
-          onDismiss: close,
-          insideElements: [trigger, content],
-          escapeKey: false
-        });
-      }
-      onOpenChange?.(true);
-    }, close = function() {
-      state.open.value = false;
-      setExpanded(trigger, false);
-      setDataState(trigger, "closed");
-      setDataState(content, "closed");
-      setHiddenAnimated(content, true);
-      floatingCleanup?.();
-      floatingCleanup = null;
-      dismissCleanup?.();
-      dismissCleanup = null;
-      restoreFocus?.();
-      restoreFocus = null;
-      onOpenChange?.(false);
-    };
-    const { defaultOpen = false, onOpenChange, positioning, ...attrs } = options;
-    const ids = linkedIds("popover");
-    const state = { open: signal(defaultOpen) };
-    let restoreFocus = null;
-    let floatingCleanup = null;
-    let dismissCleanup = null;
-    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", "dialog");
-      {
-        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", () => {
-        if (state.open.peek()) {
-          close();
-        } else {
-          open();
-        }
-      });
-      return __el0;
-    })();
-    const content = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("role", "dialog");
-      {
-        const __v = ids.contentId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        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 = { display: defaultOpen ? "" : "none" };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __on(__el1, "keydown", (event) => {
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          close();
-        }
-      });
-      return __el1;
-    })();
-    applyAttrs(trigger, attrs);
-    const __mfResult0 = { trigger, content, state };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Popover = {
-  Root: PopoverRoot
-};
-
-export { Popover };

package/dist/shared/chunk-bvxc1ww4.js

@@ -1,164 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/toggle-group/toggle-group-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var ToggleGroupContext = createContext(undefined, "@vertz/ui-primitives::ToggleGroupContext");
-function useToggleGroupContext(componentName) {
-  const ctx = useContext(ToggleGroupContext);
-  if (!ctx) {
-    throw new Error(`<ToggleGroup.${componentName}> must be used inside <ToggleGroup>. ` + "Ensure it is a direct or nested child of the ToggleGroup root component.");
-  }
-  return ctx;
-}
-function ToggleGroupItem(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useToggleGroupContext("Item");
-    const isOn = computed(() => ctx.selectedValues.includes(__props.value));
-    const isFirst = ctx.claimFirstItem();
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-togglegroup-item", "");
-      __attr(__el0, "data-value", () => __props.value);
-      __attr(__el0, "aria-pressed", () => isOn.value ? "true" : "false");
-      __attr(__el0, "data-state", () => isOn.value ? "on" : "off");
-      {
-        const __v = ctx.disabled;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("disabled", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.disabled ? "true" : undefined;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
-      }
-      {
-        const __v = isFirst ? "0" : "-1";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("tabindex", __v === true ? "" : __v);
-      }
-      {
-        const __v = cn(ctx.classes?.item);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("class", __v === true ? "" : __v);
-      }
-      __on(__el0, "click", () => ctx.toggle(__props.value));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedToggleGroupRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function(itemValue) {
-      if (__props.disabled ?? false)
-        return;
-      const current = [...selectedValues.value];
-      const idx = current.indexOf(itemValue);
-      if ((__props.type ?? "single") === "single") {
-        if (idx >= 0) {
-          current.length = 0;
-        } else {
-          current.length = 0;
-          current.push(itemValue);
-        }
-      } else {
-        if (idx >= 0) {
-          current.splice(idx, 1);
-        } else {
-          current.push(itemValue);
-        }
-      }
-      selectedValues.value = current;
-      __props.onValueChange?.(current);
-    };
-    const selectedValues = signal([...__props.defaultValue ?? []], "selectedValues");
-    const _state = { firstItemClaimed: false };
-    const ctx = {
-      selectedValues,
-      classes: __props.classes,
-      disabled: __props.disabled ?? false,
-      toggle,
-      claimFirstItem: () => {
-        if (_state.firstItemClaimed)
-          return false;
-        _state.firstItemClaimed = true;
-        return true;
-      }
-    };
-    const __mfResult0 = ToggleGroupContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "group");
-      {
-        const __v = uniqueId("toggle-group");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "data-orientation", () => __props.orientation ?? "horizontal");
-      __el0.setAttribute("data-togglegroup-root", "");
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __on(__el0, "keydown", (event) => {
-        if (!isKey(event, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.ArrowDown, Keys.Home, Keys.End)) {
-          return;
-        }
-        event.preventDefault();
-        const root = event.currentTarget;
-        const items = [...root.querySelectorAll("[data-togglegroup-item]")];
-        const currentIdx = items.indexOf(document.activeElement);
-        if (currentIdx < 0)
-          return;
-        const len = items.length;
-        let nextIdx;
-        if (isKey(event, Keys.ArrowRight, Keys.ArrowDown)) {
-          nextIdx = (currentIdx + 1) % len;
-        } else if (isKey(event, Keys.ArrowLeft, Keys.ArrowUp)) {
-          nextIdx = (currentIdx - 1 + len) % len;
-        } else if (isKey(event, Keys.Home)) {
-          nextIdx = 0;
-        } else if (isKey(event, Keys.End)) {
-          nextIdx = len - 1;
-        } else {
-          return;
-        }
-        items.forEach((el, j) => el.setAttribute("tabindex", j === nextIdx ? "0" : "-1"));
-        items[nextIdx]?.focus();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedToggleGroup = Object.assign(ComposedToggleGroupRoot, {
-  Item: ToggleGroupItem
-});
-
-export { ComposedToggleGroup };

package/dist/shared/chunk-czv0kqj4.js

@@ -1,107 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/skeleton/skeleton-composed.tsx
-import { computed } from "@vertz/ui";
-import { __attr, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-function ComposedSkeletonRoot(props = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const classes = computed(() => props.classes);
-    const className = computed(() => props.className);
-    const classProp = computed(() => props.class);
-    const width = computed(() => props.width);
-    const height = computed(() => props.height);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(classes.value?.root, className.value ?? classProp.value));
-      __el0.setAttribute("aria-hidden", "true");
-      __attr(__el0, "style", () => ({
-        width: width.value || undefined,
-        height: height.value || undefined
-      }));
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SkeletonText(props = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const lineCount = computed(() => props.lines ?? 3);
-    const lastWidth = computed(() => props.lastLineWidth ?? "75%");
-    const lineHeight = computed(() => props.height);
-    const lines = [];
-    for (let i = 0;i < lineCount.value; i++) {
-      lines.push((() => {
-        const __el0 = __element("div");
-        {
-          const __v = cn(props.classes?.line);
-          if (__v != null && __v !== false)
-            __el0.setAttribute("class", __v === true ? "" : __v);
-        }
-        __attr(__el0, "style", () => ({
-          width: i === lineCount.value - 1 ? lastWidth.value : undefined,
-          height: lineHeight.value || undefined
-        }));
-        return __el0;
-      })());
-    }
-    const __mfResult0 = (() => {
-      const __el1 = __element("div");
-      {
-        const __v = cn(props.classes?.root, props.className ?? props.class);
-        if (__v != null && __v !== false)
-          __el1.setAttribute("class", __v === true ? "" : __v);
-      }
-      __el1.setAttribute("aria-hidden", "true");
-      {
-        const __v = { gap: props.gap || undefined };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __enterChildren(__el1);
-      __insert(__el1, lines);
-      __exitChildren();
-      return __el1;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SkeletonCircle(props = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const size = computed(() => props.size ?? "2.5rem");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      {
-        const __v = cn(props.classes?.root, props.className ?? props.class);
-        if (__v != null && __v !== false)
-          __el0.setAttribute("class", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-hidden", "true");
-      __attr(__el0, "style", () => ({ width: size.value, height: size.value }));
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedSkeleton = Object.assign(ComposedSkeletonRoot, {
-  Text: SkeletonText,
-  Circle: SkeletonCircle
-});
-
-export { ComposedSkeleton };