@pos-360/horizon 0.23.0 → 0.25.0

package/dist/{chunk-J2AWNOYH.js → chunk-FBYLMSO3.js}

@@ -2279,6 +2279,7 @@ function DateRangePicker({
   value,
   onChange,
   presets = DEFAULT_PRESETS,
+  presetSections,
   placeholder = "Select date range",
   disabled = false,
   align = "start",
@@ -2340,9 +2341,10 @@ function DateRangePicker({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { align, className: "w-auto p-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex divide-x divide-gray-100 dark:divide-neutral-700", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-3 gap-0.5 min-w-[130px]", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-2 px-2", children: "Presets" }),
-        presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col p-3 gap-0.5 min-w-[130px]", children: (presetSections ?? [{ title: "Presets", options: presets }]).map((section, si) => /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
+        si > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 border-t border-gray-100 dark:border-neutral-700" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-1 px-2", children: section.title }),
+        section.options.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => handlePreset(preset),
@@ -2354,7 +2356,7 @@ function DateRangePicker({
           },
           preset.label
         ))
-      ] }),
+      ] }, section.title)) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           CalendarMonth,
@@ -2387,6 +2389,81 @@ function DateRangePicker({
     ] }) })
   ] });
 }
+var DEFAULT_COMPARISON_PERIODS = [
+  {
+    key: "yesterday",
+    label: "vs. 1 day prior",
+    getRange: () => {
+      const d = dateFns.subDays(/* @__PURE__ */ new Date(), 1);
+      return { from: dateFns.startOfDay(d), to: dateFns.endOfDay(d) };
+    }
+  },
+  {
+    key: "last-week",
+    label: "vs. 7 days prior",
+    getRange: () => {
+      const d = dateFns.subDays(/* @__PURE__ */ new Date(), 7);
+      return {
+        from: dateFns.startOfWeek(d, { weekStartsOn: 0 }),
+        to: dateFns.endOfWeek(d, { weekStartsOn: 0 })
+      };
+    }
+  },
+  {
+    key: "last-month",
+    label: "vs. 30 days prior",
+    getRange: () => {
+      const d = dateFns.subMonths(/* @__PURE__ */ new Date(), 1);
+      return { from: dateFns.startOfMonth(d), to: dateFns.endOfMonth(d) };
+    }
+  },
+  {
+    key: "last-year",
+    label: "vs. 365 days prior",
+    getRange: () => {
+      const d = dateFns.subYears(/* @__PURE__ */ new Date(), 1);
+      return {
+        from: dateFns.startOfDay(new Date(d.getFullYear(), 0, 1)),
+        to: dateFns.endOfDay(new Date(d.getFullYear(), 11, 31))
+      };
+    }
+  }
+];
+var AUTO_SWITCH_THRESHOLD = 4;
+function PeriodComparisonSelector({
+  value,
+  onChange,
+  options = DEFAULT_COMPARISON_PERIODS,
+  mode,
+  size = "default",
+  placeholder = "Compare to...",
+  disabled = false,
+  className
+}) {
+  const resolvedMode = mode ?? (options.length <= AUTO_SWITCH_THRESHOLD ? "segmented" : "select");
+  const handleChange = (key) => {
+    const period = options.find((o) => o.key === key);
+    if (period) onChange?.(key, period);
+  };
+  if (resolvedMode === "segmented") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SegmentedControl,
+      {
+        options: options.map((o) => ({ label: o.label, value: o.key })),
+        value,
+        onChange: handleChange,
+        size,
+        radius: "md",
+        disabled,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange: handleChange, disabled, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className, children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder, children: options.find((o) => o.key === value)?.label }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: o.key, children: o.label }, o.key)) })
+  ] });
+}
 
 exports.Button = Button;
 exports.Card = Card;
@@ -2397,6 +2474,7 @@ exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.Checkbox = Checkbox;
 exports.ColumnSelection = ColumnSelection;
+exports.DEFAULT_COMPARISON_PERIODS = DEFAULT_COMPARISON_PERIODS;
 exports.DEFAULT_PRESETS = DEFAULT_PRESETS;
 exports.DateRangePicker = DateRangePicker;
 exports.Dialog = Dialog;
@@ -2430,6 +2508,7 @@ exports.FormDescription = FormDescription;
 exports.FormField = FormField;
 exports.FormLabel = FormLabel;
 exports.FormMessage = FormMessage;
+exports.PeriodComparisonSelector = PeriodComparisonSelector;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -2488,5 +2567,5 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-J2AWNOYH.js.map
-//# sourceMappingURL=chunk-J2AWNOYH.js.map
+//# sourceMappingURL=chunk-FBYLMSO3.js.map
+//# sourceMappingURL=chunk-FBYLMSO3.js.map