@mlw-packages/react-components 1.7.24 → 1.7.26

package/dist/index.css

@@ -1042,9 +1042,6 @@ body {
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
-.max-h-\[calc\(100vh-4rem\)\] {
-  max-height: calc(100vh - 4rem);
-}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -1069,9 +1066,6 @@ body {
 .min-h-\[300px\] {
   min-height: 300px;
 }
-.min-h-\[36px\] {
-  min-height: 36px;
-}
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
@@ -1369,6 +1363,9 @@ body {
 .max-w-\[calc\(100\%-2rem\)\] {
   max-width: calc(100% - 2rem);
 }
+.max-w-\[calc\(100vw-16px\)\] {
+  max-width: calc(100vw - 16px);
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1788,6 +1785,9 @@ body {
 .overflow-y-scroll {
   overflow-y: scroll;
 }
+.scroll-smooth {
+  scroll-behavior: smooth;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1847,6 +1847,10 @@ body {
   border-bottom-right-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.rounded-b-none {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
 .rounded-b-xl {
   border-bottom-right-radius: 0.75rem;
   border-bottom-left-radius: 0.75rem;
@@ -1914,6 +1918,9 @@ body {
 .rounded-bl-md {
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.rounded-tl-none {
+  border-top-left-radius: 0px;
+}
 .rounded-tl-sm {
   border-top-left-radius: calc(var(--radius) - 4px);
 }
@@ -1937,6 +1944,10 @@ body {
   border-top-width: 1px;
   border-bottom-width: 1px;
 }
+.border-y-2 {
+  border-top-width: 2px;
+  border-bottom-width: 2px;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -1946,9 +1957,6 @@ body {
 .border-l {
   border-left-width: 1px;
 }
-.border-l-2 {
-  border-left-width: 2px;
-}
 .border-l-4 {
   border-left-width: 4px;
 }
@@ -1958,6 +1966,9 @@ body {
 .border-t {
   border-top-width: 1px;
 }
+.border-t-0 {
+  border-top-width: 0px;
+}
 .border-t-2 {
   border-top-width: 2px;
 }
@@ -3638,6 +3649,12 @@ body {
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\[-ms-overflow-style\:none\] {
+  -ms-overflow-style: none;
+}
+.\[scrollbar-width\:none\] {
+  scrollbar-width: none;
+}
 :root {
   --white: #ffffff;
   --purple: #8e68ff;
@@ -5585,9 +5602,6 @@ body {
 .dark\:hover\:bg-emerald-400\/20:hover:is(.dark *) {
   background-color: rgb(52 211 153 / 0.2);
 }
-.dark\:hover\:bg-input\/50:hover:is(.dark *) {
-  background-color: hsl(var(--input) / 0.5);
-}
 .dark\:hover\:bg-orange-400\/20:hover:is(.dark *) {
   background-color: rgb(251 146 60 / 0.2);
 }
@@ -5742,9 +5756,6 @@ body {
   .sm\:h-4 {
     height: 1rem;
   }
-  .sm\:h-5 {
-    height: 1.25rem;
-  }
   .sm\:h-6 {
     height: 1.5rem;
   }
@@ -5754,9 +5765,6 @@ body {
   .sm\:h-9 {
     height: 2.25rem;
   }
-  .sm\:min-h-\[40px\] {
-    min-height: 40px;
-  }
   .sm\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*3\)\] {
     min-height: calc((var(--event-height) + var(--event-gap)) * 3);
   }
@@ -5769,9 +5777,6 @@ body {
   .sm\:w-4 {
     width: 1rem;
   }
-  .sm\:w-5 {
-    width: 1.25rem;
-  }
   .sm\:w-6 {
     width: 1.5rem;
   }
@@ -5848,17 +5853,33 @@ body {
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0px * var(--tw-space-y-reverse));
   }
-  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-  }
   .sm\:whitespace-normal {
     white-space: normal;
   }
   .sm\:rounded-lg {
     border-radius: var(--radius);
   }
+  .sm\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+  .sm\:rounded-r-md {
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+  }
+  .sm\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+  .sm\:border-t {
+    border-top-width: 1px;
+  }
   .sm\:p-2 {
     padding: 0.5rem;
   }
@@ -6112,6 +6133,24 @@ body {
     line-height: 2rem;
   }
 }
+.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
+  border-radius: 9999px;
+}
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--muted));
+}
+.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/50::-webkit-scrollbar-thumb:hover {
+  background-color: hsl(var(--muted-foreground) / 0.5);
+}
+.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+  display: none;
+}
+.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
+  width: 0.5rem;
+}
 .\[\&\:has\(\[aria-selected\]\)\]\:bg-muted:has([aria-selected]) {
   background-color: hsl(var(--muted));
 }

package/dist/index.d.mts

@@ -658,7 +658,7 @@ declare const SheetCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.
 declare const SheetPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
@@ -791,8 +791,9 @@ type BannerProps = {
 
 interface DateTimePickerProps extends ErrorMessageProps {
     label?: string;
-    date: Date | undefined;
-    onChange: (date: Date | undefined) => void;
+    date: Date | null;
+    onChange?: (date: Date | null) => void;
+    onConfirm?: (date: Date | null) => void;
     displayFormat?: boolean;
     hideTime?: boolean;
     hideSeconds?: boolean;
@@ -802,24 +803,27 @@ interface DateTimePickerProps extends ErrorMessageProps {
     className?: string;
     error?: string;
 }
-declare function DateTimePicker({ label, date, onChange, displayFormat, hideTime, hideSeconds, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePicker({ label, date, onChange, onConfirm, displayFormat, hideTime, hideSeconds, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
 
 interface RangePickerProps extends ErrorMessageProps {
     value?: DateRange;
     onChange?: (range: DateRange | undefined) => void;
+    onConfirm?: (range: DateRange | undefined) => void;
     label?: string;
     minDate?: Date;
     maxDate?: Date;
     error?: string | undefined;
+    disabled?: boolean;
+    className?: string;
 }
-declare function RangePicker({ value, onChange, label, minDate, maxDate, error, }: RangePickerProps): react_jsx_runtime.JSX.Element;
+declare function RangePicker({ value, onChange, onConfirm, label, minDate, maxDate, error, disabled, className, }: RangePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace RangePicker {
     var displayName: string;
 }
 
 interface TimePickerProps {
-    date: Date | undefined;
-    setDate: (date: Date | undefined) => void;
+    date: Date | null;
+    setDate: (date: Date | null) => void;
     hideSeconds?: boolean;
     enableButton?: boolean;
 }
@@ -879,8 +883,8 @@ declare function display12HourValue(hours: number): string;
 
 interface TimePickerInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     picker: TimePickerType;
-    date: Date | undefined;
-    setDate: (date: Date | undefined) => void;
+    date: Date | null;
+    setDate: (date: Date | null) => void;
     period?: Period;
     onRightFocus?: () => void;
     onLeftFocus?: () => void;

package/dist/index.d.ts

@@ -658,7 +658,7 @@ declare const SheetCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.
 declare const SheetPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
@@ -791,8 +791,9 @@ type BannerProps = {
 
 interface DateTimePickerProps extends ErrorMessageProps {
     label?: string;
-    date: Date | undefined;
-    onChange: (date: Date | undefined) => void;
+    date: Date | null;
+    onChange?: (date: Date | null) => void;
+    onConfirm?: (date: Date | null) => void;
     displayFormat?: boolean;
     hideTime?: boolean;
     hideSeconds?: boolean;
@@ -802,24 +803,27 @@ interface DateTimePickerProps extends ErrorMessageProps {
     className?: string;
     error?: string;
 }
-declare function DateTimePicker({ label, date, onChange, displayFormat, hideTime, hideSeconds, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePicker({ label, date, onChange, onConfirm, displayFormat, hideTime, hideSeconds, fromDate, toDate, disabled, className, error, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
 
 interface RangePickerProps extends ErrorMessageProps {
     value?: DateRange;
     onChange?: (range: DateRange | undefined) => void;
+    onConfirm?: (range: DateRange | undefined) => void;
     label?: string;
     minDate?: Date;
     maxDate?: Date;
     error?: string | undefined;
+    disabled?: boolean;
+    className?: string;
 }
-declare function RangePicker({ value, onChange, label, minDate, maxDate, error, }: RangePickerProps): react_jsx_runtime.JSX.Element;
+declare function RangePicker({ value, onChange, onConfirm, label, minDate, maxDate, error, disabled, className, }: RangePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace RangePicker {
     var displayName: string;
 }
 
 interface TimePickerProps {
-    date: Date | undefined;
-    setDate: (date: Date | undefined) => void;
+    date: Date | null;
+    setDate: (date: Date | null) => void;
     hideSeconds?: boolean;
     enableButton?: boolean;
 }
@@ -879,8 +883,8 @@ declare function display12HourValue(hours: number): string;
 
 interface TimePickerInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     picker: TimePickerType;
-    date: Date | undefined;
-    setDate: (date: Date | undefined) => void;
+    date: Date | null;
+    setDate: (date: Date | null) => void;
     period?: Period;
     onRightFocus?: () => void;
     onLeftFocus?: () => void;