@embedreach/components 0.2.47 → 0.2.49

package/dist/chunks/index.js

@@ -77646,23 +77646,20 @@ function Calendar({
         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]",
+        head_cell: "text-[#6b7280] 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"
-        ),
+        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-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_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
       },
@@ -77816,7 +77813,17 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
               today.setHours(0, 0, 0, 0);
               return date2 < today;
             },
-            initialFocus: true
+            initialFocus: true,
+            classNames: {
+              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",
+              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"
+            }
           }
         ) })
       ] }),
@@ -79443,7 +79450,8 @@ function MultiSelectDialog({
   searchPlaceholder = "Search items...",
   emptyMessage = "No items found",
   handleSearchInput,
-  extraCommandItems = []
+  extraCommandItems = [],
+  disabled = false
 }) {
   const [open, setOpen] = React.useState(false);
   const [searchQuery, setSearchQuery] = React.useState("");
@@ -79464,6 +79472,7 @@ function MultiSelectDialog({
     });
   }, [selectedValues, options]);
   const handleItemToggle = (optionValue) => {
+    if (disabled) return;
     setTempSelected((prev) => {
       const isSelected = prev.includes(optionValue);
       if (isSelected) {
@@ -79477,6 +79486,7 @@ function MultiSelectDialog({
     });
   };
   const handleSelectAll = () => {
+    if (disabled) return;
     const availableOptions = filteredOptions.filter(
       (option) => !tempSelected.includes(option.value)
     );
@@ -79484,20 +79494,24 @@ function MultiSelectDialog({
     setTempSelected((prev) => [...prev, ...toAdd.map((opt) => opt.value)]);
   };
   const handleDeselectAll = () => {
+    if (disabled) return;
     const filteredValues = new Set(filteredOptions.map((option) => option.value));
     setTempSelected((prev) => prev.filter((item) => !filteredValues.has(item)));
   };
   const handleApply = () => {
+    if (disabled) return;
     onValueChange(tempSelected);
     setSelectedValues(tempSelected);
     setOpen(false);
   };
   const handleCancel = () => {
+    if (disabled) return;
     setTempSelected(selectedValues);
     setSearchQuery("");
     setOpen(false);
   };
   const handleSearchKeyDown = (e4) => {
+    if (disabled) return;
     if (e4.key === "Enter" && searchQuery.trim() && handleSearchInput) {
       e4.preventDefault();
       handleSearchInput(searchQuery.trim());
@@ -79522,6 +79536,7 @@ function MultiSelectDialog({
       {
         variant: "outline",
         className: "w-full justify-between text-left font-normal h-9 p-3",
+        disabled,
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex flex-nowrap items-center gap-1 max-w-[70%]", children: selectedDisplay.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) : selectedDisplay.length <= 2 ? selectedDisplay.map((item) => /* @__PURE__ */ jsx(
             Badge,
@@ -79572,7 +79587,8 @@ function MultiSelectDialog({
             value: searchQuery,
             onChange: (e4) => setSearchQuery(e4.target.value),
             onKeyDown: handleSearchKeyDown,
-            className: "pl-10 h-11"
+            className: "pl-10 h-11",
+            disabled
           }
         ),
         handleSearchInput && searchQuery.trim() && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx(
@@ -79582,9 +79598,11 @@ function MultiSelectDialog({
             variant: "ghost",
             className: "h-6 w-6 p-0",
             onClick: () => {
+              if (disabled) return;
               handleSearchInput(searchQuery.trim());
               setSearchQuery("");
             },
+            disabled,
             children: /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-3 w-3" })
           }
         ) })
@@ -79604,7 +79622,7 @@ function MultiSelectDialog({
               variant: "ghost",
               size: "sm",
               onClick: handleSelectAll,
-              disabled: !canSelectMore || filteredSelectedCount === filteredOptions.length,
+              disabled: disabled || !canSelectMore || filteredSelectedCount === filteredOptions.length,
               className: "h-8 text-xs",
               children: "Select All"
             }
@@ -79615,7 +79633,7 @@ function MultiSelectDialog({
               variant: "ghost",
               size: "sm",
               onClick: handleDeselectAll,
-              disabled: filteredSelectedCount === 0,
+              disabled: disabled || filteredSelectedCount === 0,
               className: "h-8 text-xs",
               children: "Clear All"
             }
@@ -79638,9 +79656,11 @@ function MultiSelectDialog({
               size: "sm",
               className: "mt-3",
               onClick: () => {
+                if (disabled) return;
                 handleSearchInput(searchQuery.trim());
                 setSearchQuery("");
               },
+              disabled,
               children: [
                 /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-3 w-3 mr-1" }),
                 'Add "',
@@ -79651,7 +79671,7 @@ function MultiSelectDialog({
           )
         ] }) : filteredOptions.map((option) => {
           const isSelected = tempSelected.includes(option.value);
-          const isDisabled = !isSelected && !canSelectMore;
+          const isDisabled = disabled || !isSelected && !canSelectMore;
           return /* @__PURE__ */ jsxs(
             CommandItem,
             {
@@ -79677,12 +79697,22 @@ function MultiSelectDialog({
       ] }) }) }),
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsx("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsx(Button$1, { variant: "outline", onClick: handleCancel, className: "flex-1", children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "outline",
+            onClick: handleCancel,
+            className: "flex-1",
+            disabled,
+            children: "Cancel"
+          }
+        ),
         /* @__PURE__ */ jsxs(
           Button$1,
           {
             onClick: handleApply,
             className: "flex-1 bg-primary hover:bg-primary/90",
+            disabled,
             children: [
               "Apply (",
               selectedCount,