@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/shared/chunk-j2tdpxgc.js

@@ -1,185 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  handleListNavigation
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setHidden,
-  setSelected
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/tabs/tabs.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function TabList(orientation, triggers, tabValues, selectTab) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "tablist");
-    {
-      const __v = orientation === "vertical" ? "vertical" : undefined;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-orientation", __v === true ? "" : __v);
-    }
-    __on(__el0, "keydown", (event) => {
-      const result = handleListNavigation(event, triggers, {
-        orientation
-      });
-      if (result) {
-        const idx = triggers.indexOf(result);
-        if (idx >= 0) {
-          const val = tabValues[idx];
-          if (val !== undefined)
-            selectTab(val);
-        }
-      }
-    });
-    return __el0;
-  })();
-}
-function TabTrigger(triggerId, panelId, value, label, isActive, selectTab) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __el0.setAttribute("role", "tab");
-    {
-      const __v = triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = panelId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-controls", __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-selected", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "active" : "inactive";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    __on(__el0, "click", () => {
-      selectTab(value);
-    });
-    __enterChildren(__el0);
-    __insert(__el0, label ?? value);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function TabsContainer(list) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, list);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function TabPanel(panelId, triggerId, isActive) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "tabpanel");
-    {
-      const __v = panelId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("tabindex", "0");
-    {
-      const __v = isActive ? "false" : "true";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "active" : "inactive";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      const __v = isActive ? "" : "display: none";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    return __el0;
-  })();
-}
-function TabsRoot(options = {}) {
-  const { defaultValue = "", orientation = "horizontal", onValueChange, ...attrs } = options;
-  const state = { value: signal(defaultValue) };
-  const triggers = [];
-  const panels = [];
-  const tabValues = [];
-  function selectTab(value) {
-    state.value.value = value;
-    for (let i = 0;i < tabValues.length; i++) {
-      const isActive = tabValues[i] === value;
-      const trig = triggers[i];
-      const panel = panels[i];
-      if (!trig || !panel)
-        continue;
-      setSelected(trig, isActive);
-      setDataState(trig, isActive ? "active" : "inactive");
-      trig.setAttribute("tabindex", isActive ? "0" : "-1");
-      setHidden(panel, !isActive);
-      setDataState(panel, isActive ? "active" : "inactive");
-    }
-    onValueChange?.(value);
-  }
-  const list = TabList(orientation, triggers, tabValues, selectTab);
-  const root = TabsContainer(list);
-  const cleanups = [];
-  function Tab(value, label) {
-    const baseId = uniqueId("tab");
-    const triggerId = `${baseId}-trigger`;
-    const panelId = `${baseId}-panel`;
-    const isActive = value === state.value.peek();
-    const trig = TabTrigger(triggerId, panelId, value, label, isActive, selectTab);
-    const handleClick = () => {
-      trig.focus();
-    };
-    trig.addEventListener("click", handleClick);
-    cleanups.push(() => trig.removeEventListener("click", handleClick));
-    const panel = TabPanel(panelId, triggerId, isActive);
-    triggers.push(trig);
-    panels.push(panel);
-    tabValues.push(value);
-    list.appendChild(trig);
-    root.appendChild(panel);
-    setRovingTabindex(triggers, triggers.findIndex((t) => tabValues[triggers.indexOf(t)] === state.value.peek()));
-    return { trigger: trig, panel };
-  }
-  function destroy() {
-    for (const cleanup of cleanups)
-      cleanup();
-    cleanups.length = 0;
-  }
-  applyAttrs(root, attrs);
-  return { root, list, state, Tab, destroy };
-}
-var Tabs = {
-  Root: TabsRoot
-};
-
-export { Tabs };

package/dist/shared/chunk-k8nabsxm.js

@@ -1,330 +0,0 @@
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/calendar/calendar.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } 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() {
-  return (() => {
-    const __el0 = __element("div");
-    return __el0;
-  })();
-}
-function CalendarNavButton(onClick) {
-  return (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __on(__el0, "click", onClick);
-    return __el0;
-  })();
-}
-function CalendarHeaderEl(prevButton, title, nextButton) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, prevButton);
-    __insert(__el0, title);
-    __insert(__el0, nextButton);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function CalendarGridEl(onKeydown) {
-  return (() => {
-    const __el0 = __element("table");
-    __el0.setAttribute("role", "grid");
-    __on(__el0, "keydown", onKeydown);
-    return __el0;
-  })();
-}
-function CalendarRootEl(header, grid) {
-  return (() => {
-    const __el0 = __element("div");
-    __enterChildren(__el0);
-    __insert(__el0, header);
-    __insert(__el0, grid);
-    __exitChildren();
-    return __el0;
-  })();
-}
-function CalendarRoot(options = {}) {
-  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)
-  };
-  function updateTitle() {
-    const month = state.displayMonth.peek();
-    title.textContent = `${MONTH_NAMES[month.getMonth()]} ${month.getFullYear()}`;
-  }
-  function isDateDisabled(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;
-  }
-  function isSelected(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;
-  }
-  function isInRange(date) {
-    const val = state.value.peek();
-    if (val === null || !("from" in val))
-      return false;
-    const range = val;
-    return date > range.from && date < range.to;
-  }
-  function selectDate(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());
-  }
-  const gridCleanups = [];
-  function cleanupGridListeners() {
-    for (const cleanup of gridCleanups)
-      cleanup();
-    gridCleanups.length = 0;
-  }
-  function buildGrid() {
-    cleanupGridListeners();
-    grid.innerHTML = "";
-    const display = state.displayMonth.peek();
-    const year = display.getFullYear();
-    const month = display.getMonth();
-    const daysInMonth = getDaysInMonth(year, month);
-    const thead = document.createElement("thead");
-    const headerRow = document.createElement("tr");
-    for (let i = 0;i < 7; i++) {
-      const dayIndex = (weekStartsOn + i) % 7;
-      const th = document.createElement("th");
-      th.setAttribute("scope", "col");
-      th.textContent = DAY_NAMES[dayIndex] ?? "";
-      headerRow.appendChild(th);
-    }
-    thead.appendChild(headerRow);
-    grid.appendChild(thead);
-    const tbody = document.createElement("tbody");
-    const firstDay = new Date(year, month, 1);
-    const firstDayOfWeek = firstDay.getDay();
-    const offset = (firstDayOfWeek - weekStartsOn + 7) % 7;
-    const startDate = addDays(firstDay, -offset);
-    let currentDate = startDate;
-    const totalCells = offset + daysInMonth;
-    const totalRows = Math.ceil(totalCells / 7);
-    for (let row = 0;row < totalRows; row++) {
-      const tr = document.createElement("tr");
-      for (let col = 0;col < 7; col++) {
-        const td = document.createElement("td");
-        td.setAttribute("role", "gridcell");
-        const btn = document.createElement("button");
-        btn.setAttribute("type", "button");
-        const cellDate = new Date(currentDate);
-        btn.textContent = String(cellDate.getDate());
-        btn.setAttribute("data-date", cellDate.toISOString().split("T")[0] ?? "");
-        const isOutside = cellDate.getMonth() !== month;
-        if (isOutside) {
-          btn.setAttribute("data-outside-month", "true");
-        }
-        if (isSameDay(cellDate, now)) {
-          btn.setAttribute("data-today", "true");
-        }
-        if (isDateDisabled(cellDate)) {
-          btn.setAttribute("aria-disabled", "true");
-        }
-        if (isSelected(cellDate)) {
-          btn.setAttribute("aria-selected", "true");
-        }
-        if (mode === "range") {
-          const val = state.value.peek();
-          if (val && "from" in val) {
-            if (isSameDay(cellDate, val.from)) {
-              btn.setAttribute("data-range-start", "true");
-            }
-            if (isSameDay(cellDate, val.to)) {
-              btn.setAttribute("data-range-end", "true");
-            }
-            if (isInRange(cellDate)) {
-              btn.setAttribute("data-in-range", "true");
-            }
-          }
-        }
-        const handleClick = () => {
-          selectDate(cellDate);
-          rebuildGrid();
-        };
-        btn.addEventListener("click", handleClick);
-        gridCleanups.push(() => btn.removeEventListener("click", handleClick));
-        td.appendChild(btn);
-        tr.appendChild(td);
-        currentDate = addDays(currentDate, 1);
-      }
-      tbody.appendChild(tr);
-    }
-    grid.appendChild(tbody);
-  }
-  function rebuildGrid() {
-    updateTitle();
-    buildGrid();
-  }
-  function navigateMonth(delta) {
-    state.displayMonth.value = addMonths(state.displayMonth.peek(), delta);
-    onMonthChange?.(state.displayMonth.peek());
-    rebuildGrid();
-  }
-  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);
-  function destroy() {
-    cleanupGridListeners();
-  }
-  applyAttrs(root, attrs);
-  return { root, header, title, prevButton, nextButton, grid, state, destroy };
-}
-var Calendar = {
-  Root: CalendarRoot
-};
-
-export { Calendar };

package/dist/shared/chunk-kcnq15je.js

@@ -1,175 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setValueRange
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/resizable-panel/resizable-panel.tsx
-import { __element, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ResizablePanelRoot(options = {}) {
-  const { orientation = "horizontal", onResize, ...attrs } = options;
-  const state = { sizes: signal([]) };
-  const panels = [];
-  const handles = [];
-  function updateSizes(newSizes) {
-    state.sizes.value = [...newSizes];
-    for (let i = 0;i < panels.length; i++) {
-      const panel = panels[i];
-      if (!panel)
-        continue;
-      const size = newSizes[i] ?? 0;
-      panel.el.style.flex = `0 0 ${size}%`;
-    }
-    for (let i = 0;i < handles.length; i++) {
-      const handle = handles[i];
-      const leftPanel = panels[i];
-      if (handle && leftPanel) {
-        const size = newSizes[i] ?? 0;
-        setValueRange(handle, Math.round(size), Math.round(leftPanel.minSize), Math.round(leftPanel.maxSize));
-      }
-    }
-    onResize?.(newSizes);
-  }
-  const root = (() => {
-    const __el0 = __element("div");
-    {
-      const __v = `display: flex; flex-direction: ${orientation === "horizontal" ? "row" : "column"};`;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    {
-      const __v = orientation;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-orientation", __v === true ? "" : __v);
-    }
-    return __el0;
-  })();
-  function Panel(panelOptions = {}) {
-    const { defaultSize, minSize = 0, maxSize = 100 } = panelOptions;
-    const el = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("data-panel", "");
-      return __el1;
-    })();
-    panels.push({ el, minSize, maxSize });
-    const sizes = state.sizes.peek();
-    if (defaultSize != null) {
-      sizes.push(defaultSize);
-    } else {
-      const equalSize = 100 / panels.length;
-      sizes.length = 0;
-      for (let i = 0;i < panels.length; i++) {
-        sizes.push(equalSize);
-      }
-    }
-    updateSizes(sizes);
-    root.appendChild(el);
-    return el;
-  }
-  function Handle() {
-    const handleIndex = handles.length;
-    const handle = (() => {
-      const __el2 = __element("div");
-      __el2.setAttribute("role", "separator");
-      __el2.setAttribute("tabindex", "0");
-      {
-        const __v = orientation;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("data-orientation", __v === true ? "" : __v);
-      }
-      __el2.setAttribute("data-state", "idle");
-      __on(__el2, "keydown", (event) => {
-        const sizes = [...state.sizes.peek()];
-        const leftIdx = handleIndex;
-        const rightIdx = handleIndex + 1;
-        const leftPanel = panels[leftIdx];
-        const rightPanel = panels[rightIdx];
-        if (!leftPanel || !rightPanel)
-          return;
-        let leftSize = sizes[leftIdx] ?? 0;
-        let rightSize = sizes[rightIdx] ?? 0;
-        const STEP = 5;
-        const growKey = orientation === "horizontal" ? Keys.ArrowRight : Keys.ArrowDown;
-        const shrinkKey = orientation === "horizontal" ? Keys.ArrowLeft : Keys.ArrowUp;
-        if (isKey(event, growKey)) {
-          event.preventDefault();
-          const delta = Math.min(STEP, rightSize - rightPanel.minSize, leftPanel.maxSize - leftSize);
-          leftSize += delta;
-          rightSize -= delta;
-        } else if (isKey(event, shrinkKey)) {
-          event.preventDefault();
-          const delta = Math.min(STEP, leftSize - leftPanel.minSize, rightPanel.maxSize - rightSize);
-          leftSize -= delta;
-          rightSize += delta;
-        } else if (isKey(event, Keys.Home)) {
-          event.preventDefault();
-          const delta = leftSize - leftPanel.minSize;
-          leftSize -= delta;
-          rightSize += delta;
-        } else if (isKey(event, Keys.End)) {
-          event.preventDefault();
-          const delta = rightSize - rightPanel.minSize;
-          leftSize += delta;
-          rightSize -= delta;
-        } else {
-          return;
-        }
-        sizes[leftIdx] = leftSize;
-        sizes[rightIdx] = rightSize;
-        updateSizes(sizes);
-      });
-      __on(__el2, "pointerdown", (event) => {
-        event.preventDefault();
-        handle.setPointerCapture(event.pointerId);
-        setDataState(handle, "dragging");
-        const startPos = orientation === "horizontal" ? event.clientX : event.clientY;
-        const rootSize = orientation === "horizontal" ? root.offsetWidth : root.offsetHeight;
-        const startSizes = [...state.sizes.peek()];
-        function onMove(e) {
-          const currentPos = orientation === "horizontal" ? e.clientX : e.clientY;
-          const delta = (currentPos - startPos) / rootSize * 100;
-          const sizes = [...startSizes];
-          const leftIdx = handleIndex;
-          const rightIdx = handleIndex + 1;
-          const leftPanel = panels[leftIdx];
-          const rightPanel = panels[rightIdx];
-          if (!leftPanel || !rightPanel)
-            return;
-          let newLeft = (startSizes[leftIdx] ?? 0) + delta;
-          let newRight = (startSizes[rightIdx] ?? 0) - delta;
-          newLeft = Math.max(leftPanel.minSize, Math.min(leftPanel.maxSize, newLeft));
-          newRight = Math.max(rightPanel.minSize, Math.min(rightPanel.maxSize, newRight));
-          sizes[leftIdx] = newLeft;
-          sizes[rightIdx] = newRight;
-          updateSizes(sizes);
-        }
-        function onUp(e) {
-          handle.releasePointerCapture(e.pointerId);
-          setDataState(handle, "idle");
-          handle.removeEventListener("pointermove", onMove);
-          handle.removeEventListener("pointerup", onUp);
-        }
-        handle.addEventListener("pointermove", onMove);
-        handle.addEventListener("pointerup", onUp);
-      });
-      return __el2;
-    })();
-    handles.push(handle);
-    root.appendChild(handle);
-    return handle;
-  }
-  applyAttrs(root, attrs);
-  return { root, state, Panel, Handle };
-}
-var ResizablePanel = {
-  Root: ResizablePanelRoot
-};
-
-export { ResizablePanel };