@wow-two-beta/ui 0.0.68 → 0.0.69

package/dist/{chunk-3BKZLK7D.js → chunk-EKGOQL75.js}

@@ -4,6 +4,7 @@ import { cn } from './chunk-D4ZT36AZ.js';
 import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { X } from 'lucide-react';
+import { Temporal } from '@js-temporal/polyfill';
 
 var Kbd = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "kbd",
@@ -52,8 +53,6 @@ var Tag = forwardRef(
   ] })
 );
 Tag.displayName = "Tag";
-
-// src/forms/DateExtensions.ts
 var WEEKDAYS_SHORT = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS_LONG = [
   "January",
@@ -69,95 +68,81 @@ var MONTHS_LONG = [
   "November",
   "December"
 ];
-function startOfDay(d) {
-  const c = new Date(d);
-  c.setHours(0, 0, 0, 0);
-  return c;
+function sundayIndex(d) {
+  return d.dayOfWeek % 7;
+}
+function today() {
+  return Temporal.Now.plainDateISO();
 }
 function isSameDay(a, b) {
   if (!a || !b) return false;
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+  return a.equals(b);
 }
 function isToday(d) {
-  return isSameDay(d, /* @__PURE__ */ new Date());
+  return d.equals(today());
 }
 function addMonths(d, n) {
-  const c = new Date(d);
-  const month = d.getMonth() + n;
-  c.setMonth(month, Math.min(d.getDate(), daysInMonth(d.getFullYear(), month)));
-  return c;
+  return d.add({ months: n });
 }
 function addDays(d, n) {
-  const c = new Date(d);
-  c.setDate(c.getDate() + n);
-  return c;
+  return d.add({ days: n });
 }
 function startOfMonth(d) {
-  return new Date(d.getFullYear(), d.getMonth(), 1);
+  return d.with({ day: 1 });
 }
 function daysInMonth(year, month) {
-  return new Date(year, month + 1, 0).getDate();
+  return Temporal.PlainDate.from({ year, month, day: 1 }).daysInMonth;
 }
 function buildMonthGrid(year, month) {
-  const first = new Date(year, month, 1);
-  const firstWeekday = first.getDay();
-  const start = addDays(first, -firstWeekday);
+  const first = Temporal.PlainDate.from({ year, month, day: 1 });
+  const start = first.subtract({ days: sundayIndex(first) });
   const cells = [];
   for (let i = 0; i < 42; i++) {
-    const date = addDays(start, i);
-    cells.push({ date, outOfMonth: date.getMonth() !== month });
+    const date = start.add({ days: i });
+    cells.push({ date, outOfMonth: date.month !== month });
   }
   return cells;
 }
 function formatISODate(d) {
   if (!d) return "";
-  const year = d.getFullYear();
-  const month = String(d.getMonth() + 1).padStart(2, "0");
-  const day = String(d.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
+  return d.toString();
 }
 function parseISODate(s) {
   if (!s) return null;
-  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
-  if (!m) return null;
-  const [, y, mo, d] = m;
-  if (!y || !mo || !d) return null;
-  const date = new Date(Number(y), Number(mo) - 1, Number(d));
-  if (isNaN(date.getTime())) return null;
-  return date;
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(s)) return null;
+  try {
+    return Temporal.PlainDate.from(s, { overflow: "reject" });
+  } catch {
+    return null;
+  }
 }
-function formatISOTime(d) {
-  if (!d) return "";
-  const h = String(d.getHours()).padStart(2, "0");
-  const m = String(d.getMinutes()).padStart(2, "0");
-  return `${h}:${m}`;
+function formatISOTime(t) {
+  if (!t) return "";
+  return t.toString({ smallestUnit: "minute" });
 }
 function parseISOTime(s) {
   if (!s) return null;
-  const m = /^(\d{2}):(\d{2})$/.exec(s);
-  if (!m) return null;
-  const [, h, mi] = m;
-  if (!h || !mi) return null;
-  const hours = Number(h);
-  const minutes = Number(mi);
-  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null;
-  return { hours, minutes };
+  if (!/^\d{2}:\d{2}$/.test(s)) return null;
+  try {
+    return Temporal.PlainTime.from(s, { overflow: "reject" });
+  } catch {
+    return null;
+  }
 }
 function isDateDisabled(d, options) {
   const { min, max, isDisabled } = options;
-  if (min && startOfDay(d) < startOfDay(min)) return true;
-  if (max && startOfDay(d) > startOfDay(max)) return true;
+  if (min && Temporal.PlainDate.compare(d, min) < 0) return true;
+  if (max && Temporal.PlainDate.compare(d, max) > 0) return true;
   if (isDisabled?.(d)) return true;
   return false;
 }
 function isInRange(d, start, end) {
   if (!start || !end) return false;
-  const t = startOfDay(d).getTime();
-  const s = startOfDay(start).getTime();
-  const e = startOfDay(end).getTime();
-  return t >= Math.min(s, e) && t <= Math.max(s, e);
+  const lo = Temporal.PlainDate.compare(start, end) <= 0 ? start : end;
+  const hi = Temporal.PlainDate.compare(start, end) <= 0 ? end : start;
+  return Temporal.PlainDate.compare(d, lo) >= 0 && Temporal.PlainDate.compare(d, hi) <= 0;
 }
 
-export { Kbd, MONTHS_LONG, Tag, WEEKDAYS_SHORT, addDays, addMonths, buildMonthGrid, formatISODate, formatISOTime, isDateDisabled, isInRange, isSameDay, isToday, parseISODate, parseISOTime, startOfDay, startOfMonth, tagVariants };
-//# sourceMappingURL=chunk-3BKZLK7D.js.map
-//# sourceMappingURL=chunk-3BKZLK7D.js.map
+export { Kbd, MONTHS_LONG, Tag, WEEKDAYS_SHORT, addDays, addMonths, buildMonthGrid, daysInMonth, formatISODate, formatISOTime, isDateDisabled, isInRange, isSameDay, isToday, parseISODate, parseISOTime, startOfMonth, sundayIndex, tagVariants, today };
+//# sourceMappingURL=chunk-EKGOQL75.js.map
+//# sourceMappingURL=chunk-EKGOQL75.js.map

package/dist/chunk-EKGOQL75.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/display/kbd/Kbd.tsx","../src/display/tag/Tag.variants.ts","../src/display/tag/Tag.tsx","../src/forms/DateExtensions.ts"],"names":["forwardRef","jsx"],"mappings":"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","file":"chunk-EKGOQL75.js","sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport type KbdProps = ComponentPropsWithoutRef<'kbd'>;\n\n/**\n * Keyboard key affordance — `<kbd>` styled with subtle border and inset\n * shadow. Single key per `<Kbd>`; chain via `<Kbd>⌘</Kbd> + <Kbd>K</Kbd>`.\n */\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(({ className, ...props }, ref) => (\n  <kbd\n    ref={ref}\n    className={cn(\n      'inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-border',\n      'bg-muted px-1.5 font-mono text-xs text-muted-foreground shadow-[inset_0_-1px_0_0_rgb(0_0_0/0.05)]',\n      className,\n    )}\n    {...props}\n  />\n));\nKbd.displayName = 'Kbd';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const tagVariants = tv({\n  base: 'inline-flex items-center gap-1 rounded-md border border-border bg-card px-2 py-0.5 text-xs font-medium text-card-foreground',\n  variants: {\n    variant: {\n      neutral: '',\n      brand: 'border-transparent bg-primary-soft text-primary-soft-foreground',\n      success: 'border-transparent bg-success-soft text-success-soft-foreground',\n      warning: 'border-transparent bg-warning-soft text-warning-soft-foreground',\n      danger: 'border-transparent bg-destructive-soft text-destructive-soft-foreground',\n      info: 'border-transparent bg-info-soft text-info-soft-foreground',\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n  },\n});\n\nexport type TagVariants = VariantProps<typeof tagVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils';\nimport { Icon } from '../../icons';\nimport { tagVariants, type TagVariants } from './Tag.variants';\n\nexport interface TagProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    TagVariants {\n  children?: ReactNode;\n  /** Show a close (×) button. Pass a handler to receive the click. */\n  onClose?: () => void;\n  /** Accessible label for the close button. Default `\"Remove\"`. */\n  closeLabel?: string;\n}\n\n/**\n * Pill with an optional close button. The close button is a raw `<button>`\n * to keep the strict atom rule (Tag is L3, so importing Button would make\n * this an atom-on-atom composition).\n */\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  ({ children, onClose, closeLabel = 'Remove', variant, className, ...props }, ref) => (\n    <span ref={ref} className={cn(tagVariants({ variant }), className)} {...props}>\n      {children}\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className=\"-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n        >\n          <Icon icon={X} size={12} />\n        </button>\n      )}\n    </span>\n  ),\n);\nTag.displayName = 'Tag';\n","// Shared date helpers for Calendar / DatePicker / DateField / RangeCalendar.\n// Co-located in `forms/` so imports stay within-domain.\n//\n// Temporal-based — the ecosystem standardizes on the Temporal API (dates =\n// `Temporal.*`). `Temporal.PlainDate` carries calendar math (no timezone), so\n// these helpers are inherently local/wall-clock, which is what calendar UIs want.\n// `Temporal.PlainTime` carries hour/minute for the time components.\n\nimport { Temporal } from '@js-temporal/polyfill';\n\nexport const WEEKDAYS_SHORT = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\nexport const MONTHS_LONG = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n];\n\n/** Sunday-anchored column index (0 = Sun … 6 = Sat) for a PlainDate. */\nexport function sundayIndex(d: Temporal.PlainDate): number {\n  // Temporal `dayOfWeek` is 1 (Mon) … 7 (Sun); map Sunday to 0 for our Su-first grid.\n  return d.dayOfWeek % 7;\n}\n\n/** Today as a PlainDate in the local time zone. */\nexport function today(): Temporal.PlainDate {\n  return Temporal.Now.plainDateISO();\n}\n\nexport function isSameDay(\n  a: Temporal.PlainDate | null | undefined,\n  b: Temporal.PlainDate | null | undefined,\n): boolean {\n  if (!a || !b) return false;\n  return a.equals(b);\n}\n\nexport function isToday(d: Temporal.PlainDate): boolean {\n  return d.equals(today());\n}\n\n/** Add `n` months; Temporal clamps to the target month's last day (Jan 31 +1 → Feb 28). */\nexport function addMonths(d: Temporal.PlainDate, n: number): Temporal.PlainDate {\n  return d.add({ months: n });\n}\n\nexport function addDays(d: Temporal.PlainDate, n: number): Temporal.PlainDate {\n  return d.add({ days: n });\n}\n\n/** First day of `d`'s month. */\nexport function startOfMonth(d: Temporal.PlainDate): Temporal.PlainDate {\n  return d.with({ day: 1 });\n}\n\n/** Number of days in the given year/month (1-indexed month). */\nexport function daysInMonth(year: number, month: number): number {\n  return Temporal.PlainDate.from({ year, month, day: 1 }).daysInMonth;\n}\n\n/**\n * Build the 6-week (42-cell) grid that the calendar UI renders.\n * `year`/`month` are 1-indexed (Temporal convention). Cells outside the target\n * month carry `outOfMonth: true`.\n */\nexport function buildMonthGrid(\n  year: number,\n  month: number,\n): { date: Temporal.PlainDate; outOfMonth: boolean }[] {\n  const first = Temporal.PlainDate.from({ year, month, day: 1 });\n  const start = first.subtract({ days: sundayIndex(first) });\n  const cells: { date: Temporal.PlainDate; outOfMonth: boolean }[] = [];\n  for (let i = 0; i < 42; i++) {\n    const date = start.add({ days: i });\n    cells.push({ date, outOfMonth: date.month !== month });\n  }\n  return cells;\n}\n\n/** Format PlainDate → \"YYYY-MM-DD\" for a native `<input type=\"date\">` value. */\nexport function formatISODate(d: Temporal.PlainDate | null | undefined): string {\n  if (!d) return '';\n  return d.toString();\n}\n\n/** Parse \"YYYY-MM-DD\" → PlainDate. Returns null for invalid input. */\nexport function parseISODate(s: string | null | undefined): Temporal.PlainDate | null {\n  if (!s) return null;\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(s)) return null;\n  try {\n    return Temporal.PlainDate.from(s, { overflow: 'reject' });\n  } catch {\n    return null;\n  }\n}\n\n/** Format PlainTime → \"HH:MM\" for a native `<input type=\"time\">` value. */\nexport function formatISOTime(t: Temporal.PlainTime | null | undefined): string {\n  if (!t) return '';\n  return t.toString({ smallestUnit: 'minute' });\n}\n\n/** Parse \"HH:MM\" → PlainTime. Returns null for invalid input. */\nexport function parseISOTime(s: string | null | undefined): Temporal.PlainTime | null {\n  if (!s) return null;\n  if (!/^\\d{2}:\\d{2}$/.test(s)) return null;\n  try {\n    return Temporal.PlainTime.from(s, { overflow: 'reject' });\n  } catch {\n    return null;\n  }\n}\n\nexport function clampDate(\n  d: Temporal.PlainDate,\n  min?: Temporal.PlainDate | null,\n  max?: Temporal.PlainDate | null,\n): Temporal.PlainDate {\n  if (min && Temporal.PlainDate.compare(d, min) < 0) return min;\n  if (max && Temporal.PlainDate.compare(d, max) > 0) return max;\n  return d;\n}\n\nexport function isDateDisabled(\n  d: Temporal.PlainDate,\n  options: {\n    min?: Temporal.PlainDate | null;\n    max?: Temporal.PlainDate | null;\n    isDisabled?: (d: Temporal.PlainDate) => boolean;\n  },\n): boolean {\n  const { min, max, isDisabled } = options;\n  if (min && Temporal.PlainDate.compare(d, min) < 0) return true;\n  if (max && Temporal.PlainDate.compare(d, max) > 0) return true;\n  if (isDisabled?.(d)) return true;\n  return false;\n}\n\nexport function isInRange(\n  d: Temporal.PlainDate,\n  start: Temporal.PlainDate | null | undefined,\n  end: Temporal.PlainDate | null | undefined,\n): boolean {\n  if (!start || !end) return false;\n  const lo = Temporal.PlainDate.compare(start, end) <= 0 ? start : end;\n  const hi = Temporal.PlainDate.compare(start, end) <= 0 ? end : start;\n  return Temporal.PlainDate.compare(d, lo) >= 0 && Temporal.PlainDate.compare(d, hi) <= 0;\n}\n"]}

package/dist/{chunk-HPA5BHDK.js → chunk-SREWD3XJ.js}

@@ -1,6 +1,6 @@
 import { listboxItemVariants, listboxVariants, listboxGroupLabelVariants, listboxSeparatorVariants, listboxEmptyVariants } from './chunk-UMRRFZ4R.js';
 import { PopoverTrigger, Popover, PopoverContent } from './chunk-XFUD3RZK.js';
-import { startOfMonth, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, Tag, addMonths, Kbd, addDays, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, formatISOTime, startOfDay, isInRange } from './chunk-3BKZLK7D.js';
+import { startOfMonth, today, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, formatISOTime, Tag, addMonths, Kbd, addDays, sundayIndex, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, isInRange, daysInMonth } from './chunk-EKGOQL75.js';
 import { useControlled, useTypeahead } from './chunk-RNHY33US.js';
 import { Icon } from './chunk-D7ZFCHX5.js';
 import { tv, CssExtensions, ColorExtensions, dataAttr, surfaceVariants, Equality } from './chunk-XSW3NZDD.js';
@@ -11,6 +11,7 @@ import * as React from 'react';
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect, Children, isValidElement, cloneElement, useId as useId$1, createContext, useMemo, useCallback, Fragment as Fragment$1, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Minus, Plus, EyeOff, Eye, Search, X, Check, Upload, Loader2, ChevronDown, Calendar as Calendar$1, Clock, UploadCloud, ChevronRight, Copy, Zap, Wallet, Video, User, Trash, Tag as Tag$1, Sun, Star, ShoppingCart, Share2, Settings, Send, Play, Pin, Phone, Pencil, Paperclip, Music, Moon, Mic, MessageCircle, Map as Map$1, Mail, Lock, Link2, Lightbulb, Layers, Info, Inbox, Image, Home, Heart, Globe, Folder, File, ExternalLink, Edit, Download, Compass, Coffee, Code, Cloud, Camera, Bookmark, Bell, ChevronLeft, Heading1, Heading2, Bold, Italic, List, Quote } from 'lucide-react';
+import { Temporal } from '@js-temporal/polyfill';
 import { Marked } from 'marked';
 
 var SIZE = {
@@ -2683,7 +2684,7 @@ function MonthGrid({
   useEffect(() => {
     if (!interactedRef.current) return;
     const cell = gridRef.current?.querySelector(
-      `[data-date="${focusedDate.toDateString()}"]`
+      `[data-date="${focusedDate.toString()}"]`
     );
     cell?.focus();
   }, [focusedDate]);
@@ -2714,7 +2715,7 @@ function MonthGrid({
         if (isDayDisabled(target)) return;
       }
       interactedRef.current = true;
-      if (target.getMonth() !== viewMonth.getMonth() || target.getFullYear() !== viewMonth.getFullYear()) {
+      if (target.month !== viewMonth.month || target.year !== viewMonth.year) {
         onViewMonthChange(startOfMonth(target));
       }
       onFocusedDateChange(target);
@@ -2742,11 +2743,11 @@ function MonthGrid({
           break;
         case "Home":
           e.preventDefault();
-          moveFocus(addDays(date, -date.getDay()), 1);
+          moveFocus(addDays(date, -sundayIndex(date)), 1);
           break;
         case "End":
           e.preventDefault();
-          moveFocus(addDays(date, 6 - date.getDay()), -1);
+          moveFocus(addDays(date, 6 - sundayIndex(date)), -1);
           break;
         case "PageDown":
           e.preventDefault();
@@ -2766,7 +2767,7 @@ function MonthGrid({
     [moveFocus, onDayActivate, isDayDisabled]
   );
   const dayDisabled = (date) => isDayDisabled?.(date) ?? false;
-  const cells = buildMonthGrid(viewMonth.getFullYear(), viewMonth.getMonth());
+  const cells = buildMonthGrid(viewMonth.year, viewMonth.month);
   const weeks = Array.from({ length: 6 }, (_, w) => cells.slice(w * 7, w * 7 + 7));
   let tabStopDate = focusedDate;
   if (dayDisabled(focusedDate)) {
@@ -2794,9 +2795,9 @@ function MonthGrid({
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "text-sm font-medium", "aria-live": "polite", children: [
-            MONTHS_LONG[viewMonth.getMonth()],
+            MONTHS_LONG[viewMonth.month - 1],
             " ",
-            viewMonth.getFullYear()
+            viewMonth.year
           ] }),
           /* @__PURE__ */ jsx(
             "button",
@@ -2827,7 +2828,7 @@ function MonthGrid({
             {
               type: "button",
               role: "gridcell",
-              "data-date": date.toDateString(),
+              "data-date": date.toString(),
               "aria-disabled": disabled || void 0,
               "data-today": isToday(date) ? "" : void 0,
               "data-out-of-month": outOfMonth ? "" : void 0,
@@ -2850,9 +2851,9 @@ function MonthGrid({
                 disabled && "pointer-events-none opacity-40",
                 cellClassName
               ),
-              children: date.getDate()
+              children: date.day
             },
-            date.toDateString()
+            date.toString()
           );
         }) }, weekIndex)) })
       ]
@@ -2877,9 +2878,9 @@ var Calendar = forwardRef(function Calendar2({
     onChange: onValueChange
   });
   const [viewMonth, setViewMonth] = useState(
-    () => startOfMonth(defaultMonth ?? selected ?? /* @__PURE__ */ new Date())
+    () => startOfMonth(defaultMonth ?? selected ?? today())
   );
-  const [focusedDate, setFocusedDate] = useState(() => selected ?? /* @__PURE__ */ new Date());
+  const [focusedDate, setFocusedDate] = useState(() => selected ?? today());
   return /* @__PURE__ */ jsx("div", { ref, className: cn(className), ...rest, children: /* @__PURE__ */ jsx(
     MonthGrid,
     {
@@ -2931,12 +2932,6 @@ var DateField = forwardRef(function DateField2({ value, defaultValue, onValueCha
     }
   );
 });
-function timeToString(t) {
-  if (!t) return "";
-  const date = /* @__PURE__ */ new Date();
-  date.setHours(t.hours, t.minutes, 0, 0);
-  return formatISOTime(date);
-}
 var TimeField = forwardRef(function TimeField2({ value, defaultValue, onValueChange, size, state, className, id, disabled, required, ...rest }, ref) {
   const ctx = useFormControl();
   const [current, setCurrent] = useControlled({
@@ -2954,7 +2949,7 @@ var TimeField = forwardRef(function TimeField2({ value, defaultValue, onValueCha
       required: required ?? ctx?.isRequired,
       "aria-invalid": ctx?.isInvalid || void 0,
       "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
-      value: timeToString(current),
+      value: formatISOTime(current),
       onChange: (e) => setCurrent(parseISOTime(e.target.value)),
       className: cn(inputBaseVariants({ size, state: state ?? (ctx?.isInvalid ? "invalid" : "default") }), className),
       ...rest
@@ -2980,28 +2975,29 @@ var RangeCalendar = forwardRef(
       onChange: onValueChange
     });
     const [viewMonth, setViewMonth] = useState(
-      () => startOfMonth(defaultMonth ?? range?.start ?? /* @__PURE__ */ new Date())
+      () => startOfMonth(defaultMonth ?? range?.start ?? today())
+    );
+    const [focusedDate, setFocusedDate] = useState(
+      () => range?.start ?? today()
     );
-    const [focusedDate, setFocusedDate] = useState(() => range?.start ?? /* @__PURE__ */ new Date());
     const [hoveredDate, setHoveredDate] = useState(null);
     const [pendingStart, setPendingStart] = useState(null);
     const handleActivate = (date) => {
       if (!pendingStart) {
         setPendingStart(date);
-        setRange({ start: date, end: null });
+        setRange(null);
         return;
       }
-      const startTime = startOfDay(pendingStart).getTime();
-      const endTime = startOfDay(date).getTime();
-      const finalStart = startTime <= endTime ? pendingStart : date;
-      const finalEnd = startTime <= endTime ? date : pendingStart;
+      const forward = Temporal.PlainDate.compare(pendingStart, date) <= 0;
+      const finalStart = forward ? pendingStart : date;
+      const finalEnd = forward ? date : pendingStart;
       setRange({ start: finalStart, end: finalEnd });
       setPendingStart(null);
     };
-    const previewEnd = pendingStart ? hoveredDate : range?.end;
+    const previewEnd = pendingStart ? hoveredDate : range?.end ?? null;
     const isStart = (d) => isSameDay(d, range?.start ?? null) || isSameDay(d, pendingStart);
     const isEnd = (d) => isSameDay(d, range?.end ?? null);
-    const inRange = (d) => isInRange(d, pendingStart ?? range?.start, previewEnd ?? null);
+    const inRange = (d) => isInRange(d, pendingStart ?? range?.start, previewEnd);
     return /* @__PURE__ */ jsx("div", { ref, className: cn(className), ...rest, children: /* @__PURE__ */ jsx(
       MonthGrid,
       {
@@ -3037,7 +3033,7 @@ var RangeCalendar = forwardRef(
     ) });
   }
 );
-var defaultFormat = (d) => d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+var defaultFormat = (d) => d.toLocaleString(void 0, { year: "numeric", month: "short", day: "numeric" });
 var DatePicker = forwardRef(function DatePicker2({
   value,
   defaultValue,
@@ -3088,7 +3084,7 @@ var DatePicker = forwardRef(function DatePicker2({
           setDate(d);
           setOpen(false);
         },
-        defaultMonth: date ?? /* @__PURE__ */ new Date(),
+        defaultMonth: date ?? today(),
         min,
         max,
         isDisabled: dayDisabled
@@ -3097,7 +3093,7 @@ var DatePicker = forwardRef(function DatePicker2({
     name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: formatISODate(date) })
   ] });
 });
-var defaultFormat2 = (t) => `${String(t.hours).padStart(2, "0")}:${String(t.minutes).padStart(2, "0")}`;
+var defaultFormat2 = (t) => t.toString({ smallestUnit: "minute" });
 var HOURS = Array.from({ length: 24 }, (_, i) => i);
 var TimePicker = forwardRef(function TimePicker2({
   value,
@@ -3139,10 +3135,10 @@ var TimePicker = forwardRef(function TimePicker2({
   }, [open]);
   const triggerState = state ?? (isInvalid ? "invalid" : "default");
   const update = (next) => {
-    const merged = {
-      hours: next.hours ?? time?.hours ?? 0,
-      minutes: next.minutes ?? time?.minutes ?? 0
-    };
+    const merged = Temporal.PlainTime.from({
+      hour: next.hour ?? time?.hour ?? 0,
+      minute: next.minute ?? time?.minute ?? 0
+    });
     setTime(merged);
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, placement: "bottom-start", offset: 6, children: [
@@ -3169,7 +3165,7 @@ var TimePicker = forwardRef(function TimePicker2({
           "aria-label": "Hours",
           className: "flex max-h-56 flex-col gap-0.5 overflow-y-auto pr-1",
           children: HOURS.map((h) => {
-            const selected = time?.hours === h;
+            const selected = time?.hour === h;
             return /* @__PURE__ */ jsx(
               "button",
               {
@@ -3177,7 +3173,7 @@ var TimePicker = forwardRef(function TimePicker2({
                 role: "option",
                 "aria-selected": selected,
                 "data-selected": selected ? "" : void 0,
-                onClick: () => update({ hours: h }),
+                onClick: () => update({ hour: h }),
                 className: cn(
                   "grid h-8 w-12 place-items-center rounded-sm text-sm transition-colors hover:bg-muted",
                   selected && "bg-primary text-primary-foreground hover:bg-primary"
@@ -3198,7 +3194,7 @@ var TimePicker = forwardRef(function TimePicker2({
           "aria-label": "Minutes",
           className: "flex max-h-56 flex-col gap-0.5 overflow-y-auto pl-1",
           children: minutes.map((m) => {
-            const selected = time?.minutes === m;
+            const selected = time?.minute === m;
             return /* @__PURE__ */ jsx(
               "button",
               {
@@ -3206,7 +3202,7 @@ var TimePicker = forwardRef(function TimePicker2({
                 role: "option",
                 "aria-selected": selected,
                 "data-selected": selected ? "" : void 0,
-                onClick: () => update({ minutes: m }),
+                onClick: () => update({ minute: m }),
                 className: cn(
                   "grid h-8 w-12 place-items-center rounded-sm text-sm transition-colors hover:bg-muted",
                   selected && "bg-primary text-primary-foreground hover:bg-primary"
@@ -3219,17 +3215,10 @@ var TimePicker = forwardRef(function TimePicker2({
         }
       )
     ] }) }),
-    name && time && /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "hidden",
-        name,
-        value: `${String(time.hours).padStart(2, "0")}:${String(time.minutes).padStart(2, "0")}`
-      }
-    )
+    name && time && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: time.toString({ smallestUnit: "minute" }) })
   ] });
 });
-var defaultFormat3 = (d) => d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+var defaultFormat3 = (d) => d.toLocaleString(void 0, { year: "numeric", month: "short", day: "numeric" });
 var DateRangePicker = forwardRef(
   function DateRangePicker2({
     value,
@@ -3287,7 +3276,7 @@ var DateRangePicker = forwardRef(
         {
           value: range,
           onValueChange: setRange,
-          defaultMonth: range?.start ?? /* @__PURE__ */ new Date(),
+          defaultMonth: range?.start ?? today(),
           min,
           max,
           isDisabled: dayDisabled
@@ -4052,6 +4041,8 @@ function ColorSwatchPicker({
   );
 }
 var FALLBACK_HSV = { h: 217, s: 0.91, v: 0.96, a: 1 };
+var NOOP = () => {
+};
 var ColorPicker = forwardRef(function ColorPicker2({
   value,
   defaultValue = "#3b82f6",
@@ -4059,6 +4050,7 @@ var ColorPicker = forwardRef(function ColorPicker2({
   hasAlpha = false,
   presets,
   triggerSize = "md",
+  triggerVariant = "full",
   isDisabled = false,
   name,
   className,
@@ -4085,7 +4077,22 @@ var ColorPicker = forwardRef(function ColorPicker2({
     setHex(hsvToHex(next, { withAlpha: hasAlpha }));
   };
   return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger ?? (triggerVariant === "swatch" ? (
+      // Bare interactive swatch — ColorSwatch is a real <button> here (given onClick),
+      // so it becomes the popover trigger via Slot with no wrapper chrome.
+      /* @__PURE__ */ jsx(
+        ColorSwatch,
+        {
+          ref,
+          color: hex ?? "#00000000",
+          size: triggerSize,
+          onClick: NOOP,
+          "aria-label": ariaLabel,
+          isDisabled,
+          className
+        }
+      )
+    ) : /* @__PURE__ */ jsxs(
       "button",
       {
         ref,
@@ -4097,11 +4104,11 @@ var ColorPicker = forwardRef(function ColorPicker2({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx(ColorSwatch, { color: hex ?? "#00000000", size: triggerSize }),
+          triggerVariant === "full" && /* @__PURE__ */ jsx(ColorSwatch, { color: hex ?? "#00000000", size: triggerSize }),
           /* @__PURE__ */ jsx("span", { className: "font-mono uppercase", children: hex ?? "\u2014" })
         ]
       }
-    ) }),
+    )) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "flex w-64 flex-col gap-3", children: [
       /* @__PURE__ */ jsx(
         ColorArea,
@@ -5762,13 +5769,13 @@ function nextOccurrence(rule, prev) {
       if (!rule.byDay || rule.byDay.length === 0) return addDays(prev, 7 * rule.interval);
       const allowed = new Set(rule.byDay);
       let cursor = addDays(prev, 1);
-      while (cursor.getDay() !== 0) {
-        if (allowed.has(JS_TO_RRULE[cursor.getDay()])) return cursor;
+      while (sundayIndex(cursor) !== 0) {
+        if (allowed.has(JS_TO_RRULE[sundayIndex(cursor)])) return cursor;
         cursor = addDays(cursor, 1);
       }
       cursor = addDays(cursor, 7 * (rule.interval - 1));
       for (let i = 0; i < 7; i++) {
-        if (allowed.has(JS_TO_RRULE[cursor.getDay()])) return cursor;
+        if (allowed.has(JS_TO_RRULE[sundayIndex(cursor)])) return cursor;
         cursor = addDays(cursor, 1);
       }
       return null;
@@ -5776,25 +5783,23 @@ function nextOccurrence(rule, prev) {
     case "MONTHLY": {
       const next = addMonths(prev, rule.interval);
       if (rule.byMonthDay) {
-        next.setDate(rule.byMonthDay);
+        const day = Math.min(rule.byMonthDay, daysInMonth(next.year, next.month));
+        return next.with({ day });
       }
       return next;
     }
-    case "YEARLY": {
-      const c = new Date(prev);
-      c.setFullYear(c.getFullYear() + rule.interval);
-      return c;
-    }
+    case "YEARLY":
+      return prev.add({ years: rule.interval });
   }
 }
 function buildPreview(rule, from, count) {
   const out = [];
   let cursor = from;
-  out.push(new Date(cursor));
+  out.push(cursor);
   for (let i = 0; i < count - 1; i++) {
     const next = nextOccurrence(rule, cursor);
     if (!next) break;
-    if (rule.until && next > rule.until) break;
+    if (rule.until && Temporal.PlainDate.compare(next, rule.until) > 0) break;
     if (rule.count && out.length >= rule.count) break;
     out.push(next);
     cursor = next;
@@ -5807,7 +5812,7 @@ var RecurrenceEditor = forwardRef(
     value,
     defaultValue,
     onValueChange,
-    from = /* @__PURE__ */ new Date(),
+    from = today(),
     previewCount = 5,
     isDisabled,
     isReadOnly,
@@ -5908,7 +5913,7 @@ var RecurrenceEditor = forwardRef(
                 type: "number",
                 min: 1,
                 max: 31,
-                value: rule.byMonthDay ?? from.getDate(),
+                value: rule.byMonthDay ?? from.day,
                 disabled: isDisabled,
                 readOnly: isReadOnly,
                 onChange: (e) => update({ byMonthDay: Math.min(31, Math.max(1, Number(e.target.value) || 1)) }),
@@ -7790,5 +7795,5 @@ var ChatComposer = forwardRef(
 ChatComposer.displayName = "ChatComposer";
 
 export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Field, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper2 as Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, TextareaInput, TimeField, TimePicker, UrlInput, Wizard2 as Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard };
-//# sourceMappingURL=chunk-HPA5BHDK.js.map
-//# sourceMappingURL=chunk-HPA5BHDK.js.map
+//# sourceMappingURL=chunk-SREWD3XJ.js.map
+//# sourceMappingURL=chunk-SREWD3XJ.js.map