@vertz/ui-primitives 0.2.41 → 0.2.42

package/dist/shared/chunk-hpvjfj0j.js

@@ -1,31 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/button/button-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __spread } from "@vertz/ui/internals";
-function ComposedButtonRoot(__props) {
-  const { classes: __$drop_0, className: __$drop_1, class: __$drop_2, children: __$drop_3, disabled: __$drop_4, type: __$drop_5, ...rest } = __props;
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __attr(__el0, "type", () => __props.type ?? "button");
-      __attr(__el0, "class", () => cn(__props.classes?.base, __props.className ?? __props.class));
-      __attr(__el0, "disabled", () => __props.disabled || undefined);
-      __spread(__el0, rest);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedButton = ComposedButtonRoot;
-
-export { ComposedButton };

package/dist/shared/chunk-jpyjk616.js

@@ -1,52 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/form-group/form-group-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var FormGroupContext = createContext(undefined, "@vertz/ui-primitives::FormGroupContext");
-function FormError(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(FormGroupContext);
-    const __mfResult0 = (() => {
-      const __el0 = __element("span");
-      __attr(__el0, "class", () => cn(ctx?.classes?.error, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedFormGroupRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = FormGroupContext.Provider({ get value() {
-      return { classes: __props.classes };
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "class", () => cn(__props.classes?.base, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedFormGroup = Object.assign(ComposedFormGroupRoot, {
-  FormError
-});
-
-export { ComposedFormGroup };

package/dist/shared/chunk-k6d53tne.js

@@ -1,206 +0,0 @@
-import {
-  focusFirst,
-  saveFocus,
-  trapFocus
-} from "./chunk-e2v1c9ex.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setDescribedBy,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated,
-  setLabelledBy
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/dialog/dialog.tsx
-import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function DialogRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let openDialog = function() {
-      state.open.value = true;
-      setExpanded(trigger, true);
-      setHidden(overlay, false);
-      setHidden(content, false);
-      setDataState(trigger, "open");
-      setDataState(overlay, "open");
-      setDataState(content, "open");
-      restoreFocus = saveFocus();
-      if (modal) {
-        removeTrap = trapFocus(content);
-      }
-      queueMicrotask(() => focusFirst(content));
-      onOpenChange?.(true);
-    }, closeDialog = function() {
-      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 { modal = true, defaultOpen = false, onOpenChange, ...attrs } = options;
-    const ids = linkedIds("dialog");
-    const titleId = `${ids.contentId}-title`;
-    const descriptionId = `${ids.contentId}-description`;
-    const state = { open: signal(defaultOpen) };
-    let restoreFocus = null;
-    let removeTrap = 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);
-      }
-      {
-        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()) {
-          closeDialog();
-        } else {
-          openDialog();
-        }
-      });
-      return __el0;
-    })();
-    const overlay = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("data-dialog-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 = { display: defaultOpen ? "" : "none" };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __on(__el1, "click", () => closeDialog());
-      return __el1;
-    })();
-    const content = (() => {
-      const __el2 = __element("div");
-      __el2.setAttribute("role", "dialog");
-      {
-        const __v = ids.contentId;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = modal ? "true" : undefined;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("aria-modal", __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 = { display: defaultOpen ? "" : "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();
-          closeDialog();
-        }
-      });
-      return __el2;
-    })();
-    setLabelledBy(content, titleId);
-    setDescribedBy(content, descriptionId);
-    const title = (() => {
-      const __el3 = __element("h2");
-      {
-        const __v = titleId;
-        if (__v != null && __v !== false)
-          __el3.setAttribute("id", __v === true ? "" : __v);
-      }
-      return __el3;
-    })();
-    const description = (() => {
-      const __el4 = __element("p");
-      {
-        const __v = descriptionId;
-        if (__v != null && __v !== false)
-          __el4.setAttribute("id", __v === true ? "" : __v);
-      }
-      return __el4;
-    })();
-    const close = (() => {
-      const __el5 = __element("button");
-      __el5.setAttribute("type", "button");
-      __el5.setAttribute("aria-label", "Close");
-      __on(__el5, "click", () => closeDialog());
-      return __el5;
-    })();
-    applyAttrs(content, attrs);
-    const __mfResult0 = {
-      trigger,
-      overlay,
-      content,
-      title,
-      description,
-      close,
-      state,
-      show: openDialog,
-      hide: closeDialog
-    };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Dialog = {
-  Root: DialogRoot
-};
-
-export { Dialog };

package/dist/shared/chunk-knzg86am.js

@@ -1,168 +0,0 @@
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/scroll-area/scroll-area.tsx
-import { __append, __conditional, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ScrollAreaRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let syncThumbY = function() {
-      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;
-    }, syncThumbX = function() {
-      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;
-    }, update = function() {
-      syncThumbY();
-      syncThumbX();
-    }, handleViewportScroll = function() {
-      if (orientation === "vertical" || orientation === "both")
-        syncThumbY();
-      if (orientation === "horizontal" || orientation === "both")
-        syncThumbX();
-    }, handleThumbYDown = function(e) {
-      isDraggingY = true;
-      startY = e.clientY;
-      startScrollTop = viewport.scrollTop;
-      thumbY.setPointerCapture(e.pointerId);
-      e.preventDefault();
-    }, handleThumbYMove = function(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;
-      }
-    }, handleThumbYUp = function(e) {
-      isDraggingY = false;
-      thumbY.releasePointerCapture(e.pointerId);
-    }, handleThumbXDown = function(e) {
-      isDraggingX = true;
-      startX = e.clientX;
-      startScrollLeft = viewport.scrollLeft;
-      thumbX.setPointerCapture(e.pointerId);
-      e.preventDefault();
-    }, handleThumbXMove = function(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;
-      }
-    }, handleThumbXUp = function(e) {
-      isDraggingX = false;
-      thumbX.releasePointerCapture(e.pointerId);
-    };
-    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;
-    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 showY = orientation === "vertical" || orientation === "both";
-    const showX = orientation === "horizontal" || orientation === "both";
-    const viewport = (() => {
-      const __el5 = __element("div");
-      {
-        const __v = { overflow: "scroll" };
-        if (__v != null && __v !== false)
-          __el5.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __on(__el5, "scroll", handleViewportScroll);
-      __enterChildren(__el5);
-      __insert(__el5, content);
-      __exitChildren();
-      return __el5;
-    })();
-    viewport.style.scrollbarWidth = "none";
-    const root = (() => {
-      const __el6 = __element("div");
-      {
-        const __v = { position: "relative", overflow: "hidden" };
-        if (__v != null && __v !== false)
-          __el6.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __enterChildren(__el6);
-      __insert(__el6, viewport);
-      __append(__el6, __conditional(() => showY, () => scrollbarY, () => null));
-      __append(__el6, __conditional(() => showX, () => scrollbarX, () => null));
-      __exitChildren();
-      return __el6;
-    })();
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, viewport, content, scrollbarY, thumbY, scrollbarX, thumbX, state, update };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ScrollArea = {
-  Root: ScrollAreaRoot
-};
-
-export { ScrollArea };

package/dist/shared/chunk-ktbf6xrt.js

@@ -1,179 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-
-// src/collapsible/collapsible-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, ref, useContext } from "@vertz/ui";
-var CollapsibleContext = createContext(undefined, "@vertz/ui-primitives::CollapsibleContext");
-function useCollapsibleContext(componentName) {
-  const ctx = useContext(CollapsibleContext);
-  if (!ctx) {
-    throw new Error(`<Collapsible.${componentName}> must be used inside <Collapsible>. ` + "Ensure it is a direct or nested child of the Collapsible root component.");
-  }
-  return ctx;
-}
-function CollapsibleTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useCollapsibleContext("Trigger");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      ctx.triggerRef.current = __el0;
-      __el0.setAttribute("type", "button");
-      {
-        const __v = ctx.ids.triggerId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.ids.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.defaultOpen ? "true" : "false";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-expanded", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.defaultOpen ? "open" : "closed";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      {
-        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);
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.trigger, __props.className ?? __props.class));
-      __on(__el0, "click", ctx.toggle);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CollapsibleContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useCollapsibleContext("Content");
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      {
-        const __v = ctx.ids.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-part", "collapsible-content");
-      {
-        const __v = ctx.defaultOpen ? "false" : "true";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.defaultOpen ? "open" : "closed";
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      {
-        const __v = { display: ctx.defaultOpen ? "" : "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 ComposedCollapsibleRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (__props.disabled ?? false)
-        return;
-      const contentEl = contentRef.current;
-      const triggerEl = triggerRef.current;
-      if (!contentEl || !triggerEl)
-        return;
-      isOpen = !isOpen;
-      if (isOpen) {
-        setHidden(contentEl, false);
-      }
-      const height = contentEl.scrollHeight;
-      contentEl.style.setProperty("--collapsible-content-height", `${height}px`);
-      setExpanded(triggerEl, isOpen);
-      setDataState(triggerEl, isOpen ? "open" : "closed");
-      setDataState(contentEl, isOpen ? "open" : "closed");
-      if (!isOpen) {
-        setHiddenAnimated(contentEl, true);
-      }
-      __props.onOpenChange?.(isOpen);
-    };
-    const ids = linkedIds("collapsible");
-    const triggerRef = ref();
-    const contentRef = ref();
-    let isOpen = __props.defaultOpen ?? false;
-    const ctx = {
-      ids,
-      triggerRef,
-      contentRef,
-      classes: __props.classes,
-      disabled: __props.disabled ?? false,
-      defaultOpen: __props.defaultOpen ?? false,
-      toggle
-    };
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-v-id", "ComposedCollapsibleRoot");
-      __el0.setAttribute("data-part", "collapsible");
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __enterChildren(__el0);
-      __append(__el0, CollapsibleContext.Provider({ get value() {
-        return ctx;
-      }, children: () => __child(() => __props.children) }));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedCollapsible = Object.assign(ComposedCollapsibleRoot, {
-  Trigger: CollapsibleTrigger,
-  Content: CollapsibleContent
-});
-
-export { ComposedCollapsible };