@sustaina/shared-ui 1.58.0 → 1.59.0

package/dist/index.d.mts

@@ -524,9 +524,10 @@ type DatePickerProps$1 = {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
+    defaultMonth?: Date;
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /** ---------- Component ---------- */
-declare function DatePicker$1({ selectionMode, selectedDate, onDateSelect, selectedRange, onRangeSelect, callbacks, onMonthBackward, onMonthForward, variant, minDate, maxDate, disabledDates, className, ...props }: DatePickerProps$1): react_jsx_runtime.JSX.Element;
+declare function DatePicker$1({ selectionMode, selectedDate, onDateSelect, selectedRange, onRangeSelect, callbacks, onMonthBackward, onMonthForward, variant, minDate, maxDate, disabledDates, defaultMonth, className, ...props }: DatePickerProps$1): react_jsx_runtime.JSX.Element;
 
 type CalendarProps$1 = React__default.ComponentProps<typeof DatePicker$1>;
 type DateRange = {
@@ -1867,6 +1868,8 @@ type MenuItem = {
     subItems?: MenuItem[];
     /** Click handler (plain items and sub-trigger items only). */
     onClick?: () => void;
+    /** Extra class names forwarded to the rendered menu item element. */
+    className?: string;
 };
 type ActionItemGroup = {
     /** Optional label rendered above the group. */

package/dist/index.d.ts

@@ -524,9 +524,10 @@ type DatePickerProps$1 = {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
+    defaultMonth?: Date;
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /** ---------- Component ---------- */
-declare function DatePicker$1({ selectionMode, selectedDate, onDateSelect, selectedRange, onRangeSelect, callbacks, onMonthBackward, onMonthForward, variant, minDate, maxDate, disabledDates, className, ...props }: DatePickerProps$1): react_jsx_runtime.JSX.Element;
+declare function DatePicker$1({ selectionMode, selectedDate, onDateSelect, selectedRange, onRangeSelect, callbacks, onMonthBackward, onMonthForward, variant, minDate, maxDate, disabledDates, defaultMonth, className, ...props }: DatePickerProps$1): react_jsx_runtime.JSX.Element;
 
 type CalendarProps$1 = React__default.ComponentProps<typeof DatePicker$1>;
 type DateRange = {
@@ -1867,6 +1868,8 @@ type MenuItem = {
     subItems?: MenuItem[];
     /** Click handler (plain items and sub-trigger items only). */
     onClick?: () => void;
+    /** Extra class names forwarded to the rendered menu item element. */
+    className?: string;
 };
 type ActionItemGroup = {
     /** Optional label rendered above the group. */

package/dist/index.js

@@ -5062,13 +5062,14 @@ function DatePicker({
   minDate,
   maxDate,
   disabledDates,
+  defaultMonth,
   className,
   ...props
 }) {
   const today = React__namespace.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
   const normalizedRangeStart = clampToDay(selectedRange?.start);
   const normalizedRangeEnd = clampToDay(selectedRange?.end);
-  const initialDisplay = selectionMode === "range" ? normalizedRangeStart ?? normalizedRangeEnd ?? /* @__PURE__ */ new Date() : selectedDate ? new Date(selectedDate) : /* @__PURE__ */ new Date();
+  const initialDisplay = defaultMonth ? new Date(defaultMonth) : selectionMode === "range" ? normalizedRangeStart ?? normalizedRangeEnd ?? /* @__PURE__ */ new Date() : selectedDate ? new Date(selectedDate) : /* @__PURE__ */ new Date();
   const [displayed, setDisplayed] = React__namespace.useState(initialDisplay);
   minDate = clampToDay(minDate);
   maxDate = clampToDay(maxDate);
@@ -9954,7 +9955,7 @@ function DialogHeader2({ className, children, ...props }) {
           SheetPrimitive__namespace.Close,
           {
             "data-slot": "dialog-close",
-            className: "absolute right-4 top-4 rounded-xs opacity-80 hover:opacity-100 transition-opacity focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            className: "absolute right-4 top-4 rounded-xs opacity-80 hover:opacity-100 transition-opacity focus:outline-hidden",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
@@ -11688,7 +11689,7 @@ function DropdownMenuSubTrigger({
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
       className: cn(
-        "data-highlighted:bg-[#EAF5EE] data-highlighted:text-[#379A2A] focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-3 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "data-highlighted:bg-[#EAF5EE] data-highlighted:text-[#379A2A] focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-3 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -17456,7 +17457,7 @@ var ActionMenu = ({
 var renderMenuItem = (item) => {
   if (item.subItems && item.subItems.length > 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { disabled: item.disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { disabled: item.disabled, className: item.className, children: [
         item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
         item.label
       ] }),
@@ -17470,6 +17471,7 @@ var renderMenuItem = (item) => {
         checked: item.checked,
         onCheckedChange: item.onCheckedChange,
         disabled: item.disabled,
+        className: item.className,
         children: [
           item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
           item.label,
@@ -17480,11 +17482,20 @@ var renderMenuItem = (item) => {
     );
   }
   if (item.type === "radio") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: item.value ?? item.label, disabled: item.disabled, children: [
-      item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
-      item.label,
-      item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: item.shortcut })
-    ] }, item.label);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenuRadioItem,
+      {
+        value: item.value ?? item.label,
+        disabled: item.disabled,
+        className: item.className,
+        children: [
+          item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
+          item.label,
+          item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: item.shortcut })
+        ]
+      },
+      item.label
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuItem,
@@ -17492,6 +17503,7 @@ var renderMenuItem = (item) => {
       onClick: item.onClick,
       disabled: item.disabled,
       variant: item.variant,
+      className: item.className,
       children: [
         item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
         item.label,