@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-m8y2p66x.js

@@ -1,252 +0,0 @@
-import {
-  ComposedCalendar
-} from "./chunk-3jack97k.js";
-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/date-picker/date-picker-composed.tsx
-import { computed, 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 DatePickerContext = createContext(undefined, "@vertz/ui-primitives::DatePickerContext");
-function DatePickerTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(DatePickerContext);
-    if (!ctx) {
-      throw new Error("<DatePicker.Trigger> must be used inside <DatePicker>. " + "Ensure it is a direct or nested child of the DatePicker root component.");
-    }
-    const isOpen = computed(() => ctx.isOpen());
-    const hasVal = computed(() => ctx.hasValue());
-    const text = computed(() => ctx.displayText());
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      ctx.triggerRef.current = __el0;
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-datepicker-trigger", "");
-      __el0.setAttribute("aria-haspopup", "dialog");
-      __attr(__el0, "aria-controls", () => ctx.contentId);
-      __attr(__el0, "aria-expanded", () => isOpen.value ? "true" : "false");
-      __attr(__el0, "data-state", () => isOpen.value ? "open" : "closed");
-      __attr(__el0, "data-placeholder", () => hasVal.value ? undefined : "true");
-      __attr(__el0, "class", () => cn(ctx.classes?.trigger, __props.className ?? __props.class));
-      __on(__el0, "click", () => ctx.toggle());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children ?? text.value));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function DatePickerContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(DatePickerContext);
-    if (!ctx) {
-      throw new Error("<DatePicker.Content> must be used inside <DatePicker>. " + "Ensure it is a direct or nested child of the DatePicker root component.");
-    }
-    const isOpen = computed(() => ctx.isOpen());
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "dialog");
-      __attr(__el0, "id", () => ctx.contentId);
-      __el0.setAttribute("data-datepicker-content", "");
-      __attr(__el0, "aria-hidden", () => isOpen.value ? "false" : "true");
-      __attr(__el0, "data-state", () => isOpen.value ? "open" : "closed");
-      __attr(__el0, "style", () => ({
-        display: isOpen.value ? "" : "none",
-        zIndex: "50"
-      }));
-      __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 _toRealDate(val) {
-  if (val instanceof Date)
-    return val;
-  if (val && typeof val === "object" && typeof val.getTime === "function") {
-    return new Date(val.getTime());
-  }
-  return null;
-}
-function _defaultFormatDate(date) {
-  return date.toLocaleDateString();
-}
-function _getDisplayText(value, placeholder, formatDate) {
-  if (value === null)
-    return placeholder;
-  if (value instanceof Date)
-    return formatDate(value);
-  if ("from" in value)
-    return `${formatDate(value.from)} – ${formatDate(value.to)}`;
-  return placeholder;
-}
-function _buildCalendar(props, onCalendarValueChange) {
-  const initValue = props.defaultValue ?? null;
-  const calendarMode = (props.mode ?? "single") === "range" ? "range" : "single";
-  const calendarDefaultValue = initValue instanceof Date ? initValue : initValue && ("from" in initValue) ? initValue : undefined;
-  const defaultMonth = props.defaultMonth ?? (initValue instanceof Date ? initValue : initValue && ("from" in initValue) ? initValue.from : new Date);
-  return ComposedCalendar({
-    classes: props.classes?.calendar,
-    mode: calendarMode,
-    defaultValue: calendarDefaultValue,
-    defaultMonth,
-    minDate: props.minDate,
-    maxDate: props.maxDate,
-    disabled: props.disabled,
-    captionLayout: props.captionLayout,
-    onValueChange: onCalendarValueChange
-  });
-}
-function ComposedDatePickerRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let open = function() {
-      isOpen.value = true;
-      const triggerEl = triggerRef.current;
-      const contentEl = contentRef.current;
-      if (triggerEl && contentEl) {
-        contentEl.style.position = "fixed";
-        const result = createFloatingPosition(triggerEl, contentEl, {
-          placement: "bottom-start",
-          offset: 4
-        });
-        state.floatingCleanup = result.cleanup;
-        state.dismissCleanup = createDismiss({
-          onDismiss: close,
-          insideElements: [triggerEl, contentEl],
-          escapeKey: true
-        });
-      }
-      __props.onOpenChange?.(true);
-    }, close = function() {
-      isOpen.value = false;
-      state.floatingCleanup?.();
-      state.floatingCleanup = null;
-      state.dismissCleanup?.();
-      state.dismissCleanup = null;
-      __props.onOpenChange?.(false);
-    }, toggle = function() {
-      if (isOpen.value)
-        close();
-      else
-        open();
-    }, handleCalendarValueChange = function(calValue) {
-      if (calValue === null)
-        return;
-      if ((__props.mode ?? "single") === "single") {
-        const realDate = _toRealDate(calValue);
-        if (realDate) {
-          state.value = realDate;
-          hasValue.value = true;
-          displayText.value = _getDisplayText(realDate, __props.placeholder ?? "Pick a date", __props.formatDate ?? _defaultFormatDate);
-          __props.onValueChange?.(realDate);
-          close();
-        }
-      } else if ((__props.mode ?? "single") === "range" && calValue && "from" in calValue) {
-        const raw = calValue;
-        const from = _toRealDate(raw.from);
-        const to = _toRealDate(raw.to);
-        if (from && to) {
-          const range = { from, to };
-          state.value = range;
-          hasValue.value = true;
-          displayText.value = _getDisplayText(range, __props.placeholder ?? "Pick a date", __props.formatDate ?? _defaultFormatDate);
-          __props.onValueChange?.(range);
-          if (from.getTime() !== to.getTime()) {
-            close();
-          }
-        }
-      }
-    };
-    const ids = linkedIds("datepicker");
-    const triggerRef = ref();
-    const contentRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const hasValue = signal((__props.defaultValue ?? undefined) != null, "hasValue");
-    const displayText = signal(_getDisplayText(__props.defaultValue ?? undefined ?? null, __props.placeholder ?? "Pick a date", __props.formatDate ?? _defaultFormatDate), "displayText");
-    const state = {
-      value: __props.defaultValue ?? undefined ?? null,
-      dismissCleanup: null,
-      floatingCleanup: null
-    };
-    const calendarEl = computed(() => _buildCalendar({
-      mode: __props.mode ?? "single",
-      defaultValue: __props.defaultValue ?? undefined,
-      defaultMonth: __props.defaultMonth,
-      minDate: __props.minDate,
-      maxDate: __props.maxDate,
-      disabled: __props.disabled,
-      classes: __props.classes,
-      captionLayout: __props.captionLayout
-    }, handleCalendarValueChange));
-    const ctx = {
-      isOpen: () => isOpen.value,
-      hasValue: () => hasValue.value,
-      displayText: () => displayText.value,
-      contentId: ids.contentId,
-      triggerRef,
-      contentRef,
-      classes: __props.classes,
-      open,
-      close,
-      toggle
-    };
-    const __mfResult0 = DatePickerContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { position: "relative", display: "inline-block" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-datepicker-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children ?? (() => {
-        const __el1 = document.createDocumentFragment();
-        __append(__el1, DatePickerTrigger({}));
-        __append(__el1, DatePickerContent({ children: () => __child(() => calendarEl.value) }));
-        return __el1;
-      })()));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedDatePicker = Object.assign(ComposedDatePickerRoot, {
-  Trigger: DatePickerTrigger,
-  Content: DatePickerContent
-});
-
-export { ComposedDatePicker };

package/dist/shared/chunk-metxdt5x.js

@@ -1,28 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/label/label-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
-function ComposedLabelRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("label");
-      __attr(__el0, "class", () => cn(__props.classes?.base, __props.className ?? __props.class));
-      __attr(__el0, "for", () => __props.for);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedLabel = ComposedLabelRoot;
-
-export { ComposedLabel };

package/dist/shared/chunk-mgae1d93.js

@@ -1,157 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setValueRange
-} from "./chunk-vevfhpc9.js";
-
-// src/slider/slider-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { ref } from "@vertz/ui";
-function ComposedSliderRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let clamp = function(val) {
-      return Math.min(__props.max ?? 100, Math.max(__props.min ?? 0, val));
-    }, updatePosition = function(pct) {
-      const thumb = thumbRef.current;
-      const fill = fillRef.current;
-      if (thumb)
-        thumb.style.left = `${pct}%`;
-      if (fill)
-        fill.style.width = `${pct}%`;
-    }, setValue = function(val) {
-      if (__props.disabled ?? false)
-        return;
-      const clamped = clamp(val);
-      currentValue.value = clamped;
-      const thumb = thumbRef.current;
-      if (thumb)
-        setValueRange(thumb, clamped, __props.min ?? 0, __props.max ?? 100);
-      const pct = (clamped - (__props.min ?? 0)) / ((__props.max ?? 100) - (__props.min ?? 0)) * 100;
-      updatePosition(pct);
-      __props.onValueChange?.(clamped);
-    }, valueFromPointer = function(event) {
-      const track = trackRef.current;
-      if (!track)
-        return __props.min ?? 0;
-      const rect = track.getBoundingClientRect();
-      const pct = Math.max(0, Math.min(1, (event.clientX - rect.left) / rect.width));
-      const raw = (__props.min ?? 0) + pct * ((__props.max ?? 100) - (__props.min ?? 0));
-      return Math.round(raw / (__props.step ?? 1)) * (__props.step ?? 1);
-    };
-    const currentValue = signal(__props.defaultValue ?? 0, "currentValue");
-    const thumbRef = ref();
-    const fillRef = ref();
-    const trackRef = ref();
-    const initialPct = computed(() => ((__props.defaultValue ?? 0) - (__props.min ?? 0)) / ((__props.max ?? 100) - (__props.min ?? 0)) * 100);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-v-id", "ComposedSliderRoot");
-      {
-        const __v = uniqueId("slider");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "data-state", () => __props.disabled ?? false ? "disabled" : "active");
-      __attr(__el0, "class", () => cn(__props.classes?.root));
-      __on(__el0, "pointerdown", (event) => {
-        if (__props.disabled ?? false)
-          return;
-        event.preventDefault();
-        setValue(valueFromPointer(event));
-        thumbRef.current?.focus();
-        function onMove(e) {
-          setValue(valueFromPointer(e));
-        }
-        function onUp() {
-          document.removeEventListener("pointermove", onMove);
-          document.removeEventListener("pointerup", onUp);
-        }
-        document.addEventListener("pointermove", onMove);
-        document.addEventListener("pointerup", onUp);
-      });
-      __enterChildren(__el0);
-      __append(__el0, (() => {
-        const __el1 = __element("div");
-        trackRef.current = __el1;
-        __el1.setAttribute("data-part", "track");
-        {
-          const __v = { position: "relative" };
-          if (__v != null && __v !== false)
-            __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-        }
-        __attr(__el1, "class", () => cn(__props.classes?.track));
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("div");
-          fillRef.current = __el2;
-          __el2.setAttribute("data-part", "fill");
-          __attr(__el2, "style", () => ({
-            position: "absolute",
-            height: "100%",
-            borderRadius: "inherit",
-            width: `${initialPct.value}%`
-          }));
-          __attr(__el2, "class", () => cn(__props.classes?.range));
-          return __el2;
-        })());
-        __append(__el1, (() => {
-          const __el3 = __element("div");
-          thumbRef.current = __el3;
-          __el3.setAttribute("role", "slider");
-          __attr(__el3, "tabindex", () => __props.disabled ?? false ? "-1" : "0");
-          __el3.setAttribute("data-part", "thumb");
-          __attr(__el3, "aria-valuenow", () => String(__props.defaultValue ?? 0));
-          __attr(__el3, "aria-valuemin", () => String(__props.min ?? 0));
-          __attr(__el3, "aria-valuemax", () => String(__props.max ?? 100));
-          __attr(__el3, "aria-disabled", () => __props.disabled ?? false ? "true" : undefined);
-          __attr(__el3, "style", () => ({
-            position: "absolute",
-            transform: "translate(-50%, -50%)",
-            left: `${initialPct.value}%`
-          }));
-          __attr(__el3, "class", () => cn(__props.classes?.thumb));
-          __on(__el3, "keydown", (event) => {
-            if (__props.disabled ?? false)
-              return;
-            if (isKey(event, Keys.ArrowRight, Keys.ArrowUp)) {
-              event.preventDefault();
-              setValue(currentValue.value + (__props.step ?? 1));
-            } else if (isKey(event, Keys.ArrowLeft, Keys.ArrowDown)) {
-              event.preventDefault();
-              setValue(currentValue.value - (__props.step ?? 1));
-            } else if (isKey(event, Keys.Home)) {
-              event.preventDefault();
-              setValue(__props.min ?? 0);
-            } else if (isKey(event, Keys.End)) {
-              event.preventDefault();
-              setValue(__props.max ?? 100);
-            }
-          });
-          return __el3;
-        })());
-        __exitChildren();
-        return __el1;
-      })());
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedSlider = ComposedSliderRoot;
-
-export { ComposedSlider };

package/dist/shared/chunk-mtx2cfbx.js

@@ -1,175 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/dialog/dialog-stack-parts.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { DialogHandleContext, DialogIdContext, useContext } from "@vertz/ui";
-function useDialogId() {
-  const id = useContext(DialogIdContext);
-  if (!id) {
-    throw new Error("Dialog sub-component must be used inside a dialog opened via DialogStack");
-  }
-  return id;
-}
-function useDialogHandle() {
-  const handle = useContext(DialogHandleContext);
-  if (!handle) {
-    throw new Error("Dialog sub-component must be used inside a dialog opened via DialogStack");
-  }
-  return handle;
-}
-function StackDialogTitle(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const dialogId = useDialogId();
-    const __mfResult0 = (() => {
-      const __el0 = __element("h2");
-      {
-        const __v = `${dialogId}-title`;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-part", "title");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogDescription(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const dialogId = useDialogId();
-    const __mfResult0 = (() => {
-      const __el0 = __element("p");
-      {
-        const __v = `${dialogId}-desc`;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-part", "description");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogHeader(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-part", "header");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogFooter(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-part", "footer");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogBody(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-part", "body");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogCancel(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const handle = useDialogHandle();
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-part", "cancel");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __on(__el0, "click", () => handle.close());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function StackDialogClose(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const handle = useDialogHandle();
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-part", "close");
-      __attr(__el0, "aria-label", () => __props.children ? undefined : "Close");
-      __attr(__el0, "class", () => cn(__props.className ?? __props.class));
-      __on(__el0, "click", () => handle.close());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children ?? "×"));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-
-export { StackDialogTitle, StackDialogDescription, StackDialogHeader, StackDialogFooter, StackDialogBody, StackDialogCancel, StackDialogClose };