@embedreach/components 0.2.48 → 0.2.50

package/dist/chunks/index.js

@@ -58307,10 +58307,9 @@ var Portal$2 = PopoverPortal;
 var Content2$1 = PopoverContent$1;
 const Popover = Root2$3;
 const PopoverTrigger = Trigger$2;
-const PopoverContent = React__default.forwardRef(({ className: className2, align = "center", sideOffset = 4, ...props2 }, ref) => /* @__PURE__ */ jsx(Portal$2, { "data-reach-root": true, children: /* @__PURE__ */ jsx(
+const PopoverContent = React__default.forwardRef(({ className: className2, align = "center", sideOffset = 4, ...props2 }, ref) => /* @__PURE__ */ jsx(Portal$2, { children: /* @__PURE__ */ jsx(
   Content2$1,
   {
-    "data-reach-root": true,
     ref,
     align,
     sideOffset,
@@ -77627,52 +77626,51 @@ function Calendar({
   showOutsideDays = true,
   ...props2
 }) {
-  return /* @__PURE__ */ jsx("div", { "data-reach-root": true, children: /* @__PURE__ */ jsx(
+  const finalClassNames = {
+    months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+    month: "space-y-4",
+    caption: "flex justify-center pt-1 relative items-center",
+    caption_label: "text-sm font-medium",
+    nav: "space-x-1 flex items-center",
+    nav_button: cn$1(
+      buttonVariants({ variant: "outline" }),
+      "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+    ),
+    nav_button_previous: "absolute left-1",
+    nav_button_next: "absolute right-1",
+    table: "w-full border-collapse space-y-1",
+    head_row: "flex",
+    head_cell: "text-[#6b7280] rounded-md w-8 font-normal text-[0.8rem]",
+    row: "flex w-full mt-2",
+    cell: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-[#f1f5f9] [&:has([aria-selected].day-outside)]:bg-[#f1f5f9]/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+    day: cn$1(
+      buttonVariants({ variant: "ghost" }),
+      "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+    ),
+    day_range_start: "day-range-start",
+    day_range_end: "day-range-end",
+    day_selected: "!bg-black !text-gray-200 hover:!bg-black hover:!text-gray-200 focus:!bg-black focus:!text-black",
+    day_today: "bg-gray-200 text-black",
+    day_outside: "day-outside text-[#94a3b8] aria-selected:bg-[#f1f5f9]/50 aria-selected:text-[#94a3b8]",
+    day_disabled: "text-[#94a3b8] opacity-50",
+    day_range_middle: "aria-selected:bg-[#f1f5f9] aria-selected:text-black",
+    day_hidden: "invisible",
+    ...classNames
+  };
+  console.log(finalClassNames);
+  return /* @__PURE__ */ jsx(
     DayPicker,
     {
       showOutsideDays,
       className: cn$1("p-3", className2),
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn$1(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground! rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn$1(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent! [&:has([aria-selected].day-outside)]:bg-accent/50! [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props2.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: cn$1(
-          buttonVariants({ variant: "ghost" }),
-          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start",
-        day_range_end: "day-range-end",
-        day_selected: "bg-primary! text-primary-foreground! hover:bg-primary! hover:text-primary-foreground! focus:bg-primary! focus:text-primary-foreground!",
-        day_today: "bg-accent! text-accent-foreground!",
-        day_outside: "day-outside text-muted-foreground! aria-selected:bg-accent/50! aria-selected:text-muted-foreground!",
-        day_disabled: "text-muted-foreground! opacity-50",
-        day_range_middle: "aria-selected:bg-accent! aria-selected:text-accent-foreground!",
-        day_hidden: "invisible",
-        ...classNames
-      },
+      classNames: finalClassNames,
       components: {
         IconLeft: () => /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
         IconRight: () => /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
       },
       ...props2
     }
-  ) });
+  );
 }
 Calendar.displayName = "Calendar";
 const ComboboxDemo = ({
@@ -77818,6 +77816,7 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
             },
             initialFocus: true,
             classNames: {
+              head_cell: "text-[#6b7280] rounded-md w-8 font-normal text-[0.8rem]",
               cell: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-[#f1f5f9] [&:has([aria-selected].day-outside)]:bg-[#f1f5f9]/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
               day_range_start: "day-range-start",
               day_range_end: "day-range-end",