@moontra/moonui 2.1.7 → 2.1.9

package/dist/index.js

@@ -1,14 +1,13 @@
 'use strict';
 
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
 var t = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
-var dateFns = require('date-fns');
 var framerMotion = require('framer-motion');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 require('react-dom');
@@ -19,6 +18,7 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var SelectPrimitive = require('@radix-ui/react-select');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var dateFns = require('date-fns');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var SwitchPrimitives = require('@radix-ui/react-switch');
@@ -847,202 +847,6 @@ var Button = t__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-function Calendar({
-  mode = "single",
-  selected,
-  onSelect,
-  disabled,
-  showOutsideDays = false,
-  className,
-  classNames,
-  numberOfMonths = 1,
-  defaultMonth,
-  ...props
-}) {
-  const [currentMonth, setCurrentMonth] = t__namespace.useState(
-    defaultMonth || selected && selected || /* @__PURE__ */ new Date()
-  );
-  const weekDays = [
-    { short: "S", full: "Sunday" },
-    { short: "M", full: "Monday" },
-    { short: "T", full: "Tuesday" },
-    { short: "W", full: "Wednesday" },
-    { short: "T", full: "Thursday" },
-    { short: "F", full: "Friday" },
-    { short: "S", full: "Saturday" }
-  ];
-  const handlePreviousMonth = () => {
-    setCurrentMonth(dateFns.subMonths(currentMonth, 1));
-  };
-  const handleNextMonth = () => {
-    setCurrentMonth(dateFns.addMonths(currentMonth, 1));
-  };
-  const handleDateClick = (date) => {
-    if (disabled?.(date))
-      return;
-    if (mode === "single") {
-      onSelect?.(date);
-    } else if (mode === "range") {
-      const currentSelection = selected;
-      if (!currentSelection?.from || currentSelection.from && currentSelection.to) {
-        onSelect?.({ from: date, to: void 0 });
-      } else {
-        if (date < currentSelection.from) {
-          onSelect?.({ from: date, to: currentSelection.from });
-        } else {
-          onSelect?.({ from: currentSelection.from, to: date });
-        }
-      }
-    }
-  };
-  const isDateSelected = (date) => {
-    if (!selected)
-      return false;
-    if (mode === "single") {
-      return dateFns.isSameDay(date, selected);
-    } else if (mode === "range") {
-      const range = selected;
-      if (range.from && range.to) {
-        return date >= range.from && date <= range.to;
-      }
-      return range.from ? dateFns.isSameDay(date, range.from) : false;
-    }
-    return false;
-  };
-  const isRangeStart = (date) => {
-    if (mode !== "range" || !selected)
-      return false;
-    const range = selected;
-    return range.from ? dateFns.isSameDay(date, range.from) : false;
-  };
-  const isRangeEnd = (date) => {
-    if (mode !== "range" || !selected)
-      return false;
-    const range = selected;
-    return range.to ? dateFns.isSameDay(date, range.to) : false;
-  };
-  const isRangeMiddle = (date) => {
-    if (mode !== "range" || !selected)
-      return false;
-    const range = selected;
-    if (!range.from || !range.to)
-      return false;
-    return date > range.from && date < range.to;
-  };
-  const getDaysInMonth = () => {
-    const start = dateFns.startOfMonth(currentMonth);
-    const end = dateFns.endOfMonth(currentMonth);
-    const days2 = dateFns.eachDayOfInterval({ start, end });
-    const firstDayOfWeek = dateFns.getDay(start);
-    const previousMonthDays = [];
-    if (firstDayOfWeek > 0 && showOutsideDays) {
-      const previousMonthStart = dateFns.startOfWeek(start);
-      const previousMonthEnd = new Date(start);
-      previousMonthEnd.setDate(previousMonthEnd.getDate() - 1);
-      previousMonthDays.push(...dateFns.eachDayOfInterval({
-        start: previousMonthStart,
-        end: previousMonthEnd
-      }));
-    }
-    const lastDayOfWeek = dateFns.getDay(end);
-    const nextMonthDays = [];
-    if (lastDayOfWeek < 6 && showOutsideDays) {
-      const nextMonthStart = new Date(end);
-      nextMonthStart.setDate(nextMonthStart.getDate() + 1);
-      const nextMonthEnd = dateFns.endOfWeek(end);
-      nextMonthDays.push(...dateFns.eachDayOfInterval({
-        start: nextMonthStart,
-        end: nextMonthEnd
-      }));
-    }
-    const emptyCells = [];
-    if (!showOutsideDays && firstDayOfWeek > 0) {
-      for (let i = 0; i < firstDayOfWeek; i++) {
-        emptyCells.push(null);
-      }
-    }
-    return [...previousMonthDays, ...emptyCells, ...days2, ...nextMonthDays];
-  };
-  const days = getDaysInMonth();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("p-0", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: handlePreviousMonth,
-          className: cn(
-            "h-10 w-10 bg-transparent p-0 rounded-lg",
-            "hover:bg-muted transition-colors",
-            "inline-flex items-center justify-center"
-          ),
-          type: "button",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-medium", children: dateFns.format(currentMonth, "MMMM yyyy") }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: handleNextMonth,
-          className: cn(
-            "h-10 w-10 bg-transparent p-0 rounded-lg",
-            "hover:bg-muted transition-colors",
-            "inline-flex items-center justify-center"
-          ),
-          type: "button",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 mb-2", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "text-muted-foreground text-xs font-medium h-10 flex items-center justify-center",
-          title: day.full,
-          children: day.short
-        },
-        `weekday-${index}`
-      )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
-        if (!date) {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10" }, `empty-${index}`);
-        }
-        const isOutsideMonth = !dateFns.isSameMonth(date, currentMonth);
-        const isDisabled = disabled?.(date) || false;
-        const isSelected = isDateSelected(date);
-        const isTodayDate = dateFns.isToday(date);
-        const rangeStart = isRangeStart(date);
-        const rangeEnd = isRangeEnd(date);
-        const rangeMiddle = isRangeMiddle(date);
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => handleDateClick(date),
-            disabled: isDisabled,
-            className: cn(
-              "h-10 w-10 p-0 font-normal",
-              "inline-flex items-center justify-center rounded-lg",
-              "hover:bg-muted transition-colors text-sm",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-              isOutsideMonth && "text-muted-foreground/50",
-              isDisabled && "text-muted-foreground/30 cursor-not-allowed hover:bg-transparent",
-              isSelected && !rangeMiddle && "bg-primary text-primary-foreground font-medium hover:bg-primary hover:text-primary-foreground",
-              isTodayDate && "font-semibold relative after:absolute after:bottom-1 after:left-1/2 after:-translate-x-1/2 after:h-1 after:w-1 after:rounded-full after:bg-primary",
-              rangeMiddle && "bg-accent/30 text-accent-foreground rounded-none",
-              rangeStart && "rounded-r-none",
-              rangeEnd && "rounded-l-none"
-            ),
-            type: "button",
-            children: dateFns.format(date, "d")
-          },
-          date.toISOString()
-        );
-      }) })
-    ] })
-  ] });
-}
-Calendar.displayName = "Calendar";
 var microInteractionVariants = classVarianceAuthority.cva("", {
   variants: {
     hover: {
@@ -8136,6 +7940,202 @@ function createFilterableColumn(accessorKey, header, filterFn) {
     filterFn
   };
 }
+function Calendar({
+  mode = "single",
+  selected,
+  onSelect,
+  disabled,
+  showOutsideDays = false,
+  className,
+  classNames,
+  numberOfMonths = 1,
+  defaultMonth,
+  ...props
+}) {
+  const [currentMonth, setCurrentMonth] = t__namespace.useState(
+    defaultMonth || selected && selected || /* @__PURE__ */ new Date()
+  );
+  const weekDays = [
+    { short: "S", full: "Sunday" },
+    { short: "M", full: "Monday" },
+    { short: "T", full: "Tuesday" },
+    { short: "W", full: "Wednesday" },
+    { short: "T", full: "Thursday" },
+    { short: "F", full: "Friday" },
+    { short: "S", full: "Saturday" }
+  ];
+  const handlePreviousMonth = () => {
+    setCurrentMonth(dateFns.subMonths(currentMonth, 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(dateFns.addMonths(currentMonth, 1));
+  };
+  const handleDateClick = (date) => {
+    if (disabled?.(date))
+      return;
+    if (mode === "single") {
+      onSelect?.(date);
+    } else if (mode === "range") {
+      const currentSelection = selected;
+      if (!currentSelection?.from || currentSelection.from && currentSelection.to) {
+        onSelect?.({ from: date, to: void 0 });
+      } else {
+        if (date < currentSelection.from) {
+          onSelect?.({ from: date, to: currentSelection.from });
+        } else {
+          onSelect?.({ from: currentSelection.from, to: date });
+        }
+      }
+    }
+  };
+  const isDateSelected = (date) => {
+    if (!selected)
+      return false;
+    if (mode === "single") {
+      return dateFns.isSameDay(date, selected);
+    } else if (mode === "range") {
+      const range = selected;
+      if (range.from && range.to) {
+        return date >= range.from && date <= range.to;
+      }
+      return range.from ? dateFns.isSameDay(date, range.from) : false;
+    }
+    return false;
+  };
+  const isRangeStart = (date) => {
+    if (mode !== "range" || !selected)
+      return false;
+    const range = selected;
+    return range.from ? dateFns.isSameDay(date, range.from) : false;
+  };
+  const isRangeEnd = (date) => {
+    if (mode !== "range" || !selected)
+      return false;
+    const range = selected;
+    return range.to ? dateFns.isSameDay(date, range.to) : false;
+  };
+  const isRangeMiddle = (date) => {
+    if (mode !== "range" || !selected)
+      return false;
+    const range = selected;
+    if (!range.from || !range.to)
+      return false;
+    return date > range.from && date < range.to;
+  };
+  const getDaysInMonth = () => {
+    const start = dateFns.startOfMonth(currentMonth);
+    const end = dateFns.endOfMonth(currentMonth);
+    const days2 = dateFns.eachDayOfInterval({ start, end });
+    const firstDayOfWeek = dateFns.getDay(start);
+    const previousMonthDays = [];
+    if (firstDayOfWeek > 0 && showOutsideDays) {
+      const previousMonthStart = dateFns.startOfWeek(start);
+      const previousMonthEnd = new Date(start);
+      previousMonthEnd.setDate(previousMonthEnd.getDate() - 1);
+      previousMonthDays.push(...dateFns.eachDayOfInterval({
+        start: previousMonthStart,
+        end: previousMonthEnd
+      }));
+    }
+    const lastDayOfWeek = dateFns.getDay(end);
+    const nextMonthDays = [];
+    if (lastDayOfWeek < 6 && showOutsideDays) {
+      const nextMonthStart = new Date(end);
+      nextMonthStart.setDate(nextMonthStart.getDate() + 1);
+      const nextMonthEnd = dateFns.endOfWeek(end);
+      nextMonthDays.push(...dateFns.eachDayOfInterval({
+        start: nextMonthStart,
+        end: nextMonthEnd
+      }));
+    }
+    const emptyCells = [];
+    if (!showOutsideDays && firstDayOfWeek > 0) {
+      for (let i = 0; i < firstDayOfWeek; i++) {
+        emptyCells.push(null);
+      }
+    }
+    return [...previousMonthDays, ...emptyCells, ...days2, ...nextMonthDays];
+  };
+  const days = getDaysInMonth();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("p-0", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handlePreviousMonth,
+          className: cn(
+            "h-10 w-10 bg-transparent p-0 rounded-lg",
+            "hover:bg-muted transition-colors",
+            "inline-flex items-center justify-center"
+          ),
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-medium", children: dateFns.format(currentMonth, "MMMM yyyy") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handleNextMonth,
+          className: cn(
+            "h-10 w-10 bg-transparent p-0 rounded-lg",
+            "hover:bg-muted transition-colors",
+            "inline-flex items-center justify-center"
+          ),
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 mb-2", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "text-muted-foreground text-xs font-medium h-10 flex items-center justify-center",
+          title: day.full,
+          children: day.short
+        },
+        `weekday-${index}`
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
+        if (!date) {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10" }, `empty-${index}`);
+        }
+        const isOutsideMonth = !dateFns.isSameMonth(date, currentMonth);
+        const isDisabled = disabled?.(date) || false;
+        const isSelected = isDateSelected(date);
+        const isTodayDate = dateFns.isToday(date);
+        const rangeStart = isRangeStart(date);
+        const rangeEnd = isRangeEnd(date);
+        const rangeMiddle = isRangeMiddle(date);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleDateClick(date),
+            disabled: isDisabled,
+            className: cn(
+              "h-10 w-10 p-0 font-normal",
+              "inline-flex items-center justify-center rounded-lg",
+              "hover:bg-muted transition-colors text-sm",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              isOutsideMonth && "text-muted-foreground/50",
+              isDisabled && "text-muted-foreground/30 cursor-not-allowed hover:bg-transparent",
+              isSelected && !rangeMiddle && "bg-primary text-primary-foreground font-medium hover:bg-primary hover:text-primary-foreground",
+              isTodayDate && "font-semibold relative after:absolute after:bottom-1 after:left-1/2 after:-translate-x-1/2 after:h-1 after:w-1 after:rounded-full after:bg-primary",
+              rangeMiddle && "bg-accent/30 text-accent-foreground rounded-none",
+              rangeStart && "rounded-r-none",
+              rangeEnd && "rounded-l-none"
+            ),
+            type: "button",
+            children: dateFns.format(date, "d")
+          },
+          date.toISOString()
+        );
+      }) })
+    ] })
+  ] });
+}
+Calendar.displayName = "Calendar";
 var datePickerVariants = classVarianceAuthority.cva(
   "w-full justify-start text-left font-normal",
   {
@@ -11000,7 +11000,6 @@ exports.BreadcrumbList = BreadcrumbList;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
-exports.Calendar = Calendar;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -11136,6 +11135,7 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.aspectRatioVariants = aspectRatioVariants;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
+exports.cn = cn;
 exports.collapsibleContentVariants = collapsibleContentVariants;
 exports.collapsibleTriggerVariants = collapsibleTriggerVariants;
 exports.createFilterableColumn = createFilterableColumn;