@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-d83ag07h.js

@@ -1,189 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/table/table-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var TableContext = createContext(undefined, "@vertz/ui-primitives::TableContext");
-function TableHeader(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("thead");
-      __attr(__el0, "class", () => cn(ctx?.classes?.header, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableBody(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("tbody");
-      __attr(__el0, "class", () => cn(ctx?.classes?.body, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableRow(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("tr");
-      __attr(__el0, "class", () => cn(ctx?.classes?.row, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableHead(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("th");
-      __el0.setAttribute("scope", "col");
-      __attr(__el0, "class", () => cn(ctx?.classes?.head, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableCell(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("td");
-      __attr(__el0, "class", () => cn(ctx?.classes?.cell, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableCaption(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("caption");
-      __attr(__el0, "class", () => cn(ctx?.classes?.caption, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function TableFooter(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(TableContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("tfoot");
-      __attr(__el0, "class", () => cn(ctx?.classes?.footer, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedTableRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = TableContext.Provider({ get value() {
-      return { classes: __props.classes };
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      {
-        const __v = { position: "relative", width: "100%", overflowX: "auto" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("table");
-        {
-          const __v = { borderCollapse: "collapse" };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __attr(__el1, "class", () => cn(__props.classes?.root, __props.className ?? __props.class));
-        __enterChildren(__el1);
-        __append(__el1, __child(() => __props.children));
-        __exitChildren();
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedTable = Object.assign(ComposedTableRoot, {
-  Header: TableHeader,
-  Body: TableBody,
-  Row: TableRow,
-  Head: TableHead,
-  Cell: TableCell,
-  Caption: TableCaption,
-  Footer: TableFooter
-});
-
-export { ComposedTable };

package/dist/shared/chunk-de18ashk.js

@@ -1,134 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setPressed
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toggle-group/toggle-group.tsx
-import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ToggleGroupRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggleValue = function(itemValue) {
-      if (state.disabled.peek())
-        return;
-      const current = [...state.value.peek()];
-      const idx = current.indexOf(itemValue);
-      if (type === "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);
-        }
-      }
-      state.value.value = current;
-      onValueChange?.(current);
-      for (const item of items) {
-        const val = item.getAttribute("data-value") ?? "";
-        const isOn = current.includes(val);
-        setPressed(item, isOn);
-        setDataState(item, isOn ? "on" : "off");
-      }
-    }, Item = function(value) {
-      const isOn = state.value.peek().includes(value);
-      const item = (() => {
-        const __el1 = __element("button");
-        __el1.setAttribute("type", "button");
-        {
-          const __v = value;
-          if (__v != null && __v !== false)
-            __el1.setAttribute("data-value", __v === true ? "" : __v);
-        }
-        {
-          const __v = isOn ? "true" : "false";
-          if (__v != null && __v !== false)
-            __el1.setAttribute("aria-pressed", __v === true ? "" : __v);
-        }
-        {
-          const __v = isOn ? "on" : "off";
-          if (__v != null && __v !== false)
-            __el1.setAttribute("data-state", __v === true ? "" : __v);
-        }
-        {
-          const __v = state.disabled.peek();
-          if (__v != null && __v !== false)
-            __el1.setAttribute("disabled", __v === true ? "" : __v);
-        }
-        {
-          const __v = state.disabled.peek() ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el1.setAttribute("aria-disabled", __v === true ? "" : __v);
-        }
-        __on(__el1, "click", () => toggleValue(value));
-        return __el1;
-      })();
-      items.push(item);
-      setRovingTabindex(items, 0);
-      return item;
-    };
-    const {
-      type = "single",
-      defaultValue = [],
-      orientation = "horizontal",
-      disabled = false,
-      onValueChange,
-      ...attrs
-    } = options;
-    const state = {
-      value: signal([...defaultValue]),
-      disabled: signal(disabled)
-    };
-    const items = [];
-    const root = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "group");
-      {
-        const __v = orientation;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-orientation", __v === true ? "" : __v);
-      }
-      __on(__el0, "keydown", (event) => {
-        if (isKey(event, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.ArrowDown, Keys.Home, Keys.End)) {
-          const result = handleListNavigation(event, items, { orientation });
-          if (result) {
-            const idx = items.indexOf(result);
-            if (idx >= 0) {
-              setRovingTabindex(items, idx);
-            }
-          }
-        }
-      });
-      return __el0;
-    })();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, state, Item };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ToggleGroup = {
-  Root: ToggleGroupRoot
-};
-
-export { ToggleGroup };

package/dist/shared/chunk-dvk4h36t.js

@@ -1,140 +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 { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CarouselRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let updateSlideVisibility = function() {
-      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}%)`;
-    }, goTo = function(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);
-    }, goNext = function() {
-      goTo(state.currentIndex.peek() + 1);
-    }, goPrev = function() {
-      goTo(state.currentIndex.peek() - 1);
-    }, Slide = function() {
-      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;
-      updateSlideVisibility();
-      return slide;
-    };
-    const {
-      orientation = "horizontal",
-      loop = false,
-      defaultIndex = 0,
-      onSlideChange,
-      ...attrs
-    } = options;
-    const state = {
-      currentIndex: signal(defaultIndex),
-      slideCount: signal(0)
-    };
-    const slides = [];
-    const viewport = (() => {
-      const __el0 = __element("div");
-      {
-        const __v = { overflow: "hidden" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      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;
-    })();
-    updateSlideVisibility();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, viewport, prevButton, nextButton, state, Slide, goTo, goNext, goPrev };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Carousel = {
-  Root: CarouselRoot
-};
-
-export { Carousel };