@vertz/ui-primitives 0.2.22 → 0.2.23

package/dist/shared/chunk-y4mmmayp.js

@@ -0,0 +1,206 @@
+import {
+  focusFirst,
+  saveFocus,
+  trapFocus
+} from "./chunk-e2v1c9ex.js";
+import {
+  Keys,
+  isKey
+} from "./chunk-7867pr13.js";
+import {
+  setDataState,
+  setDescribedBy,
+  setExpanded,
+  setHidden,
+  setHiddenAnimated,
+  setLabelledBy
+} from "./chunk-vevfhpc9.js";
+import {
+  linkedIds
+} from "./chunk-8y1jf6xr.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/src/accordion/accordion.js

@@ -1,6 +1,6 @@
 import {
   Accordion
-} from "../../shared/chunk-e4mm5e59.js";
+} from "../../shared/chunk-4894pmy6.js";
 export {
   Accordion
 };

package/dist/src/alert-dialog/alert-dialog.js

@@ -1,6 +1,6 @@
 import {
   AlertDialog
-} from "../../shared/chunk-w318par6.js";
+} from "../../shared/chunk-jdygp28a.js";
 export {
   AlertDialog
 };

package/dist/src/badge/badge.js

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "../../shared/chunk-z0gwkzgp.js";
+} from "../../shared/chunk-tn0m98j8.js";
 export {
   Badge
 };

package/dist/src/button/button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../../shared/chunk-mqs4qq0b.js";
+} from "../../shared/chunk-nj420k31.js";
 export {
   Button
 };

package/dist/src/calendar/calendar.js

@@ -1,6 +1,6 @@
 import {
   Calendar
-} from "../../shared/chunk-k8nabsxm.js";
+} from "../../shared/chunk-mgr904ap.js";
 export {
   Calendar
 };

package/dist/src/carousel/carousel.js

@@ -1,6 +1,6 @@
 import {
   Carousel
-} from "../../shared/chunk-wcdq7bew.js";
+} from "../../shared/chunk-cgb2j94g.js";
 export {
   Carousel
 };

package/dist/src/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import {
   Checkbox
-} from "../../shared/chunk-rb53v045.js";
+} from "../../shared/chunk-e1jcf22s.js";
 export {
   Checkbox
 };

package/dist/src/collapsible/collapsible.js

@@ -1,6 +1,6 @@
 import {
   Collapsible
-} from "../../shared/chunk-c46v0fsw.js";
+} from "../../shared/chunk-67sn29eh.js";
 export {
   Collapsible
 };

package/dist/src/combobox/combobox.js

@@ -1,6 +1,6 @@
 import {
   Combobox
-} from "../../shared/chunk-vhx3sqw6.js";
+} from "../../shared/chunk-9gfp3ffv.js";
 export {
   Combobox
 };

package/dist/src/command/command.js

@@ -1,6 +1,6 @@
 import {
   Command
-} from "../../shared/chunk-s6a2yph8.js";
+} from "../../shared/chunk-xs6gp369.js";
 export {
   Command
 };

package/dist/src/context-menu/context-menu.js

@@ -1,6 +1,6 @@
 import {
   ContextMenu
-} from "../../shared/chunk-g8hnc95b.js";
+} from "../../shared/chunk-pzx0vpq1.js";
 export {
   ContextMenu
 };

package/dist/src/date-picker/date-picker.js

@@ -1,6 +1,6 @@
 import {
   DatePicker
-} from "../../shared/chunk-jda3v59q.js";
+} from "../../shared/chunk-xa1b96mb.js";
 export {
   DatePicker
 };

package/dist/src/dialog/dialog.js

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "../../shared/chunk-8qtexw5s.js";
+} from "../../shared/chunk-y4mmmayp.js";
 export {
   Dialog
 };

package/dist/src/dropdown-menu/dropdown-menu.js

@@ -1,6 +1,6 @@
 import {
   DropdownMenu
-} from "../../shared/chunk-dhyr0s9n.js";
+} from "../../shared/chunk-j902w020.js";
 export {
   DropdownMenu
 };

package/dist/src/hover-card/hover-card.js

@@ -1,6 +1,6 @@
 import {
   HoverCard
-} from "../../shared/chunk-07yzsaaw.js";
+} from "../../shared/chunk-mr1tb0dp.js";
 export {
   HoverCard
 };

package/dist/src/index.d.ts

@@ -794,6 +794,8 @@ interface CalendarClasses {
 	headCell?: string;
 	cell?: string;
 	dayButton?: string;
+	monthSelect?: string;
+	yearSelect?: string;
 }
 type CalendarClassKey = keyof CalendarClasses;
 interface ComposedCalendarProps {
@@ -813,6 +815,13 @@ interface ComposedCalendarProps {
 		to: Date;
 	} | null) => void;
 	onMonthChange?: (month: Date) => void;
+	/**
+	* Controls how the calendar header navigation is rendered.
+	* - 'buttons' (default): prev/next arrow buttons only
+	* - 'dropdown': month + year <select> elements, no arrow buttons
+	* - 'dropdown-buttons': month + year <select> elements AND arrow buttons
+	*/
+	captionLayout?: "buttons" | "dropdown" | "dropdown-buttons";
 }
 declare const ComposedCalendar: ((props: ComposedCalendarProps) => HTMLElement) & {
 	__classKeys?: CalendarClassKey;
@@ -1052,6 +1061,7 @@ interface ComposedDatePickerProps {
 		to: Date;
 	} | null) => void;
 	onOpenChange?: (open: boolean) => void;
+	captionLayout?: ComposedCalendarProps["captionLayout"];
 }
 declare const ComposedDatePicker: ((props: ComposedDatePickerProps) => HTMLElement) & {
 	__classKeys?: DatePickerClassKey;
@@ -1319,11 +1329,14 @@ interface ResizablePanelClasses {
 	handle?: string;
 }
 type ResizablePanelClassKey = keyof ResizablePanelClasses;
-interface PanelSlotProps extends PanelOptions {
+interface PanelSlotProps {
 	children?: ChildValue18;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
+	defaultSize?: number;
+	minSize?: number;
+	maxSize?: number;
 }
 interface HandleSlotProps {
 	className?: string;