@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-r3pffzss.js

@@ -1,13 +0,0 @@
-// src/composed/with-styles.ts
-function withStyles(component, classes) {
-  const styled = (props) => component({ ...props, classes });
-  const subComponents = {};
-  for (const key of Object.getOwnPropertyNames(component)) {
-    if (key !== "length" && key !== "name" && key !== "prototype" && key !== "__classKeys" && key !== "__elementType") {
-      subComponents[key] = component[key];
-    }
-  }
-  return Object.assign(styled, subComponents);
-}
-
-export { withStyles };

package/dist/shared/chunk-rdr0rtpr.js

@@ -1,131 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/checkbox/checkbox-composed.tsx
-import { signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-function dataStateFor(checked) {
-  if (checked === "mixed")
-    return "indeterminate";
-  return checked ? "checked" : "unchecked";
-}
-function ariaCheckedFor(checked) {
-  if (checked === "mixed")
-    return "mixed";
-  return String(checked);
-}
-function ComposedCheckboxRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (__props.disabled ?? false)
-        return;
-      checked.value = checked.value === "mixed" ? true : !checked.value;
-      __props.onCheckedChange?.(checked.value);
-    };
-    const checked = signal(__props.defaultChecked ?? false, "checked");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("data-v-id", "ComposedCheckboxRoot");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("role", "checkbox");
-      {
-        const __v = uniqueId("checkbox");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-checked", () => ariaCheckedFor(checked.value));
-      __attr(__el0, "data-state", () => dataStateFor(checked.value));
-      __attr(__el0, "disabled", () => __props.disabled ?? false);
-      __attr(__el0, "aria-disabled", () => __props.disabled ?? false ? "true" : undefined);
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __on(__el0, "click", toggle);
-      __on(__el0, "keydown", (e) => {
-        if (isKey(e, Keys.Space)) {
-          e.preventDefault();
-          toggle();
-        }
-      });
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("span");
-        __el1.setAttribute("data-part", "indicator");
-        __attr(__el1, "data-state", () => dataStateFor(checked.value));
-        __attr(__el1, "class", () => cn(__props.classes?.indicator));
-        {
-          const __v = { width: "100%", height: "100%", pointerEvents: "none" };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("svg");
-          __el2.setAttribute("aria-hidden", "true");
-          __el2.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-          __el2.setAttribute("viewBox", "0 0 24 24");
-          __el2.setAttribute("fill", "none");
-          __el2.setAttribute("stroke", "currentColor");
-          __el2.setAttribute("stroke-width", "3");
-          __el2.setAttribute("stroke-linecap", "round");
-          __el2.setAttribute("stroke-linejoin", "round");
-          __el2.setAttribute("data-part", "indicator-icon");
-          __el2.setAttribute("data-icon", "check");
-          __el2.setAttribute("width", "100%");
-          __el2.setAttribute("height", "100%");
-          __enterChildren(__el2);
-          __append(__el2, (() => {
-            const __el3 = __element("path");
-            __el3.setAttribute("d", "M4 12 9 17 20 6");
-            return __el3;
-          })());
-          __exitChildren();
-          return __el2;
-        })());
-        __append(__el1, (() => {
-          const __el4 = __element("svg");
-          __el4.setAttribute("aria-hidden", "true");
-          __el4.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-          __el4.setAttribute("viewBox", "0 0 24 24");
-          __el4.setAttribute("fill", "none");
-          __el4.setAttribute("stroke", "currentColor");
-          __el4.setAttribute("stroke-width", "3");
-          __el4.setAttribute("stroke-linecap", "round");
-          __el4.setAttribute("stroke-linejoin", "round");
-          __el4.setAttribute("data-part", "indicator-icon");
-          __el4.setAttribute("data-icon", "minus");
-          __el4.setAttribute("width", "100%");
-          __el4.setAttribute("height", "100%");
-          __enterChildren(__el4);
-          __append(__el4, (() => {
-            const __el5 = __element("path");
-            __el5.setAttribute("d", "M5 12h14");
-            return __el5;
-          })());
-          __exitChildren();
-          return __el4;
-        })());
-        __exitChildren();
-        return __el1;
-      })());
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedCheckbox = ComposedCheckboxRoot;
-
-export { ComposedCheckbox };

package/dist/shared/chunk-rj52ty6r.js

@@ -1,147 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  handleListNavigation
-} from "./chunk-7867pr13.js";
-import {
-  setChecked,
-  setDataState,
-  setDisabled
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/radio/radio.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function RadioGroup(items, itemValues, selectItem) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      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;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function RadioItem(value, label, isActive, disabled, selectItem) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    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", "");
-    }
-    const __mfResult0 = el;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-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);
-    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-rnqc7735.js

@@ -1,125 +0,0 @@
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/collapsible/collapsible.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CollapsibleRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (state.disabled.peek())
-        return;
-      const next = !state.open.peek();
-      state.open.value = next;
-      if (next) {
-        setHidden(content, false);
-      }
-      const height = content.scrollHeight;
-      content.style.setProperty("--collapsible-content-height", `${height}px`);
-      setExpanded(trigger, next);
-      setDataState(trigger, next ? "open" : "closed");
-      setDataState(content, next ? "open" : "closed");
-      if (!next) {
-        setHiddenAnimated(content, true);
-      }
-      onOpenChange?.(next);
-    };
-    const { defaultOpen = false, disabled = false, onOpenChange, ...attrs } = options;
-    const ids = linkedIds("collapsible");
-    const state = {
-      open: signal(defaultOpen),
-      disabled: signal(disabled)
-    };
-    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);
-      }
-      {
-        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);
-      return __el0;
-    })();
-    const content = (() => {
-      const __el1 = __element("div");
-      {
-        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));
-      }
-      return __el1;
-    })();
-    const root = (() => {
-      const __el2 = __element("div");
-      __enterChildren(__el2);
-      __insert(__el2, trigger);
-      __insert(__el2, content);
-      __exitChildren();
-      return __el2;
-    })();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, trigger, content, state };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Collapsible = {
-  Root: CollapsibleRoot
-};
-
-export { Collapsible };

package/dist/shared/chunk-rtk30950.js

@@ -1,202 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  createFloatingPosition
-} from "./chunk-vef3sepw.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-
-// src/popover/popover-composed.tsx
-import { signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, ref, useContext } from "@vertz/ui";
-var PopoverContext = createContext(undefined, "@vertz/ui-primitives::PopoverContext");
-function usePopoverContext(componentName) {
-  const ctx = useContext(PopoverContext);
-  if (!ctx) {
-    throw new Error(`<Popover.${componentName}> must be used inside <Popover>. ` + "Ensure it is a direct or nested child of the Popover root component.");
-  }
-  return ctx;
-}
-function PopoverTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = usePopoverContext("Trigger");
-    const __mfResult0 = (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-popover-trigger", "");
-      __el0.setAttribute("aria-haspopup", "dialog");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-expanded", "false");
-      __el0.setAttribute("data-state", "closed");
-      __on(__el0, "click", () => {
-        ctx.toggle();
-        const nowOpen = ctx.isOpen();
-        const el = document.querySelector(`[data-popover-trigger][aria-controls="${ctx.contentId}"]`);
-        if (el) {
-          el.setAttribute("aria-expanded", nowOpen ? "true" : "false");
-          el.setAttribute("data-state", nowOpen ? "open" : "closed");
-        }
-      });
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function PopoverContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = usePopoverContext("Content");
-    const instanceIndex = ctx._contentCount.value++;
-    if (instanceIndex > 0) {
-      console.warn("Duplicate <Popover.Content> detected – only the first is used");
-    }
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "dialog");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-popover-content", "");
-      __el0.setAttribute("aria-hidden", "true");
-      __el0.setAttribute("data-state", "closed");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedPopoverRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let getElements = function() {
-      const content = contentRef.current ?? null;
-      let trigger = content ? content.parentElement?.querySelector("[data-popover-trigger]") : null;
-      while (trigger && getComputedStyle(trigger).display === "contents") {
-        trigger = trigger.firstElementChild;
-      }
-      return { trigger, content };
-    }, syncContentAttrs = function(nowOpen) {
-      const content = contentRef.current;
-      if (!content)
-        return;
-      content.setAttribute("data-state", nowOpen ? "open" : "closed");
-      content.setAttribute("aria-hidden", nowOpen ? "false" : "true");
-      content.style.display = nowOpen ? "" : "none";
-    }, open = function() {
-      isOpen.value = true;
-      syncContentAttrs(true);
-      const { trigger, content } = getElements();
-      if (trigger && content) {
-        content.style.position = "fixed";
-        const floatingOpts = __props.positioning ?? {};
-        const result = createFloatingPosition(trigger, content, floatingOpts);
-        cleanup.floating = result.cleanup;
-        cleanup.dismiss = createDismiss({
-          onDismiss: close,
-          insideElements: [trigger, content],
-          escapeKey: true
-        });
-      }
-      __props.onOpenChange?.(true);
-    }, close = function() {
-      isOpen.value = false;
-      syncContentAttrs(false);
-      const content = contentRef.current;
-      if (content) {
-        content.style.position = "";
-        content.style.left = "";
-        content.style.top = "";
-      }
-      cleanup.floating?.();
-      cleanup.floating = null;
-      cleanup.dismiss?.();
-      cleanup.dismiss = null;
-      __props.onOpenChange?.(false);
-    }, toggle = function() {
-      if (isOpen.value)
-        close();
-      else
-        open();
-    };
-    const ids = linkedIds("popover");
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const cleanup = {
-      floating: null,
-      dismiss: null
-    };
-    const ctx = {
-      isOpen: () => isOpen.value,
-      contentId: ids.contentId,
-      contentRef,
-      classes: __props.classes,
-      open,
-      close,
-      toggle,
-      _contentCount: { value: 0 }
-    };
-    const __mfResult0 = PopoverContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-popover-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedPopover = Object.assign(ComposedPopoverRoot, {
-  Trigger: PopoverTrigger,
-  Content: PopoverContent
-});
-
-export { ComposedPopover };