@vertz/ui-primitives 0.2.38 → 0.2.42

package/dist/shared/chunk-b3j6mym6.js

@@ -1,203 +0,0 @@
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated,
-  setSelected
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/combobox/combobox.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ComboboxRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let open = function() {
-      state.open.value = true;
-      setExpanded(input, true);
-      setHidden(listbox, false);
-      setDataState(listbox, "open");
-    }, close = function() {
-      state.open.value = false;
-      state.activeIndex.value = -1;
-      setExpanded(input, false);
-      setDataState(listbox, "closed");
-      setHiddenAnimated(listbox, true);
-      updateActiveDescendant(-1);
-    }, selectOption = function(value) {
-      state.value.value = value;
-      state.inputValue.value = value;
-      input.value = value;
-      for (const opt of optionElements) {
-        const isActive = opt.getAttribute("data-value") === value;
-        setSelected(opt, isActive);
-        setDataState(opt, isActive ? "active" : "inactive");
-      }
-      onValueChange?.(value);
-      close();
-      input.focus();
-    }, updateActiveDescendant = function(index) {
-      const opt = optionElements[index];
-      if (index >= 0 && opt) {
-        input.setAttribute("aria-activedescendant", opt.id);
-        for (let i = 0;i < optionElements.length; i++) {
-          const el = optionElements[i];
-          if (el)
-            setDataState(el, i === index ? "active" : "inactive");
-        }
-      } else {
-        input.removeAttribute("aria-activedescendant");
-      }
-    }, Option = function(value, label) {
-      const optId = `${ids.contentId}-opt-${optionElements.length}`;
-      const isSelectedOpt = value === defaultValue;
-      const opt = (() => {
-        const __el2 = __element("div");
-        __el2.setAttribute("role", "option");
-        {
-          const __v = optId;
-          if (__v != null && __v !== false)
-            __el2.setAttribute("id", __v === true ? "" : __v);
-        }
-        {
-          const __v = value;
-          if (__v != null && __v !== false)
-            __el2.setAttribute("data-value", __v === true ? "" : __v);
-        }
-        {
-          const __v = isSelectedOpt ? "true" : "false";
-          if (__v != null && __v !== false)
-            __el2.setAttribute("aria-selected", __v === true ? "" : __v);
-        }
-        {
-          const __v = isSelectedOpt ? "active" : "inactive";
-          if (__v != null && __v !== false)
-            __el2.setAttribute("data-state", __v === true ? "" : __v);
-        }
-        __on(__el2, "click", () => selectOption(value));
-        __enterChildren(__el2);
-        __insert(__el2, label ?? value);
-        __exitChildren();
-        return __el2;
-      })();
-      optionElements.push(opt);
-      return opt;
-    };
-    const { defaultValue = "", onValueChange, onInputChange, ...attrs } = options;
-    const ids = linkedIds("combobox");
-    const state = {
-      open: signal(false),
-      value: signal(defaultValue),
-      inputValue: signal(defaultValue),
-      activeIndex: signal(-1)
-    };
-    const optionElements = [];
-    const input = (() => {
-      const __el0 = __element("input");
-      __el0.setAttribute("type", "text");
-      __el0.setAttribute("role", "combobox");
-      __el0.setAttribute("aria-autocomplete", "list");
-      {
-        const __v = ids.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-haspopup", "listbox");
-      {
-        const __v = ids.triggerId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = defaultValue;
-        if (__v != null)
-          __el0.value = __v;
-      }
-      __el0.setAttribute("aria-expanded", "false");
-      __on(__el0, "input", () => {
-        state.inputValue.value = input.value;
-        onInputChange?.(input.value);
-        if (!state.open.peek())
-          open();
-      });
-      __on(__el0, "focus", () => {
-        if (!state.open.peek() && input.value.length > 0)
-          open();
-      });
-      __on(__el0, "keydown", (event) => {
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          close();
-          return;
-        }
-        if (isKey(event, Keys.ArrowDown)) {
-          event.preventDefault();
-          if (!state.open.peek()) {
-            open();
-          }
-          const next = Math.min(state.activeIndex.peek() + 1, optionElements.length - 1);
-          state.activeIndex.value = next;
-          updateActiveDescendant(next);
-          return;
-        }
-        if (isKey(event, Keys.ArrowUp)) {
-          event.preventDefault();
-          const prev = Math.max(state.activeIndex.peek() - 1, 0);
-          state.activeIndex.value = prev;
-          updateActiveDescendant(prev);
-          return;
-        }
-        if (isKey(event, Keys.Enter)) {
-          event.preventDefault();
-          const idx = state.activeIndex.peek();
-          if (idx >= 0 && idx < optionElements.length) {
-            const val = optionElements[idx]?.getAttribute("data-value");
-            if (val != null)
-              selectOption(val);
-          }
-          return;
-        }
-      });
-      return __el0;
-    })();
-    const listbox = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("role", "listbox");
-      {
-        const __v = ids.contentId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el1.setAttribute("aria-hidden", "true");
-      __el1.setAttribute("data-state", "closed");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      return __el1;
-    })();
-    applyAttrs(input, attrs);
-    const __mfResult0 = { input, listbox, state, Option };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Combobox = {
-  Root: ComboboxRoot
-};
-
-export { Combobox };

package/dist/shared/chunk-b4zzg457.js

@@ -1,410 +0,0 @@
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/calendar/calendar.tsx
-import { __append, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __list, __on, __pushMountFrame } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-var MONTH_NAMES = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-var DAY_NAMES = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function getDaysInMonth(year, month) {
-  return new Date(year, month + 1, 0).getDate();
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function addDays(date, days) {
-  const result = new Date(date);
-  result.setDate(result.getDate() + days);
-  return result;
-}
-function addMonths(date, months) {
-  const result = new Date(date);
-  result.setMonth(result.getMonth() + months);
-  return result;
-}
-function CalendarTitleEl() {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CalendarNavButton(onClick) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __on(__el0, "click", onClick);
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CalendarHeaderEl(prevButton, title, nextButton) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __enterChildren(__el0);
-      __insert(__el0, prevButton);
-      __insert(__el0, title);
-      __insert(__el0, nextButton);
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CalendarGridEl(onKeydown) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("table");
-      __el0.setAttribute("role", "grid");
-      __on(__el0, "keydown", onKeydown);
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CalendarRootEl(header, grid) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __enterChildren(__el0);
-      __insert(__el0, header);
-      __insert(__el0, grid);
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function CalendarRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let updateTitle = function() {
-      const month = state.displayMonth.peek();
-      title.textContent = `${MONTH_NAMES[month.getMonth()]} ${month.getFullYear()}`;
-    }, isDateDisabled = function(date) {
-      if (disabled?.(date))
-        return true;
-      if (minDate && date < minDate && !isSameDay(date, minDate)) {
-        return true;
-      }
-      if (maxDate && date > maxDate && !isSameDay(date, maxDate)) {
-        return true;
-      }
-      return false;
-    }, isSelected = function(date) {
-      const val = state.value.peek();
-      if (val === null)
-        return false;
-      if (val instanceof Date)
-        return isSameDay(val, date);
-      if (Array.isArray(val))
-        return val.some((d) => isSameDay(d, date));
-      if ("from" in val && "to" in val) {
-        return isSameDay(val.from, date) || isSameDay(val.to, date);
-      }
-      return false;
-    }, isInRange = function(date) {
-      const val = state.value.peek();
-      if (val === null || !("from" in val))
-        return false;
-      const range = val;
-      return date > range.from && date < range.to;
-    }, selectDate = function(date) {
-      if (isDateDisabled(date))
-        return;
-      if (mode === "single") {
-        state.value.value = date;
-      } else if (mode === "multiple") {
-        const current = state.value.peek() ?? [];
-        const existing = current.findIndex((d) => isSameDay(d, date));
-        if (existing >= 0) {
-          const next = [...current];
-          next.splice(existing, 1);
-          state.value.value = next;
-        } else {
-          state.value.value = [...current, date];
-        }
-      } else if (mode === "range") {
-        const current = state.value.peek();
-        if (!current || "to" in current && current.to) {
-          state.value.value = { from: date, to: date };
-        } else {
-          if (date < current.from) {
-            state.value.value = { from: date, to: current.from };
-          } else {
-            state.value.value = { from: current.from, to: date };
-          }
-        }
-      }
-      onValueChange?.(state.value.peek());
-    }, computeGridRows = function(year, month) {
-      const daysInMonth = getDaysInMonth(year, month);
-      const firstDay = new Date(year, month, 1);
-      const firstDayOfWeek = firstDay.getDay();
-      const offset = (firstDayOfWeek - weekStartsOn + 7) % 7;
-      const startDate = addDays(firstDay, -offset);
-      const totalCells = offset + daysInMonth;
-      const totalRows = Math.ceil(totalCells / 7);
-      const rows = [];
-      let current = startDate;
-      for (let row = 0;row < totalRows; row++) {
-        const rowDates = [];
-        for (let col = 0;col < 7; col++) {
-          rowDates.push(new Date(current));
-          current = addDays(current, 1);
-        }
-        rows.push(rowDates);
-      }
-      return rows;
-    }, buildDayButton = function(cellDate, month) {
-      const dateStr = cellDate.toISOString().split("T")[0] ?? "";
-      const isOutside = cellDate.getMonth() !== month;
-      const rangeVal = mode === "range" ? state.value.peek() : null;
-      return (() => {
-        const __el0 = __element("button");
-        __el0.setAttribute("type", "button");
-        {
-          const __v = dateStr;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-date", __v === true ? "" : __v);
-        }
-        {
-          const __v = isOutside ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-outside-month", __v === true ? "" : __v);
-        }
-        {
-          const __v = isSameDay(cellDate, now) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-today", __v === true ? "" : __v);
-        }
-        {
-          const __v = isDateDisabled(cellDate) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
-        }
-        {
-          const __v = isSelected(cellDate) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("aria-selected", __v === true ? "" : __v);
-        }
-        {
-          const __v = rangeVal && "from" in rangeVal && isSameDay(cellDate, rangeVal.from) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-range-start", __v === true ? "" : __v);
-        }
-        {
-          const __v = rangeVal && "to" in rangeVal && isSameDay(cellDate, rangeVal.to) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-range-end", __v === true ? "" : __v);
-        }
-        {
-          const __v = rangeVal && isInRange(cellDate) ? "true" : undefined;
-          if (__v != null && __v !== false)
-            __el0.setAttribute("data-in-range", __v === true ? "" : __v);
-        }
-        __on(__el0, "click", () => {
-          selectDate(cellDate);
-          rebuildGrid();
-        });
-        __enterChildren(__el0);
-        __insert(__el0, cellDate.getDate());
-        __exitChildren();
-        return __el0;
-      })();
-    }, buildGrid = function() {
-      const display = state.displayMonth.peek();
-      const year = display.getFullYear();
-      const month = display.getMonth();
-      const rows = computeGridRows(year, month);
-      const thead = (() => {
-        const __el1 = __element("thead");
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("tr");
-          __enterChildren(__el2);
-          __insert(__el2, Array.from({ length: 7 }, (_, i) => {
-            const dayIndex = (weekStartsOn + i) % 7;
-            return (() => {
-              const __el3 = __element("th");
-              __el3.setAttribute("scope", "col");
-              __enterChildren(__el3);
-              __insert(__el3, DAY_NAMES[dayIndex] ?? "");
-              __exitChildren();
-              return __el3;
-            })();
-          }));
-          __exitChildren();
-          return __el2;
-        })());
-        __exitChildren();
-        return __el1;
-      })();
-      const tbody = (() => {
-        const __el4 = __element("tbody");
-        __enterChildren(__el4);
-        __list(__el4, () => rows, null, (rowDates) => (() => {
-          const __el5 = __element("tr");
-          __enterChildren(__el5);
-          __list(__el5, () => rowDates, null, (cellDate) => (() => {
-            const __el6 = __element("td");
-            __el6.setAttribute("role", "gridcell");
-            __enterChildren(__el6);
-            __insert(__el6, buildDayButton(cellDate, month));
-            __exitChildren();
-            return __el6;
-          })());
-          __exitChildren();
-          return __el5;
-        })());
-        __exitChildren();
-        return __el4;
-      })();
-      grid.replaceChildren(thead, tbody);
-    }, rebuildGrid = function() {
-      updateTitle();
-      buildGrid();
-    }, navigateMonth = function(delta) {
-      state.displayMonth.value = addMonths(state.displayMonth.peek(), delta);
-      onMonthChange?.(state.displayMonth.peek());
-      rebuildGrid();
-    }, destroy = function() {};
-    const {
-      mode: modeOpt,
-      defaultValue,
-      defaultMonth: defaultMonthOpt,
-      minDate,
-      maxDate,
-      disabled,
-      weekStartsOn: weekStartsOnOpt,
-      onValueChange,
-      onMonthChange,
-      ...attrs
-    } = options;
-    const now = new Date;
-    const defaultMonth = defaultMonthOpt ?? now;
-    const weekStartsOn = weekStartsOnOpt ?? 0;
-    const mode = modeOpt ?? "single";
-    const state = {
-      value: signal(defaultValue ?? null),
-      focusedDate: signal(defaultMonth),
-      displayMonth: signal(defaultMonth)
-    };
-    const title = CalendarTitleEl();
-    const prevButton = CalendarNavButton(() => navigateMonth(-1));
-    const nextButton = CalendarNavButton(() => navigateMonth(1));
-    const header = CalendarHeaderEl(prevButton, title, nextButton);
-    const grid = CalendarGridEl((event) => {
-      const active = document.activeElement;
-      if (!active || active.tagName !== "BUTTON")
-        return;
-      const dateStr = active.getAttribute("data-date");
-      if (!dateStr)
-        return;
-      const focused = new Date(`${dateStr}T00:00:00`);
-      let next = null;
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        next = addDays(focused, -1);
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        next = addDays(focused, 1);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        next = addDays(focused, -7);
-      } else if (event.key === "ArrowDown") {
-        event.preventDefault();
-        next = addDays(focused, 7);
-      } else if (event.key === "Home") {
-        event.preventDefault();
-        const dayOfWeek = (focused.getDay() - weekStartsOn + 7) % 7;
-        next = addDays(focused, -dayOfWeek);
-      } else if (event.key === "End") {
-        event.preventDefault();
-        const dayOfWeek = (focused.getDay() - weekStartsOn + 7) % 7;
-        next = addDays(focused, 6 - dayOfWeek);
-      } else if (event.key === "PageUp") {
-        event.preventDefault();
-        next = event.shiftKey ? addMonths(focused, -12) : addMonths(focused, -1);
-      } else if (event.key === "PageDown") {
-        event.preventDefault();
-        next = event.shiftKey ? addMonths(focused, 12) : addMonths(focused, 1);
-      } else if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        selectDate(focused);
-        rebuildGrid();
-        return;
-      }
-      if (next) {
-        state.focusedDate.value = next;
-        if (next.getMonth() !== state.displayMonth.peek().getMonth() || next.getFullYear() !== state.displayMonth.peek().getFullYear()) {
-          state.displayMonth.value = new Date(next.getFullYear(), next.getMonth(), 1);
-          onMonthChange?.(state.displayMonth.peek());
-          rebuildGrid();
-        }
-        const dateKey = next.toISOString().split("T")[0];
-        const btn = grid.querySelector(`button[data-date="${dateKey}"]`);
-        btn?.focus();
-      }
-    });
-    updateTitle();
-    buildGrid();
-    const root = CalendarRootEl(header, grid);
-    applyAttrs(root, attrs);
-    const __mfResult0 = { root, header, title, prevButton, nextButton, grid, state, destroy };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Calendar = {
-  Root: CalendarRoot
-};
-
-export { Calendar };

package/dist/shared/chunk-b9qxfcsy.js

@@ -1,60 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-
-// src/toggle/toggle-composed.tsx
-import { signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-function ComposedToggleRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (__props.disabled ?? false)
-        return;
-      pressed.value = !pressed.value;
-      __props.onPressedChange?.(pressed.value);
-    };
-    const pressed = signal(__props.defaultPressed ?? false, "pressed");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("data-v-id", "ComposedToggleRoot");
-      __el0.setAttribute("type", "button");
-      {
-        const __v = uniqueId("toggle");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-pressed", () => pressed.value ? "true" : "false");
-      __attr(__el0, "data-state", () => pressed.value ? "on" : "off");
-      __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, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedToggle = ComposedToggleRoot;
-
-export { ComposedToggle };