@wow-two-beta/ui 0.0.21 → 0.0.22

package/dist/{chunk-WRPLV6H2.js → chunk-5KVTU5TX.js}

@@ -1,6 +1,6 @@
 import { listboxVariants, listboxItemVariants, listboxGroupLabelVariants, listboxSeparatorVariants, listboxEmptyVariants } from './chunk-FFQENBTW.js';
 import { PopoverTrigger, Popover, PopoverContent } from './chunk-DSA7L7PD.js';
-import { Tag } from './chunk-ZCA365IX.js';
+import { startOfMonth, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, Tag, addMonths, addDays, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, formatISOTime, startOfDay, isInRange } from './chunk-XAJKBU6P.js';
 import { tv, dataAttr } from './chunk-BMBIZLO4.js';
 import { useControlled } from './chunk-4P2TFUVW.js';
 import { Icon } from './chunk-TDX22OWF.js';
@@ -1967,107 +1967,6 @@ Combobox.Item = ComboboxItem;
 Combobox.Group = ComboboxGroup;
 Combobox.Separator = ComboboxSeparator;
 Combobox.Empty = ComboboxEmpty;
-
-// src/forms/DateExtensions.ts
-var WEEKDAYS_SHORT = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-var MONTHS_LONG = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function startOfDay(d) {
-  const c = new Date(d);
-  c.setHours(0, 0, 0, 0);
-  return c;
-}
-function isSameDay(a, b) {
-  if (!a || !b) return false;
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function isToday(d) {
-  return isSameDay(d, /* @__PURE__ */ new Date());
-}
-function addMonths(d, n) {
-  const c = new Date(d);
-  c.setMonth(c.getMonth() + n);
-  return c;
-}
-function addDays(d, n) {
-  const c = new Date(d);
-  c.setDate(c.getDate() + n);
-  return c;
-}
-function startOfMonth(d) {
-  return new Date(d.getFullYear(), d.getMonth(), 1);
-}
-function buildMonthGrid(year, month) {
-  const first = new Date(year, month, 1);
-  const firstWeekday = first.getDay();
-  const start = addDays(first, -firstWeekday);
-  const cells = [];
-  for (let i = 0; i < 42; i++) {
-    const date = addDays(start, i);
-    cells.push({ date, outOfMonth: date.getMonth() !== 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}`;
-}
-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;
-}
-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 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 };
-}
-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 (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);
-}
 function MonthGrid({
   viewMonth,
   onViewMonthChange,
@@ -5041,7 +4940,265 @@ function safeStringify(value, indent) {
     return "";
   }
 }
+var ALL_WEEKDAYS = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
+var WEEKDAY_LABEL = {
+  SU: "Su",
+  MO: "Mo",
+  TU: "Tu",
+  WE: "We",
+  TH: "Th",
+  FR: "Fr",
+  SA: "Sa"
+};
+var JS_TO_RRULE = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
+function serializeRule(r) {
+  const parts = [`FREQ=${r.freq}`];
+  if (r.interval > 1) parts.push(`INTERVAL=${r.interval}`);
+  if (r.byDay && r.byDay.length > 0) parts.push(`BYDAY=${r.byDay.join(",")}`);
+  if (r.byMonthDay) parts.push(`BYMONTHDAY=${r.byMonthDay}`);
+  if (r.count) parts.push(`COUNT=${r.count}`);
+  if (r.until) parts.push(`UNTIL=${formatISODate(r.until).replace(/-/g, "")}`);
+  return `RRULE:${parts.join(";")}`;
+}
+function nextOccurrence(rule, prev) {
+  switch (rule.freq) {
+    case "DAILY":
+      return addDays(prev, rule.interval);
+    case "WEEKLY": {
+      if (!rule.byDay || rule.byDay.length === 0) return addDays(prev, 7 * rule.interval);
+      const allowed = new Set(rule.byDay);
+      let cursor = addDays(prev, 1);
+      let weekJumps = 0;
+      const maxIter = 7 * rule.interval + 1;
+      for (let i = 0; i < maxIter; i++) {
+        const wd = JS_TO_RRULE[cursor.getDay()];
+        if (allowed.has(wd)) {
+          return cursor;
+        }
+        cursor = addDays(cursor, 1);
+        if (cursor.getDay() === 0) weekJumps++;
+        if (weekJumps >= rule.interval) ;
+      }
+      return null;
+    }
+    case "MONTHLY": {
+      const next = addMonths(prev, rule.interval);
+      if (rule.byMonthDay) {
+        next.setDate(rule.byMonthDay);
+      }
+      return next;
+    }
+    case "YEARLY": {
+      const c = new Date(prev);
+      c.setFullYear(c.getFullYear() + rule.interval);
+      return c;
+    }
+  }
+}
+function buildPreview(rule, from, count) {
+  const out = [];
+  let cursor = from;
+  out.push(new Date(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.count && out.length >= rule.count) break;
+    out.push(next);
+    cursor = next;
+  }
+  return out;
+}
+var DEFAULT_RULE = { freq: "WEEKLY", interval: 1, byDay: ["MO"] };
+var RecurrenceEditor = forwardRef(
+  function RecurrenceEditor2({
+    value,
+    defaultValue,
+    onValueChange,
+    from = /* @__PURE__ */ new Date(),
+    previewCount = 5,
+    disabled,
+    readOnly,
+    name,
+    className,
+    ...rest
+  }, ref) {
+    const [rule, setRule] = useControlled({
+      controlled: value,
+      default: defaultValue ?? DEFAULT_RULE,
+      onChange: onValueChange
+    });
+    const preview = useMemo(() => buildPreview(rule, from, previewCount), [rule, from, previewCount]);
+    const update = (patch) => {
+      const next = { ...rule, ...patch };
+      if (patch.freq && patch.freq !== rule.freq) {
+        if (patch.freq !== "WEEKLY") next.byDay = void 0;
+        if (patch.freq !== "MONTHLY") next.byMonthDay = void 0;
+      }
+      setRule(next);
+    };
+    const endMode = rule.count ? "count" : rule.until ? "until" : "never";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col gap-3 rounded-md border border-border bg-card p-4 text-card-foreground shadow-sm",
+          disabled && "opacity-60",
+          className
+        ),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Every" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: 999,
+                value: rule.interval,
+                disabled,
+                readOnly,
+                onChange: (e) => update({ interval: Math.max(1, Number(e.target.value) || 1) }),
+                className: cn(inputBaseVariants({ size: "sm" }), "w-16")
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                "aria-label": "Frequency",
+                value: rule.freq,
+                disabled,
+                onChange: (e) => update({ freq: e.target.value }),
+                className: cn(inputBaseVariants({ size: "sm" }), "w-32"),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "DAILY", children: rule.interval > 1 ? "days" : "day" }),
+                  /* @__PURE__ */ jsx("option", { value: "WEEKLY", children: rule.interval > 1 ? "weeks" : "week" }),
+                  /* @__PURE__ */ jsx("option", { value: "MONTHLY", children: rule.interval > 1 ? "months" : "month" }),
+                  /* @__PURE__ */ jsx("option", { value: "YEARLY", children: rule.interval > 1 ? "years" : "year" })
+                ]
+              }
+            )
+          ] }),
+          rule.freq === "WEEKLY" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "On" }),
+            /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "Days of week", className: "flex flex-wrap gap-1", children: ALL_WEEKDAYS.map((wd) => {
+              const checked = rule.byDay?.includes(wd) ?? false;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "checkbox",
+                  "aria-checked": checked,
+                  disabled: disabled || readOnly,
+                  onClick: () => {
+                    const set = new Set(rule.byDay ?? []);
+                    if (set.has(wd)) set.delete(wd);
+                    else set.add(wd);
+                    update({ byDay: Array.from(set) });
+                  },
+                  className: cn(
+                    "inline-flex h-7 w-9 items-center justify-center rounded-md border text-xs font-medium transition-colors",
+                    checked ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background text-muted-foreground hover:bg-muted"
+                  ),
+                  children: WEEKDAY_LABEL[wd]
+                },
+                wd
+              );
+            }) })
+          ] }),
+          rule.freq === "MONTHLY" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "On day" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: 31,
+                value: rule.byMonthDay ?? from.getDate(),
+                disabled,
+                readOnly,
+                onChange: (e) => update({ byMonthDay: Math.min(31, Math.max(1, Number(e.target.value) || 1)) }),
+                className: cn(inputBaseVariants({ size: "sm" }), "w-20")
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "of the month" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { role: "radiogroup", "aria-label": "End mode", className: "flex flex-col gap-2 text-sm", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: `${name ?? "rule"}-end`,
+                  checked: endMode === "never",
+                  disabled: disabled || readOnly,
+                  onChange: () => update({ count: void 0, until: null })
+                }
+              ),
+              "Never"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: `${name ?? "rule"}-end`,
+                  checked: endMode === "count",
+                  disabled: disabled || readOnly,
+                  onChange: () => update({ count: rule.count ?? 10, until: null })
+                }
+              ),
+              "After",
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "number",
+                  min: 1,
+                  value: rule.count ?? "",
+                  disabled: disabled || readOnly || endMode !== "count",
+                  onChange: (e) => update({ count: Math.max(1, Number(e.target.value) || 1), until: null }),
+                  className: cn(inputBaseVariants({ size: "sm" }), "w-20")
+                }
+              ),
+              "occurrences"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: `${name ?? "rule"}-end`,
+                  checked: endMode === "until",
+                  disabled: disabled || readOnly,
+                  onChange: () => update({ until: addMonths(from, 6), count: void 0 })
+                }
+              ),
+              "On",
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "date",
+                  value: formatISODate(rule.until ?? null),
+                  disabled: disabled || readOnly || endMode !== "until",
+                  onChange: (e) => update({ until: parseISODate(e.target.value), count: void 0 }),
+                  className: cn(inputBaseVariants({ size: "sm" }), "w-44")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/40 p-3 text-xs", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-1 font-medium text-muted-foreground", children: "Next occurrences" }),
+            /* @__PURE__ */ jsx("ul", { "aria-live": "polite", className: "grid grid-cols-2 gap-x-4 gap-y-0.5 sm:grid-cols-3", children: preview.map((d, i) => /* @__PURE__ */ jsx("li", { className: "text-foreground tabular-nums", children: formatISODate(d) }, i)) })
+          ] }),
+          name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: serializeRule(rule) })
+        ]
+      }
+    );
+  }
+);
 
-export { Calendar, CharacterCount, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, Fieldset, FilePicker, FileUpload, FormErrorMessage, FormField, FormHelperText, InputAddon, InputGroup, JSONEditor, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PasswordInput, PasswordStrength, PercentInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, useWizard };
-//# sourceMappingURL=chunk-WRPLV6H2.js.map
-//# sourceMappingURL=chunk-WRPLV6H2.js.map
+export { Calendar, CharacterCount, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, Fieldset, FilePicker, FileUpload, FormErrorMessage, FormField, FormHelperText, InputAddon, InputGroup, JSONEditor, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PasswordInput, PasswordStrength, PercentInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, useWizard };
+//# sourceMappingURL=chunk-5KVTU5TX.js.map
+//# sourceMappingURL=chunk-5KVTU5TX.js.map