@webiny/admin-ui 6.3.0-beta.2 → 6.3.0-beta.3

package/DatePicker/utils/dateHelpers.d.ts

@@ -0,0 +1,24 @@
+export declare function formatDateForDisplay(value: Date | string | number | {
+    from?: string;
+    to?: string;
+} | Date[] | string[] | number[] | undefined, type: string, displayFormat?: string): string | undefined;
+export declare function defaultYearRange(centerYear?: number): [number, number];
+export declare function formatMonthValue(year: number, month: number): string;
+export declare function parseMonthValue(value: string): {
+    year: number;
+    month: number;
+} | undefined;
+export declare function formatTimeValue(date: Date): string;
+export declare function parseTimeValue(time: string): {
+    hours: number;
+    minutes: number;
+} | undefined;
+export declare function toIsoWithTz(date: Date, timezone?: string): string;
+export declare function getLocalTimezone(): string;
+export declare function extractTimezone(isoString: string): string | undefined;
+export declare function toLocalNaive(isoString: string): Date;
+export declare function formatWeekValue(date: Date): string;
+export declare function parseWeekValue(value: string): {
+    year: number;
+    week: number;
+} | undefined;

package/DatePicker/utils/dateHelpers.js

@@ -0,0 +1,184 @@
+import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from "date-fns";
+import { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from "./constants.js";
+export function formatDateForDisplay(value, type, displayFormat) {
+  if (value === undefined || value === null) {
+    return undefined;
+  }
+  switch (type) {
+    case "date":
+      return format(new Date(value), displayFormat ?? "PPP");
+    case "time":
+      return value;
+    case "dateTimeLocal":
+      return format(new Date(value), displayFormat ?? "PPP p");
+    case "dateTimeTz":
+      {
+        if (!value) {
+          return undefined;
+        }
+        const isoStr = value;
+        const tzMatch = isoStr.match(/([+-]\d{2}:\d{2})$/);
+        const tz = tzMatch ? `UTC${tzMatch[1]}` : "";
+        const dateWithoutTz = isoStr.replace(/[+-]\d{2}:\d{2}$/, "");
+        const parts = dateWithoutTz.split("T");
+        if (parts.length < 2) {
+          return isoStr;
+        }
+        const datePart = new Date(parts[0] + "T00:00:00");
+        const timeParts = parts[1].split(":");
+        const hours = Number(timeParts[0]);
+        const minutes = timeParts[1] ?? "00";
+        const ampm = hours >= 12 ? "PM" : "AM";
+        const h12 = hours % 12 || 12;
+        if (displayFormat) {
+          return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;
+        }
+        return `${format(datePart, "PPP")} ${h12}:${minutes} ${ampm} (${tz})`;
+      }
+    case "month":
+      {
+        if (displayFormat) {
+          const parsed = parseMonthValue(value);
+          if (!parsed) {
+            return undefined;
+          }
+          return format(new Date(parsed.year, parsed.month), displayFormat);
+        }
+        const parsed = parseMonthValue(value);
+        if (!parsed) {
+          return undefined;
+        }
+        return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;
+      }
+    case "week":
+      {
+        const parsed = parseWeekValue(value);
+        if (!parsed) {
+          return undefined;
+        }
+        const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));
+        const weekEnd = endOfISOWeek(weekStart);
+        if (displayFormat) {
+          return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;
+        }
+        return `Week ${parsed.week}, ${format(weekStart, "MMM d")} – ${format(weekEnd, "MMM d, yyyy")}`;
+      }
+    case "year":
+      return String(value);
+    case "dateRange":
+      {
+        const range = value;
+        const fmt = displayFormat ?? "PPP";
+        if (!range.from) {
+          return undefined;
+        }
+        if (!range.to) {
+          return format(new Date(range.from), fmt);
+        }
+        return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;
+      }
+    case "multipleDates":
+      {
+        const dates = value;
+        if (dates.length === 0) {
+          return undefined;
+        }
+        return `${dates.length} date${dates.length > 1 ? "s" : ""} selected`;
+      }
+    case "multipleMonths":
+      {
+        const months = value;
+        if (months.length === 0) {
+          return undefined;
+        }
+        return `${months.length} month${months.length > 1 ? "s" : ""} selected`;
+      }
+    case "multipleYears":
+      {
+        const years = value;
+        if (years.length === 0) {
+          return undefined;
+        }
+        return `${years.length} year${years.length > 1 ? "s" : ""} selected`;
+      }
+    default:
+      return undefined;
+  }
+}
+export function defaultYearRange(centerYear) {
+  const center = centerYear ?? new Date().getFullYear();
+  const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);
+  return [center - half, center + half - 1];
+}
+export function formatMonthValue(year, month) {
+  return `${year}-${String(month + 1).padStart(2, "0")}`;
+}
+export function parseMonthValue(value) {
+  const match = value.match(/^(\d{4})-(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    year: Number(match[1]),
+    month: Number(match[2]) - 1
+  };
+}
+export function formatTimeValue(date) {
+  return format(date, "HH:mm");
+}
+export function parseTimeValue(time) {
+  const match = time.match(/^(\d{2}):(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    hours: Number(match[1]),
+    minutes: Number(match[2])
+  };
+}
+export function toIsoWithTz(date, timezone) {
+  if (timezone) {
+    return format(date, "yyyy-MM-dd'T'HH:mm:ss") + timezone;
+  }
+  const offset = -date.getTimezoneOffset();
+  const sign = offset >= 0 ? "+" : "-";
+  const absOffset = Math.abs(offset);
+  const hours = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const minutes = String(absOffset % 60).padStart(2, "0");
+  return format(date, "yyyy-MM-dd'T'HH:mm:ss") + `${sign}${hours}:${minutes}`;
+}
+export function getLocalTimezone() {
+  const offset = -new Date().getTimezoneOffset();
+  const sign = offset >= 0 ? "+" : "-";
+  const absOffset = Math.abs(offset);
+  const hours = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const minutes = String(absOffset % 60).padStart(2, "0");
+  return `${sign}${hours}:${minutes}`;
+}
+export function extractTimezone(isoString) {
+  const match = isoString.match(/([+-]\d{2}:\d{2})$/);
+  if (match) {
+    return match[1];
+  }
+  return undefined;
+}
+export function toLocalNaive(isoString) {
+  return new Date(isoString);
+}
+export function formatWeekValue(date) {
+  const week = getISOWeek(date);
+  const year = getISOWeekYear(date);
+  return `${year}-W${String(week).padStart(2, "0")}`;
+}
+export function parseWeekValue(value) {
+  const match = value.match(/^(\d{4})-W(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    year: Number(match[1]),
+    week: Number(match[2])
+  };
+}
+
+//# sourceMappingURL=dateHelpers.js.map

package/DatePicker/utils/dateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["format","getISOWeek","getISOWeekYear","startOfISOWeek","endOfISOWeek","DEFAULT_YEAR_RANGE_SIZE","MONTH_NAMES_SHORT","formatDateForDisplay","value","type","displayFormat","undefined","Date","isoStr","tzMatch","match","tz","dateWithoutTz","replace","parts","split","length","datePart","timeParts","hours","Number","minutes","ampm","h12","parsed","parseMonthValue","year","month","parseWeekValue","weekStart","week","weekEnd","String","range","fmt","from","to","dates","months","years","defaultYearRange","centerYear","center","getFullYear","half","Math","floor","formatMonthValue","padStart","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","getTimezoneOffset","sign","absOffset","abs","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue"],"sources":["dateHelpers.ts"],"sourcesContent":["import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from \"date-fns\";\nimport { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from \"./constants.js\";\n\nexport function formatDateForDisplay(\n    value:\n        | Date\n        | string\n        | number\n        | { from?: string; to?: string }\n        | Date[]\n        | string[]\n        | number[]\n        | undefined,\n    type: string,\n    displayFormat?: string\n): string | undefined {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n\n    switch (type) {\n        case \"date\":\n            return format(new Date(value as string), displayFormat ?? \"PPP\");\n        case \"time\":\n            return value as string;\n        case \"dateTimeLocal\":\n            return format(new Date(value as string), displayFormat ?? \"PPP p\");\n        case \"dateTimeTz\": {\n            if (!value) {\n                return undefined;\n            }\n            const isoStr = value as string;\n            const tzMatch = isoStr.match(/([+-]\\d{2}:\\d{2})$/);\n            const tz = tzMatch ? `UTC${tzMatch[1]}` : \"\";\n            const dateWithoutTz = isoStr.replace(/[+-]\\d{2}:\\d{2}$/, \"\");\n            const parts = dateWithoutTz.split(\"T\");\n            if (parts.length < 2) {\n                return isoStr;\n            }\n            const datePart = new Date(parts[0] + \"T00:00:00\");\n            const timeParts = parts[1].split(\":\");\n            const hours = Number(timeParts[0]);\n            const minutes = timeParts[1] ?? \"00\";\n            const ampm = hours >= 12 ? \"PM\" : \"AM\";\n            const h12 = hours % 12 || 12;\n            if (displayFormat) {\n                return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;\n            }\n            return `${format(datePart, \"PPP\")} ${h12}:${minutes} ${ampm} (${tz})`;\n        }\n        case \"month\": {\n            if (displayFormat) {\n                const parsed = parseMonthValue(value as string);\n                if (!parsed) {\n                    return undefined;\n                }\n                return format(new Date(parsed.year, parsed.month), displayFormat);\n            }\n            const parsed = parseMonthValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;\n        }\n        case \"week\": {\n            const parsed = parseWeekValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));\n            const weekEnd = endOfISOWeek(weekStart);\n            if (displayFormat) {\n                return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;\n            }\n            return `Week ${parsed.week}, ${format(weekStart, \"MMM d\")} – ${format(weekEnd, \"MMM d, yyyy\")}`;\n        }\n        case \"year\":\n            return String(value);\n        case \"dateRange\": {\n            const range = value as { from?: string; to?: string };\n            const fmt = displayFormat ?? \"PPP\";\n            if (!range.from) {\n                return undefined;\n            }\n            if (!range.to) {\n                return format(new Date(range.from), fmt);\n            }\n            return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;\n        }\n        case \"multipleDates\": {\n            const dates = value as string[];\n            if (dates.length === 0) {\n                return undefined;\n            }\n            return `${dates.length} date${dates.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleMonths\": {\n            const months = value as string[];\n            if (months.length === 0) {\n                return undefined;\n            }\n            return `${months.length} month${months.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleYears\": {\n            const years = value as number[];\n            if (years.length === 0) {\n                return undefined;\n            }\n            return `${years.length} year${years.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        default:\n            return undefined;\n    }\n}\n\nexport function defaultYearRange(centerYear?: number): [number, number] {\n    const center = centerYear ?? new Date().getFullYear();\n    const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);\n    return [center - half, center + half - 1];\n}\n\nexport function formatMonthValue(year: number, month: number): string {\n    return `${year}-${String(month + 1).padStart(2, \"0\")}`;\n}\n\nexport function parseMonthValue(value: string): { year: number; month: number } | undefined {\n    const match = value.match(/^(\\d{4})-(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), month: Number(match[2]) - 1 };\n}\n\nexport function formatTimeValue(date: Date): string {\n    return format(date, \"HH:mm\");\n}\n\nexport function parseTimeValue(time: string): { hours: number; minutes: number } | undefined {\n    const match = time.match(/^(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { hours: Number(match[1]), minutes: Number(match[2]) };\n}\n\nexport function toIsoWithTz(date: Date, timezone?: string): string {\n    if (timezone) {\n        return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone;\n    }\n    const offset = -date.getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + `${sign}${hours}:${minutes}`;\n}\n\nexport function getLocalTimezone(): string {\n    const offset = -new Date().getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return `${sign}${hours}:${minutes}`;\n}\n\nexport function extractTimezone(isoString: string): string | undefined {\n    const match = isoString.match(/([+-]\\d{2}:\\d{2})$/);\n    if (match) {\n        return match[1];\n    }\n    return undefined;\n}\n\nexport function toLocalNaive(isoString: string): Date {\n    return new Date(isoString);\n}\n\nexport function formatWeekValue(date: Date): string {\n    const week = getISOWeek(date);\n    const year = getISOWeekYear(date);\n    return `${year}-W${String(week).padStart(2, \"0\")}`;\n}\n\nexport function parseWeekValue(value: string): { year: number; week: number } | undefined {\n    const match = value.match(/^(\\d{4})-W(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), week: Number(match[2]) };\n}\n"],"mappings":"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","ignoreList":[]}

package/DatePicker/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types.js";
+export * from "./dateHelpers.js";
+export * from "./constants.js";

package/DatePicker/utils/index.js

@@ -0,0 +1,5 @@
+export * from "./types.js";
+export * from "./dateHelpers.js";
+export * from "./constants.js";
+
+//# sourceMappingURL=index.js.map

package/DatePicker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./types.js\";\nexport * from \"./dateHelpers.js\";\nexport * from \"./constants.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/DatePicker/utils/types.d.ts

@@ -0,0 +1,81 @@
+import type { InputPrimitiveProps } from "../../Input/index.js";
+interface DatePickerPreset {
+    label: string;
+    value: () => Date;
+}
+interface DatePickerBaseProps {
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    size?: InputPrimitiveProps["size"];
+    variant?: InputPrimitiveProps["variant"];
+    invalid?: InputPrimitiveProps["invalid"];
+    yearRange?: [number, number];
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    onOpenChange?: (open: boolean) => void;
+    displayFormat?: string;
+}
+interface DateOnlyPickerProps extends DatePickerBaseProps {
+    type: "date";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    presets?: DatePickerPreset[];
+}
+interface TimeOnlyPickerProps extends DatePickerBaseProps {
+    type: "time";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeLocalPickerProps extends DatePickerBaseProps {
+    type: "dateTimeLocal";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeTzPickerProps extends DatePickerBaseProps {
+    type: "dateTimeTz";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface MonthPickerProps extends DatePickerBaseProps {
+    type: "month";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface WeekPickerProps extends DatePickerBaseProps {
+    type: "week";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface YearPickerProps extends DatePickerBaseProps {
+    type: "year";
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+}
+interface DateRangePickerProps extends DatePickerBaseProps {
+    type: "dateRange";
+    value?: {
+        from?: string;
+        to?: string;
+    };
+    onChange?: (value: {
+        from?: string;
+        to?: string;
+    } | undefined) => void;
+}
+interface MultipleDatesPickerProps extends DatePickerBaseProps {
+    type: "multipleDates";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleMonthsPickerProps extends DatePickerBaseProps {
+    type: "multipleMonths";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleYearsPickerProps extends DatePickerBaseProps {
+    type: "multipleYears";
+    value?: number[];
+    onChange?: (value: number[]) => void;
+}
+type DatePickerPrimitiveProps = DateOnlyPickerProps | TimeOnlyPickerProps | DateTimeLocalPickerProps | DateTimeTzPickerProps | MonthPickerProps | WeekPickerProps | YearPickerProps | DateRangePickerProps | MultipleDatesPickerProps | MultipleMonthsPickerProps | MultipleYearsPickerProps;
+export { type DatePickerPreset, type DatePickerBaseProps, type DatePickerPrimitiveProps, type DateOnlyPickerProps, type TimeOnlyPickerProps, type DateTimeLocalPickerProps, type DateTimeTzPickerProps, type MonthPickerProps, type WeekPickerProps, type YearPickerProps, type DateRangePickerProps, type MultipleDatesPickerProps, type MultipleMonthsPickerProps, type MultipleYearsPickerProps };

package/DatePicker/utils/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/DatePicker/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { InputPrimitiveProps } from \"~/Input/index.js\";\n\ninterface DatePickerPreset {\n    label: string;\n    value: () => Date;\n}\n\ninterface DatePickerBaseProps {\n    placeholder?: string;\n    disabled?: boolean;\n    className?: string;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    yearRange?: [number, number];\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    onOpenChange?: (open: boolean) => void;\n    displayFormat?: string;\n}\n\ninterface DateOnlyPickerProps extends DatePickerBaseProps {\n    type: \"date\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n    presets?: DatePickerPreset[];\n}\n\ninterface TimeOnlyPickerProps extends DatePickerBaseProps {\n    type: \"time\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface DateTimeLocalPickerProps extends DatePickerBaseProps {\n    type: \"dateTimeLocal\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface DateTimeTzPickerProps extends DatePickerBaseProps {\n    type: \"dateTimeTz\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface MonthPickerProps extends DatePickerBaseProps {\n    type: \"month\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface WeekPickerProps extends DatePickerBaseProps {\n    type: \"week\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface YearPickerProps extends DatePickerBaseProps {\n    type: \"year\";\n    value?: number;\n    onChange?: (value: number | undefined) => void;\n}\n\ninterface DateRangePickerProps extends DatePickerBaseProps {\n    type: \"dateRange\";\n    value?: { from?: string; to?: string };\n    onChange?: (value: { from?: string; to?: string } | undefined) => void;\n}\n\ninterface MultipleDatesPickerProps extends DatePickerBaseProps {\n    type: \"multipleDates\";\n    value?: string[];\n    onChange?: (value: string[]) => void;\n}\n\ninterface MultipleMonthsPickerProps extends DatePickerBaseProps {\n    type: \"multipleMonths\";\n    value?: string[];\n    onChange?: (value: string[]) => void;\n}\n\ninterface MultipleYearsPickerProps extends DatePickerBaseProps {\n    type: \"multipleYears\";\n    value?: number[];\n    onChange?: (value: number[]) => void;\n}\n\ntype DatePickerPrimitiveProps =\n    | DateOnlyPickerProps\n    | TimeOnlyPickerProps\n    | DateTimeLocalPickerProps\n    | DateTimeTzPickerProps\n    | MonthPickerProps\n    | WeekPickerProps\n    | YearPickerProps\n    | DateRangePickerProps\n    | MultipleDatesPickerProps\n    | MultipleMonthsPickerProps\n    | MultipleYearsPickerProps;\n\nexport {\n    type DatePickerPreset,\n    type DatePickerBaseProps,\n    type DatePickerPrimitiveProps,\n    type DateOnlyPickerProps,\n    type TimeOnlyPickerProps,\n    type DateTimeLocalPickerProps,\n    type DateTimeTzPickerProps,\n    type MonthPickerProps,\n    type WeekPickerProps,\n    type YearPickerProps,\n    type DateRangePickerProps,\n    type MultipleDatesPickerProps,\n    type MultipleMonthsPickerProps,\n    type MultipleYearsPickerProps\n};\n"],"mappings":"","ignoreList":[]}

package/Dialog/Dialog.d.ts

@@ -8,6 +8,7 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     showCloseButton?: boolean;
     dismissible?: boolean;
     bodyPadding?: boolean;
+    scrollable?: boolean;
     description?: React.ReactNode;
     children: React.ReactNode;
     actions?: React.ReactNode;

package/Dialog/Dialog.js

@@ -43,6 +43,7 @@ const DialogBase = props => {
       // Body props.
       children,
       bodyPadding,
+      scrollable,
       // Footer props.
       actions,
       info,
@@ -85,6 +86,7 @@ const DialogBase = props => {
       bodyProps: {
         children,
         bodyPadding,
+        scrollable,
         size
       },
       footerProps: {
@@ -107,9 +109,13 @@ const DialogBase = props => {
   })), /*#__PURE__*/React.createElement(DialogPortal, null, /*#__PURE__*/React.createElement("div", {
     "data-role": "dialog",
     className: "z-overlay absolute"
-  }, /*#__PURE__*/React.createElement(DialogOverlay, null), /*#__PURE__*/React.createElement(DialogContent, contentProps, /*#__PURE__*/React.createElement(DialogHeader, headerProps), /*#__PURE__*/React.createElement(DialogBody, bodyProps), /*#__PURE__*/React.createElement(DialogFooter, footerProps), closeButtonProps.show && /*#__PURE__*/React.createElement(CloseDialogIconButton, {
-    size: closeButtonProps.size
-  })))));
+  }, /*#__PURE__*/React.createElement(DialogOverlay, null), /*#__PURE__*/React.createElement(DialogContent, Object.assign({}, contentProps, {
+    header: /*#__PURE__*/React.createElement(DialogHeader, headerProps),
+    footer: /*#__PURE__*/React.createElement(DialogFooter, footerProps),
+    closeButton: closeButtonProps.show ? /*#__PURE__*/React.createElement(CloseDialogIconButton, {
+      size: closeButtonProps.size
+    }) : undefined
+  }), /*#__PURE__*/React.createElement(DialogBody, bodyProps)))));
 };
 DialogBase.displayName = "Dialog";
 const DecoratableDialog = makeDecoratable("Dialog", DialogBase);

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogOverlay","DialogPortal","DialogRoot","DialogTrigger","Icon","ConfirmAction","CancelAction","CloseDialogIconButton","DialogClose","DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","actions","info","showCloseButton","rest","createElement","show","Object","assign","asChild","className","displayName","DecoratableDialog","Dialog","Close"],"sources":["Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent {...contentProps}>\n                        <DialogHeader {...headerProps} />\n                        <DialogBody {...bodyProps} />\n                        <DialogFooter {...footerProps} />\n                        {closeButtonProps.show && (\n                            <CloseDialogIconButton size={closeButtonProps.size} />\n                        )}\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogOverlay","DialogPortal","DialogRoot","DialogTrigger","Icon","ConfirmAction","CancelAction","CloseDialogIconButton","DialogClose","DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","scrollable","actions","info","showCloseButton","rest","createElement","show","Object","assign","asChild","className","header","footer","closeButton","undefined","displayName","DecoratableDialog","Dialog","Close"],"sources":["Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    scrollable?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n            scrollable,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, scrollable, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent\n                        {...contentProps}\n                        header={<DialogHeader {...headerProps} />}\n                        footer={<DialogFooter {...footerProps} />}\n                        closeButton={\n                            closeButtonProps.show ? (\n                                <CloseDialogIconButton size={closeButtonProps.size} />\n                            ) : undefined\n                        }\n                    >\n                        <DialogBody {...bodyProps} />\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"mappings":"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","ignoreList":[]}

package/Dialog/components/DialogBody.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { DialogProps } from "../../Dialog/index.js";
-export type DialogBodyProps = Pick<DialogProps, "children" | "bodyPadding" | "size">;
-export declare const DialogBody: ({ bodyPadding, size, children }: DialogBodyProps) => React.JSX.Element;
+export type DialogBodyProps = Pick<DialogProps, "children" | "bodyPadding" | "scrollable" | "size">;
+export declare const DialogBody: ({ bodyPadding, scrollable, size, children }: DialogBodyProps) => React.JSX.Element;

package/Dialog/components/DialogBody.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { cn, cva } from "../../utils.js";
-const dialogBodyVariants = cva("flex-1", {
-  // Flex grows to fill available space - we need this for the body to expand in case of a "fullscreen" dialog.
+import { ScrollArea } from "../../ScrollArea/index.js";
+const dialogBodyVariants = cva("", {
   variants: {
     size: {
       sm: "px-md-extra",
@@ -22,15 +22,22 @@ const dialogBodyVariants = cva("flex-1", {
 });
 export const DialogBody = ({
   bodyPadding,
+  scrollable = true,
   size,
   children
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
+  const content = /*#__PURE__*/React.createElement("div", {
     className: cn(dialogBodyVariants({
       size,
       bodyPadding
     }))
   }, children);
+  if (!scrollable) {
+    return content;
+  }
+  return /*#__PURE__*/React.createElement(ScrollArea, {
+    className: "h-full"
+  }, content);
 };
 
 //# sourceMappingURL=DialogBody.js.map

package/Dialog/components/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","dialogBodyVariants","variants","size","sm","md","lg","xl","full","bodyPadding","true","false","defaultVariants","DialogBody","children","createElement","className"],"sources":["DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { DialogProps } from \"~/Dialog/index.js\";\n\nconst dialogBodyVariants = cva(\"flex-1\", {\n    // Flex grows to fill available space - we need this for the body to expand in case of a \"fullscreen\" dialog.\n    variants: {\n        size: {\n            sm: \"px-md-extra\",\n            md: \"px-md-extra\",\n            lg: \"px-lg\",\n            xl: \"px-lg\",\n            full: \"px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"px-none! py-none!\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, size, children }: DialogBodyProps) => {\n    return <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAGhB,MAAMC,kBAAkB,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACrC;EACAE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,IAAI,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbT,IAAI,EAAE,IAAI;IACVM,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAIF,OAAO,MAAMI,UAAU,GAAGA,CAAC;EAAEJ,WAAW;EAAEN,IAAI;EAAEW;AAA0B,CAAC,KAAK;EAC5E,oBAAOhB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEjB,EAAE,CAACE,kBAAkB,CAAC;MAAEE,IAAI;MAAEM;IAAY,CAAC,CAAC;EAAE,GAAEK,QAAc,CAAC;AAC1F,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","ScrollArea","dialogBodyVariants","variants","size","sm","md","lg","xl","full","bodyPadding","true","false","defaultVariants","DialogBody","scrollable","children","content","createElement","className"],"sources":["DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { DialogProps } from \"~/Dialog/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\n\nconst dialogBodyVariants = cva(\"\", {\n    variants: {\n        size: {\n            sm: \"px-md-extra\",\n            md: \"px-md-extra\",\n            lg: \"px-lg\",\n            xl: \"px-lg\",\n            full: \"px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"px-none! py-none!\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"scrollable\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, scrollable = true, size, children }: DialogBodyProps) => {\n    const content = <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n\n    if (!scrollable) {\n        return content;\n    }\n\n    return <ScrollArea className=\"h-full\">{content}</ScrollArea>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,UAAU;AAEnB,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,EAAE,EAAE;EAC/BG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,IAAI,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbT,IAAI,EAAE,IAAI;IACVM,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAIF,OAAO,MAAMI,UAAU,GAAGA,CAAC;EAAEJ,WAAW;EAAEK,UAAU,GAAG,IAAI;EAAEX,IAAI;EAAEY;AAA0B,CAAC,KAAK;EAC/F,MAAMC,OAAO,gBAAGnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEpB,EAAE,CAACG,kBAAkB,CAAC;MAAEE,IAAI;MAAEM;IAAY,CAAC,CAAC;EAAE,GAAEM,QAAc,CAAC;EAE/F,IAAI,CAACD,UAAU,EAAE;IACb,OAAOE,OAAO;EAClB;EAEA,oBAAOnB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IAACkB,SAAS,EAAC;EAAQ,GAAEF,OAAoB,CAAC;AAChE,CAAC","ignoreList":[]}

package/Dialog/components/DialogContent.d.ts

@@ -6,6 +6,9 @@ declare const dialogContentVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
     dismissible?: boolean;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    closeButton?: React.ReactNode;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 export { DialogContent };

package/Dialog/components/DialogContent.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { cn, cva } from "../../utils.js";
-const dialogContentVariants = cva(["fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong max-h-screen", "translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "focus:outline-none focus-visible:outline-none", "max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog", "overflow-hidden"], {
+const dialogContentVariants = cva(["fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong", "translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "focus:outline-none focus-visible:outline-none", "max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog", "grid grid-rows-[auto_1fr_auto] overflow-hidden"], {
   variants: {
     size: {
       sm: "w-[384px]",
@@ -19,6 +19,9 @@ const DialogContent = /*#__PURE__*/React.forwardRef(({
   className,
   dismissible,
   size,
+  header,
+  footer,
+  closeButton,
   children,
   ...props
 }, ref) => {
@@ -39,9 +42,13 @@ const DialogContent = /*#__PURE__*/React.forwardRef(({
     // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.
     ,
     "aria-describedby": undefined
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn([["flex flex-col justify-between", "w-full max-w-full", "h-full", "relative"]])
-  }, children));
+  }), (header || closeButton) && /*#__PURE__*/React.createElement("div", {
+    className: "row-start-1 relative"
+  }, header, closeButton), /*#__PURE__*/React.createElement("div", {
+    className: "row-start-2 min-h-0 overflow-hidden pr-xs"
+  }, children), footer && /*#__PURE__*/React.createElement("div", {
+    className: "row-start-3"
+  }, footer));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 export { DialogContent };

package/Dialog/components/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogContentVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogContent","forwardRef","className","dismissible","children","props","ref","dismissibleProps","useMemo","onInteractOutside","event","preventDefault","onEscapeKeyDown","createElement","Content","Object","assign","undefined","displayName"],"sources":["DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogContentVariants = cva(\n    [\n        \"fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong max-h-screen\",\n        \"translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"focus:outline-none focus-visible:outline-none\",\n        \"max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog\",\n        \"overflow-hidden\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"w-[384px]\",\n                md: \"w-[520px]\",\n                lg: \"w-[640px]\",\n                xl: \"w-[800px]\",\n                full: \"w-screen h-screen\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(({ className, dismissible, size, children, ...props }, ref) => {\n    const dismissibleProps = React.useMemo<\n        Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n    >(() => {\n        if (dismissible === false) {\n            return {\n                onInteractOutside: event => event.preventDefault(),\n                onEscapeKeyDown: event => event.preventDefault()\n            };\n        }\n\n        return {};\n    }, [dismissible]);\n\n    return (\n        <DialogPrimitive.Content\n            {...dismissibleProps}\n            {...props}\n            ref={ref}\n            className={cn(dialogContentVariants({ size }), className)}\n            // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n            aria-describedby={undefined}\n        >\n            <div\n                className={cn([\n                    [\"flex flex-col justify-between\", \"w-full max-w-full\", \"h-full\", \"relative\"]\n                ])}\n            >\n                {children}\n            </div>\n        </DialogPrimitive.Content>\n    );\n});\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAC7B,CACI,iJAAiJ,EACjJ,yOAAyO,EACzO,+CAA+C,EAC/C,sFAAsF,EACtF,iBAAiB,CACpB,EACD;EACIE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AASD,MAAMO,aAAa,gBAAGd,KAAK,CAACe,UAAU,CAGpC,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEV,IAAI;EAAEW,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7D,MAAMC,gBAAgB,GAAGrB,KAAK,CAACsB,OAAO,CAEpC,MAAM;IACJ,IAAIL,WAAW,KAAK,KAAK,EAAE;MACvB,OAAO;QACHM,iBAAiB,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;QAClDC,eAAe,EAAEF,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MACnD,CAAC;IACL;IAEA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,oBACIjB,KAAA,CAAA2B,aAAA,CAACzB,eAAe,CAAC0B,OAAO,EAAAC,MAAA,CAAAC,MAAA,KAChBT,gBAAgB,EAChBF,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEb,EAAE,CAACE,qBAAqB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAES,SAAS;IACxD;IAAA;IACA,oBAAkBe;EAAU,iBAE5B/B,KAAA,CAAA2B,aAAA;IACIX,SAAS,EAAEb,EAAE,CAAC,CACV,CAAC,+BAA+B,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC/E;EAAE,GAEFe,QACA,CACgB,CAAC;AAElC,CAAC,CAAC;AAEFJ,aAAa,CAACkB,WAAW,GAAG9B,eAAe,CAAC0B,OAAO,CAACI,WAAW;AAE/D,SAASlB,aAAa","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogContentVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogContent","forwardRef","className","dismissible","header","footer","closeButton","children","props","ref","dismissibleProps","useMemo","onInteractOutside","event","preventDefault","onEscapeKeyDown","createElement","Content","Object","assign","undefined","displayName"],"sources":["DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogContentVariants = cva(\n    [\n        \"fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong\",\n        \"translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"focus:outline-none focus-visible:outline-none\",\n        \"max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog\",\n        \"grid grid-rows-[auto_1fr_auto] overflow-hidden\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"w-[384px]\",\n                md: \"w-[520px]\",\n                lg: \"w-[640px]\",\n                xl: \"w-[800px]\",\n                full: \"w-screen h-screen\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n    header?: React.ReactNode;\n    footer?: React.ReactNode;\n    closeButton?: React.ReactNode;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(({ className, dismissible, size, header, footer, closeButton, children, ...props }, ref) => {\n    const dismissibleProps = React.useMemo<\n        Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n    >(() => {\n        if (dismissible === false) {\n            return {\n                onInteractOutside: event => event.preventDefault(),\n                onEscapeKeyDown: event => event.preventDefault()\n            };\n        }\n\n        return {};\n    }, [dismissible]);\n\n    return (\n        <DialogPrimitive.Content\n            {...dismissibleProps}\n            {...props}\n            ref={ref}\n            className={cn(dialogContentVariants({ size }), className)}\n            // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n            aria-describedby={undefined}\n        >\n            {(header || closeButton) && (\n                <div className=\"row-start-1 relative\">\n                    {header}\n                    {closeButton}\n                </div>\n            )}\n            <div className=\"row-start-2 min-h-0 overflow-hidden pr-xs\">{children}</div>\n            {footer && <div className=\"row-start-3\">{footer}</div>}\n        </DialogPrimitive.Content>\n    );\n});\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAC7B,CACI,oIAAoI,EACpI,yOAAyO,EACzO,+CAA+C,EAC/C,sFAAsF,EACtF,gDAAgD,CACnD,EACD;EACIE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAYD,MAAMO,aAAa,gBAAGd,KAAK,CAACe,UAAU,CAGpC,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEV,IAAI;EAAEW,MAAM;EAAEC,MAAM;EAAEC,WAAW;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAMC,gBAAgB,GAAGxB,KAAK,CAACyB,OAAO,CAEpC,MAAM;IACJ,IAAIR,WAAW,KAAK,KAAK,EAAE;MACvB,OAAO;QACHS,iBAAiB,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;QAClDC,eAAe,EAAEF,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MACnD,CAAC;IACL;IAEA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACX,WAAW,CAAC,CAAC;EAEjB,oBACIjB,KAAA,CAAA8B,aAAA,CAAC5B,eAAe,CAAC6B,OAAO,EAAAC,MAAA,CAAAC,MAAA,KAChBT,gBAAgB,EAChBF,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTP,SAAS,EAAEb,EAAE,CAACE,qBAAqB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAES,SAAS;IACxD;IAAA;IACA,oBAAkBkB;EAAU,IAE3B,CAAChB,MAAM,IAAIE,WAAW,kBACnBpB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAsB,GAChCE,MAAM,EACNE,WACA,CACR,eACDpB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAA2C,GAAEK,QAAc,CAAC,EAC1EF,MAAM,iBAAInB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAa,GAAEG,MAAY,CAChC,CAAC;AAElC,CAAC,CAAC;AAEFL,aAAa,CAACqB,WAAW,GAAGjC,eAAe,CAAC6B,OAAO,CAACI,WAAW;AAE/D,SAASrB,aAAa","ignoreList":[]}

package/FilePicker/FilePicker.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type FilePickerPrimitiveProps } from "./primitives/index.js";
 import { type FormComponentProps } from "../FormComponent/index.js";
-type FilePickerProps = FilePickerPrimitiveProps & FormComponentProps;
+type FilePickerProps = FilePickerPrimitiveProps & Omit<FormComponentProps, "value">;
 declare const FilePicker: (({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element) & {
     original: ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element;
     originalName: string;

package/FilePicker/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","withStaticProps","FilePickerDescription","FilePickerLabel","FilePickerPrimitive","FormComponentErrorMessage","FormComponentNote","ImagePreview","RichItemPreview","TextOnlyPreview","BaseFilePicker","label","hint","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","type","props","isValid","validationIsValid","message","validationMessage","invalid","e","persist","createElement","className","Fragment","Object","assign","text","DecoratableFilePicker","FilePicker","Preview","Image","RichItem","TextOnly"],"sources":["FilePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    FilePickerDescription,\n    FilePickerLabel,\n    FilePickerPrimitive,\n    type FilePickerPrimitiveProps\n} from \"./primitives/index.js\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\nimport {\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview\n} from \"~/FilePicker/primitives/components/index.js\";\n\ntype FilePickerProps = FilePickerPrimitiveProps & FormComponentProps;\n\nconst BaseFilePicker = ({\n    label,\n    hint,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    type = \"area\",\n    ...props\n}: FilePickerProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            {type !== \"area\" && (\n                <>\n                    <FilePickerLabel\n                        label={label}\n                        hint={hint}\n                        required={required}\n                        disabled={disabled}\n                        invalid={invalid}\n                    />\n                    <FilePickerDescription description={description} disabled={disabled} />\n                </>\n            )}\n            <FilePickerPrimitive\n                {...props}\n                label={label}\n                description={description}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n                type={type}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst DecoratableFilePicker = makeDecoratable(\"FilePicker\", BaseFilePicker);\n\nconst FilePicker = withStaticProps(DecoratableFilePicker, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\nexport { FilePicker, type FilePickerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB;AAGvB,SACIC,yBAAyB,EACzBC,iBAAiB;AAGrB,SACIC,YAAY,EACZC,eAAe,EACfC,eAAe;AAKnB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtBC,IAAI,GAAG,MAAM;EACb,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGT,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMU,OAAO,GAAG5B,OAAO,CAAC,MAAMyB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAML,MAAM,GAAGrB,WAAW,CACtB,MAAO8B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIvB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE;EAAS,GACpBV,IAAI,KAAK,MAAM,iBACZxB,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAiC,aAAA,CAAC3B,eAAe;IACZQ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF9B,KAAA,CAAAiC,aAAA,CAAC5B,qBAAqB;IAACW,WAAW,EAAEA,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACxE,CACL,eACDnB,KAAA,CAAAiC,aAAA,CAAC1B,mBAAmB,EAAA6B,MAAA,CAAAC,MAAA,KACZZ,KAAK;IACTX,KAAK,EAAEA,KAAM;IACbE,WAAW,EAAEA,WAAY;IACzBG,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,EACd,CAAC,eACFxB,KAAA,CAAAiC,aAAA,CAACzB,yBAAyB;IACtB8B,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFnB,KAAA,CAAAiC,aAAA,CAACxB,iBAAiB;IAAC6B,IAAI,EAAErB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMoB,qBAAqB,GAAGpC,eAAe,CAAC,YAAY,EAAEU,cAAc,CAAC;AAE3E,MAAM2B,UAAU,GAAGpC,eAAe,CAACmC,qBAAqB,EAAE;EACtDE,OAAO,EAAE;IACLC,KAAK,EAAEhC,YAAY;IACnBiC,QAAQ,EAAEhC,eAAe;IACzBiC,QAAQ,EAAEhC;EACd;AACJ,CAAC,CAAC;AACF,SAAS4B,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","withStaticProps","FilePickerDescription","FilePickerLabel","FilePickerPrimitive","FormComponentErrorMessage","FormComponentNote","ImagePreview","RichItemPreview","TextOnlyPreview","BaseFilePicker","label","hint","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","type","props","isValid","validationIsValid","message","validationMessage","invalid","e","persist","createElement","className","Fragment","Object","assign","text","DecoratableFilePicker","FilePicker","Preview","Image","RichItem","TextOnly"],"sources":["FilePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    FilePickerDescription,\n    FilePickerLabel,\n    FilePickerPrimitive,\n    type FilePickerPrimitiveProps\n} from \"./primitives/index.js\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\nimport {\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview\n} from \"~/FilePicker/primitives/components/index.js\";\n\ntype FilePickerProps = FilePickerPrimitiveProps & Omit<FormComponentProps, \"value\">;\n\nconst BaseFilePicker = ({\n    label,\n    hint,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    type = \"area\",\n    ...props\n}: FilePickerProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            {type !== \"area\" && (\n                <>\n                    <FilePickerLabel\n                        label={label}\n                        hint={hint}\n                        required={required}\n                        disabled={disabled}\n                        invalid={invalid}\n                    />\n                    <FilePickerDescription description={description} disabled={disabled} />\n                </>\n            )}\n            <FilePickerPrimitive\n                {...props}\n                label={label}\n                description={description}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n                type={type}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst DecoratableFilePicker = makeDecoratable(\"FilePicker\", BaseFilePicker);\n\nconst FilePicker = withStaticProps(DecoratableFilePicker, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\nexport { FilePicker, type FilePickerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB;AAGvB,SACIC,yBAAyB,EACzBC,iBAAiB;AAGrB,SACIC,YAAY,EACZC,eAAe,EACfC,eAAe;AAKnB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtBC,IAAI,GAAG,MAAM;EACb,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGT,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMU,OAAO,GAAG5B,OAAO,CAAC,MAAMyB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAML,MAAM,GAAGrB,WAAW,CACtB,MAAO8B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIvB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE;EAAS,GACpBV,IAAI,KAAK,MAAM,iBACZxB,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAiC,aAAA,CAAC3B,eAAe;IACZQ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF9B,KAAA,CAAAiC,aAAA,CAAC5B,qBAAqB;IAACW,WAAW,EAAEA,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACxE,CACL,eACDnB,KAAA,CAAAiC,aAAA,CAAC1B,mBAAmB,EAAA6B,MAAA,CAAAC,MAAA,KACZZ,KAAK;IACTX,KAAK,EAAEA,KAAM;IACbE,WAAW,EAAEA,WAAY;IACzBG,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,EACd,CAAC,eACFxB,KAAA,CAAAiC,aAAA,CAACzB,yBAAyB;IACtB8B,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFnB,KAAA,CAAAiC,aAAA,CAACxB,iBAAiB;IAAC6B,IAAI,EAAErB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMoB,qBAAqB,GAAGpC,eAAe,CAAC,YAAY,EAAEU,cAAc,CAAC;AAE3E,MAAM2B,UAAU,GAAGpC,eAAe,CAACmC,qBAAqB,EAAE;EACtDE,OAAO,EAAE;IACLC,KAAK,EAAEhC,YAAY;IACnBiC,QAAQ,EAAEhC,eAAe;IACzBiC,QAAQ,EAAEhC;EACd;AACJ,CAAC,CAAC;AACF,SAAS4B,UAAU","ignoreList":[]}