@moving-walls/design-system 1.0.16 → 1.0.18

package/dist/components/ui/DatePicker.d.ts

@@ -8,5 +8,6 @@ export interface DatePickerProps {
     error?: string;
     minDate?: Date;
     maxDate?: Date;
+    align?: 'left' | 'right';
 }
-export declare function DatePicker({ value, onChange, placeholder, disabled, className, label, error, minDate, maxDate }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ value, onChange, placeholder, disabled, className, label, error, minDate, maxDate, align }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/DateRangePicker.d.ts

@@ -19,6 +19,7 @@ interface DateRangePickerProps {
         label: string;
         range: DateRange;
     }>;
+    align?: 'left' | 'right';
 }
-export declare function DateRangePicker({ value, onChange, placeholder, disabled, required, clearable, minDate, maxDate, numberOfMonths, className, format, presets }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker({ value, onChange, placeholder, disabled, required, clearable, minDate, maxDate, numberOfMonths, className, format, presets, align }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

package/dist/components/ui/PageHeader.d.ts

@@ -4,7 +4,7 @@ export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Description shown below the title */
     description?: string;
     /** Alias for description (backward compat) */
-    subtitle?: string;
+    subtitle?: React.ReactNode;
     /** i18n key for the title (consumer passes pre-translated string as title) */
     titleKey?: string;
     /** i18n key for the description */

package/dist/index.esm.js

@@ -36132,7 +36132,9 @@ function DatePicker(_ref) {
     label = _ref.label,
     error = _ref.error,
     minDate = _ref.minDate,
-    maxDate = _ref.maxDate;
+    maxDate = _ref.maxDate,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -36211,7 +36213,7 @@ function DatePicker(_ref) {
       className: "mt-1 text-sm text-mw-error-600 dark:text-mw-error-400",
       children: error
     }), isOpen && jsxs("div", {
-      className: "absolute z-50 mt-1 bg-white dark:bg-mw-neutral-800 border border-mw-neutral-200 dark:border-mw-neutral-700 rounded-md shadow-lg p-4 min-w-[280px]",
+      className: clsx("absolute z-50 mt-1 bg-white dark:bg-mw-neutral-800 border border-mw-neutral-200 dark:border-mw-neutral-700 rounded-md shadow-lg p-4 min-w-[280px]", align === 'right' ? 'right-0' : 'left-0'),
       children: [jsxs("div", {
         className: "flex items-center justify-between mb-4",
         children: [jsx(Button, {
@@ -36468,7 +36470,9 @@ function DateRangePicker(_ref3) {
     _ref3$format = _ref3.format,
     format = _ref3$format === void 0 ? 'MM/dd/yyyy' : _ref3$format,
     _ref3$presets = _ref3.presets,
-    presets = _ref3$presets === void 0 ? defaultPresets$1 : _ref3$presets;
+    presets = _ref3$presets === void 0 ? defaultPresets$1 : _ref3$presets,
+    _ref3$align = _ref3.align,
+    align = _ref3$align === void 0 ? 'left' : _ref3$align;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -36586,7 +36590,7 @@ function DateRangePicker(_ref3) {
         })]
       })]
     }), isOpen && jsxs("div", {
-      className: "absolute z-50 mt-1 bg-white dark:bg-mw-neutral-800 border border-mw-neutral-200 dark:border-mw-neutral-700 rounded-lg shadow-lg",
+      className: cn$p("absolute z-50 mt-1 bg-white dark:bg-mw-neutral-800 border border-mw-neutral-200 dark:border-mw-neutral-700 rounded-lg shadow-lg", align === 'right' ? 'right-0' : 'left-0'),
       children: [jsxs("div", {
         className: "flex",
         children: [presets.length > 0 && jsxs("div", {
@@ -45878,7 +45882,7 @@ function SheetHeader(_a) {
     className = _a.className,
     props = __rest$1(_a, ["children", "className"]);
   return jsx("div", Object.assign({
-    className: clsx("flex items-center justify-between px-6 py-4 border-b border-mw-neutral-200 dark:border-mw-neutral-700", className)
+    className: clsx("flex flex-col gap-1 px-6 pr-14 py-4 border-b border-mw-neutral-200 dark:border-mw-neutral-700", className)
   }, props, {
     children: children
   }));